@font-face{
	font-family: Encode Sans Semi Expanded;
    src: url(../fonts/EncodeSansSemiExpanded-Light.woff2),
         url(../fonts/EncodeSansSemiExpanded-Light.woff),
	     url(../fonts/EncodeSansSemiExpanded-Light.ttf);
    font-weight: 300; font-display: swap;}
@font-face{
	font-family: Encode Sans Semi Expanded;
    src: url(../fonts/EncodeSansSemiExpanded-Regular.woff2),
         url(../fonts/EncodeSansSemiExpanded-Regular.woff),
	     url(../fonts/EncodeSansSemiExpanded-Regular.ttf);
    font-weight: 400; font-display: swap;}
@font-face{
	font-family: Encode Sans Semi Expanded;
	src: url(../fonts/EncodeSansSemiExpanded-SemiBold.woff2),
         url(../fonts/EncodeSansSemiExpanded-SemiBold.woff),
	     url(../fonts/EncodeSansSemiExpanded-SemiBold.ttf);
	font-weight: 600; font-display: swap;}
*{	margin: 0; padding: 0;}
body{ font-family: "Encode Sans Semi Expanded", sans-serif; font-size: 1.1em; line-height: 2em; color: #222; font-weight: 400;}
img a, a, a img{ text-decoration: none;}
#imagen img{ width: 100%; }
img{height: auto; display: block;}
.whatsapp{ position: absolute; margin-top: 0; right: 0; }
.whatsapp .what{display: block; width: 40px; padding: 20px;}
.m-doble{margin: 100px 0;}
.m-top{margin: 100px 0 0 0;}
.m-bottom{margin: 0 0 100px 0;}
.neg{ font-weight: bold;}
.noneg{	font-weight: normal;}
#cabecera{position: relative; z-index: 50; }
#menu ul li{ list-style-type: none; text-align: center; text-transform: uppercase;}
#menu ul li a{	color: #222; padding: 20px 0; display: block;}
#menu ul .uno{width: 25%;}
#menu ul .dos{width: 23%;}
#menu ul .tres{width: 33%;}
#menu ul .cuatro{width: 19%;}
#menu ul ul li{text-transform: none; font-size: 18px;}
#menu ul li a:hover, #menu ul .v a, #menu ul li.dropdown.dos:hover{color: #1d71b8;}
p{	margin: 12px 0;}
h1{font-weight: 400; font-size: 40px; text-transform: uppercase; }
.mtop{margin-top: 40px;}
.mbottom{margin-bottom: 40px;}
.ante{font-size: 0.8em; text-transform: uppercase;}
.boton a{display: block; padding: 12px 20px; color: #525252; border: 1px solid #525252; text-align: center;
	font-size: 14px; text-transform: uppercase; margin: 30px auto 0 auto; width: 170px;}
.boton a:hover{background: #525252; color: #fff; }
#imagen{position: relative; z-index: 1;}
#imagen .boton a{color: #fff; border: 1px solid #fff; }
.frase{font-size: 26px; line-height: 33px; margin: 60px 0; text-align: center;}
.presentacion, .fondo-construccion .texto{text-align: center; margin: 100px auto; max-width: 750px;}
.rslides h3{font-size: 45px; line-height: 57px;}
.rslides h4{font-size: 20px; }
.rslides h3, .rslides h4{width: 70%; max-width: 800px;}
.fondo{padding: 60px 0;}
.fondo img{width: 100%;}
.fondo-azul{background: #1d71b8; text-align: center; color: #fff;}
.duo img{width: 100%;}
.duo .texto h4{font-size: 16px; text-transform: uppercase; font-weight: 400; margin-top: 15px;}
.duo .izdo .texto ul{text-align: left; display: inline-table; }
.duo .dcho .texto ul{margin-left: 20px;}
.fondo-construccion{background: #656565; padding-top: 150px;}
.fondo-gris, .fondo-gris2{background: #efefef; }
.datos{text-align: center; position: relative;}
.datos a{font-size: 30px; color: #222; display: block; margin: 0 auto; padding: 10px 0;}
.datos .enviar{width: 300px; display: block;}
.datos a:hover{opacity: 0.6; color: #1d71b8;}
.fondo-gris2{padding: 100px 0 180px 0; }
.duo .somfy{width: 150px; margin-top: 40px;}
.horario{background: #656565; color: #fff; width: 300px; margin: 0 auto; text-align: center; padding: 40px; 
position: relative; margin-top: -100px;}
.premium{padding: 30px; background: #efefef; margin-top: 60px;}
.duo .premium h4{font-size: 16px; }
.duo .premium h5{font-size: 21px; text-transform: uppercase; margin-bottom: 20px; }
footer{ padding-top: 100px;	text-align: center; font-size: 0.9em; position: relative;}
footer img{width: 130px; margin: 0 auto 20px auto;}
.top a{position: fixed;  display: block; right: 30px; bottom: 80px; width: 20px; height: 20px;
	 padding: 10px; background: url( "../imagenes/top.svg") no-repeat center center; background-size: 100% auto; }
.top a:hover{background: url( "../imagenes/top-hover.svg") no-repeat center center; background-size: 100% auto; }
address{ font-style: normal; display: inline; line-height: 1.5em;}	
.borra{	clear: both;}
#aviso{ font-size: 14px; background: #333; color: #fff; margin-top: 40px;}
#aviso a{ color: #fff; display: inline-block; padding: 5px 0;}
.foto-madera{position: relative;}
.foto-madera img{position: relative; z-index: 1;}
.foto-madera .taco-madera{position: absolute; z-index: 2; bottom: 25px; right: 25px; width: 390px;}

@media only screen 
and (max-width : 600px){
	.pantalla, .tablet, .taco-madera{	display: none;}
	body{ font-size: 1em; line-height: 2em; }
	.container { width: 100%; margin: 0 auto;}
	.todo {	margin: 0 25px;}
	#cabecera .todo {margin: 0 10px;}
	#logo{	width: 300px; margin: 0 auto; padding: 50px 0 30px 0;}
	#menu{	width: 100%; font-size: 15px; margin:0 auto;}
	#menu ul li, #menu ul .uno, #menu ul .dos, #menu ul .tres, #menu ul .cuatro{float: none; width: 100%;}
	#menu ul .dos a{padding-right: 5%;}
	h1{font-size: 30px;}
	h2{font-size: 1.4em;}
	.frase { font-size: 18px; line-height: 30px; margin: 40px 20px;}
	.duo .izdo, .duo .dcho{ margin: 0 25px;}
	.duo .dcho .texto, .duo .izdo .texto{margin: 50px auto ;}
	.duo .dcho .boton a, .duo .izdo .boton a{margin: 30px auto 0 auto; }
	.fondo-construccion{color: #fff; background: #444;  padding: 100px 0;}
	.fondo-construccion .texto {  margin: 80px auto 0 auto;}
	.fondo-construccion img{width: 80%; height: auto; margin: 0 auto;}
	.frase-iz, .frase-der{margin: 0; padding: 30px;}
	.medio-gris{background: #1d71b8 url("../imagenes/gris.svg") no-repeat left 100px; background-size: 100% auto; padding: 5px 0;}
	.texto{text-align: center;}
	.duo{border-bottom: 1px solid #1d71b8; padding-bottom: 50px; margin-bottom: 100px;}
	.duo.sinb{border-bottom: none; margin-bottom: 0;}
	.duo .dcho .texto .boton a, .duo .izdo .texto .boton a{margin: 30px auto; float: none;}
	.duo .somfy{margin: 40px auto;}
	.dmtop{margin-top: 100px;}
	.duo .dcho .texto ul { text-align: left;  display: inline-table; margin-top: 30px;}
	.sin-cab{padding-top: 70px;}
}

@media only screen 
and (min-width : 601px)
and (max-width : 750px) {
	.pantalla, .movil, .taco-madera{ display: none;}
	body{ font-size: 1em; line-height: 2em; }
	.container { width: 100%; margin: 0 auto;}
	.todo {	margin: 0 30px;}
	#cabecera .todo {margin: 0 10px;}
	#logo{	width: 300px; margin: 0 auto; padding: 50px 0 30px 0;}
	#menu{	width: 100%; font-size: 15px; margin:0 auto;}
	#menu ul li{float: left;}
	#menu ul .dos a{padding-right: 15%;}
	h1{font-size: 32px;}
	.frase { font-size: 20px; line-height: 33px; margin: 40px;}
	.duo .izdo, .duo .dcho{ width: 80%; margin: 0 auto;}
	.duo .dcho .texto, .duo .izdo .texto{margin: 50px auto ;}
	.duo .dcho .boton a, .duo .izdo .boton a{margin: 30px auto 0 auto; }
	.fondo-construccion{color: #fff; background: #444;}
	.fondo-construccion img{width: 80%; height: auto; margin: 0 auto;}
	.frase-iz, .frase-der{margin: 0; padding: 30px;}
	.medio-gris{background: #1d71b8 url("../imagenes/gris.svg") no-repeat left 100px; background-size: 100% auto; padding: 5px 0;}
	.texto{text-align: center;}
	.duo{border-bottom: 1px solid #1d71b8; padding-bottom: 50px; margin-bottom: 100px;}
	.duo.sinb{border-bottom: none; margin-bottom: 0;}
	.duo .dcho .texto .boton a, .duo .izdo .texto .boton a{margin: 30px auto; float: none;}
	.duo .somfy{margin: 40px auto;}
	.dmtop{margin-top: 100px;}
	.duo .dcho .texto ul { text-align: left;  display: inline-table; margin-top: 30px;}
	.sin-cab{padding-top: 120px;}
	footer{font-size: 1em;}
}

@media only screen 
and (min-width : 751px)
and (max-width : 999px) {
	.movil, .tablet, .taco-madera{ display: none;}
	.container { width: 100%; margin: 0 auto; text-align: center;}
	.todo {	margin: 0 40px;}
	#logo{	width: 300px; margin: 0 auto; padding: 50px 0 30px 0;}
	#menu{	width: 100%; max-width: 700px; font-size: 16px; margin:0 auto;}
	#menu ul li{float: left;}
	#menu ul .dos a{padding-right: 5%;}
	h1{font-size: 34px;}
	.frase { font-size: 20px; line-height: 33px; margin: 40px;}
	.duo .izdo, .duo .dcho{ width: 80%; margin: 0 auto;}
	.duo .dcho .texto, .duo .izdo .texto{margin: 50px auto ;}
	.duo .dcho .boton a, .duo .izdo .boton a{margin: 30px auto 0 auto; }
	.fondo-construccion{color: #fff; background: #444;}
	.fondo-construccion img{width: 80%; height: auto; margin: 0 auto;}
	.frase-iz, .frase-der{margin: 0; padding: 30px;}
	.medio-gris{background: #1d71b8 url("../imagenes/gris.svg") no-repeat left 100px; background-size: 100% auto; padding: 5px 0;}
	.texto{text-align: center;}
	.duo{border-bottom: 1px solid #1d71b8; padding-bottom: 50px; margin-bottom: 100px;}
	.duo.sinb{border-bottom: none; margin-bottom: 0;}
	.duo .dcho .texto .boton a, .duo .izdo .texto .boton a{margin: 30px auto; float: none;}
	.duo .somfy{margin: 40px auto;}
	.dmtop{margin-top: 100px;}
	.duo .dcho .texto ul { text-align: left;  display: inline-table; margin-top: 30px;}
	.sin-cab{padding-top: 120px;}
}
	
@media only screen 
and (min-width : 1000px){ 
	.movil, .tablet{ display: none;}
	.container, .galeria .container { width: 90%; max-width: 1000px; margin: 0 auto;}
	#cabecera .container, .galeria .container{max-width: 100% !important;}
	.todo {	margin: 0 50px;}
	#logo{	width: 300px; float: left; margin: 20px 0;}
	#menu{	width: 760px; float: right; font-size: 17px; margin-top: 58px;}
	#menu ul li{ float: left;}
	.duo .izdo, .duo .dcho{ width: 800px; margin: 0 auto;}
	.duo .dcho .texto, .duo .izdo .texto{margin: 50px auto ;}
	.duo .dcho .boton a{margin: 30px 0 0 0;}
	.duo .izdo .boton a{margin: 30px 0 0 0; float: right;}
	.fondo-construccion{color: #fff; }
	.fondo-construccion img{width: 80%; height: auto; margin: 0 auto;}
	.frase-iz{width: 50%; float: left;}
	.frase-der{width: 50%; float: right;}
	.medio-gris{background: #1d71b8 url("../imagenes/gris.svg") no-repeat top right; background-size: 50% auto;}
	}
@media only screen 
and (min-width : 1000px)
and (max-width : 1399px) {
	.taco-madera{display: none;}
	.con-foto{margin-top: 80px; }
	.duo .izdo ul{margin-left: 20px;}
	#logo{	width: 250px; }
	#menu{	width: 600px; font-size: 16px; margin-top: 50px;}
	#menu ul .uno{width: 25%;}
	#menu ul .dos{width: 24%; }
	#menu ul .dos a{padding-right: 10%}
	#menu ul .cuatro{width: 18%;}
	#menu ul ul li {  font-size: 17px;}
	.texto{text-align: center;}
	.duo{border-bottom: 1px solid #1d71b8; padding-bottom: 50px; margin-bottom: 100px;}
	.duo.sinb{border-bottom: none; margin-bottom: 0;}
	.duo .dcho .texto .boton a, .duo .izdo .texto .boton a{margin: 30px auto; float: none;}
	.duo .somfy{margin: 40px auto;}
	.dmtop{margin-top: 100px;}
	.fondo-construccion{background: #444; }
	.duo .dcho .texto ul { text-align: left;  display: inline-table; margin-top: 30px;}
	
}

@media only screen 
and (min-width : 1400px){ 
	.premium{display: none;}
	.container, .galeria .container { width:80%; max-width: 1400px; margin: 0 auto;}
	.duo .izdo{width: 50%; float: left;}
	.duo .dcho{float: right; width: 50%;}
	.duo .dcho .texto, .duo .izdo .texto{margin: 70px 80px 0 80px;}
	.duo .izdo .texto{float: right; text-align: right;}
	.duo .dcho .boton a{margin: 30px 0 0 0;}
	.duo .izdo .boton a{margin: 30px 0 0 0; float: right;}
	.fondo-gris{height: 1240px;}
	.fondo-construccion{height: 500px; color: #333}
	.fondo-construccion img{width: auto; height: 660px; margin: 0 auto;}
	.estors .izdo.con-foto{background: url( "../imagenes/flecha-dcha.svg") no-repeat right 40%; background-size: auto 30%;}
	.estors .dcho.con-foto{background: url( "../imagenes/flecha-izda.svg") no-repeat 0% 40%; background-size: auto 30%;}
}
@media only screen 
and (min-width : 1000px)
and (max-width : 1599px) {
	#cabecera .container{width: 100%; }
}
@media only screen 
and (min-width : 1450px){ 
	.duo .dcho .texto, .duo .izdo .texto{margin: 100px 100px 0 100px; max-width: 600px;}	
}
@media only screen 
and (min-width : 1660px){ 
	.duo .dcho .texto, .duo .izdo .texto{margin: 150px 100px 0 100px; max-width: 600px;}	
}