/* CSS Document */

/*-----------------------------------------------
CONTEUDO INDEX
-------------------------------------------------*/

a img { border: none;}

.pagina{ width: 582px;}

/*-----------------------------------------------
COLUNA 1
-------------------------------------------------*/

.coluna1{
	width: 300px;
	float:left;
	/*margin-top: 5px;*/
	margin-right: 4px;
	margin-left: 4px;}
	
	#manchete{
		padding: 6px 3px 3px 3px; }
		
		#manchete h1, #manchete h2{
			padding:0;
			margin:0;
			font-size: x-large;}
		
			#rep_comm { display: inline-block;  vertical-align:middle;width: 16px; height:16px; background:url(../imagens/rep_comm.gif) no-repeat;}
			
			#rep_comm p, p.opniao #rep_comm{ font-size: 8px; color: #0078ca; text-align:center; padding-top: 2px; cursor:default;}

			p.opniao a { font-weight: bold;}
	
		#manchete h2{
			font-size: medium;
			margin: 5px 0px 5px 15px;}
		
		#foto_manch{
			width: 100%;
			clear:both;}
			
			#foto_manch img{ border: 2px solid #FFFFFF; }
			
			#foto_manch img:hover{ border: 2px solid #4646be;}
			
	.manch_sec{
		width: 302px;
		padding: 10px 0px 3px 4px;
		clear:both;}
		
		.manch_sec h2{
			font-size: large;
			font-weight: normal;
			padding-top: 3px;
			padding-bottom: 10px;}
		
		.manch_sec .t_tag{
			font-size: 10pt;
			font-weight: bold;
			color: #4646be;}
		
		.foto_manch_sec{
			text-align: right; padding: 0px 4px 0 4px;
			width: auto;}
	
		.foto_manch_sec img{
			border: 1px solid #FFFFFF;}
			
			.foto_manch_sec img:hover{ border: 1px solid #4646be;}
	
	#lista_manchete{
		/*float:left;*/
		clear:both;
		width: 100%;}
		
		#lista_manchete ul{
			padding-left: 15px;}
			
		#lista_manchete ul li{
			padding-top: 5px;
			list-style: url(../imagens/list.gif);
			font-size:14px;
			font-weight:bold;
			color: #333333}
	

/*-----------------------------------------------
COLUNA 2
-------------------------------------------------*/
.coluna2{
	width: 265px;
	float:left;
	/*margin-top: 5px;*/
	margin-left: 4px;
	margin-right: 4px;
	background: #fff;}
	
	/* Tabela com cantos arredondados */
	.tabela_bola_cont {
		margin: 0 5px 0 5px;}
		
		.tabela_bola_cont h3 {
			padding-top: 9px;
			padding-bottom: 9px;
			font-size: medium ;
			clear:both;
			font-weight: normal;}
		
		.tabela_bola_cont .t_tag a{
			font-size:10pt;
			font-weight: bold;
			color: #4646be;
			clear:both;
			display:block;
			/*background:#FFFFFF;*/}
		
		.tabela_bola_cont .tabelaimg{ border: 4px solid #ededed;}
		
		.tabela_bola_cont .tabelaimg:hover { margin: 3px; border: 1px solid #4646be;}
	
	.tabela_bola_sup div {
	/*background: url(../imagens/tabela%20redonda%20photoshop/sup-dir.gif) no-repeat top right;*/}
	
	.tabela_bola_sup {
	/*background: url(../imagens/tabela%20redonda%20photoshop/sup-esq.gif) no-repeat top left;*/}
	
	.tabela_bola_inf div{
	/*background: url(../imagens/tabela%20redonda%20photoshop/inf-dir.gif) no-repeat bottom right;*/}
	
	.tabela_bola_inf{
	/*background: url(../imagens/tabela%20redonda%20photoshop/inf-esq.gif) no-repeat bottom left;*/}
	
	.tabela_bola_sup div, .tabela_bola_sup, .tabela_bola_inf div, .tabela_bola_inf{
		width: 100%;
		height: 12px;
		font-size: 1px;}
		
/*-----------------------------------------------
BARRA 1 E BARRA 2
-------------------------------------------------*/

#barra1, #barra2{
	border-top: 1px dotted #CCCCCC;
	float:left;
	width: 564px;
	margin: 8px 4px 0px 4px;
	padding-top: 5px;}

	.caixa{
		float:left;
		width: 184px;
		margin-left:2px;
		margin-right: 2px;}
		
		.caixa h3{
			font-size:13px;
			font-weight: bold;
			padding: 5px 3px 5px 3px;
			border-bottom: 1px solid #c6b17b;
			min-height: 50px;}
		
		.caixa .t_tag a{
			margin:0;
			padding:0;
			display: inline;
			text-decoration: underline;
			font-size:10pt;
			font-weight: bold;
			color:#4646be;}
			
			.caixa .t_tag a:hover{ text-decoration: none;}
		
		.caixa span, .caixa p{
			margin: 0px;}
	
	.caixa_ret{
		float:left;
		width: 275px;
		min-height: 140px;
		border: 1px solid #ccc;
		margin: 2px;}
		
		.box_cont{
			overflow:hidden;
			padding: 2px;
			height: 150px;}
		
		.box_cont h3, .box_cont h4, .box_cont p {
			font-weight: bold;
			font-size:12px;
			margin-bottom: 10px;}
		
		.box_cont p{
			font-weight:normal;}
			
			.box_cont .fotointer, .box_cont .opniao {font-size: 14px;}
		
		.box_cont h4{
			font-weight:normal;}
			
		
		.box_cont .foto_inter{
			float:left;
			height: 100px;
			border: 1px solid #999999; margin-left: 4px;}
			
		.box_cont .foto_inter_cont {
			margin-left: 115px;}