/****************************************
 ......... POWERED BY CERVANTES .........
 ......... hotdennis@bol.com.br .........
 ***************************************/


/***************************   do site *********************/



 *{
margin:0px;
padding:0px;
 text-decoration:none;
}

img{ border: none; }

body{
	background:url(layout/fundortd.jpg) repeat center top;
	width:auto;
	height:auto;
}

/* fim do basico ***************/

	/*span{
		font-weight: bolder;
	}*/

		h1{
			background: url(layout/seta_tit.jpg) no-repeat top left;
			font: bolder 80% "Verdana", arial, helvetica;
			color: #777;
			padding:0px 0px 14px 18px;
			margin-left: 20px;
		}
		
		h2{
			/*background: url(layout/seta_tit.jpg) no-repeat bottom left;*/
			font: bolder 70% "Verdana", arial, helvetica;
			color: #656c74;
			padding:2px 0px 15px 18px;
			margin-left: 25px;
		}
		
		h3{
			font: bolder 80% "Arial", verdana, helvetica;
			color: #656c74;
			padding:2px 0px 15px 18px;
			margin-left: 22px;
		}


/***************************** TOPO ***************/
	#top, #top_adm, #conteudo, #rodapeh{
		width: 768px;
		margin: 0px auto;
	}

	#top{
		background: url(layout/topo.jpg) no-repeat center top;
		height: 192px;
	}
	
	#top_adm{
		background: url(layout/topo_adm.jpg) no-repeat center top;
		height: 180px;
	}
	
		/*.logo{
			float: left;
			margin: 0px 0px 0px 40px;
		}*/
		
	
		
		
/*________________________________________________*/
	
/*===============================================*/
/*===============================================*/



	#conteudo{
		background: url(layout/corpo.jpg) repeat-y center top;
	}
	
	

/*===============================================*/
/*===============================================*/


	

/***** lado esquerdo --------------------------*/	
		
		#links{
			float:left;
			background: url(layout/links_topo.jpg) no-repeat right top;
			width:174px;
		}
			
			#c_links{
				background: url(layout/links_fundo.gif) no-repeat right top;
				width: 148px;
				margin: 0px 0px 0px auto;
			}
			
			
				#c_links ul{
					margin:0px 2px 0px 6px;
					padding:0px 0px 12px;
				}
				
				#c_links ul li{
					list-style:none;
					font: bolder 0.6em "verdana", Arial;
				}
					
					#c_links ul li a{
						color: #999;
						display: block;
						width: 132px;
						/*border-bottom: solid 0.1em #ccc;*/
						padding: 5px 0px 5px 8px;
					}
					
					#c_links ul li a:hover{ 
						background: #87bde9; 
						color: #fff;
						}
					
					#c_links ul li a#current{
						background: #c5dff5;
						color:#777;
						}
			
			
			#links_fim{
				background: url(layout/links_fim.jpg) no-repeat right top;
				width: 174px;
				height: 22px;
			}
			
/***** fim do lado esquerdo ---------------------*/



/*===============================================*/
/*===============================================*/
/*===============================================*/




/***** lado direito -----------------------------*/
		
		.separador{	
		padding: 4px 0px;
		}
		
		.top_principal, #principal, .bottom_principal{ width:555px; }
		
		.top_principal{ 
		background:url(layout/principal_top.jpg) no-repeat top left;
		height:15px;
		}
		
		.bottom_principal{ 
		background:url(layout/principal_bottom.jpg) no-repeat bottom left;
		height:40px;
		}
		
		#principal{
			margin: 0px auto 0px 190px;
			background:url(layout/principal_fundo.jpg) repeat-y top left;
			
		}
		
		/*#principal span{
			color:#333;
			font: bold 8pt "Verdana", Arial, helvetica, sans-serif;
		}*/
		
		
			#principal p, #principal ul{
				font:normal 60% "Verdana", arial, helvetica;
			}
		
				#principal .texto{
					color: #7c7c7c;
					text-indent: 25px;
					text-align: justify;
					margin: 6px 20px 8px;
				}
				
						#principal .consulta{
						float: right;
							color: #7c7c7c;
							text-indent: 25px;
							text-align: right;
							margin: 0px 20px 0px;
							font-weight:bolder;
						}
				
				.over{
				overflow:auto;
					width: 518px;
					height: 300px;
					margin: 6px 20px 4px;
				}
				
				
				#principal .none u{text-decoration:underline;}
				#principal .none s, #principal .none strike{ text-decoration:line-through;}
				
				
				#principal .none, #principal .none p{
				text-indent: inherit;
				margin:auto 20px;
				}
						#principal .none h1{
							background: url(layout/seta_tit.jpg) no-repeat top left;
							padding:0px 0px 14px 18px;
							margin-left: 0px;
						}
				
	
				
				
				
		/* |||||||||||||||||||||||||   DOWNLOADS  ||||||||||||||||||||||||||*/
				
				body#download{
				background:#d7e2f4;
				margin:0px;
				}
				
				body#download h1{
					background: url(layout/seta_tit.jpg) no-repeat bottom left;
					font: bolder 80% "Verdana", arial, helvetica;
					color: #777;
					padding:3px 0px 14px 18px;
					margin-left: 20px;
				}
				
				body#download p, body#download a.fechar{
				font:normal 60% "Verdana", arial, helvetica;
				margin: 6px 4px;
				}
				
					body#download p{
						color: #7c7c7c;
						text-indent: 25px;
						text-align: justify;
					}
				
				body#download #box{
				border: inset #fff 1px;
				background:#fff;
				width:220px;
				margin:15px 0px 0px 11px;
				}
					
					body#download a.fechar span{ visibility:hidden; }
					body#download a.fechar:hover span{ visibility: visible; }
					
					body#download a.fechar span{
					font:bold 7pt "Verdana", arial, helvetica;
					color:#ff0000;
					text-align:left;
					}
					
					body#download .hide_t{
					width:220px;
					height:34px;
					}
					
					body#download a.fechar{
					background: url(../img/fechar.jpg) no-repeat right top;
					width:30px;
					height:28px;
					float:right;
					}
					body#download a.fechar:hover{ width: 130px;}


		/* |||||||||||||||||||||||||  FIM DOS DOWNLOADS  ||||||||||||||||||||||||||*/

		
		
		
		
			
				
				
				
						/*--------- listas -----------------------------*/
				
				#principal ul{
					margin-top: 6px;
					margin-left:40px;
				}
				
				#principal ul li{
					list-style: url(layout/arrow_ul.jpg);
					padding: 0px 0px 4px;
					margin:2px 0px 2px;
				}
				
				#principal ul li a, #principal a{	color: #476dbe; }
				
				#principal ul li a:hover, #principal a:hover{
					color: #3b599a;
					text-decoration: underline;
					}
				
			
/***** fim do lado direito ----------------------*/





/*_________________________________ RODAPEH _____*/	
	
	#rodapeh{
		clear:both;
		height: 75px;
		background: url(layout/rodapeh.jpg) no-repeat top center;
	}
	
	#rodapeh ul{
		font: normal 0.55em "Verdana", arial, helvetica;
		color: #fff;
	}
	
	#rodapeh ul.r_left{
		float: left;
		list-style: none;
		padding: 27px 0px 0px 110px;
	}
	
	#rodapeh ul.r_right{
		float: right;
		list-style: none;
		padding: 27px 20px 0px 0px;
		text-align: center;
	}
	
	#rodapeh p{
		text-align: right;
		clear: both;
		font: normal 0.6em "Verdana", arial, helvetica;
		color: #b7b7b7;
		padding: 5px 20px 0px 0px;	
	}
	
	#rodapeh a{ color: #aaa; }
	#rodapeh a:hover{ color: red; text-decoration: underline; }