/*********************************************************************
*  Reset
*
*  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
*  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
*  html5doctor.com/html-5-reset-stylesheet/
*********************************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li, a,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
textarea { resize: none; }
button { cursor: pointer; }
ul, ol { list-style: outside none; }
input, textarea { outline: 0; border: 0 none; }
a:link, a:hover, a:focus, 
a:active, a:visited { text-decoration: none; }
a:hover, a:focus { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
address, em { font-style: normal; }

/*********************************************************************
*  Fontes
*********************************************************************/
@font-face {
	font-family: "PatrickHandSC-Regular";
	src: url("../fonts/PatrickHandSC-Regular.eot");
	src: url("../fonts/PatrickHandSC-Regular.eot?#iefix") format("embedded-opentype"),
	url("../fonts/PatrickHandSC-Regular.woff") format("woff"),
	url("../fonts/PatrickHandSC-Regular.ttf") format("truetype"),
	url("../fonts/PatrickHandSC-Regular.svg#PatrickHandSC-Regular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Opensans-Regular";
	src: url("../fonts/opensans-regular-webfont.eot");
	src: url("../fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"),
	url("../fonts/opensans-regular-webfont.woff") format("woff"),
	url("../fonts/opensans-regular-webfont.ttf") format("truetype"),
	url("../fonts/opensans-regular-webfont.svg#opensans-regular-webfont") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "opensans-bold";
	src: url("../fonts/oopensans-bold.eot");
	src: url("../fonts/oopensans-bold.eot?#iefix") format("embedded-opentype"),
	url("../fonts/oopensans-bold.woff") format("woff"),
	url("../fonts/oopensans-bold.ttf") format("truetype"),
	url("../fonts/oopensans-bold.svg#opensans-regular-webfont") format("svg");
	font-weight: normal;
	font-style: normal;
}

.limitador{
	position:relative;
	width: 960px;
	margin:0 auto;
}

#principal{
	position: relative;
	float: left;
	transition:all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
}

body{
	background-color: #fff;
	overflow-y:hidden; 
}

section{
	position: relative;
	float: left;
	overflow: hidden;
}

/*---------------------------------------------*/
header{
	position: relative;
	float: left;
	display: none;
}

.navegacao{
	position: fixed;
	float: left;
	background: url(../img/icone-menu.png)no-repeat center center;
	width: 57px;
	height: 56px;
	z-index: 125;
	top: 0px;
	left: 610px;
	transition:all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
}

nav{
	position: fixed;
	width: 800px;
	z-index: 10;
	left: 250px;
	top: 0px;
}
#menu-nav{
	position: relative;
	width: 805px;
	height: 61px;
	background:url(../img/bg-menu.png)no-repeat center center;
	top: -40px;
	left: 0px;
	transition:all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	-webkit-transition: all .4s linear;
}

.seta-menu{
	position: absolute;
	background:url(../img/seta-menu.png)no-repeat center center;
	width: 23px;
	height: 12px;
	top: 35px;
	left: 75px;
	opacity: 0;
	transition:all .6s linear;
	-ms-transition: all .6s linear;
	-o-transition: all .6s linear;
	-webkit-transition: all .6s linear;
}

#menu-nav li{
	position: relative;
	float: left;
	font-size: 17pt;
	text-transform: uppercase;
	font-family: 'PatrickHandSC-Regular';
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 5px;
}


#menu-nav li a{
	color: #fde300;
	text-decoration: none;
}
#menu-nav li:hover{

	border-radius: 5px;
	
	background-image: linear-gradient(top, rgb(226,57,42) 7%, rgb(236,77,56) 57%, rgb(252,109,80) 97%);
	background-image: -o-linear-gradient(top, rgb(226,57,42) 7%, rgb(236,77,56) 57%, rgb(252,109,80) 97%);
	background-image: -moz-linear-gradient(top, rgb(226,57,42) 7%, rgb(236,77,56) 57%, rgb(252,109,80) 97%);
	background-image: -webkit-linear-gradient(top, rgb(226,57,42) 7%, rgb(236,77,56) 57%, rgb(252,109,80) 97%);
	background-image: -ms-linear-gradient(top, rgb(226,57,42) 7%, rgb(236,77,56) 57%, rgb(252,109,80) 97%);

}

.texto-menu{
	position: fixed;
	margin: 0 auto;
	background: url(../img/texto-icone-menu.png)no-repeat center center;
	width: 270px;
	height: 14px;
	left: 680px;
	z-index: 9;
	top: 20px;
	transition:all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
}



/*-----------------CONTEUDO INICIAL-------------*/
#conteudo{
	position:relative;
	float: left;
	width: 9102px;
	z-index: 0;
}

#conteudo #conteudo-inicial{
	position: relative;
	float: left;
	background:url(../img/bgs/bg-inicial/bg-inicial.jpg) no-repeat center center;
	width: 2236px;
	height: 1055px;
	display: block;
}
#conteudo #conteudo-inicial .maquina{
	position: absolute;
	width: 780px;
	height: 648px;
	background:url(../img/bgs/bg-inicial/maquina.png) no-repeat center center;
	margin-top: 145px;
	margin-left: -25px;
	z-index: 20;
}
#conteudo #conteudo-inicial .parallax-inicial{
	position: absolute;
}
#conteudo #conteudo-inicial .parallax-inicial .milhos{
	position: absolute;
	background: url(../img/bgs/bg-inicial/milhos-parallax.png)no-repeat center center;
	width: 2200px;
	height: 1100px;
	margin-top:0px;
	margin-left:0px;
}
#conteudo #conteudo-inicial .parallax-inicial .fan1{
	position: absolute;
	background: url(../img/bgs/bg-inicial/fan-parallax.png)no-repeat center center;
	width: 440px;
	height: 543px;
	margin-top: 300px;
	margin-left: 880px;
	z-index: 21;
	
	-webkit-animation: cimabaixo-mascote 7s linear infinite;
	-moz-animation: cimabaixo-mascote 7s linear infinite;
	-o-animation: cimabaixo-mascote 7s linear infinite; 
	-ms-animation: cimabaixo-mascote 7s linear infinite;
	animation: cimabaixo-mascote 7s linear infinite;
}
#conteudo #conteudo-inicial .parallax-inicial .fresquinho{
	position: absolute;
	background: url(../img/bgs/bg-inicial/fresquinho-parallax.png)no-repeat center center;
	width: 1143px;
	height: 481px;
	margin-top: 242px;
	margin-left: 1232px;
	z-index: 22;
}
#conteudo #conteudo-inicial .parallax-inicial .cebola{
	position: absolute;
	background: url(../img/bgs/bg-inicial/cebola.png)no-repeat center center;
	width: 274px;
	height: 301px;
	margin-top: 190px;
	margin-left: 1930px;
	z-index: 24;
	transition: all .2s linear;
}
#conteudo #conteudo-inicial .parallax-inicial .qualidade{
	position: absolute;
	background: url(../img/bgs/bg-inicial/qualidade-parallax.png)no-repeat center center;
	width: 2001px;
	height: 870px;
	margin-top: 0px;
	margin-left: 0px;
	z-index: 23;
}

#conteudo #conteudo-inicial .parallax-inicial .logo{
	position: absolute;
	background: url(../img/bgs/bg-inicial/logo-parallax.png)no-repeat center center;
	width: 232px;
	height: 232px;
	margin-top: 595px;
	margin-left: 850px;
	z-index: 24;
}
#conteudo #conteudo-inicial .controlers{
	position: absolute;
	top: 175px;
	z-index: 30;
	left: 300px;
}
#conteudo #conteudo-inicial .controlers .primeira{
	position: absolute;
	width: 15px;
	height: 15px;
	background:url(../img/bgs/bg-inicial/desmarcado-banner.png) no-repeat center center;
}
#conteudo #conteudo-inicial .controlers .segunda{
	position: absolute;
	width: 15px; 
	height: 15px;
	top: 0px;
	left: 35px;
	background:url(../img/bgs/bg-inicial/desmarcado-banner.png) no-repeat center center;
}
#conteudo #conteudo-inicial .controlers .terceira{
	position: absolute;
	top: 5px;
	left: 70px;
	width: 15px;
	height: 15px;
	background:url(../img/bgs/bg-inicial/desmarcado-banner.png) no-repeat center center; 
}

#conteudo #conteudo-inicial .controlers .marcado{
	width: 15px;
	height: 15px;
	background:url(../img/bgs/bg-inicial/marcado-li.png) no-repeat center center !important; 
	transition:all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	-webkit-transition: all .4s linear;
}

#conteudo #conteudo-inicial .flexslider{
	position: relative;
	float: left;
	overflow: hidden;
	width: 461px;
	height: 461px;
	margin-top: 222px;
	margin-left: 95px;
	z-index: 18;	
}

.img-desc{
	position: relative;
	float: left;
	width: 293px;
	height: 373px;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
}
}

#conteudo #conteudo-inicial .flexslider ul{
	position: relative;
	width: 10000px;
	float: left;
}
#conteudo #conteudo-inicial .flexslider ul li{
	position: relative;
	float: left;
	max-width: 461px;
	max-height: 461px;
	z-index: 0;	
}

#conteudo #conteudo-inicial .menu{
	position: relative;
	float: left;
}
#conteudo #conteudo-inicial .menu ul{
	position: absolute;
}
#conteudo #conteudo-inicial .menu ul #empresa a{
	position: relative;
	float: left;
	width: 107px;
	height: 70px;
	margin-top: 180px;
	margin-left: -18px;
	transform: rotate(-50deg);
	-ms-transform: rotate(-50deg);
	-o-transform: rotate(-50deg);
	-webkit-transform: rotate(-50deg);
	z-index: 50;
}

#conteudo #conteudo-inicial .menu ul #conheca a{
	position: relative;
	float: left;
	width: 107px;
	height: 77px;
	margin-top: 25px;
	margin-left: 40px;
	transform: rotate(-25deg);
	-ms-transform: rotate(-25deg);
	-o-transform: rotate(-25deg);
	-webkit-transform: rotate(-25deg);
	z-index: 50;
}
#conteudo #conteudo-inicial .menu ul #produtos a{
	position: relative;
	float: left;
	width: 107px;
	height: 70px;
	margin-top: 30px;
	margin-left: 60px;
	transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	z-index: 50;
}
#conteudo #conteudo-inicial .menu ul #contato a{
	position: relative;
	float: left;
	width: 107px;
	height: 90px;
	margin-top: 30px;
	margin-left: 55px;
	transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	z-index: 50;
}

/*-------------------CONTEUDO EMPRESA-------------*/

#conteudo-empresa{
	position: relative;
	float: left;
	width: 1732px;
	height: 1055px;
	background:url(../img/bgs/bg-empresa/bg-empresa.png) no-repeat center left;
	margin-left: -258px;
	margin-top: 0px;
	z-index: 1;
}

#conteudo-empresa #texto-empresa{
	position: relative;
	float: left;
	width: 600px;
	height: 370px;
	margin-left: 340px;
	margin-top: 235px;
}

#conteudo-empresa #texto-empresa h1{
	position: relative;
	float: left;
	font-family: 'PatrickHandSC-Regular';
	font-size: 34pt;
	color: #c5202a;
	font-weight: 700;
}
#conteudo-empresa #texto-empresa .proc-fabricacao{
	position: relative;
	float: left;
	font-family: 'PatrickHandSC-Regular';
	font-size: 34pt;
	color: #e9a510;
	font-weight: 700;
	margin-left: 25px;
	cursor: pointer;
}
#conteudo-empresa #texto-empresa .scroll{
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
}
#conteudo-empresa #texto-empresa .scroll p{
	float: left;
	width: 95%;
	font-family: 'Opensans-Regular';
	margin-top: 5px;
	color: #d46020;
	font-size: 11pt;
	text-align: justify;
}
#conteudo-empresa .parallax-empresa .fan{
	position: absolute;
	width: 372px;
	height: 559px;
	background:url(../img/bgs/bg-empresa/fan-parallax.png)no-repeat center center;
	margin-left: 720px;
	margin-top: 160px;
	z-index: 2;
	
	-webkit-animation: cimabaixo-mascote 7s linear infinite;
	-moz-animation: cimabaixo-mascote 7s linear infinite;
	-o-animation: cimabaixo-mascote 7s linear infinite; 
	-ms-animation: cimabaixo-mascote 7s linear infinite;
	animation: cimabaixo-mascote 7s linear infinite;
}
#conteudo-empresa .parallax-empresa .flecha{
	position: absolute;
	width: 427px;
	height: 242px;
	background:url(../img/bgs/bg-empresa/flecha.png)no-repeat center center;
	margin-left: 1427px;
	margin-top: 310px;
	z-index: 2;
}

#conteudo-empresa .parallax-empresa .sabores{
	position: absolute;
	width: 416px;
	height: 205px;
	background:url(../img/bgs/bg-empresa/7sabores.png)no-repeat center center;
	margin-left: 1370px;
	margin-top: 180px;
	z-index: 2;
}
#conteudo-empresa .parallax-empresa .tracejado{
	position: absolute;
	width: 85px;
	height: 22px;
	background:url(../img/bgs/bg-empresa/tracejado.png)no-repeat center center;
	margin-left: 1350px;
	margin-top: 615px;
	z-index: 2;
}
#conteudo-empresa .parallax-empresa .biscoito{
	position: absolute;
	width: 180px;
	height: 206px;
	background:url(../img/bgs/bg-empresa/biscoito.png)no-repeat center center;
	margin-left: 1450px;
	margin-top: 550px;
	z-index: 2;
}
#conteudo-empresa .parallax-empresa .fandangos{
	position: absolute;
	width: 136px;
	height: 172px;
	background:url(../img/bgs/bg-empresa/fandangos.png)no-repeat center center;
	margin-left: 1620px;
	margin-top: 580px;
	z-index: 2;
}
#conteudo-empresa .parallax-empresa .chips-milho{
	position: absolute;
	width: 79px;
	height: 110px;
	background:url(../img/bgs/bg-empresa/chips-milho.png)no-repeat center center;
	margin-left: 1780px;
	margin-top: 620px;
	z-index: 2;
}
#conteudo-empresa .parallax-empresa .pct-verso{
	position: absolute;
	width: 335px;
	height: 75px;
	background:url(../img/bgs/bg-empresa/pct-tras.png)no-repeat center center;
	margin-left: 1700px;
	margin-top: 666px;
	z-index: 1;
}
#conteudo-empresa .parallax-empresa .pct-frente{
	position: absolute;
	width: 405px;
	height: 444px;
	background:url(../img/bgs/bg-empresa/pct-frente.png)no-repeat center center;
	margin-left: 1700px;
	margin-top: 667px;
	z-index: 2;
}

#conteudo-empresa #texto-empresa .processo-imagem{
	position: absolute;
	z-index: -50;
	top: -60px;
	left: -260px;
	opacity: 0;
	transition:all .4s linear;
	-ms-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-o-transition: all .4s linear;
	-webkit-transition: all .4s linear;
}
#conteudo-empresa #texto-empresa .processo-imagem .fechar{ 
	position: absolute;
	z-index: 3000;
	background:url(../img/bgs/bg-empresa/fechar-empresa.png) no-repeat center center;
	width: 27px;
	height: 33px;
	top: 18px;
	left: 810px;
}

#conteudo-empresa #texto-empresa .processo-imagem .slider{
	position: relative;
	float: left;
	width: 860px;
	height: 535px;
	overflow: hidden;	
}

#conteudo-empresa #texto-empresa .processo-imagem .slider ul{
	position: absolute;
}

#conteudo-empresa #texto-empresa .processo-imagem .slider ul li{
	position: relative;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

#conteudo-empresa #texto-empresa .processo-imagem .slider ul li img{
	position: relative;
	max-width: 850px;
}

#conteudo-empresa #texto-empresa .processo-imagem .direita,.esquerda{
	position: absolute;
	background: url(../img/setas.png) no-repeat center center;
	background-size: 200%;
	background-position: 0px -7px;
	height: 100%;
	width: 100%;
	max-width: 80px;
	max-height: 80px;
}

#conteudo-empresa #texto-empresa .processo-imagem  .esquerda{
	top: 200px;
	left: -75px;
}

#conteudo-empresa #texto-empresa .processo-imagem  .direita{
	top: 200px;
	right: -75px;
	background-position: -80px -7px;
	display: none;
}

#conteudo-fan{
	position: relative;
	float: left;
	width: 2586px;
	height: 1055px;
	background:url(../img/bgs/bg-fan/bg-fan.png)no-repeat center center;
	margin-top: 0px;
	margin-left: -700px;
	z-index: 0;
}

#conteudo-fan .parallax-fan .fantasminha-fan{
	position: absolute;
	background:url(../img/bgs/bg-fan/f-parallax.png) no-repeat center center;
	width: 333px;
	height: 279px;
	margin-top: 55px;
	margin-left: 810px;
} 
#conteudo-fan .parallax-fan .mascote{
	position: absolute;
	background:url(../img/bgs/bg-fan/mascote-parallax.png) no-repeat center center;
	width: 599px;
	height: 570px;
	margin-top: 100px;
	margin-left: 1349px;
	
	-webkit-animation: cimabaixo-mascote 7s linear infinite;
	-moz-animation: cimabaixo-mascote 7s linear infinite;
	-o-animation: cimabaixo-mascote 7s linear infinite; 
	-ms-animation: cimabaixo-mascote 7s linear infinite;
	animation: cimabaixo-mascote 7s linear infinite;
} 
#conteudo-fan .parallax-fan .rosquinha-fan{
	position: absolute;
	background:url(../img/bgs/bg-fan/rosquinha-fan-parallax.png) no-repeat center center;
	width: 117px;
	height: 125px;
	margin-top: 375px;
	margin-left: 2060px;
} 
#conteudo-fan .parallax-fan .potato-1{
	position: absolute;
	background:url(../img/bgs/bg-fan/potato-1.png) no-repeat center center;
	width: 138px;
	height: 117px;
	margin-top: 0px;
	margin-left: 2335px;
} 
#conteudo-fan .parallax-fan .potato-2{
	position: absolute;
	background:url(../img/bgs/bg-fan/potato-2.png) no-repeat center center;
	width: 270px;
	height: 341px;
	margin-top: -160px;
	margin-left: 2300px;
}

#conteudo-fan .potato-3{
	position: absolute;
	background:url(../img/bgs/bg-fan/potato-3.png) no-repeat center center;
	width: 708px;
	height: 263px;
	top: 225px;
	left: 2085px;
}

#conteudo-fan .conheca-mascote-wallpaper{
	position: relative;
	float: left;
	width: 430px;
	height: 450px;
	font-family: 'PatrickHandSC-Regular';
	color: #fde300;
	margin-top: 230px;
	margin-left: 760px;
} 

#conteudo-fan .conheca-mascote-wallpaper .conheca-titulo{
	float: left;
	font-size: 23pt;
	text-transform: uppercase;
}

#conteudo-fan .conheca-mascote-wallpaper .conheca-texto{
	position: relative;
	float: left;
	width: 100%;
	height: 45%;
	overflow-y:scroll;
	margin-top: 20px;
}
#conteudo-fan .conheca-mascote-wallpaper .conheca-texto p{
	float: left;
	font-family: 'Opensans-Regular';
	font-size: 10pt;
	width: 95%;
}

#conteudo-fan .conheca-mascote-wallpaper .wallpapers{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 25px;
}

#conteudo-fan .conheca-mascote-wallpaper h3{
	font-size: 21pt;
}
#conteudo-fan .conheca-mascote-wallpaper .wallpapers-download{
	position: relative;
	float: left;
	width: 95%;
	height: 180px;
	overflow:hidden; 
}

#conteudo-fan .conheca-mascote-wallpaper .wallpapers-download ul{
	position: absolute;
	width: 20000px;
}

#conteudo-fan .conheca-mascote-wallpaper .wallpapers-download li{
	position: relative;
	float: left;
	width: 190px;
	height: 155px;
	margin-top: 10px;
	margin-left: 8px;
	margin-right: 8px;

}

#conteudo-fan .conheca-mascote-wallpaper .wallpapers-download li .wal-imagem{
	position: relative;
	float: left;
	max-width: 187px;
	max-height: 117px;
	border: 1px solid white;
	border-radius: 15px;
}
#conteudo-fan .conheca-mascote-wallpaper .wallpapers-download li .wall-wall{
	position: relative;
	float: left;
	width: 47%;
	height: 20px;
	text-align: center;
	background: #c90100;
	margin-top: 10px;
	text-decoration: none;
	color: #fff;
	border-radius: 35px;
	font-family: 'PatrickHandSC-Regular';
	font-size: 10pt;
	transition:all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	box-shadow: 1px 3px 6px -1px #000;
}
#conteudo-fan .conheca-mascote-wallpaper .wallpapers-download li .wall-wall:hover{
	background: #fcdd05;
	transition:all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
}
.segundo{
	margin-left: 10px !important;
}

#conteudo-fan .conheca-mascote-wallpaper .direita{
	position: absolute;
	width: 35px;
	height:36px;
	background:url(../img/bgs/bg-fan/seta-wall-direita.png) no-repeat center center;
	top: 90px;
	left: 410px;
}
#conteudo-fan .conheca-mascote-wallpaper .esquerda{
	position: absolute;
	width: 35px;
	height:36px;
	background:url(../img/bgs/bg-fan/seta-esquerda-wall.png) no-repeat center center;
	top: 90px;
	left: -40px;
}
#divisao{
	position:relative;
	float: left;
	background:url(../img/bgs/divisoria/divisoria.png)no-repeat center center;
	width: 983px;
	height: 1055px;
	left: -770px;
	z-index: -1;
}

#emp{
	position: relative;
	float: left;
	width: 	2568px;
	height: 1055px;
	background:url(../img/bgs/bg-emp/bg-emp-2.png)no-repeat center center;
	margin-left: -1350px;
	margin-top: 0px;
	z-index: 0;
}

#emp .fantoche-parallax-produtos{
	position: absolute;
	width: 396px;
	height: 140px;
	background:url(../img/bgs/bg-emp/fantoche-parallax-produtos.png) no-repeat center center;
	margin-left: 500px;
	margin-top: 590px;
}
#emp .fantoche-parallax{
	position: absolute;
	width: 396px;
	height: 522px;
	background:url(../img/bgs/bg-emp/fantoche-parallax.png) no-repeat center center;
	margin-left: 880px;
	margin-top: 170px;
	
	-webkit-animation: cimabaixo-mascote 7s linear infinite;
	-moz-animation: cimabaixo-mascote 7s linear infinite;
	-o-animation: cimabaixo-mascote 7s linear infinite; 
	-ms-animation: cimabaixo-mascote 7s linear infinite;
	animation: cimabaixo-mascote 7s linear infinite;
}
#emp .flecha-parallax{
	position: absolute;
	width: 129px;
	height: 124px;
	background:url(../img/bgs/bg-emp/flecha-parallax.png) no-repeat center center;
	margin-left: 1880px;
	margin-top: 150px;
}
#emp #produtos{
	position: relative;
	float: left;
	width: 615px;
	height: 370px;
	margin-top: 200px;
	margin-left: 280px;
}
#emp #produtos .descricao{
	position: relative;
	float: left;
	width: 615px;
	height: 370px;
}

#emp #produtos .descricao .descricao-texto{
	position: relative;
	float: left;
	width: 312px;
	height: 90px;
	margin-top: 30px;
	margin-left: 10px;
}

#emp #produtos .descricao .chips-embalagem{
	position: relative;
	float: left;
	width: 293px;
	height: 373px;
	transition: all .4s linear;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
}

#emp #produtos .descricao .titulo{
	position: relative;
	float: left;
	font-family: 'PatrickHandSC-Regular';
	font-size: 27pt;
	color: #d22303;
	width: 100%;
}

#emp #produtos .descricao .texto{
	position: relative;
	float: left;
	color: #d22303;
	font-family: 'Opensans-Regular';
	font-size: 10pt;
	margin-top: 0px;
	margin-bottom: 10px;
}

#emp #produtos .descricao .tabela-chips{
	position: relative;
	float: left;
	width: 320px;
	height: 265px;
}
#emp .prod-emp{
	position: relative;
	float: left;
	width: 760px;
	height: 125px;
	margin-top: 30px;
	margin-left: 220px;
}

#emp .prod-emp .chips-esquerda{
	position: absolute;
	width: 35px;
	height: 36px;
	background: url(../img/bgs/bg-emp/seta-esquerda.png)no-repeat center center;
	top: 54px;
	left: -42px;	
}


#emp .prod-emp .chips-direita{
	position: absolute;
	width: 40px;
	height: 41px;
	background: url(../img/bgs/bg-emp/seta-direita.png)no-repeat center center;
	top: 52px;
	left: 775px;
	z-index: 999;
}

#emp .prod-emp .produtos-chips{
	position: relative;
	float: left;
	width: 100%;
	height: 180px;
	margin-top: -55px;
	padding-top: 20px;
	/*background: url(../img/bgs/bg-emp/sombra.png)no-repeat bottom center;*/
	background-position: 10px 173px;
	overflow: hidden;
	z-index: 1;
}

#emp .produtos-chips ul{
	position: absolute;
	width: 20000px;
	margin-top: 1px;
}

#emp .produtos-chips ul li{
	position: relative;
	float: left;
	width: 78px;
	margin-left: 6px;
	height: 130px;
	margin-right: 12px;

}
#emp .produtos-chips ul li a{
	position: relative;
	float: left;
}

#emp .produtos-chips ul li:hover .titulo{
	z-index: 9999999;
	opacity: 1;
	top: -5px;
	transition:all .15s linear;
	-ms-transition: all .15s linear;
	-o-transition: all .15s linear;
	-webkit-transition: all .15s linear;
}

#emp .produtos-chips ul li img{
	z-index: 9999999;
	position: relative;
	float: left;
	width: 100%;
}

#emp .produtos-chips ul li .titulo{
	z-index: 9999999;
	position: relative;
	width: 120px;
	margin-left: -25px;
	top: 10px;
	opacity: 0;
	transition:all .15s linear;
	-ms-transition: all .15s linear;
	-o-transition: all .15s linear;
	-webkit-transition: all .15s linear;
}

#bg-contato{
	position: relative;
	float: left;
	width: 1806px;
	height: 1055px;
	margin-left: -501px;
	margin-top: 0px;
	background:url(../img/bgs/bg-contato/bg-contato.png)no-repeat center center;
}

#bg-contato .contato-parallax .fan{
	position: absolute;
	width: 882px;
	height: 405px;
	background:url(../img/bgs/bg-contato/fan-parallax.png)no-repeat center center;
	margin-top: 5px;
	margin-left: 0px;

	-webkit-animation: cimabaixo-fan 9s linear infinite;
	-moz-animation: cimabaixo-fan 9s linear infinite;
	-o-animation: cimabaixo-fan 9s linear infinite; 
	-ms-animation: cimabaixo-fan 9s linear infinite;
	animation: cimabaixo-fan 9s linear infinite;
}

#bg-contato .contato-parallax .endereco-parallax{
	position: absolute;
	width: 459px;
	height: 128px;
	background:url(../img/bgs/bg-contato/endereco-parallax.png)no-repeat center center;
	margin-top: 650px;
	margin-left: 172px;
}

#bg-contato .contato-parallax .telefone-parallax{
	position: absolute;
	width: 428px;
	height: 390px;
	background:url(../img/bgs/bg-contato/telefone-parallax.png)no-repeat center center;
	margin-top: 315px;
	margin-left: 650px;
}

#bg-contato .form{
	position: relative;
	float: left;
	height: 240px;
	width: 365px;
	margin-top: 380px;
	margin-left: 210px;
}

#bg-contato .form h2{
	position: relative;
	top: -37px;
	float: left;
	background: url(../img/bgs/bg-contato/fundo-h2.png)no-repeat center center;
	background-position-y: -40px;
	background-position-x: -29px;
	width: 360px;
	height: 119px;
	margin-left: -25px;
	padding-left: 25px;
	font-family: 'Open Sans';
	font-size: 15px;
	line-height: 1;
}

#bg-contato .form form{
	position: relative;
	float: left;
	width: 100%;
	height: 193px;
	margin-top: -112px;
}

#bg-contato .form form input{
	float: left;
	width: 97%;
	height: 35px;
	background:#ebda9a;
	margin-bottom: 5px;
	font-family: 'Open Sans';
	font-size: 15px;
	padding-left: 10px;
}

#bg-contato .form form .porcent50{
	width: 46%;
}
#bg-contato .form form .porcent50last{
	float: right;
	width: 46%;
}
::-webkit-input-placeholder { /* WebKit browsers */
	color:    black;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    black;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    black;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:    black;
}

#bg-contato .form #cidade{
	position: relative;
	float: left;
	width: 60%;
	height: 41px;
	margin-left: 8px;
	background: #ebda9a;
	margin-bottom: 5px;

}

#bg-contato .form #cidade select{
	position: relative;
	float: left;
	width: 100%;
	opacity: 0;
	margin-top: -20px
}
#bg-contato .form #cidade span{
	position: relative;
	float: left;
	width: 100%;
	padding-left: 10px;
	padding-top: 9px;
	font-family: 'Open Sans';
	font-size: 15px;
}

#bg-contato .form #estado{
	position: relative;
	float: left;
	width: 35%;
	height: 35px;
	padding-left: 10px;
	padding-top: 7px;
	background:#ebda9a;
	margin-bottom: 5px;
}

#bg-contato .form #estado select{
	position: relative;
	float: left;
	width: 100%;
	opacity: 0;
	margin-top: -20px
}
#bg-contato .form #estado span{
	position: relative;
	float: left;
	width: 100%;
	padding-left: 1px;
	padding-top: 4px;
	font-family: 'Open Sans';
	font-size: 15px;
}

#bg-contato .form form input[type=submit]{
	float: right;
	width: 40%;
	background:#c6232d;
	color: #febd1e;
	cursor: pointer;
}

#note{
	height:35px;
	width:220px;
	color:#000000;
	text-align:left;
	display:none;
	color:#ff8400;
	margin-top: 468px;
	margin-left: 176px;
	font-size: 11px;
	font-family: 'MYRIADPRO-SEMIBOLDIT';
	position:absolute;
}
#qLpercentage {
	font-family: 'PatrickHandSC-Regular';
	color: #fcdd00;
	font-size: 16px;
}

/*
-------------------
ANIMACAO FAN - CONTATO
-------------------
*/

@-webkit-keyframes cimabaixo-fan{
	0%{
		top: 184px;
		left: -404px;
	}

	50%{
		top:45px;
		left: -389px;
	}

	100%{
		top: 184px;
		left: -404px;
	}
}

@-ms-keyframes cimabaixo-fan{
	0%{
		top: 184px;
		left: -404px;
	}

	50%{
		top:45px;
		left: -389px;
	}

	100%{
		top: 184px;
		left: -404px;
	}
}

@-o-keyframes cimabaixo-fan{
	0%{
		top: 184px;
		left: -404px;
	}

	50%{
		top:45px;
		left: -389px;
	}

	100%{
		top: 184px;
		left: -404px;
	}
}

@-moz-keyframes cimabaixo-fan{
	0%{
		top: 184px;
		left: -404px;
	}

	50%{
		top:45px;
		left: -389px;
	}

	100%{
		top: 184px;
		left: -404px;
	}
}

/*
-------------------
ANIMACAO MASCOTE - PÁGINA FAN
-------------------
*/

@-webkit-keyframes cimabaixo-mascote{
	0%{
		top: 120px;
		left: -404px;
	}

	50%{
		top:45px;
		left: -389px;
	}

	100%{
		top: 120px;
		left: -404px;
	}
}

@-ms-keyframes cimabaixo-mascote{
	0%{
		top: 120px;
		left: -404px;
	}

	50%{
		top:45px;
		left: -389px;
	}

	100%{
		top: 120px;
		left: -404px;
	}
}

@-o-keyframes cimabaixo-mascote{
	0%{
		top: 120px;
		left: -404px;
	}

	50%{
		top:45px;
		left: -389px;
	}

	100%{
		top: 120px;
		left: -404px;
	}
}

@-moz-keyframes cimabaixo-mascote{
	0%{
		top: 120px;
		left: -404px;
	}

	50%{
		top:45px;
		left: -389px;
	}

	100%{
		top: 120px;
		left: -404px;
	}
}