/*
=========
==RESET==
=========
*/
* { color: #000; font-family:"Century"; font-size: 100%; font-weight: 300; line-height: 22px;}
p { border: 0; font-size: 18px; line-height: 25px; margin: 0; padding: 0; outline: 0; font-family:"Century";  text-indent: 2em;}
ul { margin: 0; padding: 0; list-style-type: none; font-family:"Century";}
fieldset { border: 0; margin: 0; outline: 0; padding: 0;}
textarea { resize: none;}
a { color: #000; text-decoration: none; outline: none; font-size: 22px; display: block; font-family:"Century";}
a.active{ color: #000}
hr { border: none;}
img{max-width: 100%}
input, button, textarea { outline:none;}
h1{font-size: 22px; margin: 5px 0; font-family: "CenturySeBd"; color: #000; display: block; line-height: 28px}
h2{font-size: 18px; font-family: "Century"; color: #000; margin: 0; display: block; line-height: 24px}
h3{font-size: 18px; font-family: "CenturyItalic"; margin: 0; line-height: 100%}
.clearfix {overflow: auto;}
div{box-sizing: border-box; font-family:"Century";}
strong{font-family: "CenturyBold"}
small{font-size: 12px; font-family:"Century";}

::-webkit-input-placeholder { color: #000; font-size: 18px} /*cbcbcb*/
:-moz-placeholder { color: #000; font-size: 18px}
::-moz-placeholder { color: #000; font-size: 18px}
:-ms-input-placeholder { color: #000; font-size: 18px}

/*
=================
==GENERAL TOOLS==
=================
*/

/*	COLORS
#3b3939  #a67613
*/

body {width: 100%; background: #fff; font-size: 100%}

#main-container{width: 100%; height: 100%; background-color: rgba(248,246,245,1);}
.container { display: table; margin: auto; position: relative; width: 960px; }
.main{width: 100%; background: url(../img/background.jpg) top center no-repeat; min-height: 700px; border-top: 5px solid #3b3939;}
.main-empresa{width: 100%; background: url(../img/background-empresa.jpg) top center no-repeat; min-height: 730px; border-top: 5px solid #3b3939;}
.main-produtos{width: 100%; background: url(../img/fundo-produto.jpg) top center no-repeat; min-height: 2330px; border-top: 5px solid #3b3939; background-position: -225px 0px}
.hide{display: none;}
.mg-top20{width: 100%; float: left; height: 20px}
.pd-top20{width: 100%; float: left; padding-top: 20px}
.mg-top10{width: 100%; float: left; height: 10px}
.clear{width: 100%; float: left; clear: both; height: 3px}
.floatleft{float: left;}
.floatright{float: right;}
.col{width: 50%;}
.input{width: 100%; float: left;}
.input-col{width: 49%;}
.placeholder{color: #666; font-size: 18px}
.table{display: table;}

/*
==============
==SITE TOOLS==
==============
*/

.menu-mob{display: none;}
input, textarea{width: 100%; margin: 0; padding: 7px; box-sizing:border-box;}

/*
=========
==INDEX==
=========
*/
.index{} 
.index .container{margin: 0 auto; }
	.divisor{width: 100%; margin-top:80px; text-align: center;} 
		#divisor-map{margin-top:30px;}	
	.texto-index{width: 100%; float: left; text-align: center;}	
	.index .container h1{text-align: center; margin: 0 auto; margin-top:30px;}
	.index .container h2{text-align: center; margin: 0 auto;}
	.index .container .fachada{margin-top:20px;}
	.btn2{width: 30%; padding: 0px; border-radius: 15px; margin: 0 auto; margin-top:20px; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}
			.btn2 a{font-size: 20px; color: #fff; font-weight: bold; padding: 5px;}
			.btn2:hover{background: #a67613;}
	.btnfake{width: 90%; padding: 0px; border-radius: 15px; margin: 0 auto; margin-top:20px; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}		
		.btnfake p{font-size: 16px; color: #fff; font-weight: bold; text-indent: 0em; padding: 5px;}
			#bt-map-1{margin-top:150px;}
			#bt-map-2{width: 95%; float: none; margin: 10px auto !important;}			    
			#bt-map-3{width: 95%; float: none; margin: 0 auto}


/* 
==========
==HEADER==
==========
*/

header{width: 100%; float: left;}
	header .telefone{text-align: right; padding-right: 100px; padding-top: 15px;}
	header .linha{float: right; line-height: 3px; margin-right: 60px;}
	header .marca{width: 100%;}	
	header .logo{width:130px; height:97px; margin: 0 auto;}
		header .logo img{margin: 0 auto;}	
	header .nav{width: 100%; text-align: center; margin-top: 10px; }
	header .menu{width: 680px; margin: 0 auto; text-align: center;}
		header .menu li{display: block; float: left; margin: 0; padding-left: 25px; padding-right: 25px; padding-top: 10px}
			header .menu li a{text-align: center; font-size: 20px; font-weight: 300;}
			header .menu li a:hover{color: #a67613; transform: scale(1.075,1.075);}
			header .menu li a{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden;}
			header .menu li a:before {  content: "";  position: absolute;  z-index: -1;  left: 0;  right: 100%;  bottom: 0;  background: #a67613; background: -moz-linear-gradient(left,  #a67613 0%, #a67613 30%, #a67613 67%, #a67613 100%); background: -webkit-linear-gradient(left,  #a67613 0%,#a67613 30%,#a67613 67%,#a67613 100%); background: linear-gradient(to right,  #a67613 0%,#a67613 30%,#a67613 67%,#a67613 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a67613', endColorstr='#a67613',GradientType=1 ); background: -moz-linear-gradient(left,  #3b3939 0%, #a67613 30%, #a67613 67%, #a67613 100%); background: -webkit-linear-gradient(left,  #3b3939 0%,#3b3939 30%,#a67613 67%,#a67613 100%); background: linear-gradient(to right,  #3b3939 0%,#3b3939 30%,#3b3939 67%,#a67613 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f4494', endColorstr='#ece01c',GradientType=1 ); height: 1px;  -webkit-transition-property: right;  transition-property: right;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
			header .menu li a:hover:before, header .menu li a:focus:before, header .menu li a:active:before {  right: 0;}
			header .menu li.ativo a { color: #a67613;}
/*
==========
==BANNER==
==========
*/

.banner{width: 100%; margin: 0 auto; min-height: 325px; margin-top: 30px;}	
	.banner .cycle-slideshow{width: 100%;}
		.slideshow-container .prev{margin-top: 140px; margin-left: 200px;}
		.slideshow-container .next{margin-top: 140px; margin-right: 200px;}
		.prev{width: 40px; height: 40px; float: left; -webkit-filter: drop-shadow(3px 3px 7px #222); filter: drop-shadow(3px 3px 7px #222);}
		.prev:hover{transform: scale(1.1,1.1);}		
		.next{width: 40px; height: 40px; float: right; -webkit-filter: drop-shadow(3px 3px 7px #222); filter: drop-shadow(3px 3px 7px #222);}
		.next:hover{transform: scale(1.1,1.1);}			
	.banner .cycle-slide{width: 100%}
	.inner{width: 415px; margin: 0 auto;}
	.inner img{ -webkit-filter: drop-shadow(3px 3px 10px #222); filter: drop-shadow(3px 3px 10px #222);}
	.txt-inner{width: 260px; float: left; text-align: center; position: absolute; margin-left: -45px; margin-top: -20px;}
		.txt-inner a h1:hover{color: #a67613;}
		.txt-inner a{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden;}
		.txt-inner a:before{content: "";  position: absolute;  z-index: -1;  left: 0;  right: 100%;  bottom: 0;  background: #a67613; background: -moz-linear-gradient(left,  #a67613 0%, #a67613 30%, #a67613 67%, #a67613 100%); background: -webkit-linear-gradient(left,  #a67613 0%,#a67613 30%,#a67613 67%,#a67613 100%); background: linear-gradient(to right,  #a67613 0%,#a67613 30%,#a67613 67%,#a67613 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a67613', endColorstr='#a67613',GradientType=1 ); background: -moz-linear-gradient(left,  #3b3939 0%, #a67613 30%, #a67613 67%, #a67613 100%); background: -webkit-linear-gradient(left,  #3b3939 0%,#3b3939 30%,#a67613 67%,#a67613 100%); background: linear-gradient(to right,  #3b3939 0%,#3b3939 30%,#3b3939 67%,#a67613 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f4494', endColorstr='#ece01c',GradientType=1 ); height: 1px;  -webkit-transition-property: right;  transition-property: right;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
		.txt-inner a:hover:before, .txt-inner a:focus:before, .txt-inner a:active:before {  right: 0;}
		.btn{width: 300px; position: absolute; padding: 5px; border-radius: 15px; float: right; margin-top: 310px; margin-left: 445px; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}
			.btn a{ font-size: 20px; color: #fff; font-weight: bold;}
			.btn:hover{background: #a67613;}			

	/*Animação do banner*/
	/*.fade {-webkit-animation-name: fade; -webkit-animation-duration: 0.5s; animation-name: fade; animation-duration: 0.5s;}
	@-webkit-keyframes fade {from {opacity: .3} to {opacity: 1}}
	@keyframes fade {from {opacity: .4; transform: scale(0.9,0.9)} to {opacity: 1; transform: scale(1,1)}}*/
/* ===== END BANNER ===== */

/*
===========
==EMPRESA==
===========
*/
	.mg-top{margin-top: 300px;}
	.historia{width: 90%; margin: 0 auto;}
	.img-empresa{float: right; margin-right: 20px;}
	.txt-empresa-a{width: 70%; float: left; padding: 20px; text-align: justify;}
		.mg-20{margin-top: 25px;}
		.txt-empresa-a h1{font-size: 24px;}
		.txt-empresa-a h2{font-size: 20px;}
	.txt-empresa-b{width: 100%; float: left; padding: 20px; text-align: justify;}
		.txt-left{width: 48%; float: left;}
		.txt-right{width: 48%; float: right;}
	.timeline{width: 100%; float: left; height: 450px;}	
		.timeline .baloes{z-index: 5; text-align: center; font-size: 16px; font-family: "CenturySeBd"; color: #fff;}
		.timeline .baloesdata{z-index: 5; text-align: center; font-size: 20px; font-family: "CenturySeBd"; color: #fff;}
		.timeline .sem-baloes{z-index: 5; text-align: center; font-size: 16px; font-family: "CenturySeBd"; color: #000;}
		.timeline .timeline-zoom{transform: scale(0.85,0.85);}
		.timeline .timeline-zoom:hover{transform: scale(1.1,1.1); z-index: 200;}
		#linha-curva{position: absolute; margin-top: 200px;}		
		#img-timeline-0{position: absolute; margin-top: 180px; margin-left:   0px;}
		#img-timeline-1{position: absolute; margin-top: 220px; margin-left: 115px;}
		#img-timeline-2{position: absolute; margin-top: 155px; margin-left: 280px;}
		#img-timeline-3{position: absolute; margin-top: 110px; margin-left: 425px;}
		#img-timeline-4{position: absolute; margin-top: 200px; margin-left: 585px;}
		#img-timeline-5{position: absolute; margin-top: 160px; margin-left: 760px;}
		#balao1{position: absolute; margin-top: 90px; margin-left: 10px;}
			#txt-balao1{position: absolute; margin-top: 105px; margin-left: 28px;}
		#balao2{position: absolute; margin-top: 75px; margin-left: 830px;}
			#txt-balao2{position: absolute; margin-top: 100px; margin-left: 865px;}
		#balao3{position: absolute; margin-top: 10px; margin-left: 470px;}
			#txt-balao3{position: absolute; margin-top: 20px; margin-left: 480px;}
		#txt-balao4{position: absolute; margin-top: 127px; margin-left: 140px;}	
		#txt-balao5{position: absolute; margin-top: 297px; margin-left: 280px;}	
		#txt-balao6{position: absolute; margin-top: 127px; margin-left: 600px;}
	.fotos-empresa{width: 100%; float: left; margin: 0 auto;}
		.divisor-empresa{width: 100%; height: 30px; margin-top:20px; text-align: center; background: url(../img/divisor.png) no-repeat; margin: 0 auto; position: absolute; margin-top: 10px;} 	
		.tt-fotos{width: 150px;  padding: 5px; border-radius: 15px; margin: 0 auto; background: #3b3939; text-align: center; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222); font-size: 20px; color: #fff; font-weight: bold;}
		.ajusta-fotos{width: 771px; margin: 0 auto; padding-top: 20px}
			.foto-thumb{float: left; width: 257px; height: 168px; padding: 10px}

/*		
============
==PRODUTOS==
============
*/	
	.img-fundo{position: absolute; top: 10px; left: -70px;}
	.listras{width: 100%; height: 1935px; position: absolute; background: url(../img/listrado.jpg); line-height: 0; top: 465px; -moz-opacity:0.85; opacity:0.85; filter: alpha(opacity=85);}
	.item0{position: absolute; top: 1132px;}
		.item-foto{width: 361px; height: 317px;}
		.item-vertical{width: 271px; height: 350px;}	
		.item-direita{width: 350px; height: 271px; }
		.item-esquerda{width: 296px; height: 315px; }
		.item-horizontal{width: 670px; height: 320px; margin: 0 auto;}
		.item-branco1{width: 380px; height: 305px;}	
			.item-branco1 h2{text-align: center; margin-top: 65px; font-family: "CenturySeBd"; font-size: 20px;}
			.item-branco1 p{text-align: center; padding: 25px; text-indent: 0em;}
		.item-branco2{width: 300px; height: 212px;}	
			.item-branco2 p{text-align: center; padding: 30px; margin-top: 25px; text-indent: 0em;}	
		.item-1907{width: 120px; height: 120px;}	
			.item-branco2 p{text-align: center; padding: 30px; margin-top: 25px; text-indent: 0em;}	
			#item-1907{background: url(../img/desde1907.png) no-repeat; position: absolute; top: 1170px; left: 455px;}
			#item-branco1{background: #fff; position: absolute; top: 53px; left: 307px; -moz-opacity:0.65; opacity:0.65; filter: alpha(opacity=65);}		
			#item-branco2{background: #fff; position: absolute; top: 1255px; left: 360px; -moz-opacity:0.85; opacity:0.85; filter: alpha(opacity=85);}
			#item-foto{background: url(../img/item-foto.png) no-repeat; position: absolute; top: 655px; right: 0px;}
			#item-amarelo{background: url(../img/item-amarelo.png) no-repeat; position: absolute; top: 373px; right: 45px; z-index: 1;}		
				#item-amarelo p{text-align: center; padding: 30px; margin-top: 35px; color: #fff; text-indent: 0em;}		
			#item1{background: url(../img/item1.png) no-repeat; position: absolute; top: 223px; left: 27px;}
			#item2{background: url(../img/item2.png) no-repeat; position: absolute; top: 373px; left: 311px;}
			#item3{background: url(../img/item3.png) no-repeat; position: absolute; top:  20px; right: 0px;}
			#item4{background: url(../img/item4.png) no-repeat; position: absolute; top: 597px; left: 27px;}
			#item5{background: url(../img/item5.png) no-repeat; position: absolute; top: 733px; left: 311px;}
			#item6{background: url(../img/item6.png) no-repeat; position: absolute; top: 1255px; left: 10px;}
			#item7{background: url(../img/item7.png) no-repeat; position: absolute;	top: 1161px; right: 0px;}
			#item8{background: url(../img/item8.png) no-repeat; position: absolute; top: 1525px; left: 10px;}
			#item9{background: url(../img/item9.png) no-repeat; position: absolute; top: 1480px; right: 0px;}
			#item10{background: url(../img/item10.png) no-repeat; position: absolute; top: 1480px; right: 275px;}
			#item11{background: url(../img/item11.png) no-repeat; position: absolute; top: 1845px; margin-left: 50%; left: -335px;}
		.item-nome{width: 230px; height: 32px; border-radius: 15px; background: #3b3939; margin: 0 auto; margin-top: 290px; -webkit-filter: drop-shadow(2px 2px 3px #222); filter: drop-shadow(2px 2px 3px #222);}	
			.item-nome p{color: #fff; text-align: center; font-family: "CenturySeBd"; font-size: 20px; text-indent: 0em; padding: 3px;}
		#tipo-nome1{margin-top: 210px;}		
		#tipo-nome2{margin-top: 255px;}
		#tipo-nome3{margin-left: 40px; margin-top: 210px;}
		#tipo-nome4{margin-left: 45px; margin-top: 250px;}
		#tipo-nome5{margin-left: 45px; margin-top: 1070px;}
		.item0-mob{display: none;}
/*		
================
==ONDE COMPRAR==
================
*/
	.localizacao .container{margin: 0 auto;}
	.txt-localizacao > p{font-family: "CenturySeBd"; font-weight: bold; font-size: 20px; text-align: center; color: #3b3939; text-indent: 0em; margin: 0 20%;}
	.mais-btn{width: 90%; margin: 0 auto; margin-top: 20px; padding-bottom: 0px;}
	/*.mapa{width: 86%; margin: 0 auto;}*/
	.info-mapa{position: absolute; z-index: 1001; background: #fff; width: 250px; height: 90px; left: 60px; top: 470px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);}
		.info-mapa > h1{text-indent: 0.7em; font-size: 18px; line-height: 22px;}
		.info-mapa > p{text-indent: 1em; font-size: 14px; line-height: 18px;}
	#mapa-villa{width:90%; height: 300px; margin: 0 auto; }
	.img-balcao{width: 50%;}
	.txt-loja{width: 45%;}
		.txt-loja > p{text-align: center; text-indent: 0em;}

/*
===========
==CONTATO==
===========
*/	
.contato{}
	.txt-contato{width: 65%; margin: 0 auto; padding-top: 30px;}
	.txt-contato h1, .txt-contato h2{text-align: center;}
	.contato{margin: 0 auto}
	.contato h1{padding: 10px 0; color: #3b3939;}
	.contato form{width: 65%; margin: 0 auto; padding-top: 20px}	
		.contato form input{width: 100%; background: #f7f5f4; border: 1px solid #3b3939; border-left: 8px solid #3b3939; padding: 7px; margin: 2px 0; border-radius: 15px;}
			.contato form input:hover, .contato form input:focus{ border: 1px solid rgba(166,118,19,1); border-left: 8px solid rgba(166,118,19,1);}
		.contato form textarea{width: 100%; background: #f7f5f4; border: 1px solid #3b3939; border-left: 8px solid #3b3939; padding: 7px; margin: 2px 0; border-radius: 15px;}
			.contato form textarea:hover, .contato form textarea:focus{ border: 1px solid rgba(166,118,19,1); border-left: 8px solid rgba(166,118,19,1);}
		.contato form button{width: 100px; height: 35px; background: #3b3939; color: #fff; border: 0; text-align: center; margin: 0 auto; border-radius: 15px;}
			.bt-enviar{width: 100px; margin: 0 auto;  padding-top: 10px; }	
			.contato form button:hover{background: rgba(166,118,19,1); }
			#recaptcha{width: 305px !important; margin: 0 auto; padding-top: 200px;}			
/*
==========
==FOOTER==
==========
*/
footer{width: 100%; margin-top:15px;  background: url(../img/footer.png) top center no-repeat;}
footer .container{margin: 0 auto; padding-bottom: 20px;}
	.txt-footer{width: 50%; float: left; margin-top: 87px;}
		.txt-footer h1{margin-left: 65px}
		.txt-footer h2{margin-left: 65px}
	.casinha{width:40%; float: right; margin-right: 50px}
		.casinha-img{width: 363px; height: 214px; margin: 0 auto; background: url(../img/casinha.png) top center no-repeat;}		
			.txt-casinha{width: 363px; position: relative; }
				.padding-casinha {width: 100%; height: 140px;}
				.txt-casinha h1{text-align: center;}
				.txt-casinha h2{text-align: center;}
	.rodape{width: 100%; height: 26px; float: left; background: #3b3939;}
		.rodape a{text-align: center; font-size: 16px; color: #fff; margin-top: 2px;}