@charset "utf-8";
#tudo {
	background: url(../_imgs/estrutura/colabore/fundo_geral.gif) repeat-x top;
	}




/*------------------------------ Cabecalho ---*/
.campo_txt {
	border: 1px solid #0D3544;
	font: 11px/13px Tahoma, Arial, Helvetica, sans-serif;
	padding: 2px;
	}




/*------------------------------ Cabecalho ---*/
#cabecalho {
	height: 140px;
	background: url(../_imgs/estrutura/colabore/cabecalho_maos.gif) no-repeat center top;
	padding: 25px 0 0;
	}
#cabecalho h1 {
	float: left;
	margin:0;
	padding: 0 0 0 223px;
	}
#cabecalho ul{
	float: left;
	font: 12px/14px Arial, Helvetica, sans-serif;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	top: 54px;
	left: 10px;
	}
#cabecalho li{
	float: left;
	padding-left: 13px;
	}
#cabecalho a{
	color: #fff;
	text-decoration: none;
	}
#cabecalho a:hover{
	text-decoration: underline;
	}




/*------------------------------ P, Hs, Caixas, etc ---*/
.caixa{
	background-position: center 100%;
	background-repeat: no-repeat;
	margin: 0 -10px 20px;
	padding: 0 10px 20px;
	}
.larg150 .caixa {
	background-image: url(../_imgs/estrutura/colabore/caixa_170_rodape.gif);
	}
.larg340 .caixa {
	background-image: url(../_imgs/estrutura/colabore/caixa_360_rodape.gif);
	}
.larg530 .caixa {
	background-image: url(../_imgs/estrutura/colabore/caixa_550_rodape.gif);
	padding: 0 10px 32px;
	}
.larg150 .caixa p,
.larg340 .caixa p{
	font: 12px/14px Arial, Helvetica, sans-serif;
	padding: 4px 0;
	margin: 0;
	}
.larg530 .caixa p,
div.p{
	font: 13px/17px Arial, Helvetica, sans-serif;
	padding: 4px 0;
	margin: 0;
	}
.caixa h1 {
	background-color: #C7E6F0;
	background-position: center top;
	background-repeat: no-repeat;
	border-bottom: 1px solid #7298A1;
	color: #0D3544;
	margin: 0 -10px;
	padding: 12px 10px 6px;
	}
.larg150 .caixa h1 {
	background-image: url(../_imgs/estrutura/colabore/caixa_170_topo.gif);
	font: normal 16px/16px Arial, Helvetica, sans-serif;
	}
.larg340 .caixa h1 {
	background-image: url(../_imgs/estrutura/colabore/caixa_360_topo.gif);
	font: normal 16px/16px Arial, Helvetica, sans-serif;
	}
.larg530 .caixa h1 {
	background-image: url(../_imgs/estrutura/colabore/caixa_550_topo.gif);
	font: normal 20px/20px Arial, Helvetica, sans-serif;
	margin: 0 -10px 10px;
	}
.caixa h2 {
	font: bold 16px/16px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 18px 0;
	color: #0D3544;
	}
.caixa h3 {
	font: bold 14px/20px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 18px 0 4px;
	color: #0D3544;
	}
.caixa ul,
.caixa ol{
	padding: 10px;
	margin: 0 20px;
	font: 12px/16px Arial, Helvetica, sans-serif;
	}
.caixa li {
	padding: 2px 4px 2px 20px;
	margin: 0;
	} 


/*------------------------------ Links ---*/
a.destaque {
	background: url(../_imgs/estrutura/colabore/ico_seta1.gif) no-repeat right center;
	color: #197978;
	font: 12px/12px Arial, Helvetica, sans-serif;
	padding: 2px 16px 2px 0;
	text-decoration: none;
	height: 12px;
	}
h1 a.destaque {
	display: block;
	/*float: left;*/
	margin-top: -16px;
	position: relative;
	text-align: right;
	top: 2px;
	}
larg150 h1 a.destaque {
	width: 134px;
	}
larg340 h1 a.destaque {
	width: 424px;
	}
a.destaque:hover {
	color: #000;
	background: url(../_imgs/estrutura/colabore/ico_seta2.gif) no-repeat right center;
	}
.caixa p a,
.caixa ul a,
.caixa ol a{
	color: #197978;
	text-decoration: none;
	}
.caixa p a:hover,
.caixa ul a:hover {
	color: #000;
	border-bottom: 1px solid #000;
	}
.caixa h3 a{
	color: #0D3544;
	}
.caixa h3 a:hover{
	color: #000;
	}




/*------------------------------ Vídeos ---*/
.video_img,
.video_ico{
	width: 148px;
	height: 92px;
	display:block;
	}
a.titulo { cursor: pointer; color:#197978; text-decoration: none;}
a.titulo:hover { color:#000;}
a.titulo .video_img {
	margin: 5px 0;
	border: 1px solid #197978;
	}
a.titulo:hover .video_img {
	border: 1px solid #000;
	}
a.titulo .video_ico{
	background: url(../_imgs/estrutura/ico_video.png) no-repeat;
	}
a.titulo:hover .video_ico,
a:hover.titulo .video_ico{
	background: url(../_imgs/estrutura/ico_video2.png) no-repeat;
	}
a.titulo img{
	display: none;
	}




/*------------------------------ Noticias ---*/
.noticias p{clear: both;}
.not_data,
.not_tit{
	float:left;
	/*font: normal 12px/18px Arial, Helvetica, sans-serif;*/
	}
.not_data{
	float:left;
	margin-right: 10px;
	color: #999;
	}
p .not_data{
	width: 50px;
	text-align:right;
	}
h3 .not_data{
	width: 70px;
	text-align:left;
	}	
.larg340 p .not_tit{
	width: 260px;
	}
.larg530 p .not_tit{
	width: 450px;
	}
.larg530 h3 .not_tit{
	width: 430px;
	margin-bottom: 20px;
	}
.noticias a{
	cursor: pointer;
	text-decoration: none;
	padding: 0 0 4px;
	color: #197978;
	}
.noticias a:hover{
	color: #000;
	}
 a:hover .not_data{
	color: #000;
	}