@font-face{
	font-family: Open Sans;
    src: url(../fonts/OpenSans-Light.woff2),
         url(../fonts/OpenSans-Light.woff),
	     url(../fonts/OpenSans-VariableFont_wdth,wght.ttf);
	font-weight: 300; font-display: swap;}
@font-face{
	font-family: Open Sans;
    src: url(../fonts/OpenSans-Regular.woff2),
         url(../fonts/OpenSans-Regular.woff),
	     url(../fonts/OpenSans-VariableFont_wdth,wght.ttf);
    font-weight: 400; font-display: swap;}
@font-face{
	font-family: Open Sans;
	src: url(../fonts/OpenSans-SemiBold.woff),
         url(../fonts/OpenSans-SemiBold.woff),
	     url(../fonts/OpenSans-VariableFont_wdth,wght.ttf);
	font-weight: 600; font-display: swap;}
@font-face {
    font-family: 'Allura';
    src: url(../fonts/Allura-Regular.woff2),
        url(../fonts/Allura-Regular.woff),
		url(../fonts/Allura-Regular.ttf);
    font-weight: normal;
    font-style: normal; font-display: swap;}
*{	margin: 0; padding: 0;}
body{ font-family: 'Open Sans', sans-serif; font-size: 1.2em; line-height: 1.6em; color: #2e3b5b; text-align: center;}
img a, a, a img{
	text-decoration: none;}
#imagen img{ width: 100%; }
img{height: auto;}
.neg{ font-weight: bold;}
.noneg{	font-weight: normal;}
#logo img{width: 100%;}
#menu ul li{ list-style-type: none; }
#menu ul li a{	color: #2a4a95; padding: 20px 0; display: block; font-size: 16px;}
#menu ul li a:hover{color: #aaa;}
#menu ul .contacto a{background: #d3711c; color: #fff; border-radius: 5px;}
#menu ul .contacto a:hover{color: #2e3b5b;}
p{	margin: 8px 0;}
.gris{ background: #efefef; padding: 60px 0;}
h1{color: #2a4a95; font-size: 30px; margin-top: 100px;}
.frase{font-family: 'Allura', cursive; font-size: 40px; text-align: center; margin: 60px 0; color: #2a4a95;}
.destacado{font-weight: 300; font-size: 26px; margin-top: 60px;}
.boton a{display: block; width: 250px; padding: 10px 0; border: 1px solid #2a4a95; color: #2a4a95;
text-align: center; font-size: 15px; margin: 30px auto; border-radius: 5px;}
.iconos a{display: block; padding: 60px 0; font-weight: 300; border-radius: 5px;}
.iconos a:hover{opacity: 0.7em;}
.iconos img{display: block; margin: 0 auto 15px auto;}
.iconos a{background: #fff; box-shadow: 0px 5px 10px #ccc;}
.iconos .boton-f a{color: #2a4a95; border: 1px solid #2a4a95;}
.iconos .boton-c a{color: #d3711c; border: 1px solid #d3711c;}
.iconos .boton-b a{color: #706f6f; border: 1px solid #706f6f;}
.iconos .boton-a{color: #006ecc; border: 1px solid #006ecc; background: #fff; box-shadow: 0px 5px 10px #ccc;
padding: 60px 0; font-weight: 300; font-size: 40px; border-radius: 5px;}
.iconos .boton-a img{margin-bottom: 30px;}
.iconos a:hover{opacity: 0.6;}
.boton-a span{font-size: 20px; display: block; line-height: 26px; margin-top: 10px;}
.boton a:hover{background: #2a4a95; color: #fff;}
.banda, .naranja{background: #d3711c; color: #fff; font-weight: 600; font-size: 20px; padding: 15px 0;}
.financiacion{margin: 100px; padding: 60px; font-size: 40px; line-height: 50px; border-radius: 5px;}
.financiacion span{color: #000; font-weight: 300; display: block;}
.financiacion .consulta{font-size: 20px; margin-top: 20px; font-weight: 400;}
.duo{margin: 60px 0 0 0;}
.gris .duo{margin-top: 0}
.duo h2{color: #d3711c; font-size: 26px; text-transform: uppercase; font-weight: 300;}
.logos{margin: 60px 0;}
.logos img{display: inline-block; margin: 0 30px;}
.m-60{margin-top: 60px;}
.foto{margin: 60px auto; display: block; width: 100%; max-width: 800px;}
.pre{margin: 20px auto; width: 90%; max-width: 800px;}
.horario{margin-top: 40px;}
.boton .telefono{font-size: 26px; display: block; padding: 10px 0; color: #d3711c; border: 1px solid #d3711c;}
.boton .telefono:hover{background: #d3711c;}
.boton .what{color: #038e1a; border: 1px solid #038e1a;}
.boton .what img{display: inline-block; width: 20px; margin-right: 10px; vertical-align: middle;}
footer{	border-top: 1px solid #ccc; padding-top: 60px; font-size: 0.9em; }
footer h4{ font-size: 0.9em; color: #d3711c; margin-top: 20px;}
footer .redes a{display: inline-block; margin: 0 5px;}
footer .redes a img{width: 50px; opacity: 1; }
footer .redes a:hover img{filter: grayscale(100%); opacity: 0.6;}
footer .boton a{margin: 20px auto; width: 200px;}
address{ font-style: normal; display: inline;}	
.borra{	clear: both;}
#aviso{ font-size: 0.7em; background: #2e3b5b; color: #ccc; margin-top: 60px;}
#aviso a{ color: #ccc; display: inline-block; padding: 5px 0;}
iframe{	border: none; width: 100%; height: 600px;}
.mapa{
	border: none;
	-webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);}
.mapa .boton a{width: 200px; background: #fff; margin: 0 auto;}
.mapa .boton a:hover{color: #2971de;}

@media only screen 
and (max-width : 480px){
	.pantalla, .tablet, #slider1{	display: none;}
	.container { width: 100%; margin: 0 auto; font-size: 0.9em;}
	.todo {	margin: 0 20px;}
	#logo{	width: 270px; margin: 20px auto;}
	#menu{	margin: 0 auto 2% auto;}
	#menu ul li a{background: #efefef; border-radius: 5px; font-size: 19px;}
	#menu ul li{ float: left; width: 58%; margin-left: 2%; margin-bottom: 2%}
	#menu ul .uno{width: 40%; margin-left: 0;}
	#menu ul .contacto{width: 100%; float: none; clear: both; margin: 0;}
	.rslides li .fondo{font-size: 20px; padding: 5% 10%; bottom: 0; font-weight: 400;}
	.rslides li .caldera{position: absolute; z-index: 20; right: 3%; bottom: 55px; width: 33% !important;}
	h1{font-size: 25px;}
	.frase{font-size: 40px; line-height: 45px;}
	.banda{font-size: 17px;}
	.destacado{font-size: 24px;}
	.iconos a{ margin-bottom: 15px;}
	.iconos img {  width: 80px;}
	.iconos a, .iconos .boton-a{font-size: 26px;}
	.iconos .boton-a{margin-bottom: 60px;}
	.pre{width: 100%;}
	.financiacion { margin: 0; padding: 30px; font-size: 30px;  line-height: 40px;}
	.financiacion span{font-size: 0.9em; font-weight: 400;}
	.duo .izdo{margin: 30px auto 140px auto; }
	.duo .dcho img{width: 100%;}
	.datos .izdo{margin-bottom: 40px;}
	.galeria{margin: 60px 55px;}
	.galeria img{display: block; margin: 40px 0; width: 100%;}
	.logos img{width: 125px;}
	.horario span{display: block;}
	iframe{ height: 400px;}
	.mapa{background: url("../imagenes/mapa.jpg") no-repeat top center; background-size: 100% auto; padding: 200px 0;}
}

@media only screen 
and (min-width : 481px)
and (max-width : 750px) {
	.pantalla, .movil, #slider1{ display: none;}
	.container { width: 100%; margin: 0 auto;}
	.todo {	margin: 0 30px;}
	#logo{	width: 270px; margin: 20px auto 2% auto;}
	#menu{	width: 350px; font-size: 0.8em; margin: 0 auto;}
	#menu ul li a{background: #efefef; border-radius: 5px;}
	#menu ul li{ float: left; width: 58%; margin-left: 2%; margin-bottom: 2%}
	#menu ul .uno{width: 40%; margin-left: 0;}
	#menu ul .contacto{width: 100%; float: none; clear: both; margin: 0 0 2% 0;}
	.rslides li .fondo{font-size: 26px; padding: 5% 10%; bottom: 0;}
	.rslides li .caldera{position: absolute; z-index: 20; right: 3%; bottom: 60px; width: 35% !important;}
	.frase{font-size: 38px; line-height: 45px;}
	.banda{font-size: 17px;}
	.destacado{font-size: 24px;}
	.iconos a{ margin-bottom: 15px;}
	.iconos img {  width: 80px;}
	.iconos a, .iconos .boton-a{font-size: 26px;}
	.iconos .boton-a{margin-bottom: 60px;}
	.pre{width: 100%;}
	.financiacion { margin: 0; padding: 30px; font-size: 30px;  line-height: 40px;}
	.duo .izdo{margin: 30px auto 140px auto; }
	.duo .dcho img{width: 100%;}
	.datos .izdo{margin-bottom: 40px;}
	.galeria{margin: 60px 55px;}
	.galeria img{display: block; margin: 40px 0; width: 100%;}
	.logos img{width: 125px;}
	.mapa{background: url("../imagenes/mapa.jpg") no-repeat top center; background-size: 100% auto; padding: 200px 0 200px 0;}
}

@media only screen 
and (min-width : 751px)
and (max-width : 999px) {
	.movil, .tablet, #slider2{ display: none;}
	.container { width: 100%; margin: 0 auto;}
	.todo {	margin: 0 40px;}
	#logo{	width: 270px; float: left; margin: 20px 0;}
	#menu{	width: 300px; float: right; font-size: 0.8em; margin-top: 60px;}
	#menu ul li{ float: left; width: 36%;}
	#menu ul .uno{width: 23%;}
	#menu ul .contacto{width: 37%; margin-left: 3%;}
	.rslides li .fondo{font-size: 26px; padding: 5% 10%; bottom: 0;}
	.rslides li .caldera{position: absolute; z-index: 20; right: 3%; bottom: 35px; width: 30% !important;}
	.iconos a{ margin-bottom: 15px;}
	.iconos img {  display: inline-block; margin: 0 30px 0 0; width: 100px; vertical-align: middle;}
	.iconos a, .iconos .boton-a{font-size: 34px;}
	.boton-a span {margin-left: 120px;}
	.financiacion { margin: 60px 0 10px 0; padding: 40px; font-size: 36px;  line-height: 46px;}
	.duo .izdo{margin: 30px auto 160px auto; width: 80%;}
	.datos .izdo{margin-bottom: 40px;}
	.galeria{margin: 60px 55px;}
	.galeria img{display: inline-block; margin: 1%; width: 47%;}
	.mapa{background: url("../imagenes/mapa2.jpg") no-repeat top center; background-size: 100% auto; padding: 300px 0 200px 0;}
}
	
@media only screen 
and (min-width : 1000px){ 
	.movil, .tablet, #slider2{ display: none;}
	.container { width: 96%; margin: 0 auto;}
	.todo {	margin: 0 50px;}
	#cabecera .container .todo{margin: 0 30px;}
	#logo{	width: 300px; float: left; margin: 20px 0;}
	#menu{	width: 400px; float: right; font-size: 0.8em; margin-top: 60px;}
	#menu ul li{ float: left; width: 48%;}
	#menu ul .uno{width: 14%;}
	#menu ul .contacto{width: 37%;}
	.gris .todo{margin: 20px;}
	.trio .izdo{width: 32%; float: left;}
	.trio .centro{width: 32%; float: left; margin: 0 2%;}
	.trio .dcho{width: 32%; float: right;}
	.grupo{margin: 0 auto; width: 90%;}
	.grupo .izdo{width: 47%; float: left; margin-bottom: 6%;}
	.grupo .dcho {width: 47%; float:right; margin-bottom: 6%;}
	.iconos a, .iconos .boton-a{font-size: 34px;}
	.iconos img{width: 100px;}
	.galeria{margin: 60px;}
	.galeria img{display: inline-block; margin: 1.9%; width: 29%;}
	.duo{text-align: left;}
	.duo .izdo{width: 45%; float:left; font-size: 0.9em; }
	.duo .dcho{width: 50%; float: right;}
	.datos .izdo{margin-top: 40px;}
	.duo img{width: 100%;}
	.duo .izdo .boton a{margin-left: 0;}
	.iconos .boton-f a, .iconos .boton-c a, .iconos .boton-b a, .iconos .boton-a{ height: 160px;}
	.rslides li .fondo{font-size: 48px; padding: 5% 10%; bottom: 0;}
	.rslides li .caldera{position: absolute; z-index: 20; right: 3%; bottom: 40px; width: 300px !important;}
	.mapa{background: url("../imagenes/mapa.jpg") no-repeat top center; background-size: auto 100% ; padding: 380px 0 300px 0;}
}
@media only screen 
and (min-width : 1150px){ 
	.rslides li .caldera{right: 3%; bottom: 40px; width: 400px !important;}
}
@media only screen 
and (min-width : 1400px){ 
	.container { width: 1300px; margin: 0 auto;}
	.todo {	margin: 0 50px;}
	.gris .todo { margin: 0 50px;}
	#cabecera .container{width: 86%;}
	.frase{font-size: 55px; margin: 100px 0;}
	.iconos .boton-f a, .iconos .boton-c a, .iconos .boton-b a, .iconos .boton-a{ height: 210px;}
	.iconos a{font-size: 34px;}
	.iconos img{width: 140px;}
	.duo .izdo{margin-top: 100px; width: 40%; font-size: 1em;}
	.trio .centro{margin: 0 5%;}
	.trio .izdo, .trio .centro, .trio .dcho{width: 30%;}
	.grupo{width: 100%;}
	.galeria img{margin: 2%;}
	.rslides li .caldera{right: 5%; bottom: 80px; width: 500px !important;}
}
@media only screen 
and (min-width : 1001px)
and (max-width : 1300px) {
	#logo{width: 250px;}
	.logos img{width: 120px;}
}