@charset "utf-8";
/* CSS Document */
body{background-color:#fff; font-family:Oxygen; font-weight:300; margin:0px; position:relative}
a {text-decoration:none; color:inherit}
.bold{font-weight:700}

.ventana-medidas-std {
	position: relative;
	top: 10%;
	background-color: #fff;
	left: 29%;
	width: 40%;
	border: 1px solid #000;
	padding: 10px;
	font-family: Verdana, Geneva, sans-serif;
	max-height: 70vh;
	overflow: scroll;
	border-radius: 10px;
	border: solid 10px #ccc;
}
.fondo-ventana-medidas-std{display:none; background-color:rgba(0,0,0,0.75); position:absolute; width:100%; height:200vh; top:-180px; left:0; z-index:100}
.ventana-medidas-std table{width:100%; border-collapse:collapse}
.ventana-medidas-std .fila-titulo{font-weight:bold; background-color:#afafaf; color:#000;}
.ventana-medidas-std .fila-std{cursor:pointer; border-bottom:1px solid #CCC}
.ventana-medidas-std .fila-std:hover{background-color:#ccc}
.ventana-medidas-std .cerrar {
	text-align: right;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 18px;
	cursor: pointer;
	position: sticky;
	/* margin-top: -10px; */
	top: -10px;
	/* height: 20px; */
	z-index: 9999;
	/* margin-right: ; */
	background-color: #fff;
	height: 24px;
}
.ventana-medidas-std .cerrar img{border:1px solid #f00;}

table th {
	position: -webkit-sticky;
	position: sticky;
	top: 12px;
	background: #afafaf;
	text-align: left;
	padding: 10px;
}

.qorder-boton-compra {
	padding: 15px;
	color: #fff;
	margin-left: 10px;
	background: url(img/quickorder_ico_carro.png) 95% 50% no-repeat, #bec7c2;
	cursor: pointer;
	margin-bottom: 10px;
}
.qorder-boton-compra:hover {
	color: #bec7c2;
	border: 2px solid #bec7c2;
	padding-top: 13px;
	padding-bottom: 13px;
	background: #fff;
}

@media only screen and (max-width: 1000px) {
.ventana-medidas-std table{width:100%; border-collapse:collapse; font-size:8px}
	
.muestra-menu-mobile{float:right}
.qorder-new-titulo{padding: 15px 15px 15px 0px;color: #7e7e7e;text-transform:uppercase;display:none}
.qorder-new-titulo span{color:#000; font-weight:700}	
.model-viewer-mampara{display:block;width:100%; height:480px; background-image: linear-gradient(#efeeec, #bcb7b2);}	

.ventana-medidas-std {
	position: relative;
	top: 10%;
	background-color: #fff;
	left: 5%;
	width: 90%;
	border: 1px solid #000;
	padding: 1%;
	font-family: Verdana, Geneva, sans-serif;
	max-height: 80vh;
	overflow: scroll;
}
.fondo-ventana-medidas-std {
	height: 200vh;
	width: 100%;
}
.ventana-medidas-std .cerrar {
	text-align: right;
	margin-top: 4px;
	margin-bottom: 0px;
	font-size: 18px;
	cursor: pointer;
	height: 30px;
	margin-right: 4px;
}
.ventana-medidas-std .cerrar img {
	border: 1px solid #f00;
}	
/*HEADER*/
.header{background-color:#f1f1f1; width:100%;}
.ico-ap{display:none}
.header .menu-idiomas{margin-left:auto; margin-right:auto;}
.menu-idiomas .idioma{float:right; color:#8f8f8f; font-size:12px; padding-top:5px; padding-bottom:5px; width:25%; text-align:center; cursor:pointer}
.menu-idiomas .idioma.activo, .idioma:hover{border-bottom:4px solid #f1f1f1;background-color:#fff;}
.zona-logo{width:100%;background-color:#fff; margin:15px 0px 0px 0px}
.zona-logo .panel{margin-left:auto; margin-right:auto}
.zona-logo .logo{float:left; width:50%}
.zona-logo .logo img{width:90%; padding:5%}
.zona-logo .titulo{float: left;font-size: 18px;margin-top: 10px;color: #000;letter-spacing: 4px;width:45%; text-align:right}
.zona-logo .titulo span{color:#bcb7b2}
.zona-logo .localiza-distribuidor{color: #909090;background: url(img/bg-localizar-distribuidor.png) no-repeat 95% 50%;font-size: 12px;cursor: pointer;width: 30%;clear: both;float: right;background-color: #f1f1f1;background-size: 18%;text-transform: uppercase;text-align: right;padding: 3%;padding-right: 15%;}
.zona-logo .localiza-distribuidor:hover{opacity:.5}
.zona-logo .localizador{float:right; width:48%; padding:2%; background-color:#f1f1f1}
.zona-logo .localizador input{padding:10px; border:1px solid #fff; color:#909090; width:90%}

/*NEW HEADER*/
.header {position: fixed;padding-top: 8px;width: 100%;z-index: 10;height: auto !important;background: white;top: 0%;}
.top-header {max-width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;border-bottom: 1px solid #000;padding-bottom: 10px;}
.top-header .logo {display: flex;	align-items: center;	padding-left: 15px;}
.top-header .logo a {max-width: 204px;	margin-right: 17px;}
.top-header .logo select {height: 38px;background: #fff;color: black;	width: auto !important;	text-transform: none;width: 100%;padding: 10px;background-color: #fff;border: 1px none #fff;margin-bottom: 10px;}
.top-header-links {	display: none;	align-items: center;}
.top-header-links ul {	display: flex;	flex-direction: row;	list-style: none;}
.top-header-links ul li:first-of-type {	border-left: none;}
.top-header-links ul li {	padding: 0 12px;	border-right: 1px solid;}
.top-header-links ul li span, .top-header-links ul li a {	text-decoration: none;	color: black;	text-transform: uppercase;	cursor: pointer;	font-size: 13px;}
li.area-profesional a {	color: #8daa9a !important;}
li.blog a {	color: lightslategray !important;}
li.donde-comprar a {	color: #c7b89e !important;}
.top-header-links ul li:last-of-type {border-right: none;}

/*FOOTER*/
.footer{background-color:#fff; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px}
.icos-rrss{ margin-left:6%}

/*CONTENIDO-HOME*/
.banner-movil{display:block; margin-top:70px; overflow:hidden}
.contenido-home{width:100%;}
.contenido-home .menu-principal{margin-left:auto; margin-right:auto; margin-top:-5px}
.contenido-home .menu-principal .lista-botones{}
.contenido-home .menu-principal .lista-botones .new{display:none}
.contenido-home .menu-principal .lista-botones .dvirtual{display:none}
.menu-principal .boton-producto {
	padding: 30px 30px 30px 70px;
	color: #000;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 2px;
	cursor: pointer;
	background-color: #efeeec;
}
.boton-producto.medida{background: url(img/miniico-mamparas.png) no-repeat 5% 60% #efeeec;}

.boton-producto.standard{}
.boton-producto.platos{background: url(img/miniico-platos.png) no-repeat 5% 45% #efeeec;}
.boton-producto.konvert{background: url(img/ico-konvert.png) no-repeat 5% 50% , url(img/ico-flechablanca.png) no-repeat 95% 50%, #b9b6b7;}	
.boton-producto.subtipo{font-weight: 300;}


.ico-forma {font-size: 13px;color: #000;float: left;text-align: center;	width: 33%;margin-left: 0px;accent-color: #444;}
.ico-forma.ducha {background: url(img/quickorder/forma-plato.png) no-repeat;background-size: 80px;background-position-x: center;}.
.ico-forma.ducha.on{background:url(img/quickorder/forma-plato-on.png) no-repeat; color:#fff}
.ico-forma.banera {background: url(img/quickorder/forma-banera.png) no-repeat;background-size: 80px;background-position-x: center;}
.ico-forma.banera.on{background:url(img/quickorder/forma-banera-on.png) no-repeat; color:#fff}
.ico-forma img{width:80%;margin-bottom:20px; cursor:pointer}
	
/* DECORADOR */
.grupo-opciones{display:none}
.opciones-ocultas-mobile{display:none}

.contenido-decorador{margin-top:84px; margin-left:auto; margin-right:auto; margin-bottom:100px; width:90%}
.contenido-decorador.ap{margin-top:170px;}
.qorder-titulo-mobile{border-left:2px solid #b2afa9;float:left;padding:15px; color:#000; font-size:16px; padding:10px; display:none}
.qorder-ico-producto-mobile{float:right; margin-bottom:10px;display:none}
.qorder-ico-producto-mobile img{height:42px}

.qorder-buscador{width:100%; font-size:13px;}
.qorder-resultado {width: 100%}
.qorder-boton-filtro.titulo {
	padding-bottom: 1px;
	margin-left: 1%;
	color: #333;
	background: #efeeec;
	text-transform: uppercase;
}
.qorder-boton-filtro {
	padding: 10px 0px 1px 10px;
	margin-left: 1%;
	color: #333;
	background: #efeeec;
	text-transform: uppercase;
}
.qorder-boton-filtro .filtroname-titulo {
	font-weight: bold;
	width: 96%;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
}
.qorder-boton-filtro .filtropcion {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	font-size: 13px;
	margin-bottom: 10px;
}
.qorder-boton-filtro .filtroname {
	font-weight: bold;
	width: 100%;
	margin-bottom: 10px;
	background: url(img/ico-flecha-up.png) no-repeat 96% 50%;
	cursor: pointer;
}
.qorder-boton-busca {
	padding: 15px;
	color: #fff;
	background:#bcb7b2;
	cursor: pointer;
	margin-bottom: 15px;
	width: 92%;
	margin-top: 10px;
}
.qorder-boton-busca:hover{color:#bec7c2; border:2px solid #bec7c2; padding-top:13px; padding-bottom:13px; background:#fff;}
.ruta {
	font-size: 12px;
	margin-bottom: 10px;
}
.ruta span {
	font-weight: bold;
}
.ico-serie {
	cursor: default;
	width: 50%;
	float: left;
}
.qorder-ico-animado {
	color: #828282;
}
.qorder-ico-apertura {
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	margin-top: 10px;
	padding-left: 10px;
}
.qorder-ico-apertura .num-items {
	text-align: left;
	background-color: #bec7c2;
	width: 96%;
	font-size: 12px;
	font-weight: normal;
	padding-left: 10px;
	margin-left: -10px;
	padding-bottom: 10px;
	margin-top: -30px;
	padding-top:30px;
}
.qorder-ico-apertura.new {
	background-size: 96%;
}
.qorder-ico-modelo .espesor {
	font-size: 12px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	position: absolute;
	right: 0px;
	top: 4px;
	background-color: #828282;
	padding: 6px;
}
.qorder-ico-apertura.new.on{background:url(img/quickorder/ico_correderas_on.png) no-repeat;background-size:96%}
.qorder-info-serie {display:none;float: right;width: 90px;height: 20px;cursor: pointer;font-size: 11px;background-color: #bec7c2;color: #fff;text-align: center;	padding-top: 3px;}

.qorder-fondo-tiles{position:relative; width:25px; height:25px; background:url(img/ico-tiles.png) no-repeat; cursor:pointer; margin-top:-62px; margin-left:92%; border:1px solid #666}
.qorder-fondo-marmol{position:relative; width:25px; height:25px; background:url(img/ico-marmol.png) no-repeat; cursor:pointer; margin-top:-62px; margin-left:92%; border:1px solid #666}
.qorder-fondo-negro{position:relative; width:25px; height:25px; background-color:#000; cursor:pointer; margin-top:-34px; margin-left:92%; border:1px solid #666}
.qorder-fondo-blanco{position:relative; width:25px; height:25px; background-color:#fff; cursor:pointer; margin-top:-62px; margin-left:92%;border:1px solid #666}
.qorder-reset-cam {position: relative;margin-top: 82px;width: 25px;cursor: pointer;margin-left: 10px;}
.qorder-abre-mampara {position: relative;margin-top: -25px;width: 25px;cursor: pointer;margin-left: 50px;}
.qorder-screenshot{position: relative;margin-top: -25px;width: 25px;cursor: pointer;margin-left: 50px;}
.qorder-fullscreen{position: relative;margin-top: -25px;width: 25px;cursor: pointer;margin-left: 90px;}
.qorder-2d3d{position: relative;margin-top: -28px;width: 25px;cursor: pointer;margin-left: 125px;}
.watermark{position:absolute; top:10px; right:10px; width:30%}
.watermark img{width:100%}

.qorder-menu .disclaimer {
	padding: 15px;
	color: #000;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 4px;
}

.qorder-menu .disclaimer.serie {
	border-left: 2px solid #b2afa9;
	float: left;
}

.qorder-imagen{width:100%;}
.foto-plato{display:none}
.subtitulo-modelos{margin-bottom:10px; margin-top:10px; margin-left:3%; font-size:14px}
.tit-seccion-desktop{display:none}
.qorder-lista-series-mobile{display:none}
.qorder-menu{width:100%; font-size:12px}
.qorder-menu .titulo{display:none;}
.qorder-menu .ico-producto {display:none;}
.qorder-menu  .botonera {border-left:2px solid #b2afa9; margin-top:5px;}
.qorder-boton{padding: 15px; padding-left:36px; margin-left: 10px; cursor:pointer;color: #7e7e7e; background: url(img/quickorder_menu_off.png) 95% 50% no-repeat, #efeeec;border-bottom:1px solid #fff; text-transform:uppercase; font-size:12px}
.qorder-boton span{color:#000; font-weight:700}
.qorder-boton:hover{color: #fff; background: url(img/quickorder_menu_on.png) 2% 50% no-repeat, #afafaf;border-bottom:1px solid #fff;}
.qorder-boton.selected{color: #fff; background: url(img/quickorder_menu_on.png) 2% 50% no-repeat, #afafaf;border-bottom:1px solid #fff;}
.qorder-boton.setvalue{color: #7e7e7e; background: url(img/quickorder_menu_activo.png) 2% 50% no-repeat, url(img/quickorder_menu_activo_flecha.png) 95% 50% no-repeat; border-bottom:1px solid #efeeec;}
.qorder-boton.setvalue:hover{opacity:.5}
.qorder-boton.error{color: #ff0000; background: url(img/quickorder_menu_warning.png) 2% 50% no-repeat, url(img/quickorder_menu_activo_flecha.png) 95% 50% no-repeat, #efeeec; border-bottom:1px solid #efeeec}

.lista-posiciones{padding:10px; display:none}
.lista-posiciones .esquema{float:left; width:55%;}
.lista-posiciones .boton-rotar{float:left; width:40%; margin-top:15px;cursor:pointer}
.lista-posiciones .boton-rotar img{}
.lista-posiciones .boton-rotar input{margin-right:10px}

.qorder-boton-pdf{padding:15px; color:#fff; margin-left:10px; background:url(img/quickorder_ico_pdf.png) 95% 50% no-repeat, #bcb7b2; cursor:pointer;font-size:13px}
.qorder-boton-pdf:hover{color:#bcb7b2; border:2px solid #bcb7b2; padding-top:13px; padding-bottom:13px; background:#fff;}
.qorder-ico-apertura.correderas{background:url(img/quickorder/ico_correderas_off.png) no-repeat; background-size:80%}
.qorder-ico-apertura.correderas.on{background:url(img/quickorder/ico_correderas_on.png) no-repeat;background-size:80%}
.qorder-ico-apertura.plegables{background:url(img/quickorder/ico_plegables_off.png) no-repeat;background-size:80%}
.qorder-ico-apertura.plegables.on{background:url(img/quickorder/ico_plegables_on.png) no-repeat;background-size:80%}
.qorder-ico-apertura.abatibles{background:url(img/quickorder/ico_abatibles_off.png) no-repeat;background-size:80%}
.qorder-ico-apertura.abatibles.on{background:url(img/quickorder/ico_abatibles_on.png) no-repeat;background-size:80%}
.qorder-ico-apertura.fijos{background:url(img/quickorder/ico_fijos_off.png) no-repeat;background-size:80%}
.qorder-ico-apertura.fijos.on{background:url(img/quickorder/ico_fijos_on.png) no-repeat;background-size:80%}
.qorder-item-serie{padding:10px; border-bottom:1px solid #f2f2f2;cursor:pointer}
.qorder-item-serie:hover{color:#bcb7b2}
.qorder-ico-modelo {
	width: 48%;
	float: left;
	margin-right: 2%;
	color: #7e7e7e;
	font-size: 12px;
	cursor: pointer;
	position: relative;
	min-height: 240px;
}
.apertura-titulo{
	text-transform: uppercase;
	color: #000;
	background-color: #eeebe7;
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
	width: 97%;
	margin-bottom: 5px;
}
.qorder-orderby {
	float: right;
	margin-top: 14px;
	margin-right: 10px;
	font-size: 13px;
	margin-bottom: 10px;
}
.qorder-ico-modelo img{border:2px solid #fff}
.qorder-ico-modelo img:hover{border:2px solid #bcb7b2}
.lista-series{display:none; border-bottom:3px solid #8e6a52; width:99.5%;color:#666; font-size:12px}
.icono-opcion-mampara{width:24%; float:left; margin-left:1%; color:#666; font-size:12px; cursor:pointer; text-transform:capitalize}
.icono-opcion-mampara img{border:2px solid #fff}
.icono-opcion-mampara img:hover,img.selected{border:2px solid #bcb7b2}
.icono-opcion-plato{width:20%; float:left; margin-right:5%; color:#666; font-size:28px; cursor:pointer; text-transform:capitalize}
.icono-opcion-plato img{border:2px solid #fff}
.icono-opcion-plato img:hover,img.selected{border:2px solid #bcb7b2}
.ral{padding: 10px;font-size: 50px;margin-top: 10px;border: none;color: #7e7e7e;background-color: #e6e5e3;}
.qorder-lista-opciones{display:none; padding:10px}
.qorder-lista-opciones input[type=checkbox]{}
.qorder-ico-imagik{float:left; width:18%; margin-left:2%; cursor:pointer; margin-bottom:10px}
.qorder-ico-imagik img{border:2px solid #fff}
.qorder-ico-imagik img:hover,img.selected{border:2px solid #bcb7b2}
.imagik-menu{display:none; margin-top:20px; padding:10px; width:95%; height:20px;}
.imagik-menu.colecciones{background:url(img/quickorder/bg_imagik_colecciones.png) no-repeat; height:56px; background-size:cover; margin-top:20px; margin-bottom:20px; line-height:50px}
.imagik-menu.diseños{background:url(img/quickorder/bg_imagik_diseños.png) no-repeat;height:56px; background-size:cover; margin-top:20px; margin-bottom:20px; line-height:50px}
.imagik-menu.colores{background:url(img/quickorder/bg_imagik_colores.png) no-repeat;height:56px; background-size:cover; margin-top:20px; margin-bottom:20px; line-height:50px}
.imagik-menu.area{background:url(img/quickorder/bg_imagik_area.png) no-repeat;height:56px; background-size:cover; margin-top:20px; margin-bottom:20px; line-height:50px}
.imagik-contenido{display:none;}
.ref-cliente{padding:10px;}
.ref-cliente input{border:none; background-color:#f1f0ee; padding:5px; width:75%; margin-left:20px; height:50px;font-size:30px}
.ref-cliente-especial{padding:10px;border:none; background-color:#f1f0ee; padding:5px; width:75%; height:50px;font-size:30px}
.dimensiones-mampara{padding:10px;}
.dimensiones-mampara .esquema{float:left; width:60%;margin: 0 25%;}
.esquema img{}
.dimensiones-mampara .cotas{float:left; width:60%;}
.dimensiones-mampara .cotas input{border:none; padding:10px; margin-left:18px; background-color:#f1f0ee; width:40%; font-size:14px}
.dimensiones-mampara .cotas select{padding:20px; font-size:14px}
.qorder-ico-ap{color:#9c7861; font-size:12px; cursor:pointer; padding:14px; background:url(img/ico-ap.png) no-repeat 2% 50%; background-size:15px; padding-left:33px; margin:10px; border:1px solid #9c7861; width:83%}
.qorder-ico-ap:hover{opacity:.5}
/*-----------------------------------------------------------------------------------*/
.boton-calculo-precio {display: block;margin-top: 8px;padding: 10px;float: none;background: #bcb7b2;color: #fff;cursor: pointer;font-size:14px; text-align:center; margin-bottom:5px}
.resultado-calculo-precio {float: none;	padding: 10px;	background: #5b5855;	color: #fff;	margin-top: 8px;	width: 94%;	display: none; font-size:14px}
}


@media only screen and (min-width: 1000px) {
.muestra-menu-mobile{display:none}
.model-viewer-mampara{display:block;width:100%; height:680px; background-image: linear-gradient(#efeeec, #bcb7b2);}	
/*HEADER*/
.header{background-color:#f1f1f1; width:100%;}
.ico-ap{float:left; color:#828282; font-size:12px; cursor:pointer; padding:10px; background:url(img/ico-ap.png) no-repeat 0% 50%; background-size:15px; padding-left:22px}
.ico-ap:hover{opacity:.5}
.header .menu-idiomas{width:1200px; margin-left:auto; margin-right:auto}
.menu-idiomas .idioma{float:right; margin-right:11px; color:#8f8f8f; font-size:13px; padding:10px; cursor:pointer}
.menu-idiomas .idioma.activo, .idioma:hover{border-bottom:4px solid #f1f1f1;background-color:#fff;}
.zona-logo{width:100%;background-color:#fff; margin:15px 0px 15px 0px}
.zona-logo .panel{width:1200px; margin-left:auto; margin-right:auto}
.zona-logo .logo{float:left}
.zona-logo .titulo{float: left;font-size: 25px;margin-left: 40px;margin-top: 3px;color: #000;letter-spacing: 4px; font-weight:100}
.zona-logo .titulo span{color:#000}
.zona-logo .localiza-distribuidor{float: right;padding: 20px 90px 20px 15px;border: 1px solid #dedede;color: #909090;background: url(img/bg-localizar-distribuidor.png) no-repeat 90% 50%;font-size: 13px;margin-left: 40px;cursor:pointer}
.zona-logo .localiza-distribuidor:hover{opacity:.5}
.zona-logo .localizador{float:right}
.zona-logo .localizador input{padding:20px; border:1px solid #dedede; color:#909090}


.header {position: fixed;padding-top: 8px;width: 100%;z-index: 10;height: auto !important;background: white;top: 0%;}
.top-header {max-width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;border-bottom: 1px solid #000;padding-bottom: 10px;}
.top-header .logo {display: flex;	align-items: center;	padding-left: 15px;}
.top-header .logo a {max-width: 204px;	margin-right: 17px;}
.top-header .logo select {height: 38px;background: #fff;color: black;	width: auto !important;	text-transform: none;width: 100%;padding: 10px;background-color: #fff;border: 1px none #fff;margin-bottom: 10px;}
.top-header-links {	display: flex;	align-items: center;}
.top-header-links ul {	display: flex;	flex-direction: row;	list-style: none;}
.top-header-links ul li:first-of-type {	border-left: none;}
.top-header-links ul li {	padding: 0 12px;	border-right: 1px solid;}
.top-header-links ul li span, .top-header-links ul li a {	text-decoration: none;	color: black;	text-transform: uppercase;	cursor: pointer;	font-size: 13px;}
li.area-profesional a {	color: #8daa9a !important;}
li.blog a {	color: lightslategray !important;}
li.donde-comprar a {	color: #c7b89e !important;}
.top-header-links ul li:last-of-type {border-right: none;}

/*FOOTER*/
.footer{background-color:#fff; width:1200px; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px}
.icos-rrss{text-align:center}


/*CONTENIDO-HOME*/
.banner-movil{display:none}
.contenido-home {
	background: url(img/background-pagina.jpg) no-repeat;
	background-size: cover;
	height: 680px;
	margin-top: 90px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}
.contenido-home .menu-principal{width:1200px; margin-left:auto; margin-right:auto;}
.contenido-home .menu-principal .lista-botones {
	float: right;
	margin-top: 172px;
	margin-right: 30px;
}
.menu-principal .boton-producto{padding: 30px 30px 0px 70px;color:#000;font-weight: 700;font-size: 17px;letter-spacing: 2px;width: 350px;cursor:pointer}
.menu-principal .boton-producto:hover{opacity:.5}
.menu-principal .boton-producto.medida:hover{opacity:1}
.menu-principal .new{font-size:28px; font-weight:700;}
.menu-principal .dvirtual{font-size:28px; font-weight:300; margin-bottom:20px}
.boton-producto.medida {
	border-top: 1px solid #bcb7b2;
	background: url(img/miniico-mamparas.png) no-repeat 0% 100%;
	padding-left: 44px;
	padding-bottom: 10px;
}
.boton-producto.subtipo {
	font-weight: 300;
	padding-left: 90px;
	padding-top: 20px;
}
.boton-producto.standard{}
.boton-producto.platos {
	border-bottom: 1px solid #bcb7b2;
	padding-bottom: 40px;
	border-top: 1px solid #bcb7b2;
	margin-top: 40px;
	background: url(img/miniico-platos.png) no-repeat 0% 45%;
	padding-left: 44px;
}
.boton-producto.konvert{background: url(img/ico-konvert.png) no-repeat 5% 50% , url(img/ico-flechablanca.png) no-repeat 95% 50%, #d3c8c2;}

/* DECORADOR */
.contenido-decorador {max-width: 1200px;min-width: 1000px;margin-top: 82px;margin-left: auto;margin-right: auto;margin-bottom: 100px;}
.contenido-decorador.ap{margin-top:180px;}
.qorder-titulo-mobile{display:none;}
.qorder-ico-producto-mobile{display:none}

.qorder-lista-series-desktop{display:block}
.qorder-lista-series-mobile{display:none}
.subtitulo-modelos{margin-bottom:10px; margin-top:20px}
.ico-serie{float:left; width:25%;position:relative}
.qorder-imagen{float:left; width:58%; margin-right:2%}

.qorder-menu{float:left; width:40%; font-size:13px}
.qorder-menu .titulo{border-left:5px solid #b2afa9;float:left;padding:15px; color:#000; font-size:16px}
.qorder-menu .ico-producto {float:right}
.qorder-menu .disclaimer{padding: 15px;color: #000;font-size: 16px;text-transform: uppercase;letter-spacing: 4px;}
.qorder-menu .disclaimer.serie{	border-left: 5px solid #b2afa9;float: left;}
.qorder-menu .disclaimer.modelo {float: right;font-weight: bold;}
.qorder-menu .disclaimer.stock {float: left;width: 100px;display:none; font-size:10px; letter-spacing:2px}
.qorder-menu  .botonera {border-left:5px solid #b2afa9; margin-top:5px;}

.qorder-buscador{float:left; width:26%; font-size:13px}
.qorder-resultado {float: right;width: 72%;margin-left: 2%;}

.ruta{font-size: 13px;padding: 0px 0px 10px 5px;font-kerning: 38px;	letter-spacing: 2px;color: #333;cursor:pointer}
.ruta span{font-weight:bold}


.qorder-orderby {
	float: right;
	margin-top: -34px;
	margin-right: 10px;
	font-size: 13px;
	margin-bottom: 10px;
}
.qorder-orderby select{border: none;padding: 4px;background: #fff;width: 100px;border-bottom: 1px solid #ccc;}

.qorder-boton-dual {opacity:0.7;padding: 15px 0px 15px 0px;margin-left: 1%;cursor: pointer;color: #fff;background: #aaa8ad;border-bottom: 2px solid #fff;text-transform: uppercase;float: left;width: 49%;text-align: center;font-weight: bold;}
.qorder-boton-dual.selected, .qorder-boton-dual:hover{opacity:1}

.qorder-boton-filtro{padding: 10px 0px 1px 10px; margin-left:1%;color: #333; background:#efeeec; text-transform:capitalize}
.qorder-boton-filtro.titulo{padding-bottom:1px;margin-left:1%;color: #333; background:#efeeec; text-transform:uppercase}
.qorder-boton-filtro .filtroname {font-weight: bold;width: 100%;margin-bottom: 10px;background: url(img/ico-flecha-up.png) no-repeat 96% 50%;cursor: pointer;}
.qorder-boton-filtro .filtroname.flechitaUP {background: url(img/ico-flecha-down.png) no-repeat 96% 50%;}

.qorder-boton-filtro .filtroname-titulo{font-weight:bold; width:96%; padding-bottom:10px; border-bottom:1px solid #000}
.qorder-boton-filtro .filtropcion{float:left; min-width:50%; cursor:pointer; margin-bottom:10px; accent-color: #444;}
.qorder-boton-filtro .bloque-opciones{float:left; width:80%}

.qorder-new-titulo{padding: 15px 15px 15px 0px;color: #7e7e7e;text-transform:uppercase;display:none}
.qorder-new-titulo span{color:#000; font-weight:700}
.qorder-boton{padding: 15px 15px 15px 35px; margin-left: 10px; cursor:pointer;color: #7e7e7e; background: url(img/quickorder_menu_off.png) 95% 50% no-repeat, #efeeec;border-bottom:2px solid #fff; text-transform:uppercase}
.qorder-boton span{color:#000; font-weight:700}
.qorder-boton:hover{color: #fff; background: url(img/quickorder_menu_on.png) 2% 50% no-repeat, #afafaf;border-bottom:2px solid #fff}
.qorder-boton.selected{color: #fff; background: url(img/quickorder_menu_on.png) 2% 50% no-repeat, #afafaf;border-bottom:2px solid #fff}
.qorder-boton.setvalue{color: #7e7e7e; background: url(img/quickorder_menu_activo.png) 2% 50% no-repeat, url(img/quickorder_menu_activo_flecha.png) 95% 50% no-repeat; border-bottom:2px solid #efeeec}
.qorder-boton.setvalue:hover{opacity:.5}
.qorder-boton.error{color: #828282; background: url(img/quickorder_menu_warning.png) 2% 50% no-repeat, url(img/quickorder_menu_activo_flecha.png) 95% 50% no-repeat, #efeeec; border-bottom:2px solid #efeeec}

.lista-posiciones{padding:10px; display:none}
.lista-posiciones .esquema{float:left; width:55%;}
.lista-posiciones .boton-rotar{float:left; width:40%; margin-top:45px;cursor:pointer}

.watermark{position:absolute; top:10px; right:10px; width:20%}
.watermark img{width:100%}

.qorder-boton-pdf{padding:15px; color:#fff; margin-left:10px; background:url(img/quickorder_ico_pdf.png) 95% 50% no-repeat, #bcb7b2; cursor:pointer}
.qorder-boton-pdf:hover{color:#bcb7b2; border:2px solid #bcb7b2; padding-top:13px; padding-bottom:13px; background:#fff;}

.qorder-boton-busca {padding: 15px;color: #fff;background: url(img/quickorder_ico_lupa.png) 95% 50% no-repeat, #bcb7b2;cursor: pointer;margin-bottom: 15px;width: 96%;}
.qorder-boton-busca:hover{color:#bec7c2; border:2px solid #bec7c2; padding-top:13px; padding-bottom:13px; background:#fff;}

.qorder-ico-animado{position: absolute;	left: -8%;cursor: pointer;top: 0%;width: 110%;}

.qorder-ico-apertura {font-size: 14px;color: #fff;padding-top: 188px;cursor: pointer;font-weight: bold;margin-top: 0px;padding-top: 260px;padding-left: 10px;}
.qorder-ico-apertura .num-items {text-align: left;background-color: #bec7c2;width: 95.5%;font-size: 12px;font-weight: normal;padding-left: 10px;margin-left: -10px;	padding-bottom: 10px;}
.qorder-ico-apertura.new{background:url(img/quickorder/ico_correderas_off.png) no-repeat; background-size:96%}
.qorder-ico-apertura.new.on{background:url(img/quickorder/ico_correderas_on.png) no-repeat;background-size:96%}

.qorder-ico-apertura.correderas{background:url(img/quickorder/ico_correderas_off.png) no-repeat; background-size:96%}
.qorder-ico-apertura.correderas.on{background:url(img/quickorder/ico_correderas_on.png) no-repeat;background-size:96%}
.qorder-ico-apertura.plegables{background:url(img/quickorder/ico_correderas_off.png) no-repeat;background-size:96%}
.qorder-ico-apertura.plegables.on{background:url(img/quickorder/ico_correderas_on.png) no-repeat;background-size:96%}
.qorder-ico-apertura.abatibles{background:url(img/quickorder/ico_correderas_off.png) no-repeat;background-size:96%}
.qorder-ico-apertura.abatibles.on{background:url(img/quickorder/ico_correderas_on.png) no-repeat;background-size:96%}
.qorder-ico-apertura.fijos{background:url(img/quickorder/ico_correderas_off.png) no-repeat;background-size:96%}
.qorder-ico-apertura.fijos.on{background:url(img/quickorder/ico_correderas_on.png) no-repeat;background-size:96%}
.qorder-item-serie{padding:10px; border-bottom:1px solid #f2f2f2;cursor:pointer;}
.qorder-item-serie:hover{color:#bcb7b2}
.qorder-info-serie-ico {float: right;width: 20px;height: 20px; background:url(img/qorder-info-serie.png) no-repeat;cursor:pointer; background-size:cover}
.qorder-info-serie {display:none;float: right;width: 90px;height: 20px;cursor: pointer;font-size: 11px;background-color: #bec7c2;color: #fff;text-align: center;	padding-top: 3px;}
.qorder-ico-modelo{width:23%; float:left; margin-right:2%; color:#7e7e7e; font-size:14px; line-height:28px;cursor:pointer;position:relative}
.qorder-ico-modelo .espesor {position: absolute;background-color: #828282;color: #fff;padding: 10px;line-height: normal;text-align: center;right: -1px;margin-top: 2px;	font-size: 12px;}
.qorder-ico-modelo span{font-size: 11px;line-height: normal;color: #333;}
.qorder-ico-modelo img{border:2px solid #fff}
.qorder-ico-modelo img:hover{border:2px solid #bcb7b2}

.lista-series{display:none; border-bottom:3px solid #bec7c2; color:#666; font-size:14px}
.icono-opcion-mampara{width:24%; float:left; margin-left:1%; color:#666; font-size:12px; cursor:pointer; text-transform:capitalize;min-height:144px}
.icono-opcion-mampara.toallero, .icono-opcion-mampara.barra{min-height:0px}
.icono-opcion-mampara img{border:2px solid #fff}
.icono-opcion-mampara img:hover,img.selected{border:2px solid #bcb7b2}
.icono-opcion-plato{width:14%; float:left; margin-left:2.5%; color:#666; font-size:10px; cursor:pointer; text-transform:capitalize; margin-top:10px; text-align:center}
.icono-opcion-plato img{border:2px solid #fff; margin-bottom:5px}
.icono-opcion-plato img:hover,img.selected{border:2px solid #bcb7b2}
.qorder-lista-opciones{display:none; padding:10px}
.qorder-ico-imagik{float:left; width:18%; margin-left:2%; cursor:pointer; margin-bottom:10px; height:110px}
.qorder-ico-imagik img{border:2px solid #fff}
.qorder-ico-imagik img:hover,img.selected{border:2px solid #bcb7b2}
.imagik-menu{display:none; margin-top:20px; padding:10px; width:95%; height:20px;}
.imagik-menu.colecciones{background:url(img/quickorder/bg_imagik_colecciones.png) no-repeat;}
.imagik-menu.diseños{background:url(img/quickorder/bg_imagik_diseños.png) no-repeat;}
.imagik-menu.colores{background:url(img/quickorder/bg_imagik_colores.png) no-repeat;}
.imagik-menu.area{background:url(img/quickorder/bg_imagik_area.png) no-repeat;}
.imagik-contenido{display:none;padding:10px}
.ref-cliente{padding:10px;}
.ref-cliente input{border:none; background-color:#f1f0ee; padding:5px; width:75%; margin-left:20px; height:30px;}
.ref-cliente-especial{padding:10px;border:none; background-color:#f1f0ee; width:75%; }
.dimensiones-mampara{padding:10px;}
.dimensiones-mampara .esquema{float:left; width:60%;margin: 0 25%;}
.dimensiones-mampara .cotas{float:left; width:80%;}
.dimensiones-mampara .cotas input{border:none; padding:2px; height:30px; margin-left:25px; background-color:#f1f0ee; width:50%;}
.dimensiones-mampara .cotas select{border:none; padding:2px; height:30px; margin-left:5px; background-color:#f1f0ee; width:90%; font-size:11px}
.qorder-ico-ap{color:#828282; font-size:12px; cursor:pointer; padding:14px; background:url(img/ico-ap.png) no-repeat 2% 50%; background-size:15px; padding-left:33px; margin:10px; border:1px solid #828282; width:88%}
.qorder-ico-ap:hover{opacity:.5}
.qorder-fondo-tiles{position:relative; width:25px; height:25px; background:url(img/ico-tiles.png) no-repeat; cursor:pointer; margin-top:-65px; margin-left:94%; border:1px solid #666}
.qorder-fondo-marmol{position:relative; width:25px; height:25px; background:url(img/ico-marmol.png) no-repeat; cursor:pointer; margin-top:-100px; margin-left:94%; border:1px solid #666}
.qorder-fondo-negro{position:relative; width:25px; height:25px; background-color:#000; cursor:pointer; margin-top:-75px; margin-left:94%; border:1px solid #666}
.qorder-fondo-blanco{position:relative; width:25px; height:25px; background-color:#fff; cursor:pointer; margin-top:10px; margin-left:94%;border:1px solid #666}
.qorder-reset-cam {position: relative;margin-top: 85px;width: 25px;cursor: pointer;margin-left: 10px;}
.qorder-abre-mampara {position: relative;margin-top: -25px;width: 25px;cursor: pointer;margin-left: 50px;}
.qorder-screenshot{position: relative;margin-top: -25px;width: 25px;cursor: pointer;margin-left: 50px;}
.qorder-fullscreen{position: relative;margin-top: -25px;width: 25px;cursor: pointer;margin-left: 90px;}
.qorder-2d3d{position: relative;margin-top: -28px;width: 25px;cursor: pointer;margin-left: 125px;}
.ico-forma {font-size: 13px;color: #000;float: left;text-align: center;	width: 25%;margin-left: 0px;accent-color: #444;}
.ico-forma.ducha {background: url(img/quickorder/forma-plato.png) no-repeat;background-size: 80px;background-position-x: center;}.
.ico-forma.ducha.on{background:url(img/quickorder/forma-plato-on.png) no-repeat; color:#fff}
.ico-forma.banera {background: url(img/quickorder/forma-banera.png) no-repeat;background-size: 80px;background-position-x: center;}
.ico-forma.banera.on{background:url(img/quickorder/forma-banera-on.png) no-repeat; color:#fff}

.ico-forma img{width:80%;margin-bottom:20px; cursor:pointer}
/*
.ico-forma .paredes {background: url(img/quickorder/entrada-paredes.png) no-repeat;background-size: 80%;background-position-x: center; height:180px}
.ico-forma .esquina{background:url(img/quickorder/entrada-esquina.png) no-repeat;background-size: 80%;background-position-x: center; height:180px}
.ico-forma .frontal{background:url(img/quickorder/entrada-frontal.png) no-repeat; background-size: 80%;background-position-x: center; height:180px}
.ico-forma .angular{background:url(img/quickorder/entrada-angular.png) no-repeat; background-size: 80%;background-position-x: center; height:180px}
.ico-forma .corredera {background: url(img/mamparas/corredera_animada.gif) no-repeat;background-size: 80%;background-position-x: center; height:180px}
.ico-forma .abatible{background:url(img/mamparas/abatible_animada.gif) no-repeat;background-size: 80%;background-position-x: center; height:180px}
.ico-forma .plegable{background:url(img/mamparas/plegable_animada.gif) no-repeat; background-size: 80%;background-position-x: center; height:180px}
.ico-forma .walkin{background:url(img/mamparas/walkin.png) no-repeat; background-size: 80%;background-position-x: center; height:180px}
*/


.apertura-titulo{text-transform: uppercase;color: #000;background-color: #eeebe7;padding: 10px;font-size: 13px;font-weight: bold;width: 97%;margin-bottom: 5px;}

/*QORDER SPACE SOLUTION*/
.space-solution-botonera{margin-bottom:40px; position:relative; z-index:90}
.space-solution-boton{float: left;width: 30%;border: 1px solid #8e6a52; opacity:0.25; cursor:pointer; margin-right:3%}
.space-solution-boton.activo, .space-solution-boton:hover{opacity:1}
.space-solution-boton .numero{float: left;	background: #8e6a52;color: #fff;padding: 8px 20px 8px 20px;	text-align: center; font-weight:700; font-size:30px}
.space-solution-boton .texto{float: left;	color: #8e6a52;	text-align: center;	padding: 14px;	width: 75%;}
.space-solution-minicarro {display:none;	position: relative;	top: 20px;	/*width: 40%;	left: 60%;*/	border-left: 5px solid #999;}
.space-solution-minicarro table{font-size:14px; width:100%; margin-left:10px}
.space-solution-minicarro table .cabecera{color:#ccc}
/*-----------------------------------------------------------------------------------*/

.boton-calculo-precio {display: block;margin-top: 20px;padding: 10px;float: right;background: #bcb7b2;color: #fff;cursor: pointer;}
.resultado-calculo-precio {float: left;	padding: 10px;	background: #5b5855;	color: #fff;	margin-top: 20px;	max-width: 72%; min-width:60%;	display: none;}
}



