.perg{
display:block;
margin-bottom:20px;
}

#conteudoTexto a,.legenda a{
color:#000000;
background-color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
#conteudoTexto a:hover,.legenda a:hover{
color:#ffffff;
background-color:#FA748D;
text-decoration:none;
}

#repetidos{
	visibility:hidden;
}

.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;
}
p.olhoMateriaSimples{ /* olho informativo - manchete */
	font-weight: bold;
}
h1{ /* olho informativo - manchete */

}
h2,.nestaMateria,.tt_perg{ /* INTERTÍTULOS INTERNOS DA MATÉRIA */
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
display:block;
margin:10px 0 20px 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;
}

#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;
}

#conteudoTexto{
margin:10px 0 15px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#333333;
line-height:18px;
}


.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;
}