/* -----------------------------------------------------------------------
 
  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:778px;
 border:0px;
 padding:0px;
 margin:0px auto;
 text-align:center;
 background-color:#FFFFFF;
}
/* ################################### ---- CORPO ---- ################################## */
#corpo /* Corpo do site, que contem menus e conteudo */ {
 width:778px;
 border:0px;
 padding:0px;
 margin:0px auto;
 text-align:left;
 background-color:#ffffff;
}
/* ############################ ---- LATERAIS / MENUS ---- ################################## */
#lateral_esquerda /* ?rea para menus laterais esquerdos (L) */ {
 float:left;
 width:172px;
 margin:5px 0 5px 0px;
 padding:0;
 text-align:left;
 clear:none;
}
#lateral_direita /* ?rea para menus laterais direitos (D) */ {
 float:right;
 width:172px;
 margin:5px 0px 0px 0px;
 padding:0px;
 text-align:left;
 clear:none;
}
.menu_esquerdo {
 width:172px;
 margin:0px 0px 10px 0px;
 background-color:#f5f5f5;
}
.menu_direito {
 width:172px;
 margin:0px 0px 10px 0px;
 background-color:#f5f5f5;
}
.menu_lateral_conteudo {
 width:167px;
 margin:1px 0px 1px 5px;
}
/* ################################ ---- CONTEUDO PADRAO ---- ################################ */
#conteudo /* Conteudo quando sem barra lateral (C2) */ {
 top:0px;
 width:601px;
 border:0px;
 padding:5px 0px 5px 2px;
 margin:0px 0px 0px 172px;
 clear:none;
}
#conteudo_combarra /* Conteudo quando com barra lateral (C) */ {
 width:424px;
 border:0px;
 padding:5px 2px 5px 2px;
 margin:0px 0px 0px 172px;
 clear:none;
 text-align:center;
}
.div_interno_container {
 margin:0px 0px 5px 0px;
 padding:0px;
 border:0px;
}
.div_interno_conteudo {
 margin:0px 10px 0px 10px;
 text-align:justify;
 padding:0px;
 border:0px;
}
/*---------------------------------------------------------------------------------------------titulo do meio---*/
.div_interno_titulo {
 font-size:12px;
 font-variant:small-caps;
 height:20px;
 background-color:#ddd9d8;
 font-family:Arial;
 color:#73625c;
 font-weight:bold;
 padding:2px 0px 0px 2px;
 overflow:hidden;
 /* ff */    max-height:20px;
 /* ff */    margin:0px auto;
 border:1px solid #ffffff;
 background-image:url('images/menus.jpg');
 background-repeat:repeat;
}
/*---------------------------------------------------------------------------------------------titulo do meio---*/
.div_interno_titulo_small {
 font-size:12px;
 height:25px;
 font-family:Arial;
 color:#a73030;
 font-weight:bold;
 padding:12px 0px 0px 30px;
 overflow:hidden;
 max-height:34px;
 margin:0px auto;
}
/* ################################## ---- GERAIS ---- ################################## */
BODY {
 background-color:#efecea;
 background-position:center;
 margin:0px auto;
 font-family:Arial;
 font-size:11px;
 color:#000000;
}
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:#73625c;
 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 / CABECALHO ---- ################################## */
#topo_geral /* ?rea total do topo */ {
 width:778px;
}
#topo_esquerda /* Banner à esquerda no topo */ {
 width:778px;
 border:0px;
 height:100px;
}
#topo_direita /* Banner à direita no topo */ {
 display:none;
}
/* ################################### ---- URL / PESQUISA ---- ################################## */
#topo_linha_dados /* Linha com dados do site no topo */ {
 width:778px;
 text-align:left;
 background-color:#ddd9d8;
 padding:4px 0px 4px 0px;
 border-top:1px solid #FFFFFF;
 height:18px;
 background-image:url('images/menus.jpg');
 background-repeat:repeat;
}
#topo_linha_dados_url /* Parte com URL/Data no topo */ {
 float:left;
 color:#73625c;
 font-weight:bold;
 font-family:Arial;
 width:30%;
}
#topo_linha_dados_pesquisa /* Parte com a pesquisa pela loja no topo */ {
 text-align:right;
 float:right;
 left:200px;
 height:18px;
 color:#73625c;
 margin-right:5px;
}
#topo_linha_dados_pesquisa_input /* INPUT para pesquisa no topo */ {
 border:1px solid #999999;
 background-color:#FFFFFF;
}
#topo_linha_dados_pesquisa_select /* SELECT para pesquisa no topo */ {
 border:1px solid #ffffff;
 background-color:#FFFFFF;
}
#topo_linha_dados_pesquisa_submit /* BOT?O para pesquisa no topo */ {
 border:1px solid #999999;
 background-color:#FFFFFF;
 width:20px;
}
/* ################################## ---- MENUS ---- ################################## */
#topo_menu_principal {
 font-family:Arial;
 color:#73625c;
 font-size:11px;
 text-decoration:none;
 font-weight:bold;
 background-image:url('images/menus.jpg');
 background-repeat:repeat;
}
#lateral_site_seguro {
 font-family:Arial;
 color:#ddd9d8;
 font-size:11px;
 text-decoration:none;
 font-weight:bold;
}
#topo_menu_info {
 font-family:Arial;
 color:#73625c;
 font-size:11px;
 text-decoration:none;
 font-weight:bold;
 background-image:url('images/menus.jpg');
 background-repeat:repeat;
}
#topo_menu_marcas {
 font-family:Arial;
 color:#73625c;
 font-size:11px;
 text-decoration:none;
 font-weight:bold;
 background-image:url('images/menus.jpg');
 background-repeat:repeat;
}
#topo_menu_departamentos {
 font-family:Arial;
 color:#73625c;
 font-size:11px;
 text-decoration:none;
 font-weight:bold;
 background-image:url('images/menus.jpg');
 background-repeat:repeat;
}
#topo_menu_vendidos {
 font-family:Arial;
 color:#73625c;
 font-size:11px;
 text-decoration:none;
 font-weight:bold;
 background-image:url('images/menus.jpg');
 background-repeat:repeat;
}
#topo_menu_parceiros {
 font-family:Arial;
 color:#73625c;
 font-size:11px;
 text-decoration:none;
 font-weight:bold;
 background-image:url('images/menus.jpg');
 background-repeat:repeat;
}
#topo_menu_fornecedores {
 font-family:Arial;
 color:#73625c;
 font-size:11px;
 text-decoration:none;
 font-weight:bold;
 background-image:url('images/menus.jpg');
 background-repeat:repeat;
}
#topo_menu_identificacao {
 font-family:Arial;
 color:#73625c;
 font-size:11px;
 text-decoration:none;
 font-weight:bold;
 background-image:url('images/menus.jpg');
 background-repeat:repeat;
}
.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:#ffffff;
 font-size:11px;
 text-decoration:none;
 background-color:#73625c;
}
.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:#a73030;
 font-weight:normal;
}
/* ####################### Itens gerais de conteudo ###################### */
.datanoticia {
 font-size:9px;
 font-family:Arial;
 color:#666666;
}
.titulonoticia {
 font-size:14px;
 font-family:Arial;
 color:#a73030;
}
.titulonoticia:hover {
 font-size:14px;
 font-family:Arial;
 color:#666666;
}
.itemlist {
 font-size:11px;
 font-family:Arial;
 color:#333333;
 background-color:#f4f4f4;
}
.div_noticia_destaque {
 border:1px solid #999999;
}
/* ################################ ---- RODAPE ---- ################################## */
#rodape {
 clear:both;
 border-top:10px solid #ddd9d8;
 border-bottom:10px solid #ddd9d8;
 background-color:#ddd9d8;
 color:#73625c;
 text-align:center;
}
.rodapeA {
 font-size:11px;
 font-family:Arial;
 color:#73625c;
 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:#73625c;
 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:#a73030;
 font-weight:bold;
}
.bordaProduto {
}
/* ############################## ---- CARRINHO/DETALHES ---- ################################ */
.quadrocinza {
 background-color:#f4f4f4;
 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;
 overflow:hidden;
 width:275px;
 text-align:center;
}
#div_cart_fretes_right {
 margin-left:275px;
 width:275px;
}
/* ################################ ---- 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:#a73030;
 height:18px;
 font-family:Arial;
 color:#FFFFFF;
 font-weight:bold;
}
.textoPrecosDestaque {
 font-size:12px;
 font-family:Arial;
 color:#a73030;
 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:#a73030;
 font-weight:bold;
}