*{ 
 margin: 0; 
 padding: 0; 
} 

body{
 background-color: #005C9D;
 background-image: url('../imagens/design/fdsite.gif');
 background-repeat: repeat-x;
 color: #FFFFFF; 
 font-size: 85%;
 line-height: 18px;
 font-family: sans-serif, tahoma, verdana, arial, helvetica;
 font-size: 71%; 
}
 
.center		{text-align: center;}
.justify	{text-align: justify;}
.left		{text-align: left;}
.right		{text-align: right;}

a{
 color: #F6FF00;
 text-decoration: underline;
}
a:hover{
 color: #F6FF00;
 text-decoration: none;
}
a.link1{
 color: #E6B4FC;
 text-decoration: none;
}
a.link1:hover{
 color: #E6B4FC;
 text-decoration: underline;
}

#sitefd{
 width: 770px; 
 min-height: 750px;
 text-align: left;  
 margin-left: auto; 
 margin-right: auto;
 padding-bottom: 40px;
}
#site{ 
 width: 100%; 
 min-height: 750px;
 text-align: left;  
 margin-left: auto; 
 margin-right: auto;
 background-color: #004766;  
 background-image: url('../imagens/design/fdrodape.gif');
 background-repeat: no-repeat;  
 background-position: 3% 100%;
 padding-bottom: 10px;
} 
 
#topo{
 background-image: url('../imagens/design/fdtopo.gif');
 background-repeat: no-repeat; 
 position: relative; 
 min-height: 180px; 
 width: 100%;
}
	#linkstopo{
	 width: 100%;
	 height: 26px;
	}
 	#logo{
  	 display: block;
  	 padding: 1px 0px 0px 220px;
 	}

#wrapper{
 width: 770px;
 min-height: 408px; 
 margin-left: 0px;
 background-image: url('../imagens/design/fdconteudo.jpg');
 background-repeat: repeat-x;
 padding-top: 10px;   
} 

#esquerda{
 float: left; 
 display: inline; 
 position: relative; 
 width: 225px; 
 min-height: 350px;
 margin-left: 20px;
}
	#menu{
	 width: 214px;
	 min-height: 200px;
	}
	#login{
	 margin-top: 10px;
	 width: 214px;
	 min-height: 100px;
	}	
		#logintexto{
		 margin-top: -5px;
		 width: 194px;
		 min-height: 80px;
		 background-color: #26627D;
		 background-image: url('../imagens/login/rodape.gif');
		 background-repeat: no-repeat;
		 background-position: 0% 100%;
		 padding: 0px 10px 10px 10px;
		}	
#principal{
 display: inline; 
 width: 480px; 
 margin-left: 10px; 
 min-height: 100px;
 float: left; 
 position: relative; 
}
	#usuarios{
	 width: 490px;
	 min-height: 100px;
	}	
		#usuariostexto, #principalconteudotexto{
		 margin-top: -5px;
		 width: 470px;
		 min-height: 100px;
		 background-color: #26627D;
		 background-image: url('../imagens/principal/rodape.gif');
		 background-repeat: no-repeat;
		 background-position: 0% 100%;
		 padding: 0px 10px;
		}
	#principalconteudo{
	 margin-top: 10px;
	 width: 490px;
	 min-height: 400px;
	}	
		#principalconteudotexto{
		 min-height: 400px;
		 padding-bottom: 20px;		 
		}		

 
#rodape{
 margin-left: auto;
 margin-right: auto;
 margin-top: 1px;
 width: 100%;
 height: 37px; 
 clear: both;
 background-image: url('../imagens/design/rodape.gif');
 background-repeat: no-repeat; 
} 

img.img1{
 margin-left: 15px;
 margin-right: 15px;
 border: 1px solid #000000;
}


span.titulo{
 font-weight: bold;
 font-size: 110%;
}

div.curiosidades{
 display: none;
 margin-top: 10px;
 margin-bottom: 10px;
}

tr.lista{
 background-color: #135877;
}

.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}