
#conteudo #noticias, #conteudo #artigos{width: 570px; background-color: #D2CBA8;}
#conteudo #noticias h4, #conteudo #artigos h4, #corpo #conteudo #agenda h4, #corpo #conteudo #lado h4{padding: 5px 0 5px 5px; color: #251A04;font: bold 15px arial; background: #A8977B url(../imagem/title.jpg) repeat-x; }
#conteudo #noticias #machetes{ display: table; margin: 5px 0; padding: 5px; border-bottom: 1px #C1B897 dashed;}
#conteudo #noticias #machetes img{float: left; border: 3px #A8977B solid; margin-right: 10px; width: 80px; height: 80px;}
#conteudo #noticias #machetes a:hover img{border: 3px #5F4823 solid;}
#conteudo #noticias #machetes h5{color: #251A04;font: bold 15px arial; *margin-top: -15px;}
#conteudo #noticias #machetes p{color: #251A04;font: normal 13px arial; *margin-top: 25px;}
#conteudo #noticias #machetes a:hover h5, #conteudo #noticias a:hover, #conteudo #noticias #machetes a:hover, #conteudo #noticias #machetes a:hover p, #conteudo #noticias #machetes p a:hover{text-decoration: underline;}

#conteudo #noticias #leiamais{width: 400px; margin: 10px auto 5px; border: 1px #5F4823 solid; padding: 10px;}
#conteudo #noticias #leiamais h4.maisnoticias{font: bold 16px arial; color:#251A04; padding: 2px;}
#conteudo #noticias #leiamais a h5{color: #251A04;font: bold 12px arial; margin: 5px 2px;}
#conteudo #noticias #leiamais a:hover h5{background-color: #D2CBA8; text-decoration: underline;}


/*CONTEUDO - artigos*/
  #conteudo #artigos{margin-top: 10px; background-color: #D2CBA8; display: table;}
  #conteudo #artigos #materias{float: left; width: 160px; margin: 5px 0 5px 5px; padding: 10px; }
  #conteudo #artigos #materias.borda {border-left: 1px #C1B897 dashed; border-right: 1px #C1B897 dashed;}
  #conteudo #artigos #materias h5{color: #251A04;font: bold 13px arial;}
  #conteudo #artigos #materias a:hover h5{text-decoration: underline;}
  #conteudo #artigos #materias a p{color: #251A04;font: normal 13px arial;}

/****************************
 Agenda
****************************/
#corpo #conteudo #agenda{width: 200px; margin: 20px 0; padding: 1px 3px;  background-color: #D2CBA8; height: 370px;} 
#corpo #conteudo #agenda h5{font: bold 13px arial;}
#corpo #conteudo #agenda h3{background-color: #DFD7D1;}
#corpo #conteudo #agenda ul{text-align: center; margin-top: 10px;}
#corpo #conteudo #agenda ul li{padding:5px; border-bottom: 1px #A6775A dashed;margin-bottom: 4px;}
#corpo #conteudo #agenda ul li a {color: #251A04; font: normal 11px arial;}
#corpo #conteudo #agenda ul li a:hover {text-decoration: underline;}

/****************************
 Lado Direito
****************************/
#corpo #conteudo #lado{width: 350px; float: right; text-align: center; margin:20px 20px 0 10px; *margin:20px 10px 0 10px;}
#corpo #conteudo #quem-somos, #corpo #conteudo #necrologico{background-color: #D2CBA8; margin-bottom: 5px; padding-bottom: 5px;}
#corpo #conteudo #quem-somos a, #corpo #conteudo #necrologico a{color: #251A04; font: normal 11px arial; padding:10px; }
#corpo #conteudo #quem-somos a:hover, #corpo #conteudo #necrologico a:hover{text-decoration: underline;}

/****************************
 Fotos
****************************
/*Imagem Quem somos*/
#corpo #conteudo #quem-somos #img a{background: url(../imagem/procepi_img1.jpg) no-repeat; display: block; height: 89px; width: 285px; margin: 10px auto; text-indent: -9000px; overflow: hidden;}
#corpo #conteudo #quem-somos #img a:hover{background-position:100% 95%;}

/****************************
 Necrologio
****************************/
/*Imagem Necrologico*/
#corpo #conteudo #necrologico #img a{background: url(../imagem/procepi_img2.jpg) no-repeat; display: block; height: 88px; width: 285px; margin: 10px auto; text-indent: -9000px; overflow: hidden;}
#corpo #conteudo #necrologico #img a:hover{ background-position:95% 94%;}
