/****************************************
 ......... POWERED BY CERVANTES .........
 ......... hotdennis@bol.com.br .........
 ***************************************/
 
 *{
margin:0px;
padding:0px;
}

body{
background: #4d4d4d url(layout/fundo.jpg) repeat-x top center;
	width:auto;
	height:auto;
}
img{
border:none;
}
/****************************/
	h1{
	text-align:left;
	font:bolder 1.0em "Arial", Verdana, Helvetica, sans-serif;
	color: #333;
	padding:3px 0px 1px 20px;
	}

	h2{
	text-align:left;
	font:bolder 70% "Verdana", Arial, Helvetica, sans-serif;
	color: #ee0000;
	padding:6px 0px 1px 2px;
	margin:2px 0px 6px 22px;
	}
	
		h2 span{
			float:right;
			margin-right: 12px;
			color:#555;
			font:bolder 0.8em "Verdana", Arial, Helvetica, sans-serif;
		}
	
	h3{
	text-align:left;
	font:bolder 0.8em "Verdana", Arial, Helvetica, sans-serif;
	color: #555;
	padding:6px 0px 1px 2px;
	margin:2px 0px 0px 22px;
	}
	
	h4{
		width:430px;
	text-align:right;
	font:bolder 1.1em "Arial", Verdana, Helvetica, sans-serif;
	color: #ee0000;
	/*border-bottom: ridge 2px #fff;*/
	padding:0px 8px 2px 0px;
	margin:0px auto 0px;
	}


/***************************** Links do T O P O  !!!!! *************************************/

#top_links, #top_link_0, #top_link_0 ul, #top_link_0 li, #top_link_0 li a, #top_link_0 li a:hover, #top_link_0 li a#current, #top_link_0 li a#current:link{
text-align : center;
font:normal 10px "Verdana", Trebuchet MS, sans-serif;
text-decoration : none; 
}

#top_links{
		background: #ddd url(layout/top_links.gif) repeat-x top;
			margin :0px auto 2px;
			padding : 8px 0px 12px 0px;
			width:764px;
			color: #fff;
			}
			
			#top_link_0{
				vertical-align:middle;
				margin : 0px auto; 
				padding :4px 0px 4px 0px;  
				}
			
			#top_link_0 ul {
			vertical-align:middle;
			} 
			
			#top_link_0 li {
			padding:0px 14px 0px;
			display : inline; 
			list-style : none;  
			} 
					#top_link_0 li a {
						color : #222; 
						padding:4px 6px 4px; 					
						} 
						
					#top_link_0 li a:hover {
						color : red;
						border-top: 2px solid red;
					}
					#top_link_0 li a#current, #top_link_0 li a#current:link{
					color : #e0e1e3;
					border-top: 2px solid #ddd;
					}
					#top_link_0 li a#current:hover	{
					color:#aaa;
					border-bottom: 2px solid #aaa;}
 
 /***************************** FIM dos Links do T O P O  !!!!! *************************************/


/*_____________________________________________________________________________________________________*/



/* C O N T E U D O *************************************/

 #cont{
 background:url(layout/fundo_cont.jpg) repeat-y center;
 width:774px;
 margin:20px auto 0px;
 }




		#topo{
		background:url(layout/topo.jpg) no-repeat top center;
		height:190px;
		}



/********************************************************************/
/******************** R O D A P E ***********************************/

#rodape{
text-align:right;
background:#4d4d4d url(layout/bottom.jpg) no-repeat center top;
height:110px;
margin:0px auto;
clear:both;
}
	#roda_P{
	margin:0px 0px 0px auto;
	padding:20px 0px 12px 0px;
	width:620px;
	}
		
/************************* link bottom ********************************/

	.roda_link{
		vertical-align:middle;
		margin : 0px auto;
		padding :10px 0px 4px 0px; 
		text-align : right; 
		font:bolder 0.54em "Verdana", Trebuchet MS, sans-serif;
		}
		
		.roda_link ul, .roda_link li, .roda_link li a, .roda_link li a:hover, .roda_link li a#current, .roda_link li a#current:link{ 
		text-align:center; text-decoration : none; }
			
			.roda_link ul {
			vertical-align:middle;
			} 
				.roda_link li {
				padding:0px 6px 4px;
				display : inline; 
				list-style : none; 
				} 
					.roda_link li a {
						font-family:"Verdana", Trebuchet MS, sans-serif; 
						color : #bbb; 
						padding:4px 4px 2px; 
						font-weight:normal;				
						} 
					.roda_link li a:hover {
						color : white; 
						border-bottom: 2px solid red;
					}
					.roda_link li a#current, .roda_link li a#current:link{
					color : #e0e1e3;
					border-top: 2px solid #ddd;
					}
					.roda_link li a#current:hover	{
					color:#aaa;
					border-bottom: 2px solid #aaa;}
	/***************** FIM ***********************/
	

/************************************* VALIDs **************************************************/

#mojitron, #xhtml, #css, #mojitron a, #xhtml a, #css a, #mojitron a:hover, #xhtml a:hover, #css a:hover{
float:right;
text-align:right;
width:80px;
height:15px;
} 

#mojitron, #xhtml{margin:3px 3px 0px;}

#mojitron{background: url(layout/mojitron.gif) no-repeat left top;}
#mojitron a:hover { background: url(layout/mojitron.gif) no-repeat right top;}

#xhtml{background: url(layout/xhtml_ok.gif) no-repeat left top;}
#xhtml a:hover { width:80px; height:15px; background: url(layout/xhtml_ok.gif) no-repeat right top;}

#css{background: url(layout/selo_css.gif) no-repeat left top;
margin:3px auto 0px 3px;}
#css a:hover { width:80px; height:15px; background: url(layout/selo_css.gif) no-repeat right top;}