body {
   margin: 0;
   padding: 0;
   font-family: Tahoma, Arial, Helvetica, Verdana, Geneva, sans-serif;
   font-size: 11px; 
   color: #222;
   background: url(../imagens/fundo_geral.gif) left repeat-y;
   background-position: 0 1px;
}
/*limpar a flutuacao*/  
br.clear {
   clear: both;
}
/*repete o fundo do topo 100% na largura*/ 
div.topo_geral {
   background: url(../imagens/fundo_topo_geral.gif) repeat-x;
   width: 100%;
}
/*limita o tamanho dos elementos estruturais*/ 
#site {
   margin: 0;
   padding: 0;
   width: 780px;
}

/*TOPO*/
#topo {
   margin: 0;
   padding: 0;
   width: 100%;
   height: 127px;
   background: url(../imagens/fundo_topo.gif) no-repeat;  
}
#topo h1 {
   margin: 0;
   padding: 0;
   position: absolute;
   top: 27px;
   left: 12px;
} 
#topo h1 img {
   border: 0;
}

/*
CORPO - contem a barra de menu, a barra de servicos e a coluna de conteudo
*/    
#corpo {
   margin: 0;
   padding: 0;
   background: url(../imagens/fundo_pontilhado.gif) repeat-y;
   background-position: 610px 0;
}

/*BARRA DE MENU*/ 
#corpo div.barraMenu {
   float: left;
   margin: 0 0 0 6px;
   padding: 0; 
   height: auto;
   width: 149px;
   border-top: 4px solid #141;  
} 
#corpo > div.barraMenu {
   margin: 0 0 0 12px;
}   
#corpo div.barraMenu div.auxiliar {
   margin: -1px 0 0 0;
   border-top: 1px solid #222;
   height: 103px;
   background: url(../imagens/fundo_menu.gif);
}
#corpo div.barraMenu div.menu {
   margin: 0;
}          
#corpo div.menu ul {
   margin: 0;
   padding: 0;
   list-style: none;
}
#corpo div.menu ul li {
   margin: 0;
   padding: 4px 0 0 10px;
   text-transform: uppercase;
   font-weight: bold;
   background: #b7d7ac url(../imagens/borda_222.gif) top repeat-x;   
}
#corpo div.menu ul li ul {
   margin: 4px 0 0 -10px;
   padding: 0;
   border: 0;
   list-style: none;
}
#corpo div.menu ul li ul li {
   margin: -1px 0 0 0;
   padding: 0;         
   font-weight: normal;
   text-transform: none;
   background: #dceed1; 
   border-top: 1px solid #999;
}
#corpo div.menu ul li ul li.ativo {
   background: #fff;
}
#corpo div.menu ul li ul li a {
   display: block;
   margin: 0 0 0 10px;
   padding: 4px 0 6px 10px;
   width: auto;
   background: url(../imagens/fundo_item.gif) left no-repeat;
}
#corpo div.menu ul li ul li ul {
   margin: 0 0 0 -10px;
   padding: 0;
   border: 0;
   border-top: 1px solid #999;
   list-style: none; 
}
#corpo div.menu ul li ul li > ul {
   margin: 0;
   padding: 0;
}
#corpo div.menu ul li ul li ul li {
   margin: 0;
   padding: 4px 0 4px 20px;
   background: transparent; 
   border: 0;
   background: url(../imagens/fundo_lista_pontilhado.gif) bottom repeat-x #f6ffee;
} 
#corpo div.menu ul li ul li ul li.ativo {
   background: url(../imagens/fundo_lista_pontilhado.gif) bottom repeat-x #fff;
}
#corpo div.menu ul li ul li ul > li {
   padding: 4px 0 4px 10px;
}
#corpo div.menu ul li ul li ul li a {
   padding: 0 0 2px 10px;
   background: url(../imagens/fundo_subitem.gif) left no-repeat;
}  

/*BARRA DE SERVICOS*/
#corpo div.servicos {
   float: right;
   margin: 0 0 0 12px;
   padding: 0 0 20px 0;
   width: 169px;
   border-top: 1px solid #fff;
}
/*busca*/
#corpo div.servicos form {
   margin: 0;
   padding: 3px 1px 3px 0;
   background: #ffd;
}
#corpo div.servicos form fieldset {
   margin: 0;
   padding: 0;
   border: 0;
}
#corpo div.servicos form label {
   display: block;
   float: left;   
   margin: 5px 2px 0 4px;
   padding: 0 0 0 17px;
   background: url(../imagens/lupa_busca.gif) left no-repeat;
}              
#corpo div.servicos form input {
   width: 73px;
   font-size: 11px;
   height: auto;
}
#corpo div.servicos form > fieldset input {
   margin: 2px 0 0 4px;
}
#corpo div.servicos form input.botao {
   margin: 1px 0 0 0;
   width: auto;
   padding: 0;
   float: right;
   font-size: 9px;
   font-weight: bold;
} 

/*menu servicos*/   
#corpo div.servicos div.menu {
   float: none;
   margin: 0;
   padding: 0;
   width: 100%;
   height: auto;
   border: 0;
   background: transparent;  
}
#corpo div.servicos div.menu ul {
   margin: 0;
   padding: 0 0 1px 0;
   list-style: none;
}
#corpo div.servicos div.menu ul li {
   margin: 0;
   padding: 4px 0 0 10px;
   text-transform: uppercase;
   font-weight: bold;
   background: #fff2aa;
   border-top: 1px solid #222;
}
#corpo div.servicos div.menu ul li ul {
   margin: 4px 0 0 -10px;
   padding: 0;
   border: 0;
   list-style: none;
}
#corpo div.servicos div.menu ul li ul li {
   margin: -1px 0 0 0;
   padding: 0;          
   font-weight: normal;
   text-transform: none;
   background: #ffd; 
   border-top: 1px solid #999;
}
#corpo div.servicos div.menu ul li ul li.ativo {
   background: #fff;
}
#corpo div.servicos div.menu ul li ul li a {
   display: block;
   margin: 0 0 0 10px;
   padding: 4px 0 6px 10px;
   width: auto;
   background: url(../imagens/fundo_item.gif) left no-repeat;
}
#corpo div.servicos div.menu ul li ul li ul {
   margin: 0 0 0 -10px;
   padding: 0;
   border: 0;
   border-top: 1px solid #999;
   list-style: none;
}  
#corpo div.servicos div.menu ul li ul li > ul {
   margin: 0;
   padding: 0;
}
#corpo div.servicos div.menu ul li ul li ul li {
   margin: 0;
   padding: 4px 0 4px 20px;    
   border: 0;
   background: url(../imagens/fundo_lista_pontilhado_serv.gif) bottom repeat-x #ffffef;
}
#corpo div.servicos div.menu ul li ul li ul li.ativo {
    background: url(../imagens/fundo_lista_pontilhado_serv.gif) bottom repeat-x #fff;
}  
#corpo div.servicos div.menu ul li ul li ul > li {
   padding: 4px 0 4px 10px;
}
#corpo div.servicos div.menu ul li ul li ul li a {
   padding: 0 0 2px 10px;
   background: url(../imagens/fundo_subitem.gif) left no-repeat;
}        
/*enquete*/
#corpo div.servicos div.selecao {
   border-top: 1px solid #000;
   margin: -2px 0 0 0;
   padding: 0 10px 0 10px;
   background: url(../imagens/fundo_degrade_cinza.gif) top no-repeat;
   height: 130px;
}             
#corpo div.servicos div.selecao h2 {
   margin: 0 -10px 10px -10px;
   padding: 4px 0 4px 10px;    
   font-weight: bold;       
   font-size: 11px;
   text-transform: uppercase;
   background: #ccc;  
   border-bottom: 1px solid #999;
}
#corpo div.servicos div.selecao p {
   margin: 0 0 5px 0;
   padding: 0;
}             
#corpo div.servicos div.selecao p img {
   float: left;
   margin: 0 6px 0 0;
   padding: 0;
}  
#corpo div.servicos div.selecao form {
   background: transparent;
}
#corpo div.servicos div.selecao form div {
   margin: 0;
   padding: 5px 0 0 0;
   clear: both;
}
#corpo div.servicos div.selecao label{
   display: block;
   margin: 0 -5px 0 0;
   padding: 0;
   width: 130px;
   background: transparent;
}              
#corpo div.servicos div.selecao input {
   float: left;
   margin: 0 5px 0 -5px;
   width: auto;
}
#corpo div.servicos > div.selecao input {
   margin: 0 5px 0 0;
}
#corpo div.servicos div.selecao #botao {
   margin: 10px 0 0 0;
   font-weight: bold;
}
input#botao.invisivel {
	display: none;
}
input#botao.visivel {
	display: block;
}
/*artigos recentes*/
#corpo div.servicos div.selecao ul {
   margin: 0;
   padding: 0;
   list-style: none;
   width: 100%;
   background: transparent;
   border: 0;
}                   
#corpo div.servicos div.selecao ul li {
   margin: 0 0 8px 0;
   padding: 0 0 0 15px;             
   text-transform: none;   
   font-weight: normal;
   font-size: 11px;
   background: url(../imagens/seta_direita.gif) no-repeat left top transparent;
   background-position: 0 4px;
}
#corpo div.servicos div.selecao ul li a {
   display: inline;
   margin: 0;
   padding: 0;
}
#corpo div.servicos div.selecao p.lista {
   border-top: 1px solid #999;
   margin: 7px -10px 0 -10px;
   padding: 7px 0 0 10px;
   font-weight: bold;
}
#corpo div.servicos div.selecao p.lista img {
   margin: 2px 5px 0 0;
}

/*CONTEUDO*/
#corpo div.conteudo {
   margin: 0 169px 0 181px;
   padding: 10px 15px 20px 0;
} 

/*RODAPE*/
#rodape {
   margin: 0 0 0 181px;
   padding: 10px 0 20px 0;
   width: 585px;
   color: 000;
   background: transparent;
   border-top: 8px solid #b7d7aC;
}  
#rodape p {
   margin: 0;
   padding: 0;
}  
#rodape a {
   color: #222;
   background-color: transparent;
   text-decoration: none;
}  
#rodape a:hover {
   text-decoration: underline;
}