@charset "utf-8";
/* CSS Document */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
color:#21466A;
background-color:#fff;
margin:0;
padding:0;
}

a, a:visited{text-decoration:none; color:#21466A;}
a:hover{text-decoration:underline; color:#21466A;}

#topo {
	background-image: url("/_recursos/imagens/background_topo2.gif");

	width:100%;
}
#topo #header {	
	width:100%;
	padding-top:5px;
	
}


.assine_ja{ height:101px; width:210px; padding:10px 0 0 0; }
.assine_ja a.bt_assine{ height:41px;display:block; background:url("_recursos/imagens/assine-ja-vermelhooff.jpg");  padding: 0}
.assine_ja a.bt_assine:hover{ display:block; background:url("_recursos/imagens/assine-ja-vermelhoon.jpg"); }
.assine_ja .versao{background:#fff; border: 1px solid #ccc; float:left; position:relative; top:0px;  height:20px;  margin-top:10px; overflow:hidden}
.edicao{ border-left:1px solid #ccc; width:100px; display:block; float:left; padding: 4px 12px 4px 13px; background:#e6e6e6;}
.assine_ja a:hover{text-decoration:none; }
.trocar{ border-left:1px solid #ccc; display:inline; float:right; padding:4px 12px 4px 13px;}


.logotipo{ height:101px; width:450px; padding:10px 25px 0 60px;}
.logotipo a img{ border:0; margin:0; padding:0; text-decoration:none}
.tempo{ height:101px; border-left:1px solid #ccc; margin: 10px 0 0 0;}


/*Menu principal*/
.menu{
background:url("_recursos/imagens/fundo_menu.gif") bottom center no-repeat;
height:63px;
width:1000px;
}
ul.tabs li{ 
float: left; 
padding: 0; 
margin: 0 0 0 0; 
list-style-type:none;
} 
ul.tabs li a { 
display: block; 
padding: 10px 14px 0 14px; 
text-decoration: none;
height:19px; 
color:#fff ;
font-size:14px;
font-weight:bold;
}
ul.tabs li a:hover{ text-decoration:underline; z-index:100;}

ul.tabs li.index{ 
float: left; 
padding: 0; 
margin: 0; 
background: url("_recursos/imagens/menu_a_left.gif") no-repeat right top; 
margin-right: 0px;
list-style-type:none;
} 
ul.tabs li.index a { 
display: block; 
padding: 10px 14px 0 14px; 
text-decoration: none; 
background: url("_recursos/imagens/menu_a_right.gif") no-repeat left top; 
height:24px; 
color:#21466A ;
font-size:14px;
font-weight:bold;
}

ul.tabs li:hover{ 
float: left; 
padding: 0; 
margin: 0; 
padding-top: 0; 
background: url("_recursos/imagens/menu_a_left.gif") no-repeat right top; 
margin-right: 0px;
list-style-type:none;
z-index:100;
} 
ul.tabs li a:hover { 
display: block; z-index:100;
padding: 10px 14px 0 14px; 
text-decoration: none; 
background: url("_recursos/imagens/menu_a_right.gif") no-repeat left top; 
height:24px; 
color:#21466A ;
font-size:14px;
font-weight:bold;
}

/*menu extra*/

ul.tabs_extra
{
	
	width:450px;
	margin:0px;
	padding:0px;
	}

ul.tabs_extra li{ 
float: left; 
list-style-type:none;

} 
ul.tabs_extra li a {
display: block; 
padding: 5px 14px 0 14px; 
text-decoration: none;
height:19px;
font-size:12px;
}
ul.tabs_extra li a:hover{ text-decoration:none;}
ul.tabs_extra li a img{ border:none; padding-left:10px;}

.fechar{float:right; font-size:14px; margin:0px; padding: 0px}

/* fim menu extra*/

#boxNewsletter{ background:#fff; border: 1px solid #ccc; float:left; position:relative; top:0px; left:10px; width:300px }
#boxCadastrese{ background:#fff; border: 1px solid #ccc; float:left; position:relative; top:0px; left:130px; width:300px }
#boxLogin{ background:#fff; border: 1px solid #ccc; float:left; position:relative; top:0px; left:250px; width:450px }
#boxPesquisar{ background:#fff; border: 1px solid #ccc; float:left; position:relative; top:0px; left:330px; width:300px}
#boxAlterarSenha{ background:#fff; border: 1px solid #ccc; float:left; position:relative; top:0px; left:130px; width:300px }


#boxLogin h2 , #boxCadastrese h2, #boxNewsletter h2, boxAlterarSenha h2,#boxPesquisar h2 { margin:0;}
#boxLogin span , #boxCadastrese span, #boxNewsletter span, #boxPesquisar span, #boxAlterarSenha span { padding:10px;}
/*Menu principal*/
.menu{
background:url("_recursos/imagens/fundo_menu.gif") bottom center no-repeat;
height:63px; 
width:1000px;
}

.migalha{ 
height:10px; 
color:#333; 
font-size:11px;
margin: 0 0 0 20px;
padding:7px 0 4px 20px;
}


.conteudo {
	width:100%;
	background: url("_recursos/imagens/background_conteudo.gif") top center repeat-y;
}


.coluna_01{width:390px;padding:20px 10px 20px 20px;}
.coluna_01 h1{font-size:24px;}
.coluna_01 img{border: 4px solid #ffffff; margin:0 10px 10px 0;}
.coluna_01 img:hover{border: 4px solid #21466A; margin:0 10px 10px 0;}
.coluna_01 p{font-size:13px;}
.coluna_01 span{font-size:16px; font-weight:bold; border-top:1px solid #ddd; display:block; height:30px; padding-top:10px; }


.coluna_02{width:540px;padding:20px 10px 20px 0;}


.coluna_01_leitura{width:600px;padding:20px 10px 20px 20px;}
.coluna_02_leitura{width:240px;padding:20px 10px 20px 0;}


.quatro_colunas{padding: 0 0 0 30px;}
.tres_colunas div{width:300px; float:left; padding: 0 0 0 20px;}
.quatro_colunas div{width:227px; float:left; padding: 0 0 0 10px;}
.tres_colunas h2, .quatro_colunas h3{padding: 0; font-size: 16px; }
.tres_colunas span, .quatro_colunas span {padding: 0}
.tres_colunas img, .quatro_colunas img{border: 4px solid #ffffff; margin:0 10px 10px 0; }
.tres_colunas img:hover, .quatro_colunas img:hover{border: 4px solid #21466A; margin:0 10px 10px 0; }

.imgcapa {border: 4px solid #ffffff; margin:0 10px 10px 0; }
.imgcapa:hover {border: 4px solid #21466A; margin:0 10px 10px 0; cursor:pointer }

.tres_colunas p, .quatro_colunas p{ padding:0 10px 20px 0;}

.ultimas_noticias{width:220px;}
.ultimas_noticias strong{ background:url("_recursos/imagens/background_hora_ultimas_noticias.gif") bottom center; height:16px; color:#A14029; font-weight:bold; display:block;}
.ultimas_noticias span{ padding:0; overflow:visible; display:block; padding: 0 0 10px 0;}

.indicadores_colunistas{ width:310px}

.colunistas{ width:170px;}
.colunistas span{ font-size:10px}
.colunistas img{ margin:0 0 5px 10px;}
.colunistas .frame_colunistas{ border:1px solid #ccc;padding:10px 5px 10px 10px }

.tagcloud { padding:20px; border:1px solid #ddd; margin:10px 0 10px 0; overflow:visible;}
.tagcloud a { display:inline-block;}

.boxmsg { padding:20px; border:1px solid #ddd; font-weight:bold; margin:10px 0 10px 0; overflow:visible;}
.boxmsg a { display:inline-block;}


.rodape{color:#fff;}
.rodape a, .rodape a:visited{text-decoration:none; color:#fff;}
.rodape a:hover{text-decoration:underline; color:#fff;}
.rodape .links_rodape{ padding:20px; margin:0 auto; width:700px; font-size:13px;}
.rodape div{ padding:20px; width:700px; margin: 0 auto;}
.rodape img {padding:16px;}


/* Classes genéricas*/
.miolo{width:980px;}
.centralizado{margin:0 auto;}
.esquerda{float:left;}
.direita{float:right;}
.clear{clear:both;}
.linha{ border-bottom:1px solid #ddd;}
.linhaTracejada{ border-bottom:1px dashed #ccc;}
.banner729x90{ width:990px; height:90px}
.banner120x600{padding: 10px 0 10px 10px; float:left}
.titulo{ background:url("_recursos/imagens/background_titulo.gif"); padding:5px 5px 0 5px; height:25px; font-size:16px;}
.button{ background: #fff; border:1px solid #ccc; margin:5px; cursor:pointer; font-weight:bold;}
.button:hover{ background: #ccc; border:1px solid #aaa; }
input {border:1px solid #aaa; background:#eee; color:#333; margin:5px;}
fieldset{ border: 1px solid #ccc; margin:10px; padding:10px;}
fieldset input {border:1px solid #aaa; background:#eee; color:#333; margin:5px;}
hr{border: none;  border-bottom: 1px dashed #c6c6c6; }

.relacionadas h2{display:none}
.relacionadas a { padding:0; font-size:12px; font-weight:normal; margin:0px; border:none; font-weight:bold }
.relacionadas span{ padding:0; display:block; margin:0px; border:none }

.relacionadas2 h2 {font-size:16px; font-weight:bold; display:block; padding:0px; margin:0px; padding-top:20px}
.relacionadas2 a{ padding:0; font-size:12px; font-weight:normal; margin:0px; border:none; font-weight:normal; }
.relacionadas2 span{ padding:0; display:block; margin:0px; border:none;  margin-top:5px; }
.relacionadas2 .data{ color:#333; display:inline }
                     
