*{
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}

body{
	background: url(img/bg_site.jpg) center 178px repeat-y black;
}

div.siteArea{
	width: 1000px;
	margin: 0 auto;
}
.oculto{
	display: block;
	font-size: 0;
	text-indent: -2000px;
}

/************************ TOPO ************************/
div.siteTopo{
	height: 236px;
	padding-top: 48px;
	background: url(img/bg_topo.gif) no-repeat center top;
}

	/***************** LOGO *****************/
	div.siteTopo div.logo{
		float: left;
	}
	div.siteTopo div.logo h1{
		width: 230px;
		height: 189px;
		padding: 22px 17px 0 16px;
		background-image: url(img/logo.jpg);
	}
	div.siteTopo div.logo a{
		height: 171px;
	}
	div.siteTopo div.logo h2,
	div.siteTopo div.logo h3{
		display: none;
	}
	
	/***************** MENU *****************/
	div.siteTopo ul.menu{
		padding-top: 146px;
	}
	div.siteTopo ul.menu li{
		float: left;
		padding-left: 36px;
		background-position: right;
		background-repeat: no-repeat;
	}
	div.siteTopo ul.menu li.item1{
		width: 84px;
		padding-left: 11px;
		background-image: url(img/menu_1.gif);
	}
	div.siteTopo ul.menu li.item2{
		width: 48px;
		background-image: url(img/menu_2.gif);
	}
	div.siteTopo ul.menu li.item3{
		width: 163px;
		background-image: url(img/menu_3.gif);
	}
	div.siteTopo ul.menu li.item4{
		width: 50px;
		background-image: url(img/menu_4.gif);
	}
	div.siteTopo ul.menu li.item5{
		width: 115px;
		background-image: url(img/menu_5.gif);
	}
	div.siteTopo ul.menu li.item6{
		width: 48px;
		background-image: url(img/menu_6.gif);
	}
	div.siteTopo ul.menu a{
		height: 28px;
	}
	

/********************** CONTEÚDO **********************/
div.siteCentro{
	clear: both;
	color: #91ADF3;
	font-size: 14px;
}
div.siteCentro div.siteArea{
	width: 937px;
}
	a{
		color: #91ADF3;
		text-decoration: none;
	}
	a:hover{
		text-decoration: underline;
	}
	p{
		margin-bottom: 10px;
	}
	em{
		color: #E5B317;
		font-weight: bold;
		font-style: normal;
	}
	strong{
		color: #FFF;
	}

	/***************** SOMBRA *****************/
	.sombra{
		position: absolute;
		display: block;
		background-color: #010101;
		filter: alpha(opacity=40);
		opacity: 0.4;
	}
	.sombraArea{
		position: relative;
		margin-bottom: 29px;
		padding: 6px 12px 20px 12px;
	}	
	
	.quebra{
		clear: both;
		height: 1px;
		font-size: 0;
	}
	.col1{
		float: left;
		width: 500px;
	}
	.col2{
		float: right;
		width: 422px;
	}
	
	/***************** TíTULOS *****************/
	h4{
		height: 41px;
		background-repeat: no-repeat;
	}
	.qdrFotos h4{
		background-image: url(img/tit_fotos.gif);
	}
	.qdrVideo h4{
		background-image: url(img/tit_video.gif);
	}
	.qdrGravacao h4{
		margin-bottom: 10px;
		background-image: url(img/tit_ultima_gravacao.gif);
	}
	.qdrComentarios h4{
		background-image: url(img/tit_comentarios.gif);
	}
	.qdrEnvieComentario h4{
		background-image: url(img/tit_envie_comentario.gif);
	}
	.qdrMapa h4{
		background-image: url(img/tit_mapa_da_obra.gif);
	}
	.qdrOprojeto h4{
		background-image: url(img/tit_o_projeto.gif);
	}
	.qdrOque h4{
		background-image: url(img/tit_o_que_sao.gif);
	}
	.qdrOuca h4{
		background-image: url(img/tit_ouva_gravacoes.gif);
	}
	.qdrSelecione h4{
		background-image: url(img/tit_selecione_gravacao.gif);
	}
	.qdrVisite h4{
		background-image: url(img/tit_visite.gif);
	}
	.qdrApoio h4{
		background-image: url(img/tit_apoio.gif);
	}
	.qdrRealizacao h4{
		background-image: url(img/tit_realizacao.gif);
	}
	.qdrAgradecimentos h4{
		background-image: url(img/tit_agradecimentos.gif);
	}
	h5{
		padding-bottom: 5px;
		color: #FFF;
		font-size: 130%;
		font-weight: normal;
	}

	/*************** FORMULÁRIO **************/
	select,
	input.text,
	textarea{
		width: 389px;
		padding: 8px 5px;
		margin-bottom: 3px;
		color: #CAE5FF;
		font-size: 90%;
		background-color: #000;
		filter: alpha(opacity=60);
		opacity: 0.6;
	}
	input.botao{
		cursor: pointer;
		display: block;
		width: 65px;
		height: 14px;
		margin-top: 7px;
		margin-left: auto;
		font-size: 0;
		text-indent: -2000px;
		letter-spacing: -1px;
		background-color: transparent;
		background-image: url(img/bt_enviar.gif);
	}
	
	
	/**************** PAGINAÇÃO ****************/
	.paginacao{
		clear: both;
		height: 20px;
		margin: 0 auto;
		padding-top: 15px;
	}
	.paginacao a{
		display: block;
		height: 18px;
	}
	.pgAnte{
		float: left;
		display: block;
		width: 73px;
		background: url(img/pg_anterior.gif) no-repeat left;
	}
	.pgProx{
		float: left;
		display: block;
		width: 67px;
		padding-left: 8px;
		background: url(img/pg_proxima.gif) no-repeat right;
	}
	.paginas a{
		float: left;
		width: 19px;
		height: 19px;
		padding-top: 1px;
		margin-left: 8px;
		color: #00144E;
		font-size: 15px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		letter-spacing: -1px;
		background-image: url(img/pg_bg.gif);
	}
	
			
	/***************** QUADROS *****************/
	
	/* Comentários */
	.qdrComentarios li{
		padding-bottom: 4px;
		margin-bottom: 10px;
		border-bottom: 1px solid #CCCFDA;
	}
	.qdrComentarios em,
	.qdrComentarios strong{
		font-size: 120%;
	}
	.qdrComentarios p{
		font-size: 85%;
	}
	
	.qdrEnvieComentario{
		width: 422px;
		height: 210px;
		margin: 0 auto 20px auto;
	}
	
	/* Fotos */
	.qdrFotos{
		position: relative;
	}
	.qdrFotos ul{
		margin: 0 auto;
		padding: 0 12px;
		text-align: center;
	}	
	.col1 .qdrFotos ul{
       width: 300px;
       padding: 0;
       margin: 0 auto;
	}	
	.qdrFotos li{
		position: relative;
		float: left;
		padding: 10px;
	}	
	.qdrFotos img{
		display: block;
		width: 413px;
		border: 4px solid #E7EAEE;
	}
	.qdrFotos li img{
		width: 120px;
		height: 120px;
	}
	
	.btFoto{
		clear: both;
		width: 254px;
		height: 14px;
		margin: 0 auto;
		padding-top: 11px;
		background: url(img/bt_clique_mais.gif) no-repeat bottom;
	}
	.btFoto p{
		float: left;
		display: none;
	}
	.btFoto a{
		float: right;
		width: 14px;
		height: 14px;
	}
	
	.btAnte{
		position: relative;
		float: left;
		width: 82px;
		height: 16px;
		margin-top: 30px;
		background-image: url(img/seta_anterior.gif);
	}	
	.btProx{
		position: relative;
		float: right;
		width: 74px;
		height: 16px;
		margin-top: 30px;
		background-image: url(img/seta_proxima.gif);
	}
	.btAnte a,
	.btProx a{
		display: block;
		height: 16px;
	}
	
	/* Gravação */
	.qdrGravacao .botao{
		clear: both;
		width: 181px;
		height: 19px;
		margin-left: auto;
		background-image: url(img/bt_outras_gravacoes.gif);
	}
	.qdrGravacao .botao a{
		display: block;
		height: 19px;
	}
	
	/* O Projeto */
	.qdrOprojeto .qdrFotos{
		float: left;
		width: 421px;
		padding-right: 23px;
	}
	.qdrOprojeto img{
		display: block;
		border: 4px solid #E7EAEE;
	}
	.qdrOprojeto .btFoto{
		width: 236px;
		background-image: url(img/bt_clique_imagem.gif);
	}
	
	/* O que são as Gravações */
	.qdrOque{
		float: left;
		width: 450px;
		height: 205px;
		margin-bottom: 35px;
	}
	
	/* Ouça as Gravações */
	.qdrOuca{
		float: right;
		width: 450px;
		height: 205px;
		margin-bottom: 35px;
	}
	
	/* Selecione uma gravação */
	.qdrSelecione{
		clear: both;
	}
	.qdrSelecione li{
		clear: both;
		padding: 5px 0;
		font-size: 120%;
		border-bottom: 1px solid #CCCDD7;
	}
	ul.col1{
		position: relative;
		width: 384px;
		margin-left: 5px;
		margin-bottom: 25px;
	}
	ul.col2{
		position: relative;
		width: 384px;
		margin-right: 5px;
		margin-bottom: 25px;
		border-top: 1px solid #CCCDD7;
	}
	
	/* Visite */
	.qdrVisite .qdrMapa{
		position: relative;
		float: left;
		width: 479px;
		padding-right: 18px;
	}
	

/*********************** RODAPÉ ***********************/
div.siteRodape{
	clear: both;
	height: 177px;
	background: url(img/bg_rodape.gif) no-repeat center bottom;
}

	div.siteRodape dl{
		padding-top: 73px;
		padding-right: 40px;
		float: right;
	}
	div.siteRodape dl2{
		padding-top: 63px;
		padding-left: 10px;
		float: left;
	}
	div.siteRodape dt{
		float: left;
		width: 43px;
		height: 68px;
		background: url(img/rodape_apoio.gif) no-repeat center;
	}
	div.siteRodape dd{
		float: left;
		padding-left: 26px;
		background-repeat: no-repeat;
		background-position: right center;
	}
	div.siteRodape dd.item1{
		float: left;
		width: 134px;
		height: 36px;
		padding-top: 16px;
		padding-bottom: 16px;
		background-image: url(img/logo_sambarella.gif);
	}
	div.siteRodape dd.item1 a{
		height: 36px;
	}
	div.siteRodape dd.item2{
		float: left;
		width: 58px;
		height: 68px;
		background-image: url(img/logo_grudaemmim.gif);
	}
	div.siteRodape dd.item2 a{
		height: 68px;
	}
	div.siteRodape dd.item3{
		float: left;
		width: 295px;
		height: 46px;
		padding-top: 16px;
		padding-bottom: 16px;
		background-image: url(img/logo_sesc_realiza.gif);
	}
	div.siteRodape dd.item3 a{
		height: 46px;
		width: 190px;
		float: right;
	}