/* zerando os elementos */
* {
margin:0px;
padding:0px;
vertical-align:baseline;
list-style:none;
font-style:normal;
border:none;
text-decoration:none;
}

html {
overflow: -moz-scrollbars-vertical; /*coloca o scroll no ff*/
}

body {
background: url(../imagens/bg-body.gif) #fefef6 no-repeat top center fixed;
color:black;
text-align:center; /*tem que pôr isso para o alinhamento da div geral funcionar no IE 6 */
font: 13px Tahoma, Verdana, Arial, sans serif; 
}

.geral {
width:760px;
height:auto;
margin: 20px auto 10px auto; /*para centralizar o site*/
background: none;
/*border:1px solid blue;*/
}

/*ELEMENTOS DO CABEÇALHO*/

.cabecalho {
width:760px;
height:230px;
margin: 0 0;
background: url(../imagens/bg-topo.gif) #fefef6 no-repeat top center;
/*border:1px solid red;*/
}

.cabecalho h1 a {
width:760px;
height:200px;
float:left;
display:block; /*image replacement*/
text-indent:-199999px;
overflow:hidden; /*não mostra o que está fora da div*/
/*border:1px solid lime;*/
}

/*FIM DOS ELEMENTOS DO CABEÇALHO*/


/*ELEMENTOS DO DIV PRINCIPAL*/

.principal {
width:760px;
height:auto;
margin: 0 0;
background: url(../imagens/bg-meio.gif) #fefef6 repeat center center;
float:left;
}


/*ELEMENTOS DO MENU*/

.lateral {
width:200px;
height:auto;
float:left;
margin: 10px 35px 0 20px;
_margin: 10px 35px 0 10px;
align:left;
/*border:1px solid red;*/
}

.menu-topo {
width:200px;
height:30px;
float:left;
align:left;
background: url(../imagens/bg-menu-topo.gif) #ffffff repeat center center;
/*border:1px solid red;*/
}

.menu {
width:200px;
height:auto;
float:left;
align:left;
background: url(../imagens/bg-menu-meio.gif) #ffffff repeat center center;
/*border:1px solid red;*/
}

.menu-bottom {
width:200px;
height:30px;
float:left;
align:left;
background: url(../imagens/bg-menu-bottom.gif) #ffffff repeat center center;
/*border:1px solid red;*/
}

.menu h3 {
display:none;
}

.menu p {
float:left;
font:12px Tahoma, Verdana, Arial, sans serif; 
color:#106f43;
text-align:left;
/*border:1px solid lime;*/
}

.menu a {
width:170px;
height:20px;
float:left;
font:12px Tahoma, Verdana, Arial, sans serif; 
color:#106f43;
text-align:left;
margin: 1px 0 1px 20px;
_margin: 1px 0 1px 20px;
/*border:1px solid lime;*/
}

.menu a.selecionado {
font-weight:bold; 
/*border:1px solid lime;*/
}

.menu a:hover, a.over {
text-decoration:underline;
/*border:1px solid lime;*/
}


/* CONTEÚDO*/
.conteudo {
float:left;
width:470px;
height:auto;
margin: 10px 0 0 0;
_margin: 10px 0 0 0;
text-align:left;
/*border:1px solid lime;*/
}

.conteudo h4 {
display:none;
}

/*
float:left;
height:40px;
text-indent:-199999px;
overflow:hidden;
width:470px;
margin:0 0 20px 0;
background: url(../imagens/tit-oquee.gif) #fff no-repeat center center;
}

font:18px Tahoma, Verdana, Arial, sans serif; 
font-weight: bold;
text-transform: uppercase;
color:#106f43;
margin:0 0 20px 0;
}

.conteudo h5 {
font:13px Tahoma, Verdana, Arial, sans serif; 
font-weight: bold;
text-transform: uppercase;
color:#0076a3;
margin:30px 0 20px 0;
text-align:center;
}
*/

.conteudo p {
font:13px Tahoma, Verdana, Arial, sans serif; 
line-height: 20px;
color:black;
margin:0 0 10px 0;
valign:top;
}

.conteudo p.italico {
font-style:italic;
}

.conteudo a {
font:13px Tahoma, Verdana, Arial, sans serif; 
font-weight:bold;
line-height: 20px;
color:#106f43;
margin:0 0 10px 0;
}

.conteudo a:hover, a.over {
text-decoration:underline;
}

.conteudo p.subtit {
font:14px Tahoma, Verdana, Arial, sans serif; 
line-height: 20px;
font-weight: bold;
color:#e07e00;
margin:20px 0 10px 0;
}

.img-right {
float:right;
width:auto;
height:auto;
margin: 10px 5px 10px 20px;
}
/*FIM DOS ELEMENTOS DA DIV PRINCIPAL*/

/*ELEMENTOS DO RODAPE*/

.rodape {
width:760px;
height:60px;
clear:both; /*ignora os efeitos dos floats anteriores e garante que ele fique lá embaixo*/
background: url(../imagens/bg-rodape.gif) no-repeat top center;
padding: 1px 0 0 0;
_padding: 0 0 0 0;
border:0px solid lime;
/*border:1px solid red;*/
}

.rodape h3 {
display:none;
}

.rodape p {
clear:both;
width:500px;
font: 11px Tahoma, Verdana, Arial, Sans Serif;
text-align:center;
margin: 25px auto 0 auto;
_margin: 25px auto 0 auto;
/*border:1px solid red;*/
}

/*FIM DOS ELEMENTOS DO RODAPÉ*/

/*CRÉDITOS*/

.credito {
width:auto;
height:10px;
clear:both; /*ignora os efeitos dos floats anteriores e garante que ele fique lá embaixo*/
margin:5px 0 0 0;
/*border:1px solid lime;*/
}

.credito p.texto-credito {
font:10px Tahoma, Verdana, Arial, Sans Serif;
text-align:center;
margin: 0 auto;
}

.credito a.link-credito {
font:10px Tahoma, Verdana, Arial, Sans Serif;
color:#106f43;
font-weight: bold;
text-align:center;
margin: 0 auto;
}