@charset "utf-8";
/* CSS Document */


*{
	margin:0;
	padding:0;
}
a{ text-decoration:none }
a:hover{ text-decoration:underline }


h3{
	color:#777777;
	font-size:34px;
	letter-spacing:-2px;
	font-weight:normal;
}
h4{
	font-size:29px;
	color:#575757;
	letter-spacing:-1px;
	font-weight:normal;
}


h5{
	color:#616161;
	border-bottom:1px solid #616161;
	padding-bottom:4px;
	font-size:18px;
}
h5 a{ position:absolute; right:4px; top:6px; color:#cfcfcf; font-size:12px }

h6{
	color:#777777;
	font-size:18px;
	letter-spacing:-1px;
}


body{
	font-size:9pt;
	font-family:arial;
	text-align:center;
}


#corpo{
	margin:0 auto;
	width:1003px;
	background-color:#FFFFFF;
	display:table;
	padding-top:10px;
}


#topo{
	background:url(../imagens/topo.jpg) no-repeat top #FFFFFF;
	background-position:30px 0;
	width:98%;
	float:left;
	padding:0 0 34px 2%;
	position:relative;
}


#topo p.area{
	position:absolute;
	right:52px;
	top:14px;
	font-size:16px;
	color:#7c7c7c;
}
#topo div.acesso{
	width:142px;
	position:absolute;
	right:36px;
	top:36px;
}
#topo div.acesso p.area{ font-size:16px;  float:left; width:100%; background-color:#CCCCCC; color:#7c7c7c;  }
#topo div.acesso div.login{
	background:#01889b;
	position:relative;
	text-align:left;
	float:left;
	height:118px;
}

#topo div.acesso div.login form{ padding:10px 0 1px 0; float:left }
#topo div.acesso div.login form p{ float:left; color:#e0e0e0; font-size:11px; margin-bottom:2px; }
#topo div.acesso div.login form p label{ float:left; width:37px; padding:4px 3px 3px 8px; }
#topo div.acesso div.login form p input.text{ width:75px; height:18px; color:#474747}
#topo div.acesso div.login a{ display:block; float:left; margin-top:10px; padding-left:15%; color:#ededed; font-size:11px; width:85%;}
#topo div.acesso div.login img{ position:absolute; top:0; right:0; *right:-13px; }
#topo p.msg{
	font-size:13px;
	font-style:italic;
	letter-spacing:-1px;
	color:#dddddd;
	position:absolute;
	right:40px;
	bottom:20px;
	width:300px;
	text-align:right;
}



#menu{
	background:url(../imagens/border.jpg) no-repeat top #FFFFFF;
	width:98%;
	float:left;
	padding:30px 0 0 2%;
	margin-bottom:30px;
}

#menu a{
	position:relative;
	display:block;
	color:#888888;
	font-size:14px;
	letter-spacing:-1px;
	float:left;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	padding:7px 0 7px 0;
}
#menu a img{ border:none; display:none; position:absolute }
#menu a img.ml{ left:0; top:-1px }
#menu a img.mr{ right:0; top:-1px }

#menu a:hover,#menu a.ativo{ border-top:1px solid #f8f8f8;border-bottom:1px solid #f8f8f8; text-decoration:none}
#menu a:hover img,#menu a.ativo img{ display:block;}



#conteudo{
	float:left;
	width:94.5%;
	padding:0 3% 30px 2.5%;
	text-align:left;

}
#conteudo div.c1{
	float:left;
	width:63%;
	padding:0 0 0 3%;
}
#conteudo div.c2{
	float:left;
	width:30%;
	padding:0 2% 0 2%;
}

#conteudo div#destaque{
	position:relative;
	float:left;
	width:610px;
	border:9px solid #f0f4f2;
}
#conteudo div#destaque img.border{
	z-index:999;
	position:absolute;
}

#conteudo div#destaque div.descricao{
	float:left;
	width:84%;
	padding:22px 8% 0 8%;
	height:58px;
	position:absolute;
	left:0;
	bottom:-1px;
	*bottom:2px;
	z-index:0;
	background-color:#666666;
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
	font-size:30px;
	font-weight:bold;
	letter-spacing:-2px;
}
#conteudo div#destaque div.descricao img{ position:absolute; cursor:pointer }
#conteudo div#destaque div.descricao a{ display:block; float:left; width:100%; color:#FFFFFF}

#conteudo div.areas{ float:left; padding-top:15px; }
#conteudo div.areas p{ color:#777777; font-size:16px; letter-spacing:-1px;padding-bottom:15px }

#conteudo div.chamada{ float:left; width:100%; border-top:2px solid #656565; margin-top:1px; padding-top:15px; }
#conteudo div.chamada a{ display:block; color:#777777; font-size:15px; padding-bottom:10px;}
#conteudo div.chamada a img{ vertical-align:middle; margin-right:6px; border:none}

#conteudo div.interna{
	float:left;
	width:100%;
	position:relative;
	background:url(../imagens/fundoInterna.jpg) no-repeat #104c54;
	padding:30px 0 29px 0;
	margin-bottom:30px;
}
#conteudo div.interna h3{ position:absolute; left:9%; top:10px; color:#FFFFFF; }
#conteudo div.interna a{ position:absolute; top:22px; right:3%; color:#FFFFFF; font-size:15px }




#rodape{
	clear:both;
	float:left;
	width:100%;
	padding-top:40px;
	background:url(../imagens/borderRodape.jpg) no-repeat top #FFF;
	border-bottom:8px solid #f2f2f2;
	text-align:left;
}

#rodape p{
	color:#777777;
	padding-top:60px;
}