body {color: white; min-height: 100%;height: 100%;}
html {min-height: 100%; }

.para {background-image: url("../img/mid_1920x800.jpg"); height: 200px; width: 100%; background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;}


.para1 {background-image: url("../img/mid_1920x8001.jpg"); height: 200px; width: 100%; background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;}




.cien { min-height: 100%; padding-top:50px; height: auto;}
.cien-parent { min-height: 100%; height: auto; margin: 0px; padding: 0px; height: auto;}



.cien {display:-moz-table-cell; height: auto; }
#mapwrp {display:-moz-table-cell; }


.buffer {margin-top: 15px; margin-bottom: 15px;}

.header-principal
{width:100%;
min-width:100%;
background-color: #13316F;
margin: 0px;
padding: 0px; 
position: absolute;
z-index:-999;
min-height:100%;
background-position: center bottom;
background-size: cover;  margin-top: -50px;}


.wasd {display:-moz-table-cell; height: 100%;}

/* color claro 009AA1*/
.col-12 {padding-top:30px; padding-bottom:30px;}

.navbar {background-color:#03142b; }
.nuevoest {color:#58d3d8 !important; }
.nuevoest:hover {color:white !important;}

i {color:#54BBBC;}

.nono li img {max-height: 150px}


#mapwrp {padding:0px; padding-top: 5px; background-color:#0B2242;-webkit-box-shadow: inset -8px -15px 63px -10px rgba(0,0,0,0.53);
-moz-box-shadow: inset -8px -15px 63px -10px rgba(0,0,0,0.53);
box-shadow: inset -8px -15px 63px -10px rgba(0,0,0,0.53); }


#changeText {color:white;}
#map {width:100%; height: 300px; padding: 0px; margin: 0px;}

.nono {list-style-type:none;}
.nono li {margin-top: 40px; margin-bottom:40px;}

small:hover {color:#58d3d8; cursor: pointer;}
.osc h3 {color:#009AA1; margin-bottom:15px;}
.osc h5 {color:#009AA1; margin-bottom:15px;}
.osc p {margin-bottom: 10px}
.wrap-header{margin-top: 200px; text-align:center;}
.wrap-header h2{ padding-left:20px; text-align: left; font-style: italic; margin-top:-10px;}
.wrap-header h2 span {font-weight: bold; font-style:normal; color: #58d3d8;}
.wrap-header img {width:300px;color:#58d3d8;}

.osc {background-color:#0B2242;-webkit-box-shadow: inset -8px -15px 63px -10px rgba(0,0,0,0.53);
-moz-box-shadow: inset -8px -15px 63px -10px rgba(0,0,0,0.53);
box-shadow: inset -8px -15px 63px -10px rgba(0,0,0,0.53);
}


.primer-bloque li a {font-weight:bold; color: #58d3d8; text-decoration: none}
.primer-bloque li a:hover {color:white;}

.osc .container  {padding-top:30px; padding-bottom: 30px}

.card-header {background-color:#03142b;}
.card-block {background-color: #13316F; border: 0px;}
.card-header a {color: white; text-decoration: none;}
.card-header a:hover {color: white; text-decoration: none;}
.card-header a:visited {color: white; text-decoration: none;}

.form-control {background-color:#13316F; color: white; width: 90%;}
.form-control:focus {background-color:#183e8e; color: white; }

.card {background-color:#00144A }

.conta {padding-top: 50px; padding-bottom: 50px;}

.navbar-toggler {background-color:#009AA1 ;}


.segundo-bloque {background-color:#03142b;-webkit-box-shadow: inset -8px -15px 63px -10px rgba(0,0,0,0.53);
-moz-box-shadow: inset -8px -15px 63px -10px rgba(0,0,0,0.53);
box-shadow: inset -8px -15px 63px -10px rgba(0,0,0,0.53);}

.segundo-bloque .container  {padding-top:30px; padding-bottom: 30px}

.final {background-color:#030f21; color: white; padding: 10px;}
.final h6 {text-align: center}




@media (max-width: 767px){
.header-principal {background-image: url(../img/fondo768.jpg)}
.cien { padding-bottom: 175px; padding-top: 50px; height: auto; min-height: 500px;}
.buffer{padding-top:20px; padding-bottom: 10px;}
}

@media (min-width: 768px) and (max-width: 991px){
.header-principal {background-image: url(../img/fondo992.jpg);}

.wrap-header img {width:544px;}
}
@media (min-width: 992px) and (max-width: 1199px){
.header-principal {height:600px;background-image: url(../img/fondo1200.jpg);}
.wrap-header img {width:768px;}
}
@media (min-width: 1200px) {
.header-principal {height: 100%; background-image: url(../img/fondo1920.jpg);}
.wrap-header img {width:990px;}

}

@media (min-width: 1920px) {
.header-principal {background-image: url(../img/fondofull.jpg);height:100%;}

}



/* Extra small devices */
@media only screen and (max-width: 400px) {

.para {background-image:url("../img/mid_400x168.jpg")}

.para1 {background-image:url("../img/mid_400x1681.jpg")}


}