/* definicoes gerais para listas
-------------------------------- */

ul#filtros, 
dl#lista-linhas, 
dl#lista-produtos,
dl#detalhes-produto { /* uniformizar apresentacao */
padding: 0; 
margin: 0;
}
dl#detalhes-produto dd, 
ul#filtros li, 
dl#lista-linhas dd, 
dl#lista-produtos dd {
margin: 0; /* uniformizar apresentacao. dd eh indentado, dt nao */
}
dl#detalhes-produto dd, 
dl#lista-linhas dd, 
dl#lista-produtos dd {
position: absolute; /* tirar do fluxo */
display: none; /* estado inicial */
}
body.produtos dl#lista-produtos dd {
/*position: relative; */
top: 0;
}
body.produtos dl#lista-produtos {
/*position: relative;*/
position: static;
}



/* diagramacao geral das linhas de texto das listas
--------------------------------------------------- */

dl#detalhes-produto dt, 
dl#detalhes-produto dt a, 
dl#lista-produtos dt, 
dl#lista-produtos dt a, 
dl#lista-produtos dl dd, 
#principal.produto #conteudo li,
.seta, 
.indica-filtro, 
ul#filtros li, 
ul#filtros li a, 
dl#lista-linhas dt, 
dl#lista-linhas dt a {
display: block;
line-height: 1.5em;
height: 1.5em; /* ie precisa dessa definição (haslayout) */
padding: 0 6px;
margin: 0;
}
dl#detalhes-produto dt, 
dl#detalhes-produto dt a { /* para caber o icone */
line-height: 2em;
height: 2em; /* ie precisa dessa definição (haslayout) */
}
dl#detalhes-produto dt, 
dl#lista-produtos dd, 
dl#lista-produtos dt, 
ul#filtros li, 
dl#lista-linhas dt {
padding: 0; /* evitar padding aninhado */
}
#principal.produto #conteudo li,
.seta, 
.indica-filtro {
margin: 0 0 3px; /* entre paragrafos */
}
#principal.produto #conteudo li,
#conteudo p.seta,
#conteudo p.cores {
padding-left: 16px; /* dar espaco para a imagem de fundo */
}
dl#lista-produtos dl.terminacao dd {
height: auto;
}


#principal.segmento img, 
#principal.linha img {
margin: 15px 15px 15px 25px;

/*outline: 1px solid lime;*/
}
#principal.produto img {
margin: 0;
}
#principal.produto img a {
margin: 5px 5px 5px 15px;
}



/* listas de linhas
------------------- */

dl#lista-linhas dd {
left: -393px;
top: 0;
}



/* listas de produtos
--------------------- */

dl#lista-produtos dd {
left: 252px;
top: 15px;
}
dl#lista-produtos dd dl dd { /* vincular a exibicao ao item ascendente */
position: static; 
visibility: inherit; 
}

dl#lista-produtos dl {
float: left; /* no ff, o dl pode impedir de acessar os elementos abaixo deste na pilha z */
margin: 0; /* ie: margin gera margens duplicadas */
padding: 0 6px; /* evitar padding aninhado */
width: 130px;
voice-family: "\"}\""; 
voice-family: inherit;
width: 118px;
}
#dummy {;} /* bizarro: o ie5.0/win anula a regra seguinte na presença do box model hack */

dl#lista-produtos dl dd,
dl#lista-produtos dl dt {
margin: 0 0 2px; /* espaco entre as celulas */
line-height: 16px; /* ff: se usar ems, o arredondamento eh irregular */
height: 16px; /* ie precisa dessa definição (haslayout) */
}
dl#lista-produtos dl dt {
float: left;
padding: 0 0 0 2px;
width: 44px;
voice-family: "\"}\""; 
voice-family: inherit;
width: 42px;
}
#dummy {;} /* bizarro: o ie5.0/win anula a regra seguinte na presença do box model hack */

dl#lista-produtos dl dd {
float: right;
padding: 0 2px;
width: 74px;
voice-family: "\"}\""; 
voice-family: inherit;
width: 70px;
}
#dummy {;} /* bizarro: o ie5.0/win anula a regra seguinte na presença do box model hack */

dl#lista-produtos dl.terminacao dd,
dl#lista-produtos dl.terminacao dt {
margin: 0 0 2px;
padding: 0 2px;
width: 118px;
voice-family: "\"}\""; 
voice-family: inherit;
width: 114px;
}
#dummy {;} /* bizarro: o ie5.0/win anula a regra seguinte na presença do box model hack */


#principal.produto dl#lista-produtos dd {
left: 250px;
}
#principal.produto dl#lista-produtos dl {
width: 150px;
voice-family: "\"}\""; 
voice-family: inherit;
width: 238px; 
}
#dummy {;} /* bizarro: o ie5.0/win anula a regra seguinte na presença do box model hack */

#principal.produto dl#lista-produtos dl dd {
width: 194px;
voice-family: "\"}\""; 
voice-family: inherit;
width: 190px;
}
#dummy {;} /* bizarro: o ie5.0/win anula a regra seguinte na presença do box model hack */

#principal.produto dl#lista-produtos dl.terminacao dd,
#principal.produto dl#lista-produtos dl.terminacao dt {
width: 238px;
voice-family: "\"}\""; 
voice-family: inherit;
width: 234px;
}
#dummy {;} /* bizarro: o ie5.0/win anula a regra seguinte na presença do box model hack */



/* alteracao na navegacao da linha
---------------------------------- */ 

dl#lista-produtos dd img {
position: absolute;
top: 0;
left: -646px;

/*outline: 1px solid red !important;*/
}



/* detalhes de produtos
----------------------- */

dl#detalhes-produto dd img {
margin: 0 !important; /* desfazer definicao para imagem de produto */
display: none; /* provisorio */
}

dl#detalhes-produto dd {
left: 255px;
top: 15px;
width: 244px;
}

dl#detalhes-produto dd table {
width: 244px;
border: none;
border-collapse: separate; /* ff fudge */
}
dl#detalhes-produto dd caption, 
dl#detalhes-produto dd table th, 
dl#detalhes-produto dd table td {
border-width: 1px;
border-style: solid;
padding: 6px 6px;
}
dl#detalhes-produto dd table th {
padding-left: 30px;
}



/* filtros por especificacao
---------------------------- */

#especificacoes {
margin: 1em 6px;
clear: both;
}

#especificacoes h3,
#especificacoes label {
display: none;
}
#especificacoes p {
margin: 0.5em 0;
line-height: normal !important;
height: auto;
}
select,
input {
font: 10px arial;
background-color: white;
}
input.btn {
color: white;
font: bold 11px arial;
background-color: #949494;
border: 1px solid #949494;
}
#especificacoes select {
width: 118px;
}
#especificacoes #vol-util,
#especificacoes #vol-total,
#especificacoes #altura,
#especificacoes #diametro,
#especificacoes #peso,
#especificacoes #terminacao {
display: none;
}




/* seletores visuais
-------------------- */

body#domestica ul#filtros {
width: 100px;
margin: 0 auto;
float: left;
padding: 0 15px;
}

body#domestica ul#filtros li,
body#domestica ul#filtros li a {
display: inline;
float: left;
width: 38px;
height: 30px;
margin: 6px;
}
body#domestica ul#filtros li a {
text-indent: -9999px;
margin: 0;
padding: 0;
}
body#domestica ul#filtros li a:hover {
background-color: transparent;
}
ul#filtros li.sel-pratos {
background: url(../img/seletores-ud-pratos.gif);}
ul#filtros li.sel-copos {
background: url(../img/seletores-ud-copos.gif);}
ul#filtros li.sel-canecas {
background: url(../img/seletores-ud-canecas.gif);}
ul#filtros li.sel-xicaras {
background: url(../img/seletores-ud-xicaras.gif);}
ul#filtros li.sel-tigelas {
background: url(../img/seletores-ud-tigelas.gif);}
ul#filtros li.sel-potes {
background: url(../img/seletores-ud-potes.gif);}
ul#filtros li.sel-diversos {
background: url(../img/seletores-ud-diversos.gif);}
ul#filtros li.sel-presentes {
background: url(../img/seletores-ud-presentes.gif);}




/* icones internacionais
------------------------ */

dl#detalhes-produto dd tbody th {
background-repeat: no-repeat;
background-position: 6px 2px;
}
dl#detalhes-produto dd tbody th.peso {
/*background-image: url(../img/ic-peso.gif);*/
padding-left: 6px;
}
dl#detalhes-produto dd table.especificacoes tbody th.peso {
background-image: url(../img/ic-peso.gif);
padding-left: 30px;
}
dl#detalhes-produto dd tbody th.alt {
background-image: url(../img/ic-alt.gif);}
dl#detalhes-produto dd tbody th.larg-max {
background-image: url(../img/ic-larg-max.gif);}
dl#detalhes-produto dd tbody th.larg-min {
background-image: url(../img/ic-larg-min.gif);}
dl#detalhes-produto dd tbody th.norma {
background-image: url(../img/ic-norma.gif);}
dl#detalhes-produto dd tbody th.vol-total {
background-image: url(../img/ic-vol-total.gif);}
dl#detalhes-produto dd tbody th.vol-util {
background-image: url(../img/ic-vol-util.gif);}

dl#detalhes-produto dt a.produto-dados, 
dl#detalhes-produto dt a.produto-embalagem {
background-position: 6px 0px;
background-repeat: no-repeat;
padding-left: 30px;
}
h4 {
background-image: none;
padding: 15px 6px;
margin: 0 0 6px;
position: relative; /* ie: list bug */
left: 0;
}
div#opcoes h4 {
background-image: url(../img/picote-horiz.gif);
background-repeat: repeat-x;
background-position: left top;
padding: 2px 6px;
}



/* setas dt
----------- */

#principal.segmento dt.over, 
#principal.linha dt.over, 
#principal.produto dt.over {
background-repeat: no-repeat;}

#principal.segmento dt.over {
background-image: url(../img/seta-ov-esq.gif);}
#principal.linha dt.over, 
#principal.produto dt.over {
background-image: url(../img/seta-ov-dir.gif);}

#principal.segmento dt.over {
background-position: 6px 3px;}

#principal.linha dt.over {
background-position: 237px 3px;}

#principal.produto dt.over {
background-position: 237px 6px;}

#principal.produto dl#lista-produtos dt.over {
background-position: 237px 3px;}

#principal.segmento dt {
padding-left: 15px; 
}



/* imagem ampliada
------------------ */

#imagem a img {
margin: 0;
}
#imagem a {
float: left;
border: 10px solid white;
background-color: transparent;
margin: 5px 5px 5px 15px;
}

#secundario {
position: relative;
z-index: 0;
}
#conteudo {
position: relative;
z-index: 25;
}
#imagem {
position: relative;
/*
z-index: 50;
*/
}

#imagem.ampliada {
position: absolute;
z-index: 100;
}
#imagem.ampliada a,
#imagem.ampliada a img {
width: 400px;
}

div#fechar {
display: none;
}



/* ------------------------------ */

#conteudo p {
padding: 0 6px;
margin: 1em 0;
}

#principal.produto #conteudo {
height: 550px;
}