﻿/* WEBFONTS PADRÃO */
/* @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,300,300italic,600italic,700italic,800,800italic,700&subset=latin,latin-ext); */
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);

/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ITENS DO HTML PADRÃO */

body { font-family:'PT Sans', sans-serif; color:#000; font-size:15px;	background:url(../imgs/wild_oliva_@2X.png) !important;/* Background pattern from subtlepatterns.com */ }
a { color:inherit; text-decoration:none; }
a:hover { text-decoration:none; }
p { margin-top:0; }






/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* PADROES DA AGÊNCIA, NÃO PRECISA ALTERAR NADA */

.corte, .fit, .fill { overflow:hidden; }
.corte img, .fit img, .fill img { width:inherit; }
img:-moz-broken { -moz-force-broken-image-icon:1; width:24px; height:24px; }
p { margin:0; padding:0; }
form { display:inline; }
input[type=text], input[type=password], input[type=file], textarea, select { padding:5px; border:1px solid #AAA; background-color:#FFF; }
input[type=checkbox] { padding:5px 10px 5px 5px; }
button, input[tpx;ype=button], input[type=submit], input[type=reset] { padding:3px 10px; font-size:16px !important; }
.bol { font-weight:700; }
.bb { border-bottom:1px dashed #CCCCCC; }
.cen { text-align:center !important; }
.rig { text-align:right !important; }
.lef { text-align:left !important; }
.aviso { margin-bottom:10px; padding:10px; font-size:16px; font-weight:bold !important; text-align:center !important; border:1px dashed #CCC !important; }
.alerta { color:#F60; background-color:#FFFF99; }
.sucesso { color:#060; background-color:#DDFDBD; }
.erro { color:#600; background-color:#FFDDDE; }
.off { filter:alpha(opacity=30); opacity:0.3; }
.clear { height:0; overflow:hidden; visibility:hidden; clear:both; font-size:1px; line-height:0; }
.semMargemHor { margin-left:0 !important; margin-right:0 !important; }
.semMargemVer { margin-top:0 !important; margin-bottom:0 !important; }
.tab { padding:3px; border-spacing:3px; border-collapse:separate; }
.tab .lab { padding:7px 20px 7px 7px; text-align:right; }
.tab .dtd { padding:7px; text-align:left; }
.tab .pad { padding-top:10px; }
.tab .hea { padding:3px; font-size:14px; font-weight:300; color:#FFF; background-color:#999999; }
.tab .cou { padding:7px; font-size:13px; text-align:center; color:#666; background-color:#F3F3F3; }
.tab .ite { padding:7px; font-size:13px; text-align:center; color:#666; background-color:#F3F3F3; }
.tab .tot { padding:7px; font-size:13px; font-weight:bold; text-align:center; color:#333; background-color:#E5E5E5; }
.tab .foo { padding:7px; font-weight:700; background-color:#F2F2F2; }
.eof { padding:50px; font-size:12px; text-align:center; color:#999; }
.rad05 { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.rad10S { border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; }
.rad10I { border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; }
.rad05S { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }
.rad05I { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }
.fundoTransparente { background-color: rgba(22, 21, 17, 0.75); /* R G B Alpha */ filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#cc161511', EndColorStr='#cc161511'); /* Alpha R G B */ }
.centraliza{
	width:960px;
	margin:0 auto;
	position:relative;
}
.slideTopo{
	width:100%;
	position:absolute;
}
.slideImagem{
	width:100%;
	height:350px;
	position:absolute;
}
.faixaTop{
	background:url(../imgs/faixasite.jpg);
	height:5px;
	position:fixed;
	z-index:999;
	width:100%;
}
.bgsite{
background:url(../imgs/greyzz.png);
padding:15px;

}
.areaTopo{
	width:100%;
	min-width:960px;
	background:url(../imgs/bgTopo.png) right top;
	height:181px;
}
.menuTop{
	background:rgba(0,0,0,0.75);
	border-bottom:3px solid #ff8e1a;
	z-index:9;
}
.logo{
	padding:15px;	
}
.areaSearch{
	z-index:1;
}
.areaSearch .buscaCampo{
	border:2px solid #fff !important;

}
.menuSuperior {
	margin:25px 0 0 0;
	list-style:none;
}
.menuSuperior ul{
	padding:0;
	margin:0;
	list-style:none;
}
.menuSuperior ul li{
	color:#fff;
	margin-left:10px;
	float:left;
}
.menuSuperior a{
    font-size:13px !important;
}
.menuSuperior ul li i{
	background:#ff8e1a;
	width:32px;
	height:32px;
	line-height:32px;
	text-align:center;
	color:#fff;
	margin-left:8px;
}
.menuLateral a{
	cursor:pointer;
	font-size:16px;
}
.arealoginHome{
	position:absolute;
	right:0;
	top:25px;	
}
.faixaMenu{
	width:100%;
	min-width:960px;
	height:52px;
	background:#5d5d5d;
}
.areaMenu{
	float:right;
	position:relative;
	margin-top:15px;	
}
.areaMenu ul{
	padding:0;
	margin:0;
	list-style:none;
}
.areaMenu ul li{
	display:inline;
	padding-left:20px;
	margin-right:20px;
	line-height:52px;
	border-left:1px solid #fff;
}
.areaMenu ul li:last-child{
	margin-right:0;
}
.areaMenu ul li a{
	text-transform:uppercase;
	color:#fff !important;
	font-size:14px;
}
.areaCarinnho{
	float:right;
	position:relative;	
}
.icnCesta{
	height:42px;
	background:#ff8e1a;
	padding:5px 35px;
	margin-right:10px;	
	float:left;
}
.icnCesta img{
	padding-top:8px;
}
.itensCesta{
	float:right;
	margin-top:5px;
	background:#fff;
	padding:5px 20px;
	color:#ff8e1a;
	font-size:24px;
	font-weight:700;
}
.areaBusca{
	width:100%;
	min-width:960px;
	padding:5px 0;
	background:#ff8e1a;
}
.busca{
	font-size:18px;
	line-height:29px;
	color:#fff;
	float:left;	
	margin-right:20px;
}
.icnBusca{
	float:right;
	margin-right:15px;	
	margin-top: -30px;
	position: relative;
	z-index: 999;
}
.areaCaminho{
	padding:0 0 10px 45px;	
	background:url(../imgs/arcoCaminho.png) no-repeat;
}
.nomePG{
	padding-top:18px;
	font-size:26px;	
}
.banner{
	width:100%;
	height:500px;
	margin-bottom:30px;
}
.chamadaHome{
	width:300px;
	height:165px;
	margin-left:30px;
	margin-bottom:30px;
	float:left;	
}
.menuCategorias{
	width:100%;
}
.areaConteudo{
	width:600px;
	float:left;
}
.areaTitulo{
	position:relative;
	height:29px;
	padding-bottom:5px;
	border-bottom:1px solid #ff8e1a;	
	margin-bottom:30px;
}
.areaTitulo-Titulo{
	font-size:22px;
	position:absolute;
	margin-top: -4px;
	padding-right:60px;
	border-bottom:3px solid #5d5d5d;
		
}
.menuLateral{
	position:relative;
	
}
.menuLateral ul{
	margin:0;
	padding:0;
	list-style:none;
}
.menuLateral ul li{
	margin:0;
	padding:0;
}
.menuLateral ul li:last-child{
	border:none;
}
.menuLateral ul li a{
	display:block;
	background:#ff8e1a;
	color:#fff;
	padding:4px 4px 4px 15px;
	border-bottom:1px solid #FFF;
}
.menuLateral ul li ul li a{
	display:block;
	background:#ffba74;
	padding:2px 0 2px 30px;
}
.botaoCategorias{
	background:#333;
	color:#fff;
	padding:8px 0 8px 15px;
	display:block;
	border-bottom:1px solid #ff8e1a;
}
.bgMenu{
	background-color:#ff8e1a;
}
.BgSubMenu{
	background-color:#ffb870;
}
.conteudo{
	width:630px;
	min-height:400px;
	position:relative;
	float:left;	
}

.search{
	
}
.buscaCampo{
	background-color:#ff8e1a !important;
	border: none !important;
	width:100%;
    margin:0 6px;
}
.buscaCampo::-webkit-input-placeholder {
   color: #fff;
   font: 12px verdana, arial, sans-serif;
}

.buscaCampo:-moz-placeholder {
   color: #fff;
   font: 12px verdana, arial, sans-serif;
}

.buscaCampo::-moz-placeholder {
   color: #fff;  
   font: 12px verdana, arial, sans-serif;
}

.buscaCampo:-ms-input-placeholder {  
   color: #fff;  
   font: 12px verdana, arial, sans-serif;
}
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* Home */
.boxChamada{
	padding:15px;
	border:1px solid #f2f2f2;
}
.noticiaHome-Foto{
	width:100px;
	height:100px;
	margin-bottom:30px;
	margin-right:15px;
	float:left;	
}
.noticiaHome-Titulo{
	padding-bottom:5px;
	font-weight:700;
	color:#ff8e1a;
	margin:0;
}
.noticiaHome-Resumo{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #f2f2f2;
}

/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* Institucional */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* produto */

.boxProduto{
	padding:10px;
	border:1px solid #ccc;
	position:relative;
	float:left;
	margin-left:30px;	
	margin-bottom:30px;
	overflow:hidden;
}
.boxProduto-Foto{
	width:100%;
	height:200px;
	margin-top:15px;
}
.boxCatalogo-Foto{
	width:100%;
}
.boxProduto-Titulo{
	font-weight:700;
	color:#ff8e1a;
	height:35px;
	overflow:hidden;
}
.boxProduto-Titulo a{
font-size:18px;
}
.boxProdutos-Items{
	margin-top:-200px;
	width:258px;
	height:180px;
	padding:10px;
	position:absolute;
	transition-property: all;
	transition-duration: 0.5s;
	-webkit-transition-property: ease linear;
	-webkit-transition-duration: 0.5s;
}
.boxProduto:hover .boxProdutos-Items{
	margin-top:7px;
}
.boxProdutos-Items-Item{
	width:258px;
	background-color: rgba(0, 0, 0, 0.75); /* R G B Alpha */ filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#cc000000', EndColorStr='#cc000000'); /* Alpha R G B */
	margin-bottom:10px;	
	position:relative;
}
.item-IMG{
	width:31px;
	height:29px;
	float:left;
	padding:10px;	
}
.item-TXT{
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
	font-weight:700;
	padding-top:12px;
}
.boxProdutos{
	border:1px solid #f2f2f2;
	background:#fff;
}
.boxProdutos .fa{
	color:#ff8e1a;
	padding-right:10px;
}
.space15{
	margin-right:15px;
}
.space10{
	margin-right:8px;
}
.boxProdutoRel{
	width:168px;
	padding:10px;
	border:1px solid #ccc;
	position:relative;
	float:left;
	margin-left:30px;	
	margin-bottom:30px;
	overflow:hidden;
}
.boxProdutoRel-Foto{
	width:168px;
	height:120px;
}
.boxProdutoRel-Titulo{
	font-size:14px;
	font-weight:700;
	color:#333;
	height:60px;
	overflow:hidden;
}
.boxProdutosRel-Items{
	margin-top:-200px;
	width:150px;
	height:150px;
	padding:10px;
	position:absolute;
	transition-property: all;
	transition-duration: 0.5s;
	-webkit-transition-property: ease linear;
	-webkit-transition-duration: 0.5s;
}
.boxProdutoRel:hover .boxProdutosRel-Items{
	margin-top:-5px;
}
.boxProdutosRel-Items-Item{
	width:150px;
	background-color: rgba(0, 0, 0, 0.75); /* R G B Alpha */ filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#cc000000', EndColorStr='#cc000000'); /* Alpha R G B */
	margin-bottom:10px;	
	position:relative;
}
.boxProdutos a{
	font-size:16px;
}
.itemRel-IMG{
	width:31px;
	height:29px;
	float:left;
	padding:10px;	
}
.itemRel-TXT{
	color:#fff;
	font-size:11px;
	text-transform:uppercase;
	font-weight:700;
	padding-top:12px;
}

.fotoPagina{
	width:100%;
	margin-bottom:30px;	
}
.fotoPagina iframe{
	width:100% !important;
}
.detalheProduto-Foto{
	position:relative;
	margin-bottom:30px;
}
.boxProduto{
	padding:10px;
	border:1px solid #ccc;
	position:relative;
	overflow:hidden;
}
.thumbs{
	width:67px;
	height:50px;
	margin-left:10px;
	float:left;	
	margin-bottom:30px;
}
.nomeProduto{
	font-size:24px;
	color:#ff8e1a;
}
.codigo{
	font-size:18px;	
}
.pecas{
	font-size:14px;
	margin-bottom:15px;
    font-weight:700;
}
.pecas2{
	font-size:24px;	
    font-weight:700;
    color:#ff8e1a;
}
.detalheProduto-Resumo{
	width:300px;
	float:left;	
}
.boxBotoes{
	position:relative;
	padding:15px 0;	
}
.campoADD{
	width:20px;
	height:30px !important;	
}
.comprar{
	background:#ff8e1a;
	border:none;
	color:#fff;
	padding:5px 10px;
}
.preco{
	font-size:24px;	
}
.preco b{
	color:#ff8e1a;
	font-size:24px;	
}
.precoDe {
	font-size:13px;
	text-decoration:line-through;
}
.areaLogin{
	position:relative;
}
.boxLogin{
	padding:10px;
	position:relative;
	border:1px solid #ccc;
}
.label{
	display:block;	
	padding:10px 0;
	color:#333;
}
.login{
	width:100%;
}
.botaoLogin{
	float:right;
	background:none;
	border:none;
	color:#ff8e1a;
	padding-top:15px;
}
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* Como Comprar */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* Rodapé */
.rodape{
	width:100%;
	min-width:960px;
	margin-top:30px;
	padding:30px 0;
	border-top:1px solid #ccc;
}
.faixaRod{
	background:url(../imgs/faixasite.jpg);
	height:2px;
}

.rodQuemSomos{
	width:630px;
	margin-right:30px;
	float:left;
	position:relative;	
}
.rodParceiros{
	width:300px;
	float:left;	
	position:relative;	
}
.fotoParceiro{
	width:300px;
	height:150px;	
}
.faixaCinza{
	width:100%;
	min-width:960px;
	background:#5d5d5d;
	padding-top:10px;	
}
.alignTxt{
	text-align:center;
	color:#fff;	
	font-size:13px;
}
.desenvolvido{
	display:inline-block;
	padding:5px 10px;
	color:#ff8e1a;
	background:#fff;
}

.retornar {
	display:block;
	padding:20px 0;
	font-size:13px;
}
.formContato {
	padding:25px 0;
}

.retornarListaMenu {
	font-size:14px;
	font-weight:700;
}


.produtoAddContinuar {
	float:left;
	display:block;
	width:250px;
	font-size:24px;
	font-weight:bold;
	line-height:50px;
	height:75px;
	padding:10px;
	background-color:#F60;
	color:#FFF;
	text-align:center;
	border:none;
}
.produtoAddContinuar:hover {
	color:#FFF;
}
.produtoAddCarrinho, .botaoEnviarPedido {
	float:right;
	display:block;
	font-size:24px;
	font-weight:bold;
	line-height:50px;
	height:75px;
	padding:10px;
	background-color:#360;
	color:#FFF;
	text-align:center;
	border:none;
}
.produtoAddCarrinho:hover {
	color:#FFF;
}
.botaoDesativado {
	background-color:#BBB !important;
	color:#FFF !important;	
}
.orcamentoCarrinho {
	font-size:10px;
	color:#999;
}
.linhaCarrinho {
	padding-top:4px !important;
	padding-bottom:4px !important;
	border-bottom:1px dashed #999999;
}
.menuItemUsuario {
	display:block;
	margin:10px 0 0 0;
	float:right;
	padding:3px 10px;
}

.botaoRetornar {
	display:block;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	background-color:#F3F3F3;
	color:#333;
	margin-top:20px;
	text-align:center;
}
.botaoPesquisaCliente {
	font-size:14px;
	font-weight:bold;
	padding: 7px 10px;
	background-color:#ff8e1a;
	color:#FFF;
	text-align:center;
	border:none;
}
.areaBuscaCliente {
	text-align:center;
	margin-bottom:20px;
}
.dots{
	background:url(../imgs/dots.png);
	width:100%;
	height:7px;
}
.mb30{
	margin-bottom:30px;
}
.mt30{
	margin-top:30px;
}
.newsletterCampo{
	background:none !important;
	border:none !important;
	border-bottom:1px solid #ccc !important;
	box-shadow:none !important;

}
.newsletterCampoBtn{
	background:#5d5d5d;
	border:none !important;
	color:#fff;
	border-radius: 0px !important;
	box-shadow:none !important;
	padding:0 0 0 40px;
	float:right;
}
.newsletterCampoBtn i{
	background:#ff8e1a;
	padding:15px;
	border:none !important;
	color:#fff;
	border-radius: 0px !important;
	box-shadow:none !important;
	margin-left:40px;
}
.corSite{
	color:#ff8e1a;
}
.bordaRod{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* Redes */

.fa-1:before {
	content: "\e790"; /* blogger */
}
.fa-2:before {
  content: "\f17d"; /* dribbble */
}
.fa-3:before { 
  content: "\f09a";
}
.fa-4:before {
  content: "\f16e"; /* flickr */
}
.fa-5:before {
  content: "\f180"; /* FourSquare */
}
.fa-6:before {
  content: "\f0d5"; /* Google plus */
}
.fa-7:before {
  content: "\f16d"; /* instagram */
}
.fa-8:before {
  content: "\f0e1"; /* linkedin */
}
.fa-9:before {
  content: "\f0d2"; /* pinterest */
}
.fa-10:before {
  content: "\f17e"; /* Skype */
}
.fa-11:before {
  content: "\f1e8"; /* twitch */
}
.fa-12:before {
  content: "\f099"; /* Twitter */
}
.fa-13:before {
  content: "\f194"; /* Vimeo */
}
.fa-14:before {
  content: "\f1ca"; /* Vine */
}
.fa-15:before {
  content: "\f167"; /* youtube */
}
.redesSociais {
	margin-top:30px;
}
.redesSociais ul{
	margin:0;
	padding:0;
	list-style:none;
}
.redesSociais ul a{
	display:inline-block;
	margin-left:10px;
	font-size:22px;
    height:32px;
    width:32px;
    text-align: center;
    line-height:32px;
    background:#FF8E1A;
    color:#fff;

}
.redesSociais ul li{
	display:inline-block;
}
 .navbar-nav > li > a {
    text-shadow: none !important;
    color:#fff !important;
    text-transform:uppercase !important;
    border-left:1px solid #fff;
    padding:8px 0 8px 15px;
    margin-left:15px;
}
.navbar-nav > li > a:hover {
    background: none !important;
}
.callLogo{padding-top:30px;}
@media (max-width: 560px) {

    .menuRelative {
        position: relative !important;
    }
    .callSM{
        width:100%;
        display:block;
        clear:both;
        text-align:right;
    }
    .callclear { height:0; overflow:hidden; visibility:hidden; clear:both; font-size:1px; line-height:0; }
    .callMar{margin: 0 !important}
}

.litebox-text{
    font-size:18px;
}
img{
    max-width:100%;
}
@media print {
  a[href]:after {
    content: none !important;
  }
}
.limpaSpam{
    width:100% !important;
	display:block !important;
}
.limpaSpam span{
}

.limpaSpam span a{
	display:block !important;
	margin-left:0 !important;
	font-size:13px !important;
    height:auto !important;
    width:auto !important;
    text-align: left !important;
    line-height:normal !important;
    background:none !important;
    color:#333 !important;

}
.limpaSpam span{
	display:block !important;
}
.areaBuscaMobile, .botoesMobile {
	display: none;
}

@media (max-width:768px) {
	.buscaCampo {
		margin:0 !important;
	}
	.mobileMenuCategorias {
		display: block;
		margin-top: 15px;
		background: #CCCCCC;
		padding: 5px;
		text-align: center;
	}.navbar-toggle {
		margin-top: 15px !important;
		margin-right: 0 !important;
	}.botoesMobile {
		display: inline-block;
		float: right;
		padding: 0;
		margin: 0;
		list-style: none;
		padding-top: 15px;
	}
		.botoesMobile li {
			display:inline-block;
			width: auto !important;
		}
		.botoesMobile li i {
			background: #ff8e1a;
			width: 32px;
			height: 32px;
			line-height: 32px;
			text-align: center;
			color: #fff;
			margin-left: 8px;
		}	
	.areaBuscaMobile {
		display: block !important;
		margin-top: 15px;
	}
	body {
		padding-top: 0 !important;
	}

	.logotipoSite img {
		width: 100px;
	}

	.areaLogo {
		width: 100px;
		padding: 0 !important;
		margin: 0;
		float: left;
	}

	.areaBuscaMobile, .areaBuscaMobile li, .areaBuscaMobile li form, .areaBuscaMobile li form input[type=text] {
		width: 100%;
	}
	.navbar-collapse{
		padding-top:0 !important;
		overflow:hidden !important;
		margin-right:0 !important;
		margin-top:15px !important;
	}
}