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


/*
============================================================================
  >> Formatação
  ============================================================================
 */


@font-face {
	font-family: 'Filetto_extralight';
	src: url('../fontes/Filetto_extralight.eot');
	src: url('../fontes/Filetto_extralight.woff') format('woff'), url('../fontes/Filetto_extralight.ttf') format('truetype'), url('../fontes/Filetto_extralight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Neou-Bold';
	src: url('../fontes/Neou-Bold.eot');
	src: local('☺'), url('../fontes/Neou-Bold.woff') format('woff'), url('../fontes/Neou-Bold.ttf') format('truetype'), url('../fontes/Neou-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Filetto_regular';
	src: url('../fontes/Filetto_regular.eot');
	src: url('../fontes/Filetto_regular.woff') format('woff'), url('../fontes/Filetto_regular.ttf') format('truetype'), url('../fontes/Filetto_regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Filetto_extralight';
	src: url('../fontes/Filetto_extralight.eot');
	src: local('☺'), url('../fontes/Filetto_extralight.woff') format('woff'), url('../fontes/Filetto_extralight.ttf') format('truetype'), url('../fontes/Filetto_extralight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.fonte1 {
	font-family: 'Filetto_extralight', arial, helvetica, sans-serif;
}

.fonte2 {
	font-family: 'Filetto_regular', arial, helvetica, sans-serif;
}

.fonte3 {
	font-family: 'Neou-Bold', arial, helvetica, sans-serif;
	font-weight: normal;
}

.fonte4 {
	font-family: 'Filetto_extralight', arial, helvetica, sans-serif;
}

.titulo_pequeno {
	font-size: 18px;
	text-transform: uppercase;
	.fonte4;	
}

.amarelo {
	color: #FFD000;
}


/*
============================================================================
  >> Template
  ============================================================================
 */

 body {
 	/*background: #000 url('../imagens/bg.png') fixed no-repeat center top;*/
 	background-color: #000;
 	.fonte2;
 	color: #fff;
 }

a {
	text-decoration: none;
	&:hover {
		text-decoration: underline;
	}
}

input[type=text] {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #F2F2F2;
	border: 0;
	height: 28px;
	box-sizing: border-box;
	padding-left: 10px;
	.fonte1;
	font-size: 13px;
}
input[type=submit] {
	background: #E1E1E1;
	border: 0;
	height: 28px;
	cursor: pointer;
	&:hover {
		opacity: 0.8;
	}
}

label {
	display: block;
	.fonte4;
	.amarelo;
}

textarea {
	background: #F2F2F2;
	border: 0;
	width: 100% !important;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

textarea:focus::-webkit-input-placeholder {
    color: transparent;
}
/*Clearfix*/
 .clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	float: none;
}
 
.clearfix {
	display: block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/*helpers*/

.container {
	width: 970px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0 auto;
}

.omega {
	margin-right: 0!important;
}



/*Header*/
#header {
	padding-top: 38px;
	position: relative;
	z-index:9999999;
	.logo {
		float: left;
	}
	.menu {
		float: right;
		width: 698px;
		height: 47px;
		background: url('../imagens/menu-bg2.png') repeat-x top;
		list-style: none;		
		position: relative;	
		z-index: 99;	
		> li {						
			float: left;
			font-size: 22px;
			height: 47px;
			text-transform: uppercase;
			.fonte1;	
			&:hover {
				background: url('../imagens/menu-bg_hover.png') repeat-x top;
			}
			a {
				color: #6f6f6f;
				box-sizing: border-box;			
				padding-top: 8px;
				height: 47px;
				display: block;
				padding-left: 42px;
				padding-right: 20px;				
				background-color: none;
				background: url('../imagens/menu-arrow.png') no-repeat 10px 17px;
				&:hover{
					background-color: none;
					color: #313131;
					text-decoration: none;
					background-position: 10px -30px;
				}
			}
			.submenu {
				background: url('../imagens/menu-bg_produtos.png') no-repeat right center #fff;
				position: absolute;
				top: 47px;
				left: 0;
				width: 698px;
				height: 166px;
				font-size: 13px;
				line-height: 16px;
				color: #999;				
				a {
					color: #999;
					background: none;
					padding: 0;
					display: inline;
					&:hover {
						color: #191919;
						text-decoration: none;
					}
				}
				ul {
					list-style: inside;
					li {
						background-image: none;
						text-transform: none;
						height: 15px;
						margin-bottom: 0px;
					}
				}
				.pesquisa {
					margin-top: 5px;
					input[type=text] {
						width: 250px;
						text-transform: uppercase;
						margin-top: -1px;
						display: block;
						float: left;
					}
					.pesquisa_submit {
						background: url('../imagens/bg_submit.png') no-repeat center center #E1E1E1;
						height: 28px;
						width: 28px;
						margin-left: -5px;
						margin-top: -1px;
						display: block;
						float: left;
					}
				}
				.submenu_colunas {
					margin-top: 10px;
					.coluna {						
						float: left;
						width: 130px;
						margin-left: 20px;
						a {
							color: #999;
							&:hover {
								color: #191919;
							}
						}
						.coluna_titulo {
							margin-bottom: 2px;
						}
						.coluna_titulo, .coluna_titulo a {
							color: #191919;
						}
						.coluna_titulo {
							margin-bottom: 3px;
						}
						.coluna_borda-bottom {
							width: 126px;
							border-bottom: 1px solid #ccc;
							padding-bottom: 12px;
							margin-bottom: 12px;
						}
						.coluna_links {
							margin-bottom: 10px;
						}
						.coluna_links2 {
							list-style: none;
						}
					}
					.coluna_borda {
						border-right: 1px solid #ccc;
					}
				}
			}
			.submenu_empresa {
				background: url('../imagens/menu-bg_empresa.png') no-repeat right center #fff;
			}
			.submenu_contato {
				background: url('../imagens/menu-bg_contato.png') no-repeat right center #fff;
			}
		}
		li.ativo {
			background: url('../imagens/menu-bg_hover.png') repeat-x top;
			a {
				background-color: none;
				color: #313131;
				text-decoration: none;
				background-position: 10px -30px;
			}
		}
	}
}

/*Corpo*/
#corpo {
	min-height: 200px;
	margin-top: 20px;
}

/*Rodape*/
#rodape {
	background: #fff;
	padding-top: 30px;	
	position: relative;
	z-index: 999999;
	a {
		color: #999;
	}
	.coluna {
		width: 110px;
		margin-right: 40px;
		float: left;
		.coluna_titulo {
			color: #191919;
			text-transform: uppercase;
			font-size: 13px;
			margin-bottom: 2px;
			a {
				color: #191919;
				text-transform: uppercase;
				font-size: 13px;
			}
		}
		.coluna_titulo2 {
			color: #999999;
			text-transform: uppercase;
			font-size: 13px;
			margin-bottom: 2px;
			a {
				color: #999999;
				text-transform: uppercase;
				font-size: 13px;
			}
		}
		.coluna_links {
			list-style-position: inside;
			font-size: 13px;
			color: #999999;
			margin-bottom: 8px;
			a {
				color: #999999;
				&:hover {
					color: #000;
					text-decoration: none;
				}
			}
		}
		.coluna_links2 {
			list-style: none;
			font-size: 13px;
			color: #999999;
			margin-bottom: 8px;
			a {
				color: #999999;
				&:hover {
					color: #000;
					text-decoration: none;
				}
			}
		}		
	}
	.coluna-direita {
		float: right;
		width: 150px;
		margin-right: 0;
	}
	.rodape_creditos {
		margin-top: 28px;
		border-top: 1px solid #ccc;
		padding-top: 12px;
		padding-bottom: 12px;
		font-size: 13px;
		color: #999;
		a {
			text-decoration: underline;
		}
		.esq {
			float: left;
		}
		.dir {
			float: right;
		}
	}
}	

.midias-sociais {
	list-style: none!important;
	li {
		float: left;
		margin-right: 6px;
		a:hover {
			opacity: 0.8;
		}
	}
}

/*
============================================================================
  >> Home
  ============================================================================
*/

.chamadas {
	z-index: 9;
	position: relative;
	width: 700px;
	margin: 0 auto;
	margin-top: -168px;
	ul.chamadas-home {
		list-style: none;
		li {
			float: left;
			width: 322px;
			height: 161px;
			overflow: hidden;
			/*margin-left: 10px;*/
			margin-right: 10px;
			background: #000;
			a:hover {
				opacity: 0.9;
			}
		}
	}
}

.slideshow-home {
 	z-index: 1;
 	position: relative;
 	ul.slides {
 		z-index: 1;
 		list-style: none;
 		height: 592px;
		li {		
			article {
				background: transparent;
			}
			background: transparent;	
			.slide-home_foto {
				float: left;
				width: 460px;
				margin-right: 20px;				
			}
			.slide-home_infos {
				float: left;
				width: 345px;
				/*padding-top: 200px;*/
				.titulo_categoria {
					color: #FFD000;
					text-transform: uppercase;
					.fonte1;
					font-size: 18px;
					background: url('../imagens/ico-titulo.png') no-repeat left center;
					display: block;
					padding-left: 28px;
					border-bottom: 1px solid #fff;
				}
				.titulo_principal {
					color: #fff;
					text-transform: uppercase;	
					.fonte3;
					font-size: 28px;
					a {
						color: #fff;
					}
				}
				.texto {
					font-size: 11px;
					line-height: 14px;
					color: #fff;
					.fonte4;
					letter-spacing: 1px;
				}
				.slide-link {
					margin-top: 20px;
					a {
						color: #FFCF00;
						text-decoration: underline;
						.fonte4;	
						&:hover {
							text-decoration: none;
						}					
					}					
					img {
						vertical-align: middle;
						margin-right: 5px;
					}
				}
			}
		}
 	}
 	#slides-home_nav {
 		position: absolute;
 		top: 400px;
 		right: 10px;
 		z-index: 999;
 		a {
 			display: block;
 			float: left;
 			background: #626262;
 			height: 2px;
 			text-indent: -9999;
 			overflow: hidden;
 			width: 40px;
 			cursor: pointer;
 			margin-right: 5px;
 		}
 		a.activeSlide {
 			background: #fff;
 		}
 	}
}


/*
============================================================================
  >> Produtos
  ============================================================================
*/

#produtos {
	position: relative;
	padding-top: 40px;
	margin-bottom: 20px;
	.produtos_header {
		background: url('../imagens/produtos_header-bg.png') no-repeat 605px center #fff;
		position: absolute;
		top: -29px;
		right: 0;
		width: 698px;
		height: 41px;
		.pesquisa {
			margin-top: 8px;
			input[type=text] {
				width: 200px;
				text-transform: uppercase;
				margin-top: -1px;
				display: block;
				float: left;
				font-size: 12px;
			}
			.pesquisa_submit {
				background: url('../imagens/bg_submit.png') no-repeat center center #E1E1E1;
				height: 28px;
				width: 28px;
				margin-left: -5px;
				margin-top: -1px;
				display: block;
				float: left;
			}
		}
		.esquerda {
			float: left;
		}
		.direita {
			float: left;
			border-left: 1px solid #ccc;
			margin-left: 199px;
			padding-left: 15px;
			height: 21px;
			margin-top: 10px;
			font-size: 13px;
			line-height: 20px;
			color: #999999;
			a {
				color: #999999;
			}
			a.atual {
				color: #191919;
			}
		}
	}
	/*Produto em destaque*/
	.produtos_destaque {
		float: left;
		width: 420px;
		margin-right: 40px;
		.produto_foto {
			background: no-repeat center center;
			position: relative;
			height: 458px;
			.tamanhos {
				position: absolute;
				left: 0;
				bottom: 0;
			}
			.linha {
				position: absolute;
				bottom: 0;
				right: 0;
				background: #FFCE05;
				padding-left: 5px;
				padding-right: 5px;
				font-size: 14px;
				.fonte1;
				color: #000;
			}
		}
		.tamanho-destaque {
			color: #fff;
			.fonte4;
			font-size: 14px;
			margin-bottom: 6px;
			strong {
				.fonte2;
				font-weight: normal;
			}
		}
		ul.outros-tamanhos {
			list-style: none;
			li {
				box-sizing: border-box;
				background: #fff;
				width: 77px;
				padding-left: 12px;
				margin-bottom: 1px;
				height: 16px;
				line-height: 16px;
				font-size: 15px;
				.fonte1;
				color: #1D1D1D;
			}
		}
		.produto_mais-fotos {
			.produto_subcategorias {
				margin-top: 8px;
				background: url('../imagens/produto_detalhes-bg.png') repeat-x;
				height: 27px;
				ul.produto_subcategorias-lista {
					li {
						float: left;
						list-style: none;
						a {
							height: 27px;
							display: block;
							padding-left: 10px;
							padding-right: 10px;
							line-height: 27px;
							.fonte1;
							color: #010101;
							text-decoration: none;
							&:hover {
								background: #FFCE05;
							}
						}
						a.subc-ativo{
							background: #FFCE05;
						}
						
					}
				}
			}
			.produto_lista-fotos {
				list-style: none;
				width: 100%;
				height: 88px;
				white-space: nowrap;
				li {
					/*float: left;*/
					background: url('../imagens/produtos_thumb-bg.png');
					width: 80px;
					height: 78px;
					overflow: hidden;
					padding-bottom: 0;
					margin-right: 5px;
					img {
						max-width: 70px;
						max-height: 78px;
					}
					&:hover {
						background: #FFCF00;
					}
				}
			}
		}
	}
	/*Outros Produtos*/
	.outros-produtos {
		float: left;
		width: 510px;
		.produtos_titulo {
			.fonte1;
			color: #FFD000;
			text-transform: uppercase;
			background: url('../imagens/ico-titulo.png') no-repeat left center;
			padding-left: 28px;
			font-size: 18px;
			line-height: 22px;
			border-bottom: 1px solid #fff;
			padding-bottom: 3px;
			margin-bottom: 10px;
		}
		.produtos_descricao {
			font-size: 13px;
			color: #fff;
			letter-spacing: 1px;
			.fonte1;
			margin-bottom: 17px;
		}
		.lista-produtos {
			list-style: none;
			height: 471px;
			li {
				float: left;
				/*background: url('../imagens/produtos_thumb-bg.png');*/
				margin-right: 8px;
				margin-bottom: 8px;
				padding-bottom: 0;
				height: 135px;
				width: 110px;
				a {
					display: block;
					width: 100%;
					height: 100%;
					text-align: center;
				}
				&:hover {
					background: #FFCF00;
				}
			}
		}
	}
}

/*
============================================================================
  >> Empresa
  ============================================================================
 */
 .item_subtitulo {	
 	display: block;				
	text-transform: uppercase;
	font-size: 18px;
	line-height: 20px;
	color: #FFD000;
	margin-bottom: 8px;	
	.fonte4;
	background: url('../imagens/ico-titulo.png') no-repeat left center;
	padding-left: 28px;
	border-bottom: 1px solid #fff;					
	a {
		color: #FFD000;
	}
}
.item_titulo {
	.fonte3;	
	font-size: 28px;
	line-height: 30px;
	text-transform: uppercase;
	color: #fff;
	font-weight: normal;
	margin-bottom: 5px;
}
.item_descricao {
	font-size: 11px;
	line-height: 15px;
	letter-spacing: 1px;
	.fonte1;
	color: #fff;
}
 .empresa_container {
 	height: 580px;
 	.info-overlay {
		/*background: url('../imagens/empresa-slide-overlay.png') no-repeat center top;
		position: absolute;
		top: 528px;
		left: 0;
		width: 100%;
		z-index: 4;
		height: 145px;*/
	}
 	.empresa_slides {
 		height: 580px;
 		width: 100%;
 		.item {
 			width: 100%;
 		}
 		.imagem-bg {
 			background: no-repeat center top;
 			position: absolute;
 			top: 0;
 			left: 0;
 			z-index: 0;
 			/* Set rules to fill background */
		  	min-height: 100%;
		  	min-width: 1024px;
			
		  	/* Set up proportionate scaling */
		  	width: 100%;
		  	height: auto;
			
		  	/* Set up positioning */
		  	position: fixed;
		  	top: 0;
		  	left: 0;
 		} 		
		.item_container {
			position: relative;
			z-index: 999;	
			width: 100%!important;		
			.empresa_slide-infos {
				background: url('../imagens/empresa-slide-overlay.png') no-repeat center top;
				width: 100%!important;
				position: absolute;
				z-index: 9999;
				top: 415px;
				left: 0;				
				height: 145px;
				box-sizing: border-box;
				.item-container2 {
					width: 980px;
					margin: 0 auto;
				}
				.infos {
					padding-left: 32px;
					padding-top: 10px;
					width: 380px;
					box-sizing: border-box;
				}				
			}
			
		}
 	}
 	.paginacao-container {
 		position: relative;
 		z-index: 99999;
 		height: 0;
 		.empresa_slides-paginacao {	
 			position: absolute;	
 			top: -47px;
 			right: 602px;
 			a {
 				display: block;
 				float: left;
 				margin-right: 2px;
 				border: 2px solid #fff;
 				width: 10px;
 				height: 10px;
 				overflow: hidden;
 				text-indent: -99999px;
 				-webkit-border-radius: 100%;
 				-moz-border-radius: 100%;
 				border-radius: 100%;
 			}
 			a.activeSlide {
 				border: 2px solid #FFCF00;
 				background: #FFCF00;
 			}
 		}
 	}
 }


/*
============================================================================
  >> Represantes
  ============================================================================
 */
.representantes {
	margin-top: 75px;
	margin-bottom: 80px;
	.representantes_mapa {
		float: left;
		width: 560px;
		height: 10px;
	}
	.representantes_infos {
		float: left;
		width: 347px;	
		margin-top: 17px;	
	}
	.representantes_dados {
		margin-top: 30px;
	}
	.representantes_lista-container {
		height: 280px;
	}
	ul.representantes_lista {
		list-style: none;
		li {
			text-align: left;
			text-transform: uppercase;
			color: #fff;
			.fonte4;
			font-size: 16px;
			.fonte3;
			p {

			}
			span {
				color: #FFD000;
			}
			hr {
				border: 0;
				border-bottom: 1px solid #fff;
				width: 177px;
				text-align: left;
				display: inline-block;
			}
		}
	}

}

/*
============================================================================
  >> Contato
  ============================================================================
 */

 .contato {
 	margin-top: 50px;
 	margin-bottom: 40px;
 	.contato_infos {
 		float: left;
 		width: 430px;
 		margin-right: 15px;
 		.item_subtitulo {
 			width: 390px;
 			box-sizing: border-box;
 		}
 		.borda-dir {
 			width: 390px;
 			border-right: 1px solid #fff;
 			padding-right: 40px;
 		}
 	}
 	.contato_form {
 		float: left;
 		width: 520px;
 		.form_linha {
			margin-bottom: 10px;
 		}
 		.form_campo-duplo {
 			width: 49%;
 			box-sizing: border-box;
 			float: left;
 		}
 		.form_campo-enviar {
 			text-align: right;
 		}
 		.esq {
			float: left;
 		}
 		.dir {
 			float: right;
 		}
 		input[type=text] {
 			width: 100%;
 			box-sizing: border-box;
 		}
 		textarea {
 			padding: 10px;
 			box-sizing: border-box;
 			width: 100% !important;
 			height: 100px !important;
 			.fonte1;
 		}
 		.enviar {
 			background: #FFD000;
 			text-transform: uppercase;
 			height: 28px; 
 			margin-left: 0;
 			.fonte2;
 		}
 		div.error {
			border: 1px solid #FFD000;
			color: #fff;
			padding: 5px;
			.fonte4;
			text-transform: none;
 		}
 		input.error {
 			border: 1px solid #FFD000;
 		}
 	}
 }
/*
============================================================================
  >> Crossbrowser
  ============================================================================
*/



html.lt-ie9 {
	#header .menu li .submenu ul li {		
		white-space: nowrap;
	}
	#header .menu li .submenu .pesquisa {
		width: 100%;
		input {
			padding-top: 5px;
		}
	}
	.empresa_slide-infos .item_descricao {
		line-height: 12px;
	}
	.contato_form input[type=text] {
		line-height: 28px!important;
	}
	.pesquisa input[type=text] {
		line-height: 28px!important;
	}

}
html.lt-ie8 {
	#header .menu li .submenu .pesquisa {
		width: 100%;
		input {
			padding-top: 0;
			line-height: 28px!important;
		}
	}
	
	#header .menu li .submenu ul li {
		height: 13px;
		font-size: 11px;
		line-height: 12px;
		white-space: nowrap;
	}
	#rodape {
		margin-top: -7px;
	}
	.contato_form {
		padding-bottom: 40px!important;
	}
	.form_campo-duplo {
		width: 48%!important;
	}
}