body{
	height: 100%;
	width: 100%;
	min-height: 600px;
	min-width: 800px;
	background-color: #fff;
}

/* FONTS */

@font-face{
	font-family: "segoeui";
	src: url("../fonts/segoeui.ttf");
}

@font-face{
	font-family: "segoeuib";
	src: url("../fonts/segoeuib.ttf");
}

@font-face{
	font-family: "decker";
	src: url("../fonts/decker.ttf");
}

@font-face{
	font-family: "deckerb";
	src: url("../fonts/deckerb.ttf");
}

/* MENU TOPO */

.navbar{
	height: 80px;
	margin-bottom: 0;
	background-color: #fff;
	z-index: 1000000;
}

.navbar-header img{
	height: 110px;
	margin-top: -15px;
}

.navbar-collapse{
	padding-top: 15px;
}

.navbar-nav li a{
	color: #4d4d4d;
	font-family: "segoeuib";
	background-color: #fff;
}

.navbar-nav li .ativo{
	color: #02579A;
	background-color: #fff;
}

.navbar-nav li a:hover{
	color: #02579A;
	background-color: #fff;
}

@media (max-width: 768px){

	.navbar-header{
		display: inline-block;
		clear: none;
	}

	.navbar-collapse{
		display: block;
		visibility: visible;
		clear: none;
		margin-top: -60px;
	}

	.navbar-nav{
		float: right;
	}

	.navbar-collapse li{
		float: left;
		list-style: none;
		display: inline-block;
		clear: none;
	}
}

/* BANNER */

.header-banner{
	position: relative;
	width: 100%;
	height: 350px;
	overflow: hidden;
}

#banner-trabalhe,
#banner-empresa,
#banner-produtos{
	height: 100%;
	width: 100%;
	background-image: url("../img/banner_trabalhe.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

#banner-trabalhe{
	background-image: url("../img/banner_trabalhe.jpg");
}

#banner-empresa{
	background-image: url("../img/banner_empresa.jpg");
}

#banner-produtos{
	background-image: url("../img/banner_produtos.jpg");
}

.header-banner #mask{
	position: absolute;
	top: 0;
	left: 0;
	height: 350px;
	width: 100%;
	background: #000;
	opacity: 0.7;
	z-index: 999999;
	color: #fff;
}

.header-banner iframe{
	position: relative;
	width: 400%;
	margin-left: -150%;
	height: 200%;
	z-index: -10;
}

#icone-home-topo{
	height: 60px;
	width: 50px;
	position: absolute;
	left: 0;
	top: 50px;
}

/* !--------------- INDEX ----------------------! */

/* -- ABAS -- */
.tabs-pannel{
	margin-top: 20px;
	width: 100%;
	height: 125px;
}

.tabs-pannel ul{
	width: 67.5%;
	margin-left: 16.25%;
	height: 100%;
}

.tabs-pannel ul li{
	display: block;
	float: left;
	padding: 20px;
	width: 50%; 
	height: 100%;
}

.tabs-pannel ul li img{
	width: 250px; 
	height: 80px;
}

.tab-content{
	background-image: url("../img/home/corpo.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	display: block;
	margin-bottom: 40px;
	padding: 20px;
	width: 100%;
	height: 325px;
}

.tab-pane{
	padding: 2.5%;
	padding-top: 4%;
	padding-left: 7.5%;
}

.tab-pane .tab-img{
	display: inline-block;
	float: left;
	width: 12.5%;
}

.tab-pane .tab-img img{
	width: 100%;
}

.tab-pane .tab-txt{
	display: inline-block;
	height: 100%;
	float: left;
	margin-left: 20px;
	width: 77.5%;
	font-size:16px;
}

.tab-pane .tab-txt h3{
	font-family: "deckerb";
	margin-bottom: 5px;
}

.tab-pane .tab-txt p{
	font-family: "decker";
	font-size: 14px;
}

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

#empresa{
	height: 360px;
	width: 100%;
	margin-top: 60px;
	margin-bottom: 20px;
	background-color: #f0f0f0;
	text-align: center;
	padding: 2.5%;
	padding-left: 10%;
	padding-right: 10%;
}

#empresa h1{
	font-family: "deckerb";
	color: #4d4d4d;
	margin-top: -10px;
}

#empresa p{
	font-family: "decker";
	color: #4d4d4d;
	margin-top: 40px;
}

@media (max-width: 992px){
	#empresa p{
		font-size: 12px;
	}
}

/* PRODUTOS 
-------------------- */

.span3{
	width: 25%;
	position: relative;
	display: inline-block;
	float: left;
}

.titulo{
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

hr{
    color: #02579a;
    background-color: #02579a;
    height: 2px;
    padding: 0;
	margin-bottom: 15px;
}

.produto {
	font-weight: 500;
	margin-top: 25px;
	padding: 0;
	height: 250px;
	text-align: center;
	font-size: 16px;
}

.produto-img{
	width: 100%;
	text-align: center;
	height: 200px;
	display:block;
	float:left;
}
.produto-img img{
	max-width: 176px;
	max-height: 196px;
}


.nome{
	font-size: 13px;
	margin-bottom: 12px;
	font-weight: 600;
	height: 70px;
}

.descricao{
	font-size: 13px;
}

.categorias_produtos{
	display: inline-block;
	float: right;
}

.categorias_produtos a{
	text-decoration: none;
	color: #02579a;
	font-size: 14px;
	margin-left: 30px;
	font-family: "segoeuib";
}

.categorias_produtos a:hover{
	color: #4d4d4d;
}

.categorias_produtos .ativo{
	color: #4d4d4d;
}

/* TRABALHE CONOSCO
-------------------- */

#trabalhe{
	height: 450px;
	width: 100%;
	margin-top: 60px;
	margin-bottom: 20px;
	background-color: #f0f0f0;
	text-align: center;
	padding: 2.5%;
	padding-left: 10%;
	padding-right: 10%;
}

#trabalhe h1{
	font-family: "deckerb";
	color: #4d4d4d;
}

#formulario-trabalhe{
	text-align: initial;
}

label{
	font-family: "decker";
	color: #4d4d4d;
}

#formulario-trabalhe input[type='submit']{
	background: url("../img/trabalhe_enviar.jpg");
	background-size: 100% 100%; 
	background-repeat: no-repeat;
	width: 15%;
	height: 30px;
	margin-left: 42.5%;
	border: 0;
}

#msgTrabalhe {
    width: 40%;
    margin: 0 auto;
    margin-top: 1%;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    padding: 10px;
    display: none;
}

#loading_trabalhe{
    display: none;
    width: 40%;
    margin: 0 auto;
    margin-top: 1%;
    text-align: center;
}

@media (max-width: 768px){

	#trabalhe{
		height: 475px;
	}

	#emailEtiq{
		margin-top: 10px;
	}

}

/* FOOTER 
-------------------- */

#fornecedores{
	width: 100%;
	height: 25%;
}

#fornecedoresEsquerda,
#fornecedoresMeio,
#fornecedoresDireita{
	width: 32%;
	height: 100%;
	position: relative;
	display: inline-block;
	float: left;
	margin-bottom: 40px;
}

#fornecedoresEsquerda img,
#fornecedoresMeio img,
#fornecedoresDireita img{
	height: 100%;
	width: 100%;
}


/* CONTATO */

#contato{
	background-image: url("../img/footer/bg.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 400px;
	padding-top: 7.5%;
}

#contatoEsquerda{
	position: relative;
	float: left;
	width: 30%;
	display: inline-block;
	height: 100%;
}

#telefoneContato,
#enderecoContato,
#horarioFuncionamento{
	height: 30%;
	width: 100%;
	padding-top: 10px;
	padding-left: 35px;
}

#telefoneContato{
	background-image: url("../img/footer/tel.png");
	background-repeat: no-repeat;
	background-position: 0 50%;
}

#enderecoContato{
	background-image: url("../img/footer/end.png");
	background-repeat: no-repeat;
	background-position: 0 50%;
}

#horarioFuncionamento{
	background-image: url("../img/footer/hr.png");
	background-repeat: no-repeat;
	background-position: 0 50%;
}

#telefoneContato p,
#enderecoContato p,
#horarioFuncionamento p{
	font-family: "decker";
	font-size: 14px;
	color: #fff;
}

#contatoMeio{
	position: relative;
	float: left;
	width: 30%;
	display: inline-block;
	height: 100%;
}

#iconeEmpresa,
#iconeServicos,
#iconeTrabalhe,
#iconeProdutos{
	width: 100%;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 40px;
}

#iconeEmpresa{
	background-image: url("../img/footer/emp.png");
	background-repeat: no-repeat;
	background-position: 0 50%;
}

#iconeServicos{
	background-image: url("../img/footer/serv.png");
	background-repeat: no-repeat;
	background-position: 0 50%;
}

#iconeTrabalhe{
	background-image: url("../img/footer/trab.png");
	background-repeat: no-repeat;
	background-position: 0 50%;
}

#iconeProdutos{
	background-image: url("../img/footer/produtos.png");
	background-repeat: no-repeat;
	background-position: 0 50%;
}

#iconeEmpresa a,
#iconeServicos a,
#iconeTrabalhe a,
#iconeProdutos a{
	text-decoration: none;
	font-family: "deckerb";
	font-size: 14px;
	color: #fff;
}

#iconeEmpresa a:hover,
#iconeServicos a:hover,
#iconeTrabalhe a:hover,
#iconeProdutos a:hover{
	color: #ccc;
}

#contatoDireita{
	position: relative;
	float: left;
	width: 40%;
	display: inline-block;
	height: 100%;
	margin-top: -5%;
	text-align: center;
}

#contatoDireita h3{
	color: #fff;
	font-family: "deckerb";
	margin-bottom: 0;
}

#contatoDireita p{
	color: #fff;
	font-family: "decker";
	font-size: 14px;
}

#contatoDireita input[type='submit']{
	background-image: url("../img/footer/env.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 30px;
	border: 0;
}

.telefone{
	padding-right: 7.5px;
}

.email{
	padding-left: 7.5px;
}

#msgContato {
    width: 40%;
    margin: 0 auto;
    margin-top: 1%;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    padding: 10px;
    display: none;
}

#loading_contato{
    display: none;
    width: 40%;
    margin: 0 auto;
    margin-top: 1%;
    text-align: center;
}

.sucesso {
    background:rgba(255,255,255,0.5); 
    color: white; 
}
.falha { 
    background:rgba(255,255,255,0.5); 
    color: #793E3E; 
}
.aguarde {
    background:rgba(255,255,255,0.5);
    color:white; 
}

#logo-inove{
	position: absolute;
	margin-top: -30px;
	width: 15%;
	margin-left: 40%;
}

#logo-inove img{
	height: 25px;
}

@media (max-width: 992px){
	.telefone, .email{
		width: 50%;
		display: inline-block;
		float: left;
	}

	#telefoneContato p,
	#enderecoContato p,
	#horarioFuncionamento p{
		font-size: 12px;
	}

	#iconeEmpresa a,
	#iconeServicos a,
	#iconeTrabalhe a,
	#iconeProdutos a{
		font-size: 12px;
	}

	#contatoDireita p{
		font-size: 12px;
	}
}