@font-face{
	font-family: Libre Franklin;
    src: url(../fonts/LibreFranklin-Regular.woff2),
         url(../fonts/LibreFranklin-Regular.woff),
	     url(../fonts/LibreFranklin-Regular.ttf);
    font-weight: normal; font-display: swap;}
@font-face{
	font-family: Libre Franklin;
	src: url(../fonts/LibreFranklin-Black.woff2),
         url(../fonts/LibreFranklin-Black.woff),
	     url(../fonts/LibreFranklin-Black.ttf);
	font-weight: 900; font-display: swap;}
*{
	margin: 0; padding: 0;}
body{
	font-family: 'Libre Franklin', sans-serif; line-height: 2.2em; color: #000;
	text-align: center;}
img a, a, a img{
	text-decoration: none;}
img{height: auto; display: block;}
header{
	background: #333;}
#imagen img, .duo img{
	width: 100%; height: auto;}
.neg{
	font-weight: 900;}
.noneg{
	font-weight: 400;}
#logo{
	padding: 10px 0;}
#logo img{
	margin: 0 auto;}
#menu ul li{
	list-style-type: none; }
#menu ul li a{
	color: #fff; background: #222; padding: 11px 0; display: block; font-weight: 400;}
p, .duo .izdo ul{
	margin: 15px 0 0 0; font-size: 18px; color: #555; letter-spacing: 0.2px;}
h1{
	font-size: 36px; line-height: 40px;  font-weight: 400; text-align: center;}
.subt{
	font-size: 14px; line-height: 22px; font-weight: 400; color: #5ab6e3; 
	display: block; padding-bottom: 30px;}
h2{
	font-weight: 900; text-transform:uppercase; color: #444;}
h4{
	text-transform:uppercase; font-weight: 400; padding-top: 30px;}
h4 span{
	display: block; text-transform: none; font-size: 40px;}
h6{
	font-weight: 400; font-size: 22px; color: #af2a35;}
.linea{
	width: 80px; height: 4px; background: #7ac5e9; display: block; margin: 20px 0;}
.fondo h3{
	text-transform: uppercase; font-size: 30px; font-weight: 400; color: #7ac5e9;}
.fondo h5{
	font-weight: 400; font-size: 40px; margin-top: 60px;}
.duo{
	margin-top: 100px; position: relative;}
.taco{
	color: #fff; background: #333;}
.taco span{
	font-size: 0.8em; color: #5ab6e3; }
.boton a{
	background: #af2a35; color: #fff; display: block; font-size: 14px; letter-spacing: 1px;
	padding: 10px 5px; text-align: center !important;}
.boton a:hover{
	background: #333;}
.duo .izdo .boton a, .gris .boton a{
	background: #efefef; color: #333;}
.duo .izdo .boton a:hover, .gris .boton a:hover{
	background: #bfbfbf; }
.duo .izdo ul{
	margin-left: 20px;}
.gris{
	background: #efefef; padding: 100px 0; margin-top: 100px;}
.gris .boton a{
	border: 1px solid #444; max-width: 300px; margin: 30px auto 0 auto;}
.azul{
	background: #9ac5e5; padding: 100px 0; text-align: center;}
.azul .duo{
	margin-top: 0;}
.banda{
	background: #333; color: #fff; padding: 10px; text-transform: uppercase;}
.fondo{
	text-shadow: 0px 0px 20px #000;}
.galeria{
	margin: 40px 0 100px 0;}
.top60{
	margin-top: 60px;}
footer{
	background: #ddd;}
footer img{
	margin: 0 auto;}
.infooter{
	padding: 50px 0; font-size: 17px;}
.infooter .boton{
	padding-top: 15px; margin: 0 auto; max-width: 300px;}
.telefono{
	color: #af2a35; font-size: 30px;}
address{
	font-style: normal; display: block;}	
.borra{
	clear: both;}
#aviso{ 
	font-size: 0.7em; clear: both; background: #222; color: #aaa; }
#aviso a{
	color: #aaa; display: inline-block; padding: 5px 0;}
.infooter .boton{
	clear: both;}
.video img{
	width: 100%; height: auto;}


@media only screen 
and (max-width : 800px){
.pantalla, .tablet, .pantallas{
	display: none;}
.container {
	width: 100%; margin: 0 auto; text-align: center;}
.todo {
	margin: 0 20px;}
header{
	background: #fff;}
#cabecera .todo{
	margin: 0;}
#logo{
	width: 200px; margin: 10px auto;}
#logo img{
	width: 160px;}
#menu{
	font-size: 15px;}
#menu ul li{
	float: left; width: 21%; margin-right: 0.5%;}
#menu ul .uno{
	width: 28%;}
#menu ul .dos{
	width: 49%;}
#menu ul li a:hover{
	color: #7ac5e9;}
#menu li a {
    transition: all 0.5s; position: relative;}
#menu li a:after {
    content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 0%; 
    transition: all 0.5s; height: 5px; background-color: #5ab7e3; margin:auto; }
#menu li a:hover:after {
    width: 100%; transition: all 0.5s; }
#imagen{
	margin: 0 auto;}
.contenido{
	padding: 100px 0 100px 0;}
h1 {
    font-size: 28px;}
h2{
	font-size: 20px;}
h4 span {
    font-size: 30px;}
.fondo h3 {
    font-size: 22px;}
.fondo h5 {
    font-size: 30px;}
h6{
	font-size: 18px;}
p{
	text-align: center; font-size: 16px;}
.dcho{
	max-width: 640px; margin: 0 auto; margin-top: 40px;}
.linea{
	margin: 20px auto;}
.izdo h2, .dcho h2{
	margin-top: 40px; text-align: center;}
.duo{
	position: relative; z-index: 5;}
.duo .izdo, .fondo{
	text-align: left;}
.duo .izdo .boton{
	margin: 40px 0 0 0;}
.azul .duo .izdo{
	border-bottom: 1px solid #fff;padding-bottom: 60px;}
.azul .duo .izdo p, .azul .duo .dcho p{
	margin: 20px 10%;}
.azul .duo .izdo h4{
	text-align: center; }
.taco{
	max-width: 600px; padding: 20px; margin: 0 auto;}
.fondo{
	padding: 80px 0; color: #fff; font-size: 1.2em;}
.fondo1, .fondo2{
	background:#222; text-shadow: none; }
.fondo p{
	color: #fff;}
.duo .izdo .boton a {
	margin: 20px auto; width: 80%;}
.galeria{
	margin-left: 1%;}
.galeria img{
	width: 49%; float: left; margin: 0 1% 1% 0;}
footer .izdo{
	width: 30%; float: left;}
footer .central{
	width: 30%; float: left; margin: 0 5%;}
footer .dcho{
	width: 30%;}
.telefono{
	margin-bottom: 10px; }
.video{
	width: 384px !important; margin: 0 auto;}
}
@media only screen 
and (max-width : 530px){
.contenido {
    padding: 80px 0 !important;}
#menu{
	font-size: 17px;}
#menu ul li{
	float: none; width: 100% !important; }
.galeria{
	margin: 2%;}
.galeria img{
	width: 100%; float: none; margin: 0 0 2% 0;}
}

@media only screen 
and (min-width : 801px)
and (max-width : 1100px) {
.pantalla, .movil{
	display: none;}
.container {
	width: 100%; margin: 0 auto; text-align: center;}
.todo {
	margin: 0 40px;}
#cabecera {
	position: absolute; z-index: 5; top: 30px; width: 100%;}
#cabecera .todo{
	margin: 0 0 0 40px;}
#imagen {
	position: relative; z-index: 1; top: 0px; background: #333;}
#logo{
	width: 200px; float: left; background: #fff;}
#logo img{
	width: 160px;}
#menu{
	width: calc(100% - 260px); float: right; font-size: 16px; margin: 0 30px 0 0; opacity: 0.9;}
#menu ul li{
	float: left; width: 22%; margin-right: 0.5%;}
#menu ul .uno{
	width: 29%;}
#menu ul .dos{
	width: 47%;}
#menu ul li a:hover{
	color: #7ac5e9;}
#menu li a {
    transition: all 0.5s; position: relative;}
#menu li a:after {
    content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 0%; 
    transition: all 0.5s; height: 5px; background-color: #5ab7e3; margin:auto; }
#menu li a:hover:after {
    width: 100%; transition: all 0.5s; }
#imagen{
	margin: 0 auto;}
.contenido{
	padding: 100px 0 100px 0;}
p{
	text-align: center;}
.dcho{
	max-width: 640px; margin: 0 auto; margin-top: 40px;}
.linea{
	margin: 20px auto;}
h1 {
    font-size: 30px;}
h2{
	font-size: 22px;}
h4 span {
    font-size: 34px;}
.fondo h3 {
    font-size: 24px;}
.fondo h5 {
    font-size: 34px;}
h6{
	font-size: 20px;}
.izdo h2, .dcho h2{
	margin-top: 40px; text-align: center;}
.duo{
	position: relative; z-index: 5;}
.duo .izdo, .fondo{
	text-align: left;}
.duo .izdo .boton{
	margin: 40px 15% 0 0;}
.duo .izdo ul {
    width: 380px; margin: 25px auto 0 auto;}
.azul .duo .izdo{
	border-bottom: 1px solid #fff;padding-bottom: 60px;}
.azul .duo .izdo p, .azul .duo .dcho p{
	margin: 20px 10%;}
.azul .duo .izdo h4{
	text-align: center; }
.taco{
	width: 100%; max-width: 600px; padding: 20px; margin: 0 auto;}
.video{
	width: 600px;}
.fondo{
	padding: 80px 0; color: #fff; font-size: 1.2em;}
.fondo1, .fondo2{
	background:#222; text-shadow: none; }
.fondo p{
	color: #fff;}
.galeria{
	margin-left: 1%;}
.galeria img{
	width: 49%; float: left; margin: 0 1% 1% 0;}
footer .izdo{
	width: 30%; float: left;}
footer .central{
	width: 30%; float: left; margin: 0 5%;}
footer .dcho{
	width: 30%;}
.telefono{
	margin-bottom: 10px; }
}

@media only screen 
and (min-width : 1101px)
and (max-width : 1299px) {
.movil, .tablet{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 60px;}
#cabecera {
	position: absolute; z-index: 5; top: 30px; width: 100%;}
#cabecera .todo{
	margin: 0 0 0 40px;}
#imagen {
	position: relative; z-index: 1; top: 0px; background: #333;}
#logo{
	width: 260px; float: left; background: #fff;}
#menu{
	width: 50%; float: right; font-size: 16px; margin: 0 30px 0 0; opacity: 0.9;}
#menu ul li{
	float: left; width: 22%; margin-right: 0.5%;}
#menu ul .uno{
	width: 29%;}
#menu ul .dos{
	width: 47%;}
#menu ul li a:hover{
	color: #7ac5e9;}
#menu li a {
    transition: all 0.5s; position: relative;}
#menu li a:after {
    content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 0%; 
    transition: all 0.5s; height: 5px; background-color: #5ab7e3; margin:auto; }
#menu li a:hover:after {
    width: 100%; transition: all 0.5s; }
#imagen{
	margin: 0 auto;}
.contenido{
	padding: 160px 0 100px 0;}
.izdo{
	width: 50%; float: left;}
.dcho{
	width: 50%; float: right; max-width: 640px;}
.izdo p, .izdo h2{
	margin-right: 15%;}
.izdo h2, .dcho h2{
	margin-top: 40px;}
.duo{
	position: relative; z-index: 5;}
.duo .izdo, .fondo{
	text-align: left;}
.duo .izdo .boton{
	margin: 40px 15% 0 0;}
.azul .duo .izdo{
	text-align: center;}
.azul .todo{
	margin: 0;}
.azul .duo .izdo p, .azul .duo .dcho p{
	margin: 20px 10%;}
.azul .duo .izdo p{
	border-right: 1px solid #fff; margin-right: 0; padding-right: 18%}
.taco{
	position: absolute; z-index: 6; right: 0; margin-top: -70px; 
	width: 360px; padding: 30px 40px;}
.fondo{
	padding: 100px 0; color: #fff; font-size: 1.2em;}
.fondo .container .todo{
	margin-right: 40%; }
.fondo1{
	background:url(../imagenes/fondo1.jpg) no-repeat center center; 
	background-size: cover; background-attachment:fixed;  }
.fondo2{
	background:url(../imagenes/fondo2.jpg) no-repeat center center; 
	background-size: cover; background-attachment:fixed;  }
.fondo p{
	color: #fff;}
.galeria {
	margin-left: 1%;}
.galeria img{
	width: 32.33%; float: left; margin: 0 1% 1% 0;}
footer .izdo{
	width: 30%; float: left;}
footer .central{
	width: 30%; float: left; margin: 0 5%;}
footer .dcho{
	width: 30%;}
.telefono{
	margin-bottom: 10px; }
}
	
@media only screen 
and (min-width : 1300px){ 
.movil, .tablet{
	display: none;}
.container, #imagen, .infooter{
	width: 90%; margin: 0 auto;}
.todo {
	margin: 0 80px;}
#cabecera {
	position: absolute; z-index: 5; top: 80px; width: 100%;}
#cabecera .todo{
	margin: 0 0 0 40px;}
#imagen {
	position: relative; z-index: 1; top: 50px; background: #333;}
#logo{
	width: 260px; float: left; background: #fff;}
#menu{
	width: 50%; float: right; font-size: 16px; margin: 0 30px 0 0; opacity: 0.9;}
#menu ul li{
	float: left; width: 22%; margin-right: 0.5%;}
#menu ul .uno{
	width: 29%;}
#menu ul .dos{
	width: 47%;}
#menu ul li a:hover{
	color: #7ac5e9;}
#menu li a {
    transition: all 0.5s; position: relative;}
#menu li a:after {
    content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 0%; 
    transition: all 0.5s; height: 5px; background-color: #5ab7e3; margin:auto; }
#menu li a:hover:after {
    width: 100%; transition: all 0.5s; }
#imagen{
	margin: 0 auto;}
.contenido{
	padding: 160px 0 100px 0;}
.izdo{
	width: 50%; float: left;}
.dcho{
	width: 50%; float: right; max-width: 640px;}
.izdo p, .izdo h2{
	margin-right: 15%;}
.izdo h2, .dcho h2{
	margin-top: 40px;}
.izdo .sin{
	margin-top: 0;}
.duo{
	position: relative; z-index: 5;}
.duo .izdo, .fondo{
	text-align: left;}
.duo .izdo .boton{
	margin: 40px 15% 0 0;}
.azul .duo .izdo{
	text-align: center;}
.azul .duo .izdo p, .azul .duo .dcho p{
	margin: 20px 20%;}
.azul .duo .izdo p{
	border-right: 1px solid #fff; margin-right: 0; padding-right: 18%}
.taco{
	position: absolute; z-index: 6; right: 0; margin-top: -70px; 
	width: 360px; padding: 30px 40px;}
.fondo{
	padding: 100px 0; color: #fff; font-size: 1.2em;}
.fondo .container .todo{
	margin-right: 50%; }
.fondo1{
	background:url(../imagenes/fondo1.jpg) no-repeat center center; 
	background-size: cover; background-attachment:fixed;  }
.fondo2{
	background:url(../imagenes/fondo2.jpg) no-repeat center center; 
	background-size: cover; background-attachment:fixed;  }
.fondo p{
	color: #fff;}
.galeria img{
	width: 32.33%; float: left; margin: 0 1% 1% 0;}
footer .izdo{
	width: 30%; float: left;}
footer .central{
	width: 30%; float: left; margin: 0 5%;}
footer .dcho{
	width: 30%;}
.telefono{
	margin-bottom: 10px; }
}