* {
	margin: 0 auto;
	}
	
body {
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	}
	
ul {
	list-style: none;
	}	

p {
	padding-bottom: 5px;
	}

.clear {
	clear: both;
	}	
	
/******************** TOPO **************************/

.topo {
	width: 90%;
	}
	
.logo {
	float: left;
	padding-top: 10px;
	}
	
.logo img {
	width: 100%;
	padding-top: 20x;
	}
	
.banner {
	width: 100%;
	background: url(../img/foto-topo.jpg) center no-repeat;
	height: 595px;
	margin: 25px 0 0 0;
	}
	
.texto-foto {
	width: 80%;
	color:#FFF;
	text-align: right;
	}
	
.texto-img {
	font-size: 3em;
	padding: 15% 50px 0 0;
	}

.menu {
	padding: 70px 0 0 0;
	}


.menu ul li {
	display: inline-block;
	padding-right: 15px;
	font-size: 1.2em;
	}	
	
	
.menu ul li a {
	text-decoration: none;
	color: #584136;
	}
	
.menu ul li a:hover {
	color: #118E3F;
	}
	
.mobmenu {
	display: none;
	}
	
#menu {
	display: none;
	}	

	

/**************** CONTEÚDO ********************/

.video {
	width: 100%;
	padding: 15px 0;
	background: #066;
	margin-bottom: 25px;
	}

.empreendimento {
	width: 80%;
	}
	
.titulo-emp {
	font-size: 1em;
	padding: 10px 0;
	}
	
.desc-emp {
	float: left;
	width: 35%;
	margin-left: 120px;
	}
	
.formato {
	width: 35%;
	float: right;
	margin-right: 120px;
	}

.texto-emp {
	font-size: 0.9em;
	}	
	
.infra {
	margin: 20px 0;
	color: #FFF;
	background: #005A2F;
	width: 100%;
	}
	
.titulo-infra {
	padding: 15px 0;
	font-weight: 300;
	}	
	
.img-infra {
	padding-bottom: 15px;
	}	
	

.turismo {
	width: 100%;
	margin: 20px 0;
	}

.img-turismo {
	padding: 30px 0;
	margin-top: 20px;
	margin-bottom: 20px;
	background: #DBDBDB;
	}
	
.titulo-imagens  {
	color: #988D7C;
	font-weight:300;
	border-bottom: 2px solid;
	border-top: 2px solid;
	padding: 10px 0;
	font-size: 2.2em;
	margin-bottom: 20px;
	}
	
	
.localizacao {
	width: 100%;
	color: #118B3E;
	}

.img-imagens img {
	width: 92%;
	max-width: 440px;
	border: 0;
	}
	
.img-turismo img {
	width: 92%;
	max-width: 440px;
	border: 0;
	}	

.titulo-localizacao {
	font-size: 2em;
	font-weight: 300;
	}
	
.mapa {
	/*background: url(../img/mapa.png) no-repeat center;*/
	height: 343px;
	margin-top: 20px;
	}	

.obras {
	color: #FFF;
	background: #118B3E;
	width: 100%;
	margin-top: 20px;
	}

.titulo-obras {
	font-size: 2em;
	font-weight: 300;
	padding: 20px 0;
	}

.img-obras {
	padding-bottom: 30px;
	}

.img-obras img {
	width: 100%;
	max-width: 440px;
	}	
	
.contato {
	background: #DBDBDB;
	width: 100%;
	color: #118B3E;
	}
	
.titulo-contato {
	font-size: 2em;
	font-weight: 300;
	padding: 20px 0;
	}	

.formulario {
	width: 50%;
	}	
	
.texto-form {
	text-align: justify;
	padding-bottom: 20px;
	}	

.form {
	padding-bottom: 30px;
	}	

.campos {
	width: 97%;
	float: left;
	}
	
.texto-mensagem {
	float: right;
	}	

#txtNome, #txtEmail, #txtFone {
	width: 100%;
	height: 50px;
	border: 0;
	margin-bottom: 10px;
	font-size: 1.5em;
	color: #666;
	padding-left: 20px;
	}

#txtMensagem {
	width: 270px;
	height: 172px;
	margin-bottom: 10px;
	font-size: 2em;
	color: #666;
	padding-left: 20px;
	border: 0;
	}

#btnEnvia {
	width: 100%;
	height: 45px;
	color: #FFF;
	background: #62B026;
	border: 0;
	font-size: 2em;
	}


/***************** RODAPÉ ***********************/


.rodape {
	background: #005A2F;
	width: 100%;
	color: #FFF;
	height: 200px;
	}
	
.conteudo-rodape {
	width: 80%;
	font-size: 0.8em;
	}
	
.logo-rodape {
	float: left;
	background: no-repeat url(../img/logo-rodape.jpg) left;
	text-align: left;
	margin-top: 50px;
	}		
	
.endereco {
	padding: 0 100px 0 150px;
	}
	
.enderecos {
	text-align: left;
	padding: 50px 0 0 0;
	}
	
	
/*******************************/


@media (max-width: 1240px){
	.formulario {
	width: 55%;
	}
	}


@media (max-width: 1170px) {
	.topo {
		width: 100%;
		}
	.logo {
		padding: 20px 0 0 20px;
		}
		
	.formulario {
	width: 60%;
	}	
		
	.conteudo-rodape {
		width: 90%;
		}
		
	.endereco {
	padding: 0 50px 0 150px;
	}
	}
	
@media (max-width: 1024px){
	.topo {
		width: 100%;
		}
		
	.menu ul li {
	font-size: 1em;
	}
	
	.formulario {
	width: 62%;
	}
	}
	

@media (max-width: 980px) {
	.empreendimento {
		width: 100%;
		}
	
	.conteudo-rodape {
		width: 100%;
		}
		
	.endereco {
	padding: 0 50px 0 150px;
	}
	
	.formulario {
	width: 70%;
	}
	
	}

	
@media (max-width: 965px){
	.menu {
	padding: 70px 0 0 0;
	}

	.menu ul li {
	padding-right: 5px;
	font-size: 0.9em;
	}
	}


@media (max-width: 880px){
	.formulario {
	width: 90%;
	}
	
	.menu ul li {
	padding-right: 5px;
	font-size: 0.8em;
	}
	
	}	
	
@media (max-width: 850px){
	
	.banner {
		height: 500px;
		}
		
	.texto-img {
		padding: 150px 20px 0 0;
		}

	.desc-emp {
		float: left;
		width: 45%;
		margin-left: 30px;
		}

	.formato {
		float: right;
		margin-right: 15px;
		width: 45%;
		}

	.logo-rodape {
		margin-top: 10px;
		}

	.conteudo-rodape {
		padding: 10px 0 20px 0;
		}

	.endereco {
		background: #005A2F;
		padding: 0 40px 10px 20px;
		}
		
	.enderecos {
		float: left;
		padding: 0 40px 15px 20px;
		}
			
	}
	

@media (max-width: 780px){
	.formulario {
	width: 90%;
	}
	
	.menu {
	padding: 5px 0 0 0;
	}

	.menu ul li {
	display: list-item;
	font-size: 1em;
	padding-top: 5px;
	}
	
	}

	
@media (max-width: 750px){

	
	.formulario {
	width: 98%;
	}
	}


@media (max-width: 650px) {
	.formulario {
	width: 98%;
	}
	
	.campos {
		width: 100%;
		}
	
	.texto-mensagem {
		width: 100%;
		}
	
	#txtNome, #txtEmail, #txtFone {
	height: 50px;
	width: 95%;
	margin-bottom: 5px;
	font-size: 1em;
	padding-left: 10px;
	}

	#txtMensagem {
	width: 94%;
	height: 150px;
	margin-bottom: 10px;
	font-size: 1.5em;
	padding-left: 10px;
	}

	#btnEnvia {
	width: 95%;
	}
	
	}



@media (max-width: 550px){
	.banner {
		height: 300px;
		}
		
	.texto-img {
		padding: 70px 10px 0 0;
		font-size: 2em;
		}
	}

	
	
@media (max-width: 485px){
	
	.empreendimento {
		width: 100%;
		}
	
	
	.desc-emp {
	width: 90%;
	margin-bottom: 20px;
	}
	
	.formato {
	width: 90%;	
	}
	
	
	.menu {
	display: none;
	}
	
	.titulo-infra {
		font-size: 1.5em;
		}
		
		
	.mobmenu{
/*        display: block;
        width: 100%;
		font-size: 15px; */
	width: 40px;
	height: 32px;
	display: inline-block;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	background: #118E3F;
    }
	
.mobmenu:before {
	content: "";
	display: block;
	margin: 7px auto;
	width: 70%;
	height: 0.25em;
	background: #FFF;
	box-shadow: 0 .45em 0 0 #FFF, 0 .9em 0 0 #FFF;
}	
	
.mobmenu {
	margin: 20px 0 20px 0;
	}	
	
.mobimenu a {
	color: #FFF;
	text-decoration: none;
	}	

#menu {
	margin-top: 20px;
	}

#menu ul li {
	display: list-item;
	font-size: 1em;
	padding-bottom: 10px;
	}
	
#menu ul li a {
	text-decoration: none;
	color: #584136;
	}	

#menu ul li a:hover {
	color: #118E3F;
	}
	}


@media (max-width: 450px){
	.titulo-imagens {
		font-size: 1.5em;
		text-align: center !important;
		width: 100% !important;
		}
	}	
	
@media (max-width: 410px){
	.enderecos, .endereco {
		font-size: 0.9em;
		}
	.titulo-infra {
		font-size: 1em;
		}	
	
	}
		
	
@media (max-width: 370px){
	.logo img {
		width: 80%
		}
	
	.banner {
		height: 200px;
		}
		
	.texto-img {
		padding: 50px 10px 0 0;
		font-size: 1.5em;
		}
		
		.enderecos, .endereco {
		font-size: 0.8em;
		}
	}