@import url("reset.css");
@import url("config.css");
@import url("ie6.css");

body{
	background:#121212 url(../imagens/fundo.jpg) repeat;
	font:14px Georgia, "Times New Roman", Times, serif;
	line-height:16px;
	color:#666;
}

#site{
	margin:0 auto;
	width:1310px;
}

#site #area-util{
	float:left;
	width:inherit;
	min-height:679px;
	background:url(../imagens/fundo-site.jpg) no-repeat;
	position:relative;
}


/* HOME */

#site #area-util #home{
	float:left;
	width:inherit;
}

#site #area-util #home #logomarca{
	float:left;
	width:inherit;
	text-align:center;
	margin-top:80px;
}

#site #area-util #home #menu{
	position:relative;
	float:left;
	width:inherit;
	text-align:center;
	margin-top:105px;
	z-index:1;
}

#site #area-util #home #bem-vindo{
	position:relative;
	float:left;
	width:inherit;
	text-align:center;
	margin-top:45px;
	z-index:1;
}

#site #area-util #home #estatua{
	position:absolute;
	width:226px;
	height:488px;
	top:60px;
	right:184px;
	z-index:2;
}



/* INTERNAS*/

#site #area-util #internas{
	float:left;
	width:inherit;
}

/* MENU */
#site #area-util #internas #menu{
	float:left;
	width:1276px;
	height:73px;
	margin:20px 0 0 16px;
	background:url(../imagens/menu/fundo-menu.png) no-repeat top left;
	position:relative;
}

#site #area-util #internas #menu #logomarca{
	position:absolute;
	bottom:0;
	left:154px;
}

#site #area-util #internas #menu ul{
	position:absolute;
	list-style:none;
	width:670px;
	height:56px;
	margin:0;
	padding:0;
	top:0;
	right:100px;
}

#site #area-util #internas #menu ul li{
	float:left;
	margin-right:0;
	padding:0;
}

#site #area-util #internas #menu ul li.espaco{
	margin-right:15px;
}

#site #area-util #internas #menu ul li img{
	position:relative;
	z-index:15;
}
#site #area-util #internas #menu ul li img.home{
	margin:0 20px 0 20px;
}
#site #area-util #internas #menu ul li img.quem-somos{
	margin-left:0;
}
#site #area-util #internas #menu ul li img.equipe{
	margin:0 10px 0 24px;
}
#site #area-util #internas #menu ul li img.atuacao{
	margin:0 10px 0 5px;
}
#site #area-util #internas #menu ul li img.links-uteis{
	margin:0 5px 0 6px;
}
#site #area-util #internas #menu ul li img.contato{
	margin:0 15px 0 10px;
}



/* CONTEÚDO */

#site #area-util #internas #conteudo{
	float:left;
	width:956px;
	min-height:418px;
	margin:46px 0 0 170px;
}

#site #area-util #internas #conteudo #ilustracao{
	float:left;
	width:412px;
	height:auto;
}

#site #area-util #internas #conteudo #materia{
	float:left;
	width:544px;
	height:auto;
}

#site #area-util #internas #conteudo #materia h1{
	float:left;
	margin-bottom:30px;
}

#site #area-util #internas #conteudo #materia .rodape{
	float:left;
	margin-top:35px;
}


/* CONTEÚDO - CORPO MAIOR */

#site #area-util #internas #conteudo #titulo{
	float:left;
	width:inherit;
	margin-bottom:10px;
}

/* CONTEÚDO - CORPO MAIOR - CONTATO */
#site #area-util #internas #conteudo #contato{
	float:left;
	width:inherit;
}

#site #area-util #internas #conteudo #contato form{
	float:left;
	width:680px;
}

#site #area-util #internas #conteudo #contato input{
	font:14px Georgia, "Times New Roman", Times, serif;
}

#site #area-util #internas #conteudo #contato label{
	clear:left;
	float:left;
	width:80px;
	height:31px;
	line-height:31px;
	margin-bottom:10px;
}

#site #area-util #internas #conteudo #contato input, textarea{
	color:#666;
	margin-bottom:10px;
	font-size:14px;
}

#site #area-util #internas #conteudo #contato #nome, #email{
	float:left;
	background:url(../imagens/campos/input-391.png) no-repeat;
	width:377px;
	height:31px;
	line-height:31px;
	padding:0 7px;
}

#site #area-util #internas #conteudo #contato #ddd{
	float:left;
	background:url(../imagens/campos/input-51.png) no-repeat;
	width:37px;
	height:31px;
	line-height:31px;
	padding:0 7px;
}

#site #area-util #internas #conteudo #contato #telefone{
	float:left;
	background:url(../imagens/campos/input-151.png) no-repeat;
	width:137px;
	height:31px;
	line-height:31px;
	padding:0 7px;
	margin-left:10px;
}

#site #area-util #internas #conteudo #contato #assunto{
	float:left;
	background:url(../imagens/campos/input-451.png) no-repeat;
	width:437px;
	height:31px;
	line-height:31px;
	padding:0 7px;
}

#site #area-util #internas #conteudo #contato #mensagem{
	float:left;
	background:url(../imagens/campos/textarea-451.png) no-repeat;
	width:437px;
	height:77px;
	padding:7px;
	overflow:hidden;
}

#site #area-util #internas #conteudo #contato #enviar{
	float:left;
	margin:50px 0 0 10px;
}



#site #area-util #internas #conteudo #contato #localizacao{
	clear:left;
	float:left;
	width:680px;
	margin-top:35px;
}

#site #area-util #internas #conteudo #contato #localizacao #endereco{
	clear:left;
	float:left;
	width:250px;
	margin-top:13px;
}

#site #area-util #internas #conteudo #contato #localizacao #mapa{
	float:left;
	width:190px;
	margin-top:18px;
}




#site #area-util #internas #conteudo #contato #ilustracao{
	float:right;
	width:270px;
	text-align:right;
}







/* RODAPÉ */
#site #area-util #rodape{
	clear:both;
	float:left;
	width:inherit;
	font-size:11px;
}

#site #area-util #rodape.espaco{
	float:left;
	margin-top:200px;
}

#site #area-util #rodape #copyright{
	position:relative;
	float:left;
	width:500px;
	margin-left:170px;
}

#site #area-util #rodape #tsuru{
	position:relative;
	float:right;
	width:250px;
	text-align:right;
	font-size:10px;
	margin-right:184px;
}

#site #area-util #rodape #tsuru p{
	float:right;
	margin:2px 7px 1px 0;
}

#site #area-util #rodape #tsuru img{
	float:right;
}