/* we leave some place on the side using the margin-* properties */
/*a:link {color: #000}
a:visited {color: #000}
a:hover {color: #000}
a:active {color: #000}
*/
body {
/*	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#fff;
	color:#fff;
	border-top: 0px solid #003; 
	border-bottom: 0px solid #003; 
	border-left:0px solid #003; 
	border-right: 0px solid #003;
   
	background-color:#000033; 


	margin:0px 0px 0px 0px;

	scrollbar-face-color: #003; 
	scrollbar-highlight-color: #003;
	scrollbar-shadow-color: #888; 
	scrollbar-3dlight-color: #FFF;
	scrollbar-arrow-color: #FFF; 
	scrollbar-track-color: #001; 
	scrollbar-darkshadow-color: #444;*/

}

table
{
border-collapse: separate;
empty-cells: show;
}

a.linkTitulo:link {color:#000;}
a.linkTitulo:visited {color:#000;}
a.linkTitulo:active {color:#000;}

a.linkReferencia:link {color:#00aa00;}
a.linkReferencia:visited {color:#00aaff;}
a.linkReferencia:active {color:#00aa00;}

.texto{
   font-family: verdana; 
   font-size: 13px; 
   text-align:justify;
   color: #000; 
}


.texto_publicidade{
   font-family: tahoma; 
   font-size: 9px; 
   text-align:center;
   color: #000; 
}

.titulo_publicidade{
   text-align:center;
   font-family: tahoma; 
   font-size: 14px; 
   color: #000; 
   width:100%;
   display:block;
}

.secao_publicidade{   
   margin-top:4px;
   font-family: tahoma; 
   padding:0px 0px 0px 0px;  
   color: #000000; 
   border-top: 0px solid #888;
   border-bottom: 0px solid #222;
   border-left:0px solid #888;	
   border-right: 0px solid #222;
   clear: both; 
}

.corpo_publicidade{
   font-family: tahoma; 
   padding:0px 0px 0px 0px;  
   color: #000000; 
   border-top: 0px solid #FFFFFF;
   border-bottom: 0px solid #888888;
   border-left: 0px solid #FFFFFF;	
   border-right: 0px solid #888888;
}





.titulo{
   text-align:center;
   font-family: tahoma; 
   font-size: 18px; 
   color: rgb(248,195,0); 
   font-weight: bold; 
/*   width:100%;*/
   height:25;
   display:block;
 /*   border-top: 1px solid blue;
   border-bottom: 1px solid blue;
   border-left: 1px solid blue;	
   border-right: 1px solid blue;

 background-image: url(figuras/titulo.png); 
    background-position: center;
   background-repeat: no-repeat;*/   
 background-image: url(figuras/titulo_bckg.png); 
 
}

.figura{
   margin:5px 5px;  
   font-family: tahoma;
   font-size: 24px; 
   text-align:left;    
   color: #FFFFFF; 
   height:30;
   color: #000000;    
}

.secao{   
   margin-top:10px;
   font-family: tahoma; 
   padding:5px 5px 5px 5px;  
   color: #000000; 
   border-top: 0px solid #888;
   border-bottom: 0px solid #222;
   border-left: 0px solid #888;	
   border-right: 0px solid #222;
   clear: both;
   background-color:#eee; 
   background-color:transparent;
}

.corpo{
   font-family: tahoma; 
   padding:5px 5px 5px 5px;  
   color: #000000; 
   border-top: 0px solid #FFFFFF;
   border-bottom: 0px solid #888888;
   border-left: 0px solid #FFFFFF;	
   border-right: 0px solid #888888;
}

.bottom_secao{   
   clear: both;
}




.top_titulo
{font-family: tahoma; 
/*   width:100%;*/
   height:90px;
   cursor:pointer;   
   padding:0px 5px 0px 5px;  
   font-size: 20px; 
   font-weight: bold; 
   text-align:left;
   background-color:#000000	;     
   color: #000; 
   text-decoration: none; 
   background-image: url(figuras/fundo_top.jpg);
   background-position: left;
   background-repeat: no-repeat;   
   background-width:100% ;
   border-top: 3px solid #FFFFFF;
   border-bottom: 3px solid #888888;
   border-left: 3px solid #FFFFFF;	
   border-right: 3px solid #888888;
}

.titulo_tabela {
	font-family: tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold; 
	color:rgb(248,195,0);
	background-color:#333366;
    text-decoration: none;
}

.linha_tabela {
	font-family: tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#EAEAFF;
	color:#000;
}

.linha_tabela1 {
	font-family: tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#C0C0FF;
	color:#000;
}

.linha_tabela2 {
	font-family: tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#FFFFFF;
}

*, html, body {
	margin:0;
	padding:0;
	}


* html
    {
    overflow-y: hidden;
    }
  * html body
    {
    height: 100%;
    overflow: auto;
    }



body {

	position:relative; 
	margin:0px auto 0 auto; 
  	background-color: #666;
	color:#000;
	text-align:center;     /*  esse eh o hack para o ie */    
    height:100%; /* this is the key! */

		}
		
#tudo {position:relative;
width: 980px;
margin: 10px auto; 
text-align: left;    /* arrumando a zona q o hack anterior  */  
background-color:transparent;
	}

#top {
position:absolute;
top:0px;
left:0px;
width:970px;
height:140px;
z-index:65;
margin: 0 auto; 
background-image: url(figuras/design_site.png);
background-position: 100px -20px;
background-repeat: no-repeat;
background-color:#fff;
	}
	
#top_menu {
position:absolute;
top:110px;
left:7px;
width:960px;
z-index:70;
margin: 0 auto; 
	}	
		
	
#top_flash{
position:absolute;
top:24px;
left:436px;
width:468px;
height:60px;
z-index:43;
margin: 0 auto; 
background-color:#fff;
}


#main {
position:absolute;
/*background-image: url(figuras/fundo_pg.png);
background-position: top left;
background-repeat: no-repeat;*/

background:url(figuras/fundo_pg.jpg) top left repeat-x fixed;
top:140px;
width:970px;
z-index:40;
background-color:#fff;
height:380px;
overflow: auto;
}

#esq_main {
font-family: tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
position:absolute; background:url(figuras/esq_main.png);
top:140px; width:370px; z-index:40; background-color:#fff; height:360px; padding:10px 5px 5px 5px;color:#fff}

#esq_main_noticia {
position:relative; width:360px; z-index:40; height:70px;}

#esq_main_figura {
position:relative; 	float: left; left:5px;width:100px;z-index:40;height:55px;clear:left;}

#esq_main_figura a {text-decoration: none;}

#esq_main_titulo {
position:relative; margin-left:105px; width:245px;z-index:40;height:40px;clear:right; font:bold 9px verdana; }

#esq_main_titulo a {text-decoration: none;}
#esq_main_titulo a:link {color:#fff;}
#esq_main_titulo a:visited {color:#fff;}
#esq_main_titulo a:active {color:#fff;}

#esq_main_data {
position:relative; margin-left:105px; width:245px;z-index:40;height:12px;clear:right; font-size: 9px;}
#esq_main_tracos {
position:relative; width:360px;z-index:40;height:10px; text-align:center; font-size: 10px;clear:both;}



#central_main {
position:absolute;
/*background-image: url(figuras/fundo_pg.png);
background-position: top left;
background-repeat: no-repeat;

background:url(figuras/fundo_pg.jpg) top left repeat-x fixed;*/
top:140px;
left:370px;
width:600px;
z-index:60;
background-color:#eef;
height:360px;

}

#bottom {
position:absolute;
top:500px;
padding:1px 0px 1px 0px;
width:970px;
background-color: #fff;
z-index:60;
text-align:center;
font:bold 10px verdana;
height:50px;
	}





ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align:center;
}

ul li {
	position: relative;
	float: left;
	width:100%;
	/*width: ".$largura."%;*/
}
	
li ul {
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	font:bold 11px verdana;
	top: auto;
	display: none;
	
}

ul li ul li a {
	padding: 6px; 

 }

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	background: #fff; /* IE6 Bug */
	padding:5px 4px 6px 4px;
/*	border: 1px solid #ccc;*/
	border-top: 2px;
	background-image: url(figuras/menu_bckg_hover.png);
	font:bold 11px verdana;
   color: #fff;
   color: rgb(255,230,0);
}
/* commented backslash mac hiding hack \*/ 
* html ul li a {height:1%}
/* end hack */ 

/* Hover Styles */
li:hover a, li.over a,
li:hover li:hover a, li.over li.over a,
li:hover li:hover li:hover a, li.over li.over li.over a,
li:hover li a:hover, li.over li a:hover,
li:hover li:hover li:hover a:hover, li.over li li a:hover,
li:hover li:hover li:hover li:hover a:hover, li.over li.over li.over li.over a:hover 
{
/*   color: #E2144A;
   background-color: #f9f9f9;*/
   background-color:#CCCCFF;     
   color: #000;
   background-image: url(figuras/menu_bckg.png);   

}


/* set dropdown to default */
li:hover li a, li.over li a,
li:hover li:hover li a, li.over li.over li a,
li:hover li:hover li:hover li a, li.over li.over li.over li a
{
   color: #fff;
   background-color: #fff;
   background-image: url(figuras/menu_bckg_hover.png);   
   color: rgb(248,195,0);

}
li ul li a { padding: 5px 2px 6px 2px; } /* Sub Menu Styles */
ul li:hover ul ul, ul li:hover ul ul ul, ul li.over ul ul, ul li.over ul ul ul {
display:none;

}

ul li:hover ul,ul li li:hover ul,ul li li li:hover ul, ul li.over ul, ul li li.over ul,ul li li li.over ul {
	display: block;

}

.quadro_pergunta{ margin:5px 5px 20px 5px; width:700; background-color:#CCC;}

.pergunta  {padding:10px 2px 5px 30px;; margin:5px; width:930;  background-color:#FFF; background-image:url(figuras/help.png);background-position: top left;
			background-repeat: no-repeat;
			font-size:11px;  font-weight:bold;  color:#006; text-align:center; font-family: verdana, arial, sans-serif; } 
			
.resposta  {padding:11px 2px 5px 30px; margin:5px; width:930; background-color:#FFF; background-image:url(figuras/resp.png); background-position: top left;
			background-repeat: no-repeat; font-size:10px;  font-weight:normal;  color:#000; text-align:center; font-family: verdana, arial, sans-serif; } 
			
.barra_perg_resp {padding:2px; background-color:#002; height:10px; margin:0px 5px 5px 5px; width:930; 
			font-size:9px;  font-weight:normal;  color:#fff; text-align:right; font-family: verdana, arial, sans-serif; } 
			
.autor_pergunta {padding:2px 10px 0px 0px; font-size:9px;  font-weight:normal;  color:#333; text-align:right; font-family: verdana, arial, sans-serif; } 			
.autor_resposta {padding:2px 10px 0px 0px; font-size:9px;  font-weight:normal;  color:#444; text-align:right; font-family: verdana, arial, sans-serif; } 			



#bottom ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align:center;
}

#bottom ul li {
	position: relative;
	float: left;
	width:100%;
	/*width: ".$largura."%;*/
}
	
#bottom li ul {
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	font:bold 20px verdana;
	top: auto;
	display: none;
	
}

#bottom ul li ul li a {
	padding: 6px; 

 }

/* Styles for Menu Items */
#bottom ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	background: #fff; /* IE6 Bug */
	padding:10px 4px 11px 4px;
/*	border: 1px solid #ccc;*/
	border-top: 2px;
	background-image: url(figuras/menu_bottom_bckg_hover.png);
	font:bold 20px verdana;
   color: #fff;
   color: rgb(255,230,0);
}
/* commented backslash mac hiding hack \*/ 
#bottom * html ul li a {height:1%}
/* end hack */ 

/* Hover Styles */
#bottom li:hover a, #bottom li.over a,
#bottom li:hover li:hover a, #bottom li.over li.over a,
#bottom li:hover li:hover li:hover a, #bottom li.over li.over li.over a,
#bottom li:hover li a:hover, #bottom li.over li a:hover,
#bottom li:hover li:hover li:hover a:hover, #bottom li.over li li a:hover,
#bottom li:hover li:hover li:hover li:hover a:hover, #bottom li.over li.over li.over li.over a:hover 
{
/*   color: #E2144A;
   background-color: #f9f9f9;*/
   background-color:#CCCCFF;     
   color: #000;
   background-image: url(figuras/menu_bottom_bckg.png);   

}


/* set dropdown to default */
#bottom li:hover li a, #bottom li.over li a,
#bottom li:hover li:hover li a, #bottom li.over li.over li a,
#bottom li:hover li:hover li:hover li a, #bottom li.over li.over li.over li a
{
   color: #fff;
   background-color: #fff;
   background-image: url(figuras/menu_bckg_hover.png);   
   color: rgb(248,195,0);

}
#bottom li ul li a { padding: 5px 2px 6px 2px; } /* Sub Menu Styles */
#bottom ul li:hover ul ul, #bottom ul li:hover ul ul ul, #bottom ul li.over ul ul, #bottom ul li.over ul ul ul {
display:none;

}

#bottom ul li:hover ul, #bottom ul li li:hover ul, #bottom ul li li li:hover ul, #bottom ul li.over ul, #bottom ul li li.over ul, #bottom ul li li li.over ul {
	display: block;
}
