@charset "utf-8";
/*
Master style sheet; Somilar
Output: Screen
Author: Sergionoriega.com
February 2010
--------------------------------------*/

img {
border: none;
}
body {
margin: 0;
padding: 0;
text-align: center;
font: 75% Arial, Helvetica, Verdana, sans-serif;
line-height: 1.66em;
color: #000;
background: #f7f7f7 url(../img/bg.gif) top repeat-x;
}
html>body {font-size: 12px;}
#caja {
width: 970px;
margin: 0 auto;
text-align: left;
}
a {
text-decoration: none;
color: #c50;
}
a:hover {
color: #444;
}
a:visited {
color: #876;
}

/* Typographic
----------------------------------------------------------------------*/
h1 {
clear: left;
float: left;
margin: 24px 0 0 6px;
padding: 0;
width: 143px;
text-indent: -5000px;
}
h1 a {
display: block;
margin: 0;
height: 45px !important;
background: url(../img/logo.gif) no-repeat;
border: none;
outline: none;
}
h2 {
font-size: 2.5em;
font-weight: normal;
margin: 0 0 5px 0;
color: #f60;
}
h3 {
font-size: 1.333em;
font-weight: normal;
margin-bottom: 0;
color: #f60;
}
h4 {
font-size: 1em;
margin: 0;
color: #232;
}
p {
font-size: 1em;
margin: 0 0 1.66em 0;
}
ul {
list-style: none;
margin: 0 0 1.66em 0;
padding: 0;
}

/* 
------------------------*/
#lazo {
width: 970px;
margin: 0 auto;
text-align: left;
}
.skip a, .skip a:hover, .skip a:visited {
position: absolute;
left: 0px;
top: -500px;
width: 1px;
height: 1px;
overflow: hidden;
}
.skip a:active, .skip a:focus {
position: static;
width: auto;
height: auto;
}

/* Navigations
----------------------------------------------------------------------*/
#hilding {
float: right;
margin: 19px 0 0 6px;
padding: 0;
width: 219px;
text-indent: -5000px;
}
#hilding a {
display: block;
margin: 0;
height: 50px !important;
background: url(../img/logo-ha-heading.gif) no-repeat;
border: none;
outline: none;
}

#nav {
width: 100%;
float: left;
height: 47px;
}
#nav ul {
float: left;
}
#nav li {
display: inline;
}
#nav li a {
float: left;
height: 30px !important;
display: block;
margin-right: 5px;
padding: 10px 15px 0 15px;
color: #fff;
background: #e95 url(../img/bg-nav-btn.gif) bottom repeat-x;
border: 1px solid #db7012;
border-top: none;
}
#nav li a:hover {
background: #577;
border-color: #466;
}
#nav li.actual a {
background: #e95 url(../img/bg-nav-btn-act.gif) bottom repeat-x;
border-color: #d60;
}
#nav li.actual a:hover {
cursor: default;
}
#nav-aux {
width: auto;
float: right;
margin: 0;
}
#nav-aux span  {
float: left;
margin: 7px 0 0 5px;
padding: 0;
background: url(../img/bg-navaux-izq.gif) top left no-repeat;
}
#nav-aux span a {
display: block;
margin: 0;
padding: 3px 15px;
color: #fff;
background: url(../img/bg-navaux-der.gif) top right no-repeat;
}
#nav-aux span a:hover {
color: #344;
}
#clientes a {
margin-right: 10px;
}
#nav-aux span.activo a {
color: #344;
cursor: default;
}
.cerrado {
display: none;
visibility: hidden;
}
.abierto {
display: block;
visibility: visible;
}

/* Contents
----------------------------------------------------------------------*/
#logo {
width: 970px;
float: left;
}
#banner-home {
float: left;
margin: 15px 0 0 195px;
width: 290px;
max-height: 78px;
/*border: 1px solid #c8c8cc;*/
}
#banner-home img {
/*float: left;*/
}
#banner-txt {
width: 62px;
height: 58px;
float: right;
font-size: .916em;
padding: 10px 15px;
background: #7b9fa7;
color: #fefefe;
}

#contenidos {
width: 970px;
float: left;
padding-bottom: 10px;
}
#show {
width: 970px;
float: left;
margin-top: 25px;
}
.tit-productos {
font-size: 1.333em;
margin-bottom: .4em;
}
#textos {
width: 645px;
float: left;
margin: 50px 0 0 0;
padding-bottom: 10px;
background: url(../img/bg-textos-bot.gif) bottom left no-repeat;
}
#textos h2 {
width: 645px;
font-size: 1.5em;
padding: 20px 0 20px 15px;
margin: 0;
color: #f60;
font-weight: normal;
background: url(../img/bg-textos-top.gif) top left no-repeat;
}
#textos h3 {
color: #223;
font-size: 1.166em;
font-weight: bold;
}
#textos p, #textos h3, #tarjeta h3, #textos h4, #textos ul {
width: 615px;
margin-left: 15px;
}
#textos em {
font-style: normal;
font-size: 1.133em;
color: #445;
}
#textos li {
padding-left: 20px;
background: url(../img/bullet.gif) 5px .5em no-repeat;

}
#advice #textos h3 {
border-top: 1px solid #ccc;
color: #235;
padding: 1.333em 0 .5em 0;
background: url(../img/ico-home-consejos.gif) 590px 16px no-repeat;
}
#advice .banner h3, #advice .banner-last h3 {
padding-bottom: .75em;
}
#advice #textos h3.colchones {
font-weight: normal;
font-size: 1.333em;
background: url(../img/bullet.gif) left 28px no-repeat;
padding-left: 13px;
border-top: none;
color: #d60;
}
#advice #textos .colchones {
margin: 0 0 1.5em 15px;
}
#zona-clientes {
clear: both;
width: 970px;
padding-bottom: 10px;
float: left;
margin: 50px 0 0 0;
background: url(../img/bg-clientes-bottom.gif) bottom left no-repeat;
}
#zona-clientes h2 {
width: 955px;
display: block;
font-size: 1.5em;
padding: 20px 0 20px 15px;
margin: 0;
color: #f60;
font-weight: normal;
background: url(../img/bg-clientes-top.gif) top left no-repeat;
}
.iclientes {
width: 945px;
height: 500px;
overflow-x: hidden;
overflow-y: scroll;
margin: 0 0 15px 10px;
}
.pie {
font-size: 0.916em;
margin-top: 0;
color: #777;
}
.fotos {
float: left;
margin: 5px 15px 0 15px;
border: 1px solid #ccc;
}
.intro {
font: 1.33em Georgia, serif;
line-height: 1.33em;
margin-top: 10px;
color: #666;
}
#intros {
width: 480px;
float: left;
margin: 0 0 25px 208px;
padding-right: 20px;
}
#intros h3 {
font-size: 1.333em;
color: #445;
}
#aux {
width: 311px;
float: right;
margin: 50px 0 0 0;
}
.banner, .banner-last {
width: 311px;
color: #444;
float: left;
background: url(../img/bg-boxhome-bot.gif) left bottom no-repeat;
}
#area-clientes #show {
float: left;
width: 640px;
}
#area-clientes .banner-last {
float: right;
margin-top: 25px;
}
.banner {
margin-bottom: 15px;
}
.banner h3, .banner-last h3 {
margin: 0;
padding: 20px 0 20px 15px;
color: #445;
background: url(../img/bg-banner-top.gif) left top no-repeat;
}
.banner h4, .banner-last h4 {
margin-top: 10px;
}
.banner p, .banner-last p {
width: 280px;
margin-left: 15px;
margin-top: 5px;
}
.banner-img {
margin: 0 0 5px 15px;
border: 1px solid #ccc;
}
.gps {
font-size: 1.2em;
color: #667;
}
.bullet, .mas {
background: url(../img/bullet-flecha.gif) left .5em no-repeat;
padding-left: 8px;
}
#tarjeta {
width: 610px;
clear: both;
margin: 0 0 1.5em 15px;
background: url(../img/bg-tarjeta.gif) right bottom no-repeat;
color: #222;
}
#tarjeta h3 {
margin-top: 1em;
margin-bottom: .5em;
}
#tarjeta .mail {
padding-left: 23px;
background: url(../img/ico-mail.gif) left center no-repeat;
}
#tels {
width: 610px;
padding: 15px 0 1.5em 0;
border-bottom: 1px solid #dde;
border-top: 1px solid #dde;
margin: 0 0 1.5em 0;
}
.tel {
padding: 0 0 0 25px;
margin-bottom: 1em;
background: #dde url(../img/ico-tel.gif) 3px .2em no-repeat;
}
.fax {
padding-left: 25px;
margin-bottom: 0;
background: #dde url(../img/ico-fax.gif) 3px .2em no-repeat;
}
#tels p {
width: 290px;
}
#tels span {
font-weight: bold;
color: #999;
margin: 0 7px;
}
#textos p.top {
width: 590px;
text-align: right;
padding-right: 20px;
background: url(../img/bullet-top.gif) center right no-repeat;
}
.salida {
padding-right: 20px;
background: url(../img/ico-salida.gif) right .3em no-repeat;
}

/* Catalog
----------------------------------------------------------------------*/
#catalogo, #catalogo-productos {
width: 970px;
min-height: 280px;
float: left;
margin: 25px 0 2em 0;
border-bottom: 1px solid #cec9bc;
}
#catalogo {
background: url(../img/bg-catalogo.gif) left top no-repeat;
}
#colecciones #catalogo {
background: url(../img/bg-catalogo-col.jpg) left top no-repeat;
}
#catalogo-productos {
padding-bottom: 24px;
background: url(../img/bg-catalogo.gif) left top no-repeat;
}
#menu {
width: 205px;
float: left;
}
#menu h3 {
width: 180px;
font-weight: bold;
line-height: 1.333em;
margin: 20px 0 10px 18px;
color: #fff;
}
/* Subnav Somilar
-------------------------------*/
#subnav-som {
margin: 30px 0 0 0;
}
#subnav-amb {
margin: 10px 0 0 0;
}
#subnav-con {
margin: 0 0 20px 0;
}
#subnav-som li, #subnav-amb li, #subnav-con li {
width: 197px;
min-height: 25px;
margin: 0 5px 0 14px;
padding: 0;
line-height: 1em;
background: url(../img/bg-cat-btn.png) left top no-repeat;
}
#subnav-som li a, #subnav-amb li a, #subnav-con li a {
display: block;
padding: 5px 9px 5px 9px;
cursor: pointer;
color: #000;
}
#subnav-som li a:hover, #subnav-amb li a:hover,
#subnav-con li a:hover {
color: #457;
}
#subnav-som li ul, #subnav-amb li ul, #subnav-con li ul {
margin: 10px 0 0 0;
}
#subnav-som li ul li, #subnav-amb li ul li, #subnav-con li ul li {
width: 175px;
line-height: .2em;
font-size: .916em;
min-height: 20px;
background: url(../img/bullet-flecha-cat.png) left 2px no-repeat;
}
#subnav-som li ul li a, #subnav-amb li ul li a,
#subnav-con li ul li a {
background: none;
}
#subnav-som li.sec-actual, #subnav-amb li.sec-actual,
#subnav-con li.sec-actual {
font-weight: bold;
}
#subnav-som li.sec-actual ul li,
#subnav-amb li.sec-actual ul li,
#subnav-con li.sec-actual ul li {
font-weight: normal;
}
#subnav-som li.sec-actual ul li.current,
#subnav-amb li.sec-actual ul li.current,
#subnav-con li.sec-actual ul li.current {
font-weight: bold;
background-image: url(../img/bullet-flecha-cat-activo.png);
}
#subnav-som li a.current, #subnav-amb li a.current, #subnav-con li a.current {
color: #457;
cursor: default;
}
#menu h3.amb {
color: #88847a;
margin-bottom: 0;
}
/* Subnav Amueblamientos
-------------------------------*/
/*.subnav-amb {
position: relative;
margin: 0;
font-size: 11px;
margin: 10px 0 0 18px;
z-index: 1;
}
.subnav-amb .tit a {
font-size: 1.5em;
line-height: 1.333em;
color: #478;
}
.subnav-amb .tit a:hover {
color: #034;
}
.subnav-amb ul li a, .menu ul li a:visited {
display: block;
width:172px;
}
.subnav-amb ul {padding: 0; margin: 0; list-style-type: none; }
.subnav-amb ul li {float:left; margin-right: 1px; position: relative;}
.subnav-amb ul li ul {display: none;}

.subnav-amb ul li:hover a {color: #457;}
.subnav-amb ul li:hover ul {
display: block; 
position: absolute; top: 0;
left: 172px; width: 186px;
background: url(../img/bg-subnav-amb.png) right bottom no-repeat;
padding: 0 2px 2px 0;
}
.subnav-amb ul li:hover ul li a.hide {
background: #ccc; color: #457;
}
.subnav-amb ul li:hover ul li:hover a.hide {width: 172px;}
.subnav-amb ul li:hover ul li ul {display: none;}
.subnav-amb ul li:hover ul li a {
width:172px;
display:block;
background: #e7e1d1 url(../img/bullet-flecha-cat-activo.png) 5px .6em no-repeat;
color:#457;
font-size: 1.2em;
padding: 3px 0 3px 14px;
}
.subnav-amb ul li:hover ul li a:hover {
background: #f8f8f8 url(../img/bullet-flecha-cat-activo.png) 5px .6em no-repeat;
color:#e50;
}
.subnav-amb ul li:hover ul li:hover ul {
display:block;
position:absolute;
left:186px;
top:0;
color:#444;
}
.subnav-amb ul li:hover ul li:hover ul li a {
display:block;
width:172px;
background: #efeae4 url(../img/bullet-flecha-cat-activo.png) 5px .6em no-repeat;
color:#000;
}
.subnav-amb ul li:hover ul li:hover ul li a:hover {
background: #bce url(../img/bullet-flecha-cat-activo.png) 5px .6em no-repeat;
color:#235;
}*/
#muestra {
float: right;
}
#familia #muestra {
width: 745px;
}
#producto #muestra {
width: 720px;
}
#muestra h2 {
font-size: 2em;
margin: 20px 0 0 0;
color: #fff;
}
.tit-familia {
float: left;
font-size: 1.166em;
color: #e60;
margin: 30px 0 .5em 0;
}
#adyacentes {
float: right;
margin: 31px 30px 0 0;
color: #aab;
}
#adyacentes a {
color: #66a;
}
#adyacentes a:hover {
color: #445;
}
#adyacentes a:visited {
color: #998;
}
.previo {
padding: 0 3px 5px 20px;
background: url(../img/bullet-prev.gif) top left no-repeat;
}
.next {
padding: 0 20px 5px 3px;
background: url(../img/bullet-next.gif) top right no-repeat;
}
.referencia, .datos {
margin-left: 1px;
}
.referencia {
font-size: 1.33em;
width: 623px;
float: left;
}
.referencia em {
color: #766;
font-style: normal;
}
.escaparate {
float: left;
margin: 15px 0 25px 0;
border: 1px solid #cacaca;
}
.datos {
width: 340px;
float: left;
color: #333;
margin-bottom: 0;
}
.datos li {
margin-bottom: 8px;
padding-left: 10px;
background: url(../img/bullet-cat.gif) no-repeat left .55em;
}
#simbologia {
width: 334px;
margin-left: 20px;
float: left;
}
#simbologia li {
float: left;
margin: 0 10px 16px 0;
border: 1px solid #bbb;
padding: 0;
line-height: 0;
}
#series{
clear: both;
width: 970px;
margin: 0;
float: left;
}
#series h3 {
float: left;
margin-top: 18px;
}
#series h4 {
clear: both;
font-size: 1.33em;
line-height: 1.33em;
font-weight: normal;
padding: 5px 0 0 0;
margin: 0;
border-bottom: 1px solid #dfdfef;
}
#series h4 a {
color: #667;
cursor: pointer;
clear: both;
display: block;
}
#series h4 a:hover {
color: #000;
}
#series h4.tit-premium, #series h4.tit-plus, #series h4.tit-basic {
width: 713px;
margin-left: 198px;
}
#series-cat {
clear: both;
width: 970px;
float: left;
}
.tit-premium a, .tit-plus a, .tit-basic a {
padding: 15px 0 15px 45px;
}
table.productos {
font-size: 1.166em;
margin-left: 6px;
}
table.productos td {
max-width: 90px;
text-align: center;
background: #fff;
border: 1px solid #bbe;
}
table.productos td p {
margin-bottom: 10px;
}
.novedades {
font-size: 1.66em;
font-weight: normal;
margin: 0 0 15px 15px;
color: #235;
}
#cajetin-1, #cajetin-2, #cajetin-3 {
width: 315px;
float: left;
background: url(../img/bg-boxgen-top.gif) left top no-repeat;
}
#cajetin-1 {
margin-left: 0;
}
#cajetin-2, #cajetin-3 {
margin-left: 10px;
}
#cajetin-1 h3, #cajetin-2 h3, #cajetin-3 h3 {
margin: 20px 0 20px 15px;
color: #235;
}
#cajetin-1 h3 a:hover, #cajetin-2 h3 a:hover, #cajetin-3 h3 a:hover {
color: #778;
}
#cajetin-1 img, #cajetin-2 img, #cajetin-3 img {
clear: left;
margin: 10px 0 0 10px;
}
#cajetin-1 p, #cajetin-2 p, #cajetin-3 p {
margin: 7px 0 0 15px;
width: 280px;
}
#cajetin-1 .ver-mas, #cajetin-2 .ver-mas, #cajetin-3 .ver-mas {
width: 290px;
margin-left: 0;
}

/*Formularios
------------------------------------------------------*/
.formularios {
width: 570px;
padding-left: 20px;
}
.formularios h4 {
margin: 1em 0 0 0;
color: #577;
}
.label {
width: 590px;
font-weight: bold;
color: #444;
display: block;
line-height: 1.5em;
margin-top: .5em;
}
#textos .label em {
font-size: 1.5em;
color: #aaa;
}
.datos-txt, textarea.mensaje {
color: #022;
background-color: #fafafa;
border: 1px solid #ccc;
}
.datos-txt {
width : 320px;
margin: 1px 0 .5em 0;
}
#registrados {
margin: 0 0 0 15px;
}
#aux .label {
margin: 0;
}
#aux .datos-txt {
width: 210px;
}
textarea.mensaje {
width: 395px;
font: 1em Verdana, sans-serif;
height: 150px;
}
.checkbox {
margin: 0 5px 0 0;
vertical-align: middle;
}
.pie {
display: block;
font-size: .95em;
line-height: 1.5em;
color: #244;
margin: .75em 0 1em 0;
}
#aux .pie {
margin: .75em 0 1.5em 15px;
color: #777;
border-top: 1px solid #ccd;
padding-top: .35em;
}
input.bot-enviar {
display: block;
margin: 0 0 2em 0;
}
input.bot-entrar {
display: block;
margin: 1em 0 0 0;
}

/* Home Secs
----------------------------------------------------------------------*/
#home-1, #home-2, #home-3 {
width: 315px;
float: left;
margin-top: 35px;
background: url(../img/bg-boxhome-top.gif) left top no-repeat;
}
#home-2, #home-3 {
margin-left: 10px;
}
#home-1 h2, #home-2 h2, #home-3 h2 {
width: 283px;
font-size: 1.333em;
padding: 20px 0 15px 0;
margin: 0 0 0 15px;
border-bottom: 1px solid #d3dddf;
}
#home-1 h2 {
background: url(../img/ico-home-cat.gif) right 30% no-repeat;
}
#home-2 h2 {
background: url(../img/ico-home-consejos.gif) right 30% no-repeat;
}
#home-3 h2 {
background: url(../img/ico-home-clientes.gif) right 30% no-repeat;
}
#home-1 h2 a, #home-2 h2 a, #home-3 h2 a {
font: bold 1em Arial, Helvetica, sans-serif;
color: #235;
}
#home-1 h2 a:hover, #home-2 h2 a:hover, #home-3 h2 a:hover {
color: #778;
}
#home-1 p, #home-2 p, #home-3 p {
margin: 7px 0 0 15px;
width: 280px;
}
.ver-mas {
width: 300px;
display: block;
margin: 0;
padding: 10px 10px 15px 15px;
background: url(../img/bg-boxhome-bot.gif) left bottom no-repeat;
}
.ver-mas a {
width: 285px;
display: block;
background: url(../img/bg-ver-mas.gif) center left no-repeat;
padding: 8px 0 8px 15px;
color: #fff;
}
.ver-mas a:hover {
color: #fca;
}

/* Footer
----------------------------------------------------------------------*/
#footer {
clear: both;
float: left;
width: 916px;
font-size: .916em;
margin: 20px 0;
padding-left: 10px;
color: #887;
}
#footer a {
color: #554;
}
#footer a:hover {
color: #f60;
}

/* Popups
----------------------------------------------------------------------*/
#popup {
width: 400px;
text-align: left;
}
#popup #tarjeta {
width: 375px;
text-align: left;
padding-top: 25px;
padding-bottom: 25px;
}
#popup .formularios {
width: 360px;
}
#popup .formularios .label {
width: 360px;
}
#popup #tarjeta p {
margin-left: 15px;
}
#cerrar {
float: right;
width: auto;
margin-top: 10px;
}
#cerrar a {
color: #fff;
}
#cerrar a:hover {
color: #000;
}
#popup select {
width: 150px;
}