/*

	Fuente:		Lato, por Łukasz Dziedzic
				http://www.latofonts.com/
				
*/

@font-face{font-family:'Lato';src:url('../f/LR.eot');src:url('../f/LR.eot?#iefix') format('embedded-opentype'),url('../f/LR.woff') format('woff'),url('../f/LR.ttf') format('truetype'),url('../f/LR.svg#LR') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'Lato';src:url('../f/LI.eot');src:url('../f/LI.eot?#iefix') format('embedded-opentype'),url('../f/LI.woff') format('woff'),url('../f/LI.ttf') format('truetype'),url('../f/LI.svg#LI') format('svg');font-weight:normal;font-style:italic;}
@font-face{font-family:'Lato';src:url('../f/LB.eot');src:url('../f/LB.eot?#iefix') format('embedded-opentype'),url('../f/LB.woff') format('woff'),url('../f/LB.ttf') format('truetype'),url('../f/LB.svg#LB') format('svg');font-weight:bold;font-style:normal;}
@font-face{font-family:'Lato';src:url('../f/LBK.eot');src:url('../f/LBK.eot?#iefix') format('embedded-opentype'),url('../f/LBK.woff') format('woff'),url('../f/LBK.ttf') format('truetype'),url('../f/LBK.svg#LBK') format('svg');font-weight:900;font-style:normal;}
@font-face{font-family:'Lato';src:url('../f/LBKI.eot');src:url('../f/LBKI.eot?#iefix') format('embedded-opentype'),url('../f/LBKI.woff') format('woff'),url('../f/LBKI.ttf') format('truetype'),url('../f/LBKI.svg#LBKI') format('svg');font-weight:900;font-style:italic;}

*{padding:0;margin:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{color:#606060;background:#F4F4F4;font:16px/1.6 Lato,Arial,Helvetica,sans-serif;}
input,textarea{font:1em/1 Lato,Arial,Helvetica,sans-serif;color:#000;padding:5px 8px;border:1px solid #E0E0E0;display:block;width:100%;border-radius:4px;}
table{width:100%;border-collapse:collapse;margin-bottom:20px;}
th,td{padding:2px 4px;border:1px solid #E0E0E0;vertical-align:top;text-align:left;}

.dims{padding:0 50px;margin:0 auto;max-width:1200px;}
.columnas{display:flex;gap:20px;}
.col-10{width:10%;}
.col-20{width:20%;}
.col-25{width:25%;}
.col-50{width:50%;}
.col-80{width:80%;}
.col-90{width:90%;}
.nbsp{white-space:nowrap;}
.oculto{position:absolute !important;top:-9999em !important;}
.none{display:none !important;}
.invisible{visibility:hidden;}
a{color:#5A9AD2;}
a:hover{color:#71C5E8;}
section{padding-top:5em;margin-bottom:80px;}
#carrusel,#horario{margin-bottom:0;}
section p+p{margin-top:20px;}
h2{font-size:34px;text-transform:uppercase;color:#000;border-left:10px solid #005EB8;padding-left:15px;}
h3{color:#005EB8;}

.boton{color:#FFF;background-color:#5A9AD2;padding:7px 9px;text-transform:uppercase;cursor:pointer;text-decoration:none;border-radius:4px;font-size:.8em;display:inline-block;white-space:nowrap;}
.boton:hover{color:#FFF;background:#71C5E8;}

#cabecera{position:fixed;z-index:99;background:#FFF;color:#000;width:100%;padding-top:15px;padding-bottom:10px;}
#logo{width:50px;}
#fg{text-transform:uppercase;font-weight:600;font-size:34px;}
#b-contacto{text-align:right;padding-top:9px;}
#menu{position:fixed;z-index:17;right:0;top:6em;}
#menu li{margin-bottom:1px;list-style:none;line-height:1;text-align:right;}
#menu a{padding:13px 10px 10px;color:#FFF;background:#005EB8;text-decoration:none;display:inline-block;line-height:1;}
#menu span{position:relative;top:-4px;margin-left:0;width:0;overflow:hidden;display:inline-block;transition:.2s;text-align:left;}
#menu a:hover span{width:6em;margin-left:5px;}

#carrusel li{min-height:500px;padding:100px 50px;background:url(../im/fondo.jpg) center top no-repeat;background-size:cover;}
#carrusel .txt{color:#000;border-radius:4px;width:50%;background:rgba(255,255,255,.7);padding:40px;}

#horario{color:#FFF;text-align:center;background:#005EB8;padding-top:40px;padding-bottom:40px;font-size:28px;font-weight:300;}
#horario h2{color:#FFF;padding:0;border:none;}
#excepto{font-size:22px;text-transform:uppercase;font-weight:100;margin-top:-7px;}

.foto{background-position:center;background-repeat:no-repeat;background-size:140% auto;height:480px;transition:.8s;}
.foto[data-animacion="0"]{background-size:100% auto;}
.foto[data-seccion="servicios"]{background-image:url(../im/servicios.jpg);}
.foto[data-seccion="nosotros"]{background-image:url(../im/nosotros.jpg);}
.foto[data-seccion="contacto"]{background-image:url(../im/contacto.jpg);}


#servicios .columnas{margin-top:40px;}
.servicio+.servicio{margin-top:20px;}
.servicio h3{font-weight:300;font-size:24px;margin-bottom:10px;}

#nosotros>.dims>.columnas{margin-top:40px;}
#atencion,#exp,#cercania,.servicio{padding:20px;background:#FFF;border-radius:4px;}
#exp,#cercania{color:#FFF;background:#005EB8;width:15em;}
#exp .columnas{gap:0;}
#exp b{font-size:70px;line-height:1;margin-right:15px;}
#cercania{background:#5A9AD2;width:28em;margin-top:20px;}
#exp h3,#cercania h3{color:#FFF;}

div[data-invisible]{opacity:0;position:relative;z-index:3;top:75px;transition:1.2s;}
div[data-invisible="N"]{opacity:1;top:0;}

#medios-contacto{margin:40px 0;}
#medios-contacto a{display:block;text-align:center;padding:20px;background:#FFF;border-radius:4px;text-decoration:none;height:100%;}
#medios-contacto h3{color:#606060;}
#medios-contacto .tel{font-size:28px;font-weight: 600;}
#medios-contacto .cor{font-weight:600;font-size:18px;line-height:1;}
#medios-contacto .col-wa a,#medios-contacto .col-wa a:hover{color:#FFF !important;background:#22AF39 !important;}
#medios-contacto .col-wa h3{color:inherit !important;}
#medios-contacto .wa{font-weight:600;font-size:20px;white-space:nowrap;}
#medios-contacto .wa img{width:24px;position:relative;top:4px;left:-3px;}

#f-contacto{gap:0;border-radius:4px;}
#form{padding:20px;background:#FFF;}
#form h3{margin-bottom:10px;}
#form li{list-style:none;margin-bottom:10px;}
#li-acepto input{display:inline;width:auto;}
#resultado{border:1px solid #D0D0D0;padding:10px 10px 10px 15px;border-left-width:10px;margin-bottom:20px;border-radius:4px;}
#resultado.error{border-left-color:#A00;color:#A00;}
#resultado.exito{border-left-color:#5A9AD2;color:#000;}
.error input,.error textarea{border-color:#A00;}
.error em{font-size:.9em;font-style:normal;color:#A00;display:block;}
#f{background:url(../im/mapa.png) center no-repeat;background-size:cover;}

#modal{background:#FFF;position:fixed;z-index:717;top:0;left:0;bottom:0;right:0;background:rgba(255,255,255,.7);height:0;overflow:none;}
#modal.activa{padding:50px;height:100%;}
div.modal{background:#FFF;padding:20px;height:100%;box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);}
div.modal h2{margin-bottom:20px;}
div.modal h2 a{float:right;color:#000;}
div.modal .txt-legal{height:calc(100% - 70px);overflow-y:auto;}
div.modal .txt-legal p{margin-bottom:20px;}
.modal ol,.modal ul{margin:0 0 20px 20px;}
.modal ol ul{margin-top:15px;}
.modal li{margin-bottom:15px;}

#resumen-privacidad{padding:0 10px 10px;font-size:12px;border:1px solid #E9E9E9;margin-bottom:20px;}
#resumen-privacidad p{margin-top:10px;}

#pie{background:#222;color:#DDD;padding-top:50px;padding-bottom:50px;}
#vs{border-top:1px dashed #666;border-bottom:1px dashed #666;padding:10px 0;margin:10px 0;}
#vs li{display:inline;list-style:none;border-left:1px solid;padding-left:10px;margin-left:10px;}
#vs li:first-child{border:none;padding-left:0;margin-left:0;}
#vs a{color:#DDD;text-decoration:none;}
#vs a:hover{color:#DDD;text-decoration:underline;}
#cookies{font-size:10px;text-transform:uppercase;color:#E0E0E0;}
#eidoweb{float:right;}


@media (max-width:599px){
	.dims{padding:0 20px;}
	.boton{text-align:center;}
	#cabecera>.dims>.columnas,#contenido .columnas:not(#exp .columnas),#contenido .col,#f-contacto .boton{display:block;width:100%;}
	#cabecera .col-80,#b-contacto{width:100%;}
	#fg{font-size:24px;}
	#menu{display:none;}
	#b-contacto .boton{margin:-21px 0 0 69px;display:block;width:21em;}
	#horario{font-size:20px;}
	#contenido .col+.col{margin-top:20px;}
	#contenido seccion{padding-top:6em;}
	#exp,#cercania{width:100%;}
	#exp b{font-size:50px;}
	#exp #c-anos{width:4em;}
	#medios-contacto .cor br{display:none;}
	#f-contacto .boton{padding:10px;}
	#f-contacto #f{height:400px;}
	#modal.activa{padding:20px;}
	div.modal h2{font-size:20px;}
	#vs #cookies{border:none;padding-left:0;margin-left:0;display:block;margin-top:5px;}
}