html {
	
	height: 100%;
	
}


body {
	
	margin: 0;
	padding: 0;
	background:  #548392 bottom left;
	height: 100%;
	
}


a {
	
	outline: none;
	
}



button {
	
	background-image: url(../imagens/background_input.jpg);
	background-repeat: repeat-x;
	height: 30px;
	border: 1px solid #999;
	cursor: pointer;
	font-weight: bold;
	color:#666;
	
}


button:hover {

	border: 1px solid #666;
	color:#333;

}



#base {
	
	position: relative;
	width: 1000px;
	margin:0 auto;
	overflow: hidden;
	height:auto !important;
	height:100%;
	min-height:100%;

	
}

html, body, #base {height: 100%;}
body > #base {height: auto; min-height: 100%;}
#home {padding-bottom: 40px;}  /* deve ser a mesma altura do rodapé */

	
	
	
#rodape {
	bottom:0px;
	background:url(../imagens/cidade_primeiroPlano.png) repeat-x;
	width: 100%;
	height: 100px;
	position: relative;
	margin-top: -172px; /* A mesma altura do rodapé, o valor deve ser negativo */
	height: 172px;
	clear:both

}


				

.conteudo {
	
	width:960px;
	height:400px;
	margin: 0 auto;
	position:relative;
	background:rgba(255,255,255, 0.3);
	border-radius:35px; 
	-moz-border-radius:35px; 
	-webkit-border-radius:35px;
	
}


				

.conteudo_home {
	
	
}







#div_quem_somos {
	
	background-image: url(../imagens/bg_branco.png);
	width: 800px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
	padding-left: 40px;
	min-height:345px;
	padding-right: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 160%;
	color: #000;
	text-align: justify;
	-moz-border-radius:16px;
	margin-bottom:20px;
	overflow:auto;
}


#div_quem_somos h4 {
	margin:4px 0;
	list-style:disc;
}

#div_quem_somos h4 a {
	color:#000;
	text-decoration:none;
}

#div_quem_somos h4 a:hover {
	text-decoration:underline;
}



#div_projetos {

	
	width: 750px;
	height: 400px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
	padding-left: 40px;
	padding-right: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 160%;
	color: #FFF;
	text-align: justify;
	
	overflow: auto;
	
}




#div_acervo {

	width: 750px;
	height: 420px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;

	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 160%;
	color: #FFF;
	text-align: justify;
	
}




#div_parceiros {
	

	width: 750px;
	height: 400px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
	padding-left: 40px;
	padding-right: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 160%;
	color: #FFF;
	text-align: justify;

	
}




#div_contatos {
	
	width: 750px;
	height: 400px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	padding-left: 40px;
	padding-right: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 160%;
	color: #FFF;
	text-align: justify;

	
}


.clear {

	clear: both;
	
}
				

.cabecalho {
	
	width: 100%;
	margin: 0 auto;
	
}



.cabecalho_logo {
	
	float: left;
	width: 120px;
	height: 90px;
	margin-top: 5px;
	
}



.cabecalho_menu {
	
	float: left;
	width: 500px;
	height: 44px;
	margin-top: 5px;
	
}



.cabecalho_menu ul {
	
	margin: 0 15px;
	padding: 0px;
	height: 30px;
	width: 100%;
	
}



.cabecalho_menu li {
	
	float: left;
	list-style: none;
	margin-top: 5px;
	
}



.cabecalho_menu li a {
	
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color:#FFF;
	text-decoration: none;
	
}



.cabecalho_menu li a:hover {
	
	text-decoration: underline;
	
}




.liLinha {
	
	border-right: 1px solid #FFF;
	margin-right: 10px;
	padding-right: 10px;
	
	
}




.item{
	
	
}



#mascara{
	
	height:100%;
	width:500%;
	background: url(../imagens/cidade_primeiroPlano.png) repeat-x bottom;
	

}
		
		

#segundoPlano {
	
	position: absolute;
	display: none;
	width: 100%;
	height: 172px;
	left: 0;
	bottom: 10px;
	background: url(../imagens/cidade_segundoPlano.png) repeat-x;
	
}
		


#blog {
	
	position: absolute;
	width: 500px;
	height: 500px;
	left: 30%;
	bottom: 50px;
	background: url(../imagens/blog.png);
	
}




#primeiroPlano {
	
	position: absolute;
	width: 100%;
	height: 172px;
	left: 0;
	bottom: 0px;
	background: url(../imagens/cidade_primeiroPlano.png) repeat-x bottom;
	
}
		
		

#cidadeUrbano {

	position: absolute;
	width: 100%;
	height: 172px;
	left: 0;
	bottom: 0px;
	background: url(../imagens/igreja.png) no-repeat bottom center;
	
}



.cidade {
	
	background: url(../imagens/cidade_urbano.png) no-repeat bottom center;
	
}
		
			

.vilarejo {
	
	background: url(../imagens/vilarejo.png) no-repeat bottom center;
	
}
		
		

.fazenda {
	
	background: url(../imagens/fazenda.png) no-repeat bottom center;
	
}
		

.igreja {
	
	background: url(../imagens/igreja.png) no-repeat bottom center;
	
}





.logo_ong {
	
	padding-left: 15px;	
	
}






.parceiro_img {

	float: left;
	width: 107px;
	height: 140px;
	background-repeat: no-repeat;
	cursor: move;

}





#contatos_retangulo {
	
	width: 590px;
	height: 315px;
	background-image: url(../imagens/fundo_contato.png);
	background-repeat: no-repeat;
	margin: 0px auto;
	
}




#contatos_form {
	
	float: left;
	width: 55%;
	height: 280px;
	border-right: 1px solid #FFF;
	
}




#contatos_endereco {
	
	float: right;
	width: 43%;
	height: 280px;
	
}




#contatos_endereco p {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 160%;
	color: #FFF;
	
}



.contato_icone_img {

	float: left;
	width: 50px;
	height: 50px;

}



.contato_icone_img img {
	
	border: none;
	
}




.form {

	padding-bottom: 5px;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	background-color:#EBEBEB;
	border: 1px solid #EBEBEB;
	
}



.formIn {

	border: 1px solid #FFF;
	padding-bottom: 5px;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	background-color:#FFF;
	border: 1px solid #FFF;
	
}




.error {
	
	display: block;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#900;
	margin-top: 5px;
	
}






.contatos_loading {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../imagens/carregando.gif);
	background-repeat: no-repeat;
	background-position: 0 50;
	padding-left: 20px;
	margin-bottom: 15px;
	
}




.contatos_sucesso {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #060;
	margin-bottom: 15px;
	
}





._projeto {
	
		text-align: center;
	
}



._projeto dd {

	padding: 0px;
	margin: 0px;
	margin-left: 5px;
	margin-right: 5px;

}



._projeto dd p {

	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 90%;
	line-height: 150%;
	padding: 0px;
	margin: 0px;
	text-align: justify;

}


._projeto img {
	
	max-width: 99%;
	border: none;
	
}




#projeto_qualificacao {
	
	clear: left;
	float: left;
	margin-left: 100px;
	margin-top: 30px;
	
}




#projeto_apl {
	
	margin-top: 30px;
	
}





#acervo_galeria_titulo {
	
	border-bottom: 1px solid #FFF;
	font-size: 120%;
	background-image: url(../imagens/icone_fotos.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	height: 35px;
	line-height: 280%;
	
}





#acervo_videos_titulo {
	
	border-bottom: 1px solid #FFF;
	font-size: 120%;
	background-image: url(../imagens/icone_videos.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	height: 35px;
	line-height: 280%;
	
}




#acervo_materiais_titulo {
	
	border-bottom: 1px solid #FFF;
	font-size: 120%;
	background-image: url(../imagens/icone_materiais.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	height: 35px;
	line-height: 280%;
	
}




#acervo_diversos_titulo {
	
	border-bottom: 1px solid #FFF;
	font-size: 120%;
	background-image: url(../imagens/icone_diversos.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	height: 35px;
	line-height: 280%;
	
}









#acervo_galeria {

	max-height: 80px;
	overflow: auto;
	
}






#acervo_videos {

	max-height: 100px;
	overflow: auto;
	
}






#acervo_materiais {

	max-height: 80px;
	overflow: auto;
	
}





#acervo_diversos {

	max-height: 80px;
	overflow: auto;
	
}





.pasta_fotos {
	
	float: left;
	width: 300px;
	height: 24px;
	margin-bottom: 15px;
	
}



.pasta_fotos a {
	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 90%;
	color: #000;
	text-decoration: none;
	line-height: 200%;
	
}



.pasta_fotos a:hover {

	text-decoration: underline;

}






.arquivo_fotos {
	
	float: left;
	width: 140px;
	margin-bottom: 30px;
	text-align: center;
	
}



.arquivo_fotos a {
	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	display: block;
	padding-top: 5px;
	
}



.arquivo_fotos img {
	
	border: 1px solid #CCC;
	padding: 3px;
	
}



.arquivo_fotos img:hover {
	
	border: 1px solid #333;
	padding: 3px;
	
}



.arquivo_fotos a:hover {

	text-decoration: underline;

}



#acervoDL {

	margin: 0px;
	padding: 0px;
	
}



#acervoDL dt, dd {
	
	margin: 0px;
	padding: 0px;
	
}




#acervoDL h2 a {
	
	color: #000;
	text-decoration: none;
	display: block;
	
}



#acervoDL h2 a:hover {

	text-decoration: underline;

}





.diversos_acervo {
	
	float: left;
	width: 350px;
	height: 24px;
	margin-bottom: 10px;
	
}



.diversos_acervo a {
	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 90%;
	color: #000;
	text-decoration: none;
	line-height: 200%;
	
}



.diversos_acervo a:hover {

	text-decoration: underline;

}






.materiais_acervo {
	
	float: left;
	width: 350px;
	height: 24px;
	margin-bottom: 10px;
	
}



.materiais_acervo a {
	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 90%;
	color: #000;
	text-decoration: none;
	line-height: 200%;
	
}



.materiais_acervo a:hover {

	text-decoration: underline;

}




.video_acervo {

	float: left;
	width: 342px;
	margin-bottom: 10px;
	margin-right: 0px;
	text-align: center;
	padding: 3px;
	
}



.video_acervo img {
	
	margin-bottom: 5px;
	border: 1px solid #666;
	
}



.video_acervo a {
	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 90%;
	color: #000;
	text-decoration: none;
	line-height: 120%;
	
}



.video_acervo a:hover {

	text-decoration: underline;

}






















.load {
	
	position: absolute; 
	top: 50%; 
	left: 50%; 
	width: 88px; 
	height: 78px; 
	margin: -39px 0 0 -44px; 
	z-index: 9;

}




.bg_modal {
	
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 8;

}




.view_modal {
	
	position: absolute; 
	left: 50%; 
	top: 50%; 
	text-align: left; 
	z-index: 8;

}



.modal {
	
	visibility: hidden; 
	cursor:pointer;

}





.albumFotos {
	
	background-color: #000;
	background-image: url(../imagens/album_bg.png);
	background-repeat: repeat-x;
	width: 750px;
	height: 500px;
	padding: 0px;
	overflow: auto;
	
}






.telaProjeto {
	
	min-height:345px;
	
}





#pressioneEsc {
	
	float: left;
	background-repeat: no-repeat;
	width: 38px;
	height: 38px;
	
}


#pressioneEsc img {

	border: none;

}




#albumTitulo {
	
	background-color: #CCC;
	border-bottom: 1px solid #CCC;
	height: 37px;
	width: 100%;
	
}



#albumTitulo h2 {

	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#333;
	line-height: 220%;

}





#projetoTitulo {
	
	border-bottom: 1px solid #CCC;
	height: 37px;
	width: 100%;
	
}



#projetoTitulo h2 {

	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#333;
	line-height: 220%;

}




#projetoTexto {
	
	padding-bottom: 20px;
	
}



#projetoTexto p {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color:#333;
	padding-left: 10px;
	padding-right: 10px;
	
}




#projetoFotos {
	
	width: 250px;
	float: left;
	margin-left: 5px;
	margin-right: 10px;
	text-align: center;
	
}



#projetoFotos img {

	margin-bottom: 5px;
	border: 1px solid #CCC;
	padding: 3px;

}

#menuProjetos  {
	width:500px;
	text-align:center;
	list-style:none;
	margin:0 auto;
	
}

#menuProjetos li {
	display:inline;
	margin: 15px;
	padding:3px;
	line-height:30px;
	border:1px solid #CCC;
	-moz-border-radius:4px;
	background-color:#78AFB7;
}

#menuProjetos li a {
	color:#000;
	text-decoration:none;
}

#menuProjetos li a:hover{
	text-decoration:underline;
}



#opcoesProjetos h3 {
	padding-top:20px;
}
#opcoesProjetos h3 a{
	color:#000;
	
	text-decoration:none;
}