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

#principal { /* quadro geral */
/*background-color: lime;*/

float: left; /* para englobar o conteudo e esticar o fundo de acordo */
margin-top: 0;/*46px; /* abrir espaco para os cabecalhos posicionados absolutamente */
position: relative; /* para que os cabecalhos sejam posicionados em relacao a esta div */
}
#imagem {
/*background-color: purple;*/
/*display: none;*/

width: auto;/*393px; /* correcao de -2px para alinhar os picotes */
float: none;/*left; /* para dar espaco para a coluna do conteudo */
height: auto;/*280px; /* marcar a altura minima para a imagem position:absolute a ser exibida aqui */
}
#conteudo {
/*background-color: orange;*/

width: auto;/*251px; */
float: none;/*right; /* metodo mais simples que margin-left. soh funciona se continente tiver largura fixa */
position: static;/*relative; /* posicionar h2 e dd em relacao a este */
}
#secundario { /* imagem + conteudo */
/*background-color: blue;*/

width: 775px; /*645px;*/
float: left; /* para dar espaco para a 3a coluna */
}




#grid { /* posicionar cabecalhos fora do fluxo. usar fundo sombreado da div #grid */
float: left; /* para acompanhar o comprimento total do conteudo */
}
#anexo { /* 3a coluna */
/*background-color: green;*/

width: 130px;
float: right; /* metodo mais simples do que margin-left para colocar aa esquerda do flutuado */
}

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



/* tipografia
------------- */

#conteudo {
font: 11px/2em verdana;
padding-bottom: 20px;
}
#imagem,
#conteudo {
padding-left: 25px;
}
#conteudo ul {
list-style: square;
padding-left: 2.5em;
}
#conteudo li {
margin-bottom: 1em;
}
#imagem h1,
#conteudo h2,
#conteudo ul,
#conteudo p {
margin-right: 25px;
}
#conteudo p {
margin-top: 0;
}
#conteudo li em,
#conteudo p em {
font: normal bold 13px/normal verdana;
letter-spacing: -1px;
/*font: normal 16px/normal verdana;*/
/*font: normal 18px/normal verdana;*/
/*font: normal 18px/normal tahoma;*/
/*text-transform: lowercase;*/
color: #949494;/*#799BCD;/*#949494;*/
}
#conteudo h2 {
border-bottom: 1px solid #949494;
padding-bottom: 0.5em;
margin-top: 2em;
clear: both;
}
img.dir {
float: right;
margin: 0 -55px 1.5em 1.5em;
margin: 0 0 1.5em 1.5em;
border: 10px solid #eaeaea;
clear: right;
}
img.esq {
float: left;
margin: 0 1.5em 1.5em 0;
border: 10px solid #eaeaea;
clear: left;
}


body#wheaton #nav a:visited,
body#wheaton #principal a:visited,
body#wheaton #nav a:link,
body#wheaton #principal a:link {
border-bottom: 1px solid #949494;}
body#wheaton #nav a:hover,
body#wheaton #principal a:hover {
border-bottom: 1px solid #EFF4F9;
background-color: #EFF4F9;}

#layout {
background-color: white;
}



/* body#wheaton.flash 
-------------------- */

body.flash #nav,
body.flash h1 {
display: none;
}
body.flash #imagem {
padding-left: 0;
border-top: 1px solid white;
border-bottom: 6px solid #949494;
}
body.flash div#chamadas,
body.flash #conteudo p,
body.flash #conteudo {
width: 425px; /* ie:evitar deslocamento de #anexo */
}
body.flash #conteudo {
float: left;
padding-right: 25px;
}
body.flash #conteudo p {
margin: 0 0 12px;
padding: 0;
}
body.flash div#chamadas {
padding-bottom: 12px;
float: left;
}
body.flash div#chamadas h3 {
display: none;
}
body.flash div#chamadas p img {
float: right;
margin: 0 0 0 0.5em;
}
body.flash div#chamadas p {
float: left;
display: inline; /* ie */
clear: none;
width: 200px;
margin-right: 12px;
border-bottom: 1px solid #949494;
line-height: 1.5em;
padding-bottom: 0.5em;
}
body.flash div#chamadas p a {
border-bottom: none; 
}
body.flash p {
clear: both;
}


/* #anexo 
--------- */

#anexo {
width: 300px;
}
#anexo h3 {
display: none;
}
#anexo li {
font: 23px tahoma;
letter-spacing: -1px;
text-align: right;
}
#anexo ul {
/*background-color: red;*/
}
#anexo li a {
font-weight: normal;
text-transform: lowercase;
display: block;
height: 41px;
line-height: 41px;
padding: 0 20px 0 0;
margin: 0 25px 0 0;
}
#anexo li a:link,
#anexo li a:visited {
text-decoration: none;
color: #949494;
border-bottom: 1px solid #e8e8e8;
}
#anexo li a:hover,
#anexo li a:active {
color: white;
}



/* dl institucional
------------------- */


#conteudo dl {
margin-right: 25px;
}

#conteudo dl dt {
font-weight: bold;
margin-top: 1.5em;
margin-bottom: 1em;
}

#conteudo dl ul li {
margin-top: 0;
margin-bottom: 0.5em;
}

#conteudo dl ul {
margin-top: 1.5em;
margin-bottom: 1em;
padding-left: 2em;
}

#conteudo dl a {
border-bottom: none !important;
}

#conteudo ol li {
margin-bottom: 0.5em;
}