body{
	font-family: arial;
	background: url(imagens/bg.jpg);
	position: relative;
	border-top: 6px solid #f58220;
	color: #000037;
}
.barra-topo{
	border-top: 6px solid #f58220;
	position: fixed;
	left: 0;
	top:0;
	width: 100%;
	z-index: 1;
}
.bg-menu{
	height: 102px;
	width: 100%;
	background: url(imagens/bg-menu.png) repeat-x;
	position: absolute;
	top: -6px;
	left: 0;
	z-index: 1;
}
.img-lateral{
	position: fixed;
	z-index: 2;
	top: 6px;
}
.img-lateral.esquerda{
	left: 0;
}
.img-lateral.direita{
	right: 0;
}

.centro{
	display: table-cell;
	vertical-align: middle;
}
a{
	text-decoration: none;
}

.pagina{
	width: 980px;
	position: relative;
	margin: auto;
	z-index: 3;
}
	.pagina header{
		height: 96px;
		width: 100%;
		float: left;
		position: relative;
	}
	.pagina header #logo{
		float: left;
		margin-right: 30px;
	}
	.pagina header .centro{
		height: 96px;

	}
	.pagina header nav{
		height: 96px;
		float: left;
	}
	.pagina header nav a{
		height: 96px;
		display: inline-block;
		text-align: center;
		float: left;
		padding: 0 15px;
		text-transform: uppercase;
		font-size: 14px;
		letter-spacing: -0.06em;
		color: #000037;
	}
	.pagina header nav a:hover{
		background: #f58220;
		color: #fff;
	}
.banner{
	background: #f58220;
	float: left;
	position: relative;
	height: 425px;
	width: 100%;
	overflow: hidden;
	margin-bottom: 50px;
}
.conteudo{
	float: left;
	width: 100%;
	position: relative;
}

.titulo-sessao{
	font-size: 30px;
	letter-spacing: -0.06em;
	padding-left: 92px; 
	height: 45px;
	float: left;
	clear: both;
	text-transform: uppercase;
	margin-bottom: 25px;
}
	.titulo-sessao .centro{
		height: 45px;
	}
.titulo-destaque{
	font-size: 30px;
	color: #f5821f;
	letter-spacing: -0.06em;
	padding-left: 92px; 
	height: 45px;
	float: left;
	clear: both;
	text-transform: uppercase;
	margin-bottom: 5px;
	margin-top: 15px;
}
	.titulo-destaque .centro{
		height: 45px;
	}

.conteudo .texto{
	float: left;
	margin-left: 92px;
	width: 405px;
	text-align: justify;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 23px;
	clear: both;
}




.rodape{
	float: left;
	width: 100%;
	position: relative;
	height: 81px;
	background: #f5821f;
	z-index: 2;
}
.rodape .pagina{
	height: 81px;
}
#logo-company{
	position: absolute;
	right: 0;
	top: 27px;
}
#logo-netpixel{
	position: absolute;
	right: 150px;
	top: 27px;
}
.newsletter{
	width: 500px;
	height: 81px;
	display: table-cell;
	vertical-align: middle;
}
.newsletter label{
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	margin-right: 15px;
}
.newsletter .ftext{
	height: 33px;
	width: 215px;
	border: none;
	background: #fff;
	border-radius: 3px;
}
.newsletter .fsubmit{
	background: #de6c0a;
	border: none;
	color: #fff;
	font-size: 18px;
	height: 37px;
	border-radius: 3px;
}


/**
 * HOME
 */
.home .conteudo{
	background: url(imagens/home/imagem-estante.png) right 20px no-repeat;
	height: auto;
}
.home .titulo-sessao{
	background: url(imagens/home/icone-jota.png) 15px center no-repeat;
}


/**
 * PRODUTOS
 */
.produtos .conteudo{
	margin-top: 20px;
}
.produtos .barra-podutos{
	position: absolute;
	height: 160px;
	width: 100%;
	left: 0;
	top: 116px;
	background: #f58220;
}
.produtos .categorias{
	float: left;
	width: 248px;
	color: #f58220;
	font-size: 11px;
	text-transform: uppercase;
}
.produtos .categorias li.ativo{
	color: #fff;
}
.produtos .categorias li {
	float: left;
	width: 248px;
	height: 160px;
	position: relative;
	cursor: pointer;

}
.produtos li .centro{
	width: 248px;
	height: 160px;
	text-align: center;
}
	.produtos li .centro .img{
		width: 186px;
		height: 124px;
		background: #f7f7f7;
		display: inline-block;
		margin-bottom: 3px;
	}
	.produtos li .centro .img .centro{
		width: 186px;
		height: 124px;
	}
.produtos .box-produtos{
	float: left;
	width: 732px;
	background: #f58220;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
}
	.lista-produtos > li{
		float: left;
		width: 100%;
		position: relative;
		display: none;
	}
	.lista-produtos > li.ativo{
		display: block;
	}
	.lista-produtos li li{
		float: left;
		width: 244px;
		height: 160px;
		position: relative;

	}

/**
 * PARCEIROS
 */
.parceiros .conteudo{
	margin-top: 60px;
	padding-bottom: 400px;
}
	.parceiros .conteudo ol{
		z-index: 2;
		position: relative;
	}
	.parceiros .conteudo ol li{
		float: left;
		width: 260px;
		height: 110px;
		margin: 0 32px 52px 32px;
		text-align: center;
	}
	.parceiros .conteudo ol li .centro{
		height: 110px;
		width: 260px;
	}
	.img-parceiros{
		position: absolute;
		left: -100px;
		bottom: -100px;
		z-index: 1;
	}
/**
 * CONTATO
 */
.contato .conteudo{
	margin-top: 30px;
}
.contato .titulo-sessao{
	height: 49px;
	background: url(imagens/contato/icone-contato.png) 15px center no-repeat;
}
.contato .titulo-sessao.representantes{
	height: 59px;
	background: url(imagens/contato/icone-representante.png) 15px center no-repeat;
}

	.form-contato{
		float: left;
		width: 782px;
		margin-left: 92px;
	}
	.form-contato div{
		float: left;
		width: 100%;
		margin-bottom: 5px;
	}
	.form-contato label{
		text-transform: uppercase;
		font-size: 18px;
		color: #000037;
		display: inline-block;
		float: left;
		width: 100px;
		padding-right: 5px;
		text-align: right;
		letter-spacing: -0.06em;
	}
	.form-contato label .centro{
		width: 100px;
		height: 30px;
	}
	.form-contato .ftext,
	.form-contato textarea{
		float: left;
		height: 30px;
		background: #ebebeb;
		border: none;
		border-radius: 3px;
		width: 665px;
		padding: 0 5px;
	}
	.form-contato textarea{
		height: 225px;
		padding: 5px 5px;
	}
	.form-contato div div.telefone{
		width: 315px;
	}
		.form-contato div div.telefone .ftext{
			width: 200px;
		}
	.form-contato div div.estado{
		width: 165px;
	}
		.form-contato div div.estado .ftext{
			width: 50px;
		}
	.form-contato div div.cidade{
		width: 300px;
	}
		.form-contato div div.cidade .ftext{
			width: 185px;
		}

	.form-contato .fsubmit{
		float: right;
		border: none;
		border-radius: 3px;
		background: #f5821f;
		padding: 10px 20px;
		color: #fff;
	}
.contato .lista-representantes{
	float: left;
	margin-left: 92px;
	width: 782px;
}
.contato .lista-representantes div{
	float: left;
	width: 50%;
	margin-bottom: 30px;
}
.contato .lista-representantes div p{
	text-transform: uppercase;
	color: #000037;
	font-size: 18px;
}
.contato .lista-representantes div p a{
	color: #000037;
}
.contato .lista-representantes div p.nome{
	color: #f58220;
}



.localizacao .conteudo{
	margin-top: 30px;
}
.localizacao .lista-lojas{
	float: left;
	margin-left: 92px;
	width: 782px;
}
.localizacao .lista-lojas div{
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.localizacao .lista-lojas div p{
	text-transform: uppercase;
	color: #000037;
	font-size: 18px;
}
.localizacao .lista-lojas div p.nome{
	color: #f58220;
}
.localizacao .lista-lojas .mapa{
	margin-top: 10px;
}



/**
 * BANNER
 */
#slider{
	z-index: 2;
}
.nivo-controlNav{
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 10;
}
.nivo-control{
	width: 16px;
	height: 16px;
	border-radius: 8px;
	display: inline-block;
	margin: 0 3px;
	background: #fff;
	text-indent: -9999px;
}
.nivo-control.active{
	background: #f58220;
}
/*.nivo-controlNav a {
    background: url("../libs/nivo-slider/themes/default/bullets.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    display: inline-block;
    height: 22px;
    margin: 0 2px;
    text-indent: -9999px;
    width: 22px;
}
.nivo-controlNav a.active {
    background-position: 0 -22px;
}*/
.nivo-directionNav{
	z-index: 12;
}
.nivo-directionNav a {
    background: url("../libs/nivo-slider/themes/default/arrows.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    display: block;
    height: 30px;
    opacity: 0;
    text-indent: -9999px;
    transition: all 200ms ease-in-out 0s;
    width: 30px;
}
.theme-default:hover .nivo-directionNav a {
    opacity: 1;
}
a.nivo-nextNav {
    background-position: -30px 0;
    right: 15px;
}
a.nivo-prevNav {
    left: 15px;
}

/**
 * WHATSAPP
 */
.whatsapp-plug-icon{position: fixed; z-index: 1000; bottom: 20px; left: 20px; width: 50px; height: 50px; -webkit-border-radius: 50%; cursor: pointer; background-color: #f5821f; transition: .3s; background-position: center; background-repeat: no-repeat; background-image: url('../imgs/whatsplug.svg'); background-size: 50% auto;}
.whatsapp-plug-icon:hover{background-color: #15cc74;}
.whatsapp-plug-icon::after,
.whatsapp-plug-icon::before{content: ''; position: absolute; opacity: 0; border: 4px solid #f5821f; left: -10px; top: -10px; right: -10px; bottom: -10px; -webkit-border-radius: 50%; animation: WaveWhatsApp 1.5s ease infinite;}
.whatsapp-plug-icon::after{animation-delay: .5s;}
.whatsapp-plug-icon:hover::after{border: 4px solid #15cc74;}
.whatsapp-plug-icon:hover::before{border: 4px solid #15cc74;}
@keyframes WaveWhatsApp {0%{ transform: scale(0.5); } 50%{ opacity: 1; } 100%{ transform: scale(1.2); opacity: 0; }}