@font-face{
	font-family: Open Sans;
    src: url(../fonts/OpenSans-Light.woff2),
         url(../fonts/OpenSans-Light.woff),
	     url(../fonts/OpenSans-Light.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-Regular.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-SemiBold.ttf);
	font-weight: 600; font-display: swap;}
*{
	margin: 0; padding: 0;}
body{
	font-family: 'Open Sans', sans-serif; font-weight: 400; 
	font-size: 1.1em; line-height: 1.6em; color: #555; text-align: center;}
img a, a, a img{
	text-decoration: none; border: none;}
.idioma a{
	font-size: 12px; color: #777; background: #efefef;
	width: 40px; padding: 5px 10px; float: right; margin-right: 15px;}
.idioma a:hover{
	background: #64b9ce; color: #fff;}
#cabecera{
	clear: both;}
.neg{
	font-weight: 600;}
.noneg, .noneg strong{
	font-weight: 400;}
#menu .telefono a, #t-idioma a{
	color: #64b9ce; padding: 5px 10px; display: block; font-weight: 300; font-size: 28px; 
	float: right; text-align: right; width: 180px; margin-top: 20px;}
#t-idioma a {
    margin-top: 0;}
#menu ul{
	clear: both;}
#menu ul li{
	list-style-type: none; text-align: right; margin-top: 15px;}
#menu ul li a{
	color: #aaa; padding: 20px 0 20px 20px; font-weight: 600; font-size: 0.8em; letter-spacing: 1px;}
#menu ul li a:hover{
	color: #64b9ce;}
#slider ul{
	list-style-type: none; }
.rslides {
    position: relative; list-style: none; overflow: hidden; width: 100%;}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute; display: none; width: 100%; left: 0; top: 0;}
p{
	margin: 8px 0;}
h1{
	font-weight: 300; font-size: 35px; 	color: #64B9ce; }
h3{
	font-size: 17px;margin-bottom: 30px;	}
h4{
	font-weight: 400; font-size: 16px;}
h5{
	font-size: 13px; line-height: 14px; margin-top: 10px;}
.mayor{
	font-size: 1.4em;}
.azul{
	color: #64B9ce;}
.destacar{
	font-weight: 600; margin-top: 30px;}
.instalador{
	color: #64B9ce; margin-bottom: 20px; font-weight: 600; }
.fondo-azul{
	background: #64B9ce; color: #fff; font-size: 1.2em; padding: 50px 0;}
.fondo-azul .destacar{
	font-weight: 300; font-size: 1.8em; margin: 0;}
#fondo-mando{
	color: #fff;}
#fondo-mando .azul{
	color: #444; font-size: 1.3em;}
#fondo-mando p{
	line-height: 1.6em;}
.titular .caja, #fondo-mando .caja{
	border-top: 2px solid #ddd;  width: 100px; margin: 10px auto;}
#fondo-caracteristicas{
	text-align: left; color: #fff;}
#fondo-caracteristicas ul{
	margin-left: 20px; line-height: 1.6em;}
#bajo-bloques{
	margin-top: 80px;}
.titular{
	margin: 120px 0 20px 0;}
.titular .caja{
	border-top: 2px solid #ccc;  width: 100px; margin: 20px auto 0 auto;}
.titular h2{
	font-size: 24px; font-weight: 400; color:#64B9ce; margin: 0 auto 10px auto;}
.c-linea{
	border-bottom: 1px solid #64b9ce; padding-bottom: 15px; margin-bottom: 40px !important;}
.trio h2{
	font-size: 24px; font-weight: 400; color:#64B9ce; display: table;
	border-bottom: 1px solid #64b9ce; padding-bottom: 10px; margin: 0 auto 10px auto;}
.trio .caja{
	height: 20px; border: 1px solid #ccc; border-top: none !important;}
.tercio .cont{
	margin: 30px;}
.opciones{
	margin: 0 auto 80px auto;}
.opciones h2{
	font-size: 23px; margin: 20% 0 10px 0; font-weight: 300;}
.opciones .caja{
	border-top: 2px solid #64b9ce;  width: 70px; margin: 10px 0;}
.opciones img{
	display: block; width: 100%; height: auto;}
.aparatos{
	margin-bottom: 120px;}
.aparatos img{
	width: 17%; height: auto; margin: 1%; display: inline-block;}
#fondo-margin{
	margin-bottom: 120px;}
.logos{
	margin: 80px 0;}
.logos a:hover{
	opacity: 0.6;}
.galeria{
	margin-bottom: 120px;}
.galeria h2{
	font-size: 16px;}
.galeria img{
	display: inline-block;}
.banda-footer{
	height: 10px; background: #ddd;}
footer{
	background: #EFEFEF; padding-top: 50px;}
footer .info{
	background: #fff; padding: 15px;}
footer h4 a{
	color: #555;}
.borra{
	clear: both;}
#aviso{ 
	font-size: 0.7em; background: #333; color: #777;}
#aviso a{
	color: #777; display: inline-block; padding: 7px 0;}
#aviso a:hover{
	color: #aaa;}
iframe{
	border: none; width: 100%;}
.top a{
	display: block;width: 46px; padding: 10px 0 5px 0; font-size: 1.2em; 
	background: #64b9ce; color: #fff; position: fixed; bottom: 0; right: 0; z-index: 10;}

@media only screen 
and (max-width : 480px){
.pantalla, .tablet, #t-menu, .guion, #slider1, #slider2{
	display: none;}
#imagen .movil img{
	width: 100%; height: auto; display: block;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 20px;}
#logo{
	width: 160px; margin: 0 auto; padding: 20px 0;}
#logo img{
	width: 100%; height: auto;}
.idioma{
	position: absolute; top: 0; right: 0;}
#t-idioma{
	text-align: center; margin-right: 20px;}
#t-idioma a {
    font-size: 20px; width: 100%; text-align: center; float: none;}
#menu{
	padding-bottom: 30px;}
#menu ul li{text-align: center; margin: 0;}
#menu ul li a{
	display: block; padding: 10px 0; color: #64B9ce;}
h1 {
    font-size: 25px;}
.titular h2 {
    font-size: 18px;}
.titular {
    margin: 80px 0 20px 0;}
.presentacion{
	margin: 100px auto; }
.trio{
	margin: 50px 0;}
.tercio .cont {
    margin: 50px 20px;}
.circle{
	width: 280px;}
.mto{
	font-size: 0.9em;}
.fondo-azul{
	font-size: 1.1em;}
.servicio24{
	font-size: 1.1em;}
.horas{
	font-size: 30px; }
#fondo-aire{
	background: url(../imagenes/fondo-aire.jpg) no-repeat -50px center;
	background-size: 50% auto; font-size: 1em; }
#fondo-caracteristicas .dcho{
	padding: 70% 20px 15% 25px;}
#fondo-aire .margen, #fondo-mando .margen{
	margin-top: 50px;}
#fondo-mando{
	background: #64B9ce url(../imagenes/fondo-mando.jpg) no-repeat center 10%;
	background-size: 87% auto; font-size: 1em; }
#fondo-aire .dcho .margen{
	padding: 0 20px 80px 40%;}
#fondo-mando .izdo{
	padding: 80% 20px 10% 20px;}
#fondo-caracteristicas{
	background: #64B9ce url(../imagenes/fondo-filtro.jpg) no-repeat center 10%; color: #333;
	background-size: 87% auto; font-size: 1em;}
#fondo-caracteristicas ul li{
	margin-top: 5px;}
.fondo-azul .destacar {
    font-size: 1.1em;}
#bajo-bloques{
	margin-top: 40px;}
.aparatos img {
    width: 60%; margin: 1% auto; }
.instalador{
	font-size: 0.7em;}
footer {
    padding-top: 30px;}
footer .info{
	margin-bottom: 10px;} 
.opciones h2 {
    font-size: 23px;
    margin: 20px 0 10px 0;}
.opciones .caja {
    margin: 10px auto;}
.quinto{
	margin: 0 auto 60px auto;}
.quinto img{
	width: 100%;}
.quinto .info{
	text-align: center;}
.trio h2 {
    font-size: 20px;}
.tercio{
	margin: 0 auto 30px auto;}
.galeria img{
	width: 100%; height: auto; margin: 2% 0; }
.destacar .block{
	display: block;}
}

@media only screen 
and (min-width : 481px)
and (max-width : 750px) {
.movil, .pantalla, #t-menu, .ultimo-aparato, .guion, #slider1, #slider3{
	display: none !important;}
#imagen .tablet img{
	width: 100%; height: auto; display: block;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 30px;}
#logo{
	width: 180px; margin: 0 auto; padding: 20px 0;}
#logo img{
	width: 100%; height: auto;}
.idioma{
	position: absolute; top: 0; right: 0;}
#t-idioma{
	text-align: center; margin-right: 20px;}
#t-idioma a {
    font-size: 23px; width: 100%; text-align: center; float: none;}
#menu ul li{ float: left; width: 50%; text-align: center; margin: 0;}
#menu ul li a{
	display: block; padding: 10px 0; color: #64B9ce;}
h1 {
    font-size: 30px;}
.titular h2 {
    font-size: 21px;}
.presentacion{
	margin: 100px auto; }
.trio{
	margin: 50px 0;}
.tercio .cont {
    margin: 50px auto; width: 90%; max-width: 540px;}
#fondo-aire{
	background: url(../imagenes/fondo-aire.jpg) no-repeat -60px center;
	background-size: 63% auto; font-size: 1em; }
#fondo-caracteristicas .dcho{
	padding: 70% 30px 10% 35px;}
#fondo-aire .margen, #fondo-mando .margen{
	margin-top: 50px;}
#fondo-mando{
	background: #64B9ce url(../imagenes/fondo-mando.jpg) no-repeat center 10%;
	background-size: 88% auto; font-size: 1em; }
#fondo-aire .dcho{
	padding: 10% 5% 10% 50%;}
#fondo-mando .izdo{
	padding: 80% 35px 10% 35px;}
#fondo-caracteristicas{
	background: #64B9ce url(../imagenes/fondo-filtro.jpg) no-repeat center 10%; color: #333;
	background-size: 88% auto; font-size: 1em;}
#fondo-caracteristicas ul li{
	margin-top: 5px;}
.fondo-azul .destacar {
    font-size: 1.1em;}
.aparatos img {
    width: 47%; margin: 1%; display: inline-block;}
footer {
    padding-top: 30px;}
footer .info{
	margin-bottom: 10px;} 
.opciones h2 {
    font-size: 23px;
    margin: 20px 0 10px 0;}
.opciones .caja {
    margin: 10px auto;}
.quinto{
	margin: 0 auto 60px auto;}
.quinto img{
	width: 100%;}
.quinto .info{
	text-align: center;}
.trio h2 {
    font-size: 20px;}
.tercio{
	margin: 0 auto 30px auto;}
.galeria img{
	width: 100%; height: auto; margin: 2% 0; }
.destacar .block{
	display: block;}
}

@media only screen 
and (min-width : 751px)
and (max-width : 1000px) {
.movil, .pantalla, #t-menu, #slider1, #slider3{
	display: none;}
#imagen .tablet img{
	width: 100%; height: auto; display: block;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 30px;}
#logo{
	width: 220px; margin: 0 auto;}
#t-idioma a {
    font-size: 23px;width: 150px;}
#menu ul li{ display: inline-block;}
#menu ul li a{
	display: inline-block;}
#imagen{
	margin: 0 30px;}
h1 {
    font-size: 30px;}
.titular h2 {
    font-size: 21px;}
.presentacion{
	margin: 100px auto; width: 600px; }
.trio{
	margin: 50px 0;}
#fondo-aire{
	background: url(../imagenes/fondo-aire.jpg) no-repeat left center;
	background-size: 50% auto; font-size: 1.1em; }
#fondo-caracteristicas .dcho{
	padding: 5% 55% 5% 5%;}
#fondo-aire .margen, #fondo-mando .margen{
	margin-top: 50px;}
#fondo-mando{
	background: #64B9ce url(../imagenes/fondo-mando2.jpg) no-repeat left center;
	background-size: 50% auto; font-size: 1em; }
#fondo-aire .dcho,
#fondo-mando .izdo{
	padding: 10% 5% 10% 55%;}
#fondo-caracteristicas{
	background: #64B9ce url(../imagenes/fondo-filtro2.jpg) no-repeat right center; color: #333;
	background-size: 50% auto; font-size: 1em;}
#fondo-caracteristicas ul li{
	margin-top: 5px;}
.fondo-azul .destacar {
    font-size: 1.2em;}
footer {
    padding-top: 30px;}
footer .info{
	width: 30%; float: left; margin-bottom: 30px;} 
#info-central{
	margin: 0 4.5% 30px 4.5%; width: 17%;}
.quinto{
	width: 600px; margin: 0 auto 40px auto;}
.quinto img{
	width: 50%; float: left;}
.quinto .info{
	width: 46%; float: right; text-align: left;}
.trio h2 {
    font-size: 20px;}
.tercio{
	width: 600px; margin: 0 auto 30px auto;}
.galeria img{
	width: 47%; height: auto; margin: 1%; }
}
@media only screen 
and (min-width : 1001px)
and (max-width : 1249px) {
.movil, .tablet, #t-menu, #slider2, #slider3{
	display: none;}
#imagen .pantalla img{
	width: 100%; height: auto; display: block;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 30px;}
#logo{
	width: 220px; margin: 0 auto;}
#menu ul li{ display: inline-block;}
#menu ul li a{
	display: inline-block;}
#imagen{
	margin: 0 30px;}
.presentacion{
	margin: 100px auto; width: 600px; }
.trio{
	margin: 50px 0;}
#fondo-aire{
	background: url(../imagenes/fondo-aire.jpg) no-repeat left center;
	background-size: 50% auto; font-size: 1.2em; }
#fondo-caracteristicas .dcho{
	padding: 7% 55% 5% 5%;}
#fondo-aire .margen, #fondo-mando .margen{
	margin-top: 50px;}
#fondo-mando{
	background: #64B9ce url(../imagenes/fondo-mando.jpg) no-repeat left center;
	background-size: 50% auto; font-size: 1.1em; }
#fondo-aire .dcho{
	padding: 10% 5% 15% 55%;}
#fondo-mando .izdo{
	padding: 10% 5% 5% 55%;}
#fondo-caracteristicas{
	background: #64B9ce url(../imagenes/fondo-filtro.jpg) no-repeat right center; color: #333;
	background-size: 50% auto; font-size: 1.1em;}
#fondo-caracteristicas ul li{
	margin-top: 5px;}
.fondo-azul .destacar {
    font-size: 1.5em;}
footer .info{
	width: 20%; float: left; margin-bottom: 50px;} 
#info-central{
	margin: 0 15% 50px 15%;}
.quinto{
	width: 700px; margin: 0 auto 40px auto;}
.quinto img{
	width: 50%; float: left;}
.quinto .info{
	width: 46%; float: right; text-align: left;}
.tercio{
	width: 33%; float: left;}
.galeria img{
	width: 47%; height: auto; margin: 1%; }
}
	
@media only screen 
and (min-width : 1250px){ 
.movil, .tablet, #t-idioma, #slider2, #slider3{
	display: none;}
#imagen .pantalla img{
	width: 100%; height: auto; display: block;}
.container {
	width: 1200px; margin: 0 auto;}
.todo {
	margin: 0 50px;}
#logo{
	width: 220px; float: left; margin: 0 0 10px 0;}
#menu{
	width: 630px; float: right;}
#menu ul li{ display: inline-block;}
#menu ul li a{
	display: inline-block;}
#imagen{
	margin: 0 30px;}
.presentacion{
	margin: 100px 200px; }
.trio{
	margin: 100px;}
#fondo-aire{
	background: url(../imagenes/fondo-aire.jpg) no-repeat left center;
	background-size: 50% auto; font-size: 1.3em; min-height: 510px;}
#fondo-caracteristicas .dcho{
	padding: 140px 55% 140px 5%;}
#fondo-aire .margen, #fondo-mando .margen{
	margin-top: 50px;}
#fondo-mando{
	background: #64B9ce url(../imagenes/fondo-mando.jpg) no-repeat left center;
	background-size: 50% auto; font-size: 1.3em; min-height: 510px;}
#fondo-aire .dcho,
#fondo-mando .izdo{
	padding: 140px 5% 140px 55%;}
#fondo-caracteristicas{
	background: #64B9ce url(../imagenes/fondo-filtro.jpg) no-repeat right center; color: #333;
	background-size: 50% auto; min-height: 510px; font-size: 1.1em;}
#fondo-caracteristicas ul li{
	margin-top: 5px;}
footer .info{
	width: 20%; float: left; margin-bottom: 50px;} 
#info-central{
	margin: 0 15% 50px 15%;}
.quinto{
	width: 700px; margin: 0 auto 40px auto;}
.quinto img{
	width: 50%; float: left;}
.quinto .info{
	width: 46%; float: right; text-align: left;}
.tercio{
	width: 33%; float: left;}
.galeria img{
	width: 47%; height: auto; margin: 1%; }}