body {
	font-family: arial, verdana, Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 0.75em;
	margin-top: 0px;
}

table {
	border-collapse: collapse;
}

td {
	padding: 0;
	vertical-align: top;
}

.hide {
	display: none;
}

img {
	border: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.menu {
	font-family: Tahoma, Lucida Bright, Arial, "Trebuchet MS", sans-serif;
	font-size: 1.3em;
	color: gray;
	width: 50px;
	margin-left:5px;
	margin-right:7px;
}

a.menu:hover {
	color: black;
	background-color: #C6C6C5;
	text-decoration: none;
}

/* div que engloba tudo, para as coisas não "caírem" para baixo... */
#whole {
	width:1000px;   /* 982 */
	margin-left:auto;
	margin-right:auto;
}

/* Estruturas da tabela que compõem o menu principal, incluindo o logotipo */
td.fundo {
	background-color: white;
}

td.destak {
	background-color: #71706E;
}

td.normal {
	background-color: #939090;
}

/* Região da página utilizada para exibir uma matéria específica */
span.tituloMateria {
	font-size: 1.5em;
}

span.nomeautor {
	color: red;
	font-weight: bold;
}

/* Imagem mostrada dentro de texto */
img.embedImg {
	border: none;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
	float: left;
}

/* Este é o DIV central. Dentro dele vai a sectionInfo e todo o conteúdo a ser 
 * exibido. Ao lado deste DIV está a barra lateral direita com anúncios. */
#central {
	float: left;
	width: 802px;
	padding-right: 10px;
	/*border-right:1px solid gray;*/
}

/* Barra de informações sobre a seção selecionada */
#sectionInfo {
	width:798px; 
	height:48px; 
	margin-bottom:5px;
	margin-right:5px;
	background-image:url(/lib/img/sectionInfo.jpg);
	background-repeat:no-repeat;
}

#sectionInfo h1 {
  font-size: 1.5em;
  color: gray;
  margin-top: 5px;
}

#sectionInfo table {
	margin-top: 5px; 
	height: 41px;	
}

#sectionInfo tr {
	height: 41px;
	vertical-align: middle;
}

#sectionInfo td {
	vertical-align: middle;
}

#sectionInfo select {
	width: 190px;
}

#sectionInfo span {
	font-size: 2em;
	font-family: Georgia;
	font-style: italic;
}

#sectionInfo a {
  font-size:1em;
  color: #990000;
  text-decoration: none;
  font-weight: normal;
}

#sectionInfo a:hover {
  text-decoration: underline;
}

#sectionInfo a.sectionLink {
  color: black;
  font-size: 1.2em;
  text-decoration: none;
}

#sectionInfo a.sectionLink:hover {
  text-decoration:underline;
}

#sectionInfo .secaoAtual {
	color: red;
}

#sectionInfo .secaoAtual:hover {
	text-decoration:none;
	cursor: default;
}

/* O texto propriamente dito */
#texto {
	width: 798px;
	font-size: 1.1em;
}

#texto span.titulo {
	color: orange;
	font-size: 1.5em;
}

#texto span.autor {
	color: red;
	font-size: 1em;
	font-weight: bold;
}

span.retranca {
	color:orange;
	font-size:0.8em;
	font-weight:bold;
}

#texto em {
	color:black;
}

/* Imagem embutida no texto, sem popup */
.imgFixaComLegenda {
	float: left;
	font-family: Arial Verdana times;
	background-color: #eeeeee;
	margin-right: 10px;
	width:300px;
}

.imgFixaComLegenda .legenda {
	font-family: arial, courier, verdana, times, arial, sans-serif;
	font-size:1em;
	color:gray;
}

.imgFixaComLegenda img {
	margin-top:0px;
	margin-bottom:3px;
}

/* Imagens que vão embutidas no texto, com os devidos créditos */
.imgComLegendas {
	float: left;
	font-family: Arial Verdana times;
	background-color: #eeeeee;
	margin-right: 10px;
	width:300px;
}

.imgComLegendas .credito {
	font-size:0.75em;
}

.imgComLegendas .legenda {
	font-family: arial, courier, verdana, times, arial, sans-serif;
	font-size:1em;
	color:gray;
}

.imgComLegendas img {
	margin-top:0px;
	margin-bottom:3px;
}

/* Foto da matéria alinha à direita */
.foto_dir {
	float:right;
	margin-left:10px;
}

/* Foto da matéria alinha à direita */
.foto_esq {
	float:left;
}

/* Barra lateral direita destinada às propagandas */
#barradir {
	background-color: #fbf7bd;  /*#c9e1f8;*/ /*#fee9c3;*/ 
	background-repeat: repeat-y;
	padding:0px 10px 10px 10px;
	width: 148px; 
	float: left;
}

#containerLateral {
	width:148px;
	border-bottom:1px dotted gray;
	padding-bottom:10px;
	margin-top:10px;
}

#containerLateral img {
	width:148px;
	height:95px;
}

#containerLateral a {
	color:black;
}

/* Links para outras matérias, que vão ao final de todas as matérias */
.leiamais_traco {
	width:780px; 
	height:5px; 
	border-bottom:1px dashed black;
	float:left;
}

#leiamais {
	width:780px;
	float:left;
	padding-left:3px;
	margin-top: 15px;
}

#leiamais li {
	list-style: none outside;
	margin-left: -40px;
}

#leiamais a {
	color: #5E5E5E;
	font-size: 1.2em;
	font-weight: bold;
}

#leiamais strong {
	color:#B80000;
	font-size:1.2em;
	margin-right: 8px;
}

#leiamais .caption {
	font-weight: bold;
	font-size: 1em;
}
	
/* Comentários de uma matéria */
#comentariohead { 
	width: 755px; 
	/*background-color: #cccc99;*/ 
	color: navy; 
	padding-left: 10px;
	padding-right: 10px;
}

#comentariohead a.vercomentarios {
	color: blue;
	font-weight: bold; 
	font-size: 1em; 
	float: left;
	text-decoration: none; 
}

#comentariohead a.vercomentarios:hover {
	text-decoration: underline;
}

#comentariohead a.incluircomentario {
	color: blue;
	font-weight: bold; 
	font-size: 1em; 
	float: right; 
	text-decoration: none;
}

#comentariohead a.incluircomentario:hover {
	text-decoration: underline;
}

#comentario { 
	width: 655px; 
	background-color: #DCE6B7; 
	color: navy; 
	padding-left: 10px;
	padding-right: 10px;
}

#comentario dl {
	clear: both;
}

#comentario dt {
	color: black;
}

#comentario dd {
	border-bottom: 1px dotted gray;
	margin-left: 0px;
}

#inclusaocoment {
	background-color: #DCE6B7; 
	color: navy; 
	padding: 0px 10px 0px 10px;
}

.comentariosfeitos { 
	width: 300px; 
	background-color: yellow; 
	height: 100px; 
}

h1.comentariosfeitos { 
	font-weight: bold; 
	color: black; 
}

p.comentariosfeitos { 
	text-decoration: italic; 
}

/* ESTILOS PARA SEÇÕES DO SITE */

/* Artigo destacado na seção. Este artigo pega uma linha
 * inteira da seção e tem uma imagem à esquerda */ 
#destaquesecao, #destaquesecao2 {
	width: 780px; 
	height: 200px; 
	border: 1px dotted black;
	padding: 3px 5px 0px 5px;
	margin-top: 10px;
	margin-bottom: 5px;
}

#destaquesecao img, #destaquesecao2 img {
	margin-right: 20px;
	margin-top: 5px;
	float: left;
}

/* Subdestaques menores, que compõem metade da área da seção.
   Cabem normalmente dois desses, um é chamado "esq" e outro "dir" */
#destaque_esq, #destaque_dir {
	width: 387px; 
	height: 200px; 
	float: left; 
	border: 1px dotted black;
	padding-top: 3px;
	padding-right: 3px;
}

/* sub-destaque da direita */
#destaque_dir {
	margin-left:8px; 
}

#destaque_dir img {
	margin: 2px 5px 0px 5px;
	float: left;
}

#destaque_dir h1 {
	color: blue;
}

/* sub-destaque da esquerda */
#destaque_esq img {
	margin: 2px 5px 0px 5px;
	float: left;
}

#destaque_esq h1 {
	color: blue;
}

/* Estilo dos textos que vão dentro desses quadros */
a.tituloMateria {
	color:orange;
	font-size: 1.5em;
	font-weight:bold;
}

span.miniTitulo {
	color:gray;
	font-size:1em;
}

span.subTitulo {
	color:orange;
	font-size:1em;
}

span.autorMateria {
	color: red;
	font-size: 1em;
	font-weight: bold;
}

.titulo1 {
	color:orange;
	font-size:1.5em;
	font-weight:bold;
}

.enfase1 {
	color:orange;
	font-weight:bold;
}

/* Texto um pouco maior para resumo de matérias, geralmente de destaque principal */
.textoNormal {
	color: black;
	font-size: 1.1em;
}

/* Texto pequeno, para resumo de matérias secundárias */
.textoPequeno {
	color:black;
	font-size:1.2em;
}

/* Texto que explica uma determinada seção ou subseção */
.descricaoSecao {
	font-size: 1.2em;
	color: gray;
}

/* Tabela com as últimas matérias de uma determinada seção */
#ultimasMaterias  {
	width:793px;
	margin-top:10px;
}

#ultimasMaterias th {
	text-align:left;
}

#ultimasMaterias .td1 {  /* Primeira coluna tem um tamanho menor */
	width: 75px;
}

#ultimasMaterias td {
	border: 1px solid #ffdeae;  /* #fff8de;*/
	padding: 2px 2px 2px 10px;
}

#ultimasMaterias th {
	background-color: #ffdeae;
	padding: 2px 2px 2px 10px;
}

#ultimasMaterias a {
	color:black;
}

#destaquePrincNoticias {
	width:513px; 
	margin:0px 0px 0px 10px;
	border:1px solid #ffd87b; 
	padding:5px 5px 5px 5px;
}

#destaquePrincNoticias a {
	color: #444444;
	font-size: 1.5em;
}

#destaquePrincNoticias span {
	font-size: 0.8em;
}

/* Lista das últimas notícias na seção Notícias */
#listaNoticias {
	width: 798px; 
	background-color:#d2f3ff;
}

#listaNoticias a {
	color:black;
}

/* Links para outras matérias ao fim de cada matéria */
#leiamais2  {
	width:798px;
	margin-top:10px;
}

#leiamais2 th {
	text-align:left;
}

#leiamais2 .td1 {  /* Primeira coluna tem um tamanho menor */
	width: 75px;
}

#leiamais2 td {
	border: 1px solid #6fe18a;    /* ffdeae */
	padding: 5px 2px 5px 10px;
}

#leiamais2 th {
	background-color: #6fe18a;
	padding: 2px 2px 2px 10px;
}

#leiamais2 a {
	color:black;
}

span.secao {
	font-size:0.8em;
	color:navy;
	font-weight:normal;
}


/* lista de todos os comentários que foram feitos no site */
#todos_coment  {
	width:798px;
	margin-top:10px;
}

#todos_coment th {
	text-align:left;
}

#todos_coment .td1 {  /* Primeira coluna tem um tamanho menor */
	width: 75px;
}

#todos_coment td {
	border: 1px solid #6fe18a;    /* ffdeae */
	padding: 5px 2px 5px 10px;
}

#todos_coment th {
	background-color: #6fe18a;
	padding: 2px 2px 2px 10px;
}

#todos_coment a {
	color:black;
}

/* Nas seções, parte onde aparecem as fotos com texto embaixo */
#headerSecao {
	width: 788px;
	background-color:#fa7f06;
	padding: 5px 5px 5px 5px;
	font-size:1.2em;
	color:white;
}

#headerRodapeMateria {
	width: 788px;
	background-color:#7a86fe;
	padding: 5px 5px 5px 5px;
	font-size:1.2em;
	color:white;
	margin-top:10px;
	float:left;
}

#containerThumbsRodapeMateria {
	width:786px;
	padding: 15px 5px 15px 5px;
	background-color:#d2d6fd;
	border: 1px solid #7a86fe;
	margin-bottom:10px;
	float:left;
}

#containerSecao {
	width:786px;
	padding: 15px 5px 15px 5px;
	background-color:#feeedd;
	border-left: 1px solid #fa7f06;
	border-right: 1px solid #fa7f06;
	border-bottom: 1px solid #fa7f06;
	margin-bottom:10px;
	float:left;
}

.thumbMateria {
	background-color:white;
	width:180px;
	height:230px;
	padding:5px 5px 5px 5px;
	margin: 0px 0px 10px 5px;
	float:left;
}

.thumbMateria img {
	margin-top:5px;
	margin-bottom:5px;
	width:180px;
	height:115px;
}

.thumbMateria .caption {
	font-size:0.8em;
	color:gray;
	font-weight:bold;
	text-transform:uppercase;
}

.thumbMateria a {
	color:black;
	float:left;
}

/* Seção PARCEIROS, box que contém o texto de apresentação */
#parceiros_texto {
	width: 778px;
	font-size: 1.2em;
	background-color: #b4b4b4;
	padding: 10px 10px 10px 10px;
	margin-bottom:15px;
}

#seja_parceiro {
	width: 778px;
	font-size: 1.2em;
	background-color: black;
	color:white;
	padding: 10px 10px 10px 10px;
	margin-bottom: 15px;
	margin-top: 20px;
	float:left;
}