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

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:#006699 url(../imagens/fundogeral.jpg) fixed;
	font-family:Arial;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
	line-height: 18px;
	}

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

div {
	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-family:Impact, "Arial Black", Verdana;
	font-style: normal;
	font-size:25px;
	color: #ffffff;
	font-weight:normal;


	}

h2 {
	font-family:Impact, "Arial Black", Verdana;
	font-size:20px;
	color:#B8E3FE;
	font-weight:normal;


}

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








.TABELA{
	width:inherit;
}

.COLUNA{
	width:180px;
	height:200px;
	padding:3px;
	border:solid 0px #ccc;
	float:left;
	margin:0px 0px 20px 30px;
	text-align:center;
}

.clear{clear:both}

 

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


a:link{
	font-family:Impact;
	font-weight:100;
	font-size:15px;
	color: #ffffcc;
	text-decoration: none; 
}
 a:active, a:visited, {
	font-family:Impact;
	font-weight:100;
	font-size:15px;
	color: #ffffcc;
	text-decoration: none; 
}


a:hover {
	font-family:Impact;
	font-weight:100;
	font-size:15px;
	color: #ffffcc;	
	text-decoration: underline; 
}




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


.link_categoria, 
.link_categoria:link, 
.link_categoria:active,
.link_categoria:visited
{
	color:#FFFFFF;
	font-size:18px;
	font-family:Impact, "Times New Roman", Arial;
}

.link_categoria:hover  {
	font-weight: normal; 
	font-size:20px; 
	text-decoration: none;
	font-family:Impact, "Times New Roman", Arial;

}


/************************************************************************************************************/
/*
.
.
.
.
.
.
.
.
.
.
.
.
. 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-family:Arial;
	font-weight: bold; 
	font-size:10px; 

	text-decoration: none;
}

.link_1:hover { 
	font-family:Arial;
	font-weight: bold; 
	font-size:10px; 	
	
	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;

}
/************************************************************************************************************/
/*
.
.
.
.
.
.
.
.
.
.
.
.
. 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: #000000;
	font-size:10px;		}

.TEXTO_2 {
	color: #ffffff;
	font-size:10px;
	font-weight: bold;	}

.TEXTO_3 {
	color: #ffffff;
	font-size:12px;
	font-weight: bold;	}
	
.TEXTO_4 {
	color: #000000;
	font-size:15px;
	font-weight: bold;	}	
	
.TEXTO_5 {
	color: #ffffff;
	font-size:15px;
	}		
	
	


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


#ESTRUTURA_TOPO {
	padding-left:215px;
 	left:0px;
	top:0px;
	width:735px;
	height:540px;
	z-index:1;
	position: absolute;

	}
	
#ESTRUTURA_MENU {
	width:215px;
	height: 546px;
	z-index: 2;
	position:absolute;
}
	
#ESTRUTURA_CONTEUDO {
     min-height: 200px; /* ALTURA MÍNIMA, PARA O FF */
     height: auto !important; /* ASSIM A DIV AUMENTA CASO O CONTEÚDO ULTRAPASSE A ALTURA MÍNIMA */
     height: 200px; /* ALTURA MÍNIMA, PARA O IE6 */
	 padding-top:370px;
	 width:735px;
	z-index: 1;
	position:relative;

}


	
#ESTRUTURA_RODAPE {
	background:#00FF00;
	width:735px;
	height:100px;
	z-index: 1;
	position:relative;
}


/************************************************************************************************************/
/*
.
.
.
.
.
.
.
.
.
.
.
.
. 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;	}
	
#MOLDURA_RESUMO{
	padding:5px;
	height:60px;
	vertical-align: top;
}

#MOLDURA_LISTA {
	padding:5px;	 }


#MOLDURA_CONTEUDO_TEXTO {  
	padding:5px;	 }


#MOLDURA_TITULOSECAO_G {
	position:relative;
	padding-top:9px;
	padding-left:32px;
	width:490px;
	height: auto !important; /* ASSIM A DIV AUMENTA CASO O CONTEÚDO ULTRAPASSE A ALTURA MÍNIMA */
	height: 38px; /* ALTURA MÍNIMA, PARA O IE6 */
	min-height: 38px; /* ALTURA MÍNIMA, PARA O IE7 */
	z-index:2;
	background-image:url(../imagens/pontilhado_titulo_g.gif);
	background-position:left top;
	background-repeat:no-repeat;
	line-height:normal;
	}
	
#MOLDURA_TITULOSECAO_P {
	position:relative;
	padding-top:9px;
	padding-left:32px;
	width:321px;
	height:38px;
	z-index:2;
	background-image:url(../imagens/pontilhado_titulo_p.gif);
	background-position:left top;
	background-repeat:no-repeat;
	}

#MOLDURA_SUBTITULO {
	position:relative;
	padding-top:0px;
	padding-left:32px;
	width:493px;
	height:38px;
	z-index:2;
	background-image:url(../imagens/subtitulo.gif);
	background-position:left top;
	background-repeat:no-repeat;
	}	


#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 {
	height:15px;
	left:0px;
	top:0px;
	z-index:2;
	margin-bottom:10px;	margin-left:10px;margin-right:10px; margin-top:5px; 
	padding-left:5px; padding-right:5px; padding-bottom:5px;
	text-align:right;
}	
	
#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:absolute; 
	left:200px; 
	top:6px;
	width:250px; 
	z-index: 1; 
	text-align:center; 

}	

#MOLDURA_ICONES_TOPO { 
	position:absolute; 
	top:6px;
	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 {
	margin-top:0px;
	padding:5px;
	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; 
	background-image:url(../imagens/tracos01.gif); background-repeat:repeat-x; 

	text-align: right; 


}


#MOLDURA_TAMANHOFONTE { 
	position:absolute;  
	width:150px; 
	height:auto; 
	left:550px; 
	top:355px;
	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_NEWSLETTER{
	top:455px;
	left:55px;
	width:215px;
	height: 150px;
	z-index: 2;
	position:absolute;
}

#MOLDURA_PROMOCAO{
	width:66px;
	height:65px;
	top:-10px;
	left:-10px;
	position:absolute;
	background-image:url(../imagens/promocao.gif);
	background-position:left top;
	background-repeat:no-repeat;
	z-index:2;

}

#MOLDURA_DESCRICAOSECAO{
	height:100px; 
	margin-bottom:20px;


}



/************************************************************************************************************/
/*
.
.
.
.
.
.
.
.
.
.
.
.
. 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 {
	background:#000000;
	margin-right:8px;
	padding:3px;
	width: 120px;
	height: 90px;
	float: left;

}
.MOLDURA_IMAGEM_01 {
	background:#000000;
	margin-right:8px;
	padding:3px;
	width: 120px;
	float: left;

}

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


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






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





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