body,html{
 font-family:Arial,Helvetica,sans-serif;
 margin:0px;
 padding:0px;
 overflow-x:hidden;
 }

body.modal-open{
 overflow-y:hidden;
 overflow-x:hidden;
 width:100%;
 
}

footer{
 overflow:hidden;
 position:relative;
 background-color:white;
 text-align:center;
}

header{
 left:0px;
 top:0px;
 width:100%;
 background-color:#d6d6d6;
}

h1{
 color:black;
 font-weight:700;
 font-size:20px;
 text-align:center;
 padding:10px;
}

h2{
 color:#00945E;
 font-weight:bold;
 font-size:20px;
}

h4{
 font-size:18px;
 text-align:center;
}

h5{
 font-size:20px;
 text-align:center;
}

h6{
 font-size:16px;
 text-align:center;
 font-weight:bold;
 font-style:italic;
 color:orange;
}

p{
 font-size:16px;
 text-align:justify;
}

ol{
 font-size:16px;
 }

th,td{
 padding:5px;
 text-align:center;
 font-size:12px;
 border:solid 1px gray;
 width:100%;
}

.cuadro{
 padding:20px;
 border-radius:10px;
 box-shadow:0px 0px 8px #888;
 border:2px solid #DCAA00;
 background-color:#EFEFEF;
}

.cuadro2{

 margin-top:10px;
 margin-left:0px;
 margin-bottom:10px;
 margin-right:10px;
}

.img-thumbnail{
 float:left;
}

.img-centro{
display:block;
margin:auto;
}

.linea1{
 border-bottom:1px solid #00945E;
 width:95%
}

.linea2{
 border-left:1px solid #00945E;
 width:1px;
 margin:0px;
}

.linea3{
 border-left:1px solid white;
 width:1px;
}

.logos{
 height:100px;
 vertical-align:middle;
 text-align:center;
 align-content:center;
 flex-direction:column;
 background-color:white;
}

.margen1{
 padding:10px;
 margin:5px;
}

.margen2{
 padding:10px;
 vertical-align:middle;
 display:flex;
 justify-content:center;
 align-content:center;
 flex-direction:column;
}

.margen3{
 padding:0px;
 vertical-align:middle;
 display:flex;
 justify-content:center;
 align-content:center;
 flex-direction:column;
}

.modal-header,.modal-body,.modal-footer{
 text-align:center;
 padding:10px;
}

.nav-side-menu{
 overflow:auto;
 font-size:16px;
 background-color:white;
 
 top:0px;
 width:300px;
 height:100%;
 color:black;
 text-align:left;
}

.nav-side-menu .brand{
 background-color:white;
 line-height:30px;
 display:block;
 text-align:center;
 text-align:left;
 padding-left:10px;
}

.nav-side-menu .toggle-btn{
 display:none;
}

.nav-side-menu ul,.nav-side-menu li{
 list-style:none;
 padding:0px;
 margin:0px;
 line-height:18px;
 cursor:pointer;
 background-color:#6BAC2E;
}

.nav-side-menu ul:not(collapsed) .arrow:before,.nav-side-menu li :not(collapsed) .arrow:before{
 font-family:FontAwesome;
 content:"\f107";
 font-size:20px;
 display:inline-block;
 padding-left:5px;
 padding-right:5px;
 vertical-align:middle;
 float:right;
 color:white;
}

.nav-side-menu ul .active,.nav-side-menu li .active{
 background-color:#47742D;
}

.nav-side-menu ul .sub-menu li.active,.nav-side-menu li .sub-menu li.active{
 color:black;
}

.nav-side-menu ul .sub-menu li.active a,.nav-side-menu li .sub-menu li.active a{
 color:black;
 font-weight:bold;
}

.nav-side-menu ul .sub-menu li,.nav-side-menu li .sub-menu li{
 background-color:white;
 border:none;
 line-height:18px;
 border-bottom:1px solid #f7f7f7;
 margin-left:0px;
 font-weight:normal;
}

.nav-side-menu ul .sub-menu li:before,.nav-side-menu li .sub-menu li:before{

 display:inline-block;
 padding-left:5px;
 padding-right:5px;
 vertical-align:middle;
}

.nav-side-menu li{
 padding:10px;
 border-bottom:1px solid #23282e;
}

.nav-side-menu li a{
 text-decoration:none;
 color:white;
 display:block;
}

.nav-side-menu li a i{
 padding-left:10px;
 width:20px;
 padding-right:20px;
}

.nav-side-menu li:hover{
 text-decoration:underline;
}

@media (max-width:767px){
 .nav-side-menu{
 position:relative;
 width:100%;
 margin-bottom:10px}
 .nav-side-menu .toggle-btn{
 display:block;
 cursor:pointer;
 position:absolute;
 right:10px;
 top:10px;
 z-index:10 !important;
 padding:3px;
 width:40px;
 height:30px;
 text-align:center;
 margin-right:20px}
 .brand{
 text-align:left !important;
 font-size:22px;
 padding-left:20px;
 line-height:50px !important;
 background-color:#d6d6d6}
}

@media (min-width:767px){
 .nav-side-menu .menu-list .menu-content{
 display:block;
 }
}

.nopadding{
 margin:0px;
 padding:0px;
}

img[usemap]{
 border:none;
 height:auto;
 max-width:100%;
 width:auto;
}

.nav-tabs{
 width:100%;
 font-weight:bold;
 background-color:#FBBD00;
 border-radius:0px;
}

.nav-tabs>li>a{
 border:1px solid #DEE2E6;
 color:black;
 padding:10px;
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{
 color:black;
 font-weight:bold !important;
 border:1px solid #DEE2E6;
 border-bottom-color:transparent;
}

.nav-tabs > li > a:hover{
 background-color:#95D600 !important;
 border-radius:0px;
 color:#00945E;
} 

.tab-pane{
 border:solid 1px #DEE2E6;
 border-top:0;
 width:100%;
 padding:5px;
}

.modal-header{
 font-weight:bold;
}

.puntos{
 font-size:16px;
 text-align:justify;
 }

.verde{
 background-color:#00945E;
 height:20px;
}

a.negro:link{
 color:black;
 font-size:14px;
}

a.negro:visited{
 color:#823133}

a.negro:hover{
 color:black;
 text-decoration:underline;
} 

.modal-lg{
 max-width:70% !important;
}

table{
 width:100%;
 text-align:center;
}
th,td{
 width:50%;
 font-size:16px;
}