/*
Theme Name: Lippi
Theme URI: http://www.lippi.cl
Description: Lippi.
Author: Seo2 para Mercado Digital
Author URI: http://mercadod.cl
version: 1.0
Tags: Lippi

/* LIPPI */

img{ border: none;}
a{ outline: none;}

/* Estilos de Texto */
body{color: #fff; font-family: Helvetica, Arial, "Sans Serif"; font-size: 100%}
a{color: #fff;text-decoration:none}
a:hover{text-decoration:underline}
p{font-size:12px}
h1{margin:0 5px; font-size:16px; font-weight:100;  }
h2{margin:0; font-size:12px; font-weight:lighter; color:#999; text-transform:uppercase}

/* Estructura */
body{ background: #000;margin:0}
#contenedor{ width: 955px; margin: auto;}
#cabecera{ width: inherit; height: 120px;}
#sidebar{float:left; width:200px;  background:#000}

/* cabecera */
#logo{float:right; margin: 20px 0 0 0}

/* navegacion */
.navegacion{height: 20px; width:560px;font-family:arial; font-size:12px; padding:5px; background:#333}
.links{float:left; height:20x; line-height:20px }
.navegacion select{border:1px solid #999; background:#666; color:#fff; width:70px; margin:0 5px}
.paginador{float:right;height:20x; line-height:20px}
.navegacion a.paginate{padding: 0 5px;border-left:1px solid #fff;}
.navegacion a.current{padding: 0 5px;color:#666}
.navegacion h1{margin:0 5px; text-transform:uppercase; height:20x; line-height:20px }
 
/* resultado */
#tablas{float:left; width:570px; margin: 0 0 0 20px}
*html #tablas{float:left; width:580px; margin: 0 0 0 20px}
.filtro{float:right;}
#resultado{width:inherit;}
.res_prod{float:left; width:125px; height:170px; overflow: hidden; margin:8px; background:url(img/bg_prod_res.png) center no-repeat; text-align:center;}

.contiene{display: table-cell;text-align: center;vertical-align: middle;width:125px; height:170px;}
.contiene * {vertical-align: middle;}
/*\*//*/
.contiene {
    display: block;
}
.contiene span {
    display: inline-block;
    height: 100%;
}
/**/

.res_prod2{ float:left; width:125px; height:170px;overflow: hidden; margin:8px; background:url(img/bg_prod_res.png) center no-repeat; text-align:center;}

*html .res_prod{padding: 10px 0 0 0;  background:none; border: 2px solid white;margin:6px; }
*html .res_prod2{ height:170px; background:none; border: 1px solid white;margin:6px; }
#catalogo{float:left; margin: 40px 0 0 0}

/* producto */
.producto{background: url(img/prod_bg.png) no-repeat}
*html .producto{background: none}
#foto_principal{float:left; margin:20px 0;width:360px}
#foto{width:300px; margin:auto;}
#datos_prod{float:right; width:200px; padding: 10px 0}
#miniaturas_prod h2{margin: 0 2px;float:left}
.mini_pic{float:left; border: 1px solid #666; margin:2px; padding:5px;height:78px;width:78px; overflow:hidden; text-align:center}
.pics_pag{font-size:10px; height:20px; line-height:20px; text-align:right; border-top:1px solid #666; border-bottom:1px solid #666; margin: 2px 14px 2px 2px}
.pics_pag a{margin: 0 2px; color:#999;}

#vistas_prod{float:right}
#vistas_prod h2{text-align:right}
.vista_pic{float:left; border: 1px solid #999; margin:1px; padding:5px;height:39px;width:39px; overflow:hidden; text-align:center}
.vista_pic img{height: 39px;}
#ficha_prod{border-left:1px solid #666; margin:10px 2px; padding: 0 0 0 5px}
#ficha_prod p{line-height:16px; font-size:11px; color:#ccc }
#relacionados{clear:both}
#rel_pics{margin:10px 0 0 0}
#tecno_prods{margin:20px 0 0 0}
.tecno_img{float:left;margin:5px}

/* tecnologia */
#tecnologia{}
#tecno_graf{float:left; width:500px; min-height:500px; }
#tecno_desc{float:right; width:400px;margin:30px 0 0 0}
#tecno_desc p{margin:30px 0 0 0}
.tecno_destrad p{color:#999}
#tecno_menu{ text-align:center; margin:20px 0}
#tecno_menu img{margin: 0 5px}

/* sidebar */
#lineasprod{min-height:300px}
#sidebar ul.genero{padding: 0;margin: 0;float: left;text-align:center;}
#sidebar ul.genero li{ display: inline; }
#sidebar ul.genero li a{height:24px;line-height:24px;padding: 0.2em 1em;background: #000;float: left;width:68px; color:#fff}
*html #sidebar ul.genero li a{width:64px; }
#sidebar ul.genero li a.current{background: #000 url(img/fondo_genero.jpg) center no-repeat;color:#fff}
*html #sidebar ul.genero li a.current{background: #000 none;color:#fff;border: 2px solid white;}
#sidebar ul.genero li a:hover{text-decoration: none; center no-repeat;color: #666;}

#sidebar ul.lineas{margin-left: 5px;padding-left: 0;list-style-type: none;font-size:12px}
#sidebar ul.lineas a{display: block;padding: 8px;width: inherit;background: url(img/menu_item_bg.png) no-repeat right;border-bottom: 1px solid #eee;color: #EEE;text-decoration: none;}
*html #sidebar ul.lineas a{background: url(img/fondo_menu1.jpg);}
#sidebar ul.lineas li.current a{background: url(img/menu_current_bg.png) no-repeat right;color: #EEE;}
*html #sidebar ul.lineas li.current a{background: url(img/fondo_menu2.jpg);}
#sidebar ul.lineas a:hover,#sidebar ul.lineas li.current a:hover{background: url(img/menu_current_bg.png) no-repeat right #666 ;color: #fff;}
*html #sidebar ul.lineas a:hover{background: url(img/fondo_menu2.jpg);}
*html #sidebar ul.lineas li.current a:hover{background: url(img/fondo_menu2.jpg);}

#sidebar ul.categorias{margin:0 0 10px 20px;padding-left: 0;list-style-type: none;background:#666; font-size:12px}
#sidebar ul.categorias a{display: block;padding: 5px;width: inherit;background:#333;border-bottom: none;color: #EEE;text-decoration: none;}
#sidebar ul.categorias a:hover{background: #666;color: #fff;}

#tecno_list{background:#fff; }
#tecno_list h3{background:#000; font-size:12px; padding:5px; font-weight:normal }
#tecno_list a{color:#000;}
#tecno_list ul{margin-left: 10px;padding-left: 0;list-style-type: none;font-size:12px;padding-bottom:10px;margin-bottom:0}
#tecno_list li{margin: 0 0 5px 0}

/* pie */
#menu_pie{ clear:both;width: 955px; margin: 40px auto; font-size:10px; font-weight: lighter; text-transform: uppercase; height:40px}
.contiene_link{float:left;width:90px; height:40px;border-right:1px solid #333}
.menu_pie_link{ width:85px;margin:10px auto;text-align:center;}

/* estilos adicionales */
.sinborde{ border: none;}
.clear{clear:both}
.hidden { display:none }
.unhidden { display:block }

/* contacto */
#formulario_contacto{width:600px; margin:30px 0 0 200px}
#contacto1{float:left; width:55px; background:#312E2C url(img/fondo_contacto.png) bottom right no-repeat; height:362px}
*html #contacto1{height:382px}
#form{float:left; margin: 0 0 10px 5px; text-transform:uppercase;border:1px solid #312E2C; padding:10px; background: url(img/fondo_contactos.png); height:340px}
#form textarea{ border: 2px solid #333; background:#131313; color:#fff;width:330px; height:100px }
#form input,
#form select{ border: 2px solid #333; background:#131313; color:#fff;width:330px }
#form option:hover{ background:#fff; color:#333; }
#form label{width:100px; float:left;color:#999}
#form .boton{width:100px; background:#333;float:right;}
#form .boton:hover{width:100px; background:#666}
#form #error{font-size:12px;  color: red; background:#eee; height:20px; line-height:20px; text-align:center;}
#form .error{border-color:darkred}

/* wallpapers */
#wallpapers{margin:30px auto; width:780px}
#wallpapers p{text-align:center}
#wallpapers a{margin:0 10px}
.col_wp_1{float:left;margin:0 20px 0 0}
.col_wp_2{float:left;}
#red{height:260px}

/* distribuidores */
#lista_red{clear:both;background:#222; height:30px; line-height:30px; }
#lista_red h2{font-size:12px;margin:0 20px 0 10px; float:left;}
#red h2{font-size:14px;margin:10px 0 0 0}
#red h3{font-size:12px;text-transform:uppercase; font-weight:100; margin:5px 0}
#lista_red h3{margin:5px 10px; font-size:10px}
#red h4{font-size:11px;text-transform:uppercase; margin: 0;font-weight:100;}
#red p{margin: 3px 0 10px; font-size:11px; color:#999}
#chile{float:left; height:270px; width: 750px;  margin:25px 0 0 0}
#SLB-Image h3{ margin:0 10px}
#oficiales ,#regiones ,#santiago ,
#grandestiendas { margin:10px}
#oficiales h3,#regiones h3,#santiago h3,#grandestiendas h3{border-bottom:1px solid;font-size:12px;text-transform:uppercase; font-weight:100; margin:5px 0}
#oficiales h2,#regiones h2,#santiago h2,#grandestiendas h2{font-size:14px;margin:10px 0 0 0}
#oficiales h4,#regiones h4,#santiago h4,#grandestiendas h4{font-size:11px;text-transform:uppercase; margin: 0;font-weight:100;}
#oficiales p,#regiones p,#santiago p,#grandestiendas p{margin: 3px 0 10px; font-size:11px; color:#999}

#pais1,
#pais2,
#pais3,
#pais4,
#pais5,
#pais6{float:left; height:200px; width: 750px;  margin:25px 0 0 0}
.tienda{float:left; width:240px; margin:0 5px 0 0 }


* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

#SLB-Caption{font-size:20px}

#fbilike{background:#111; border:1px solid #666; padding:5px; margin:0 5px 0 0}
#concurso input{height: 86px ; width:182px ; background: url(img/botonconcurso.png) no-repeat; border: none;}
#concurso input:hover{cursor: pointer;}

#menuconcurso{height:20px; font-size:12px; line-height:20px; text-align:center; margin:5px 0 0 0}
#menuconcurso a{display:block; height:20px; background:#F5A738; color:#000;text-decoration:none}
#menuconcurso a:hover{ background:#FFBD58; color:#000;text-decoration:none}