/***********
	css reset 
************/

*  {margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
	border:none;
	}

hr {display:none;}
h1, h2, h3, h4, h5, h6 {line-height:100%;vertical-align: top;}



/***********
 corrigindo bug do firefox para o bloco pai contemplar os filhos
***********/
div:after, ol:after, form:after, ul:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
/***********
 corrigindo bug do firefox para o bloco pai contemplar os filhos
***********/







body {background:#fff;
	  font: normal 12px "Trebuchet MS", arial, verdana, calibri, sans-serif;
	}
	
#geral {width:990px;
		margin:0 auto;
		overflow:hidden;	
		height: 100%;
		
		}
		
		
#topo {height:80px;
	   padding:10px 0 0;
	   position:relative;
	   overflow:hidden;
	   width:990px;
	  }
	  
#miolo {clear:both;
		height: auto;
		width:990px;
		}
	  
	  
/******
topo header
******/	  


#topo h1 {width:150px;
		  height:70px;
		  margin-left:15px;
		  margin-top:5px
		  }
		  
#topo h1 a {display:block;
			width:150px;
		  	height:70px;
			background:url(IMAGENS/logo.jpg) no-repeat scroll 0 0 transparent;
			text-indent:-9999px;
			overflow:hidden;
			}



	
/*  falta colocar a figur para gual vai mudar o h1
#topo h1 a:hover {background: transparent url(../img/extreme-brasil-logo-on.jpg) no-repeat left top;}
*/
			

/************* NAV/MENU *************/

#nav {position:absolute;
	  right:0px;
	  top:30px;
	  }
	 
#nav li {float:left;
		 display: inline;
		 margin-right:5px;
		 }
		 
#nav li a {font-size:1.4em;
		   color:#666;
		   line-height:1em;
		   text-transform:uppercase;
		   padding:10px;
		   display:block;
		   height: auto;
		   min-height:27px;
		   }
		   
#nav .en {
	font-size: 0.6em;
	line-height:1em;
	display: block;
	height: auto;
	color:#999;
}

	   
#nav li a:hover {color:#0C0;}
#nav li a:hover .en{color:#090;}

#nav .ingles {display:block;
			  font-size:0.6em;
			  color:#999;
			  height:auto;
			  }
			  
#nav .ingles {font-size: 0.6em;
			  line-height:1em;
			  display: block;
			  height: auto;
			  color:#999;
			  }



/************* destaque *************/

.destaque {
			height:300px;
			background:url(IMAGENS/l%C3%BApulo.jpg);
		 	
			}

/************* destaque *************/		 




/************* inicio conteudo ************/		

.conteudo { height: auto;
			background:#FFF;
			border-bottom-style:solid;
			border-bottom-color:#999;
			border-bottom-width:thin;
			padding: 15px 15px 15px 15px;
			
		   }

.conteudo h2 {font-size: 18px;
		   	  margin-bottom:20px;
			  color:#FFF;
			 }
			 
			 
.conteudo p {font-size: 13px;
			 line-height:22px;
			 float:right;
			 width:740px;
			 
			}




.conteudo p  {color: #000;
			  font-size:14px;}
			   

.curio h3 {
			color:#060;
			font-style:italic;
			margin-bottom:30px;
			
			}
.curio span {color:#990;
			font-style:italic;}



.img {
	width:208px;
	height:138px;
	float:left;}


 		

/************* Fim conteudo************/	




/* rodape - footer */


#rodape span {
	display: block;
	width: 990px;
	margin: 0 auto;
	color:#FFF;
	background:url(IMAGENS/rodape.png);
	text-align:center;
	padding:5px;
	margin-bottom:15px;
	
}