/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
b, strong { font-weight:bold }
em { font-style:italic }
a img { border:none }
.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0; border:0; line-height:0; height:0px; overflow:hidden; }
br.clear { margin-top:-15px; }

/* MAIN LAYOUT */
body {
	font: 75%/1.5em Arial, Tahoma, "Helvetica Neue", Helvetica, "Trebuchet MS", Verdana, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;
	color:#FFF;
	min-width:996px;
	background:#111111;
	background-image: -moz-radial-gradient(center 45deg,circle cover, #222222, #111111);
	background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%,800, from(#222222), to(#111111));
}
a { color:#86827E; text-decoration:none; }
a:hover { color:#FFF; }
a.activo { color:#FFF; }
h2 span { font-weight:normal; }
label.label-check { width:450px; }
input.input-check { border:solid 1px #888; width:18px !important; height:18px !important; padding:0 !important; margin-right:10px; float:left; clear:none; }

#imagenfondo { left: 0px; top: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; position: fixed; overflow: hidden; z-index: -9999; background:url(../img/progress.gif) no-repeat 25px 25px; }
#imagenfondo img { position: relative; left: 0px; top: 0px; }


#wrapper { position:relative; min-width:996px; white-space:normal; line-height:1.4em; z-index:100; }
#header { height:80px; margin-top:120px; margin-bottom:10px; overflow:hidden; position:relative; }
#header h1, .wrapper { width:960px; min-width:960px; padding:0 16px 0 20px; margin:auto; margin-left:auto; margin-right:auto; }
#header h1 { padding:15px 0; }
#header h1 a { display:block; width:253px; height:50px; text-indent:-2000px; overflow:hidden; background:transparent url(../img/logo.png) no-repeat top left; *margin-top:-20px; }
#header .bg { background:#DBD8D4; opacity:0.8; filter: alpha(opacity = 80); position:absolute; z-index:-10; left:0; right:0; top:0; bottom:0; width:100%; height:80px; }

#main { margin:15px 0 50px 0; padding:15px 0; position:relative; overflow:hidden; }
#main .wrapper { margin:auto; padding:0; }
#main .bg { display:hidden; background:#111; opacity:0.6; filter:alpha(opacity=60); position:absolute; z-index:-10; left:0; right:0; top:0; bottom:0; width:100%; height:100%; }
#menu { width:280px; margin-right:20px; float:left; font-weight:normal; }
#menu ul li { text-transform:uppercase; }
#menu ul li li li { font-style:italic; }

#menu li.activo a { color:#FFF; }
#menu li.activo li a, #menu li li.activo li a, #menu li li li.activo li a, #menu li li li li.activo li a { color:#86827E; }
#menu li.activo li a:hover, #menu li li.activo li a:hover, #menu li li li.activo li a:hover, #menu li li li li.activo li a:hover { color:#FFF; }
#menu li li.activo a, #menu li li li.activo a, #menu li li li li.activo a { color:#FFF; }
#menu a.activo { color:#FFF; }
#menu ul li ul { padding-left:35px; display:none; }
#menu ul li.activo ul { display:block; }
#menu ul li ul li ul li { text-transform:capitalize; }
.menu-blanco #menu a { color:#FFF; }
#content { width:630px; padding:0 10px 0 20px; float:left; }
#footer { margin-top:100px; background:#DBD8D4; padding:10px; position:fixed; bottom:-5px; left:0; right:0; z-index:9999; }
#footer ul { list-style:none; text-align:center; padding:0; margin:0; }
#footer ul li { list-style:none; display:inline; margin:0; padding:0 25px; line-height:20px; }
#footer ul li ul { display:none; margin:0; }

/* TEXTOS */
#content .content-image { margin-bottom:20px; }
#content .content-text {
	column-count: 2;
	column-gap: 16px;
	-webkit-column-count: 2;
	-webkit-column-gap: 16px;
	-moz-column-count: 2;
	-moz-column-gap: 16px;
	clear:both;
	margin-bottom:15px;
}
#content .content-text p { padding-bottom:5px; }
#content .content-text div { min-height:0px !important; }
#content .content-text .column { margin-right:16px; }
/* TIENDAS */
#content .tiendas-listado {
	background: #FFF;
	padding:20px;
	margin-left:-30px;
	color:#666;
	width:600px;
}
#content .tiendas-listado a {
	color:#666;
	text-decoration:underline;
}
#content .tiendas-listado a:hover {
	color:#000;
}
#content .tiendas-listado h2 {
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:30px;
}
#content .tiendas-listado h3 {
	text-transform:uppercase;
	margin-left:30px;
	margin-bottom:10px;
}
#content .tiendas-listado h3.pais {
	font-weight:bold;
	border-bottom:dotted 2px #666;
}
#content .tiendas-listado ul {
	margin-left:30px;
}
#content .tiendas-listado li {
	margin-bottom:30px;
}
#content .tiendas-listado .content-image {
	border-top: dotted 2px #CCC;
	border-bottom: dotted 2px #CCC;
	padding:7px 0 5px 0;
	margin-bottom:0;
}
#content .tiendas-listado .map-link {
	font-size:0.9em;
	text-transform:uppercase;
	margin-top:5px;
}
#content .tiendas-listado form {
	padding:0 0 40px 40px;
	margin-bottom:15px;
	border-bottom: dotted 2px #CCC;
}
#content .tiendas-listado form p {
	margin-bottom:20px;
}
#content .tiendas-listado form label {
	display:block;
}
#content .tiendas-listado form select {
	width:250px;
	height: 25px;
	border-color: #C9CACB white white #C9CACB;
	padding: 5px;
	outline: medium none;
	border-style: solid;
	border-width: 1px;
	color: #1B3E57;
	background-color: white;
	margin-bottom: 4px;
}

/* COLECCIONES */
.colecciones #main { background:#DDDAD5; color:#888888; }
.colecciones #main .bg { display:hidden; background:#A3A098\9; }
.colecciones #content { background:#FFF; padding:12px; width:638px; margin-left:-10px; margin-bottom:12px; }
.colecciones #content a:hover { color:#888888; text-decoration:underline; }
.colecciones #content.lineas { background:transparent; padding:0; margin-left:-10px; margin-right:-10px; width:650px; }
.colecciones #content.lineas ul li { float:left; margin-right:10px; margin-bottom:7px;  }
.colecciones #content.lineas ul li a. .colecciones #content.lineas ul li a img { float:none; clear:none; }
.colecciones #content h2 { font-weight:bold; padding: 10px 0 0 0; }
.colecciones #content h3 { padding:5px 0 14px 0; }
.colecciones #content p { margin-bottom:5px; }
.colecciones #content .image { width:638px; height:525px; overflow:hidden; margin-bottom:16px; position:relative; }
.colecciones #content .image #img_anterior { background:transparent url(../img/prev.png) no-repeat left center; }
.colecciones #content .image #img_siguiente { background:transparent url(../img/next.png) no-repeat right center; }
.colecciones #content .referencias { clear:both; margin-right:-18px; }
.colecciones #content .referencias .referencia { width:90px; margin-right:19px; float:left; margin-bottom:10px; }
.colecciones #content .descripcion { clear:both; padding-top:30px; padding-bottom:30px; }

.colecciones #content .info, .colecciones #content .notas { border-top: dotted 1px #888888; border-bottom: dotted 1px #888888; padding:10px 0; }
.colecciones #content .notas { border-top:0; }
.colecciones #content .notas { margin-top:-1px;}
.colecciones #content .info h4, .colecciones #content .notas h4 { text-transform:uppercase; margin-bottom:3px; }
.colecciones #content .content { padding:20px 0 15px 0; }
.colecciones #content .desplegable h4 { padding-left:13px; background-repeat:no-repeat; background-position: 0 50%; cursor:pointer; }
.colecciones #content .desplegable-cerrado h4 { background-image:url(../img/flecha-cerrado.png); }
.colecciones #content .desplegable-abierto h4 { background-image:url(../img/flecha-abierto.png); }

.colecciones #content .image .sobre, .colecciones #content .image .sobre .back { position:absolute; width:638px; height:525px; left:0; top:0; z-index:999; cursor:pointer; }
.colecciones #content .image .sobre .back { background:#000 url(../img/progress.gif) no-repeat 50% 50%; opacity:0.5; z-index:-999; }
.colecciones #content .image .sobre img { position:absolute; top:0; left:0; }

.colecciones #content .info .content p { display:block; clear:both; line-height:24px; vertical-align:middle; }
.colecciones #content .info .content p img { vertical-align:middle; }
.colecciones #content .info .content p strong { display:block; width:110px; float:left; text-transform: uppercase; font-weight:normal; }
.colecciones #content .info .content p.uso { margin-bottom:20px; line-height:30px; }
.colecciones #content .info .content span.img-uso { padding:7px 25px 7px 45px; background-repeat:no-repeat; line-height:15px; background-image:url(../img/usos.png); margin:5px; height:15px; }
.colecciones #content .info .content span.img-uso.uso-1, .colecciones #content .info .content span.img-uso.uso-3 { padding-left:33px; }

.colecciones #content #buscar { width:280px; margin:20px 0 10px 50px; }
.colecciones #content #buscar label, .colecciones #content #buscar p.label { margin-bottom:25px; display:block; }
.colecciones #content #buscar input, .colecciones #content #buscar select {
	display:block;
	clear:both;
	width:200px;
	border:solid 1px #888;
	font-family:Arial, Tahoma, "Helvetica Neue", Helvetica, "Trebuchet MS", Verdana, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;
	color:#888888;
	padding:8px;
	background:#FFF;
}

.colecciones #content #buscar .uso input, .colecciones #content #buscar .uso label {
	clear:none;
	display:inline;
	width:auto;
	vertical-align:center;
	margin-bottom:8px;
	border:0;
	float:left;
	margin-bottom:15px\9;
}

.colecciones #content #buscar .color { width:170px; }
form .color input { border:0; }
form .color label {
	display:block;
	width:25px;
	height:25px;
	border:solid 1px #CCC;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	overflow:hidden;
	padding:2px;
	position:relative;
	text-indent:-2000px;
}
form .color label a, form .color label span {
	display:block;
	position:absolute;
	top:2px;
	left:2px;
	width:25px;
	height:25px;
	overflow:hidden;
	text-indent:-2000px;
	cursor:pointer;
}
.colecciones #content #buscar .boton { text-align:right; }
.colecciones #content #buscar .boton input { margin-left:110px; width:90px; cursor:pointer; }
.colecciones #content #buscar .boton input:hover { background:#C0C0C0; color:#FFF; cursor:pointer; }
.colecciones #content #resultados { margin:20px 0 20px 0; padding:20px 0 20px 10px; border-top:dotted 2px #888888; border-bottom:dotted 2px #888888; }
.colecciones #content #resultados #mensaje { padding:50px; background:transparent url(../img/loading.gif) no-repeat left; width:auto; margin-left:100px; }
.colecciones #content #resultados h2 { margin-bottom:15px; }
.colecciones #content #resultados li { display:block; width:90px; border-right:solid 10px #FFF; height:150px; overflow:hidden; float:left; font-size:90%; }
.colecciones #content #resultados li p { width:500px; }

.img-uso {
	display:block;
	width:42px;
	height:29px;
	background:transparent url(../img/usos.png) no-repeat top left;
	float:left;
	margin: -5px 5px -5px 5px;
}
.uso-1 { background-position:0 -160px; }
.uso-2 { background-position:0 0; }
.uso-3 { background-position:0 -80px; }
.inactivo .uso-1 { background-position:0 -200px; }
.inactivo .uso-2 { background-position:0 -40px; }
.inactivo .uso-3 { background-position:0 -120px; }

.colecciones #content .linea-texto {
	float:left;
	width:520px;
	margin-right:10px;
}
.colecciones #content .linea-muestras {
	width:90px;
	float:right;
}
.colecciones #content .linea-muestras {
	margin-bottom:5px;
}


/* COMUNICACION */
.comunicacion #content.apariciones, .comunicacion #content.noticias { background:#FFFFFF; color:#888888; padding:12px; width:638px; margin-left:-10px; margin-bottom:12px; }
.comunicacion #content.apariciones a:hover, .comunicacion #content.noticias a:hover { color:#888888; text-decoration:underline; }
.comunicacion #content h2 { font-weight:bold; margin-bottom:10px; }
.comunicacion #content .aparicion, .comunicacion #content .noticia { padding-bottom:5px; border-bottom:solid 1px #888888; margin-bottom:15px; clear:both; }
.comunicacion #content .aparicion li { height:130px; margin-right:10px; margin-bottom:10px; float:left; }
.comunicacion #content .noticia h2 { font-size:105%; }
.comunicacion #content .noticia .imagen { float:left; width:100px; margin-right:15px; overflow:hidden; }
.comunicacion #content .noticia .textos { float:left; width:520px; }
.comunicacion #content .noticia .textos p { margin-bottom:5px;}
.comunicacion #content .noticia .enlace { text-align:right; text-decoration:underline; }
.comunicacion #content.prensa { color:#86827E; }
.comunicacion #content.prensa a:hover { text-decoration:none; color:#FFF; }
.comunicacion #content.prensa p { padding-bottom:5px; }
.comunicacion #content.prensa p.tab { margin-left:25px; }
.comunicacion #content.catalogo p { color:#86827E; }
.comunicacion #content.catalogo p { margin-bottom:10px; }
.comunicacion #content.catalogo p a { color:#FFF; }
.comunicacion #content.catalogo #catalogo p { margin:0; padding:0; }

#catalogo.catalogo-ajax { display:block; position:relative; width:658px; height:383px; }
#catalogo.catalogo-ajax p { position:absolute; top:0; left:20px; width:638px; height:383px; overflow:hidden; }
#catalogo #catalogo-anterior { width:20px; height:383px; position:absolute; top:0; left:0; background:#44423F url(../img/flechas-catalogo.png) no-repeat top left; cursor:pointer; }
#catalogo #catalogo-siguiente { width:20px; height:383px; position:absolute; top:0; right:0; background:#44423F url(../img/flechas-catalogo.png) no-repeat top right; cursor:pointer; }
#catalogo #catalogo-anterior:hover { background-position:bottom left; }
#catalogo #catalogo-siguiente:hover { background-position:bottom right; }

/* FERIAS */
#carrousel {
	width:625px;
	height:416px;
	overflow:hidden;
	display:block;
	position:relative;
	margin-bottom:20px;
}
#carrousel img {
	visibility:hidden;
	position:absolute;
	top:0;
	left:0;
}
.ferias {
	color:#86827E;
	line-height:1.4em;
}
.ferias h2 a {
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	line-height:1.8em;
}
hr.dotted { background:transparent; border:0; border-bottom:dotted 2px #C7C1B9; height:1px; margin:9px 0 10px 0; }

/* NEWSLETTER */
.newsletter #content { background:#FFFFFF; color:#888888; padding:12px; }
.newsletter #content a { text-decoration:underline; }
.newsletter #content a:hover { color:#888888; text-decoration:underline; }
.newsletter #content h2 { font-weight:bold; margin-bottom:10px; }
.newsletter #content .campos { width:218px; margin:20px 0 10px 40px; }
.newsletter #content .campos label { display:block; margin-bottom:25px; }
.newsletter #content .campos input {
	width:200px;
	clear:both;
	border:solid 1px #888;
	font-family:Arial, Tahoma, "Helvetica Neue", Helvetica, "Trebuchet MS", Verdana, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;
	color:#888888;
	padding:8px;
	background:#FFF;
}
.newsletter #content .campos p { text-align:right; }
.newsletter #content .campos input.boton { width:80px; }
.newsletter #content .campos input.boton:hover { background:#C0C0C0; color:#FFF; cursor:pointer; }
.newsletter #content .campos span { font-size:0.8em; color:#F00; display:none; }
.newsletter #content .campos label.error span { display:block; }
.newsletter #content .campos label.error input { border-color:#F00; }
.newsletter #content .enviar { padding:50px; background:transparent url(../img/loading.gif) no-repeat left; width:auto; margin-left:100px; }
.newsletter #content .mensaje { padding-left:40px; width:250px; }
.newsletter #content .mensaje .enlace { text-align:right; text-decoration:underline; }
.newsletter #content .mensaje .enlace a:hover { font-weight:bold; }

#lavado { margin-left:13px; }
#lavado td { padding:5px 0 8px 0; margin:0; border-bottom: dotted 1px #C7C1B9; border-collapse:collapse; text-align:left; vertical-align:top;  }
#lavado .imagen { width:88px; padding-bottom:0px; }

/* SELECCION-IDIOMA */
.elegir-idioma #header h1 a { margin:0 354px 0 353px; *margin-top:-20px; }
#elegir-idioma a { color:#FFF; }
#elegir-idioma a:hover { text-decoration:underline; }
#elegir-idioma ul { text-align:center; overflow:hidden; }
#elegir-idioma, #elegir-idioma .bg {  }
#elegir-idioma li { display:inline; padding:0 10px; margin-bottom:10px; text-transform:uppercase; }

@-moz-document url-prefix() { .colecciones #content #buscar .uso label { margin-bottom:15px; } }



/* TOP HEAD */
#acceso {
	position:absolute;
	position:fixed;
	top:0px;
	width:987px;
	height:0;
	left:50%;
	margin-left:-498px;
	z-index:1000;
}
.elegir-idioma #acceso { display:none; }
#acceso ul {
	float:right;
}
#acceso ul li { position:relative; padding:5px; float:left; background:#000; background:rgba(0,0,0,0.6); margin:0 1px 0 0; }
#acceso ul li a.menu-acceso { cursor:pointer; }
#acceso ul li div {
	position:absolute;
	top:28px;
	right:-1px;
	background:#000;
	background:rgba(0,0,0,0.6);
	margin:0 1px 0 0; padding:10px;
	width:150px;
	height:70px;
	display:none;
}
#acceso ul li div.busqueda-rapida { width:195px; overflow:hidden; }
#acceso ul li div.busqueda-rapida form { margin-right:-10px; }

#acceso .acceder form p { display:block; position:relative; float:left; width:120px; height:20px; margin-bottom:5px; }
#acceso .acceder form p input.input-text { position:absolute; top:0; left:0; border:solid 1px #888; background:#FFF; height:18px; line-height:20px; width:120px; font-size:12px; }
#acceso .acceder form p label { position:absolute; top:0; left:6px; color:#AAA; line-height:20px; z-index:10; }
#acceso .acceder p.entrar { float:left; width:20px; padding-left:5px; }
#acceso .acceder .input-button { border:solid 1px #888; background:#CCC; color:#888; height:22px; line-height:20px; font-size:12px; }
#acceso .registro .input-button { display:block; clear:both; border:0; background:#888; color:#FFF; width:117px; padding:3px 3px 8px 3px; height:12px; }

ul.paginador { text-align:right; margin-top:10px; }
ul.paginador li { list-style:none; clear:none; display:inline; }
ul.paginador li.activo { border:solid 1px #C7C1B9; padding:3px 7px; background:#C7C1B9; color:#FFF; font-weight:bold; }
ul.paginador li a { border:solid 1px #C7C1B9; padding:3px 7px; }
ul.paginador li a:hover { background:#D0CDC6; color:#555 !important; text-decoration:none !important; }

li.social { vertical-align:top; }
a.social { margin-right:4px; }
a.social img, .fb-like { vertical-align:baseline; }
.social img { padding-bottom:2px; }