/* -----------------------------------------------------------------------
 
  LEMBRAR:  Margem, Border e Padding ADICIONAM as medidas de um div 

  >>>>>>>>   (copie e cole a imagem no notepad) <<<<<<<<<

  ---------------------------------------------------- #labboshop
  |                        778                       | #topo_...
  |--------------------------------------------------| #corpo
  ||----------||-------------------------||---------||
  ||   172    ||          434            ||   172   || #lateral esquerda (L)/
  ||          ||                         ||         || #conteudo (C)/
  ||    L     ||          C/C2           ||    D    || #lateral direita (D)
  |||--------||||-----------------------||||-------||| .menu_esquerdo (L2)/
  |||   L2   ||||                       ||||   D2  ||| .div_interno_container/
  |||--------||||-----------------------||||-------||| .menu_direito (D2) /
  ||----------||-------------------------||----------| .menu_lateral_conteudo (M)
  |--------------------------------------------------|
  |                       778                        | #rodape
  |--------------------------------------------------|
  
  L : 172 = 172 width 0 margin 0 padding
  D : 172 = 172 width 0 margin 0 padding
  C : 434 = 424 width 5 padding left 5 padding right
  C2: 606 = 601 width 5 padding left 
  L2: 172 = 172 width 0 margin 0 padding
  D2: 172 = 172 width 0 margin 0 padding
  M : 172 = 167 width 5 margin left 0 padding
  
  IMPORTANTE: O I.E. faz um padding automatico em todo lugar, por isso
    o layout quebra (conteudo desce). Para corrigir, reduza o PADDING e
    se não resolver, reduza o WIDTH do conteudo (C ou C2)
  
----------------------------------------------------------------------- */
#labboshop {
 width:100%;
 border:0px;
 padding:0px;
 margin:0px auto;
 text-align:center;
}
#topo_marquee {
 background-color:#ffffff;
 color:#666666;
 width:100%;
 height:20px;
 font-weight:bold;
 border:1px solid #666666;
 background-image:url('images/menus.jpg');
 margin-bottom:5px;
 overflow:hidden;
}
#topo_marquee1 {
 background-color:#ffffff;
 color:#666666;
 width:50%;
 height:20px;
 font-weight:bold;
 border:1px solid #666666;
 background-image:url('images/menus.jpg');
 margin-bottom:5px;
}
BODY {
 /*background-image:url('images/fundot.gif');*/
 text-align:center;
 background-position:center;
 margin:0px auto;
 font-family:Arial;
 font-size:11px;
 color:#333333;
}
TABLE {
 border:0px;
 font-family:Arial;
 font-size:11px;
}
ul {
 list-style-type:none;
 margin:0px;
 padding:0px;
}
li {
 list-style-type:none;
 padding:3px 0px 3px 0px;
}
A {
 font-family:Arial;
 color:#333333;
 font-size:11px;
 text-decoration:none;
}
A:hover {
 font-family:Arial;
 color:#ea1d00;
 font-size:11px;
 text-decoration:none;
}
INPUT {
 font-size:10px;
 color:#333333;
 font-family:Arial;
}
SELECT {
 border:#bababa 1px solid;
 font-size:10px;
 color:#333333;
 font-family:Arial;
}
.input_textarea {
 width:550px;
}
/* ################################## ---- TOPO / CABEÇALHO ---- ################################## */
#topo_geral {
 width:100%;
}
#topo_esquerda {
 width:100%;
 border:0px;
 height:206px;
}
#topo_direita {
 display:none;
}
/* ################################### ---- URL / PESQUISA ---- ################################## */
#topo_linha_dados {
 width:100%;
 text-align:left;
 background-color:#ea1d00;
 padding:4px 0px 4px 0px;
 border-top:1px solid #FFFFFF;
 height:18px;
}
#topo_linha_dados_url {
 float:left;
 color:#ffffff;
 font-weight:bold;
 font-family:Arial;
 width:25%;
}
#topo_linha_dados_pesquisa {
 text-align:right;
 float:right;
 left:200px;
 height:18px;
 color:#ffffff;
 margin-right:5px;
}
#topo_linha_dados_pesquisa_input {
 border:1px solid #ffffff;
 background-color:#FFFFFF;
}
#topo_linha_dados_pesquisa_select {
 border:1px solid #ffffff;
 background-color:#FFFFFF;
}
#topo_linha_dados_pesquisa_submit {
 border:1px solid #ffffff;
 background-color:#FFFFFF;
 width:20px;
}
/* ################################### ---- CORPO ---- ################################## */
#corpo {
 width:100%;
 /* IE pra variar não reconhece min-width, e soma os paddings à largura total */
 width: expression( document.body.clientWidth < 1100 ? "1100px" : "auto" );
 min-width:900px;
 border:0px;
 padding:0px;
 margin:0px auto;
 text-align:left;
 background-color:#FFFFFF;
}
/* ############################ ---- LATERAIS / MENUS ---- ################################## */
#lateral_esquerda {
 float:left;
 width:172px;
 margin:5px 0 5px 0px;
 padding:0;
 text-align:left;
 clear:none;
 overflow:hidden;
}
#lateral_direita {
 float:right;
 width:155px;
 margin:5px 0px 0px 0px;
 padding:0px;
 text-align:left;
 clear:none;
 overflow:hidden;
}
.menu_esquerdo {
 width:172px;
 margin:0px 0px 10px 0px;
 background-color:#f5f5f5;
}
.menu_direito {
 width:172px;
 margin:0px 0px 10px 0px;
 background-color:#f5f5f5;
}
#topo_menu_principal {
 FONT-SIZE:12px;
BACKGROUND-COLOR: #ea1d00;
HEIGHT:22px;
FONT-FAMILY: Trebuchet MS,Times New Roman, Arial;
color:#FFFFFF;
font-weight:bold;
text-align:center;
 padding-top:5px;
 text-transform:uppercase;
 }
#lateral_site_seguro {
 background-color:#ffffff;
}
#topo_menu_news {
 font-family:Arial;
 color:#000000;
 font-size:11px;
 text-decoration:none;
 font-weight:bold;
 background-image:url('images/fundomenus.jpg');
 background-repeat:repeat;
}
#topo_menu_info {
 font-family:Arial;
 color:#000000;
 font-size:11px;
 text-decoration:none;
 font-weight:bold;
 background-image:url('images/fundomenus.jpg');
 background-repeat:repeat;
}
#topo_menu_marcas {
 font-family:Arial;
 color:#000000;
 font-size:11px;
 text-decoration:none;
 font-weight:bold;
 background-image:url('images/fundomenus.jpg');
 background-repeat:repeat;
}
#topo_menu_departamentos {
 font-family:Arial;
 color:#000000;
 font-size:11px;
 text-decoration:none;
 font-weight:bold;
 background-image:url('images/fundomenus.jpg');
 background-repeat:repeat;
}
#topo_menu_vendidos {
 font-family:Arial;
 color:#000000;
 font-size:11px;
 text-decoration:none;
 font-weight:bold;
 background-image:url('images/fundomenus.jpg');
 background-repeat:repeat;
 height:21px;
 text-align:bottom;
}
#topo_menu_parceiros {
 font-family:Arial;
 color:#000000;
 font-size:11px;
 text-decoration:none;
 font-weight:bold;
 background-image:url('images/fundomenus.jpg');
 background-repeat:repeat;
}
#topo_menu_fornecedores {
 font-family:Arial;
 color:#000000;
 font-size:11px;
 text-decoration:none;
 font-weight:bold;
 background-image:url('images/fundomenus.jpg');
 background-repeat:repeat;
}
#topo_menu_identificacao {
 font-family:Arial;
 color:#000000;
 font-size:11px;
 text-decoration:none;
 font-weight:bold;
 background-image:url('images/fundomenus.jpg');
 background-repeat:repeat;
}
.menu_lateral_conteudo {
 width:172px;
 padding:10px 0px 10px 5px;
}
.textoEsqueciSenha {
 font-size:9px;
 font-family:Arial;
 color:#666666;
 font-weight:normal;
 text-align:CENTER;
}
.textoEsqueciSenha:hover {
 font-size:9px;
 font-family:Arial;
 color:#333333;
 font-weight:normal;
 text-align:CENTER;
}
.menulink {
 font-family:Arial;
 color:#333333;
 font-size:11px;
 text-decoration:none;
}
.menulink:hover {
 font-family:Arial;
 color:#F33D00;
 font-size:11px;
 text-decoration:none;
}
.td_departamentos {
 padding:3px 0px 3px 0px;
}
.textoMenuNivel2 {
 font-size:11px;
 font-family:Arial;
 color:#666666;
 font-weight:normal;
}
.textoMenuNivel2:hover {
 font-size:11px;
 font-family:Arial;
 color:#F33D00;
 font-weight:normal;
}
/* ################################ ---- CONTEUDO PADRAO ---- ################################ */
#conteudo {
 top:0px;
 /*width:600px;*/
 width:84%;
 border:0px;
 padding:5px 30px 5px 30px;
 margin:0px 0px 0px 162px;
 clear:none;
 min-height:650px;
 text-align:center;
}
#conteudo_combarra {
 top:0px;
 /*width:424px;*/
 width:70%;
 border:0px;
 text-align:center;
 padding:5px 0px 5px 0px;
 /*margin:0px 0px 0px 172px;*/
 margin: 0px auto;
 clear:none;
 min-height:650px;
}
.div_interno_container {
 margin:5px 0px 20px 0px;
 padding:0px;
 border:0px;
 text-align:center;
 overflow:hidden;
}
.div_interno_conteudo {
 margin:0px 10px 0px 10px;
 text-align:left;
 padding:0px;
 border:0px;
 width:98%;
}
 .div_interno_conteudo1 {
 margin:0px 10px 0px 10px;
 text-align:center;
 padding:0px;
 border:0px;
 width:93%;
 overflow:hidden;
}
/*---------------------------------------------------------------------------------------------titulo do meio---*/
.div_interno_titulo {
 font-size:12px;
 background-image:url('images/menus.jpg');
 font-family:Arial;
 height:20px;
 color:#F33D00;
 font-weight:bold;
 padding:2px 0px 0px 30px;
 overflow:hidden;
 /* ff */    max-height:20px;
 /* ff */    margin:0px auto;
 border:1px solid #ffffff;
}
.div_interno_titulo1 {
 font-size:12px;
 background-image:url('images/menus.jpg');
 font-family:Arial;
 height:20px;
 color:#F33D00;
 font-weight:bold;
 padding:2px 0px 0px 30px;
 overflow:hidden;
 /* ff */    max-height:20px;
 /* ff */    margin:0px auto;
 border:1px solid #ffffff;
 width:93%;
}
/*---------------------------------------------------------------------------------------------titulo do meio---*/
.div_interno_titulo_small {
 font-size:12px;
 font-family:Arial;
 color:#F33D00;
 height:20px;
 background-image:url('images/menus.jpg');
 font-weight:bold;
 padding:2px 0px 0px 30px;
 overflow:hidden;
 /* ff */    max-height:34px;
 /* ff */    margin:0px auto;
}
.div_interno_titulo_small1 {
 font-size:12px;
 font-family:Arial;
 color:#F33D00;
 height:20px;
 background-image:url('images/menus.jpg');
 font-weight:bold;
 padding:2px 0px 0px 30px;
 overflow:hidden;
 /* ff */    max-height:34px;
 /* ff */    margin:0px auto;
 width:93%;
}
.datanoticia {
 font-size:9px;
 font-family:Arial;
 color:#666666;
}
.titulonoticia {
 font-size:14px;
 font-family:Arial;
 color:#000000;
}
.titulonoticia:hover {
 font-size:14px;
 font-family:Arial;
 color:#F33D00;
}
.itemlist {
 font-size:11px;
 font-family:Arial;
 color:#333333;
 background-color:#f4f4f4;
}
.div_noticia_destaque {
 border:1px solid #999999;
}
/* ################################ ---- RODAPÉ ---- ################################## */
#rodape {
 clear:both;
 border-top:10px solid #ea1d00;
 border-bottom:10px solid #ea1d00;
 background-color:#ea1d00;
 color:#ffffff;
 text-align:center;
}
.rodapeA {
 font-size:11px;
 font-family:Arial;
 color:#ffffff;
 font-weight:normal;
 text-decoration:none;
}
.rodapeA:hover {
 font-size:11px;
 font-family:Arial;
 color:#ffffff;
 font-weight:normal;
 text-decoration:underline;
}
#labbo_assinatura {
 font-size:9px;
 font-family:Arial;
 color:#ffffff;
 font-weight:normal;
 text-decoration:none;
}
#labbo_assinatura:hover {
 font-size:9px;
 font-family:Arial;
 color:#177B2F;
 font-weight:normal;
 text-decoration:none;
}
.tituloNomeProduto {
 font-size:13px;
 font-family:Arial;
 color:#F33D00;
 font-weight:bold;
}
.bordaProduto {
}
/* ############################## ---- CARRINHO/DETALHES ---- ################################ */
/* LEMBRETE: A soma da largura do div_cart_fretes_left e div_cart_fretes_right tem que ser [A2] */
.quadrocinza {
 background-color:#FFFFFF;
 width:100%;
}
#div_detalhes_left /* Campo esquerdo dos detalhes */ {
 float:left;
 width:260px;
 text-align:center;
 padding:0px;
 border:0px;
 margin:0px;
}
#div_detalhes_right /* Campo direito dos detalhes */ {
 margin-left:260px;
 padding:0px;
 border:0px;
 width:300px;
}
#div_cart_fretes_left {
 float:left;
 text-align:left;
 /* caso a imagem seja maior - nao colocar no right senao da bug no ff*/    
 width:400px;
}
#div_cart_fretes_right {
 margin-left:400px;
 width:400px;
 text-align:left;
}
/* ################################ ---- PERSONALIZACAO ---- ################################ */
.tituloListagens {
 font-size:11px;
 background-color:#999999;
 height:20px;
 font-family:Arial;
 color:#000000;
 text-align:center;
}
.tituloDebug {
 padding:0px 0px 0px 5px;
 border:#bababa 1px solid;
 font-size:10px;
 background-color:#F33D00;
 height:18px;
 font-family:Arial;
 color:#FFFFFF;
 font-weight:bold;
}
.textoPrecosDestaque {
 font-size:12px;
 font-family:Arial;
 color:#F33D00;
 font-weight:bold;
}
.textoPrecosCortados {
 font-size:11px;
 font-family:Arial;
 color:#666666;
 font-weight:bold;
 text-decoration:line-through;
}
.textoValoresFinais {
 font-size:13px;
 font-family:Arial;
 color:#F33D00;
 font-weight:bold;
}

