/* Add here all your CSS customizations */

/* Barra de links institucionais de topo (Layout1) - esconde no mesmo breakpoint mobile em que busca/social/login colapsam */
@media (max-width: 991px) {
    .links-topo-institucional {
        display: none !important;
    }
}


   #rodapeConteudoSegu{border-left:1px solid #CCCCCC;width:210px;height:95px;float:left;padding:5px;padding-left:10px;}
    #rodapeConteudoSegu p{background-image:url(../imagens/Loja/SiteSeguro.jpg); width:151px;height:95px;margin-left:10px;}
   #rodapeConteudoPagto{border-left:0px solid #CCCCCC;width:auto;height:95px;padding:0px;padding-left:0px;display:inline-block;}
    #rodapeConteudoPagtoCart{border-left:0px solid #CCCCCC;width:300px;height:30px;margin-top:0px;}
    #rodapeConteudoPagtoBole{border-left:1px solid #CCCCCC;width:200px;height:30px;margin-top:0px;font-size:10px;}
     #rodapeConteudoPagtoBole p{margin:0px;margin-top:0px;width:130px;float:right;font-weight:bold;color:#888888}


 /* Box com formas de pagamento */
   
    .tb_pagamento {
	    width:215px;
	    border:0px solid #FFF;
    }
    .tb_pagamento td {
		    padding: 2px 5px 2px 0px;
		    font-weight: bold;
		    border:0px solid #FFF;
	    }

.boleto, .paypal, .mastercard, .visa, .diners, .americam_express, .aura, .hipercard, .elo {
    background: url("../imagens/Loja/cartoes.png") no-repeat;
    width: 51px;
    height: 36px;
    float: left;
    margin-right: 5px;
    border-radius: 4px;
    margin-bottom: 3px;
}
	
	    .pagseguro { border:1px solid #FFF; background-image:url("../imagens/Loja/pagseguro.jpg"); max-width:100px}
	    .paypal { background-position: -77px 0px; }
	    .mastercard { background-position: -53px 0px; background-color:#FFF }
	    .visa { background-position: -4px 0px; background-color:#FFF }
	    .diners { background-position: -295px 0px; background-color:#FFF }
	    .americam_express { background-position: -104px 0px; background-color:#FFF }
	    .aura { background-position: -232px 0px; background-color:#FFF }
        .elo { background-position: -150px 0px; background-color:#FFF }
	    .hipercard { background-position: -198px 0px; background-color:#FFF  }
	    div.transferencia {
		    background: url("../imagens/Loja/pagamento.png") no-repeat;
		    background-position: -347px 0px;
		    width: 234px;
		    height: 19px;
	    }
    
    #rodapeConteudoPagto td
    {
        color:#FFF;
        font-weight:normal;
    }





    /* Adicionar Whatsapp no rodape */
    .rodapeWhatsapp {
        font-size:12px;
         border:0px solid #FFF !important;
         margin-top:-8px;
    }

    .rodapeWhatsapp strong {
        color:#FFF !important;
    }

    .rodapeWhatsapp p {
        color:#FFF !important;
        margin:0px;
    }

    #footer .footer-copyright{
        height:auto !important;
    }

#footer a:hover {
    color:#FFF !important;
}

    .rodapeEndereco{
        background-color:#87DDD1;
        border:0px solid #F00; 
        padding:0px;
        margin:0px;  
        padding-left:50px;
        padding-top:10px;
        padding-bottom:10px;
    }

    .rodapeEndereco strong {
        color:#FFF !important;
    }

    .rodapeEndereco p{
        color:#FFF !important;
    }

    .rodapeEnderecoLogo{
        float:left;
        
    }

    .rodapeEnderecoEnd{
        float:left;
        padding-left:20px !important;
    }

@media (max-width: 991px) {

    .rodapeEndereco{
        padding-left:0px !important;        
    }

    .rodapeEnderecoEnd {
        padding-left:10px !important; 
    }

    .rodapeEnderecoLogo {
        padding-left:10px !important; 
    }

}


    /* Adiciona fundo ao site */
    /*body{
        background-image:url("../img/patterns/fundo_flavia.png") !important;
    }*/


/* Altera cor de fundo e letra de menu responsivo do site */
/*
@media (max-width: 991px) {
    #header .nav-main-collapse.in {
        background-color: #FFF;
    }

    #header .nav-main-collapse {
        background-color: #FFF;
    }

    #header nav ul.nav-main li.dropdown a {
        color: #313030 !important;
    }

    body #header nav ul.nav-main li > a:hover, body #header nav ul.nav-main li.active a, body #header nav ul.nav-main li.dropdown:hover a {
        color: #4b4b4b !important;
    }
}*/



/* Customiza��es COEXIST - Rodap� e Produtos Quadrados */
/*
h2{
    font-family:'Oswald' !important;
    font-weight:normal;
    font-size:24px !important;
}

h4{
     font-family:'Oswald' !important;
     font-size:17px !important;
}

.product-thumb-info{
       font-family:'Oswald' !important;
}

body{
    font-family:'Oswald' !important;
}

*/

/* 3E3C3C */
#footer h4, #footer span, #footer a, #footer td{
    color:#3E3C3C !important;
}


.product-thumb-info {
    border-radius:0px !important;
    border:0px !important;
    background-color:#FFF !important;
    font-weight:normal;

}


.product-thumb-info img{
    border-radius:0px !important;
}

.product-thumb-info .product-thumb-info-image:before{
     border-radius:0px !important;
}

    /*
h1 strong {
     font-family:'Oswald' !important;
     font-weight:normal;
}

h2{
     font-family:'Oswald' !important;
}

h2 strong, h4 strong, h4, .amount, .onsale{
     font-family:'Oswald' !important;
     font-weight:normal !important;
}
*/

.product-thumb-info .product-thumb-info-image:before {
    background-color:#EEE !important;
}

.product-thumb-info-image em{
    color:#000;
}

.add-to-cart-product{
    display:none !important;
}

.product-thumb-info-content{
    text-align:center !important;

}

#productDescription{
    max-width:400px !important;
}


/* Mais Produtos quadrado */
.bolaMaisProdutos{
    border-radius: 0% !important;
    display: inline-block;
    height: 35px !important;
    width: 110px;
    border: 2px solid #363435;
    color:#363435;
    padding-top:5px !important;
    font-weight:bold;
    font-size:11px;
}

.bolaMaisProdutos:hover {
    border-radius: 0% !important;
    display: inline-block;
    height: 35px !important;
    width: 110px;
    border: 2px solid #4b9991;
    color:#4b9991;
    padding-top:5px !important;
    font-weight:bold;
    font-size:11px;
}



/* Centralizar Menu 

#header nav {
    max-width: 80% !important;
    float:none !important;
    border:1px solid #FFF;
    margin:auto !important;
    text-align:center !important;
    position:relative !important;
}

#masterCarrinho{
    float:left !important;
}

#header nav ul.nav-main li a{
    font-size:16px !important;
    color: #888888;
}*/


.zopim{
    margin-right:56px !important;
}

@media (max-width: 900px){

    #instagramDiv img, #instagramDiv h2{
      margin-left:15px;
    }

    .zopim{
        margin-right:0px !important;
    }
}



.form-control {
    display: inline-block !important;
}


select {
    border-radius: 0px !important;
}

/* Ajuste do bot�o pesquisar adm */
#bPesquisarPeriodo, #bPesquisarCodigo {
    margin-top: 22px !important;
}


/* Centralizar logo no mobile */
@media(max-width:900px) {
    #header .logo {
        text-align: center !important;
    }
}


/* Corrige formul�rio do checkout no mobile e desktop layout1 */
.sCheckoutTelefone.sCheckoutTelefone {
    margin-bottom: 0px !important;
}

/* Corrige cor de fonte do bot�o newsletter */
#bNewsCadastrarHome {
    color: #555 !important;
}

/* Opções do produto: botões de seleção ao inves de dropdown */
/* .form-control já forca display:inline-block !important mais acima neste arquivo, entao a ocultacao do select precisa do mesmo peso */
.selecionaProdutoOpcao.form-control,
#sFilho.form-control {
    display: none !important;
}

.produtoOpcoesBotoes {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 5px;
}

.produtoOpcaoBotao {
    padding: 0.5px 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    color: #000 !important;
    font-size: 13px;
    cursor: pointer;
}

.produtoOpcaoBotao:hover {
    border-color: #000;
}

.produtoOpcaoBotao.active {
    border-color: #000;
    background-color: #000;
    color: #fff !important;
}

.produtoOpcaoBotao.esgotado {
    color: #999 !important;
    border-color: #e0e0e0;
    background-color: #f5f5f5;
    text-decoration: line-through;
    cursor: not-allowed;
}

.produtoOpcaoBotao.esgotado:hover {
    border-color: #e0e0e0;
}