/**************************

ESSE ARQUIVO CONTROLA estilos de fontes, links, estrutura, molduras e formularios

REFERENCIAS:

	ESTRUTURA_	=	controla a estrutura de todo o site
	MOLDURA_	=	controla as molduras e contornos dos elementos e detalhes do site
	TEXTO_		=	personaliza diferentes tipos de textos
	LINK_		=	personaliza outros tipos de link
	ENTRELINHA_	=	controla diferentes espaços entre as linhas e elementos


***************************/





/************************************************************************************************************
 C O N F I G U R A C O E S    B A S I C A S
************************************************************************************************************/


* {
/* Zera todas as configurações  */
	text-decoration:none;
	list-style:none;
	border:none;
}

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background: #666666 url(../imagens/fundogeral.jpg) fixed; background-repeat:repeat-x;  
	font-family: "Trebuchet MS", Verdana;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	}



.vermelho { /* configura paragrafos */
	color:#CC0000;
	font-weight:bold;
	margin-top: 1px; /* espaco entre os paragrafos */
	text-align: justify;
	}

div {
	font-family: "Trebuchet MS", Verdana;
	font-size: 11px;
	color: #000000;
	text-decoration: none;

}



/*  Para o IE barra colorida. Deve ser colocada na tag BODY
	scrollbar-face-color: #71C6FF;
	scrollbar-highlight-color: #0068aa;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-shadow-color: #0068aa;
	scrollbar-arrow-color: #2587c5;
	scrollbar-track-color: #f9f7f7;
	line-height: 20px;
}
*/

/************************************************************************************************************/
/*
.
.
.
.
.
.
.
.
.
.
.
. 
. espaco entre cada nova categoria de configuracao
.
.
.
.
.
.
.
.
.
.
.
.
.
.
*/
/************************************************************************************************************
# TÍTULOS
************************************************************************************************************/

h1 {
	height:50px;
	padding:0px 0px 0px 10px;
	font-style: normal;
	font-weight:bold;
	font-size:20px;
	color: #000000;
	letter-spacing: 1px;
	margin-top: 1px; 
	margin-bottom: 5px;
	background-image:url(../imagens/h1.gif); background-repeat:no-repeat; background-position:left;
		text-transform: uppercase;
	}

h2 {
	font-style: normal;
	font-weight:bold;
	font-size:14px;
	color: #000000;
	letter-spacing: 1px;
	margin-top: 1px; 
	margin-bottom: 1px; 
}

h3 {
	font-style: normal; 
	font-weight:bold;
	font-size:16px;
	color: #000000;
	letter-spacing: 1px;
	margin-top: 1px; 
	margin-bottom: 1px; 
	text-transform: uppercase;
}

h4 {
	font-style: normal; 
	font-weight:bold;
	font-size:12px;
	color: #000000;
	letter-spacing: 1px;
	margin-top: 1px; 
	margin-bottom: 1px; 
}

h5 {
	font-style: normal; 
	font-weight:bold;
	font-size:10px;
	color: #000000;
	letter-spacing: 1px;
	margin-top: 1px; 
	margin-bottom: 1px; 
}

/************************************************************************************************************/
/*
.
.
.
.
.
.
.
.
.
.
.
.
.
. espaco entre cada nova categoria de configuracao
.
.
.
.
.
.
.
.
.
.
.
.
.
*/
/************************************************************************************************************
# LISTA
************************************************************************************************************/

li {
	font-style: normal;
	margin-top: 1px;
	margin-bottom: 5px;
	color:#FFFFFF;
} 

ul {
	font-style: normal; 
	margin-top: 1px; 
	margin-bottom: 5px; 
		
}  

 
/************************************************************************************************************/
/*
.
.
.
.
.
.
.
.
.
.
.
.
.
. espaco entre cada nova categoria de configuracao
.
.
.
.
.
.
.
.
.
.
.
.
.
*/
/************************************************************************************************************
# L I N K   P A D R A O
************************************************************************************************************/


a:link, a:active, a:visited, {
	font-weight: bold;
	color: #CC0000;
	text-decoration: none; 
}


a:hover {
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	position: relative;
	top: 1px;
	left: 1px;
	border-bottom-width: 1px;
}




.link_aumentafonte, 
.link_aumentafonte:link, 
.link_aumentafonte:active,
.link_aumentafonte:hover  {
	font-weight: bold; 
	font-size:16px; 
	text-decoration: none;
}



.link_diminuifonte, 
.link_diminuifonte:link, 
.link_diminuifonte:active,
.link_diminuifonte:hover  {
	font-weight: bold; 
	font-size:10px; 
	text-decoration: none;
}




/************************************************************************************************************/
/*
.
.
.
.
.
.
.
.
.
.
.
.
. espaco entre cada nova categoria de configuracao
.
.
.
.
.
.
.
.
.
.
.
.
.
.
*/
/************************************************************************************************************
# L I N K S    P E R S O N A L I Z A D O S  
************************************************************************************************************/




.link_1, 
.link_1:link, 
.link_1:active, 
.link_1:visited   {
	font-weight: bold; 
	font-size:10px; 
	color: #999999;	
	text-decoration: none;
}

.link_1:hover { 
	font-weight: bold; 
	font-size:10px; 	
	color: #999999;	
	text-decoration: none;
}


/************************************************************************************************************/


.link_2, 
.link_2:link, 
.link_2:active, 
.link_2:visited   {
	font-weight: bold; 
	font-size:10px; 
	color: #006699;	
	text-decoration: none;
}

.link_2:hover { 
	font-weight: bold; 
	font-size:10px; 	
	color: #006699;	
	text-decoration: none;
}


/************************************************************************************************************/

.link_3, 
.link_3:link, 
.link_3:active, 
.link_3:visited   {
	font-weight: bold; 
	font-size:10px; 
	color: #006699;	
	text-decoration: none;
}

.link_3:hover {
	font-weight: bold;
	font-size:10px;
	color: #006699;
	text-decoration: none;

}
/************************************************************************************************************/

.link_4, 
.link_4:link, 
.link_4:active, 
.link_4:visited   {
	font-weight: bold; 
	font-size:12px; 
	color: #990000;	
	text-decoration: none;
}

.link_4:hover {
	font-weight: bold;
	font-size:12px;
	color: #990000;
	text-decoration: none;

}
/************************************************************************************************************/

.link_5, 
.link_5:link, 
.link_5:active, 
.link_5:visited   {
	font-weight: bold; 
	font-size:18px; 
	color: #990000;	
	text-decoration: none;
}

.link_5:hover {
	font-weight: bold;
	font-size:18px;
	color: #990000;
	text-decoration: none;

}


.link_6, 
.link_6:link, 
.link_6:active, 
.link_6:visited   {
	font-weight: bold; 
	font-size:12px; 
	color: #999999;
	text-decoration: none;
}

.link_6:hover {
	font-weight: bold;
	font-size:12px;
	color: #CCCCCC;
	text-decoration: none;

}
/************************************************************************************************************/
/*
.
.
.
.
.
.
.
.
.
.
.
.
. espaco entre cada nova categoria de configuracao
.
.
.
.
.
.
.
.
.
.
.
.
.
.
*/
/************************************************************************************************************
# T E X T O S    P E R S O N A L I Z A D O S		
************************************************************************************************************/


.TEXTO_1 {
	color: #999999;
	font-size:10px;		}

.TEXTO_2 {
	color:#CC0000;
	font-size:12px; 
	font-weight:bold;	}

.TEXTO_3 {
	color: #999999;
	font-size:14px;
	font-weight: bold;	}
	
.TEXTO_4 {
	color: #999999;
	font-size:16px;
	font-weight: bold;	}	
	
.TEXTO_5 {
	color: #999999;
	font-size:12px;
	}		
	




/************************************************************************************************************/
/*
.
.
.
.
.
.
.
.
.
.
.
. espaco entre cada nova categoria de configuracao
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
*/

/************************************************************************************************************
# E S T R U T U R A    G E R A L 
************************************************************************************************************/

#ESTRUTURA_CENTRALIZADOR { /*centraliza toda a estrutura*/
	margin:0px auto;
	width:780px; 
	height:100%;	
	position: relative;
}


#ESTRUTURA_TOPO { 
 	left:0px;
	top:0px;
	width:780px;
	height:380px;
	z-index:1;
	position: relative; 
	}
	
#ESTRUTURA_LATERALESQUERDA {
	width:150px;
	height: 400px;
	z-index: 1;
	background:#0000FF;
	position:absolute;
}

#ESTRUTURA_CONTEUDO {
     min-height: 350px; /* ALTURA MÍNIMA, PARA O FF */
     height: auto !important; /* ASSIM A DIV AUMENTA CASO O CONTEÚDO ULTRAPASSE A ALTURA MÍNIMA */
     height: 350px; /* ALTURA MÍNIMA, PARA O IE6 */
	 
	left:145px;
	width:625px;
	z-index: 1;
	position:relative;
	background:#ffffff;
}


	
#ESTRUTURA_RODAPE {
	
	background: #DBE0DC;
	font-weight:bold;
	text-align:center;
	height:22px;
	z-index: 1;
	position:relative;
	left:165px;
	width:585px;
	top:-22px;
	
}


/************************************************************************************************************/
/*
.
.
.
.
.
.
.
.
.
.
.
.
. espaco entre cada nova categoria de configuracao
.
.
.
.
.
.
.
.
.
.
.
.
.
.
*/
/************************************************************************************************************
# M O L D U R A S	
************************************************************************************************************/

#MOLDURA_CENTRALIZADOR { /*centraliza toda a estrutura*/
	margin:0px auto;
	width:700px; 
	position: relative;
}

#MOLDURA_CONTEUDO {  
	padding:15px 25px 45px 25px;	 }


#MOLDURA_CONTEUDO_TEXTO {  
	padding:5px;	 }


#MOLDURA_TITULOSECAO {
	position:relative;
	left:10px;
	width:400px;
	height:30px;
	z-index:2;
	padding: 5px; 
	background:#FFCC00;	}
	

#MOLDURA_DESCRICAOSECAO {
	position:relative;
	left:10px;
	width:500px;
	height:30px;
	z-index:2;
	padding: 5px; 
	background: #FF66FF;	}	


#MOLDURA_VOLTAR {
	position:relative;
	width:120px; 
	left:500px;
	height:12px; 
	padding:5px; 
	right:10px;
	top:0px;
	z-index:3;
	text-align:right; 
	background:#9900FF;	}


#MOLDURA_ITEMDELISTA {  

	margin-left:10px; 
	margin-right:10px; 
	margin-top:5px; 
	padding:5px;
	z-index: 1; 
	position:relative; }	
	
#MOLDURA_LERMAIS {
	left:0px;
	top:0px;
	z-index:2;
	margin-bottom:20px;	margin-left:10px;margin-right:10px; margin-top:10px;
	padding-left:5px; padding-right:5px; padding-bottom:5px; padding-top: 5px;
	text-align:right;
	background-image: url(../imagens/tracos01.gif);	background-repeat: repeat-x; background-position: top;
}	
	
#MOLDURA_FORMULARIO {

	width:500px;
	padding: 5px;
	border: 1px solid #000000;
	margin-bottom:20px;		
	background:#ebebec; 

}	

#MOLDURA_BOTAO {
	width:80px;
	height:14px;
	margin:5px;
	padding:5px;
	border: 1px solid #cccccc;
	background:#F8F8F8;
	background-image:url(../imagens/fundo_botao.gif);
	text-align:center;
	vertical-align: middle;
}	

#MOLDURA_ALTURAMINIMA {
	width:5px;
	height:400px;
	}

	
#MOLDURA_CONTEUDO_IFRAME { /*simula iframe, mas nao serve pra chamar outros arquivos*/

	clear:both;
	overflow:auto; 
	right:500px; 
	position:relative; 
	top:0px; 
	left:225px;
	width:559px; 
	padding:0px; padding-bottom:20px;
	z-index:1; 
}	

#MOLDURA_LOGO_PRAXYS {
	z-index: 1;
	position:relative; 
	padding:2px; 
	margin-top:10px; 
	text-align:center;
	left:145px;
	width:625px;
}	

#MOLDURA_DATA { 
	position:relative; 
	left:400px; 
	top:10px;
	width:250px; 
	z-index: 1; 
	text-align:center; 
	background:#99FF00; 
}	

#MOLDURA_ICONES_TOPO { 
	position:absolute; 
	top:130px;
	left:650px;
	width:250px; 
	z-index: 1; 

}	

#MOLDURA_LINKS_TOPO { 
	position:absolute; 
	top:10px;
	width:250px; 
	z-index: 1; 
}	

#MOLDURA_NAVEGACAO_TOPO { 
	position:relative; 
	top:10px;
	width:250px; 
	z-index: 1; 
}	

#MOLDURA_LINKS_RODAPE {
 
	padding:10px;
	z-index: 1; 
	text-align:center;
	position:relative;
	left:145px;
	width:625px;

}

#MOLDURA_AMPLIAR {
	width:130px;
	height:15px;
	padding:5px;
	padding-right:20px;
	position:relative;
	text-align: right;

}


#MOLDURA_PAGINACAO {
	width:auto;
	height:15px;
	padding:5px; margin-left:10px; margin-right:10px; margin-bottom:10px; margin-top:20px; 
	background-image:url(../imagens/tracos01.gif); background-repeat:repeat-x; background: #FFFF00;

	text-align: right; 


}


#MOLDURA_TAMANHOFONTE { 
	position:absolute;  
	width:200px; 
	height:auto; 
	left:390px; 
	top:10px;
	z-index:3;
	margin-bottom:10px;	margin-left:10px; margin-right:10px; 
	padding-left:5px; padding-right:5px; padding-bottom:5px;
	text-align:right;
	
}	



#MOLDURA_X A{ /* exemplo de moldura com mouse over e opacidade */
	background-color: #ffffff;
	filter: alpha(opacity=40);
	opacity: .2;
}

#MOLDURA_X A:hover {
	background-color:#ffffff;
	filter:alpha(opacity=10);
	opacity:.3;
}

#MOLDURA_RELOGIO{ 
	width:200px;
	height:200px; 
	background:#0099CC; 
}

#MOLDURA_BOTAO_OUCAOTEXTO { 
	position:absolute; 

	width:150px; 
	height:auto; 
	left:410px; 
	z-index:10;
	margin-bottom:10px;	margin-left:10px; margin-right:10px; 
	padding-left:5px; padding-right:5px; padding-bottom:5px;
	text-align:right;

}	

/************************************************************************************************************/
/*
.
.
.
.
.
.
.
.
.
.
.
.
. espaco entre cada nova categoria de configuracao
.
.
.
.
.
.
.
.
.
.
.
.
.
.
*/
/************************************************************************************************************
#ENTRELINHAS
************************************************************************************************************/

#ENTRELINHA_1 {
	height:10px;	}

#ENTRELINHA_2 {
	height:20px;	}

#ENTRELINHA_3 {
	height:30px;	}

#ENTRELINHA_4 { 
	height: 40px;	}
	
#ENTRELINHA_5 { 
	height: 50px;	}	
	


#ENTRELINHA_TRACOS_1 { 
	height: 10px;
	background-image:url(../imagens/tracos.gif);	}	
	
#ENTRELINHA_TRACOS_2 { 
	height: 20px;
	background-image:url(../imagens/tracos.gif);	}	
	
#ENTRELINHA_TRACOS_3 { 
	height: 30px;
	background-image:url(../imagens/tracos.gif);	}			
	
/************************************************************************************************************/
/*
.
.
.
.
.
.
.
.
.
.
.
.
. espaco entre cada nova categoria de configuracao
.
.
.
.
.
.
.
.
.
.
.
.
.
.
*/
/************************************************************************************************************
# I M A G E N S		( Configurações das imagens )
************************************************************************************************************/

A:hover img {filter:alpha(opacity=85); -moz-opacity: 0.80; opacity: 0.80;}

.MOLDURA_IMAGEM_01 { 

	padding:0px 15px 0px 0px;
	background: #FFFFFF;
	
}

#MOLDURA_IMAGEM_02 {
	border:1px solid #666666;
	width:200px;
	height:200px;
	margin:10px; 
	padding:10px;
	background-image:url(../imagens/moldura01.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #CCCCCC;
	

}

#MOLDURA_IMAGEM_03 { 
	width:auto;
	height:auto;
	background:url(../imagens/moldura02.gif) no-repeat center;
	padding:5px ;
}

#MOLDURA_BANDEIRAS{
	position:absolute;
	right: 20px;
	top:50px;
}


/************************************************************************************************************/
/*
.
.
.
.
.
.
.
.
.
.
.
.
. espaco entre cada nova categoria de configuracao
.
.
.
.
.
.
.
.
.
.
.
.
.
.
*/

/************************************************************************************************************
# B O T Õ E S 
************************************************************************************************************/

#BOTAO_VOLTAR {
	height: 20px;	
	width: 550px;	
	vertical-align: middle;	
	text-align:left;	
	position:absolute;
	z-index: 30;}	
	
#BOTAO_ACESSAR {
	height: 20px;	
	width: 600px;	
	vertical-align: middle;	
	text-align:right;	
	position:absolute; 
	z-index: 30; 
}	

#BOTAO_LEIAMAIS {
	height: 20px; text-align:right; }	
	


/************************************************************************************************************/
/*
.
.
.
.
.
.
.
.
.
.
.
.
. espaco entre cada nova categoria de configuracao
.
.
.
.
.
.
.
.
.
.
.
.
.
.
*/
/************************************************************************************************************
# F O R M U L Á R I O S
************************************************************************************************************/



textarea {
	background-color: #ffffff; 	
	border: 1px solid #333333;
	padding: 2px;
}


input {
	background-color: #ffffff;
	border: 1px solid #333333;
	padding: 2px;
	}



select {
	background-color: #ffffff;
	border: 1px solid #333333;
	padding: 2px;
}


/************************************************************************************************************/
/*
.
.
.
.
.
.
.
.
.
.
.
.
. espaco entre cada nova categoria de configuracao
.
.
.
.
.
.
.
.
.
.
.
.
.
.
*/



/************************************************************************************************************
# P A G I N A C A O
************************************************************************************************************/




  
    
   
    

	
	/******************************************************
	# lkFirstPage (Link que vai para primeira página)
	*******************************************************/
	.lkFirstPage {
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkFirstPage:link {
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkFirstPage:active{
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkFirstPage:visited {
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkFirstPage:hover { 
		font-weight: bold; 
		font-size:10px; 	
		color: #FFFF00;	
		text-decoration: underline;
	}



	/******************************************************
	# .lkBack (Link voltar para página 'Anterior')
	*******************************************************/
	.lkBack {
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkBack:link {
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkBack:active{
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkBack:visited {
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkBack:hover { 
		font-weight: bold; 
		font-size:10px; 	
		color: #FFFF00;	
		text-decoration: underline;
	}


	/******************************************************
	# .lkRewind (Link que vai para seções anteriores <...) 
	*******************************************************/
	.lkRewind {
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkRewind:link {
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkRewind:active{
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkRewind:visited {
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkRewind:hover { 
		font-weight: bold; 
		font-size:10px; 	
		color: #FFFF00;	
		text-decoration: underline;
	}

	
	/******************************************************
	# .lkForward (Link que vai para próxima seção  '..>>') 
	*******************************************************/
	.lkForward {
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkForward:link {
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkForward:active{
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkForward:visited {
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkForward:hover { 
		font-weight: bold; 
		font-size:10px; 	
		color: #FFFF00;	
		text-decoration: underline;
	}


	/******************************************************
	# .lkNext (Link que vai para próxima página  'Próxima') 
	*******************************************************/
	.lkNext{
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkNext:link {
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkNext:active{
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkNext:visited {
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkNext:hover { 
		font-weight: bold; 
		font-size:10px; 	
		color: #FFFF00;	
		text-decoration: underline;
	}




	/******************************************************
	# lkFirstPage (Link que vai para primeira página)
	*******************************************************/
	.lkLastPage {
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkLastPage:link {
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkLastPage:active{
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkLastPage:visited {
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkLastPage:hover { 
		font-weight: bold; 
		font-size:10px; 	
		color: #FFFF00;	
		text-decoration: underline;
	}



	/******************************************************
	# .lkList (A lista de links da paginação)
	*******************************************************/
	.lkList {
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkList:link {
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkList:active{
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkList:visited {
		font-weight: bold; 
		font-size:10px; 
		color: #FFFF00;	
		text-decoration: none;
	}
	
	.lkList:hover { 
		font-weight: bold; 
		font-size:10px; 	
		color: #FFFF00;	
		text-decoration: underline;
	}


	.radio {
	border:0px;
	}



    .selected {
        text-decoration: underline;
        font-size: 14px;
        color: green;
    }
    .pagInfo {
        text-decoration: none;
        font-size: 12px;
        color: darkgray;
    }
    .pagInfoNumbers {
        font-size: 10px;
        color: gray;
    }


/************************************************************************************************************/