
:root body{
    overflow-x: hidden !important;
}

.barra-inicial.fundo-secundario{
    display:none;
}

#cabecalho > div.conteiner > div.row-fluid > div.span6 > h1 > a{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

#cabecalho > div.conteiner > div.row-fluid > div.span6 > h2 > a{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.full.menu .conteiner .nivel-dois {
    max-width: fit-content !important;
}

#rodape > div.institucional.fundo-secundario{
    background-color: black !important; 
}

#cabecalho > div.conteiner > div.row-fluid > div.span6 > h2 > a > img{
    max-height: none !important;
}

#cabecalho > div.conteiner > div.row-fluid > div.span6 > h1 > a > img{
   max-height: none !important; 
}

#rodape > div.institucional.fundo-secundario > div > div > div.span9 > div > div.span4.links-rodape.links-rodape-paginas > li{
    background:white;
}
#rodape > div.institucional.fundo-secundario > div > div > div.span9 > div > div.span4.links-rodape.links-rodape-paginas > li > a{
    color: black;
}
#corpo > div > div.secao-principal.row-fluid.sem-coluna > div.coluna.span3 > div.row-fluid > div > div > div > div > div.newsletter-cadastro.input-conteiner > button{
    background:black;
    border:none !important;
}

body > a.scrollToTop{
    background: black;
    border:none;
    
}

body > a.scrollToTop:hover{
    color:black;
    border:1px solid white;
    border:none;
}

#cabecalho .actions>li>a:hover .icon * {
    fill: lightgray;   
}

#rodape .institucional .lista-redes ul li a {
    color: black;
    border: solid 1px black;
}

#rodape > div.institucional.fundo-secundario > div > div > div.span9 > div > div.span4.links-rodape.links-rodape-atendimento > div.lista-redes > ul > li > a > i{
    color:black;
}
#rodape > div.institucional.fundo-secundario > div > div > div.span9 > div > div.span4.links-rodape.links-rodape-atendimento > div.lista-redes > ul > li > a > i:hover{
    color:white;
}

#rodape .institucional .lista-redes ul li:hover a i{
    color: white;
    background:black;
}

#rodape .institucional .lista-redes ul li:hover a {
    color: white;
    background:black;
}

#cabecalho .carrinho .qtd-carrinho {
    background: white;
    color: black;
    border: solid 1px #000;
}

#cn-wrap-pp > div > img{
    max-height: 75vh;
    object-fit:contain;
    vertical-align: center;
    
}

.banner-bottom{
    /*display:flex !important;*/
    overflow: hidden;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0px !important;
    padding: 0px !important;
    
}

.banner-bottom a{
    width: 100% !important;
    max-width: 100vw !important;
    margin: 0px !important;
    padding: 0px !important;
}

.banner-bottom a img{
    width: 100% !important;
    max-width: 100vw !important;
    vertical-align: center;
    object-fit: cover;

}


.secao-banners .conteiner .hidden-phone .tarja{
margin: 20px 0px !important;
width: 100vw;
max-width: 100vw;

}

.secao-banners .conteiner .hidden-phone .tarja img{
width: 100%;
max-width: 100vw;
vertical-align: center;
object-fit: cover;
}


.cr{
    display: none !important;
}

body{
    overflow-x: hidden !important;
}


.cn-container .interno-conteudo {
    margin-right: 80px !important;
}
