@font-face{
	font-family: Roboto;
    src: url("../fonts/Roboto-Thin.woff2"),
         url(../fonts/Roboto-Thin.woff),
	     url(../fonts/Roboto-Thin.ttf);
    font-weight: 100; font-display: swap;}
@font-face{
	font-family: Roboto;
    src: url(../fonts/Roboto-Light.woff2),
         url(../fonts/Roboto-Light.woff),
	     url(../fonts/Roboto-Light.ttf);
    font-weight: 300; font-display: swap;}
@font-face{
	font-family: Roboto;
    src: url(../fonts/Roboto-Regular.woff2),
         url(../fonts/Roboto-Regular.woff),
	     url(../fonts/Roboto-Regular.ttf);
    font-weight: 400; font-display: swap;}
@font-face{
	font-family: Roboto;
	src: url(../fonts/Roboto-Black.woff2),
         url(../fonts/Roboto-Black.woff),
	     url(../fonts/Roboto-Black.ttf);
	font-weight: 900; font-display: swap;}
@font-face{
	font-family: Playfair Display;
	src: url("../fonts/PlayfairDisplay-Regular.ttf"),
         url(../fonts/PlayfairDisplay-Regular.woff),
	     url(../fonts/PlayfairDisplay-Regular.ttf);
	font-weight: normal; font-display: swap;}
*{	margin: 0; padding: 0;}
body{	font-family: Verdana, Geneva, sans-serif; line-height: 1.9em;}
img a, a, a img{	text-decoration: none;}
.neg{	font-weight: bold;}
.noneg{	font-weight: normal;}
.noneg strong{	font-weight: normal;}
address{
	font-style: normal;}
#direccion{	color: #536064; margin: 20px 0 0 0;}
.tt{	font-size: 1.3em; margin: 0 0 10px 0; display: block;}
#logo a{	padding: 25px 0 10px 0; display: block;}
#cabecera{	text-align: center;}
ul li{	list-style-type: none; text-align: center;}
#fija img{	width: 100%; height: auto;}
#presentacion{	margin: 80px; text-align: justify;}
.m-40{margin-top: 40px;}
h1{	text-align: center; font-family: 'Playfair Display', serif;	font-size: 30px; font-weight: normal; margin: 0 0 20px 0;}	
h2{	font-family: 'Playfair Display', serif; font-weight: normal;}
#ocu{	font-family: 'Playfair Display', serif; color: #F90; font-size: 25px;}
.tipo h3{	font-size: 14px; font-weight: normal;}
.subh2{	margin: 10px 0 0 0; color: #ccc;}
.parquet{	font-size: 35px; margin: 40px 0 0 0; padding: 0 0 20px 0; border-bottom: 1px solid #ccc;}
#menuindex .tit{	font-family: 'Playfair Display', serif; font-weight: normal; text-shadow: 0px 1px 8px rgba(0, 0, 0, 1);}
#menuindex a{	color: #fff; display: block;}
#menu ul li a:hover, #menu nav ul .v a{	color: #ccc;}
.borra{	clear: both;}
.hover{	margin: 20px 0 0 0; opacity: 0; font-size: 0.9em; display: block;}
a:hover .hover{	opacity: 1;
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}
#inmadera{	padding: 40px 80px; margin: 0 80px; background: url(../imagenes/fondo-marron.png);
	position: static; font-family: 'Playfair Display', serif; color: #fff;	font-size: 25px; line-height: 40px; text-align: center;}
.espacio{	height: 65px;}
#violeta{	background: #1d7997; font-family: 'Playfair Display', serif; font-size: 30px; text-align: center; color: #FFF; padding: 40px 0;}
.nota{	margin: 10px 0 0 0; font-size: 0.8em; text-transform: uppercase; }
.uno, .dos, .tres, .cuatro{	font-family: 'Roboto', sans-serif; width: 120px; height: 110px;	padding: 30px 10px 0 10px; border-radius: 70px;}
.uno{	background: #e52c87;}
.dos{	background: #fec601;}
.tres{	background: #00acc4;}
.cuatro{	background: #42b593;}
.frase2{margin-top: 80px; text-align: center; font-family: 'Playfair Display', serif; font-size: 28px;}
#circle, #circle2{	font-family: 'Roboto', sans-serif; width: 140px; height: 140px; padding: 20px 10px 0 10px;
	margin: 70px 0 0 10px; border-radius: 85px; text-align: center; background: #1d7997;
	font-size: 18px; line-height: 28px; border:8px solid #fff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.60);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.60);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.60);}
#imagen-colchones #circle2{	opacity: 0.8; width: 240px; height: 230px; padding: 30px 10px 0 10px;
	border-radius: 140px; margin: 20% 0 0 0; font-size: 25px; line-height: 35px;}
#imagen-colchones .mayor{	font-size: 45px; line-height: 40px;}
#productos .circle{	width: 100px; height: 95px; padding: 25px 10px 0 10px; margin: 100px 0 0 10px;
	border-radius: 68px; background: #1d7997; font-size: 16px; line-height: 30px;
	font-family: 'Oswald', sans-serif; text-align: center; border:8px solid #fff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.60);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.60);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.60);
	z-index: 2; position: absolute;}
#productos img, #productos2 img{	z-index: 1;	position: absolute;}
#productos2 .circle{	width: 100px; height: 95px; padding: 25px 10px 0 10px; margin: 100px 0 0 10px; color: #fff;
	border-radius: 68px; background: #1d7997;  font-size: 16px; line-height: 30px;
	font-family: 'Oswald', sans-serif; text-align: center; border:8px solid #fff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.60);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.60);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.60);
	z-index: 2;	position: absolute;}
.boton{	margin: 50px auto 0 auto; width: 220px; text-align: center;}
.boton a{	display: block; padding: 7px 15px; font-size: 14px; color: #000; border: 1px solid #1d7997;}
.boton a:hover{	color: #fff; background: #1d7997;}
.mayor{	font-size: 26px; line-height: 25px; color: #fff; font-family: 'Playfair Display', serif;}
.letra1{	font-size: 30px; font-weight: 300;}
.letra2{	font-size: 20px; font-weight: 900;}
.letra22{	font-size: 18px; font-weight: 900;}
.letra4{	font-size: 16px; line-height: 16px; font-weight: 400; display: block;}
.letra5{	font-size: 18px; line-height: 16px; font-weight: 900; display: block;}
.letra6{	font-size: 50px; font-weight: 300; display: block;}
.letra7{	font-size: 20px; line-height: 30px; font-weight: 900; display: block;}
#negro{	background: #000; color: #fff;}
#negro h2{	font-size: 40px; line-height: 50px;}
.mm{	font-size: 33px; line-height: 44px; display: block; margin: 0 0 20px 0; color: #aaa;}
.tipo h2{	color: #333;}
.tipo .producto h2{	color: #ccc; font-size: 30px; line-height: 36px;}
.tipo .producto h3{	margin: 0 0 20px 0; border-bottom: 1px dotted #ccc;}
.tipo #productos2 .producto h2{	color: #333;}
.pro{	margin: 40px 0 0 0; font-size: 26px !important;}
#productos{	background: #000; color: #ccc; padding: 40px 20px; margin: 0 0 40px 0 ;}
#productos2{	border: 1px solid #333; padding: 40px 20px; margin: 0 0 40px 0 ;}
.producto{	margin: 0 0 60px 0;}
#redes{	background: #fff; padding: 20px 0; text-align: center;}
#redes .consulta{	color: #6d7a7e; font-size: 0.9em; margin: 20px 0 0 0;}
#redes .facebook{	display: block; margin: 10px auto; width: 40px; height: 40px;
	background: url(../imagenes/facebook.jpg) no-repeat; text-indent: -999em;}
#redes .facebook:hover{	opacity: 0.6;}
#datos{	margin: 50px 0 0 0; text-align: center; font-size: 1.1em;}
#datos a{	color: #000; padding: 10px 0 0 0; display: block; font-size: 1.3em;}
#datos a:hover{opacity: 0.6;}
.mapa{	margin: 30px 0 0 0; padding: 200px 0; background: url("../imagenes/mapa.jpg") no-repeat center center; background-size: cover;}
.mapa .boton a{ margin: 0 auto; background: #fff;}
.mapa .boton a:hover{background: #333;}
#pie{	background: #f1f1ef; padding: 40px 0 20px 0; text-align: center;}
h4{	font-size: 14px; line-height: 18px; font-weight: normal; color: #555}
#aviso{	font-size: 0.8em; padding: 5px 0 0 0; background: #6d7a7e; color: #fff; text-align: center;}
#aviso a{	color: #fff; display: inline-block; padding:  0 0 5px 0;}
#left, #left2{	color: #6d7a7e; font-size: 18px;}
.miniaturas a{	font-weight: normal;}
footer a{	margin: 10px auto 0 auto; padding: 5px; background: #fff; color: #536064;	display: block; width: 130px;}
footer a:hover{	background: #6d7a7e; color: #fff;}
iframe{	border: none;}
.desp a{	color: #000; padding: 2px; display: inline-block;}
#menubajo{	margin: 40px auto 0 auto; width: 400px; }
#menubajo ul{border-left: 1px solid #ccc; height: 40px;}
#menubajo a{	display: inline-block; padding: 5px 10px; border-right: 1px solid #ccc; float: left; font-size: 14px; color: #000;}
#menubajo a:hover{	background: #eee;}
p a{	color: #000; display: inline-block;}
#sensation{	background: #000; color: #fff; border: 8px solid #000;}
#sensation img{	width: 100%; height: auto; display: block;}
#sensation .t-sensation{	padding: 40px 30px 30px 30px;}
#sensation .novedad{	font-size: 25px; font-weight: 900; margin: 20px 0 0 0;	font-family: 'Roboto', sans-serif;}
#sensation h3{	font-size: 35px; font-weight: 100; line-height: 1.3em; margin-bottom: 25px;	font-family: 'Roboto', sans-serif;}
.sbottom{	margin-bottom: 20px;}
.enviar{margin-top: 40px;}
.galea{margin-top: 80px;}
.centrado{text-align: center; margin-top: 80px;}
.whatsapp{display: block; vertical-align: middle;}
#datos .whatsapp a{vertical-align: middle; display: block; color: #008212;}
.whatsapp img{ display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin-right: 10px;}

#obra{	width: 200px; float: right; height: 150px; background: #F90; color: #fff; opacity: 0.7; border-radius:100px; 
	margin: 360px 0 0 0; padding: 50px 0 0 0;	font-family: 'Playfair Display', serif; font-size: 28px; line-height: 46px;}

	
@media only screen 
and (max-width : 500px){	
.container {	width: 100%; margin: 0 auto;}
.todo {	margin: 0 25px;}
#ppal{ 	display: none;}
.pant{	display: none;}
h1{	font-size: 24px; line-height: 30px;}
.frase{	width: 60%; float: left; padding: 400px 0 0 0 ; color: #fff; display: block; text-align: left; font-family: 'Playfair Display', serif;
	font-size: 40px; line-height: 60px; font-weight: normal; opacity: 0.8;}
#imagen-descanso .frase{	padding: 400px 0 0 50%; float: none; color:  #333;}
#logo{	width: 150px; margin: 0 auto;}
#menu{	font-size: 1em;}
#menu ul{	margin: 20px 0;}
#menu ul li a{	padding: 10px 0; display: block; color: #000;}
#presentacion{	margin: 40px 0;}
#menuindex{	margin: 0 50px;}
#menuindex a{	padding: 40% 0;}
#menuindex ul li{	display: block; margin: 0 0 10px 0;}
#menuindex .tit{	font-size: 36px; padding: 0	0 10px 0; border-bottom: 1px solid #fff;
	margin: 20% 10px 0 10px; text-shadow: 0px 1px 8px rgba(0, 0, 0, 1);}
#menuindex ul .suelos{	background: url(../imagenes/menuindex/fondo-suelos-m.jpg) no-repeat center top;
	background-size: 100% auto;}
#menuindex ul .suelos:hover{	background: url(../imagenes/menuindex/fondo-suelos2-m.jpg) no-repeat center top;
	background-size: 100% auto;
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}
#menuindex ul .descanso{	background: url(../imagenes/menuindex/fondo-descanso-m.jpg) no-repeat center top;
	background-size: 100% auto;}
#menuindex ul .descanso:hover{
	background: url(../imagenes/menuindex/fondo-descanso2-m.jpg) no-repeat center top;	background-size: 100% auto;
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}
#menuindex ul .armarios{	background: url(../imagenes/menuindex/fondo-armarios-m.jpg) no-repeat center top;	background-size: 100% auto;}
#menuindex ul .armarios:hover{
	background: url(../imagenes/menuindex/fondo-armarios2-m.jpg) no-repeat center top;	background-size: 100% auto;
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}
.hover, a:hover .hover{	display: none;}
#imagen-suelos, #imagen-descanso, #imagen-colchones, #imagen-somieres, #imagen-armario, #imagen-contacto, #fijat{
	display: none;}
#madera{
	background: url(../imagenes/fondo-madera.jpg) repeat-x; background-position: center;	color: #fff; display: block; padding: 30px;}
#madera .todo{	margin: 0;}
#madera .espacio{	display: none;}
#inmadera{	padding: 40px 0; margin: 0; font-size: 18px; line-height: 30px;}
.tipo{	padding: 50px 0 0 0;}
.tipo img{	width: 100%; height: auto;}
.titular{	margin: 20px 0 20px 0;}
#super{	padding: 0;}
.parquet{	font-size: 26px;}
.tipo h2{	font-size: 27px;  line-height: 33px;}
.subh2{	font-size: 14px; line-height: 18px;}
.producto .descripcion{	margin: 50px 0 0 0;}
.grupo{
	border-bottom: 1px solid #999; padding: 0 0 40px 0; margin: 20px 0 0 0;}
.grupo img{
	width: 100%; height: auto;}
.arriba .derecho, .abajo .izquierdo, .abajo .central, .abajo .derecho{
	display: none;}
#ultimo{	margin: 0 0 30px 0;}
#negro .izquierdo{	padding: 30px 0;}
#negro .derecho img{	width: 100%; height: auto; margin: 0 0 20px 0;}
#negro h2{	font-size: 28px;}
#negro .mm{	display: inline; font-size: 28px;}
#violeta{
	font-size: 22px;}
#circle{
	margin: 0;}
#colchones{
	background: url(../imagenes/colchon.jpg) no-repeat center 80px;
	background-size: 100% auto; padding: 40px 0 60px 0; border-bottom: 1px solid #999;}
#somieres{
	background: url(../imagenes/somier.jpg) no-repeat center 100px;
	background-size: 100% auto; padding: 40px 0 60px 0; border-bottom: 1px solid #999;}
#canapes{
	background: url(../imagenes/canape.jpg) no-repeat center 60px;
	background-size: 100% auto; padding: 40px 0 60px 0; border-bottom: 1px solid #999;}
#butacas{
	background: url(../imagenes/butaca.jpg) no-repeat center 60px;
	background-size: 100% auto; padding: 40px 0 60px 0; border-bottom: 1px solid #999;}
#pufs{
	padding: 20px 0 30px 0; border-bottom: 1px solid #999;}
#colchones h2{
	margin: 0 0 60px 0;}
#somieres h2{
	margin: 0 0 260px 0;}
#canapes h2{
	margin: 0 0 320px 0;}
#butacas h2{
	margin: 0 0 320px 0;}
.boton{
	margin: 30px auto 0 auto;}
.miniaturas{
	margin: 50px 0 0 0;}
.tercio{
	width: 290px; float: left; margin: 20px 10px 50px 0;}
.tercio h2{
	font-size: 20px;}
#right, #right2{
	margin: 15px 0 0 60%;}
#productos img, #productos2 img{
	width: 100%; height: auto; position: relative;}
#productos .circle, #productos2 .circle{
	position: relative; margin: -70px 0 0 0;}
#redes .consulta{
	line-height: 20px; display: block; margin: 0 0 10px 0;}
#redes ul .facebook, #redes ul .google { margin: 0;}
.bloque{ display: block;}
.guion{ display: none;}
#mapagoogle{
	display: none;}
#mapafoto img{
	width: 100%; height: auto;}
#mapafoto a{
	display: block; color: #000; font-size: 0.9em; padding: 5px 0;}
#menubajo{ display: none;}
.tipo #right2{
	width: 100px;}
.tipo #right2 img{
	width: 100px !important; height: auto; margin: 10px 0 0 0;}
.thumb{ 
	margin: 0 0 5px 0; display: inline-block;}}
@media only screen 
and (min-width : 501px)
and (max-width : 699px) {	
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 35px;}
.banner, #logoindex{ 
	display: none;}
#fija{
	display: none;}
.pant{
	display: none;}
#presentacion{
	margin: 80px 50px;}
.frase{
	width: 60%; float: left; padding: 400px 0 0 0; color: #fff; display: block; text-align: left;
	font-family: 'Playfair Display', serif; font-size: 40px; line-height: 60px;
	font-weight: normal; opacity: 0.8;}
#imagen-descanso .frase{
	padding: 400px 0 0 50%; float: none; color: #333;}
#logo{
	width: 150px; margin: 0 auto;}
h1{
	font-size: 25px;}
#menu{
	font-size: 0.9em;}
#menu ul{
	margin: 20px 0 0 0;}
#menu ul li{
	float: left; width: 25%;}
#menu ul li a{
	padding: 20px 0 5px 0; display: block; color: #000;}
#menuindex{
	margin: 0 100px;}
#menuindex a{
	padding: 70px 20px 50px 20px;}
#menuindex ul li{
	display: block; width: 300px;  margin: 0 auto;}
#menuindex .tit{
	font-size: 30px; padding: 0	0 10px 0; border-bottom: 1px solid #fff; margin: 70px 0 0 0;}
#menuindex ul .suelos{
	background: url(../imagenes/menuindex/fondo-suelos-m.jpg) no-repeat center top; 
	margin: 0 auto 20px auto;}
#menuindex ul .suelos:hover{
	background: url(../imagenes/menuindex/fondo-suelos2-m.jpg) no-repeat center top;
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}
#menuindex ul .descanso{
	background: url(../imagenes/menuindex/fondo-descanso-m.jpg) no-repeat center top; 
	margin: 0 auto 20px auto;}
#menuindex ul .descanso:hover{
	background: url(../imagenes/menuindex/fondo-descanso2-m.jpg) no-repeat center top;
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}
#menuindex ul .armarios{
	background: url(../imagenes/menuindex/fondo-armarios-m.jpg) no-repeat center top;}
#menuindex ul .armarios:hover{
	background: url(../imagenes/menuindex/fondo-armarios2-m.jpg) no-repeat center top;
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}
#imagen-suelos, #imagen-descanso, #imagen-colchones, #imagen-somieres, #imagen-armario, #imagen-contacto, #fija{
	display: none;}
#fijat img{
	width: 100%; height: auto;}
#madera{
	background: url(../imagenes/fondo-madera.jpg) repeat-x; background-position: center;
	color: #fff; display: block; padding: 40px;}
#madera .todo{
	margin: 0;}
#inmadera{
	padding: 40px 30px; margin: 0; font-size: 18px; line-height: 30px;}
#madera .espacio{
	display: none;}
.tipo{
	padding: 100px 0 0 0;}
.tipo img{
	margin: 20px 0 0 0;}
#super{
	padding: 0;}
.tipo h2{
	font-size: 30px;  line-height: 40px;}
.subh2 {
	font-size: 0.8em; line-height: 18px; display: block;}
.producto .descripcion{
	margin: 50px 0 0 0;}
.grupo{
	border-bottom: 1px solid #999; padding: 0 0 40px 0; margin: 20px 0 0 0;}
.arriba, .abajo{
	display: block;}
.arriba .izquierdo img, .abajo .derechod img, .ocumon img{
	width: 100%; height: auto;}
.arriba .izquierdo{
	width: 100%;}
.arriba .derecho, .abajo .izquierdo, .abajo .central, .abajo .derecho{
	display: none;}
.abajo .derechod{
	width: 100%;}
#ultimo{
	margin: 0 0 80px 0;}
#negro .izquierdo{
	width: 40%; float: left; margin: 50px 0;}
#negro .derecho{
	width: 50%; float: right; margin: 30%  0 0 0;}
#negro .derecho img{
	width: 100%; height: auto;}
#violeta{
	font-size: 20px;}
#circle{
	margin: 170px 0 0 57%; position: absolute;}
#colchones{
	background: url(../imagenes/colchon.jpg) no-repeat bottom left;
	padding: 30px 0 140px 0; border-bottom: 1px solid #999;}
#colchones .descripcion{
	margin: 15px  0 0 0;}
#somieres{
	background: url(../imagenes/somier.jpg) no-repeat bottom left;
	padding: 30px 0 250px 0; border-bottom: 1px solid #999;}
#canapes{
	background: url(../imagenes/canape.jpg) no-repeat bottom left;
	padding: 30px 0 450px 0; border-bottom: 1px solid #999;}
#butacas{
	background: url(../imagenes/butaca.jpg) no-repeat bottom left;
	padding: 30px 0 450px 0; border-bottom: 1px solid #999;}
#somieres h2, #canapes h2{
	margin: 0 0 20px 0;}
.boton{
	background: #fff; opacity: 0.9;}
.miniaturas{
	margin: 20px auto 0 auto;}
.tercio{
	width: 290px; float: left; margin: 20px 10px 50px 0;}
.tercio h2{
	font-size: 20px;}
#right, #right2{
	margin: 20px 0 0 70%;}
#productos, #productos2{
	padding: 40px 20px 5px 20px;}
#productos img, #productos2 img{
	width: 100%; height: auto; position: relative;}
#productos .circle, #productos2 .circle{
	position: relative; margin: -140px 0 0 0;}
.bloque{ display: block;}
.guion{ display: none;}
#mapafoto{
	display: none;}
#mapagoogle iframe{
	width: 100%; height: 400px;}}
@media only screen 
and (min-width : 700px)
and (max-width : 999px) {
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 50px;}
.banner{ 
	z-index: 1; position: relative;}
.mov{
	display: none;}
#fija, #fijat{
	display: none;}
#logoindex{
	z-index: 2; position: absolute; top: 20%; left: 50%; margin-left: -225px; 
	border: 1px solid #fff; width: 450px; padding: 20px 0; color: #fff; opacity: 0.8;
	font-size: 0.9em; line-height: 1.3em;}
#logoindex img{
	width: 60%; height: auto;}
#indexcab{
	display: none;}
.frase{
	width: 360px; float: left; padding: 280px 0 0 10%; color: #fff; display: block;
	text-align: left; font-family: 'Playfair Display', serif; font-size: 30px; line-height: 50px;
	font-weight: normal; opacity: 0.8; text-shadow: 0px 1px 8px rgba(0, 0, 0, 1);}
#obra{
	width: 160px; height: 125px; opacity: 0.8; 	border-radius:80px; margin: 230px 0 0 0; padding: 35px 0 0 0;
	font-size: 26px; line-height: 40px;}
#imagen-descanso .frase{
	padding: 280px 0 0 50%; float: none; color:  #333;
	text-shadow: 0px 1px 8px rgba(255, 255, 255, 1);}
#superior{
	height: 160px;}
#logo{
	width: 200px; }
#menu{
	font-size: 0.9em;}
#menu ul{
	margin: 0;}
#menu ul li{
	float: left; width: 25%;}
#menu ul li a{
	padding: 20px 0 5px 0; display: block; color: #000;}
#presentacion{
	margin: 60px 50px;}
#menuindex{
	margin: 0 100px;}
#menuindex a{
	padding: 200px 20px 50px 20px;}
#menuindex ul li{
	width: 32%; float: left; display: block; height: 450px;}
#menuindex .tit{
	font-size: 30px; padding: 0	0 10px 0; border-bottom: 1px solid #fff; margin: 200px 0 0 0;}
#menuindex ul .suelos{
	background: url(../imagenes/menuindex/fondo-suelos.jpg) 
	no-repeat center top; margin: 0 2% 0 0;}
#menuindex ul .suelos:hover{
	background: url(../imagenes/menuindex/fondo-suelos2.jpg) no-repeat center top;
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}
#menuindex ul .descanso{
	background: url(../imagenes/menuindex/fondo-descanso.jpg) no-repeat center top;
	margin: 0 2% 0 0;}
#menuindex ul .descanso:hover{
	background: url(../imagenes/menuindex/fondo-descanso2.jpg) no-repeat center top;
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}
#menuindex ul .armarios{
	background: url(../imagenes/menuindex/fondo-armarios.jpg) no-repeat center top;}
#menuindex ul .armarios:hover{
	background: url(../imagenes/menuindex/fondo-armarios2.jpg) no-repeat center top;
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}
.hover{
	font-size: 0.7em;}
#imagen-suelos{
	background: url(../imagenes/cabecera/parquet-flotante-donostia-t.jpg) no-repeat;
	height: 400px; background-size: cover; background-position: bottom;}
#imagen-descanso{
	background: url(../imagenes/cabecera/descanso-donostia-t.jpg) no-repeat;
	height: 400px; background-size: cover; background-position: top;}
#imagen-colchones{
	background: url(../imagenes/cabecera/colchones-donostia-t.jpg) no-repeat;
	height: 400px; background-size: cover; background-position: center;}
#imagen-somieres{
	background: url(../imagenes/cabecera/somieres-donostia-t.jpg) no-repeat;
	height: 400px; background-size: cover; background-position: bottom;}
#imagen-armario{
	background: url(../imagenes/cabecera/armario-t.jpg) no-repeat;
	height: 400px; background-size: cover; background-position: center;}
#imagen-contacto{
	background: url(../imagenes/cabecera/tienda-colchones-t.jpg) no-repeat;
	height: 400px; background-size: cover; background-position: top;}
#imagen-colchones #circle2{
	margin: 10% 0 0 0; border-radius: 130px; font-size: 24px; height: 180px;
    line-height: 30px; padding: 30px 10px 0; width: 200px;}
#imagen-colchones .mayor {
    font-size: 26px; line-height: 30px;}
#madera{
	background: url(../imagenes/fondo-madera.jpg) repeat-x; height: 300px;
	background-position: center; background-repeat: repeat-x; color: #fff; display: block;}
#inmadera{
	padding: 40px 60px; margin: 0 50px;}
.tipo{
	padding: 100px 0 0 0;}
#super{
	padding: 0;}
#ocu{
	display: none;}
.ten{
	display: none;}
.tipo h2{
	font-size: 35px;  line-height: 45px;}
.tipo img{
	margin: 20px 0 0 0;}
.producto .descripcion{
	margin: 10px 0 0 0;}
#productos img, #productos .circle, #productos2 img, #productos2 .circle{
	position: relative;}
#productos .circle{
	margin: -120px 0 0 55%;}
#productos2 .circle{
	margin: -160px 0 0 55%;}
.grupo{
	border-bottom: 1px solid #999; padding: 0 0 40px 0; margin: 20px 0 0 0;}
.grupo img{
	width: 100%; height: auto;}
.ocumon{
	display: none;}
.arriba, .abajo{
	display: block;}
.arriba .izquierdo{
	width: 60%; float: left;}
.arriba .derecho{
	width: 38%; float: right;}
.abajo .izquierdo{
	width: 38%; float: left;}
.abajo .central{
	width: 38%; float: left;}
.abajo .derecho{
	width: 21.7%; float: right;}
.abajo .derechod{
	width: 60%; float: right;}
#ultimo{
	margin: 0 0 80px 0;}
#negro .izquierdo{
	width: 40%; float: left; margin: 50px 0;}
#negro .derecho{
	width: 50%; float: right; margin: 60px  0 0 0;}
#negro .derecho img{
	width: 100%; height: auto; max-width: 350px;}
#violeta{
	font-size: 26px;}
#colchones #circle{
	margin: 170px 0 0 57%; position: absolute;}
#colchones .descripcion, #somieres .descripcion, #canapes .descripcion{
	margin: 15px  0 0 0;}
#colchones{
	background: url(../imagenes/colchon.jpg) no-repeat bottom left;
	padding: 100px 0 150px 0; border-bottom: 1px solid #999;}
#somieres{
	background: url(../imagenes/somier.jpg) no-repeat bottom left;
	padding: 100px 0 260px 0; border-bottom: 1px solid #999;}
#canapes{
	background: url(../imagenes/canape.jpg) no-repeat bottom left;
	padding: 100px 0 440px 0; border-bottom: 1px solid #999;}
#butacas{
	background: url(../imagenes/butaca.jpg) no-repeat bottom left;
	padding: 100px 0 440px 0; border-bottom: 1px solid #999;}
.boton{
	background: #fff; opacity: 0.9;}
.miniaturas{
	margin: 20px 0 0 0;}
.tercio{
	width: 290px; float: left; margin: 20px 10px 50px 0;}
.tercio h2{
	font-size: 20px;}
#left, #left2{
	width: 700px; float: left;}
#right, #right2{
	width: 100px; float: right;}
#mapafoto{
	display: none;}
#mapagoogle iframe{
	width: 100%;
	height: 450px;}}
@media only screen 
and (min-width : 1000px){ 	
.container {
	width: 1000px; margin: 0 auto;}
.todo {
	margin: 0 50px 0 50px;}
#indexcab{
	z-index: 100; position: absolute; top: 0; width: 100%;}
#indexcab #menu ul li a { color: #fff;}
.banner{ 
	z-index: 1; position: relative;}
#fija, #fijat{
	display: none;}
.mov{
	display: none;}
#logoindex{
	z-index: 2; position: absolute; border: 1px solid #fff; width: 500px; top: 20%; left: 50%;
  	margin-left: -250px; padding: 50px 0; color: #fff; opacity: 0.7;}
.frase{
	width: 500px; float: left; padding: 400px 0 0 0; color: #fff; display: block; text-align: left;
	font-family: 'Playfair Display', serif; font-size: 40px; line-height: 60px;
	font-weight: normal; opacity: 0.8; text-shadow: 0px 1px 8px rgba(0, 0, 0, 1);}
#imagen{
	clear: both;}
#imagen-descanso .frase{	padding: 400px 0 0 50%; float: none; color:  #333;	text-shadow: 0px 1px 8px rgba(255, 255, 255, 1);}
#superior{
	height: 110px;}
#logo{
	width: 200px; float: left;}
#menu{
	font-size: 0.9em; width: 600px; float: right;}
#menu ul{
	margin: 20px 0 0 0;}
#menu ul li{
	float: left; width: 25%;}
#menu ul li a{
	padding: 20px 0 5px 0; display: block; color: #000; font-size: 18px;}
#menuindex{
	margin: 0 100px;}
#menuindex a{
	padding: 200px 50px 210px 50px;}
#menuindex ul li{
	width: 33%; float: left; display: block; height: 450px;}
#menuindex .tit{
	font-size: 30px; padding: 0	0 10px 0; border-bottom: 1px solid #fff; margin: 200px 0 0 0;}
#menuindex ul .suelos{
	background: url(../imagenes/menuindex/fondo-suelos.jpg) no-repeat center top;}
#menuindex ul .suelos:hover{
	background: url(../imagenes/menuindex/fondo-suelos2.jpg) no-repeat center top;
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}
#menuindex ul .descanso{
	background: url(../imagenes/menuindex/fondo-descanso.jpg) no-repeat center top;}
#menuindex ul .descanso:hover{
	background: url(../imagenes/menuindex/fondo-descanso2.jpg) no-repeat center top;
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}
#menuindex ul .armarios{
	background: url(../imagenes/menuindex/fondo-armarios.jpg) no-repeat center top;}
#menuindex ul .armarios:hover{
	background: url(../imagenes/menuindex/fondo-armarios2.jpg) no-repeat center top;
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}
#imagen-suelos{
	background: url(../imagenes/cabecera/parquet-flotante-donostia.jpg) no-repeat;
	height: 590px; background-size: cover; background-position: bottom;}
#imagen-descanso{
	background: url(../imagenes/cabecera/descanso-donostia.jpg) no-repeat;
	height: 590px; background-size: cover; background-position: top;}
#imagen-colchones{
	background: url(../imagenes/cabecera/colchones-donostia.jpg) no-repeat;
	height: 590px; background-size: cover; background-position: center;}
#imagen-somieres{
	background: url(../imagenes/cabecera/somieres-donostia.jpg) no-repeat;
	height: 590px; background-size: cover; background-position: bottom;}
#imagen-armario{
	background: url(../imagenes/cabecera/armario.jpg) no-repeat;
	height: 590px; background-size: cover; background-position: center;}
#imagen-contacto{
	background: url(../imagenes/cabecera/tienda-colchones.jpg) no-repeat;
	height: 590px; background-size: cover; background-position: top;}
#madera{
	background: url(../imagenes/fondo-madera.jpg) repeat-x;
	height: 300px; background-position: center; background-repeat: repeat-x;
	color: #fff; display: block;}
.ten{
	display: none;}
.tipo{
	padding: 100px 0 0 0;}
#super{
	padding: 0;}
#ocu{
	display: none;}
.tipo h2{
	font-size: 40px;  line-height: 50px;}
.titular{
	width: 45%; float: left;}
.descripcion{
	width: 50%; float: right;}
.producto .descripcion{
	margin: 50px 0 0 0;}
.grupo{
	border-bottom: 1px solid #999; padding: 0 0 40px 0; margin: 20px 0 0 0;}
.ocumon{
	display: none;}
.arriba, .abajo{
	height: 350px; display: block;}
.arriba .izquierdo{
	width: 550px; float: left;}
.arriba .derecho{
	width: 350px; float: right;}
.abajo .izquierdo{
	width: 350px; float: left;}
.abajo .central{
	width: 350px; float: left;}
.abajo .derecho{
	width:200px; float: right;}
.abajo .derechod{
	width:550px; float: right;}
#ultimo{
	margin: 0 0 80px 0;}
#negro .izquierdo{
	width: 500px; float: left; margin: 50px 0 0 0;}
#negro .derecho{
	width: 350px; float: right;}
#colchones{
	background: url(../imagenes/colchon.jpg) no-repeat bottom left;
	padding: 100px 0 30px 0; border-bottom: 1px solid #999;}
#somieres{
	background: url(../imagenes/somier.jpg) no-repeat bottom left;
	padding: 100px 0 150px 0; border-bottom: 1px solid #999;}
#canapes{
	background: url(../imagenes/canape.jpg) no-repeat bottom left;
	padding: 100px 0 50px 0; border-bottom: 1px solid #999;}
#butacas{
	background: url(../imagenes/butaca.jpg) no-repeat bottom left;
	padding: 100px 0 50px 0; border-bottom: 1px solid #999;}
.miniaturas{
	margin: 50px 0 0 0;}
.tercio{
	width: 290px; float: left; margin: 20px 10px 50px 0;}
.tercio h2{
	font-size: 20px;}
#left, #left2{
	width: 700px; float: left;}
#right, #right2{
	width: 100px; float: right;}
#mapafoto{
	display: none;}}
@media only screen 
and (min-width : 1400px){ 	
.container {
	width: 1300px; margin: 0 auto; font-size: 1.1em; line-height: 2em;}
	#menu{font-size: 1em;}
	#presentacion {
    margin: 140px;}
	h1 {		margin: 0 0 30px 0;}
	.uno, .dos, .tres, .cuatro {
    width: 125px; height: 140px; padding: 40px 30px 0 30px; border-radius: 150px;}
	.parquet { margin: 120px 0 0 0;}
	#menuindex ul .suelos{ width: 29%; padding-left: 2%; padding-right: 2%;}
	#productos2 { padding: 80px 60px;   margin: 0 0 40px 0;}
	.titular {  width: 50%;}
	.descripcion, #negro .derecho { width: 37%;}
	.grupo{margin: 40px auto 80px auto; padding-bottom: 80px;}
	.grupo .arriba{margin-bottom: 50px;}
	.arriba .izquierdo, .abajo .derechod {width: 58%;}
	.arriba .derecho, .abajo .izquierdo {width: 37%;}
	.arriba, .abajo {height: auto;}
	.abajo .central{width: 37%; margin-left: 2.4%;}
	.abajo .derecho{width: 21.1%;}
	#ultimo { margin: 0 0 120px 0;}
	#sensation{margin-top: 60px;}
	#negro .derecho img{ width: 100%; margin: 60px 0; height: auto; display: block;}
	.grupo img{width: 100%; height: auto;}
	#menubajo { margin: 100px auto 0 auto;}
	#redes{padding-bottom: 100px;}
	#pie { padding: 80px 0 80px 0;}
	footer a{margin-top: 30px;}
	iframe{width: 100%;}
}