#outrosSitesMateria {
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
display:table;
margin-bottom:19px;
padding-bottom:10px;
padding-top:10px;
width:470px;
}
.box-linkOutrosSitesMateria {
	font-family: arial;
	font-size: 12px;
	margin-bottom:10px;
}	
#outrosSitesMateria  p{
	margin-bottom: 10px; font-family: arial; font-size: 14px;
}	
.box-linkOutrosSitesMateria a {
color:#666666;
font-family:arial;
font-size:12px;
text-decoration:none;
}
.box-linkOutrosSitesMateria img {
margin-right:10px;
vertical-align:middle;
}
	

.tituloMateriaSimples{ /* TÍTULO DA MATÉRIA */
margin:0 0 5px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:28px;
font-weight:bold;
color:#000000;
}

.tituloMateriaSimples a{
font-size:20px;
color:#999999;
text-decoration:none;
}

.tituloMateriaSimples a:hover{
background-color:#D0D0D0;
color:#333333;
}

.olhoMateriaSimples{ /* olho informativo - manchete */
margin:0 0 5px 0;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#666666;
}
.olhoMateriaSimples a{
	color: #666;
	text-decoration: underline;
}
h1{ /* olho informativo - manchete */

}
h2,.nestaMateria{ /* INTERTÍTULOS INTERNOS DA MATÉRIA */
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
display:block;
margin:0 0 10px 0;
color:#000000;
}
.nestaMateria{
padding-bottom:10px;
}

h3{ /* LINKS DE MATÉRIAS E PAGINAÇAO POR CHAMADAS */
margin:0;
padding:0;
font-weight:normal;
}

h4,.nestaMateria{ /* INTERTÍTULOS DAS MATÉRIAS */
margin:0 0 5px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
display:block;
color:#000000;
}

h5{ /* DEFINIR */

}

h6{ /* LINKS DE CHAMADAS LATERAIS */
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:28px;
color:#000000;
}

/* 
imagemAbertura define quando a matéria terá o padrao com abertura e título mais olho sobre ela.
As cores de fundo e da fonte devem ser definidas pelo usuário, seja colocando style nos divs, seja outra forma.
*/

.imagemAbertura{
width:470px;
height:300px;
display:block;
margin:0 0 5px 0;
position:relative;
}

.imagemAberturaSobre{
width:470px;
position:absolute;
bottom:0;
left:0;
}
.tituloMateriaAbertura{
font-family:Arial, Helvetica, sans-serif;
font-size:28px;
font-weight:bold;
margin:0;
width:457px;
padding:3px 3px 3px 10px;
opacity:0.85;
filter:alpha(opacity=85);
}
.olhoMateriaAbertura{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
margin:0;
width:450px;
opacity:0.7;
filter:alpha(opacity=70);
padding:10px;
}
/* Aqui acaba as definiçoes necessárias quando uma matéria tem imagem de abertura */

.nestaMateria{
margin-bottom:5px;
}

.creditoMateria{
margin:0 0 5px 0;
font-family:"Trebuchet MS", Verdana;
font-size:11px;
font-style:italic;
color:#999999;
}

.textoExpediente{
margin:10px 0 15px 0;
font-family:"Trebuchet MS", Verdana;
font-size:11px;
color:#000000;
line-height:18px;
}

#ferramentasMateria{
width:470px;
margin:5px 0 5px 0;
font-family:"Trebuchet MS", Verdana;
font-size:9px;
color:#666666;
text-transform:uppercase;
text-align:justify;
border-top:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
padding-top:3px;
padding-bottom:3px;
}
#ferramentasMateria a{
color:#666666;
text-decoration:none;
padding:0 2px 0 2px;
}
#ferramentasMateria a:hover{
background-color:#000000;
color:#ffffff;
}

#divisaoConteudo{
width:100%;
margin:5px 0 5px 0;
border-bottom:#CCCCCC 1px solid;
padding-top:3px;
padding-bottom:3px;
}

#conteudoTexto{
margin:10px 0 15px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#333333;
line-height:18px;
}
#conteudoTexto a,.legenda a{
color:#333333;
text-decoration:underline;
}
#conteudoTexto a:hover,.legenda a:hover{
color:#CC0000;
text-decoration:underline;
}

.legenda, .legenda a{
font-family:"Trebuchet MS", Verdana;
font-size:12px;
color:#999999;
line-height:normal;
}
.legenda{
background-color:#000000;
color:#FFFFFF;
padding:5px;
}
/* margens para serem incluídas como estilos no PWA
A pessoa que estiver imputando o conteúdo pode dar essa classe para tabelas ou imagens que queira espaçar do texto
Faz isso alinhando a imagem ou tabela a esquerda ou direita conforme a necessidade
 */
.esp_rigth{
margin:0 15px 0 0;
}
.esp_left{
margin:0 0 0 15px;
}
.esp_rigth_bottom{
margin:0 15px 15px 0;
}
.esp_left_bottom{
margin:0 0 15px 15px;
}
.esp_top_rigth{
margin:15px 15px 0 0;
}
.esp_top_left{
margin:15px 0 0 15px;
}
.esp_top_rigth_bottom{
margin:15px 15px 15px 0;
}
.esp_top_left_bottom{
margin:15px 0 15px 15px;
}