@charset "UTF-8";

@font-face {
    font-family: 'Museo100';
    src: url('fonts/museo100-regular-webfont.eot');
    src: url('fonts/museo100-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museo100-regular-webfont.woff') format('woff'),
         url('fonts/museo100-regular-webfont.ttf') format('truetype'),
         url('fonts/museo100-regular-webfont.svg#Museo100') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Museo700';
    src: url('fonts/museo700-regular-webfont.eot');
    src: url('fonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museo700-regular-webfont.woff') format('woff'),
         url('fonts/museo700-regular-webfont.ttf') format('truetype'),
         url('fonts/museo700-regular-webfont.svg#Museo700') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* GENERAL and CLEANUP */
* { margin: 0px; padding: 0px; }
img { border: 0px; vertical-align: bottom; }
body { background-color: #AAD043; font-size: 15px; font-family: "Museo100"; overflow: hidden;}
h1, h2, h3, h4, h5 ,h6{ font-weight: 400; }
.opacity1{
	opacity: 1 !important;
}
.opacity0{
	opacity: 0 !important;
}
/* PARALLAXER */
#panelControl { 
	position: fixed;
	bottom: 0;
	z-index: 2147483646;
	background: url("images/bg-menu.png");
	height: 50px;
	width: 100%;
	border-top: solid 4px #97c93d;
}
	#panelControl ul{
		width: 900px;
		margin: 5px auto;
	}
	#panelControl li {
		float: left; 
		display: block; 
		margin: 0 10px; 
	}
	
	/* Effect 21: borders slight translate */
	/**:after,
	*::before {
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}*/

	#panelControl li a {
		position: relative;
		display: inline-block;
		margin: 10px 0px;
		outline: none;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: 400;
		font-size: 1.2em;
		text-shadow: 1px 1px 1px rgba(0,43,19,0.0);
		-webkit-transition: all 0.4s ease-in-out 0s;
		-moz-transition: all 0.4s ease-in-out 0s;
		transition: all 0.4s ease-in-out 0s;
	}
	#panelControl li.current a {
		outline: none;
		color: #97c93d;
		text-shadow: 1px 1px 1px rgba(0,43,19,1.0);
		-webkit-transition: all 0.4s ease-in-out 0s;
		-moz-transition: all 0.4s ease-in-out 0s;
		transition: all 0.4s ease-in-out 0s;
	}
	#panelControl li a:hover,
	#panelControl li a:focus {
		outline: none;
		color: #97c93d;
		text-shadow: 1px 1px 1px rgba(0,43,19,1.0);
		-webkit-transition: all 0.4s ease-in-out 0s;
		-moz-transition: all 0.4s ease-in-out 0s;
		transition: all 0.4s ease-in-out 0s;
	}

/*	#panelControl a::before,
	#panelControl a::after {
		display: inline-block;
		opacity: 0;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
		-moz-transition: -moz-transform 0.3s, opacity 0.2s;
		transition: transform 0.3s, opacity 0.2s;
	}

	#panelControl a::before {
		margin-right: 5px;
		content: '•';
		-webkit-transform: translateX(20px);
		-moz-transform: translateX(20px);
		transform: translateX(20px);
	}

	#panelControl a::after {
		margin-left: 5px;
		content: '•';
		-webkit-transform: translateX(-20px);
		-moz-transform: translateX(-20px);
		transform: translateX(-20px);
	}

	#panelControl a:hover::before,
	#panelControl a:hover::after,
	#panelControl a:focus::before,
	#panelControl a:focus::after {
		opacity: 1;
		color: #97c93d;
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
	}*/
	/* Effect 21: borders slight translate */
	#overflowControl { overflow: hidden; position: relative; height: 700px; top: 0px; }
	#layerSling {}
	#layerSling>div { display: block; position: absolute; top: 0px; left: 0;  }
	#layerSling .p { height: 180px; float: left; position: relative; overflow: visible; text-align: center; }
	.narrative h2{
	    color: #FFF;
		font-size: 3em;
		padding-top: 10%;
		text-shadow: 2px 3px 7px rgba(0,0,0,0.5);
		font-family: "Museo700";
		font-weight: normal;
		margin-bottom: 20px;
	} 
	#layerC{
		height: 180px;
		overflow: hidden;
	}
	#layerF .p .narrative {
		position: relative;
		top: 0;
		left: 50%;
		width: 900px;
		text-align: left;
		color: #009f47;
		z-index: 99999999;
		margin-left: -450px;
		height: 100%;
	}
	#layerF .p .narrative h3{
		font-size: 2em;
		margin-bottom: 20px;
	}
	#layerF .p .narrative > h4{
		font-size: 2em;
		margin-bottom: 20px;
		color: #FFF;
	}
	#layerF .p .narrative p{
		color: #6c6c6c;
		font-size: 1em;
		text-align: left;
		margin-bottom: 15px;
		line-height: 25px;
	}
	#layerF .p .narrative p:last-child{
		margin-bottom: 0;
	}
	#layerF .p:last-child .narrative{
		margin-left: -400px;
	}
	#layerF .p .narrative .inicio h3{
		top: 40%;
		position: absolute;
		right: 0;
		font-size: 2.5em;
		padding-top: 10%;
		text-shadow: 2px 2px 6px rgba(0,0,0,0.3);
		font-weight: bold;
		margin-bottom: 20px;
		color: rgba(51, 104, 49, 1);
		}
		#layerF .p .narrative .segundo{
			top: 27%;
			position: absolute;
			right: 160px;
			width: 440px;
			height: auto;
			padding: 60px;
			border-radius: 20px;
			background: url("images/bg-c.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
		}
		#layerF .p .narrative .terceiro{
			position: absolute;
			left: 0;
			width: 590px;
			height: auto;
			padding: 60px 60px 30px;
			border-radius: 20px;
			background: url("images/bg-c.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
		}
		#layerF .p .narrative .quarto{
		}
		.next{
			background: url("images/next.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		    height: 103px;
		    position: absolute;
		    right: -170px;
		    top: 50%;
		    width: 27px;
		    margin-top: -60px;
		}
		.next:hover{
			cursor: pointer;
		}
		.prev{
			background: url("images/prev.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		    height: 103px;
		    position: absolute;
		    left: -170px;
		    top: 50%;
		    width: 27px;
		    margin-top: -60px;
		}
		.prev:hover{
			cursor: pointer;
		}
		#empre .box{
			float: left;
			width: 390px;
			color: #FFFFFF;
			text-align: center;
			margin: 0 30px 0;
		}
		#empre .txt{
			text-align: left;
		}
		#empre .txt h4{
			font-size: 1.7em;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		#empre .box img:hover{
			cursor: pointer;
		}
		.button{
			background-color: #FFFFFF;
			padding: 5px;
			border-radius: 5px;
			color: #009f47;
			width: 80px;
			height: 17px;
			border:1px solid #AAD043;
			margin-top: 10px;
			-webkit-transition: all 0.4s ease-in-out 0s;
			-moz-transition: all 0.4s ease-in-out 0s;
			transition: all 0.4s ease-in-out 0s;
		}
		.button:hover{
			cursor: pointer;
			background-color: #009f47;
			color: #FFFFFF;
			-webkit-transition: all 0.4s ease-in-out 0s;
			-moz-transition: all 0.4s ease-in-out 0s;
			transition: all 0.4s ease-in-out 0s;
		}
		.plus{
			width: 100%;
			overflow: auto !important;
			height: 600px;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 2147483647;
			background: #FFFFFF;
		}
		.close{
			background: none repeat scroll 0 0 #FFFFFF;
		    border: 5px solid #0B9444;
		    border-radius: 30%;
		    color: #0B9444;
		    font-size: 25px;
		    font-weight: bold;
		    height: 30px;
		    position: absolute;
		    right: 50px;
		    top: 40px;
		    width: 30px;
		    z-index: 9999999;
		    -webkit-transition: all 0.4s ease-in-out 0s;
			-moz-transition: all 0.4s ease-in-out 0s;
			transition: all 0.4s ease-in-out 0s;
		}
		.close:hover{
			cursor: pointer;
			border: 5px solid #AAD043;
		    color: #AAD043;
		    -webkit-transition: all 0.4s ease-in-out 0s;
			-moz-transition: all 0.4s ease-in-out 0s;
			transition: all 0.4s ease-in-out 0s;
		}
		#layerF .p .narrative .quinto{
			position: absolute;
			left: 0;
			width: auto;
			height: auto;
			padding: 30px;
			border-radius: 20px;
			background: url("images/bg-c.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
		}
		#layerF .p .narrative .setimo{
			top: 0px;
			position: relative;
			left: 0;
		}
		#layerF .p .narrative .setimo h3{
			float: left;
		}
		#layerF .p .narrative .setimo form{
		    float: left;
		    margin-left: 30px;
		    margin-top: 70px;
		    width: 450px;
		}
		#layerF .p .narrative .setimo form div{
			width:100%;
			float: left;
			margin-bottom: 10px;
		}
		#layerF .p .narrative .setimo form div span{
			float: left;
		    margin-right: 10px;
		    text-align: right;
		    width: 110px;
		    font-size: 1.4em;
		}
		#layerF .p .narrative .setimo form div input, 
		#layerF .p .narrative .setimo form div textarea {
			width:310px;
			float: left;
			border: 1px solid #AAD043;
			padding: 5px;
			border-radius: 5px;
			resize: none;
			color: #6C6C6C;
		}
		#layerF .p .narrative .setimo form div.enviar input{
			float: right;
			background-color: #FFFFFF;
			border-radius: 5px;
			color: #009f47;
			width: 80px;
			border:1px solid #AAD043;
			margin-right: 8px;
			margin-top: 10px;-webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
		#layerF .p .narrative .setimo form div.enviar input:hover{ cursor: pointer; background-color: #009f47; color: #FFFFFF; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
		#layerF .p .narrative .setimo #endereco h4{ color: #AAD043; }
		#layerF .p .narrative .setimo #endereco{ float: left; font-size: 1em; margin-top: 225px; color: #6C6C6C; }
		#layerF #empre .interno{ margin: 20px auto 0; width: 900px; }
		#layerF #empre .interno h4{ font-size: 2em; color: #0B9444; margin-bottom: 30px; float: left; padding-left: 70px; }
		#layerF #empre .interno p{ 
			width: 429px;
			float: left;
			text-align: left;
			border-left: 1px dashed #6C6C6C;
			padding-left: 40px;
			margin-left: 30px;
			line-height: 25px; 
		}
		#layerF #empre .interno .img{ float: left; width: 315px; margin-top: 40px;}
		.icones {
			font-size: 14px;
			margin: 30px auto 90px;
			position: relative;
			width: 900px;
			float: left;
		}
		.icones > div{
			color: #6C6C6C;
			padding: 15px 0 0 60px;
		    text-align: left;
		    width: 240px;
		    height: 130px;
		    float: left;
		}
		.icones > div span{
			color: #0B9444;
		}
		.varanda {
		    left: 0;
		    top: 0;
		}
		.gerador {   
		    left: 315px;  
		    top: 0;
		}
		.elevadores {
		    right: 0;
		    top: 0;
		}
		.estacionamento {
		    left: 0;
		    top: 150px;
		}
		.bicicletario {
		    left: 315px;
		    top: 150px;
		}
		.mar {
		    right: 0;
		    top: 150px;
		}
		.carga {
		    left: 0;
		    top: 320px;
		}
		.centro-comercial {
		    left: 315px;
		    top: 320px;
		}
		.sustentabilidade {
		    right: 0;
		    top: 320px;
		}
		#nav {
		    position: absolute;
		    right: -130px;
		    top: 0;
		    padding-top: 45px;
		}
		#nav .botao {
		    height: 70px;
		    position: relative;
		    width: 110px;
		    -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;
		}
		#nav .botao:hover{
			cursor: pointer;
			-webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;
		}
		#nav .botao:hover .num, #nav .botao.active .num{
			background-color:#0B9444;
			-webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;
		}
		#nav .botao:nth-child(3n) .num{
			background-position:-35px 15px;	
		}
		#nav .botao:nth-child(5n) .num{
			background-position:-80px 15px;
		}
		#nav .botao:nth-child(7n) .num{
			background-position:-125px 15px;
		}
		#nav .botao .num {
			text-align: center;
			background: url("images/icons.png") no-repeat 15px 15px #AAD044;
			border-radius: 50%;
			color: #FFFFFF;
			font-size: 50px;
			height: 40px;
			left: 0;
			line-height: 33px;
			padding: 15px 0 0;
			position: absolute;
			top: 0;
			width: 55px;
			z-index: 99;
			-webkit-transition: all 0.4s ease-in-out 0s;
			-moz-transition: all 0.4s ease-in-out 0s;
			transition: all 0.4s ease-in-out 0s;
			background-size: 160px;
		}
		#nav .botao:hover .txt, #nav .botao.active .txt {
			color: #0B9444;
			border: 2px solid #0B9444;
			-webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;
		}
		#nav .botao .txt {
			width: 90px;
		    background: none repeat scroll 0 0 #FFFFFF;
		    border: 2px solid #AAD044;
		    border-radius: 5px;
		    left: 40px;
		    padding: 5px 5px 5px 20px;
		    position: absolute;
		    top: 10px;
		    z-index: 9;
		    color: #AAD044;
		    -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;
		}
		.in{
			position: absolute;
			right: 130px;
			width: 710px;
			border-radius: 15px;
			z-index: 999;
			overflow: hidden;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			box-sizing: border-box;
			padding: 50px 40px 10px;
			opacity: 0;
			top: 0px;
			height: 332px;
			line-height: 30px;
		}
		.in > span {
		    float: right;
		    font-size: 27px;
		    height: 24px;
		    line-height: 19px;
		    margin-right: -47px;
		    margin-top: -40px;
		    width: 37px;
		}
		.in > span:hover{
		    cursor: pointer;
		}
		.pikachoose{
			opacity: 0;
		}
		.banner-nav{
			background: none repeat scroll 0 0 #FFFFFF;
		    border: 2px solid #AAD043;
		    border-radius: 5px;
		    color: #AAD043;
		    font-size: 1.5em;
		    padding: 5px 20px;
		    width: 195px;
		    position: absolute;
		    text-align: left;
		    left: 10%;
		    z-index: 999999;
		    -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;
		}
		.banner-nav:hover, .banner-nav.active{
			border: 2px solid #0B9444;
			color: #0B9444;
			cursor: pointer;
			-webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;
		}
		.banner-nav.um{
			top: 180px;
		}
		.banner-nav.dois{
			top: 230px;
		}
		.banner-nav.tres{
			top: 280px;
		}
		.banner-nav.quatro{
			top: 330px;
		}
/* FLAIR */
	.t-contato{
		text-shadow: 2px 3px 7px rgba(0,0,0,0.2) !important;
		color: inherit !important;
	}
	.galeria{
		float: left;
		width: 300px;
	}
	.galeria span{
		float: left;
		margin-right: 10px;
		margin-top: 10px;
	}
	.galeria img{
		width: 90px;
		height: 70px;
	}
#layerC .p.logo { background: url("images/mini/logo_lupa.png") no-repeat top right; background-size: 340px auto; }
#layerC .p.l1 { z-index: 0; }
#layerC .p.l2 { z-index: 11; }
#layerC .p.l3 { z-index: 111; }
#layerC .p.l4 { z-index: 1111; }
#layerC .p.l5 { z-index: 11111; }
#layerC .p.l6 { z-index: 111111; }
#layerC .p.l7 { z-index: 9999999; }
#layerE .p { color: #3dc3f5; }
#layerF .p { color: #3dc3f5; }
#layerE .p.bg0 { z-index: -1;background-size: 100% auto;}
#layerD .p.bg4 { background-image: url("images/mini/fundo_verde.jpg"); z-index: 1111;background-size: 100% auto;}
#layerD .p.bg1 { z-index: -2;background-size: 100% auto;}
#layerD .p.bg3 { background-image: url("images/mini/bg-3.png"); z-index: 111;background-size: 100% auto;}
#layerD .p.bg3a { z-index: 11;background-size: 100% auto;}
#layerD .p.bg2 { z-index: 9;background-size: 100% auto;}
#layerD .p.bg7 { background-color: #f8fbf1; z-index: 111111;background-size: 100% auto;}
#layerG .p.bg { background-image: url("images/mini/bg.png"); z-index: 1111;background-size: auto auto;}
#navegacao div{ width: 1px; position: absolute; top: 0;}
#c_1{ left:0px;}

#assinatura-ezcuze:hover {
    background: url("images/ezcuze-marca-site.png") no-repeat scroll 0 0 / 40px auto rgba(0, 0, 0, 0);
}
#assinatura-ezcuze {
    background: url("images/ezcuze-marca-site.png") no-repeat scroll 0 -12px / 40px auto rgba(0, 0, 0, 0);
    bottom: -6px;
    cursor: pointer;
    display: block;
    float: right;
    height: 12px;
    overflow: hidden;
    position: relative;
    right: 15px;
    text-indent: -99999em;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease 0s;
    width: 40px;
    top: 15px;
}
@media screen and (max-height : 630px){
	#layerF .p .narrative p{
		margin-bottom: 10px;
	}
}
@media screen and (min-height: 646px) and (max-height : 665px){
	#layerF .narrative .quarto .box > img{
		width:270px;
		height: auto;
	}
}
@media screen and (min-height: 636px) and (max-height : 645px){
	body{
		font-size:14px;
	}
	#layerF .narrative .quarto .box > img{
		width:250px;
		height: auto;
	}
	#nav .botao{
		height: 65px;
	}
}
@media screen and (max-height: 635px){
	body{
		font-size:14px;
	}
	#layerF .narrative .quarto .box > img{
		width:230px;
		height: auto;
	}
	#nav .botao{
		height: 65px;
	}
}
@media screen and (min-width: 1025px) and (max-width : 1350px){
	body{
		font-size:13px;
	}
	.prev{
		left:-60px;
	}
	.next{
		right: -60px;
	}
}
@media screen and (min-width: 1001px) and (max-width : 1024px){
	#layerF .p .narrative {
		width: 750px;
		margin-left: -375px;
	}
	body{
		font-size:13px;
	}
	.prev{
		left:-60px;
	}
	.next{
		right: -60px;
	}
	#empre .box{
		width: 350px;
		margin:0 10px;
	}
	#layerC .p.logo {
		background: url("images/mini/logo_lupa.png") no-repeat scroll right top / 270px auto rgba(0, 0, 0, 0);
	}
	#layerF .p .narrative .terceiro{
		width: 450px;
	}
	.in{
		width: 560px;
	}
	#layerF .p .narrative .segundo{
		top: 30%;
	}
}
@media screen and (min-width: 1000px) and (max-width : 1023px){
	body{
		font-size:12px;
	}
	.prev{
		left:-45px;
	}
	.next{
		right: -45px;
	}
		#empre .box{
		width: 350px;
		margin:0 10px;
	}
	#layerC .p.logo {
		background: url("images/mini/logo_lupa.png") no-repeat scroll right top / 270px auto rgba(0, 0, 0, 0);
	}
	#layerF .p .narrative .terceiro{
		width: 450px;
	}
	.in{
		width: 560px;
	}
	#layerF .p .narrative .segundo{
		top: 30%;
	}
	#layerF .p .narrative {
		width: 750px;
		margin-left: -375px;
	}
}
div.formulario {
	position: absolute;
	bottom: 55px;
	left: -90px;
	width: 230px;
	background: url("images/bg-form.jpg");
	text-align: left;
	padding: 15px;
	height: 210px;
	background-size: 260px 240px;
	background-repeat: no-repeat;
}
div.formulario h1{
    margin-bottom: 7px;
	
}
div.formulario form div{
    margin-bottom: 5px;	
}
div.formulario form > span{
    margin-bottom: 5px;	
    float: left;
}
div.formulario form div input{
    border: 1px solid #AAD043;
	
    border-radius: 3px;
    padding: 2px;
    width: 225px;
}
div.formulario form div #submit1{
    border: 1px solid #AAD043;	
    border-radius: 3px;
    background: #FFF;
    padding: 3px 10px 3px;
    float: right;
    margin-top: 1px;
    width: 60px;
}
div.formulario form div #submit1:hover{
	background: #AAD043;
	color: #FFF;
}