/*#####################################################################################*/
/*						  								 							   */
/*						  		INICIO DA FOLHA DE ESTILO							   */
/*						  								 							   */
/*#####################################################################################*/

* { font-family:Arial, Helvetica, sans-serif; font-size:12px; }

body { 
	text-align: left; 
	background-color: #273045;
	background-image:url(img/textura.png);
    background-repeat: repeat-y;
	background-position:center top;
	behavior: url(ext/csshover.htc); /*Script para  realçar linhas nas Tabelas*/	
	overflow-x: hidden;	
	margin:0;
}

form { font-family:Arial, Helvetica, sans-serif;	font-size:12; }

textarea { font-family:Arial, Helvetica, sans-serif;	font-size:12; }

select { font-family:Arial, Helvetica, sans-serif;  font-size:12; }

p { margin: 0 0 15px 0; } /* definindo a margem dos parágrafos */

table td, tr {
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
}

/*#####################################################################################*/
/*						  								 							   */
/*							 	DEFINIÇÕES PERSONALIZADAS							   */
/*						  								 							   */
/*#####################################################################################*/

h1, h2, h3, h4, h5 {
   color: #3F5172;
   font-weight:normal;
   font-size:20px;	
}

a:link { /* Definição do comportamento e estilo dos LINKS */
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
   color: #FFF;
   font-weight: bold;
}
a:active {
	text-decoration: none;
}
a{
   color: #3F5172;
   font-weight:bold;
}

a#titulodestaque:hover {
   text-decoration: none;	
   color: #FFF;
}
a#titulodestaque:active {
	text-decoration: none;
}
a#titulodestaque{
   text-decoration: none;	
   font-size:16pt;
   color: #3F5172;
   font-weight: normal;
}

a, form { position:relative; } /* RESOLVE O BUG DO BLOQUEIO DE LINKS/FORM COM O FILTER DO PNG TRANSPARENTE NO IE6 */

#linha_vertical {
	position:absolute;
	left: 595px;
	top:25px;
    border-left:1px dotted  #3F5172;
	height: 575px;
}
#leia_mais {
	position:absolute;
	width:200px;
	height:50px;
	left: 385px;
	top:310px;
}
#cabecalho {
	margin-left:-10px;	
}

table#diretoria td {
	border-bottom: #3F5172 1px dotted;	
}

/*#####################################################################################*/
/*						  								 							   */
/*				  	DEFINIÇÕES DA ESTRUTURA DE LAYOUT DA PÁGINA 					   */
/*						  								 							   */
/*#####################################################################################*/

#geral {
	position: relative;
	background:url(img/fundo2.png);
	_background-image: none;
	_Filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fundo2.png', sizingMethod='scale');		
	background-repeat:repeat-y;
	margin:0 auto;
	width: 992px;
	min-height: 600px;

	/*display:table;*/
	}
		#geral:after{ /* Solução para o fundo acompanhar até o final no FF */
			content:".";
			display:block;
			clear:both;
			visibility:hidden;
			height:0;
			overflow:hidden;
		}
#fundo {
	background:url(img/fundo.png);
	background-repeat: no-repeat;
	background-color:#CED4DF;
	margin-left: 23px;
	padding-bottom:10px;
	position: relative;
	width: 946px;	

	}
		#fundo:after{ /* Solução para o fundo acompanhar até o final no FF */
			content:".";
			display:block;
			clear:both;
			visibility:hidden;
			height:0;
			overflow:hidden;
		}	

#topo { 
	position: relative;
	background:url(img/topo.png);
	_background-image: none;
	_Filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/topo.png', sizingMethod='scale');		
	margin:0 auto;
	width: 992px;
	height:127px;
}

#rodape {
	position: relative;
	background:url(img/rodape.png);
	_background-image: none;
	_Filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/rodape.png', sizingMethod='scale');		
	margin:0 auto;
	width: 992px;
	height:169px;
	clear: both;  
}

#menu {
	background:url(img/menu.png);
    display:block;
	float:left; 
	width:207px;
	margin-left:10px;	
	_margin-left:10px;		
	margin-top:15px;		
	height:565px;
	padding:10px;
	color:#D0D6DF;	
}
#tab_menu td {
	border-bottom: 1px dotted #CCC;
	height:20px;	
	*height:19px;
}
#tab_menu td a {
	color:#D0D6DF;
	font-weight:normal;
}
#tab_menu td a:hover {
	color: #FFF;
	font-weight:normal;
}

#quadro {
	float:left;
	width:324px;
	margin-left:5px;
	margin-top:5px;	
	padding: 10px;
	border: none;
	height: 296px;	
	overflow:hidden;
	text-align:justify;
}

#conteudo {
	float:left;
	font:Arial, Helvetica, sans-serif;
	font-size:12;
	text-align:justify;
	margin-left:10px;
	margin-top:15px;
	min-height: 300px;
	width: 665px;
	padding-left:10px;	
}
#banner {
	position:absolute;
	left:305px;
	top: 34px;
	width:652px;
	}
#logo {
	position:absolute;
	left:30px;
	top: 35px;
	width:200px;
	}	

/*#####################################################################################*/
/*						  								 							   */
/*								DEFINIÇÕES DE TABELA DO SISTEMA						   */
/*						  								 							   */
/*#####################################################################################*/

table{
	width: 100%;
}

/* TABELA DE NAVEGAÇÃO */
table#navega {
	width: 100%;
	font-size:8pt;
	border-spacing:0px;
    *border-collapse: collapse; /* hack is needed for IE7 also */	
}
table#navega td {
	/*border-left: 1px dotted #CCCCCC;*/
	border-bottom: #333333 1px dotted;	
	padding-left:5px;
	padding-right:5px;
	font-size:10pt;	
	padding:5px;	
}
table#navega th {
	border-left: 1px solid #666666;
	border-bottom: 2px solid #2D3750;
	background: #B9C0D0;
	font-size:10pt;	
}

/* GRID ZEBRADO E REALCE*/
#grid {   
    /*background-color:#999999;*/
    overflow:auto;
	width:100%;
	min-height:520px;
    border: #333333 1px dotted;
	/*background-color:#FFF;*/
}
tbody tr.menu  {
	background-color: ;
	
}
tbody tr.menu:hover   {
	background-color:  #415175;
}
tbody tr.par  {
	/*background-color: #eee;*/
}
tbody tr.impar  {
	/*background-color: #fff;*/
}

/*Realçar Linhas nas Tabelas*/
tbody tr.par:hover, tbody tr.impar:hover { 
	background-color: #415175;
	color: #FFFFFF;
} 
/*Realçar Linhas nas Tabelas*/
tbody tr.menu:hover { 
	background-color: #415175;
	color: #FFFFFF;
} 	

/* TABELA DE CAMPOS */
table#campos {
	width: 100%;
}

/*#####################################################################################*/
/*						  								 							   */
/*						  		FINAL DA FOLHA DE ESTILO							   */
/*						  								 							   */
/*#####################################################################################*/