/***********
	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;
	   background:url(../IMAGENS/topo%20fundo.png);
	  }
	  
#miolo {clear:both;
		height: auto;
		}
	  
	  
/******
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.png) 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 {background:#990002; color:#FFF;} 
#nav li a:hover .en{color:#fff;}

#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;
			  }

#nav li a:hover {background:#AE0000;color:#fff;}
#nav li a:hover .ingles{color:#fff;}


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


.destaque {
			height:90px;
			background:url(IMAGENS/constru.jpg);
				 	
			}
		 
		 
/* conteudo */		 
.conteudo {height: auto;
		   margin-top:20px;
		   }

.conteudo div {
	height: 290px;
	margin-right: 10px;
	float:left;
	display: inline;
	width: 210px;
	padding: 15px;
	background: #fbf8e7 url(../../img/bg-box.jpg) repeat-x left bottom;
	border-bottom: 2px solid #666;
}


.conteudo h2 {font-size: 1.4em;
		   	  margin-bottom:0.5em;
			 }
			 
.conteudo h2 a {color:#666;
			   }
			   
.conteudo p {font-size: 1em;
			 margin-bottom:0.8em;
			}


.conteudo p a {color: #666;}
.conteudo p.ingles a {color: #989a99;font-style: italic;}

.ult {margin-right: 0 !important;}
			  
.lupulo, .lupulo h2 a, .lupulo p a:hover {border-bottom-color: #82AA2E !important;color:#82AA2E;}

.lotus, .lotus h2 a, .lotus p a:hover {border-bottom-color:: #00F !important;color:#00F;}

span.ingles {font-size: 0.7em; line-height:1em; height: auto; color:#999;}

.engenharia, .engenharia h2 a, .engenharia p a:hover {border-bottom-color:#868AAC !important;color:#868AAC;}

.aluminio, .aluminio h2 a, .aluminio p a:hover {border-bottom-color: #B4B4B4 !important;color:#B4B4B4;}
			  
/* rodape - footer */

	
	
			

.lupulo02 {	
			float:left;
			display: inline;
			display:block;
			padding-top:20px;
			margin-right:100px;
		}



.lupulo02 h4 {margin-bottom:10px;}

.lupulo02 a{margin-right:10px;}



/************* LOTUS *****/


.lotus02 {	
			float:left;
			display: inline;
			display:block;
			padding-top:20px;
			margin-right:100px;
		}

.lotus02 h4 {margin-bottom:10px;}

.lotus02 a{margin-right:10px;}


/************* Engenharia *****/

.eng01 {	
			float:left;
			display: inline;
			display:block;
			padding-top:20px;
			
		}



.eng01 h4 {margin-bottom:10px;}

.eng01 a{margin-right:10px;}











/************* rodapé *****/
#rodape {
		margin-top:20px;
		}



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