@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);


#creditos.contenido{max-width:660px; background:#fff;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:auto;
-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.17);
box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.17);
margin-top:0px;
overflow:hidden;
font-family: 'Lato', sans-serif !important;
color:#999;
}
#creditos .interior{padding:50px 40px 40px 40px;}
#creditos .interior p{color:#999; font-size:14px; line-height:20px; margin-top:10px}
#creditos .interior h3{ color:#b0cf41 !important; font-size:15px !important; letter-spacing:1px; margin:0 0 5px 0; padding:0; font-weight:600 !important; font-family: 'Lato', sans-serif !important; line-height:normal}
#creditos .interior h4{text-transform:uppercase; font-size:26px !important; margin:0 0 20px 0; padding:0; color:#999 !important; font-family: 'Lato', sans-serif !important;line-height:24px !important}

#creditos .cabecera{background:#a2c12b; position:relative}
#creditos .cabecera .titulos{position:absolute; bottom:10px; left:40px; right:0;}
#creditos .cabecera .titulos h2{margin:0; padding:0; color:#fff; padding-right:140px; line-height:normal; text-transform:uppercase; font-size:12px; letter-spacing:1px; font-weight:600 !important; font-family: 'Lato', sans-serif !important;}
#creditos .cabecera .titulos h1{margin:-10px 0 0 0; padding:0; color:#fff; text-transform:uppercase; font-size:60px; letter-spacing:1px; font-weight:100 !important; font-family: 'Lato', sans-serif !important;padding-right:140px;     line-height: 1.2em;}
#creditos .cabecera .titulos h1 a{text-decoration:none; color:#fff; font-family: 'Lato', sans-serif !important; display:block; cursor:pointer }
#creditos a.icono{height:100px; width:100px; display:block; padding:0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background:#fff;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.17);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.17);
position:absolute; right:40px; bottom:-45px;
-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align:center;
  line-height:140px;
 }
 
 #creditos p{margin-bottom:0}
 #creditos a.icono:hover{
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.11);
-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.11);
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.11); 
	 }
	 
#creditos a.icono img{max-width:100%; max-height:none; vertical-align:inherit}	 
 
 
#creditos .boton_inferior{display:block; background:#f8f8f8; text-align:center; padding:15px 0; color:#a9a9a9; text-decoration:none; border-top:1px solid #b0cf41;
-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;

}

 
#creditos .boton_inferior:hover{background:#e8e8e8;}

#creditos ul.lista{margin:25px 0 0 0; padding:0; list-style:none;}
#creditos ul.lista li{padding-bottom:5px; border-bottom:1px solid #b0cf41; list-style:none; float:left; padding-left:30px; padding-right:10px; margin-right:15px; font-size:14px; background:transparent url("img/check.png") no-repeat 0 0; margin-bottom:15px}

#creditos .phone{position:absolute; top:20px; left:40px; background:transparent url("img/phone.png") no-repeat 0 5px; padding-bottom:2px; padding-left:30px; color:#fff; padding-top:0px  }

#creditos .clear{clear:both;}

@media (max-width: 600px) {
	
	#creditos .cabecera img{min-height:150px;}
	#creditos .cabecera .icono img{min-height:inherit; width:40px;}
	#creditos .interior{padding:30px 40px 40px 40px;}
	#creditos .cabecera .icono{width:70px; height:70px; bottom:72px; right:20px; line-height:100px;}
	#creditos .cabecera .titulos h1{font-size:20px !important; margin-top:0}
	
	}