@font-face{
	font-family: Raleway;
    src: url(../fonts/Raleway-regular.woff2),
         url(../fonts/Raleway-regular.woff),
	     url("../fonts/Raleway-VariableFont_wght.ttf");
    font-weight: 400; font-display: swap;}
@font-face{
	font-family: Raleway;
	src: url(../fonts/Raleway-SemiBold.woff2),
         url(../fonts/Raleway-SemiBold.woff),
	     url("../fonts/Raleway-VariableFont_wght.ttf");
	font-weight: 600; font-display: swap;}
*{	margin: 0; padding: 0;}
body{ font-family: 'Raleway', sans-serif; font-size: 1.2em; line-height: 2em; color: #222;}
img a, a, a img{
	text-decoration: none;}
#imagen img, .foto-suelta img{ width: 100%; }
#cabecera .whatsapp a{padding: 15px; width: 40px; position: absolute; top: 0; right: 0;}
#cabecera .todo, #aviso .todo{margin: 0;}
img{height: auto;}
.neg{ font-weight: bold;}
.noneg{	font-weight: normal;}
#menu ul li{ list-style-type: none; text-align: center;}
#menu ul li a{	color: #463e3e; padding: 20px 0; display: block; font-size: 16px;}
#menu ul li a:hover{opacity: 0.5;}
p{	margin: 8px 0;}
.frase{font-size: 26px; line-height: 35px; margin: 100px 0; color: #463e3e;}
h1{text-transform: uppercase; margin-bottom: 30px;}
h2{font-size: 24px; line-height: 35px;}
h3{font-size: 20px; margin-bottom: 30px;}
.bloque .izdo img, .blanco .dcho img{width: 100%; display: block;}
.bloque{background: #e6e1db;}
.bloque .dcho, .blanco .izdo, .telefono a {color: #463e3e;}
.marcas{margin-top: 100px;}
.marcas img{width: auto; height: 90px; margin-right: 60px;}
.boton a{background: #463e3e; color: #fff; font-weight: 600; display: block; border: 1px solid #463e3e; border-radius: 8px;
	width: 150px; padding: 10px 0; text-align: center; font-size: 0.8em; margin-top: 30px;}
.boton a:hover{background: #fff; color: #463e3e;}
.boton .largo{width: 280px;}
.bloque .boton a:hover{border: 1px solid #fff;}
.bloque .in-bloque .whatsapp{margin-top: 30px;  }
.bloque .in-bloque .whatsapp a{display: block; padding: 5px 0;  color: #463e3e;}
.bloque .in-bloque .whatsapp a:hover{color: #fff;}
.bloque .in-bloque .whatsapp a img{ width: 35px; display: inline-block; margin-left: 7px; vertical-align: middle;}
.botones{margin-top: 100px;}
.botones a{display: block; padding: 200px 0; 
	color: #fff; text-transform: uppercase; font-size: 40px; font-weight: 300; text-align: center;}
.botones .reformas a{background: url("../imagenes/fondo-reformas.jpg") center center no-repeat; background-size: 100% auto;}
.botones .cocinas a{background: url("../imagenes/fondo-cocinas.jpg") center center no-repeat; background-size: 100% auto;}
.botones .reformas a:hover{background: url("../imagenes/fondo-reformas2.jpg") center center no-repeat; background-size: 100% auto;}
.botones .cocinas a:hover{background: url("../imagenes/fondo-cocinas2.jpg") center center no-repeat; background-size: 100% auto;}
.blanco .in-bloque .logos img{display: inline-block; width: auto; }
.telefono a{font-size: 50px; display: block; padding: 10px 0;}
.telefono a:hover{color: #fff;}
.consumo{margin-top: 60px; width: 60%; max-width: 350px;}
.financiacion{font-size: 1.4em; text-transform: uppercase;}
footer{	}
footer .logo{width: 220px; display: block; margin-bottom: 30px;}
address{ font-style: normal; display: inline; font-size: 0.9em;}	
.borra{	clear: both;}
#aviso{ font-size: 0.7em;}
#aviso a{ color: #222; display: inline-block; padding: 5px 0;}
iframe{	border: none; width: 100%; display: block; opacity: 0.8;
	-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}
.flecha a{display: block; width: 45px; height: 37px; padding: 8px 0 0 0; background: #463e3e; color: #fff; border: 1px solid #463e3e;
	font-size: 40px; border-radius: 25px; text-align: center; position: fixed; bottom: 15px; right: 15px;}
.flecha a:hover{color: #463e3e; background: #fff;}
.m-top{margin-top: 60px;}
.mapa{background: url("../imagenes/mapa.jpg") no-repeat center center; padding: 40% 0;}
.mapa .boton a{ width: 220px; margin: 0 auto;}

@media only screen 
and (max-width : 630px){
	body{font-size: 1.1em;}
	.pantalla, .tablet{	display: none;}
	.container { width: 100%; margin: 0 auto; text-align: center;}
	.todo {	margin: 60px 20px;}
	#cabecera .logo{width: 80%; max-width: 220px; margin: 60px auto 30px auto;}
	#menu{margin-bottom: 30px;}
	#menu ul li a{font-size: 18px; padding: 15px 0;}
	h1{padding-top: 40px; font-size: 24px;}
	.frase { font-size: 22px; line-height: 30px;}
	footer .logo { width: 160px; margin: 0 auto 20px auto;}
	footer address{font-size: 0.8em; line-height: 1.7em;}
	.boton a{margin: 20px auto; font-size: 14px;}
	.telefono a { font-size: 33px; padding: 15px 0;}
	.bloque{padding: 60px 0 20px 0;}
	.bloque .izdo{width: 100%; margin: 0 auto; text-align: center; }
	.blanco{padding-top: 60px; padding-bottom: 20px;}
	.bloque .izdo img, .blanco .dcho img{width: calc(100% - 40px);margin: 40px 20px 0 20px;}
	.bloque .dcho, .marcas, .blanco .izdo{width: calc(100% - 40px); text-align: center; margin: 0 auto;}
	.blanco .in-bloque .logos img{height: 90px;  margin: 0 20px;}
	.marcas{padding-top: 60px;}
	.marcas img { height: 70px; margin: 20px;}
	.botones{margin: 70px 0;}
	.botones .izdo a, .botones .dcho a{width: 70%; margin: 20px auto; padding: 100px 0; font-size: 23px;}
	.galeria{margin-left: 20px; width: calc(100% - 40px);}
	.galeria img{display: block; width: 100%; margin-bottom: 20px;}
	iframe{height: 400px; margin: 20px 20px 0 20px; width: calc(100% - 40px);}
	.consumo { margin-top: 30px; width: 200px;}
	.financiacion{font-size: 1.1em;}
	.boton .largo { width: 230px;}
	.bloque .in-bloque .whatsapp a img { width: 50px; display: block; margin: 10px auto 30px;}
	.flecha a{bottom: 50px;}
	.mapa{background: url("../imagenes/mapa-m.jpg") no-repeat center center; padding: 50% 0 40% 0;}

}

@media only screen 
and (min-width : 631px)
and (max-width : 1150px) {
	.movil, .tablet{ display: none;}
	.container { width: 80%; margin: 0 auto; text-align: center;}
	.todo {	margin: 120px 0;}
	#cabecera .container{width: 100%;}
	#cabecera .logo{width: 260px; margin: 60px auto;}
	#cabecera .logo img{width: 100%; display: block;}
	#menu{width: 600px; margin: 0 auto; }
	#menu ul li{ float: left; width: 21%; }
	#menu ul .uno{width: 16%;}
	#menu ul .dos{width: 22%;}
	#menu ul .tres{width: 20%;}
	.bloque{padding: 2px 0 40px 0;}
	.bloque .izdo, .blanco .izdo{width: 80%; margin: 0 auto; text-align: center;}
	.botones .izdo a, .botones .dcho a{width: 400px; margin: 20px auto; padding: 100px 0; font-size: 30px;}
	.bloque .izdo img, .blanco .dcho img{width: 80%; max-width: 600px; margin: 0 auto 40px auto;}
	.bloque .dcho, .blanco .dcho, .marcas{width: 80%; text-align: center; margin: 0 auto;}
	.marcas{padding-top: 100px;}
	.marcas img{margin: 20px; height: 75px;}
	.in-bloque{margin: 100px auto; width: 80%; max-width: 600px;}
	.blanco .in-bloque .logos img{height: 70px;  margin-right: 30px;}
	.blanco{padding-bottom: 40px;}
	.bloque .rslides{margin: 0 auto; width: 80%;}
	.bloque .rslides img{width: 100%;}
	.galeria{margin-left: 70px;}
	.galeria .dos img{display: inline-block; width: 45%; margin-right: 2%; margin-bottom: 1%;}
	.galeria .tres img{display: inline-block; width: 29.1%; margin-right: 2%; margin-bottom: 1%;}
	footer, .presentacion{text-align: center;}
	footer .logo{margin: 0 auto 20px auto;}
	footer .boton a{margin:20px auto 0 auto;}
	.boton a{margin: 20px auto; font-size: 14px;}
	.telefono a { font-size: 40px; padding: 15px 0;}
	footer .logo { width: 180px;}
	footer address{font-size: 0.8em; line-height: 1.7em;}
	iframe { height: 500px;}
	.consumo { margin-top: 30px; width: 200px;}
	.mapa{background: url("../imagenes/mapa.jpg") no-repeat center center; padding: 30% 0 20% 0;}
	}
@media only screen 
and (min-width : 631px)
	and (max-width : 850px) {
	.galeria .dos img{display: block; width: 90%; margin: 0 1% 2% 1%;}
	.galeria .tres img{display: inline-block; width: 43.7%; margin: 0 1% 2% 1%;}
}

@media only screen 
and (min-width : 1151px)
and (max-width : 1299px) {
	.movil, .tablet{ display: none;}
	.container { width: 80%; margin: 0 auto; }
	.todo {	margin: 120px 0;}
	#cabecera .logo{width: 300px; margin: 30px auto;}
	#cabecera .logo img{width: 100%; display: block;}
	#menu{width: 600px; margin: 0 auto; }
	#menu ul li{ float: left; width: 21%; text-align: center;}
	#menu ul .uno{width: 16%;}
	#menu ul .dos{width: 22%;}
	#menu ul .tres{width: 20%;}
	.bloque .izdo, .blanco .izdo, .botones .izdo a{width: 50%; float: left; }
	.bloque .dcho, .blanco .dcho, .botones .dcho a{width: 50%; float: right;}
	.in-bloque{margin: 100px 10% 0 15%;}
	.blanco .in-bloque .logos img{height: 70px;  margin-right: 30px;}
	.botones{width: calc(100% - 160px); margin: 100px auto;}
	.galeria{margin-left: 70px;}
	.galeria .dos img{display: inline-block; width: 45%; margin-right: 4%; margin-bottom: 3%;}
	.galeria .tres img{display: inline-block; width: 28.5%; margin-right: 4%; margin-bottom: 3%;}
	footer, .presentacion{text-align: center;}
	footer .logo{margin: 0 auto 20px auto;}
	footer .boton a{margin:20px auto 0 auto;}
	iframe { height: 520px;}
	.consumo { margin-top: 20px; width: 250px;}
	.marcas{text-align: center;}
	.marcas img{margin: 10px 30px;}
	.dos-lineas{margin-top: 24%;}
	.tres-lineas{margin-top: 20%;}
	.cinco-lineas{margin-top: 130px;}
	.seis-lineas{margin-top: 60px;}
	}
	
@media only screen 
and (min-width : 1300px){ 
	body{font-size: 1.1em;}
	.movil, .tablet{ display: none;}
	.container { width: 75%; margin: 0 auto 0 25%;}
	.todo {	margin: 140px 0;}
	.container p{margin-right: 75px;}
	#cabecera .logo{width: 300px; position: fixed; left: 0; top: 350px; transform: rotate(-90deg);}
	#cabecera .logo img{width: 450px; display: block; margin:  5% auto 0 auto;}
	#menu{	font-size: 0.8em; width: 850px; }
	#menu ul li{ float: left; width: 20%; text-align: left;}
	#imagen, .bloque, .blanco, .marcas, .botones, .foto-suelta, .galeria{margin-left: 25%; width: 75%;}
	.dcho .boton a{margin-top: 20px;}
	.botones{width: calc(75% - 78px);}
	.bloque .izdo, .blanco .izdo, .botones .izdo a{width: 50%; float: left; }
	.bloque .dcho, .blanco .dcho, .botones .dcho a{width: 50%; float: right;}
	.in-bloque{margin: 100px 10% 0 15%;}
	.blanco .in-bloque{margin-left: 0;}
	.blanco .in-bloque .logos img{height: 70px;  margin-right: 30px;}
	.galeria .dos img{display: inline-block; width: 45%; margin-right: 4%; margin-bottom: 4%;}
	.galeria .tres img{display: inline-block; width: 28.5%; margin-right: 4%; margin-bottom: 4%;}
	iframe{height: 540px;}
	.dos-lineas{margin-top: 24%;}
	.tres-lineas{margin-top: 20%;}
	.cuatro-lineas{margin-top: 15%;}
	.cinco-lineas{margin-top: 14%;}
	.seis-lineas{margin-top: 12%;}
	.consumo {margin-top: 20px; width: 50%;}
}
@media only screen 
and (min-width : 1450px){ 
	body{font-size: 1.2em;}
	.movil, .tablet{ display: none;}
	.container { width: 75%; margin: 0 auto 0 25%;}
	.todo {	margin: 150px 0;}
	.container p{margin-right: 75px;}
	#cabecera .logo{width: 300px; position: fixed; left: 0; top: 420px; transform: rotate(-90deg);}
	#cabecera .logo img{width: 600px; display: block; margin: 60px auto 0 auto;}
	.botones{width: calc(75% - 78px);}
	.in-bloque{margin: 100px 18% 0 18%;}
	.blanco .in-bloque .logos img{height: 80px;  margin-right: 30px;}
	.dos-lineas{margin-top: 26%;}
	.tres-lineas{margin-top: 22%;}
	.cuatro-lineas{margin-top: 17%;}
	.cinco-lineas{margin-top: 17%;}
	.seis-lineas{margin-top: 12%;}
	.consumo {margin-top: 60px; width: 60%; max-width: 350px;}
}