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

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

html {
	overflow-x: hidden;
	overflow-y: scroll;
}

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

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

input { 
	background-color: #FFF; 
	font: 18px Arial, Helvetica, sans-serif;
	color:#2665A3;
	border:1px solid #999999;
}

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

object, a { outline:0; }

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

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

h1, h2, h3, h4, h5 {
   color: #335278;
   font-weight:normal;
   font-size:20px;
   margin:0px;
}

hr {
	height:1px;
}

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

a.link_home {
   text-decoration: none;	
   color: #FFF;
   font-weight:normal;   
}
a.link_home:hover {
   text-decoration: none;	
   color: #3F95B1;
}
a.link_home:active {
	text-decoration: none;
}

a.paginacao:hover {
   text-decoration: none;	
   font-size:20px;
   color: #CCC;
   font-weight: bold;
}
a.paginacao:active {
   text-decoration: none;	
   font-size:20px;
   color: #CCC;
   font-weight: bold;
}
a.paginacao {
   text-decoration: none;	
   font-size:20px;
   color: #335278;
   font-weight: bold;
}
a.livros {
   text-decoration: none;	
   font-size:20px;
   color: #339BD2;
   font-weight: bold;
}
a.filmes {
   text-decoration: none;	
   font-size:20px;
   color: #77B028;
   font-weight: bold;
}
a.musicas {
   text-decoration: none;	
   font-size:20px;
   color: #FD7337;
   font-weight: bold;
}
a.imagens {
   text-decoration: none;	
   font-size:20px;
   color: #CDA630;
   font-weight: bold;
}


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

#linha_horizontal {
	float: left;
    border-bottom:1px dotted  #666666;
	width: 532px;
	margin-top:-10px;		
	*margin-top:-30px;
	margin-bottom:10px;
}
#leia_mais {
	position:absolute;
	width:200px;
	height:50px;
	left: 385px;
	top:310px;
}
#cabecalho {
	margin-left:0px;	
	margin-top:10px;
	margin-bottom:0px;
}

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

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

#geral {
/*	background:url(img/fundo.jpg);
	background-repeat:repeat-x;*/
	background-color: #FFF;
	float:left;
	width:100%;
	min-height:300px;	
}


#banner_home { 
	position: absolute;
	margin-left:-496px;
	z-index:1;
    left:50%;
	top:275px;	
	width: 992px;
	height:50px;
	text-align:center;
}

#label_livros { 
	width: 120px;
	height:22px;
	padding-top:5px;
	text-align:center;
}

#label_filmes { 
	width: 120px;
	height:22px;
	padding-top:5px;	
	text-align:center;
}

#label_musicas { 
	width: 120px;
	height:22px;
	padding-top:5px;	
	text-align:center;
}

#label_imagens { 
	width: 120px;
	height:22px;
	padding-top:5px;	
	text-align:center;
}


#topo { 
	float: left;
	margin-top:3px;	
	width: 100%;
	height:272px;
    overflow:hidden;
	text-align:center;
}

#topo_interno { 
	float: left;
	margin-top:3px;	
	width: 100%;
	height:149px;
    overflow:hidden;
	text-align:left;
}

#quadro_home { 
	position: absolute;
	margin-left:-405px;
	z-index:5;
    left:50%;
	top:355px;	
	width: 810px;
	height:200px;
}


#rodape { 
    background-image:url(img/fundo_rodape.png);
	background-repeat:repeat-x;
	background-color:#FFF;
	padding:20px;
	color:#999;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 100%;
	height:160px;
    overflow:hidden;
}

#menu {
    display:block;
	float:left; 
	width:280px;
/*	height:79px;*/
	margin-left:0px;
}
#tab_menu td {
	border-bottom: 1px dotted #CCC;
	height:25px;	
	*height:21px;
}
#tab_menu td a {
	color:#D0D6DF;
	font-weight:normal;
}
#tab_menu td a:hover {
	color: #FFF;
	font-weight:normal;
}

#quadro_destaque {
	background-image:url(img/quadro_home.png);
	background-repeat:no-repeat;
	float:left;
	width:250px;
	height:160px;
	padding: 15px;
	padding-top: 25px;
	text-align: left;
}

#quadro {
	float:right;
	width:275px;
	_width:288px;	
	margin-right:10px;
	margin-top:5px;	
	padding: 10px;
	border: none;
	overflow:hidden;
	text-align:justify;
}

#quadro_enquete {
	background-image:url(img/fundo_enquete.png);
	float:right;
	width:235px;
	height:182px;
	margin-right:17px;
	padding: 20px;
	padding-top:55px;
	border: none;
	overflow:hidden;
	text-align:left;
}

#conteudo {
	float:left;
	font:Arial, Helvetica, sans-serif;
	font-size:12;
	text-align:left;
	min-height:490px;
	width: 100%;		
	margin-left:18px;
	margin-right:15px;
}

#banner {
	position:absolute;
	left:1215px;
	top: 31px;
	width:200px;
	}
#logo {
	position:absolute;
	left:30px;
	top: 35px;
	width:200px;
	}	

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

table{
	width: 100%;
}

/* TABELA DE NAVEGAÇÃO */
table#navega {
	margin-top:10px;
	*margin-top:0px;	
	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 #666;
	background: #DDD;
	background-image:url(img/fundo_cabecalho.jpg);
	background-repeat:repeat-x;
	font-size:10pt;	
}

/* GRID ZEBRADO E REALCE*/
#grid {   
    /*background-color:#999999;*/
    overflow:auto;
	width:100%;
	min-height:470px;	
	*min-height:430px;
    /*border: #333333 1px dotted;*/
	/*background-color:#FFF;*/
}
tbody tr.menu  {
	background-color: ;
	
}
tbody tr.menu:hover   {
	background-color:  #3D8F80;
}
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: #3D8F80;
	color: #FFFFFF;
} 
/*Realçar Linhas nas Tabelas*/
tbody tr.menu:hover { 
	background-color: #3D8F80;
	color: #FFFFFF;
} 	

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

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