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

 *{
margin:0px;
padding:0px;
 border:none;
 text-decoration:none;
 font: normal 10px Verdana;
}

body{
	background:#05688b url(layout/fundo.gif) repeat-x center top;
}

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


.img01, .img03{ float: left; }

.img02, .img04{ float: right; }

.img01, .img02, .img03, .img04{
	margin: 10px 20px 4px 20px;
}



h1, h2{
	color: #006a8f;
	margin: 20px 0px 10px 30px;
}


h1{ font: bolder 12px Georgia, Tahoma, Verdana; }


h2{ font: bolder 16px Verdana; }







/* padraum *********************** */

#site, #topo, #rodapeh{
	width: 768px;
	margin: 0px auto;
}

#site{
	background: url(layout/fundo_bambu.gif) no-repeat left bottom;
	}

#topo{
	background: url(layout/topo.jpg) no-repeat center top;
	height: 221px;
}
	
	#topo #logotipo{
		width: 226px;
		height: 209px;
		background: url(layout/logo.jpg) no-repeat center top;
		margin: 0px 0px 0px 60px;
	}









/* links _______________________________________________________ */

#menu{
	float: left;
	width: 284px;
	background: url(layout/fundo_links.gif) no-repeat center bottom;
}
	
	#links{
		background: url(layout/fundo_links_top.gif) no-repeat center top;
		padding: 14px 10px 18px 0px;
		text-align: right;
	}

/* fim dos links _______________________________________________ */










/* ######################### CONTEUDO DO SITE ##################################*/
/* #############################################################################*/

#box_conteudo{
	width: 459px;
	background: url(layout/fundo_box.gif) no-repeat left bottom;
	float: right;
	padding: 0px 0px 25px 0px;
	margin: -35px 0px 0px 0px;
}

	#titulos{
		background: url(layout/titulos.gif) no-repeat left top;
		height: 60px;
	}
		
		#titulos img{
			float: right;
			margin: 30px 21px 0px 0px;
		}
		

#box_conteudo p, #box_conteudo ul li, .highslide-wrapper .highslide-body p{
	color: #4e4e4e;
	text-align: justify;
	margin: 6px 20px 12px 20px;
}

#box_conteudo p, .highslide-wrapper .highslide-body p{
	text-indent: 25px;
	line-height: 16px;
}

#box_conteudo ul{
	list-style: none;
	margin: 20px 0px 20px 20px;
}
	#box_conteudo ul li{
		background: url(layout/list.gif) no-repeat top left;
		line-height: 12px;
		padding: 0px 0px 0px 18px;
	}


#box_conteudo a, #box_conteudo #mapa a{
	color: #de0000;
	text-decoration: underline;
}

#box_conteudo a:hover, #box_conteudo #mapa a:hover{
	color: #53accc;
	text-decoration: none;
}


			#box_conteudo span{
				font-weight: bolder;
				color: #53accc;
			}
			
				#box_conteudo span.azul{ 
					color: #006a8f;
					/*font-size: 105%;*/
				}
				
				#box_conteudo span.red{ 
					color: #ff2f1a;
				}
			
			
			
			#mapa{
				width: 380px;
				margin: 0px auto;
			}
			


.clear{
	clear: both;
}


/* ######################### fim do CONTEUDO DO SITE ###########################*/
/* #############################################################################*/














/* __________________ RODAPEH _____________________*/

#fundo_rp{
	height: 175px;
	background: url(layout/fundo_rodapeh.gif) repeat-x center top;
}

	#rodapeh{
		height: 129px;
		background: url(layout/rodapeh.gif) no-repeat center top;
		padding: 46px 0px 0px 0px;
	}
	
	
		#rodapeh p#copyright{
			color: #767676;
			text-indent: 140px;
		}
		


#valids{
	background: url(layout/selo1.gif);
	background-repeat: no-repeat;
	height: 14px;
	margin: -10px 0px 0px 680px;
	position: absolute;
}

#valids a span{ display:none; }

	#valids a, #valids a:hover{
		float: left;
		width: 41px;
		height: 14px;
	}
	
		#valids a:hover{ background: url(layout/selo2.gif); }

			#valids a.xhmtl:hover{  }
			#valids a.css:hover{ background-position: -41px 0px; }