@font-face { 
	font-family:'helvetica';
	src:url('../fontes/helveticaneuethin.otf') format('opentype');
	}

*{
	border:none;
	margin:0px;
	padding:0px;
	list-style:none;
	text-decoration:none;
}





body{
	width:100%;
	height:100%;
	background-color:#FCFDEC;
	overflow-x:hidden;
}





#areatotal{
	position:relative;
	width:80%;
	height:90%;
	margin:0 auto;
}

#logo{
	margin:0 auto;
	width:31.3%;
	min-width:132px;
	height:0;
	padding-bottom:25%;
	background-color:#c1bfaf;
	
	opacity:1;
	-webkit-transition-duration:300ms;
	transition-duration:300ms;
}

#escuro{
	background:#e9f3d9 url(../img/tratamento.png) no-repeat center;
	background-size:60%;
	
	
	position:relative;
	border-radius:10px;
	margin:2.3%;
	width:45%;
	min-width:132px;
	height:0;
	padding-bottom:31.3%;
	display:inline-block;
	
	/*opacity:1;*/
	-webkit-transition-duration:300ms;
	transition-duration:300ms;
}

#escuro:hover{
	background-size:62%;
	/*opacity:0.7;*/
	-webkit-transition-duration:300ms;
	transition-duration:300ms;
}

#claro{
	background:#e9f3d9 url(../img/terraplanagem.png) no-repeat center;
	background-size:48%;
	
	position:relative;
	border-radius:10px;
	margin:2.3%;
	width:45%;
	min-width:132px;
	height:0;
	padding-bottom:31.3%;
	display:inline-block;
	
	/*opacity:1;*/
	-webkit-transition-duration:300ms;
	transition-duration:300ms;
}

#claro:hover{
	background-size:50%;
	/*opacity:0.7;*/
	-webkit-transition-duration:300ms;
	transition-duration:300ms;
}

#rodape{
	position:absolute;
	bottom:0px;
	width:100%;
	line-height:60px;
	background:#e9f3d9;
}

#rodape p{
	font-family:'helvetica';
	color:#404040;
	text-transform:uppercase;
	font-size:xx-large;
	padding-left:5%;
}