/* Cores 

Cor Principal: #F8F8F9
Cor Secundária: #B44ED7/#8c05ba
Cor dos Botões: #2F0442
Footer: #2F0442.institucional .redes-sociais .titulo

*/


/* Tema claro */
.menu.superior {background-color: #444;}
.menu.superior .cor-secundaria {color:#fff;font-size:14px;}
.menu.superior .fundo-secundario {background-color:transparent;}
.menu-superior ul.nivel-um {margin:0 auto;}
.menu.superior .nivel-um > li {border:0;}
.menu.superior .nivel-dois {top: 35px;}
.menu.superior .menu .nivel-dois,
.menu.superior .menu .nivel-tres,
.menu.superior .menu .nivel-dois a {background-color:#fff;color:#000;}
.menu.superior .titulo {margin: 10px 0;}
.icon-chevron-down.fundo-secundario {background-color:transparent;}
.conteiner-principal #cabecalho .conteiner {background-color:#000;}
.menu .nivel-dois,
.menu .nivel-tres,
.menu.lateral .nivel-um > li > a {background-color: #444;box-shadow: 0 0 3px rgba(0,0,0,0.6);}
.menu.lateral .nivel-um .com-filho i.fundo-secundario {background-color: transparent;}
.coluna .componente {background-color: #444; border-color:#444;}
#corpo .menu.lateral .cor-secundaria {color:#fff;}
#corpo .newsletter .cor-secundaria {color:#fff;}
a,
a:hover,
a:focus,
.cor-principal,
.menu a:hover,
.atributo-comum a:hover span,
.atributo-comum .active a span,
.menu.lateral .cor-secundaria,
.menu .nivel-dois a {color:#fff;}
.menu li {padding: 0 15px;}
.fundo-principal,
.botao.principal,
.botao.principal:hover,
.menu li:hover > a .fundo-secundario,
.flex-control-paging li a.flex-active,
.dropdown-menu > li > a:hover,
.filtro.lista ul li label:hover,
.filtro.lista ul li.active label,
.menu-simples li a:hover,
.menu-simples li.active a {background-color: #333;}
#barraTopo .conteiner {background-color: #444;}
#barraTopo h4.titulo a {display:block;height:30px;text-indent:-999em; background-size:contain; background-repeat:no-repeat; background-image: url("https://cdn.awsli.com.br/2384/2384608/arquivos/OSexShop-Color-H.png");}
#barraTopo .carrinho .cor-secundaria {color:#fff;}
#barraTopo .carrinho .carrinho-interno .cor-secundaria,
.carrinho-interno .preco-produto .preco-promocional,
#barraTopo .carrinho .carrinho-interno .cor-principal {color:#444;}
#corpo .cor-secundaria,
.conteudo .cor-secundaria,
#corpo .cor-secundaria a,
#corpo .cor-secundaria a:hover,
#corpo .cor-secundaria a:focus,
.breadcrumbs .cor-secundaria {color:#9000B0;}
#corpo .cor-principal,
#corpo .atributo-comum a:hover span,
#corpo .atributo-comum .active a span {color:#323232;}
.produto .acoes-flutuante .close_float {color:#9000B0;}
.produto .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho-title {color:#666;}
.subtotal strong {color:#9000B0;}
#carrinho-mini a:focus,
#carrinho-mini a:hover,
#carrinho-mini input[type="text"]:focus,
#carrinho-mini input[type="password"]:focus,
#carrinho-mini input[type="checkbox"]:focus,
#carrinho-mini input[type="radio"]:focus,
#carrinho-mini select:focus,
#carrinho-mini button:focus,
#cabecalho .carrinho-interno a:hover,
#cabecalho .carrinho-interno li *,
#cabecalho .carrinho .carrinho-interno .cor-secundaria {color:#444;}
#cabecalho .carrinho-interno .botao.principal,
#cabecalho .carrinho-interno .botao.principal:hover {color:#fff;}
.tabela-carrinho .preco-produto .preco-promocional {color: #444;}
.menu .nivel-dois li:hover,
.menu.lateral.outras .nivel-um li:hover a {background-color: #444;}
.lateral .filtro {background-color: #444;}
.coluna .borda-principal {background-color:#444;}
.coluna .spanNone {margin-left:0;}


/* Header */
.conteiner {padding:0;max-width:100%;}
.conteiner .row-fluid,
.conteiner .menu.superior {margin:0 auto;max-width:1200px;}
.barra-inicial {background-color:#323232;}
.tema-escuro .conteiner,
.tema-escuro .modal {background-color:#323232;}
.fundo-principal,
.botao.principal,
.botao.principal:hover,
.menu li:hover > a .fundo-secundario,
.flex-control-paging li a.flex-active,
.dropdown-menu > li > a:hover,
.filtro.lista ul li label:hover,
.filtro.lista ul li.active label,
.menu-simples li a:hover,
.menu-simples li.active a {background-color:#000;}
.lista-redes ul li {border-left: 1px solid #444;margin-right:5px;}
.lista-redes ul li:last-child {margin-right:0;}
.busca .botao-busca {color:#fff;}
#cabecalho ul.acoes-conta .cor-secundaria,
#cabecalho .carrinho .cor-secundaria {color:#fff;}
#cabecalho .atendimento {color:#fff;}
#cabecalho .atendimento a.cor-secundaria,
#cabecalho .atendimento li.span4 {color:#fff;}
.canais-contato ul li:last-child {padding-right:10px;}
.ui-autocomplete .ui-menu-item a.ui-menu-item .ui-corner-all,
.ui-autocomplete .ui-menu-item .ui-corner-all {color:#444 !important;}

.breadcrumbs ul {margin:0 auto;max-width:1200px;}
.busca {background-color:#444;border-radius:5px;}
p.texto-newsletter {color:#fff;}
.caixa-sombreada a {color:#9000B0;font-weight:400;}
#corpo .lateral .filtro h4,
#corpo .conta-menu .titulo,
#corpo .lateral .caixa-sombreada a,
.caixa-sombreada .menu-simples li a,
.lateral #abasConteudo .caixa-sombreada a {color:#fff;}
.pagination ul > li > a,
.pagination ul > li > span {color:#8c05ba;}
.pagination ul > .active > a,
.pagination ul > .active > span {color:#9000B0;}


#avise-me-sucesso .avise-suc-tit,
.abas-conteudo .caixa-dados h3 small,
#corpo .abas-conteudo .caixa-info span, 
.abas-conta li.active a {color:#444;}

.identificacao .control-group input::placeholder {opacity: 0.5; color: #444;}

.menu.superior ul.nivel-um {margin:0 auto; max-width:max-content !important;}

/* Footer */
#rodape .institucional,
.pagamento-selos {background-image:none;}
#rodape .redes-sociais {background-image:none; background-color:#fff;}
#rodape .redes-sociais .borda-principal {border-color:none;}
.institucional .redes-sociais .titulo {color:#8c05ba;font-weight:600;}

@media only screen and (max-width: 1100px) {
    .menu.superior .nivel-um li {padding: 0 15px;}
}

@media only screen and (max-width: 979px) {
    #barraTopo .busca .botao-busca {right:-1px;}
    .carrinho span b {line-height: 12px;}
}

@media only screen and (max-width:950px) {
    select,
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    .uneditable-input {font-size:12px;}
}

@media only screen and (max-width: 900px) {
    .menu.superior .nivel-um li {padding: 0 8px;}
    .menu.superior .cor-secundaria {font-size:13px;}
}

@media only screen and (max-width: 880px) {
    #barraTopo .busca .botao-busca {
      right: -3px;
    }
}

@media only screen and (max-width:950px) {
    select,
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    .uneditable-input {font-size:10px;}
}

@media only screen and (max-width: 767px) {
    .busca .botao-busca {line-height:30px;}
    .visible-phone.fundo-secundario {
        background-image: linear-gradient(to bottom,rgba(255,255,255,0.1),rgba(0,0,0,0.1));
    }
    #rodape .redes-sociais {padding:10px 20px;}
}