body {
    margin:10px 0 0 0;
    font-size:70%;
    color:#333;
    font-family:Helvetica, Arial, sans-serif;
    text-align:center;
}

h1, h2, h3, h4{
    font-family:"Trebuchet MS" ;
}

h2{
    font-size:2.4em;
}
h3 {
    font-size:1.4em;
}
h4 {
    font-size:1.2em;
}
h5 {
    font-size:1em;
}

p, li {
    font-size:1.1em;
}

a, a:link, a:visited {
    color:rgb(240,104,0);
    text-decoration:none;
}

a:hover, a:active {
    color:#00D;
}

#contenedor {
    position:relative;
    margin: 0 auto;
    text-align:left;
    width:960px;
}

#header {
    position:relative;
    height:110px;
    z-index:999;
}

#header h1 {
    position:absolute;
    left:10px;
    top:10px;
    width:200px;
    height:100px;
    background:url('/img/logo.png') no-repeat left top;
}

#menu {
    position:absolute;
    right:10px;
    top:45px;
    width:620px;
    padding:0;
    margin:0;
    font-size:1em;
}

#principal {
    position:relative;
    min-height:350px;
    padding:20px 0;
    overflow:auto;
    z-index:1;
}

#principal h2 {
    color:rgb(255,130,0);
}

#principal p {
    line-height:160%;
    margin:10px 0;
}

#categorias {
    position:relative;
    margin:10px 0 10px;
    overflow:auto;
}

#categorias h3 {
    background:#ddd;
    color:#333;
    font-size:1.6em;
    margin:0 0 0 0px;
    padding:7px 10px;
}

#catalogo {
    position:relative;
    margin:0 50px 0 70px;
}

#catalogo ul#menu-categorias {
    background-color: #000;
    padding:8px 90px;
    overflow:auto;
    width:660px;
}

#catalogo ul#menu-categorias li {
    position:relative;
    float:left;
    width:100px;
    height:100px;
    margin:0 8px 0 0;
}

#catalogo ul#menu-categorias li a {
    display:block;
    height:100px;
    background-repeat:no-repeat;
    background-position: left top;
    border:#666 solid 1px;
}

#catalogo ul#menu-categorias li a span {
    position:absolute;
    top:30px;
    left:0;
    padding:10px;
    background:#fff;
    color:#000;
    display:none;
    font-size:1.3em;
    font-family: "Gill Sans", "Trebuchet MS";
}

#catalogo ul#menu-categorias li a:hover span {
    display: block;
}

#catalogo ul#menu-categorias li a:hover {
    border:#FFF solid 1px;
}

#catalogo ul#menu-categorias li a.select {
    border:#FFF solid 1px;
}

#catalogo ul#menu-categorias li a.select span {
    display: block;
}

#catalogo ul#menu-categorias li a.pisos {
    background-image: url('/img/menu-catalogo/pisos.jpg');
}

#catalogo ul#menu-categorias li a.muros {
    background-image: url('/img/menu-catalogo/muros.jpg');
}

#catalogo ul#menu-categorias li a.techos {
    background-image: url('/img/menu-catalogo/techos.jpg');
}

#catalogo ul#menu-categorias li a.griferia {
    background-image: url('/img/menu-catalogo/griferia.jpg');
}

#catalogo ul#menu-categorias li a.muebles {
    background-image: url('/img/menu-catalogo/muebles.jpg');
}

#catalogo ul#menu-categorias li a.cielos {
    background-image: url('/img/menu-catalogo/cielos.jpg');
}

ul#menu-sub-categorias {
    position:relative;
    border-right:#ddd solid 1px;
    border-left:#ddd solid 1px;
    margin:0;
    padding:0;
}

ul#menu-sub-categorias li {
    padding:10px;
    border-bottom:#ddd solid 1px;
    margin:0;
    font-size:1.2em;
}

ul#menu-sub-categorias li.expand {
    color:#333;
    cursor:pointer;
    font-weight:bold;
}

ul#menu-sub-categorias li.no-expand {
    color:#444;
}

ul#menu-sub-categorias li.select {
    color:#f60;
}

ul#menu-sub-categorias li.select ul li {
}

ul#menu-sub-categorias li ul.sub {
    margin:5px -10px 0 20px;
    padding:0;
    position:relative;
    list-style-type:decimal;
}

ul#menu-sub-categorias li ul.sub li {
    font-size:1em;
    padding:5px 0;
    margin:5px;
    color:#666;
    border-bottom:none;
}

ul#menu-sub-categorias li ul.sub li.expand {
    color:#444;
    cursor:pointer;
    font-weight:bold;
}

ul#menu-sub-categorias li ul.sub li.no-expand {
    color:#666;
    cursor:text;
    font-weight:normal;
}

ul#menu-sub-categorias li ul.sub li ul.sub2  {
    margin:0 0 0 10px;
    padding:0;
    position:relative;
    list-style-type:lower-alpha;
}

ul#menu-sub-categorias li ul.sub li ul.sub2 li {
    font-size:1em;
    padding:5px 0;
    margin:5px;
    color:#666;
    border-bottom:none;
}

ul#menu-sub-categorias li ul.sub li ul.sub2 li.expand {
    color:#444;
    cursor:pointer;
    font-weight:bold;
}

ul#menu-sub-categorias li ul.sub li ul.sub2 li.no-expand {
    color:#666;
    cursor:text;
    font-weight:normal;
}

#textos {
    float:left;
    margin:0 0 0 70px;
    width: 400px;
}

div.ciudad {
    background:url('/img/fondos/isotipo-gris.png') no-repeat left 10px;
    padding:10px 0 0 65px;
    margin:15px 0;
    min-height:161px;
    border-top:#ddd solid 1px;
}

div.ciudad h4 {
    font-size:1.4em;
    color:#444;
    margin:0 0 5px 0;
}

div.ciudad h5 {
    margin:15px 0 0 0;
    color:#666;
    font-size:1.1em;
}

div.ciudad ul {
    margin:0;
}

div.ciudad li, div.ciudad p {
    line-height:190%;
    color:#777;
}

#marcas {
    position:relative;
    margin:20px 10px 0 10px;
}

div.categoria-marca {
    position:relative;
    text-align:center;
    border-bottom:#ddd solid 1px;
    border-right:#ddd solid 1px;
    padding:5px 10px;
    background-repeat:no-repeat;
}

div.piso {
    background-image:url('/img/fondos/marcas-pisos.png');
    background-position:left -100px;
}

div.muro {
    background-image:url('/img/fondos/marcas-muros.png');
    background-position:left -125px;
}

div.techo {
    background-image:url('/img/fondos/marcas-techos.png');
    background-position:left -120px;
}

div.marcas {
    background-image:url('/img/fondos/marcas-techos.png');
    background-position:left top;
}

div.linea-marcas {
    position:relative;
    margin:10px 0;
}

div.linea-marcas span.marca {
    padding:0 20px;
}

#marcas h4 {
    border:#D23301 solid 1px;
    position:relative;
    padding:10px;
    color:#fff;
    background:#F95603;
}

#info-complementaria {
    float:right;
    width:400px;
    margin:0 60px 0 0;
    min-height:380px;
}

#info-complementaria.empresa {
    background:url('/img/fondos/empresa.jpg') no-repeat left 40px;
}

#info-complementaria.locales {
    border:#ddd solid 1px;
    height:450px;
    margin-top:110px;
}

#info-complementaria.contacto {
    width:220px;
    height:200px;
    margin-top:73px;
    color:#666;
}

#info-complementaria.contacto ul {
    margin:10px 15px;
    list-style-type: square;
}

#info-complementaria.contacto ul li {
    line-height:150%;
}

#info-complementaria h4 {
    margin:10px 0 5px 0;
    color:#F17732;
}

#info-complementaria ul {
    margin:0 0 20px 0;
}

#footer {
    position:relative;
    border-top:rgb(255,155,0) solid 6px;
    padding:30px 20px 0 20px;
    background: #444 url('/img/logo-cchc.png') no-repeat 835px 15px;
    color:#ccc;
    height:90px;
}

#footer h4 {
    color:#fff;

}

#footer ul {
    margin-bottom: 10px;
}

#footer a {
    color:rgb(255,193,0);
}

#footer a:hover {
    color:#ff0;
}

#footer p, #footer li {
    line-height:140%;
}

#sucursales {
    float:left;
    width:500px;
}

div.sucursal {
    float:left;
    margin:0;
    overflow:auto;
}

div.puerto-montt {
    width:270px;
}

div.osorno {
    width:200px;
}

#creditos {
    float:left;
    margin:0;
    width:300px;
    text-align:left;
    color:#888;
    padding:0;
}

#creditos a {
    color:#bbb;
}

#header h1 span {
    display:none;
}

#mensaje{
    position:relative;
    padding:6px 10px 10px 30px;
    font-size:12px;z-index:9;
    margin:10px 0 0 0;
}

#mensaje ul {
    padding:5px 0 0 0;
}

#mensaje ul li {
    margin:0 0 0 15px;
}

#mensaje.error {
    background:#FFC1C9 url('/img/iconos/mensajes/error.png') no-repeat 5px 5px;
    color:#000;
    border:#800 solid 1px;
}

#mensaje.confirmacion {
    background:#A2FFaa url('/img/iconos/mensajes/confirmacion.png') no-repeat 13px 6px;
    color:#000;
    border:#40BF2C solid 1px;
}

#mensaje.advertencia {
    background:#ffffdd url('/img/iconos/mensajes/advertencia.png') no-repeat 13px 6px;
    color:#000;
    border:#ffdd00 solid 1px;
}

form.dividido {position:relative;margin:0;padding:15px;background:#efefef;}
form.dividido dt {margin:10px 0 2px 0;}
form.dividido legend {margin:0 0 10px 0;color:#A3924F;font-size:14px;font-weight:bold;margin:0;padding:0 0 8px 0;}
form.dividido label {color:#666;font-size:12px;padding:0 5px 0 0;}
form.dividido label.required {font-weight:bold;}
form.dividido dd {padding:0;margin:0;}
form.dividido dd input {font-size:1.3em;}
form.dividido input[type=text] {width:230px;}
form.dividido select {font-size:1.3em;width:230px;}
form.dividido textarea {width:95%;height:126px;padding:3px;}
form.dividido ul.errors {position:relative;margin:0;}
form.dividido ul.errors li {color:#f00;}
form.dividido .focus {color:#f80;}
.form-float-left {float:left;width:240px;margin:0 15px 0 0;padding:0 0 20px 0;}
.form-float-buttons {clear:both;margin:0;padding:0;}
.form-float-hidden {display:none;}

#textos-empresa, #textos-politicas {
    position:relative;
    margin:0 0 0 130px;
    width: 700px;
    font-size:1.1em;
}

#textos-empresa h3, #textos-politicas h3 {
    margin:15px 0 10px 0;
}

#textos-empresa p, #textos-politicas p {
    text-align:justify;
}

#firma {
    position:relative;
    margin:30px 0 0 450px;
    padding:200px 0 0 0;
    width:150px;
    background:url('/img/mario-bozzano.jpg') no-repeat left top;
}

#firma p {
    text-align: center;
}

#textos.mapa {
    width:750px;
}

ul.mapa-sitio {
    color:#888;
    margin:10px 10px 10px 15px;
    padding:0;
    list-style-type:square;
}

ul.mapa-sitio li ul {
    list-style-type:circle;
    padding-top:10px;
    margin-bottom:0;
}

ul.mapa-sitio li, ul.mapa-sitio li ul li {
    padding:7px 0;
    font-size:12px;
}

ul.mapa-sitio li a:hover, ul.mapa-sitio li ul li a:hover {
    color:#333;
}

ul.mapa-sitio li ul {
    margin:0 0 0 30px;
}

ul.mapa-sitio li ul li a{
}

#publicaciones {
    margin:40px 5px 10px 5px;
    overflow:auto;
}

#publicaciones h2 {
    color:#f40;
    font-size:24px;
}

#publicaciones h3 {
    color:#444;
    margin:10px 0;
    font-size:18px;
}

#publicaciones p {
    text-align:justify;
}

#publicaciones p.publicacion {
    color:#888;
}

#publicaciones img {
    border:#ccc solid 1px;
    padding:4px;
    margin:0 10px 10px 0;
    background:#fff;
}

#destacados {
    float:right;
    width:280px;
    margin-top:34px;
    background:#efefef;
    margin:0 5px 0 0;
    border:#ccc solid 1px;
    padding:0 0 15px 0;
}

#destacados div {
    padding:0 15px;
}

#producto-destacado {
    border-bottom:#ccc solid 1px;
}

#resumenes-noticias {
    float:left;
    width:640px;
    margin: 0 5px;
}

.resumen {
    position:relative;
    overflow:auto;
    margin:10px 0 10px 0;
    padding:0 10px 10px 0;
    border-bottom:#ccc solid 1px;
}

#publicaciones h4 {
    margin:5px 0 5px 0;
}

#producto-destacado h4 {
    color:#f30;
}

#suscripciones h4 {
    color:#222;
    margin-top:20px;
}

#suscripciones p {
    color:#888;
}

#publicaciones a, #publicaciones button {color:#f40;}
#publicaciones a:hover, #publicaciones button:hover {color:#000;}
#suscripciones a img  {border:none;background-color:#efefef;}

#cchc {
    position:absolute;
    right:25px;
    top:50%;
    margin-top: -75px;
    padding:0;
    width:150px;
    height:150px;
    background:url('/img/logo-cchc.jpg') no-repeat left top;
}