@charset "utf-8";
/**********
	BODY
**********/
body{font-size:11px;color:#FFF;background:#fff;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;}
/* ESTILOS COMUNES */
.invisible,.oculto{display:none !important}
.alinea_dcha{text-align:right !important}
.cls{position:relative;top:0;left:0;width:100%;height:1px;font-size:1px;clear:both}
.noborde{border:none !important}
.nomargin{margin:0 !important}
.nomargin-right{margin-right:0 !important}
.nobg{background-image:none !important}

.centrar{display:block;position:relative;top:0;left:0;max-width:996px;margin:0 auto;}
/* CABECERA */
header{position:relative;background:url(../img/cabecera.jpg) top center no-repeat;height:83px;}
header h1 a{display:block;position:relative;top:0;left:0;width:180px;height:37px;background:url(../img/logo.png) top left no-repeat;text-indent:-9999px;margin-top:24px;float:left;margin-left:30px}
header p{display:block;position:absolute;top:0;right:15px;font-size:30px;color:#fff;margin-top:0;float:right;font-family:'Varela Round';height:83px;line-height:102px}
/* MENU */
/* #menu{position:relative;top:0;left:0;background:url(../img/menu-bk.png) center top repeat-x;height:78px;margin-top:-5px} */
#menu nav{padding-left:4px}
#menu nav > ul > li{display:block;position:relative;top:0;left:0;height:78px;float:left;font-size:15px;color:#fff;width:33.3%}
#menu nav > ul > li > a{display:block;padding:29px 40px 29px 20px;color:#fff;opacity:0.3;font-family:'Varela Round';}
#menu nav > ul > li > a:hover{text-decoration:none !important}
#menu nav ul li:hover a{text-decoration:none !important}

#menu nav > ul > li.activo > a:hover{background:url(../img/menu-seleccionado-brillo.png) top left no-repeat, url(../img/menu-seleccionado2.png) top left repeat-x;opacity:1;text-decoration:none}
#menu nav ul li.activo:hover a{background:url(../img/menu-seleccionado-brillo.png) top left no-repeat, url(../img/menu-seleccionado2.png) top left repeat-x;opacity:1;text-decoration:none}
#menu nav > ul > li.select > a{background:url(../img/menu-seleccionado-brillo.png) top left no-repeat, url(../img/menu-seleccionado2.png) top left repeat-x;opacity:1}
#menu nav > ul > li.select > a span.detalle{width:10px;height:6px;background:url(../img/menu-detalle-abierto.png) top left no-repeat;margin-top:36px}
#menu nav ul li ul{display:none;position:absolute;top:74px;background:rgb(8,34,118);z-index:9999;width:100%;}
#menu nav ul li ul li{display:block;height:auto;bacgkround:none;}
#menu nav ul li ul li a{display:block;color:#fff;background:none !important;padding-left:30px;line-height:74px;}
#menu nav ul li ul li:hover{}
#menu nav ul li ul li:hover a{background:url(../img/menu-seleccionado-brillo.png) top left no-repeat !important}
#menu nav ul li:hover ul{display:none;}


#menu nav ul li.uno{max-width:273px}
#menu nav ul li.dos{max-width:310px}
#menu nav ul li.tres{max-width:340px}



#menu nav ul li span.numero{display:block;position:relative;top:0;left:0;width:42px;height:42px;background:url(../img/uno.png) top left no-repeat;text-indent:-9999px;float:left;margin-top:-10px;margin-left:15px;margin-right:15px}
#menu nav ul li span.detalle{display:block;position:absolute;top:0;right:20px;width:6px;height:10px;background:url(../img/menu-detalle.png) top left no-repeat;text-indent:-9999px;float:left;margin-top:34px}


#menu nav ul li.uno span.numero{background:url(../img/uno.png) top left no-repeat;}
#menu nav ul li.dos span.numero{background:url(../img/dos.png) top left no-repeat;}
#menu nav ul li.tres span.numero{background:url(../img/tres.png) top left no-repeat;}



/* CONTENEDOR */
#contenedor{position:relative;top:0;left:0;background:#e0e0e0;padding:30px 0 30px 0;margin-top:-4px}

#contenedor div.centrar{display:block;background:#fff;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
#contenedor div.centrar.simulador{display:block;background:none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
#contenedor div.contenido{position:relative;margin:20px 30px;padding-bottom:15px;padding-top:20px}
#contenedor h2{display:block;font-size:20px;color:#092378;border-bottom:2px solid #092378;margin-bottom:35px;padding-bottom:5px;font-family:'Varela Round'}

#contenedor div.estancia{display:block;position:relative;top:0;left:0;float:left;margin-right:48px;margin-bottom:60px;font-family:'Varela Round';/*-webkit-border-radius: 95px;-moz-border-radius: 95px;border-radius: 95px;border:4px solid #fff;-webkit-box-shadow:0px 0px 15px rgba(50, 50, 50, 0.75);-moz-box-shadow:0px 0px 15px rgba(50, 50, 50, 0.75);box-shadow:0px 0px 15px rgba(50, 50, 50, 0.75);overflow:hidden*/}
#contenedor div.estancia p{display:block;position:absolute;bottom:-35px;color:#666;font-size:17px;margin-top:15px;text-align:center;width:100%;}
#contenedor div.estancia:hover p{color:#092378}


#contenedor div.estancia img{display:block;margin:8px 0 0 8px}

#contenedor div.estancia div.mascara{position:Absolute;top:0;left:0;width:204px;height:204px;background:url(../img/estancia-mask.png) top left no-repeat;Text-indent:-9999px}
#contenedor div.estancia span{display:block;position:Absolute;top:37%;left:37%;width:52px;height:52px;text-indent:-9999px}
#contenedor div.estancia span.bano{background:url(../img/estancia-bano.png) top left no-repeat}
#contenedor div.estancia span.dormitorio{background:url(../img/estancia-dormitorio.png) top left no-repeat}
#contenedor div.estancia span.comedor{background:url(../img/estancia-comedor.png) top left no-repeat}
#contenedor div.estancia span.pasillo{background:url(../img/estancia-pasillo.png) top left no-repeat}
#contenedor div.estancia span.cocina{background:url(../img/estancia-cocina.png) top left no-repeat}
#contenedor div.estancia span.salaestar{background:url(../img/estancia-salaestar.png) top left no-repeat}
#contenedor div.estancia span.estudio{background:url(../img/estancia-estudio.png) top left no-repeat}



#contenedor div.contenido div.bloque-estancias-3{position:relative;top:0;left:0;margin:0 auto;max-width:690px}
#contenedor div.contenido div.bloque-estancias-2{position:relative;top:0;left:0;margin:0 auto;max-width:440px}

#contenedor div.contenido div.cuadrado{position:relative;top:0;left:0;float:left;margin-right:60px;margin-bottom:40px;width:46%;}
#contenedor div.contenido div.cuadrado img{display:block;border:4px solid #fff;-webkit-box-shadow:0px 0px 15px rgba(50, 50, 50, 0.75);-moz-box-shadow:0px 0px 15px rgba(50, 50, 50, 0.75);box-shadow:0px 0px 15px rgba(50, 50, 50, 0.75);width:100%;max-height:auto}
#contenedor div.contenido div.cuadrado p{color:#666;font-size:17px;margin-top:15px;font-family:'Varela Round';}
#contenedor div.contenido div.cuadrado:hover p{color:#092378;}

#contenedor div.contenido div.cuadrado a:hover{text-decoration:none;color:#000}


/* SIMULADOR */
#contenedor div.simulador{position:relative;top:0;left:0;background:#fff;}
#contenedor div.simulador div.imagen{position:relative;width:696px;float:right;background:#FFF;}
#contenedor div.simulador div.imagen canvas#fondo{display:block;position:relative;top:0;left:0;width:100%;}
#contenedor div.simulador div.imagen canvas{display:block;position:absolute;top:0;left:0;width:100%;}
#contenedor div.simulador div.imagen div.bottom{position:relative;top:0;left:0;background:#999;width:100%;padding:5px 0;:hidden}
#contenedor div.simulador div.imagen div.bottom div.sector{position:relative;top:0;left:0;float:left;width:25%;cursor:pointer}
#contenedor div.simulador div.imagen div.bottom div.sector:hover p{text-decoration:underline}
#contenedor div.simulador div.imagen div.bottom div.sector.select p{text-decoration:underline}
#contenedor div.simulador div.imagen div.bottom div.sector.activo p{color:#0e2ca5;text-decoration:none;font-weight:bold}
#contenedor div.simulador div.imagen div.bottom div.sector span.color{display:block;position:relative;top:0;left:0;width:20px;height:20px;border:1px solid #fff;float:left;margin:10px 0 10px 25px}
#contenedor div.simulador div.imagen div.bottom div.sector p{font-size:12px;color:#333;margin-left:58px;margin-top:5px}

#contenedor div.simulador div.imagen span.cargando{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff url(../img/cargando.gif) center center no-repeat;text-indent:-9999px;z-index:9999;opacity:0.6}

#contenedor div.simulador div.selector-colores{position:relative;top:0;left:0;width:240px;float:left;color:#757575;}
/*
#contenedor div.simulador div.selector-colores div.colores{height:324px;overflow:hidden;}*/

#contenedor div.simulador div.selector-colores div.colores{height:350px;overflow:auto;overflow-x:visible;}

#contenedor div.simulador div.colores.suelo{display:none;position:absolute;top:0;left:0;height:auto;background:#333;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;max-width:256px;padding:9px 10px 8px 10px;z-index:999999}
#contenedor div.simulador div.colores.suelo span.color{display:block;position:relative;top:0;left:0;width:39px;height:39px;float:left;margin:0 0 3px 3px;cursor:pointer;border:1px solid #fff}
#contenedor div.simulador div.colores.suelo span.detalle{display:block;position:absolute;bottom:-8px;left:49%;width:20px;height:8px;background:url(../img/detalle-color-suelo.png) top left no-repeat;text-indent:-9999px}

#contenedor div.simulador div.colores.suelo p{display:none;margin-bottom:5px}

#contenedor div.simulador div.selector-colores a.bajar{display:block;position:relative;top:0;right:50px;width:69px;height:69px;background:url(../img/btn_flecha_down.png) top left no-repeat;text-indent:-9999px;float:right;margin-top:10px}
#contenedor div.simulador div.selector-colores a.bajar:hover{background-position:bottom left;}
#contenedor div.simulador div.selector-colores div.bloque-colores{position:relative;top:0;left:0;padding-bottom:80px}

#contenedor div.simulador div.selector-colores a.subir{display:block;position:relative;top:0;left:35px;width:69px;height:69px;background:url(../img/btn_flecha_up.png) top left no-repeat;text-indent:-9999px;float:left;margin-top:10px}
#contenedor div.simulador div.selector-colores a.subir:hover{background-position:bottom left;}

#contenedor div.simulador div.selector-colores h3{font-size:13px;font-family:'Varela Round';margin-bottom:5px}
#contenedor div.simulador div.selector-colores div.select{position:relative;top:0;left:0;margin-bottom:15px}
#contenedor div.simulador div.selector-colores div.select h4{font-size:13px;font-weight:bold;padding-left:10px;height:29px;border:2px solid #c9c9c9;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;line-height:29px;background:url(../img/select-detalle.png) 193px 13px no-repeat;width:210px;cursor:pointer}
#contenedor div.simulador div.selector-colores div.select ul{display:none;position:absolute;top:29px;left:0;width:220px;background:#fff;border:2px solid #c9c9c9;border-top:none;z-index:999}

#contenedor div.simulador div.selector-colores div.select ul li{display:block;position:relative;border-bottom:1px solid #f4f4f4;height:30px;font-size:13px;line-height:30px;padding-left:10px;cursor:pointer}

#contenedor div.simulador div.selector-colores div.select ul li:hover{background:#f3f3f3}

#contenedor div.simulador div.selector-colores div.separador{display:block;position:relative;top:0;left:0;width:220px;border-bottom:1px dotted #ccc;margin-bottom:15px}
#contenedor div.simulador div.selector-colores span.color{display:block;position:relative;top:0;left:0;width:51px;height:51px;float:left;margin:0 0 3px 3px;cursor:pointer}
#contenedor div.simulador div.selector-colores form{margin-top:15px}
#contenedor div.simulador div.selector-colores input[type="text"]{display:block;position:relative;top:0;left:0;font-size:13px;font-weight:bold;padding-left:10px;height:29px;border:2px solid #c9c9c9;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;line-height:29px;width:185px;color:#666;margin-bottom:20px}
#contenedor div.simulador div.selector-colores input[type="submit"]{display:block;position:relative;top:0;left:0;margin:-53px 16px 0 0;border:2px solid #c9c9c9;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;background:#fff url(../img/buscar.png) center center no-repeat;height:33px;width:30px;text-indent:-9999px;float:right;border-left:none;cursor:pointer;}

#contenedor div.simulador div.selector-colores div.colores div.carrusel{position:relative;top:0;left:0;height:auto;overflow:hidden}





#contenedor div.simulador div.botones{position:relative;width:696px;float:right;padding-top:25px}
#contenedor div.simulador div.botones a{display:block;position:relative;top:0;left:0;height:57px;text-align:center;font-size:11px;color:#fff;font-family:'Varela Round';float:left;}
#contenedor div.simulador div.botones a.deshacer{background:url(../img/boton-deshacer.png) top left no-repeat;width:89px;line-height:76px}
#contenedor div.simulador div.botones a.deshacer.desactivo:hover{background-position:top left;cursor:default}
#contenedor div.simulador div.botones a.anterior{background:url(../img/boton-vista-anterior.png) top left no-repeat;width:119px;line-height:76px}
#contenedor div.simulador div.botones a.borrar-todo{background:url(../img/boton-borrar.png) top left no-repeat;width:119px;line-height:76px}
#contenedor div.simulador div.botones a.borrar-todo.desactivo:hover{background-position:top left;cursor:default}
#contenedor div.simulador div.botones a.ampliar{background:url(../img/boton-ampliar.png) top left no-repeat;width:119px;line-height:76px}
#contenedor div.simulador div.botones a.vistaprevia{background:url(../img/boton-vistaprevia.png) top left no-repeat;width:179px;line-height:54px;float:right;font-size:14px;text-indent:35px}
#contenedor div.simulador div.botones a:hover{background-position:bottom left;text-decoration:none}


#contenedor div.simulador-previa h3{position:absolute;top:24px;right:0;font-size:20px;color:#525252;font-family:"Varela Round";margin:0 0 20px 0}

#contenedor div.simulador-previa div.imagen canvas{display:block;position:relative;top:0;left:0;width:100%;}



#contenedor div.simulador-previa div.bottom{padding-top:30px}
#contenedor div.simulador-previa div.bottom div.sector{position:relative;top:0;left:0;width:auto;float:left;margin-bottom:15px;float:left}
#contenedor div.simulador-previa div.bottom div.sector.select p{color:#FFF}
#contenedor div.simulador-previa div.bottom div.sector span.color{display:block;position:relative;top:0;left:0;width:41px;height:41px;border:1px solid #fff;float:left;margin:10px 0 10px 25px}
#contenedor div.simulador-previa div.bottom div.sector p{font-size:16px;color:#272727;margin-left:15px;float:left;margin-top:13px}

#contenedor div.simulador-previa div.botones{position:relative;top:0;left:0;width:100%;height:80px}
#contenedor div.simulador-previa div.botones a{display:block;position:relative;top:0;left:0;height:57px;text-align:center;font-size:11px;color:#fff;font-family:'Varela Round';float:left;}
#contenedor div.simulador-previa div.botones a.boton-enviar{background:url(../img/boton-enviar.png) top left no-repeat;width:109px;line-height:76px}
#contenedor div.simulador-previa div.botones a.boton-imprimir{background:url(../img/boton-imprimir.png) top left no-repeat;width:109px;line-height:76px}
#contenedor div.simulador-previa div.botones a.boton-volver{background:url(../img/boton-volver.png) top left no-repeat;width:109px;line-height:76px;float:right}
#contenedor div.simulador-previa div.botones a:hover{background-position:bottom left;text-decoration:none}





/* FOOTER */
footer{background:url(../img/footer-bk.jpg) center top repeat-y;min-height:84px;overflow:hidden}
footer a.iqnet{display:block;position:relative;top:0;left:0;float:left;width:54px;height:54px;background:url(../img/iqnet.png) top left no-repeat;text-indent:-9999px;margin:17px 0 0 5%}
footer a.aenor{display:block;position:relative;top:0;left:0;float:left;width:37px;height:66px;background:url(../img/aenor.jpg) top left no-repeat;text-indent:-9999px;margin:10px 0 0 2%}
footer p{display:block;position:relative;margin:38px 5% 0 0;float:right; font-size:14px;width:70%;text-align:right}
footer a{color:#fff;}



@media all and (max-width: 1020px) {
	#contenedor div.simulador div.imagen{float:none;clear:both;margin-bottom:30px;width:100%;height:auto}
	#contenedor div.simulador div.imagen canvas{width:100%}
	#contenedor div.simulador div.selector-colores{float:none;width:auto}
	#contenedor div.simulador div.selector-colores h3{margin-bottom:20px;font-size:20px;font-size:14px;margin-top:10px}
	#contenedor div.simulador div.selector-colores div.bloque-gama{position:relative;top:0;left:0;float:left;margin-right:40px}
	#contenedor div.simulador div.selector-colores div.bloque-gama h3{position:relative;top:0;left:0;float:left;margin:0;}
	#contenedor div.simulador div.selector-colores div.bloque-gama div.select{position:relative;top:0;left:0;float:left;margin:-10px 0 10px 15px;}


	#contenedor div.simulador div.selector-colores div.bloque-subgama{position:relative;top:0;left:0;float:left;margin-top:-10px;margin-bottom:-2px}


	#contenedor div.simulador div.selector-colores div.bloque-gama div.separador{display:none}
	#contenedor div.simulador div.selector-colores div.bloque-colores{position:relative;top:0;left:0;float:right;width:63%}
	#contenedor div.simulador div.selector-colores div.colores{width:auto;height:162px}
	#contenedor div.simulador div.selector-colores input[type="text"]{position:absolute;top:-48px;right:26px;left:auto}
	#contenedor div.simulador div.selector-colores input[type="submit"]{position:absolute;top:-48px;right:0;left:auto;margin:0;}
	#contenedor div.simulador div.botones{width:100%;float:lefT;clear:both}
	#contenedor div.simulador div.selector-colores div.bloque-gama{float:left;}
	#contenedor div.simulador div.selector-colores div.bloque-colores{width:100%;float:left;clear:both}
	#contenedor div.simulador div.selector-colores div.bloque-colores a.subir{left:50%;margin-left:-90px}
	#contenedor div.simulador div.selector-colores div.bloque-colores a.bajar{right:50%;margin-right:-90px}

	span.selecciona-capa{right:-20px !important;}
	span.selecciona-color{right:-17px !important;top:-9px !important}
}


/* Portrait */
@media screen and (orientation:portrait) {
    /* Landscape styles */
	/*#contenedor div.simulador div.imagen{float:none;clear:both;margin-bottom:30px}
	#contenedor div.simulador div.selector-colores{float:none;width:auto}
	#contenedor div.simulador div.selector-colores h3{margin-bottom:20px;font-size:20px;font-size:14px;margin-top:10px}
	#contenedor div.simulador div.selector-colores div.bloque-gama{position:relative;top:0;left:0;float:left;margin-right:40px}
	#contenedor div.simulador div.selector-colores div.bloque-gama div.separador{display:none}
	#contenedor div.simulador div.selector-colores div.bloque-colores{position:relative;top:0;left:0;float:right;width:63%}
	#contenedor div.simulador div.selector-colores div.colores{width:auto}
	#contenedor div.simulador div.selector-colores input[type="text"]{position:absolute;top:0;right:26px;left:auto}
	#contenedor div.simulador div.selector-colores input[type="submit"]{position:absolute;top:0;right:0;left:auto;margin:0;}
	#contenedor div.simulador div.botones{width:100%;float:lefT;clear:both}*/
}
/* Landscape */
@media screen and (orientation:landscape) {
}


@media all and (max-width: 799px) {
		#contenedor div.simulador div.selector-colores div.bloque-gama{float:left;}
		#contenedor div.simulador div.selector-colores div.bloque-colores{width:100%;float:left;clear:both}
}




@media all and (max-width: 690px) {
	#menu nav > ul > li{display:block;position:relative;top:0;left:0;height:78px;float:left;font-size:15px;color:#fff;width:100%;max-width:100% !important}
	#menu{height:auto;overflow:hidden;background:#082276;}

	footer p{display:block;position:relative;margin:30px 5% 0 0;float:right; font-size:14px;width:50%;text-align:right;font-size:11px}

	div.bloque-estancias-3{position:static !important;}
	div.bloque-estancias-3 div.cls{display:none}
	div.bloque-estancias-3 div.nomargin-right{margin-right:48px !important;}

	body div.bloque-estancias-3 div.estancia:nth-child(even){margin-right:0px !important;}
	body div.bloque-estancias-2.interior div.estancia:nth-child(odd){margin-right:0px !important;}

	div.bloque-estancias-2.interior{position:static !important;max-width:100% !important;}
}
@media all and (max-width: 775px) {
	header p{font-size:25px;}
}

@media all and (max-width: 600px) {
	header p{font-size:20px;}

}
@media all and (max-width: 520px) {
	header p{font-size:14px;}
}

@media all and (max-width: 580px) {
	#contenedor div.simulador div.selector-colores div.bloque-gama h3{display:none}

		#contenedor div.simulador div.selector-colores div.bloque-gama{margin-bottom:15px}
		#contenedor div.simulador div.selector-colores div.bloque-subgama{margin-left:15px;margin-top:-16px}
		/*#contenedor div.simulador div.selector-colores div.bloque-colores{width:100%;float:left;clear:both}*/
}


@media all and (max-width: 480px) {
	#contenedor div.contenido div.cuadrado{width:100%;}
	header p{display:none}
	#modal{position:fixed;top:5%;bottom:auto;}

	#contenedor div.contenido div.estancia{margin-left:11%}

	#contenedor div.simulador div.sector{width:50% !important}


}


#modal{position:fixed;top:5%;bottom:5%;left:5%;right:5%;/*max-width:1024px;*/max-height:768px;border:5px solid #000;background:#fff url(../img/cargando.gif) center center no-repeat;z-index:9999;overflow:auto}
#modal span.cerrar{display:block;position:fixed;top:7%;right:9%;cursor:pointer;width:25px;height:25px;background:url(../img/cerrar.png) top left no-repeat;text-indent:-9999px}
div#oscurecer{display:block;position: fixed; top: 0px; left: 0px; background-color: rgb(0, 0, 0); width: 100%; margin: 0px; height: 100%; opacity: 0.8; z-index: 999;}

#modal div.contenido{padding:25px;height:93%}
#completo{display:block;margin:0 auto;max-width:100%;max-height:100%;}

canvas.opacidad{-webkit-filter: brightness(30%) !important;filter: url(brillo.svg#brillo30) !important; filter:brightness(30%)}

canvas.opacidad-hover{-webkit-filter: brightness(20%);filter: url(brillo.svg#brillo20);filter:brightness(30%)}


span.selecciona-color{display:none;position:absolute;top:45px;right:-195px;width:209px;height:115px;background:url(../img/globo-ayuda.png) top left no-repeat;text-indent:-9999px;z-index:99999999}


p.globo{display:none;position:absolute;top:0;left:0;width:auto;height:35px;background:url(../img/globo.png) top right no-repeat;font-size:12px;color:#44537d;z-index:9999999999;line-height:24px;padding:0 15px 0 6px}
p.globo span{display:block;position:absolute;top:0;left:0;width:7px;height:35px;background:url(../img/globo-izq.png) top left no-repeat;margin-left:-7px}
p.globo span.referencia{display:none}







span.tactil{display:none;position:absolute;top:0;left:0;background-image: url(../img/tactil.png);text-indent:-9999px;z-index:999999;width:65px;height:65px;}
span.tactil.s1{background-position: 0 0;}
span.tactil.s2{background-position: -65px 0;}
span.tactil.s3{background-position: -130px 0;}
span.tactil.s4{background-position: -195px 0;}
span.tactil.s5{background-position: -260px 0;}
span.tactil.s6{background-position: -325px 0;}
span.tactil.s7{background-position: -390px 0;}
span.tactil.s8{background-position: -455px 0;}
span.tactil.s9{background-position: -520px 0;}
span.tactil.s10{background-position: -585px 0;}
span.tactil.s11{background-position: -650px 0;}
span.tactil.s12{background-position: -715px 0;}
span.tactil.s13{background-position: -780px 0;}
span.tactil.s14{background-position: -845px 0;}
span.tactil.s15{background-position: -910px 0;}
span.tactil.s16{background-position: -975px 0;}
span.tactil.s17{background-position: -1040px 0;}
span.tactil.s18{background-position: -1105px 0;}
span.tactil.s19{background-position: -1170px 0;}
span.tactil.s20{background-position: -1235px 0;}
span.tactil.s21{background-position: -1300px 0;}
span.tactil.s22{background-position: -1365px 0;}

span.color-drag{display:none;position:absolute;top:0;left:0;width:21px;height:21px;border:2px solid #fff;z-index:9999999}

/* Estilos añadidos para hacer visible la advertencia en cualquier tamaño de
pantalla el 22/04/2019 */
#contenedor {
	padding: 30px !important;
}

#advertencia-colores {
	padding: 7em;
	background: linear-gradient(#e0e0e0, #fff);
	color: #404040;
	text-align: center;
}