@font-face{
font-family: texto;
src: url(helvetica.ttf);
}
.cabecera{width:100%;  min-height:148px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c9c9c9+1,f4f4f4+30,ffffff+50,f4f4f4+70,c9c9c9+100 */
background: rgb(201,201,201); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(201,201,201,1) 1%, rgba(244,244,244,1) 30%, rgba(255,255,255,1) 50%, rgba(244,244,244,1) 70%, rgba(201,201,201,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(201,201,201,1) 1%,rgba(244,244,244,1) 30%,rgba(255,255,255,1) 50%,rgba(244,244,244,1) 70%,rgba(201,201,201,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(201,201,201,1) 1%,rgba(244,244,244,1) 30%,rgba(255,255,255,1) 50%,rgba(244,244,244,1) 70%,rgba(201,201,201,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#c9c9c9',GradientType=1 ); /* IE6-9 */
}
.logo{width:100%; height:100%; margin-top:8px;}
.logo img{width:100%; height:100%;}
p{ font-family: sans-serif;  text-align:justify; margin:0px;}
.cabecera-texto{width:100%; margin-top:22px;}.cabecera-texto p{font-size:20px; color:#6f6f6e;  font-family:texto,  sans-serif;}
nav{width:100%; min-height:36px; background:#ff6600; margin:0px;}
.nav1{width:auto; height:36px; float:left; margin:0px 10px 0px 10px; padding:2px 10px 0px 10px;}.nav1 p{font-family:texto,  sans-serif; color:#fff; font-size:22px;}.nav1 p a{font-family:texto,  sans-serif; color:#fff; font-size:22px; text-decoration:none;}
.nav1:nth-child(1){margin-left:20%;}
.nav1:hover{ background-color:#6f6f6e; transition:all 0.5s;}

.slide{ width:100%; height:auto; float:left; margin-bottom:0px; background-image: url(../img/footer_lodyas.png); background-repeat: repeat; }
.imagen-slide{width:100%; height:auto; float:left; }



h1{font-family:texto,  sans-serif; color:#fe6600; font-size:48px; margin:0px 0px 10px 0px;}
h2{font-family:texto,  sans-serif; color:#fe6600; font-size:26px; margin:30px 0px 10px 0px;}
h3{font-family:texto,  sans-serif; color:#fe6600; font-size:26px; margin:22px 0px 10px 0px;}
h4{font-family:texto,  sans-serif; color:#fe6600; font-size:20px; margin:22px 0px 10px 0px;}
.equipo-humano{width:100%; min-height:203px; float:left; margin-bottom:18px;}

.iconos{width:113px; float:left; margin:20px 20px 10px 20px;}
.iconos:nth-child(1){margin-left:23%;}
.icono{width:113px; height:112px; float:left; background-color:#5f5f5f; margin-bottom:5px; -webkit-border-radius: 1000px;-moz-border-radius: 1000px;border-radius: 1000px;}
.icono:hover{background:#fe6600; transition:all 0.5s;}
.icono-txt{width:113px; height:20px; text-align:center; float:left; }.icono-txt p{ text-align:center;}  .icono-txt p a{font-family:texto,  sans-serif; color:#5f5f5f; font-size:18px; text-align:center;} .icono-txt p a:hover{font-family:texto,  sans-serif; color:#fe6600; text-decoration:none;}

footer{ width: 100%;  min-height:200px;  margin:80px 0px 0px 0px; padding-top:40px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#616161+0,8b8b8b+100 */
background: rgb(97,97,97); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(97,97,97,1) 0%, rgba(139,139,139,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(97,97,97,1) 0%,rgba(139,139,139,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(97,97,97,1) 0%,rgba(139,139,139,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616161', endColorstr='#8b8b8b',GradientType=0 ); /* IE6-9 */
 }
footer p{color:#FFF; font-family:texto,  sans-serif; font-size:18px;}
.nav2{width:auto; height:36px; float:left; margin:0px 12px 0px 12px;}.nav2 p{font-family:texto,  sans-serif; color:#fff; font-size:18px;}.nav2 p a{font-family:texto,  sans-serif; color:#fff; font-size:18px; text-decoration:none;}
.nav2 p a:hover{color:#fe6600; transition:all 0.5s;}
.text-right{ text-align:right;}
iframe{width:100%; min-height:408px;}

.thumb p{color:#6b6b6b; font-size:12px; text-decoration:none; margin-top:5px; margin-bottom:10px;}
.thumb{margin:0px 0px 30px 0px;}
.thumb img{width:100%; height:100%;}
.centro{text-align:center; font-size:18px; margin-top:10px;}
.centro a{text-decoration:none; color:#fff;}

@media only screen and (max-width: 992px){
.nav1{width:auto; height:36px; float:left; margin:0px 0px 0px 0px; padding:2px 10px 0px 10px; text-align:center;}
.nav1 p{color:#fff; font-size:22px;}
.nav1:nth-child(1){margin-left:0%;}	 	

.iconos{width:113px; float:left; margin:20px 20px 20px 20px;}
.iconos:nth-child(1){margin-left:10%;}

.equipo-humano{width:100%; min-height:125px; float:left; margin-bottom:18px;}
.equipo-humano img{width:100%;}	
	
}


@media only screen and (max-width: 780px){
.nav1{width:auto; height:36px; float:left; margin:0px 0px 0px 0px; padding:2px 10px 0px 10px; text-align:center;}
.nav1 p{color:#fff; font-size:18px;}
.nav1:nth-child(1){margin-left:0%;}	

.iconos{width:113px; float:left; margin:20px 10px 20px 10px;}
.iconos:nth-child(1){margin-left:20px;}

.slide{ width:100%; height:auto; float:left;  margin-bottom:0px; background-image: url(../img/footer_lodyas.png); background-repeat: repeat; }
.imagen-slide{width:100%; height:auto; float:left; }


}



@media only screen and (max-width: 480px){
.cabecera-texto p a{color:#6f6f6e;}	
.nav1{width:100%; height:36px; float:left; margin:0px 0px 0px 0px; padding:2px 10px 0px 10px; text-align:center;}
.nav1 p{color:#fff; font-size:22px;}
.nav1:nth-child(1){margin-left:0%; }	
.medio{ text-align:center;}

.iconos{width:113px; float:left; margin:20px 15px 20px 15px;}
.iconos:nth-child(1){margin-left:15px; }

.equipo-humano{width:100%; min-height:auto; float:left; margin-bottom:18px;}
.equipo-humano img{width:100%;}	

.nav2{width:50%; height:36px; float:left; margin:10px 0px 10px 0px; text-align:center;}

.slide{ width:100%; height:auto; float:left;  margin-bottom:0px; background-image: url(../img/footer_lodyas.png); background-repeat: repeat; }
.imagen-slide{width:100%; height:auto; float:left; }

}