@charset "utf-8";

@import url(slide.css);
@import url(shadowbox.css);


body{
	padding:0; margin:0;
	background: #333333 url(../imagens/fundo-geral.jpg);
	font:normal 12px Georgia, "Times New Roman", Times, serif Arial;
	color:#fff;
	line-height:20px;
	min-width:990px;

}
img{ border:0; }
a{text-decoration:none; color:#fff;}
ul, li{ padding:0; margin:0;}
/* ------------------------------------------------------------------ */


#faixa{
	width:100%; background: #FFCC00; height:5px; margin-bottom:10px;
}

#top{
	position:relative;
	width:990px;
	margin: 0 auto;
}

#top h1{
	float:left;
	margin:20px;
}

#top #frase{
	float:right;
}

#menu{
	position:relative;
	clear:both;
	width:100%;
	margin: 0 auto;	
	margin-top:20px;
	background: #FFCC00 url(../imagens/fundo-menu.jpg) top repeat-x;
	height:90px;
	color:#333;
	font:normal 9px Arial;
}
#menu #brilho{
	position:absolute;
	background: url(../imagens/brilho.png) no-repeat top left;
	width:770px;
	height:300px;
	z-index:-1;
	top:-38px;
	left:50px;
}


#menu ul{
	position:relative;
	width:990px;
	margin: 0 auto;
	}
#menu ul li{
	display:block;
	float:left;
	list-style:none; 
	padding:20px 30px 0 20px; 
	border-right:1px solid #fc0;
	border-left:1px solid #fc0;
	height:70px;
	}
#menu ul li:hover{ background:#fc0;  }
	
#menu ul li a{ 	
	font:bold 18px "Times New Roman";
	color:#000;
	display:block;
	text-decoration:none;

	
}
#menu ul li a:hover{ position:relative; color:#636 ; top:1px;}

#menu ul li p{margin:0; padding:0; text-transform:uppercase;}


#conteudo{
	position:relative;
	margin:0 auto;
	width:990px;
	min-height:257px;
}


h2{
	background: url(../imagens/fundo-h2.png) no-repeat top left;
	font:normal 25px Georgia;
	color:#fff;
	padding:5px 27px;
}
.vejamais{
	display:block;
	background: url(../imagens/fundo-vejamais.png) no-repeat top right;
	font:normal 12px Georgia;
	padding:5px 50px;
	text-align:right;

}



p{ text-align:justify;}

.div10{ width:8%; padding:1%; float:left;}
.div20{ width:18%; padding:1%; float:left;}
.div30{ width:28%; padding:1%; float:left;}
.div40{ width:38%; padding:1%; float:left;}
.div50{ width:48%; padding:1%; float:left;}
.div60{ width:58%; padding:1%; float:left;}
.div70{ width:68%; padding:1%; float:left;}
.div80{ width:78%; padding:1%; float:left;}
.div90{ width:88%; padding:1%; float:left;}

.clear{clear:both; height:10px;}
#rodape{
	font: normal 10px Verdana;
	background:#000 url(../imagens/fundo-rodape.jpg) repeat-x top;
	height:170px;
	padding:15px 0;
	margin-top:50px;
	
}
#rodape h3{ font:normal 16px georgia; color:#FFBF00; margin:10px 0 0 0;}
#rodape ul{ display: block; text-align:center; }
#rodape ul li{ margin:10px 10px 35px 0; padding:0 20px; display:inline-block; font-size:12px;} 
#rodape .logo { float:left; margin:0px 15px 0px 0; }
#centro{ margin:0 auto; width:990px;} 

#jobs{}


#jobs li { list-style:none; float:left; margin:0 35px 30px 0; font:normal 10px Verdana; background:#fff; padding:5px; }
#jobs li img { display:block; height:100px; width:200px;}
#jobs li a{ color:#777;}
#jobs li:hover {background:#ededed;}


input{ border:1px solid #ccc; padding:4px; background:#F3F3F3; 
margin:2px; width: 200px; font:normal 11px verdana;}

textarea{ border:1px solid #ccc; padding:4px; background:#F3F3F3; 
margin:2px; width: 300px;  font:normal 11px verdana;}

.botao{width: 100px;}

input:focus, textarea:focus{  background:#fff;}