/*
voice-family: "\"}\""; 
voice-family: inherit;
*/
#dummy {;} /* bizarro: o ie5.0/win anula a regra seguinte na presença do box model hack */


/* default
---------- */

ul {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: 0;
}


/* ocultar recursos de acessibilidade
------------------------------------- */

#principal.linha #anexo p, 
#menu h3, 
hr {
display: none;
}


/* alinhamento horizontal do site no centro 
------------------------------------------- */

body {
text-align: center;
margin: 0;
padding: 0;
}
#layout {
margin: 0 auto;
text-align: left;
position: relative;
}


/* posicionamento e dimensoes dos blocos gerais do layout 
--------------------------------------------------------- */

/* para estabelecer a largura do layout */
#layout, 
#topo,
#menu,
#principal,
#rodape {
width: 775px !important;
}

#topo { /* cabecalho */
position: relative;
height: 93px;
margin-bottom: 42px;
}

#logo { /* dentro de #topo */
position: relative;
top: 21px;
left: 24px;
}

#menu { /* menu principal */
position: absolute; /* inversao na ordem do codigo */
top: 93px;
left: 0;
height: 42px; 
display: block; /* desfazer para screen a instrucao para print */
}

#nav { /* breadcrumb */
margin: 1px 0;
height: 20px;
line-height: 20px;
}

#rodape {
clear: both;
padding-top: 5px;
} 
#rodape div {
padding: 12px 25px;
} 


/* posicionamento e dimensoes do miolo
-------------------------------------- */

#grid { /* posicionar cabecalhos fora do fluxo. usar fundo sombreado da div #grid */
float: left; /* para acompanhar o comprimento total do conteudo */
}
#principal { /* quadro geral */
float: left; /* para englobar o conteudo e esticar o fundo de acordo */
margin-top: 46px; /* abrir espaco para os cabecalhos posicionados absolutamente */
position: relative; /* para que os cabecalhos sejam posicionados em relacao a esta div */
}
#secundario { /* imagem + conteudo */
width: 645px;
float: left; /* para dar espaco para a 3a coluna */
}
#conteudo {
width: 251px; 
float: right; /* metodo mais simples que margin-left. soh funciona se continente tiver largura fixa */
position: relative; /* posicionar h2 e dd em relacao a este */
}
#imagem {
width: 393px; /* correcao de -2px para alinhar os picotes */
float: left; /* para dar espaco para a coluna do conteudo */
height: 280px; /* marcar a altura minima para a imagem position:absolute a ser exibida aqui */
}
#anexo { /* 3a coluna */
width: 130px;
float: right; /* metodo mais simples do que margin-left para colocar aa esquerda do flutuado */
}

/*
#anexo, 
#conteudo {
padding-top: 15px;
}
*/

#anexo {
padding-top: 15px;
}


/* posicionamento e dimensoes do miolo: produto
----------------------------------------------- */

#principal.produto #secundario { /* imagem + conteudo */
/*background-color: lime;*/
width: 519px;
}
#principal.produto #conteudo {
/*background-color: orange;*/
width: 248px; 
}
#principal.produto #imagem {
/*background-color: blue;*/
width: 271px; 
height: auto; /* a altura da imagem determina a altura do continente */
}
#principal.produto #anexo { /* 3a coluna */
/*background-color: yellow;*/
width: 255px;
}