/**** Botões ****/
.botao.principal {background-color: green;}
.botao.principal:hover {background-color: darkgreen;}
.botao.continuar-comprando {color:red}

/**** Labels ****/
.cep label {line-height:40px}

/********* CABECALHO, MENU, BUSCA, CARRINHO **********/

/**** Barra fixa acima do topo (rolagem) ****/
#barraTopo{background-color:rgba(0,0,0,100); color:#ddd; border-bottom:0;}
#barraTopo .canais-contato ul li a,
#barraTopo .canais-contato ul li i {font-size: 13px; color: #ddd;}
#barraTopo .canais-contato {display:none}
#barraTopo h4.titulo a.cor-secundaria{color:#fff;text-transform:uppercase}
#barraTopo .carrinho {float:none}

/**** Barra acima do topo ****/
.barra-inicial {text-transform:none;}
.barra-inicial.fundo-secundario{background-color:#fff; color:#000; border-bottom:1px solid #f2f2f2;}
.barra-inicial.fundo-secundario a,
.barra-inicial.fundo-secundario span,
.barra-inicial.fundo-secundario i.icon-comment,
.barra-inicial.fundo-secundario i.icon-phone,
.barra-inicial.fundo-secundario i.fa{color:#000;} 
.barra-inicial.fundo-secundario span:hover {color:#ccc;} 

#cabecalho {background:#ffffff;}
#cabecalho .conteiner {padding-bottom:0;}
#cabecalho > .conteiner > .menu.superior {text-align: center;}

#cabecalho .menu {background:#fff}
#cabecalho .menu .nivel-um {background:#8a620d; border-radius:5px}
#cabecalho .menu ul.nivel-um li.borda-principal {border-color:#a77f29;}
#cabecalho .menu a:link strong.titulo {color:#fff;}
#cabecalho .menu a:visited strong.titulo {color:#fff;}
#cabecalho .menu a:hover strong.titulo {color:#fff;}

@media (max-width: 1024px){
	#cabecalho .menu.superior .titulo {font-size:12px}
    #cabecalho .menu li {padding: 0 10px;}
}

#cabecalho .menu.superior .nivel-dois {background:#333; text-align:left !important}
#cabecalho .menu.superior .nivel-dois a{color:#ddd}
#cabecalho .menu.superior .nivel-dois a:hover{background:#333; color:#f5f5f5}
#cabecalho .menu.superior .nivel-dois a:hover .icon-chevron-right,
#cabecalho .menu.superior .nivel-dois .icon-chevron-right:hover{background:#333}

#cabecalho .menu.superior .nivel-tres {background:#444;}
#cabecalho .menu.superior .nivel-tres a{color:#ddd}
#cabecalho .menu.superior .nivel-tres a:hover{background:#444; color:#999}

#cabecalho ul.acoes-conta li a {color:#333333;}
#cabecalho .superior a.cor-secundaria {color:#000;}

#cabecalho .conteudo-topo .superior{padding-bottom:15px;}
#cabecalho .conteudo-topo .superior a.cor-secundaria span.cor-principal{color:#8a620d; font-weight:bold}

/**** Area acima do menu ****/
#cabecalho .conteudo-topo .inferior .busca .botao-busca {right:0;}
#cabecalho .conteudo-topo .superior.hidden-phone .acoes-conta,
#cabecalho .conteudo-topo .inferior .hidden-phone .carrinho {float:none;}
#cabecalho .conteudo-topo .inferior .hidden-phone .carrinho>a strong {margin-right:15px}
#cabecalho .conteudo-topo .inferior .hidden-phone .carrinho>a span {font-size:11px}

#cabecalho .carrinho {background:#333333}
#cabecalho .carrinho strong.qtd-carrinho, #cabecalho .carrinho b.titulo, #cabecalho .carrinho span{color:#cccccc}
#cabecalho .carrinho .carrinho-interno span {color:#333333}
.conteiner-principal .conteiner{padding:8px}

.icon-th:before {content: "\f0c9"; font-size:large}

/********* CORPO **********/
body.pagina-categoria #corpo .conteiner {margin-top:0;}
body {background:#fff}

.secao-banners .banner.tarja{
	padding: 20px 0;
}

/**** Breadcrumb ****/
.breadcrumbs {border:none; border-bottom:1px solid #ddd; padding:10px 0 20px 15px}
.breadcrumbs ul li {border-left:0}
.breadcrumbs ul li::after{content:"/"}
.breadcrumbs ul li:last-child::after{content:""}
.breadcrumbs ul li:last-child {font-style:normal; text-transform:none;}
.breadcrumbs ul li strong {font-weight:normal}

@media (max-width: 560px){
    .breadcrumbs {display:none;}
}

/**** Menu lateral ****/
.secao-principal .coluna.span3 .menu.lateral ul.nivel-um {background:none;}
.secao-principal .coluna.span3 .menu.lateral ul.nivel-um li.ativo {background-color: rgba(100,100,100,100); color:#ddd}
.secao-principal .coluna.span3 .menu.lateral,
.secao-principal .coluna.span3 .menu.lateral.outras{display:none;}
.secao-principal .coluna.span3 .componente {border:none;}
.secao-principal .coluna.span3 .componente .interno {padding-top:10px; margin-bottom:10px}
.secao-principal .coluna.span3 .componente .interno {margin-top:0; margin-bottom:0}
.secao-principal .coluna.span3 .componente:hover, .secao-principal .coluna.span3 .componente .interno:hover{background-color:#ffffff;}
.secao-principal .coluna.span3 .componente .interno p {font-size:14px}
.secao-principal .coluna.span3 .componente .titulo i{display:none}

/*Inverte as opções da coluna lateral da categoria*/
.secao-principal .coluna.span3 {
    display: -webkit-flex; /* Safari */
    -webkit-flex-direction: row-reverse; /* Safari 6.1+ */
    display: flex;
    flex-direction:column-reverse;
}

@media (max-width: 1024px){
    .secao-principal .coluna.span3 {display:none}
}


/**** Conteudo ****/
.secao-principal .conteudo h1.titulo {font-weight:800; display:none}
.secao-principal .conteudo .input-append,
.secao-principal .conteudo .input-append label,
.secao-principal .conteudo .input-append .btn,
.secao-principal .conteudo .input-append ul.dropdown-menu,
.secao-principal .conteudo .pagination ul,
.secao-principal .conteudo .pagination ul li a{border-radius:0}
.secao-principal .conteudo .ordenar-listagem .dropdown-menu {left: auto; right: 0;}

@media (max-width: 767px){
    #corpo .secao-principal .conteudo .ordernar-listagem.topo .pagination{display:none}
}

@media only screen and (max-width: 767px){
.input-append .btn-group:last-child>.dropdown-toggle {height: 39px;}
}

body.pagina-pagina .secao-principal .conteudo h1.titulo{display:initial}

/**** Banner ****/
.secao-principal .conteudo .banner.cheio+.row-fluid {margin-top:30px}
.secao-banners .banner .flex-control-paging li a{border-radius:0;}
.secao-banners .conteiner {padding-top:0;}


/**** Listagem de Produtos ****/
.listagem .span3 .listagem-item .nome-produto {min-height:40px;}
.listagem-item .info-produto {text-align:center}
.listagem-item .info-produto .preco-produto .preco-parcela strong,
.listagem-item .info-produto .preco-produto .preco-parcela strong.titulo,
.listagem-item .info-produto .preco-produto .preco-parcela{font-size:18px; font-weight:bold; color:#666;}
.listagem-item .info-produto .preco-produto .preco-promocional{}
.listagem-item .info-produto .preco-produto .desconto-a-vista,
.listagem-item .info-produto .preco-produto strong.cor-secundaria{color:#666; font-size:13px}
.listagem-item .bandeiras-produto span.fundo-principal{background-color:#e6211e;}
/*
Destaque preço a vista com desconto
.listagem-item .info-produto .preco-produto strong.cor-secundaria{color:#e6211e; font-weight:bold}*/

#corpo {margin-bottom:20px;}
#corpo .conteiner {margin-bottom:0; margin-top:10px; background:#fff; /*max-width:938px;*/}
#corpo .tab-content {background:#f5f5f5; border:none; box-shadow:none;}
#corpo .abas-custom ul.nav.nav-tabs {margin-bottom:0;}
#corpo .abas-custom ul.nav.nav-tabs li.active a.titulo {background:#f5f5f5; border:none; box-shadow:none;}
#corpo .banner.vitrine {margin-top:0; box-shadow:none; border:none;}
.listagem .listagem-item .produto-sobrepor:hover {background: url("http://cdn.awsli.com.br/55/55884/arquivos/hover-products-fn2.png") center center no-repeat;}

/**** Pagina do Produto ****/
body.pagina-produto #corpo .conteiner {padding:20px}
body.pagina-produto .principal .info-principal-produto h1.nome-produto{font-weight:800; text-transform: capitalize}
body.pagina-produto .principal .info-principal-produto .breadcrumbs a i.fa-folder:before {content: "\f015";}
body.pagina-produto .principal .atributos .atributo-comum span {font-size: 14px;}
body.pagina-produto .principal .atributos .atributo-comum ul li.active a span {color:#fff}
body.pagina-produto .principal .atributos .atributo-comum ul li a.indisponivel {background-color:#f5f5f5;}
body.pagina-produto .principal .atributos .atributo-comum ul li a.indisponivel:hover {border-color:#ddd;cursor:default }
body.pagina-produto .principal .atributos .atributo-comum ul li a.indisponivel span {color:#ddd}
body.pagina-produto .principal .atributos .atributo-comum ul li.active a {background:red; color:#fff; border-color:red;}
body.pagina-produto .acoes-produto .preco-produto .preco-parcela strong.titulo {font-family:'Exo', sans-serif !important}

body.pagina-produto .secao-principal .acoes-flutuante {background:#f5f5f5; border:3px solid #000; border-right:0; border-radius:0; padding:10px 20px 20px 20px}
body.pagina-produto .secao-principal .produto .acoes-flutuante .nome-produto{max-width:100%; text-align:center}
body.pagina-produto .secao-principal .produto .acoes-flutuante .acoes-produto .preco-produto {max-width: 100%; text-align: center;}
body.pagina-produto .secao-principal .produto .acoes-flutuante .close_float {left:-35px; top:-3px; border-radius:0; background-color:#000}

#corpo .tab-content {background:#fff; color:#333}

.popover-content {
  text-indent: -9999px;
  line-height: 0; /* Collapse the original line */
}

.popover-content::after {
  content: "Escolha um tamanho!";
  text-indent: 0;
  display: block;
  line-height: initial; /* New content takes up original line height */
}

/*Esconder opção de boleto
#escolha-bcash ul.bandeiras-pagamento li i.icone-pagamento.boleto {display:none}*/

/*** Carrinho ***/
body.pagina-carrinho .campos-pedido #exibirFormasPagamento a.btn.btn-small {background: #333; color:#fff; border-radius:3px; border:0}
body.pagina-carrinho .campos-pedido #exibirFormasPagamento a.btn.btn-small: hover{background: #000; color:#fff; border-radius:3px; border:0}


/********* RODAPÉ **********/
#rodape {margin-top:30px}
#rodape .conteiner {}
#rodape .conteiner .admake-integrando {display:none important!}
#rodape .institucional .links-rodape span.titulo {margin-bottom:0; color:#ffffff;}
#rodape .institucional ul li a{color:#ffffff}
#rodape .institucional div.redes-sociais {background:none; width:200px;}
#rodape .institucional div.redes-sociais .titulo {color:#ffffff; margin-bottom:0;}
#rodape .institucional div.redes-sociais .lista-redes {display:none;}
#rodape .institucional div.borda-principal {border:none;}
#rodape .institucional .conteiner .span9.span12 {color:#666}
#rodape .gateways-rodape {display:none;}
#rodape .pagamento-selos {background:#202020}

@media (max-width: 1024px){
	#rodape .sobre-loja-rodape, #rodape .pagamento-selos {display:none;}    
}