/* CSS Document */

@import url("estrut_previdencia.css");


/* ************* ESTILO DE FORMULÁRIOS - glossário ***********************

		form_gray	= Text box com fundo branco, bordas cinzas e fonte azul tamnho 10px - usado no box do busca da home
		form_cor	= Cor do formulário muda de acordo com a área escolhida
*/

.form_gray 	{ height: 16px; border: 1px #B2B2B2 solid; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #598AC6}
.form_cor	{ height: 16px; border: 1px #CCCCCC solid; background-color: #EAEAEA; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}


/* ************* ESTILO DE CELULAS - glossário ***********************

		TD_MenuEsq		= Celula comum da Tabela de menus contendo: seta azul alinhada central, pontilhado azul, distancia entre conteúdo e borda de 7px
		TD_MenuEsq2 	= Celula com títulos que quebram 2 linhas da Tabela de menus contendo: seta azul alinhada a 30% do topo da celula, pontilhado azul, distancia entre conteúdo e borda de 7px
		TD_MenuEsqLast	= Última Celula da Tabela de menus contendo as mesmas coisas da tabela normal só que sem pontilhado no fundo da célula
		TD_FontDoth		= Fonte para conteúdos que tenham que vir antecedidos por um marcador, formata a fonte e o bullet
*/


.TD_MenuEsq 	{ background:url(../img/bulets_1_azul.gif) center left no-repeat; padding-left:15px; border-bottom: 1px dashed #CCCCCC; padding-top:4px; padding-bottom:4px;}
.TD_MenuEsq2	{ background:url(../img/bulets_1_azul.gif);background-position: 0 9px ; background-repeat:no-repeat; padding-left:15px; border-bottom: 1px dashed #CCCCCC; padding-top:4px; padding-bottom:4px;}
.TD_MenuEsqLast	{ background:url(../img/bulets_1_azul.gif); background-position: 0 10px; background-repeat:no-repeat; padding-left:15px; padding-top:4px; padding-bottom:10px;}
.TD_FontDoth	{ background:url(../img/bulets_DothVerm.gif) 5px 7px no-repeat; padding-left:15px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #666666;}
.TD_FontDothCor	{ background: #E8E8E8 url(../img/bulets_DothVerm.gif) 5px 7px no-repeat; padding-left:15px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #666666;}


/* ************* ESTILO DE FONTES - glossário ***********************

		titulo 			= Titulo principal com seta e linha inferior e fonte da cor da área
		tit_cor 		= Titulo em fonte azul bold tamanho 12 e negrito utilizado em titulos sem bullets e labels de formulários
		conteudo		= Tipo de fonte usado no corpo do conteúdo
		subtitulo		= Subtítulo em fonte preta tamanho 12 em negrito com bullets vermelho
		subtitulo_cor	= Subtítulo em fonte da cor predominante da página tamanho 12 em negrito
		comentario	= Fonte a ser utilizada em comentários ou observações. Tamanho menor, simples de cor vermelha
		alerta		= Fonte vermelha utilizada em mensagens de erro  
*/

.titulo 	{ background-image:url(../img/seta_laranja.gif); background-repeat:no-repeat; background-position:left; padding-left:15px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; border-bottom:1px solid #AEAEAE}
.tit_cor 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000;}
.tit_destaque 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #598AC6;}
.subtitulo 	{ background-image:url(../img/bulets_vermelho.gif); background-repeat:no-repeat; background-position:left; padding-left:10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000;}
.subtitulo_cor 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #598AC6;}
.conteudo 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #666666;}
.comentario2 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9px; color: #666666;}
.comentario	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #CC0000;}
.alerta		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #CC0000;}

/* ************* ESTILO DE LINKS - glossário ***********************

		menu_topo	= Link Azul dos menus principais
		menu_esq	= Link do menu esquerdo de cada área do site
		busca		= Link do header do site do link de busca
		link_cor	= Link de cor verde e fontes finas com underline
		link_text	= Link de todo conteúdo do site que possui link pra outra áera so site.
		link_red	= Link de fontes finas e vermelha
		link_cor2	= Link de fontes finas na cor predominante da área e hover cinza(cor em questão azul)
*/

a:hover 		{ text-decoration: underline; }
a.menu_topo:link 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF9900; text-decoration: none; }
a.menu_topo:active 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF9900; text-decoration: none; }
a.menu_topo:visited 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF9900; text-decoration: none; }
a.menu_topo:hover 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #598AC6; text-decoration: none; }

a:hover 			{ text-decoration: underline; }
a.menu_esq:link 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #3E7954; text-decoration: none; }
a.menu_esq:active 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #3E7954; text-decoration: none; }
a.menu_esq:visited 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #3E7954; text-decoration: none; }
a.menu_esq:hover 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; }

a:hover 		{ text-decoration: underline; }
a.busca:link 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #B2B2B2; text-decoration: none; }
a.busca:active 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #B2B2B2; text-decoration: none; }
a.busca:visited { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #B2B2B2; text-decoration: none; }
a.busca:hover 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; }

a:hover 		 	{ text-decoration: underline; }
a.link_text:link 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: none; }
a.link_text:active 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: none; }
a.link_text:visited { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: none; }
a.link_text:hover 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #598AC6; text-decoration: none; }

a:hover 		 	{ text-decoration: underline; }
a.link_cor:link 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; }
a.link_cor:active 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; }
a.link_cor:visited 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; }
a.link_cor:hover 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #3E7954; text-decoration: underline; }

a:hover 		 	{ text-decoration: underline; }
a.link_red:link 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #CC0000; text-decoration: none; }
a.link_red:active 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #CC0000; text-decoration: none; }
a.link_red:visited 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #CC0000; text-decoration: none; }
a.link_red:hover 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: none; }

a:hover 		 	{ text-decoration: underline; }
a.link_cor2:link 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #598AC6; text-decoration: none; }
a.link_cor2:active 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #598AC6; text-decoration: none; }
a.link_cor2:visited  { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #598AC6; text-decoration: none; }
a.link_cor2:hover 	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: none; }

/* NOVAS CLASSES DE LINKS */


a:hover 		{ text-decoration: underline; }
a.link_branco:link 	{ font:bold 12px Arial, Verdana, Helvetica, sans-serif;color: #FFF; text-decoration: none; }
a.link_branco:active 	{ font:bold 12px Arial, Verdana, Helvetica, sans-serif;color: #FFF; text-decoration: none; }
a.link_branco:visited 	{ font:bold 12px Arial, Verdana, Helvetica, sans-serif;color: #FFF; text-decoration: none; }
a.link_branco:hover 	{ font:bold 12px Arial, Verdana, Helvetica, sans-serif;color: #FF9900; text-decoration: none;}

a:hover 		{ text-decoration: underline; }
a.link_azul2:link 	{ font:12px Arial, Verdana, Helvetica, sans-serif; color: #598AC6; text-decoration: none; }
a.link_azul2:active 	{ font:12px Arial, Verdana, Helvetica, sans-serif; color: #598AC6; text-decoration: none; }
a.link_azul2:visited  	{ font:12px Arial, Verdana, Helvetica, sans-serif; color: #598AC6; text-decoration: none; }
a.link_azul2:hover 	{ font:12px Arial, Verdana, Helvetica, sans-serif; color: #000; text-decoration: none; }

a:hover 		{ text-decoration: underline; }
a.menu_footer:link 	{ font:12px Arial, Verdana, Helvetica, sans-serif; color: #FFF; text-decoration: none; }
a.menu_footer:active 	{ font:12px Arial, Verdana, Helvetica, sans-serif; color: #FFF; text-decoration: none; }
a.menu_footer:visited  	{ font:12px Arial, Verdana, Helvetica, sans-serif; color: #FFF; text-decoration: none; }
a.menu_footer:hover 	{ font:12px Arial, Verdana, Helvetica, sans-serif; color: #000; text-decoration: underline; }

.font_arial_preta{ font:12px Arial, Helvetica, sans-serif; color:#000;}
.font_arial_azul { font:12px Arial, Helvetica, sans-serif; color:#598AC6;}

.bd_esq {border-left:1px solid #4C9569;}
.bd_dir { border-right:1px solid #7ABA94;}

/* ************* ESTILO DE BORDAS - glossário ***********************

		LN_DIR_branca	= insere uma linha branca do lado direito
		LN_bottom_cinza	= insere uma linha cinza no fundo

*/

.LN_DIR_branca	{ border-right:1px solid #FFFFFF;}
.LN_bottom_cinza{ border-bottom:1px dashed #CCCCCC}


/* ************* ESTILO DE BACKGROUNDS - glossário ***********************

		Bg_BarraFinal	= Fundo da barra de final de página
		Bg_DegradCinza	= Fundo em degradê cinza dos box de destaque do centro da página
		Bg_LD			= BOrda mais grossa e cor de fundo da coluna da direita da capa
		Bg_DegradBusca	= Fund da barra onde se encontra o menu de navegação e campo de busca
		Bg_TabInterna	= Fundo utilizado em celulas de tabelas usando imagem de 138px para repetição vertical (eixo Y)
		Bg_BarraMenu	= Fundo da barra onde se encontra o menu horizontal no topo do site da GEAP
*/
.Bg_LD 			{background:url("../img/Bgs/bg_LD.jpg") top left repeat-y;}
.Bg_DegradCinza {background:url("../img/Bgs/bg_dergdCinza.jpg") top left repeat-x;}
.Bg_DegradBusca {background:url("../img/Bgs/bg_navigation.jpg") top left repeat-y;}
.Bg_BarraFinal	{background:url("../img/Bgs/bg_BarInfCinza.jpg") top left repeat-x;}
.Bg_TabInterna 	{background-image: url(../img/Bgs/bg_BarInterna.jpg); background-repeat:repeat-y; background-position:right}
.Bg_BarraMenu	{background:url("../img/Bgs/bg_menu_horiz_site.jpg") top left repeat-y;}

/* ************* ESTILO DE CANTONEIRAS - glossário ***********************

		CantoSupMenu	= Insere as bordas arredondadas SUPERIORES do menu (principal) esquerdo
		CantoInfMenu	= Insere as bordas arredondadas INFERIORES do menu (principal) esquerdo e insere BGcolor cinza de fundo.
		CantoSupCentro	= Insere as bordas arredondadas SUPERIORES do quadrante central 
		CantoInfCentro	= Insere as bordas arredondadas INFERIORES do quadrante central 

*/

.CantoSupMenu 	{background:url("../img/cantos/cant_sup_menu.jpg") top left no-repeat;}
.CantoInfMenu 	{background:url("../img/cantos/cant_inf_menu_cinza.jpg"); background-position:bottom; background-repeat:no-repeat; background-color:#C8C8C8;}
.CantoSupCentro {background:url("../img/cantos/cant_sup_centro_cinza.jpg") top left no-repeat;}
.CantoInfCentro {background:url("../img/cantos/cant_inf_centro_cinza.jpg") bottom left no-repeat;}


/* #################################### CSS TABLELESS ########################################################### 
#################################################################################################################*/

#titulo_topo {
background-image:url(../img/seta_laranja.gif); 
background-repeat:no-repeat; 
background-position:left; 
padding-left:15px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: bold; 
color: #000; 
border-bottom:1px solid #AEAEAE
}

#conteudo {
	font:12px Arial, verdana, Helvetica, sans-serif;
	color:#666;
}

/*#conteudo dt {
	font:bold 12px Arial, verdana, Helvetica, sans-serif;
	margin-top:15px;
	padding:10px;
}
#conteudo dd {
	padding-bottom:10px;
}*/

#destaque {
	background: #EEE;
	border:1px dashed #999;
	padding:10px;
}

#destaque_vermelho {
	background: #EEE;
	border:1px dashed #C00;
	padding:10px;
	color:#C00
}

#conteudo hr{
	border:1px dashed #D1D1D1;
}

#conteudo p{
	text-indent:10px;
}

/* ###### TABELAS ###### */

#tabela {
	margin-bottom:20px;
}

#tabela th{
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	background:#3E7954;
	border-bottom:1px solid #204D22;
	padding:5px;
}

#tabela td{
	padding:5px;
}

/* ####### LISTAS DE DEFINIÇÃO */

dl dt{
	font:bold 12px Verdana, Geneva, sans-serif;
	color: #3E7954;
	margin-top:15px;
}

dl dd{
	margin-left:20px;
	margin-top:15px;
}

dl dd ul{
	margin-left:0;
}

dl dd ul li{
	padding:3px;
}

/* ###### CLASSES ###### */


.azul{
	color:#598AC6
}

.alfabeto{
	list-style:lower-latin;
}

.cor{
	background: #E5E5E5;
}