@charset "utf-8";
/* CSS Document */

html{ height:100%; }

body{
	width:100%;
	height:100%;
	margin:0px;
	font-family:SEGOE UI;
/*	background:url("../objetos/bgFrac.jpg");*/
	background-color: #303030;
	}

#geral{
	position:relative;
	float:left;
	width:80%;
	margin:0 10%;
	background:none;
	}

#baseheader{
	position:relative;
	float:left;
	width:100%;
	height:145px;
	top:-151px;
	background:url("../objetos/bg_baseheader.jpg");
	background-size:100%;
	}

header{
	position:relative;
	float:left;
	width:100%;
	height:130px;
	margin:10px 0 0 0;
	border-top:5px solid #E6A63E;
	z-index:999;
	background:none;
	}

header.geral{ margin:10px 0 0 0; }

header #logo{
	position:relative;
	float:left;
	width:25%;
	margin:20px 0;
	}

header #menu{
	position:absolute;
	width:60%;
	background:none;
	right: 0;
	top:50px;
	/*background:#00f;*/
	}

#destaques{
	position:relative;
	float:left;
	width:100%;
	top:-145px;
	z-index: 9;
	}

#boxHome01{
	position:relative;
	float:left;
	width:100%;
	padding:90px 0;
	/*background:#F00;*/
	top:-145px;
	}

#boxHome01 #conteudo{
	position:relative;
	float:left;
	width:50%;
	/*background:#00f;*/
	}

#boxHome01 #img{
	position:relative;
	float:right;
	width:50%;
	/*background:#0f0;*/
	}

#boxHome02{
	position:relative;
	float:left;
	width:100%;
	height:300px;
	padding:0 0;
	background:#855D2F;
	top:-145px;
	}

#boxHome02 #box{
	position:relative;
	float:left;
	width:31.33333%;
	height: 100%;
	padding:70px 1%;
	overflow:hidden;
	background:#E6A63E;
	}

#boxHome02 #box.meio{
	background:#444;
	}

#boxHome03{
	position:relative;
	float:left;
	width:100%;
	top:-145px;
	}

#boxHome03 #conteudo{
	position:relative;
	float:left;
	width:100%;
	margin:0px 0px;
	padding:50px 10%;
	background-color: transparent;
	/*background:#CCC;*/
	}

#boxHome03 #conteudo #box{
	position:relative;
	float:left;
	width:23%;
	margin:10px;
	border-radius:7px;
	border:2px solid #EDEDED;
	background:#FFF;
	transition:0.8s;
	transition-property:background;
}

#boxHome03 #conteudo #box:hover{
	background:#F0F0F0;
	transition:0.8s;
}

#boxHome03 #conteudo #box #img{ 
	position:relative;
	float: left;
	width:100%;
	height:auto;
	overflow: hidden;
	}

#boxHome04{
	position:relative;
	float:left;
	width:80%;
	padding:100px 10%;
	background:url(../objetos/ilu01.jpg) no-repeat #FFF;
	background-size:contain;
	background-position: right;
	top:-150px;
	}

#boxHome04 #img{
	position:relative;
	float:left;
	width:35%;
	padding:0;
	background:none;
	transition:0.8s;
	transition-property:background;
	overflow:hidden;
}

#conteudoA{
	position:relative;
	float: left;
	width:80%;
	margin:-150px 10% 0 10%;
	padding:3% 5% 12% 5%;
	background:#FFF;
	}

#conteudoA #menuLoja{
	position:relative;
	float: left;
	width:96%;
	margin: 0;
	padding:1% 2%;
	background:#ECECEC;
	}

#conteudoA #box{
	position:relative;
	float:left;
	width:20.5%;
	margin:3% 3%;
	padding:3%;
	border-radius:7px;
	border:2px solid #EDEDED;
	background:#FFF;
	transition:0.8s;
	transition-property:background;
	}

#conteudoA #box:hover{
	background:#F0F0F0;
	transition:0.8s;
	}

#conteudoA #box #img{ 
	position:relative;
	float: left;
	width:100%;
	height:200px;
	overflow: hidden;
	}
	
#conteudoA #topoProd{
	position:relative;
	float:left;
	width:100%;
	margin:0 0 40px 0;
	padding:0 0 0 0;
	background:none;
	}
	
#conteudoA #descProd{
	position:relative;
	float:left;
	width:57%;
	margin:0 0 20px 3%;
	padding:0 0 0 0;
	background:none;
	}

#video{
	position:relative;
	float:left;
	width:100%;
	margin:40px 0 40px 0;
	padding:25px 0;
	text-align:center;
	background:none;
	}

#tour{
	position:relative;
	float:left;
	width:100%;
	height: 80vh;
	margin:0px 0 40px 0;
	padding:25px 0;
	text-align:center;
	background:none;
	}


#boxFoto{
	position:relative;
	float:left;
	width:40%;
	
	}

#boxFoto #boxFotoCorta{
	position:relative;
	float:left;
	width:100%;
	margin:-10px;
	overflow:hidden;
	}

#atdWhatsApp{
	position:fixed;
	width:80px;
	height:80px;
	background:none;
	bottom:20px;
	right:20px;
	z-index: 999;
	animation-name: surge;
	animation-duration: .8s;
	}

#maps{
	position:relative;
	float:left;
	width:36%;
	margin:50px 3% 70px 3%;
	padding:2%;
	background:#FFF;
	border:1px solid #CCC;
	}

#rodape{
	position:relative;
	float:left;
	width:80%;
	padding:4% 10%;
	border-top:5px solid #E6A63E;
	background:#444;
	top:0px;
	}

#rodape #logo{
	position:relative;
	float:left;
	width:15%;
}

#rodape #dados{
	position:relative;
	float:left;
	width:30%;
	padding:0 5%;
}

#rodape #info{
	position:relative;
	float:left;
	width:45%;
}

#rodape #info #rs{
	position:relative;
	float: right;
	width:100%;
	top:25px;
	text-align: right;
	}





@media screen and (max-width: 1200px) {

#conteudoA{
	margin:-100px 10% 5% 10%;
	
	}

#boxHome02 #box{
	width:31.33333%;
	padding:70px 1%;
	}

#boxHome03{
	top:-145px;
	}

#boxHome03 #conteudo{
	width:80%;
	margin:0px 5%;
	padding:50px 5%;
	}

#boxHome04{
	top:-150px;
	}
}





@media screen and (max-width: 1024px) {

#baseheader{
	height:110px;
	}

header #logo{
	margin:10px 0;
	}

#boxHome03 #conteudo{
	width:90%;
	padding:50px 0;
	}

#boxHome04{
	padding:50px 10% 0 10%;
	}

#rodape{
	width:90%;
	padding:4% 5%;
	}

}





@media screen and (max-width: 900px) {

#boxHome02{
	height:250px;
	}

#conteudoA #box{
	width:37%;
	margin:3% 3%;
	padding:3%;
	}

#rodape #dados{
	width:35%;
	}

#rodape #info{
	width:40%;
	}

}





@media screen and (max-width: 820px) {

#conteudoA{
	/*margin:-150px 10% 10% 10%;*/
	margin: 0px;
	width: 100%;
	margin-top: -150px;
	
	}

#boxHome02{
	height:170px;
	top:-250px;
	}

#boxHome02 #box{
	width:48%;
	}

#boxHome03{
	width:90%;
	padding:50px 5%;
	/*background:#FF0;*/
	top:-200px;
	}

#boxHome03 #conteudo #box{
	width:40%;
	padding:2% 2.3%;
	margin:2% 2.3%;
	/*background:#F0F;*/
	}

#conteudoA #box{
	width:40%;
	padding:2% 2.3%;
	margin:2% 2.3%;
	/*background:#F0F;*/
	}

#rodape #dados{
	width:75%;
	}

#rodape #info{
	width:75%;
	margin:30px 0 0 20%;
	}
}





@media screen and (max-width: 789px) {

#baseheader{
	height:140px;
	}

header #logo{
	width:55%;
	}

#boxHome02{
	height:170px;
	top:-250px;
	}

#boxHome03{
	width:100%;
	margin:0;
	padding:0;
	top:-200px;
	}

#boxHome03 #conteudo #box #img{
	position:relative;
	float:left;
	width:100%;
	padding:0;
	}

#conteudoA #box #img{
	position:relative;
	float:left;
	width:100%;
	padding:0;
	}

#atdWhatsApp{
	width:60px;
	height:60px;
	bottom:15px;
	right:15px;
	}

#maps{
	width:87%;
	}
}





@media screen and (max-width: 680px) {

#conteudoA{
	margin:-150px 10% 30% 10%;
	margin: 0px;
	width: 100%;
	margin-top: -150px;
	
	}

#conteudoA #box{
	width:87%;
	margin:3% 3%;
	padding:3%;
	}

#boxHome03 #conteudo{
	width:96%;
	margin:0 1%;
	padding:50px 1%;
	}

}





@media screen and (max-width: 600px) {

#boxHome01 #conteudo{
	width:100%;
	margin:0 0 15px 0;
	/*background:#00f;*/
	}

#boxHome01 #img{
	width:100%;
	}

#boxHome02{
	height:auto;
	top:-210px;
	}

#boxHome02 #box{
	width:98%;
	}

#boxHome03{
	top:-180px;
	}

#boxHome03 #conteudo #box #img{
	width:80%;
	margin:0 10%;
	padding:0;
	}

#conteudoA #box #img{
	width:80%;
	margin:0 10%;
	padding:0;
	}

#boxHome04{
	height:400px;
	background-size:70%;
	background-position:top right;
	top:-210px;
	}

#boxFoto{
	width:90%;
	}
	
#conteudoA #descProd{
	width:90%;
	margin:0 5% 20px 5%;
	}

#rodape{
	top:0px;
	}
}





@media screen and (max-width: 520px) {

#conteudoA{
	margin:-150px 10% 25% 10%;
	margin: 0px;
	width: 100%;
	margin-top: -150px;
	}

#boxHome02{
	top:-150px;
	}

#boxHome03{
	top:-150px;
	}

#boxHome03 #conteudo #box{
	width:90vw;/*
	padding:2% 2.3%;
	margin:2% 2.3%;
	/*background:#F0F;*/
	}

#boxHome03 #conteudo #box #img{
	width:80%;
	padding:0 10% 20px 10%;
	margin:0;
	}

#conteudoA #box{
	width:90%;
	padding:2% 2.3%;
	margin:2% 2.3%;
	/*background:#F0F;*/
	}

#conteudoA #box #img{
	width:80%;
	padding:0 10% 20px 10%;
	margin:0;
	}

#boxHome04{
	top:-150px;
	}

#rodape{
	top:0px;
	}

}





@media screen and (max-width: 480px) {

#baseheader{
	height:120px;
	}

/*#boxHome02 #box{
	width:100%;
	}*/
}





@media screen and (max-width: 420px) {

#conteudoA{
	margin:-150px 10% 35% 10%;
	margin: 0px;
	width: 100%;
	margin-top: -150px;
	}

#boxHome03 #conteudo #box{
	width:90vw;
	margin-left: 2vw;
	/*
	padding:2% 7.45%;
	margin:2% 7.45% 3% 7.45%;*/
	}

#conteudoA #box{
	width:90%;
	padding:2% 7.45%;
	margin:2% 7.45% 3% 7.45%;
	}

#boxHome04 #img{
	width:80%;
	margin:0 10%;
	}

#rodape #logo{
	width:40%;
	margin:15px 30% 30px 30%;
	}

#rodape #dados{
	width:80%;
	margin:0 10%;
	}

#rodape #info{
	width:75%;
	margin:20px 10% 20px 15%;
	}
}