/* CSS Document */
header { position:absolute; z-index:2; }
#noticias { width:100%; min-width:1200px; height:384px; padding-top:533px; position:absolute; z-index:1; margin:-51px 0 0; background-position:top center; background-color:#161F2F; background-repeat:no-repeat; color:#FFFFFF; }
#noticiasCentro { width:1200px; height:384px; margin:0 auto; text-align:right; }
#noticiasCentro h2 { width:530px; float:right; margin-bottom:0; }
#noticiasCentro h2 hr { background-color:#FFFFFF !important; margin-left:0 !important; }
#controleTopo { width:100%; min-width:1200px; height:967px; }
.noticia { width:100%; height:55px; border-bottom:1px solid #313845; margin-top:35px; }
.noticiaTit { width:1050px; float:left; }
.noticiaTit a { color:#FFFFFF; }
.noticiaOrigem { width:73px; float:left; text-align:center; font-weight:700; }
.noticiaData { width:77px; float:left; color:#57A5D7; }
#areaAtuacao { margin-bottom:65px; }
#areaAtuacao h2 hr { width:700px !important; }
.areaAtuacao { width:140px; height:227px; padding:22px 20px; margin:0 9px; float:left; border:1px solid #242C3B; background-color:#FFFFFF; text-align:center; }
.areaAtuacao:hover { background-color:#242C3B; }
.areaAtuacaoTit { min-height:60px; margin-bottom:0px; }
.areaAtuacao:hover .areaAtuacaoTit, .areaAtuacao:hover .areaAtuacaoTexto { color:#FFFFFF; }
.areaAtuacaoTexto { font-size:12px; line-height:190%; min-height:150px; }
#escritorio { background:url(/imagens/indexEscritorio.png) center 0 no-repeat; min-height:256px; width:100%; min-width:1200px; }
#escritorio h2 hr { width:540px !important;}
#escrotorioConteudo { width:770px; margin:0 0 0 430px; padding:40px 0 0; }
#escrotorioConteudo a { margin:40px 0 0 0; }

@media screen and (max-width: 500px) {
	#noticias { min-width:320px; height:350px; padding-top:470px; margin:-25px 0 0; background-position:center -40px; }
	#noticiasCentro { width:320px; height:330px; margin:0 auto; text-align:left; }
	#noticiasCentro h2 { width:320px; float:none; }
	#controleTopo { width:100%; min-width:320px; height:840px; }	
	.noticia { height:70px; margin-top:15px; }
	.noticiaTit { width:320px; float:none; }
	#areaAtuacao { margin-bottom:40px; }
	#areaAtuacao h2 { height:83px !important; }
	#areaAtuacao h2 hr { width:100% !important; }
	.areaAtuacao { width:120px; padding:11px 10px; margin:0 9px 20px; }		
	#escritorio { background:url(/imagens/indexEscritorio.png) left top no-repeat; width:320px; margin:0 auto; min-width:320px; background-size:817px; padding-top:120px; }
	#escritorio h2 hr { width:100% !important;}
	#escrotorioConteudo { width:320px; padding:20px 0 0; margin:0; }
	#escrotorioConteudo a { margin:40px 0 0 0; }
}