*{
	margin: 0;
	padding: 0;
	border: 0;
	list-style:none;
	outline:none;
}

body{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #1b1b1b;
	background:#fff;
}

p{
	margin: 0;
	padding: 0;
}

a{
	text-decoration: none;
	color:#000;
}

a:hover{
	text-decoration: none;
	color:#787878;
}

a[href="#top"]{
    padding:10px;
    position:fixed;
    top: 90%;
    right:40px;
    display:none;
    font-size: 30px;
	border:1px solid;
}

a[href="#top"]:hover{
    text-decoration:none;
	border:1px solid #787878;
}

table.borda {border-collapse: collapse;}
table.borda tr td {border:1px solid;}

.underline{
	text-decoration: underline;
}

.destaque{
	font-weight: bold;
}

.clear{
	clear:both;	
}

.f10{
	font-size:10px;
}

.f12{
	font-size:12px;
}

.f14{
	font-size:14px;
}

.f16{
	font-size:16px;
}

.f18{
	font-size:18px;
}

.f20{
	font-size:20px;
}

.f24{
	font-size:24px;
}

.f36{
	font-size:36px;
}

.f50{
	font-size:50px;
}

.f40{
	font-size:40px;
}

.seta{ font-size:50px; opacity:60%; }

.branco{
	color:#fff;
}

.preto{
	color:#000;
}

.verde{
	color:#0c0;
}

.cinza{
	color:#999;
}

.vermelho{
	color:#ff0000;
}

.azul{
	color:#0000ff;
}

.tracado{
	text-decoration:line-through;
	color:#606060;
}

.center{
	text-align:center;
}

.justify{
	text-align:justify;
}

.vmiddle{
	vertical-align:middle;
}

.left{
	float:left;
}

.right{
	float:right;
}

h1{
	font-size:24px;
	font-weight:bold;
	margin:0;
	padding:10px 0;
}

h2{
	font-size:18px;
	font-weight:bold;
	color:#000;
	margin:0;
	padding:10px 0;
}

.m0{
	margin:0
}

.p0{
	padding:0
}

.p-10{
	padding:10px;
}

.p0-10{
	padding:0 10px;
}

.p0{
	margin:0;
	padding:0;
}

.pb-10{
	padding-bottom:10px;
}

.pt-10{
	padding-top:10px;
}

.pt-20{
	padding-top:20px;
}

.pb-20{
	padding-bottom:20px;
}

.mt-5{
	margin-top:5px;
}

.mb-5{
	margin-bottom:5px;
}

.mb-10{
	margin-bottom:10px;
}

.mt-10{
	margin-top:10px;
}

.mt-20{
	margin-top:20px;
}

.mb-20{
	margin-bottom:20px;
}

.mt-20{
	margin-top:20px;
}

.w1200{
	max-width:1180px;
	margin:auto;
}

.min{
	min-height:428px;
}

.contatoLeft{
	float:left;
	width:48%;
}

.contatoRight{
	float:right;
	width:48%;
}

.w20{
	width:20%;
}

.w50{ float:left; width:50%; }

.insta{
	float:left;
	width:16.66%;
	padding:2px 2px 4px 2px;
}

.insta img{
	width:100%;
	height:250px;
	object-fit: cover;
}

.banner-med{
	float:left;
	width:50%;
	margin:10px 0 0 0;
	text-align:center;
}

.p-right{ padding-right:5px }
.p-left{ padding-left:5px }

.janela_politicas{
	position: fixed;
	z-index: 9999;
	bottom: 0;
	width: 100%;
	background: #1b1b1b;
	padding: 10px;
	color: #fff;
}

.janela_politicas a{ color: #fff; text-decoration: underline; }
.janela_politicas a:hover{ color: #fff; }

.janela_politicas .aceite-politicas{
	float: left;
	margin-top: 10px;
}

.janela_politicas .btn-concordar{
	border: 1px solid #fff;
	color: #fff;
	padding: 10px 20px;
	float: right;
	text-decoration: none;
	cursor: pointer;
}

.janela_politicas .btn-concordar:hover{
	border: 1px solid #ccc;
	color: #ccc;
}

/*ESTRUTURA DO SITE*/
header#topo {
	width:100%;
}

header#topo .faixa{
	background:#1b1b1b;
	padding:5px;
}

header#topo .faixa .left{ float:left; }
header#topo .faixa .right{ float:right; }

header#topo .faixa a:hover{ color:#dedede; }

header#topo .logo{
	float:left;
	padding:5px;
}

header#topo .logo img{
	max-width:330px;
	width:100%;
	margin:10px 0;
	height:auto;
}

header#topo .topo {
	float:right;
	padding-right:5px;
}

header#topo .topo .bem-vindo{
	margin-top:12px;
	text-align:right;
}

header#topo .topo .busca {
	width:350px;
	margin-top:15px;
}

header#topo .topo .busca input{
	background:#fff;
	height:35px;
	border-right:0;
		-webkit-border-radius:5px 0 0 5px;
		-moz-border-radius:5px 0 0 5px;
		border-radius:5px 0 0 5px;
}

header#topo .topo .busca button{
	background:#fff;
	height:35px;
	border-left:0;
		-webkit-border-radius:0 5px 5px 0;
		-moz-border-radius:0 5px 5px 0;
		border-radius:0 5px 5px 0;
}

header#topo .topo .carrinho{
	margin-top:15px;
	margin-bottom:5px;
	text-align:right;
}

.cart-1{ width:50%; }
.cart-2{ width:16.66%; }
.cart-3{ width:16.66%; }

/*menu*/
header#topo .area-menu{
	
	background:#1b1b1b;
}

header#topo nav.menu{
	border:1px solid #1b1b1b;
}

header#topo nav.menu ul li{
	float:left;
	text-align:center;
}

header#topo nav.menu ul .w1{ width:100%; }
header#topo nav.menu ul .w2{ width:50%; }
header#topo nav.menu ul .w3{ width:35.33%; }
header#topo nav.menu ul .w4{ width:25%; }
header#topo nav.menu ul .w5{ width:20%; }
header#topo nav.menu ul .w6{ width:16.66%; }
header#topo nav.menu ul .w7{ width:14.285%; }
header#topo nav.menu ul .w8{ width:12.5%; }
header#topo nav.menu ul .w9{ width:11.11%; }
header#topo nav.menu ul .w10{ width:10%; }

header#topo nav.menu ul li div{
	margin:0;
	padding:12px 0;
	color:#fff;
}

header#topo nav.menu ul li a{
	font-size:16px;
	padding:0;
	color:#000;
}

header#topo nav.menu ul li div:hover, header#topo nav.menu ul li div.active, header#topo nav.menu ul li:hover div{
	background:#464646;
	color:#fff;
}

header#topo nav.menu ul li{
	padding:0;
}

/*menu dropdown*/
header#topo nav.menu ul li ul{
	background:#464646;
	padding:0;
	margin-top:-1px;
	position:absolute;
	z-index:9999999999999999999999;
		visibility:hidden;
		opacity:0;
		transition:visibility 0s linear 0.5s,opacity 0.5s linear;
}

header#topo nav.menu ul li ul li{
	float:none;
	padding:12px 0;
	margin:0;
	border-top:1px solid #666;
}

header#topo nav.menu ul li:hover ul a li{
	color:#fff;
}

header#topo nav.menu ul li ul a li:hover, header#topo nav.menu ul li ul a li.active{
	background:#1b1b1b;
}

header#topo nav.menu ul li:hover ul{
	opacity:1;
	transition-delay:0s;
	visibility:visible;
}

/*menu mobile*/
header#topo nav.menuMobile{
	display:none;
	text-align:center;
	color:#fff;
	font-size:26px;
}

header#topo nav.menuMobile ul li{
	text-align:left;
}

header#topo nav.menuMobile ul li a{
	padding:0 10px;
	color:#fff;
}

header#topo nav.menuMobile ul li ul{
	display:none;
	margin:0;
}

header#topo nav.menuMobile ul li a:hover{
	background:#7c7c7c;
}

header#topo nav.menuMobile ul li:hover ul{
	display:block;
}

header#topo nav.menuMobile ul li:hover{
	background:#7c7c7c;
}

header#topo nav.menuMobile ul li ul li:hover{
	background:#7c7c7c;
	color:#ccc
}

header#topo nav.menuMobile ul li ul li a{
	padding:0;
	margin:0;
}

header#topo nav.menuMobile ul li ul li{
	background:#7c7c7c;
	padding:5px 0 0 0;
	margin:0;
}
/*FIM MENU MOBILE*/

.content{
	padding:10px;
	min-height:300px;
}

article.produtos{
	position:relative;
	width:25%;
	float:left;
	margin:10px 0;
	padding:10px;
	min-height:510px;
	border:1px solid #fff;
}

.produtos_sug{
	position:relative;
	margin:10px 0;
	padding:10px;
	border:1px solid #fff;
}

article.produtos:hover, .produtos_sug:hover{
	border:1px solid #dedede;
}

article.produtos:hover a, .produtos_sug:hover a{
	color:#787878;
}

.imagem{
	width:100%;
	height:auto;
	max-width:300px;
}

.tag{
	position:absolute;
	right:10px;
	z-index:999999;
	opacity:70%;
}

article.produtos:hover .tag{ opacity:100%; }
.produtosLeft .tag{ opacity:100%; }

.tag span{ position: absolute; width: 45px; margin: 12px 0 0 -43px; font-size: 12px; font-weight: bold; color: #fff; }


/*DETALHES PRODUTOS*/
.produtosLeft{
	position:relative;
	width:40%;
	float:left;
	margin-right:2%;
}

#area_imagens{
	width:100%;
	text-align:center;
	margin-bottom:10px;
}

.produtosInfos p, .produtosInfos h1, .produtosInfos h2{
	margin:0;
	padding:0;
}

.produtosInfos{
	float:left;
	width:58%;
}

.produtosInfos .social{
	margin:15px 10px 10px 0;
}

.produtosInfos .social a{
	margin:5px;
}

.valor_de{
	color:#999;
}

.valor_por{
	font-size:24px;
	color:#f00;
	font-weight:bold;
}

.btn-default.desactive{
	background-color:#e8e8e8;
	color:#fff;
}

/*RODAPE*/
footer#rodape .lineInfos{
	background:#eaeaea;
}

footer#rodape .lineInfos .ct{
	max-width:1180px;
	padding:20px 10px 20px 10px;
	margin:auto;
}

footer#rodape .lineInfos .ct .box1{
	float:left;
	width:20%;
	margin-bottom:20px;
	transition: all 0.3s;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
}

footer#rodape .lineInfos .ct .box2{
	float:left;
	width:16%;
	margin-bottom:20px;
	transition: all 0.3s;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
}

footer#rodape .lineInfos .ct .box3{
	float:left;
	width:12%;
	margin-bottom:20px;
	transition: all 0.3s;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
}

footer#rodape .lineInfos .ct ul li{
	margin-top:5px;
}

footer#rodape .lineInfos .ct .box h3{
	font-size:20px;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:0;
}

footer#rodape .w50-l{
	float:left;
	width:48%;
}

footer#rodape .w50-r{
	float:right;
	width:48%;
	text-align:right;
}

footer#rodape .footer{
	padding:10px;
	background:#1b1b1b;
}

footer#rodape .footer .ct{
	max-width:1180px;
	margin:auto;
}

.frete, .parcelas, .descontos, .seguro{
	float:left;
	width:24%;
	margin:0.5%;
}

.ico{
	float:left;
	width:21%;
	margin:3px 2% 0 0;
	text-align:center;
}

.info{
	float:left;
	width:77%;
}

.container{
	width:100%;
	padding:0;
	margin:0;
}

.row {
  margin-right: 0px;
  margin-left: 0px;
}

/*NOVO CARRINHO*/
.mapa_etapas{
	height:55px;
	width:95%;
	margin-left:5%;
}

.mapa_etapas .bt,.mapa_etapas div.caminho{
	float:left;
}

.mapa_etapas div.caminho{
	width:17.5%;
	background:#e4e4e4;
	height:5px;
	margin-top:25px	
}

.mapa_etapas div.caminho.ativo{
	background:#231f20;
}

.btn-circle {
	width: 50px;
	height: 50px;
	padding: 6px 0;
	 -webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	text-align: center;
}

.btn-circle.ativo{
	background:#000;
	cursor:normal;
}

.btn-circle.ativo span, .btn-circle.ativo i{
	color:#fff;
}

.btn-circle.disabled,
.btn-circle[disabled]{
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=100);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 1;
}

.enderecos{
	width:31.33%;
	min-height:200px;
	border:1px solid #e4e4e4;
	float:left;
	margin:1%;
	padding:10px;
}

.enderecos p{
	margin:0;
}

/*NOVO FINALIZAR*/
.formas-pgtos{
	position:relative;
	margin:1%;
	padding:20px 0;
	border-radius:4px;
	border:1px solid #afafaf;
	color:#afafaf;
	text-align:center;
	font-size:20px
}

.formas-pgtos.w3{
	float:left;
	width:31.33%;
}

.formas-pgtos.w2{
	float:left;
	width:48%;
}

.formas-pgtos i{ font-size:50px }

.formas-pgtos:hover{
	background:#fbfbfb;
}

.formas-pgtos.active{
	border:1px solid #000;
	color:#000;
	background:#fbfbfb;
}

.formas-pgtos .desconto{
	position:absolute;
	top:0px;
	right:0px;
	width:auto;
	height: auto;
	padding:3px 5px;
	background:#f00;
	color:#fff;
	font-size:12px;
	border-radius:0 4px 0 0;
}

.pedido-left{
	float:left;
	width:46%;
	margin:1% 0;
}

.pedido-right{
	float:left;
	width:46%;
	margin:1% 0 1% 8%;
}

.area_cupom{ float:left; width:50%; padding:0 10px; }
.area_fretes{ float:left; width:50%; padding:0 10px; border-left:1px solid #e4e4e4; }

div.item-frete { border:1px solid #ebebeb; margin-top:10px; padding:5px; cursor: pointer; }

div.item-frete.checked { background: #ECFDE0; border:1px solid #999; }

div.item-frete input[type="radio"] { display: none; }

/*Quantidade carrinho*/
input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  border: 1px solid #ddd;
  display: inline-flex;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline:none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  margin: 2px 0 0 0;
  position: relative;
  font-size: 18px;
}

.number-input button:hover { color: #ca6473; }

.number-input input[type=number] {
  font-family: sans-serif;
  max-width: 80px;
  padding: .2rem .2rem;
  border: 0;
  font-size: 22px;
  height: 2.75rem;
  border: 0;
  text-align: center;
  color: #000;
}

@media (max-width: 1279px) {
	.min{ min-height:300px; }
}

@media (max-width: 1180px) {
	.janela_politicas .aceite-politicas{ width: 80%; margin-top: 0; }
}

@media (max-width: 1023px) {
	.content{
		min-height:auto;
	}
	
	article.produtos{
		width:33.33333%;
	}
	
	.contatoLeft{
		float:none;
		width:100%;
	}
	
	.contatoRight{
		float:none;
		width:100%;
	}
	
	.w20{
		width:25%;
	}
	
	.min{
		min-height:150px;
	}
	
	.produtosLeft{
		width:47%;
		margin-right:3%;
	}
	
	.produtosInfos{
		width:50%;
	}

	.seta{ font-size:22px; }
	
	.mapa_etapas div.caminho{ width:16%; }
	
	.enderecos{ width:48%; }
	
	.janela_politicas .aceite-politicas{ width: 75%; margin-top: 0; }
	
	footer#rodape .lineInfos .ct .box1, footer#rodape .lineInfos .ct .box2, footer#rodape .lineInfos .ct .box3{ width:16.66%; }
}

@media (max-width: 800px) {
	header#topo .topo{
		padding:0;
	}
	
	header#topo .logo{
		width:100%;
		float:none;
		margin:auto;
		text-align:center;
	}
	
	header#topo .topo .carrinho{
		width:200px;
		text-align:center;
		margin:5px auto;
	}
	
	header#topo .topo .busca{
		width:60%;
		text-align:center;
		margin:5px auto;
	}
	
	header#topo nav.menu{
		display:none;
	}
	
	header#topo nav.menuMobile{
		display:block;
	}
	
	.w20{
		width:33.333%;
	}
	
	.min{
		min-height:0px;
	}
	
	header#topo .topo .bem-vindo{ text-align:center; }
	
	.frete, .parcelas, .descontos, .seguro{
		width:48%;
		margin:1%;
		min-height:70px;
	}
	
	.media-body, .pull-left{
		width:100%;
		float:none;
		text-align:center;
	}
	
	.mapa_etapas div.caminho{ width:14%; }
	
	.janela_politicas{ text-align: center; padding: 10px 10px 20px 10px; }
	.janela_politicas .aceite-politicas{ width: 100%; margin-bottom: 15px; }
	.janela_politicas .btn-concordar{ float: none; }
	
	footer#rodape .lineInfos .ct .box1, footer#rodape .lineInfos .ct .box2, footer#rodape .lineInfos .ct .box3{
		width:33.33%;
		text-align:center;
	}
}

@media (max-width: 670px) {
	header#topo .topo .busca{
		width:98%;
	}
	
	article.produtos{
		width:50%;
	}
	
	.mapa_etapas{
		width:95%;
		margin-left:5%;
	}
	
	.mapa_etapas div.caminho{
		width:12%;
	}
	
	header#topo .faixa .left, header#topo .faixa .right{
		float:none;
		text-align:center;
	}

	footer#rodape .w50-l, footer#rodape .w50-r{
		float:none;
		width:100%;
		text-align:center;
	}
	
	.insta{
		width:33.33%;
		padding:2px 3px 4px 3px;
	}
	
	.pedido-left, .pedido-right{ width:98%; margin:1% 0 30px 0; }
	
	.formas-pgtos.w3, .formas-pgtos.w2{ width:98%; }
}

@media (max-width: 599px) {
	.produtosLeft, .produtosInfos{
		float:none;
		width:100%;
		margin:auto;
	}
	
	.w20{
		width:50%;
	}
	
	.banner-med{
		float:none;
		width:100%;
		margin:10px 0 0 0;
		padding:0;
	}
	
	.mapa_etapas div.caminho{
		width:10%;
	}
	
	.enderecos{ width:98%; }
	
	footer#rodape .footer .left, footer#rodape .footer .right{
		float:none;
		text-align:center;
	}
	
	.frete, .parcelas, .descontos, .seguro{
		width:100%;
		margin:1% 0;
		min-height:auto;
	}
	
	.area_cupom{ float:none; width:100%; }
	.area_fretes{ float:none; width:100%; border-left:0; border-top:1px solid #e4e4e4; }
	
	footer#rodape .lineInfos .ct .box1, footer#rodape .lineInfos .ct .box2, footer#rodape .lineInfos .ct .box3{
		width:50%;
		min-height:130px;
	}
	
	article.produtos{
		width:100%;
		float:none;
		min-height:auto;
	}
}


@media screen and (max-width: 500px) {
	.mapa_etapas{
		width:98%;
		margin-left:2%;
	}
	
	.mapa_etapas div.caminho{
		width:10%;
	}
	
	.esconde{ display:none; }
}

@media screen and (max-width: 420px) {
	.mapa_etapas div.caminho{
		width:8%;
	}
	
	article.produtos{
		width:100%;
		float:none;
		min-height:auto;
	}
}

/*ALERTS*/
.alert{
	width:100%;
	position:fixed;
	top:10px;
	z-index:9999999999999999999999999999999999999999;
	text-align:center;
	display:none;
}

.nav-pills > li > a{
  background-color: #e8e8e8;
}

.btn-info{
	background:#231f20;
}

.btn-info:hover{
	background:#787878;
}

.btn-success{ background:#00d900; border-color:#008f00; color:#000; }