/* ------------------------- CORES ------------------------- */

:root {
    --cor_primaria: #009fd4;
    --cor_secundaria: #009fd4;
    --cor_botao: #009fd4;
    --cor_botao_hover: #3c3c3c;
    --cor_texto_botao: #fff;
    --cor_texto_botao_hover: #fff;
    --cor_botao_comprar: #5bbf5f;
    --pre_cabecalho: #009fd4;
    --cor_texto_pre_cabecalho: #3f3f3f;
    --cor_cabecalho: #ffed00;
    --cor_icones: #00bdff;
    --cor_icones_hover: #393939;
    --cor_texto_icones: #3f3f3f;
    --cor_menu: #00bdff;
    --cor_texto_menu: #fff;
    --cor_newsletter: #f43438;
    --cor_texto_newsletter: #fff;
    --cor_footer: #00bdff;
    --cor_texto_footer: #fff;
    --texto_global: #333;
    --cor_clara: #fff;
    --cor_escura: #393939;
    --texto_background: #fff;
    --texto_bg_escuro: #393939;
    --texto_bg_claro: #393939;
}





/* ------------------------- TAMANHO BLOCO CABEÇALHO ------------------------- */

    
#cabecalho {
height: 110px !important;
}
        
.logo a {  
margin-top: 8px !important;
margin-left: 50px !important;
    
}
        
        
.conteudo-topo .inferior {
margin-top: 15px !important;
}
        
        
.menu.superior ul.nivel-um {
margin-top: 10px;
}

        
            
/* ------------------------ COR CÍRCULO CARRINHO NO TOPO ------------------------ */

.carrinho .qtd-carrinho {
    background: #00bdff;
    color: #fff;
}
        
        
        
        
        
                    
/* ------------------------ MARGEM TOPO FULL BANNER ------------------------ */        
.full-banners {
    margin-top: 20px !important;
}

        
        
        
        
/* ------------------------ COR TÍTULO CATEGORIAS ------------------------ */
.titulo-categoria strong {
    color: #00bdff !important;
}
        
.second-title {
    color: #00bdff !important;
}
  
        
        
        
        
        
/* ------------------------ RODAPÉ ------------------------ */
        
        
#rodape .titulo {
   color: #fff !important;
}
        
        
#rodape .links-rodape li a, #rodape p {
   opacity: 1 !important;
}
    
        
#operation strong {
   color: #fff;
}
        
       
#rodape div.contato li a {
   color: #fff;
   opacity: 1;
}
        
        
.r-sociais ul li i {
   opacity: 1;
}

        
#rodape .atd-rodape:hover {
   background: #fff;
   color: #00bdff;
   border: 1.4px solid #fff;
}
        
        


/* ------------------------ COR FLECHAS FULL BANNER ------------------------ */    
.slick-prev.slick-arrow {
    background: #f43438;
    border: 0px solid #d2d2d2;
}
        
.slick-prev.slick-arrow svg {
    fill: #fff;
}
        
        
.slick-next.slick-arrow {
    background: #f43438;
    border: 0px solid #d2d2d2;
}
        
.slick-next.slick-arrow svg {
    fill: #fff;
}
        
        

        
        
/* ------------------------ SUB MENU ------------------------ */            
        
        
.menu.superior .titulo {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
}
        
        
.menu.superior .nivel-dois a {
    font-weight: 400;
    opacity: 1;
}
        
        
        
        
/* ------------------------ BOTÃO VER MAIS LISTAGEM ------------------------ */                    
        
                
.listagem-item .acoes-produto .botao.principal {
    background-image: url("https://cdn.awsli.com.br/1899/1899004/arquivos/botao-3.png") !important;
	background-repeat: repeat-x;
    background-size: contain;
    font-weight: 700;
    font-size: 22px;
}
    
        
.listagem-item .acoes-produto .botao.principal:hover {
    background-image: url("https://cdn.awsli.com.br/1899/1899004/arquivos/botao-3.png") !important;
	background-repeat: repeat-x;
    background-size: contain;
    font-weight: 700;
    transition: none;
    opacity: 0.7;
}
        
        
        
        
        
        
/* ------------------------ FUNDO NEWSLETTER ------------------------ */            

section.section-newsletter-home {
    background-image: url("https://cdn.awsli.com.br/1899/1899004/arquivos/42372.png") !important;
	background-size: contain;
    background-repeat: repeat-x;
}
    
        
        
        
/* ------------------------ SETAS LISTAGEM PRODUTOS ------------------------ */            
        .listagem .slick-prev.slick-arrow {
    left: 0px;
}
        
        
        
              
        
        
/* ------------------------ PÁGINA DO PRODUTO ------------------------ */    
        

/* MARGEM TOPO DA PÁGINA */                 
#corpo > .conteiner {
    background: #fff;
    margin-top: 40px;
}
        
        
        
        
/* COR BOTÃO COMPRAR DENTRO PRODUTO */         
.produto .principal .botao.principal.grande {
    background-image: url("https://cdn.awsli.com.br/1899/1899004/arquivos/botao-3.png") !important;
	background-repeat: repeat-x;
    background-size: contain;
    font-weight: 700;
    font-size: 27px;
}
        
.produto .principal .botao.principal.grande:hover {
   opacity: 0.7;
}
        
        
/* BOTÃO FRETE */         
.cep .input-append.input-prepend button {
    background-image: url("https://cdn.awsli.com.br/1899/1899004/arquivos/frete.png") !important;
	background-repeat: repeat-x;
    background-size: contain;
    font-weight: 700;
}
        
.cep .input-append.input-prepend button:hover {
   background-image: url("https://cdn.awsli.com.br/1899/1899004/arquivos/frete.png") !important;
	background-repeat: repeat-x;
    background-size: contain;
    transition: none;
    opacity: 0.7;
}
        

                   
/* ESCONDER PAGSEGURO */         
        
.parcelas-produto .accordion {
    margin: 0;
    border-width: 1px;
    border-style: solid;
    padding: 0 10px;
    display: none;
}
        
        
        
        
        
/* TÍTULO DO PRODUTO */         
        
.produto .nome-produto {
    font-weight: 800;
    font-size: 30px;
    color: #111111;
    letter-spacing: -.5px;
}
    
        
/* TAMANHO DO PREÇO */   
.produto .principal .acoes-produto .preco-produto .preco-promocional {
    font-weight: 800;
    font-size: 35px;
}        


        
        
/* BOTÃO COMPRAR FLUTUANTE */

strong.preco-promocional.cor-principal.titulo {
    font-weight: 700;
    font-size: 20px;
    color: var(--cor_primaria);
    letter-spacing: -1px;
    line-height: 50px !important;
    margin: auto;
}
        
        
#flutuante-produto .produto-flutuante .acoes-produto .botao-comprar.principal.grande {
    background-image: url("https://cdn.awsli.com.br/1899/1899004/arquivos/botao-3.png") !important;
	background-repeat: repeat-x;
    background-size: contain;
}
        
        
        
        
/* ------------------------ ATENDIMENTO TOPO  ------------------------ */    
        
.container-conteudo-button-fale-conosco-drop-help {
    background: #ffed00;
    color: #00bdff;
}
        
        
        
.container-conteudo-button-fale-conosco-drop-help:hover {
    background: #00bdff;
    color: #ffed00;
}
        
        
.my_account .login a {
    background: #ffed00;
    color: #00bdff;
}
        
.my_account .login a:hover {
    background: #00bdff;
    color: #ffed00;
}
        
        
        
.carrinho-interno > div .botao:hover {
    background-image: url("https://cdn.awsli.com.br/1899/1899004/arquivos/botao-3.png") !important;
	background-repeat: repeat-x;
    background-size: contain;
     opacity: 0.7;
}
        
        
.carrinho-interno > div .botao {
    background-image: url("https://cdn.awsli.com.br/1899/1899004/arquivos/botao-3.png") !important;
	background-repeat: repeat-x;
    background-size: contain;
   
}
        
        
strong.preco-promocional.cor-principal.titulo {
    font-weight: 700;
    font-size: 20px;
    color: var(--cor_primaria);
    letter-spacing: -1px;
    line-height: 65px;
    margin: auto;
}
   

        
        
        
                   
/* ------------------------ PÁGINAS DE LOGIN ------------------------ */
/* BOTÕES */
        
.pagina-login .cadastro-logar .botao {
   background-image: url("https://cdn.awsli.com.br/1899/1899004/arquivos/botao-3.png") !important;
   background-repeat: repeat-x;
   background-size: contain;
   color: #fff;
   
}
        
.pagina-login .cadastro-logar .botao:hover {
    background-image: url("https://cdn.awsli.com.br/1899/1899004/arquivos/botao-3.png") !important;
	background-repeat: repeat-x;
    background-size: contain;
    color: #fff;
    opacity: 0.7;
}
        

            
            
            
                    
/* ------------------------ BREADCRUMBS ------------------------ */

.breadcrumbs ul li a {
   background: #ffed00;
   color: #00bdff;
}
        
        
.breadcrumbs ul li a:hover {
   background: #00bdff;
   color: #ffed00;
}
       
            
            
            
/* ------------------------ BOTÃO "IR ÀS COMPRAS" PÁGINA DE PESQUISA ------------------------ */
        
.pagina-categoria .caixa-destaque > a {
   background: #ffed00;
   color: #00bdff;
}
        
        
.pagina-categoria .caixa-destaque > a:hover {
   background: #00bdff;
   color: #ffed00;
}
        
                    
            
.pagina-carrinho .caixa-destaque > .botao.principal {            
   background: #ffed00;
   color: #00bdff;
}
        
        
.pagina-carrinho .caixa-destaque > .botao.principal:hover {            
    background: #00bdff;
   color: #ffed00;
}
        
        
        
        
/* -------------------------- COR TÍTULOS ABAIXO RODAPÉ -------------------------- */                
#rodape .pagamento-selos .pagamento > span, #rodape .pagamento-selos .selos > span {
    color: #111111 !important;
}
        
        
      
        
        
        
        
/* -------------------------- CHECKOUT -------------------------- */        
.pagina-carrinho .acao-editar .botao.principal.grande {
   background-image: url("https://cdn.awsli.com.br/1899/1899004/arquivos/botao-3.png") !important;
   background-repeat: repeat-x;
   background-size: contain;
}
        
        
        
.pagina-carrinho .acao-editar .botao.principal.grande:hover {
   opacity: 0.7;
}

        
        
        
/* -------------------------- SUBTOTAL RESUMO -------------------------- */        
    
   .resumo-compra .preco-produto .titulo, .resumo-compra .subtotal strong, .resumo-compra .frete-preco strong, .resumo-compra .desconto-preco strong {
       
    font-weight: 800;
    font-size: 24px;
    color: #e7d700;
    letter-spacing: -1px;
}

        
        
/* COR TABELA RESUMO DO PEDIDO */
         
thead.cor-secundaria {
    
    background: #00bdff;
    color: #ffed00 !important;
    border-color: transparent !important;
}
        
.tabela-carrinho h6 {
    color: #e7d700;
    font-weight: 800;
}
        
        
/* FONTE INFOS PRODUTOS RESUMO DO PEDIDO */

.tabela-carrinho .produto-info {
    text-align: left;
    font-weight: 800 !important;
    color: #000;
    font-size: 15px;
    line-height: 25px;
}
        
.tabela-carrinho * {
    vertical-align: top;
}
        
        
        
        
        
/* BOTÃO IDENTIFICAÇÃO (CONTINUAR) */
        
.identificacao .control-group .submit-email.botao.principal {
   background-image: url("https://cdn.awsli.com.br/1899/1899004/arquivos/botao-3.png") !important;
   background-repeat: repeat-x;
   background-size: contain;
}
        
        
.identificacao .control-group .submit-email.botao.principal:hover {
    opacity: 0.7;
}
        
        
        
        
/*PÁGINA INTERNA MINHA CONTA --------------------------------------- */
        
.abas-conta li a {
    background-color: #ffed00;
    color: #00bdff;
}
        
        
   
/*TAMANHO FONTE MENU --------------------------------------- */
.menu.superior .titulo {
    font-weight: 800;
    font-size: 19px;
    line-height: 20px;
}
        
        
        
        
     
        
/* --------------------------------------------------------------------------------------------------------------------------- */ 
        
        
        
/* --------------- MOBILE --------------- */
        
/* -------------------------- LOGO -------------------------- */
@media (max-width: 767px) {
    
    .logo a {
    height: 50px;
    margin-left: 0px;
    margin-top: 5px !important;
}
    
#cabecalho {
    height: 0px !important;
}
    
    
#corpo {
    padding-top: 40px;
}
    
    
    
        
/* -------------------------- COR BACKGROUND RODAPÉ -------------------------- */
    
  #rodape .institucional, #rodape .pagamento-selos {
    background: #00bdff !important;
    color: #fff;
    }
    
  #rodape .pagamento-selos .pagamento > span, #rodape .pagamento-selos .selos > span {
    color: #fff !important;
}
    
  #rodape .links-rodape ul li a, div.contato a {
       color: #fff !important;
}
    
    
    
    
    /* -------------------------- BOTÃO COMPRAR HOVER SEM ESCOLHER VARIAÇÃO -------------------------- */
 
body.pagina-produto a.botao.botao-comprar.principal.grande {
width: 60% !important;
}

    
    
.produto .principal .botao.principal.grande {
width: 60% !important;
}
    
    
    
/* -------------------------- BOTÃO CALCULAR FRETE -------------------------- */
    .cep .input-append.input-prepend {
    width: 40%;

}
    
    .cep .input-append.input-prepend input {
    padding-right: -0px !important;
    padding-left: 5px !important;
}
    
    
.cep .input-append.input-prepend button {    
padding-top: 12px;
padding-right: 18px;
padding-bottom: 12px;
padding-left: 18px;
}
    
    
    
/* -------------------------- PÁGINA DO PRODUTO -------------------------- */
/* -------------------------- ALTURA LETRAS NOME DO PRODUTO -------------------------- */
    
.produto .nome-produto {
line-height: 32px;
}
    
/* -------------------------- CARRINHO -------------------------- */
    
/* -------------------------- CENTRALIZAR TEXTO -------------------------- */
    
.tabela-carrinho * {
    text-align: center !important;
    vertical-align: middle;
}
    
.tabela-carrinho .produto-info > a {
    width: 100%;
}
    
    
.cabecalho-interno .titulo {
    font-weight: 800;
    text-align: center;
    margin-top: -10px;
}
    
    
    /* -------------------------- BOTÃO COMPRAR / CONTINUAR COMPRANDO -------------------------- */
    
    
.pagina-carrinho .acao-editar a.botao {
    display: block !important;
    width: 83%;
}
    
.pagina-carrinho .acao-editar .botao.principal.grande {
    display: block !important;
    width: 94%;
}
    
        
/* -------------------------- TELA DE LOGIN -------------------------- */
    
/* -------------------------- CENTRALIZAR BOTÃO CONTINUAR -------------------------- */
    
    
.identificacao .control-group .submit-email.botao.principal {
    margin-left: 32%;
}
    
    
    
    
/* -------------------------- ESCONDER QTDE RESUMO DO PEDIDO -------------------------- */
.resumo-compra .tabela-carrinho td.conteiner-qtd {
     display: none;
}
    
    
    
/* -------------------------- CENTRALIZAR TEXTO RESUMO DO PEDIDO -------------------------- */
    
    .resumo-compra .tabela-carrinho .produto-info {
    width: 175%;
    }
 
    
    
    
/* -------------------------- CENTRALIZAR TOTAL RESUMO DO PEDIDO -------------------------- */
    
.resumo-compra .tabela-carrinho .padding-preco > div {
    padding-left: 0%;
}
    
    
    
/* -------------------------- COR FUNDO MENU -------------------------- */    
.lrMenu {
    background: #e7d700
}
    
#formRastrearObj {
    background: #ffed00;
}
    
.lrMenuOpen .meuspedidos, .lrMenuOpen .minhaconta {
    background: #ffed00;
}

    
