html,body {background-color: white; width:100%; height:100%;}

* {box-sizing: border-box; font-family:'Open Sans',sans-serif; }
#topnav a:hover i {color:#5CD2E0 !important;}
#search {width:180px; height:30px; border:0px; margin-top:15px; }
#search2 {display:inline-block; height:30px;width:30px; background:#D1D1D1;top:-5px; position:relative;}
#heading{font-size:34px;line-height:45px; font-weight:300; color:#95a4a7;}
#heading span {color:#F3c414;}
#heading span+br+span {color:#18bd9d;}

/* Paginas */
.tituloAmarillo {color:#FFBD4F; font-size:30px; line-height:50px;margin-top:10px;}
.tituloAzul {color:#4E7A9B; font-size:30px; line-height:50px; margin-top:10px; margin-bottom:6px;}

.titulo { font-size:30px; line-height:60px; width:100%; border-bottom:3px solid #5CD2E0;}

.noticia {width:100%; clear:both;background:#F4F5F7; height:210px; margin-top:10px; cursor: pointer;}
.noticia span {width:370px; height:210px; background-size: cover; background-position:center center; }
.noticia span+span div { font-size:25px; color: #52525A; padding:20px 20px 0px 390px;}
.noticia span+span div+div {font-size:17px;color: #52525A; padding:20px 20px 0px 390px; font-weight: 300;}

 /* Home */
.hometabs {font-size:18px;  line-height:18px; font-weight: 300; cursor:pointer;}
.hometabs div { padding: 5px; border-left:3px white solid;}
.hometabs div:hover {background-color:#f8f8f8;}
.alto {height:600px;}
.cartel {width:100%;height:150px;top:450px; position:relative;background:rgba(255,255,255,0.6);color:black; font-size:22px;line-height:24px; font-weight: 200; padding:10px;}
.cartel span {font-size:24px; font-weight:400; line-height:30px;}
.servicioholder {
-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.1);box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.1);

}
/* Servicio */
.artservicio {
  padding:20px 20px 20px 20px;
  background-color:#f9fafb ;
}
.formservicio {
  padding:20px 20px 20px 20px;
  color: white;
}
.formserviciotitulo {
  font-size:30px; line-height:40px;
}
/* Noticias */
.resumen {
  color:#212121; font-size:19px; line-height:24px; margin-bottom:20px;
  text-align:justify;
}
.articulo {
  font-size:15px;
  text-align:justify;
}

/*PAGINA*/

.pcuad {
  height:179px;
}
#pcuad1 {margin-left:0px !important;}

/* Footer */
#map {width:100%; height:300px; margin-top:20px;}
footer {border-top:3px solid #5CD2E0; background-color: #A0AFB2; color:white; padding-top:30px; padding-bottom:30px;}
footer a {color:white; text-decoration:none;}
footer a:hover {color:#5CD2E0; text-decoration: none; background-color: white;}
a.back-to-top {	display: none;	width: 34px;	height: 39px;	position: fixed;	z-index: 999;	right: 20px; bottom: 80px;	background: url("../img/top.png") no-repeat ; background-position-x:0px; background-position-y:0px;}
a.back-to-top:hover {	  background-position-y:-39px;}

#imgfoot {width:100px; height:19px; cursor:pointer; position:relative; top:-19px; }
.aparece {display:none;}




@media screen and (max-width:900px) {
 .aparece {display:block;}
 .desaparece {display:none;}

 .mc { font-size:24px; padding-left:20px;color:white; text-transform: uppercase; display:block;line-height:50px;min-height: 40px; border-bottom:1px white solid; background-color:#023859;}
 .sm { font-size:24px;padding-left:40px; line-height:30px;color:#dddddd ; display:block; border-bottom:1px white solid; min-height: 40px; padding-top:10px; padding-bottom:10px;}
.aparece .sm {
  color:#333;
}
.sm:hover,
.mc:hover
{ text-decoration:none; color:white;}

 .noticia {width:100%; clear:both;background:#F4F5F7; height:150px; cursor: pointer; overflow:hidden; }
 .noticia span {width:150px; height:150px; background-size: cover; background-position:center center;;  }
 .noticia span+span div { font-size:28px; color: #52525A; padding:10px 0px 0px 160px; line-height:30px;}
 .noticia span+span div+div {font-size:22px;color: #52525A; padding:10px; font-weight: 300;line-height:30px; height:70px; text-overflow:clip; display:block; overflow:hidden;  }

 .tituloAmarillo {color:#FFBD4F; font-size:30px; line-height:50px;margin-top:10px;}
 .tituloAzul {color:#4E7A9B; font-size:30px; line-height:50px; margin-top:10px; margin-bottom:6px;}

 .titulo { font-size:40px; line-height:50px !important; width:100%; border-bottom:3px solid #5CD2E0; margin-top:20px;}
 .artservicio {
   font-size:28px; line-height:34px;
   padding:20px 20px 20px 20px;
   background-color:#f9fafb ;
 }
 .formservicio {
   font-size:24px !important;
   padding:20px 20px 20px 20px;
   color: white;
 }
 .resumen {
   color:#212121; font-size:26px; line-height:30px; margin-bottom:20px;
   text-align:justify;
 }
 .articulo {
   font-size:22px; line-height:26px;
   text-align:justify;
 }
 footer {font-size:26px; line-height:32px;}
}