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

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: #000000 url(../imagens/fundogeral.jpg) repeat-x; 
	font-family:"Trebuchet MS";
	font-size:11px;
	color: #cccccc;
	text-decoration: none;
	}

p { /* configura paragrafos */
	margin-top: 1px; /* espaco entre os paragrafos */
	text-align: justify;
	}



div {
	font-size: 11px;
	color: #FFFFFF;
	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 {
	font-style: normal;
	font-weight:bold;
	font-size:13px;
	color: #FFCC00;
	letter-spacing: 1px;
	margin-top: 1px; 
	margin-bottom: 10px; 	
	}

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

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

h4 {
	font-style: normal; 
	font-weight:bold;
	font-size:18px;
	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 {
	font-weight: bold;
	font-size:11px;
	color: #FFCC00;
	text-decoration: none; 
}
a:active {
	font-weight: bold;
	font-size:11px;
	color: #FFCC00;
	text-decoration: none; 
}
a:visited {
	font-weight: bold;
	font-size:11px;
	color: #FFCC00;
	text-decoration: none; 
}



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

	border-bottom-color: #CCCCCC;
}




.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 {
	font-weight: normal;
	font-size:1px; 
	color: #ffffff;	
	text-decoration: none; 
	
}

.link_1:link {
	font-weight: normal;
	font-size:13px; 
	color: #ffffff;	
	text-decoration: none;
}
 
.link_1:active {
	font-weight: normal;
	font-size:13px; 
	color: #ffffff;	
	text-decoration: none;
}
 
.link_1:visited   {
	font-weight: normal;
	font-size:13px; 
	color: #ffffff;	
	text-decoration: none;
}

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


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


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

.link_2:hover { 
	font-weight: bold; 
	font-size:10px; 	
	color: #999999;
	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;

}
/************************************************************************************************************/
/*
.
.
.
.
.
.
.
.
.
.
.
.
. 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: #999999;
	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;
	}		
	
.TEXTO_6 {
	color: #FFF;
	font-size:14px;
		font-weight: bold;
	}		
	


/************************************************************************************************************/
/*
.
.
.
.
.
.
.
.
.
.
.
. 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:900px; 
	height:100%;	
	position: relative;
}


#ESTRUTURA_TOPO { 
 	left:0px;
	top:0px;
	width:900px;
	height:172px;
	z-index:1;
	position: relative;	
	}
	
#ESTRUTURA_MENU { 
 	left:0px;
	top:0px;
	width:900px;
	height:45px;
	z-index:1;

	position: relative;	
	}

#ESTRUTURA_MENU_ESQUERDO {
	width:185px;
	height: 420px;
	z-index: 2;
	position:absolute;
	padding-top:10px;
}


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

	padding-left:175px;
}


	
#ESTRUTURA_RODAPE {
	background:#00FF00;
	width:900px;
	height:80px;
	z-index: 1;
	background:url(../imagens/rodape.jpg) no-repeat;
	padding-top:10px;
	position:relative;
	vertical-align: top;	
}


/************************************************************************************************************/
/*
.
.
.
.
.
.
.
.
.
.
.
.
. 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:5px;
	vertical-align: bottom;
}


#MOLDURA_CONTEUDO_TEXTO {  
	padding:5px;	 }


#MOLDURA_TITULOSECAO {
	position:relative;
	left:10px;
	width:400px;
	height:30px;
	z-index:2;
	padding: 5px; 
	background:#FFCC00;	}
	
#MOLDURA_SUBTITULO {
	position:absolute;
	left:150px;
	width:200px;
	height:10px;
	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:0px;	margin-left:10px;margin-right:10px; margin-top:10px;
	padding-left:5px; padding-right:5px; padding-bottom: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:#F8F8F8; 

}	

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

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

#MOLDURA_ICONES_TOPO { 
	position:relative; 
	top:10px;
	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;
	
}

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

	text-align: CENTER; 


}


#MOLDURA_TAMANHOFONTE { 
	position:absolute;
	top:20px;
	width:200px; 
	height:auto; 
	left:600px; 
	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_NEWSLETTER{
	top:15px;
	left:525px;
	position:absolute;
	vertical-align:top;
	}

/************************************************************************************************************/
/*
.
.
.
.
.
.
.
.
.
.
.
.
. 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/tracos01.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 { 
	border:0px;
	width:200px;
	height:104px;
}

.IMAGEM_PEQUENA { 
	border:1px solid #FFCC00;
	padding:5PX;;
	width:100px;
	
}

.MOLDURA_IMAGEM_02 {
	width:153px;
	height:113px;
	margin:10px 15px 0px 0px;
	padding:10px 24px 10px 24px; 
	background-image: url(../imagens/video.gif);
	float: left;

	

}

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

/************************************************************************************************************/
/*
.
.
.
.
.
.
.
.
.
.
.
.
. 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; }	
	
#BOTAO_DESCONECTAR {
	height: 15px;	
	width: 120px; 
	top:24px; 
	left:590px;

	text-align:left;	
	position:absolute;
	z-index: 30; 

	}	
	

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



textarea {
	background-color: #666666;
	border: 1px solid #999999;
	padding: 2px;
	font-style:normal;
	color: #FFFFFF;
}


input {
	background-color: #666666;
	border: 1px solid #999999;
	padding: 2px;
	font-style:normal;
	color: #FFFFFF;
	}



select {
	background-color: #666666;
	border: 1px solid #999999;
	padding: 2px;
	font-style:normal;
	color: #FFFFFF;
}


/************************************************************************************************************/
/*
.
.
.
.
.
.
.
.
.
.
.
.
. 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: #FFFFFF;	
		text-decoration: none;
	}
	
	.lkFirstPage:link {
		font-weight: bold; 
		font-size:10px; 
		color: #FFFFFF;	
		text-decoration: none;
	}
	
	.lkFirstPage:active{
		font-weight: bold; 
		font-size:10px; 
		color: #FFFFFF;	
		text-decoration: none;
	}
	
	.lkFirstPage:visited {
		font-weight: bold; 
		font-size:10px; 
		color: #FFFFFF;	
		text-decoration: none;
	}
	
	.lkFirstPage:hover { 
		font-weight: bold; 
		font-size:10px; 	
		color: #FFFFFF;	
		text-decoration: underline;
	}



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


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

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


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




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



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






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


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