/* ETIQUETAS */

body{ font-family:Arial, Helvetica, sans-serif; font-size:0.7em;} 

h2{ padding:5px 10px 5px 0; border-right:2px solid #c2c2c2; width:326px; float:left;}

p{ margin-bottom:1em;}


/* CONTENEDORES */

#web{ width:990px; margin:10px auto 0 auto;}

#menu-principal { width:100%; float:left; border-bottom:1px solid #00a5dd;}

#cabecera{ width:970px; padding:10px; float:left; border-bottom:1px solid #00a5dd;}
#cabecera-logo{ width:149px; float:left; padding-top:20px;}
#imagenes-cabecera{ float:right; width:auto;}

#contenido{ padding:10px; width:970px; float:left;}

#imagenes-representativas{ width:703px; height:190px; float:left; margin-top:10px;}
#carrusel{ float:left; margin-top:17px; margin-left:15px;}

#texto-presentacion{ width:235px; height:178px; float:left; margin-left:10px; padding:5px 10px 5px 10px; border:1px solid #00a5dd;  margin-top:10px;}

#pie{ width:970px; float:left; text-align:center; padding:10px; background:#00A5DD; margin-top:20px;}
#pie-menu{ width:auto; width:350px; margin:0 auto;}
#pie-direccion{ clear:both; width:auto; color:#FFF; padding-top:10px;}

#menu-categorias{ float:left; width:970px; padding:0 0 15px 0; margin:15px 0 15px 0; border-bottom:1px dotted #00A5DD;}

#menu-subcategorias{ float:left; width:auto; margin-left:30px;}

#menu-gamas{width:235px; height:176px; float:left; margin-left:10px; padding:5px 10px 5px 10px; border:1px solid #00a5dd;  margin-top:10px; color:#005ADD;}

#productos{ float:left; width:970px; margin-top:20px;}

#producto{ float:left; width:970px; margin-top:20px;}

/* MODIFICADORES */

.clear_both{ clear:both;}

#menu-principal ul{ margin-left:10px;}
#menu-principal ul li { display:inline;}
#menu-principal ul li a { float:left; background: url(../imgs/menuleft.gif) no-repeat left top; padding:0 0 0 4px; text-decoration:none; color:#5B8FBE;}
#menu-principal ul li a span {float:left; display:block; background:url(../imgs/menuright.gif) no-repeat right top; padding:5px 15px 4px 6px;}
#menu-principal ul li a:hover { color:#000000;}
#menu-principal ul li.menu-promociones a { float:left; background: url(../imgs/menuleft-red.gif) no-repeat left top; padding:0 0 0 4px; text-decoration:none; color:#FFF; font-weight:bold;}
#menu-principal ul li.menu-promociones a span {float:left; display:block; background:url(../imgs/menuright-red.gif) no-repeat right top; padding:5px 15px 4px 6px;}
#menu-principal ul li.menu-promociones a:hover { color:#000000;}

#menu-principal ul#menu-idiomas{ margin-right:10px; float:right; margin-top:2px;}
#menu-principal ul#menu-idiomas li {float:left; margin-left:10px;}
#menu-principal ul#menu-idiomas li a { float:none; background: none; padding:0; text-decoration:none; color:#5B8FBE;}
#menu-principal ul#menu-idiomas li a img{ padding:1px; border:1px solid #FFF;}
#menu-principal ul#menu-idiomas li a:hover img{ color:#000000; padding:1px; border:1px solid #000;}
#menu-principal ul#menu-idiomas li.active img{padding:1px; border:1px solid #000;}

#cabecera-logo h1{ text-align:center; float:left; width:100%; margin-bottom:10px;}
#cabecera-logo #ayuda-remota{ float:left; width:100%; text-align:center; margin-bottom:10px;}
#cabecera-logo #telefono-hqe{ float:left; width:100%; text-align:center; margin-bottom:10px;}

#imagenes-cabecera ul li{ float:left; width:60px; padding:0 5px 0 5px;}

h2 span.titular-h2{ float:left; float:left; margin:3px 0 0 2px;}

#h3-subcategoria h3{ float:left; width:auto; margin-left:2em; font-size:1.2em; color:#0077A0; font-weight:bold; padding-top:.8em;}

#texto-presentacion h3{ font-size:1.1em; font-weight:bold; color:#00a5dd; margin-bottom:.5em;}

#pie-menu li{ float:left; width:auto; padding:2px 10px; border-right:1px solid #FFF;}
#pie-menu li.primera{ padding-left:0;}
#pie-menu li.ultima{ border:0; padding-right:0;}
#pie-menu li a{ color:#FFF; text-decoration:none;}
#pie-menu li a:hover{ text-decoration:underline;}

#pie-direccion a{ color:#FFF; text-decoration:none;}
#pie-direccion a:hover{ text-decoration:underline;}

#menu-categorias ul{ float:left; width:auto;}
#menu-categorias ul li{ float:left; width:auto; padding:0 5px; border-right:1px solid #000; margin-bottom:.5em;}
#menu-categorias ul li.primera{ padding-left:0;}
#menu-categorias ul li.ultima{ padding-right:0; border:0;}
#menu-categorias li a{ color:#000; text-decoration:none; padding:3px;}
#menu-categorias li a:hover{ color:#FFF; background:#00a5dd;}
#menu-categorias li a.activo{ color:#FFF; background:#00a5dd;}

#menu-subcategorias ul{ margin-top:11px; float:left; width:auto;}
#menu-subcategorias ul li{ float:left; width:auto; padding:2px 10px; border-right:1px solid #000;}
#menu-subcategorias ul li.primera{ padding-left:0;}
#menu-subcategorias ul li.ultima{ padding-right:0; border:0;}
#menu-subcategorias li a{ color:#000; text-decoration:none; padding:3px;}
#menu-subcategorias li a:hover{ color:#FFF; background:#00a5dd;}
#menu-subcategorias li a.activo{ color:#FFF; background:#00a5dd;}

#menu-gamas h3.producto{ font-size:1.2em;}
#menu-gamas ul{ padding:5px 0 5px 10px; margin-top:10px; border-left:1px dotted #005add;}
#menu-gamas ul li{ margin-bottom:2px;}
#menu-gamas ul li.ultima{ margin-bottom:0;}
#menu-gamas ul li a{ color:#005add; text-decoration:none;}
#menu-gamas ul li a:hover{ color:#000; font-weight:bold;}
#menu-gamas ul li a.activo{ color:#000; font-weight:bold;}

#productos ul{ float:left; width:100%;}
#productos ul li{ float:left; width:28%; margin-bottom:30px; border:1px solid #00a5dd; padding:10px; margin-right:35px;}
#productos ul li img{ float:left; clear:left; margin-right:15px; padding:0 10px 10px 0; border:1px solid #CCC; border-top:0; border-left:#CCC;}
#productos ul li a{ color:#00a5dd; font-weight:bold; text-decoration:none;}
#productos ul li a:hover{ color:#000;}
#productos ul li p{ margin-bottom:.3em;}
#productos ul li.primera{clear:both;}
#productos ul li.ultima{ margin-right:0;}

#producto #imagen-producto{ float:left; width:130px; border:1px solid #00a5dd; padding:10px; margin-right:50px;}
#producto #imagen-producto img{ padding:0 10px 10px 0; border:1px solid #CCC; border-top:0; border-left:#CCC;}

#producto #referencias-producto{ float:left; width:auto; padding-top:10px;}
#producto #referencias-producto h4{ font-weight:bold; font-size:1.1em; margin-bottom:1em;}
#producto #referencias-producto dl{ float:left; width:500px;}
#producto #referencias-producto dt{ font-weight:bold; clear:both; width:30%; float:left; margin-bottom:.3em;}
#producto #referencias-producto dd{ width:70%; float:left; margin-bottom:.3em;}
#producto #referencias-producto dd strong{ font-weight:bold;}
#producto #referencias-producto a{ color:#000;}
#producto #referencias-producto a:hover{ text-decoration:none;}
#producto #referencias-producto a.pdf{ background:url(../imgs/pdf-icon.jpg) no-repeat 0 0; padding:5px 0 5px 36px; font-size:1.2em; text-decoration:none;}
#producto #referencias-producto a.pdf:hover{ background:url(../imgs/pdf-icon-hover.jpg) no-repeat 0 0;}

#producto #resto-referencias{ clear:both; margin-top:1.5em; float:left; width:100%;}
#producto #resto-referencias a{ font-weight:bold; color:#0077A0; text-decoration:none;}
#producto #resto-referencias a:hover{ color:#000;}

#contacto-datos{ padding:10px 10px 10px 0; border-right:2px solid #c2c2c2; width:326px; float:left; margin-top:25px;  margin-right:4em;}
#contacto-datos h3{ font-size:1.1em; font-weight:bold; margin-bottom:1em;}
#contacto-datos dl{ float:left; width:100%;}
#contacto-datos dl dt{ float:left; width:32%; margin-bottom:.3em; clear:both;}
#contacto-datos dl dd{ float:left; width:63%; margin-bottom:.3em;}
#contacto-datos a{ color:#0077A0; text-decoration:none; font-weight:bold;}
#contacto-datos a:hover{ color:#000;}

#contacto-formulario{ padding: 9px; width:526px; float:left; margin-top:25px; border:1px solid #c2c2c2;}
#contacto-formulario h3{ font-size:1.1em; font-weight:bold; margin-bottom:1em;}
#contacto-formulario dl{ float:left; width:100%;}
#contacto-formulario dl dt{ float:left; width:25%; margin-bottom:.5em; clear:both;}
#contacto-formulario dl dd{ float:left; width:70%; margin-bottom:.5em;}
#contacto-formulario input{ font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000; background:#f0f0f0; border:1px solid #575757; padding:.2em;}
#contacto-formulario textarea{ font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000; background:#f0f0f0; border:1px solid #575757; padding:.2em;}
#contacto-formulario .error-envio{ border:1px solid #F00; background:#FFE5E5; padding:10px; color:#F00; margin-bottom:1em;}
#contacto-formulario .error-envio p{ font-weight:bold;}
#contacto-formulario .error-envio ul{ margin-bottom:1em; margin-left:1.5em;}
#contacto-formulario .error-envio ul li{ margin-bottom:0.3em; font-weight:bold;}

#mapa-web{ float:left; width:100%; margin-top:25px;}
#mapa-web ul li{ margin-bottom:1em; font-weight:bold; background:url(../imgs/flecha_categoria.jpg) no-repeat 0 1px; padding-left:35px; text-transform:uppercase;}
#mapa-web ul li ul{ margin-top:1em;}
#mapa-web ul li ul li{ margin-bottom:.5em; background:url(../imgs/flecha_subcategoria.jpg) no-repeat 0 0; padding-top:8px; padding-bottom:5px; text-transform:none;}
#mapa-web ul li a{ color:#0077A0; text-decoration:none; font-weight:bold;}
#mapa-web ul li a:hover{ color:#000;}
#mapa-web ul li ul li a{ font-weight:normal;}

#enlaces-pdfs{ float:right; width:auto;}
#enlaces-pdfs ul li{ float:left; width:auto; margin-left:10px;}
#enlaces-pdfs ul li a{ color:#0077A0; background:url(../imgs/pdf-icon.jpg) no-repeat center 0; padding-top:30px; float:left; width:auto; text-decoration:none; font-weight:bold;}
#enlaces-pdfs ul li a:hover{ color:#000; background:url(../imgs/pdf-icon-hover.jpg) no-repeat center 0;}

#partners{ float:left; width:100%; margin-top:25px;}
#partners ul li{ float:left; width:290px; margin-right:15px; padding:5px; border:1px solid #c2c2c2; height:150px; margin-bottom:15px;}
#partners ul li.more_height{ height: 175px;}
#partners ul li img{margin-bottom:.5em;}
#partners ul li h3{ margin-bottom:.5em;}
#partners ul li h3 a{ font-size:1.2em; color:#0077A0; text-decoration:none; font-weight:bold;}
#partners ul li h3 a:hover{ color:#000;}
#partners ul li img{ border-bottom:1px solid #0077A0; padding-bottom:.5em;}
#partners ul li img:hover{ border-bottom:1px solid #000;}

p.no-disponible{ color:#00A5DD; font-weight:bold; font-size:1.1em;}

#login-privada{ float:left; width:100%; margin-top:25px;}
#login-privada p.txt_error{ color:#F00; font-weight:bold;}
#login-privada dl{ float:left; width:100%;}
#login-privada dl dt{ float:left; width:15%; clear:both; margin-bottom:.5em;}
#login-privada dl dd{ float:left; width:70%; margin-bottom:.5em;}
#login-privada input{ background:#FFF; color:#000; border:1px solid #000; font-family:Arial, Helvetica, sans-serif; font-size:1em;}

/* PAGINA ERROR 404 */

#mensaje-error-404{ float:left; width:100%; margin-top:25px; color:#0077A0;}
#mensaje-error-404 p.error-404{ padding:10px; background:#0077A0; color:#FFF; font-size:2.5em; font-weight:bold; margin-bottom:.5em;}
.mapa-error{ margin-top:0 !important;}

/* Numeros H2 */
h2 span.numero00{ float:left; background:url(../imgs/numeros/00.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero01{ float:left; background:url(../imgs/numeros/01.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero02{ float:left; background:url(../imgs/numeros/02.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero03{ float:left; background:url(../imgs/numeros/03.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero04{ float:left; background:url(../imgs/numeros/04.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero05{ float:left; background:url(../imgs/numeros/05.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero06{ float:left; background:url(../imgs/numeros/06.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero07{ float:left; background:url(../imgs/numeros/07.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero08{ float:left; background:url(../imgs/numeros/08.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero09{ float:left; background:url(../imgs/numeros/09.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero10{ float:left; background:url(../imgs/numeros/10.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero11{ float:left; background:url(../imgs/numeros/11.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero12{ float:left; background:url(../imgs/numeros/12.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero13{ float:left; background:url(../imgs/numeros/13.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero14{ float:left; background:url(../imgs/numeros/14.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero15{ float:left; background:url(../imgs/numeros/15.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero16{ float:left; background:url(../imgs/numeros/16.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero17{ float:left; background:url(../imgs/numeros/17.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero18{ float:left; background:url(../imgs/numeros/18.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero19{ float:left; background:url(../imgs/numeros/19.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero20{ float:left; background:url(../imgs/numeros/20.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero21{ float:left; background:url(../imgs/numeros/21.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero22{ float:left; background:url(../imgs/numeros/22.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero23{ float:left; background:url(../imgs/numeros/23.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero24{ float:left; background:url(../imgs/numeros/24.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero25{ float:left; background:url(../imgs/numeros/25.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero26{ float:left; background:url(../imgs/numeros/26.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero27{ float:left; background:url(../imgs/numeros/27.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero28{ float:left; background:url(../imgs/numeros/28.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero29{ float:left; background:url(../imgs/numeros/29.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero30{ float:left; background:url(../imgs/numeros/30.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero31{ float:left; background:url(../imgs/numeros/31.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero32{ float:left; background:url(../imgs/numeros/32.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero33{ float:left; background:url(../imgs/numeros/33.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero34{ float:left; background:url(../imgs/numeros/34.jpg) no-repeat left top; width:33px; height:33px;}
h2 span.numero35{ float:left; background:url(../imgs/numeros/35.jpg) no-repeat left top; width:33px; height:33px;}

/* FORMULARIO COLCHONES */
#form_colchones dl{ float:left; width:100%; margin:2em 0;}
#form_colchones dt{ float:left; width:10%; margin-bottom:.5em; clear:both;}
#form_colchones dd{ float:left; width:80%; margin-bottom:.5em;}
#form_colchones a{ color:#000; text-decoration:underline;}
#form_colchones a:hover{ text-decoration:none;}
#form_colchones input{ background:#FFF; color:#000; border:1px solid #000; font-family:Arial, Helvetica, sans-serif; font-size:1em;}

/* CASQUILLOS */
#casquillos{ width:238px; float:left; padding:10px;}
#casquillos .img-casquillo{ width:100%; padding-bottom:10px; float:left; text-align:center;}

/* PROMOCIONES */
.promocion{ float:left; width:670px; padding:10px; border:1px solid #00A5DD; margin-top:20px;}
.promocion h3{ font-size:1.2em; float:left; width:100%; color:#00A5DD; font-weight:bold; margin-bottom:10px;}
.promocion img{ float:left; margin-right: 20px;}
.promocion h4{ font-size:1.1em; margin:0 0 5px 0; color: #00A5DD;}
.promocion h5{ margin:0 0 5px 0;}
.promocion h5 *{ font-size:1.1em;}
.promocion h5 span{ color:#F00; font-weight:bold;}
.promocion ul{ float:left; margin-right:20px; width:500px;}
.promocion ul li{ margin:0 0 5px 0;}
.promocion strong{ color: #00A5DD;}
.promocion p{ margin:0 0 5px 0;}
.promocion a{ color:#00A5DD; text-decoration:underline;}
.promocion a:hover{ text-decoration:none;}

/* NOVEDADES */
.novedades-hqe{ float:left; width:970px; padding:10px 0; margin:15px 0; border-top:1px dotted #00A5DD;}
.novedades-ultima {border-bottom:1px dotted #00A5DD;}
.novedades-hqe p.entrada{ font-style:italic; font-size:1.1em;}
.novedades-hqe h3{ font-size:1.3em; font-weight:bold; color: #00A5DD; margin-bottom:15px;}
.novedades-hqe h4{ font-size:1.2em; font-weight:bold; color:#00A5DD; margin-bottom:.6em;}
.novedades-hqe strong{color:#00A5DD; font-weight:bold;}
.novedades-hqe img{ margin-bottom:1em; padding:2px; background:#fcfcfc; border:1px solid #f1efe3; margin-right:4px;}
.novedades-hqe a{ color:#000;}
.novedades-hqe a:hover{ text-decoration:none;}