body, .blocoTopo, body > form:first-child, .blocoBusca:after {
    min-width: 0;
}

.faixa-topo > div {
    width: 100%;
    max-width: 1124px;
}

.baseTopo:after, .base-topo:after, .blocoBusca:after, .cart-topo:after, .topo:after, div#rodape:after, .baseDiretorio:after, .baseVitrine:after, .baseAtendimento:after, .header-pay-card:after {
    content: "";
    display: block;
    clear: both;
} 
 
.topo {
    max-width: 1124px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.topo > div {box-sizing: border-box;}

#searchBar {
    width: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.blocoBusca {
    width: 100% !important;
    height: auto !important;
    display: flex;
    box-shadow: 3px 3px 5px -1px rgba(0,0,0,.3);
    position: relative;
}

input#txtBuscaTopo {
    width: calc(100% - 50px) !important;
    box-sizing: border-box;
}

input#Ibtn_BuscaTopo {
    box-sizing: border-box;
}

div#divCarrinhoTopo {
    padding: 0;
}

.icoSacola img {
    margin: 0;
}

.buscaRodape {
    width: 90%;
    max-width: 824px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.baseBuscaRodape > div.buscaRodape > input {
    margin: 0 !important;
    float: none !important;
    box-sizing: border-box;
    border: 0 !important;
}

input#txtBuscaRodape {
    width: calc(100% - 55px);
    height: initial;
    box-shadow: none;
    border-radius: 5px;
    padding: 12px 10px;
}

input#Ibtn_BuscaRodape {
    margin: 0;
    position: initial;
    height: 42px;
    padding: 13px 0px;
}

div#rodape {
    float: none;
}

.container_footer {
    width: 100%;
    max-width: 1000px;
    margin: auto !important;
}

.container_footer * {
    max-width: 100% !important;
}

.container_footer > div {
    width: calc(47% - 100px) !important;
    margin: 0 1.5% !important;
    max-width: initial !important;
}

#rodape div.painel_inferior {
    width: 100% !important;
    margin: 0 !important;
}

#rodape div.painel_inferior > div {
    margin: 0;
}

.painel_centro {
}

div#divPaginasInstitucionais {
    width: 180px !important;
    margin: 0 10px !important;
}

.paine_centro_conteudo {
    width: 100% !important;
    margin: 0 !important;
}

div#ucRodapeNovo1_painel_direita {
    text-align: center;
    overflow: hidden;
    width: 100%;
}

.paine_centro_conteudo {
    width: 75% !important;
}

.paine_centro_img img {
    width: 80%;
    height: auto;
    margin: auto;
    display: flex;
    align-items: center;
}

.paine_centro_img, {
    width: 20% !important;
}

.container_footer > .painel_centro > .paine_centro_conteudo p {
    text-align: left;
}

div#divLogoRodape {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
}

.painel_copyright > .logo, .painel_copyright > .texto {
    width: 50%;
    padding: 15px;
    box-sizing: border-box;
}

.painel_copyright > .logo {
    justify-content: flex-end;
    display: flex !important;
}

.painel_copyright > .logo, .painel_copyright > .logo > a {
    display: block;
}

.container_footer > .painel_inferior .forma-pagamento li, .container_footer > .painel_inferior .redes-sociais li {
    float: none;
    display: inline-block;
}

.logo-maxima {
    margin: auto;
}

.selos_entrega {
    width: 20% !important;
}

.formas_pagamento {
    width: 40% !important;
}

.selos_seguranca {
    width: 40% !important;
}

.newsletterWrapper {
    height: auto;
    width: 100%;
    max-width: 1000px;
}

#menuWrap > .container {
    width: 100%;
    display: flex;
    justify-content: center;
}

#menuWrap > .container > ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100% !important;
}

#menuWrap > .container > ul > li > div {
    height: auto;
}

#menuWrap > .container > ul > li > a, #menuWrap > .container > ul > li > div, #menuWrap > .container > ul > li > a.active, #menuWrap > .container > ul > li > a:hover {
    box-sizing: border-box;
}

.icon-menu-mobile {
    display: none;
}

.close-menu-mobile {
    display: none;
}

.baseParceiro {
    height: initial !important;
}

.baseDiretorio {
    padding: 0 5px;
    height: auto;
}

.txtDiretorio {
    line-height: initial;
    margin: 0;
    text-align: center;
    padding: 10px 0;
}

.paginacao {
    display: flex;
    justify-content: center;
    padding: 0;
}

.paginacao > .navigate {
    float: none;
    width: calc(100% / 6);
    max-width: 35px;
    margin: 5px;
}

.paginacao > .navigate a {
    max-width: 35px;
    width: 100%;
    margin: 0;
}

.btn-open-filter, .btn-close-filter {
    display: none;
}

.product-detail-base {
    min-width: initial;
}

.product-detail-info {
    min-width: initial;
    width: calc(100% - 310px);
    float: right;
}

.baseProductDetail {
    margin: 0 0 0 1%;
    float: none;
}

.product-detail-photo {
    width: 300px !important;
    max-width: initial;
}

.opcao-frete {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 10px;
    min-width: auto;
}

.frete-desc, .img-envio-carrinho {
    float: none;
    margin: 0;
}

.img-envio-carrinho {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
}

#txtCepSimulador {
    border: 1px solid #666;
    width: 72px;
}

#baseSelo {
    display: flex;
    align-items: center;
}

.selo {
    float: none;
    width: auto;
    margin: 0 10px;
}

#descricao-produto, .aba-descricao {
    overflow: auto;
}

/* Indique um Amigo */
.txt-descricaoTres {
    width: 100%;
    max-width: 700px;
    float: none;
    margin: auto;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.txt-descricaoTres > div {
    padding: 0 10px;
    margin: 0;
    box-sizing: border-box;
    float: none !important;
}

.txtIndiqueAmigo > div {
    box-sizing: border-box;
    float: none !important;
}

.baseIndiqueAmigo {
    width: 50%;
}

.baseIndiqueAmigo > div {
    float: none;
    width: 100%;
    clear: both;
    height: auto !important;
}

.txtIndiqueAmigo {
    width: 100%;
    margin: 0;
}

#txtMensagemIndicacao, .bgCampoIndiqueAmigo {
    width: 100%;
    box-sizing: border-box;
    height: auto !important;
    line-height: initial;
    min-height: 100px;
    float: none;
}

.baseIndiqueAmigo > .bgCampoOpiniao > input {
    width: 100% !important;
}

.bgCampoOpiniao > input {
    box-sizing: border-box;
    font-size: 14px;
    padding: 10px;
    line-height: initial;
    height: auto;
    width: 50% !important;
}

.bgCampoOpiniao {
    margin: 0 0 10px 0 !important;
    height: auto;
    float: none;
}

.btEnviarOpiniao {
    float: none;
}

/* Indique um Amigo FIM */
/* DÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âª sua OpiniÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â£o */
.baseSelectOpiniao, .baseTxtOpiniao, .titOpiniao {
    float: none;
}

#MainContent_div_opniao {
    display: flex !important;
    flex-wrap: wrap;
    max-width: 800px;
    margin: 20px auto 0;
}

.titOpiniao {
    width: 100%;
    margin: 10px 0;
    font-size: 16px;
}

.baseSelectOpiniao > div {
    float: none;
}

.blocoSelectOpiniao {
    float: none;
    display: flex;
    align-items: center;
    justify-content: left;
}

.blocoSelectOpiniao > div {
    float: none;
    margin: 0;
}

.baseSelectOpiniao {
    width: 15%;
    min-width: 130px;
    margin: 0;
}

.baseTxtOpiniao {
    margin: 0;
    width: calc(100% - 130px);
}

.baseTxtOpiniao div {
    margin: 0;
    width: initial;
    height: initial;
    float: none;
    clear: both;
    background: 0;
}

#MainContent_div_opniao .bgCampoOpiniao > input {
    width: 100% !important;
}

.baseTxtOpiniao textarea, .baseTxtOpiniao input[type="text"] {
    border: 1px solid #aaa;
    background: #fff;
    line-height: initial;
    height: initial;
    padding: 5px;
    box-sizing: border-box;
    font-size: 14px;
    color: #333;
    font-family: "Open Sans", arial, sans-serif;
    margin: 0;
    width: 100%;
}

.campoOpiniaoDois {
    min-height: 80px;
}

.txt-descricaoDois {
    width: 90%;
    margin: auto;
    float: none;
}

/* DÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âª sua OpiniÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â£o FIM */
/* Login */
.baseLogin {
    max-width: 1000px;
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    height: initial;
}

.blocoLogin {
    float: none;
    margin: 0 0 50px 0;
    width: 45%;
}

.titPublic {
    width: 100%;
    font-size: 18px;
}

.campoLogin {
    width: 100%;
    box-sizing: border-box;
    line-height: initial;
    height: initial;
    padding: 10px;
}

.subTitLogin {
    width: 100%;
}

/* Login Fim */
/* EndereÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§o */
.baseEndereco {
    width: 95%;
    max-width: 1000px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

.blocoNovoEndereco {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: initial;
}

.blocoNovoEndereco > a {
    float: none;
    box-sizing: border-box;
    text-align: center;
    width: 200px;
}

.topoBoxNovoEnd {
    width: 100% !important;
}

.txtConteudoNovoEnd {
    width: calc(100% - 200px);
}

.statusBarra > li {
    width: 20%;
    font-size: 14px;
    box-sizing: border-box;
    float: none;
}

.statusCompra, ul.statusBarra {
    width: calc(100% - 2px) !important;
    height: auto;
    display: flex;
    padding: 0;
}

.statusBarra > li > div {
    margin-right: 7px;
}

#divEnderecos > .blocoEndereco {
    width: calc(33% - 10px);
    margin-right: 10px;
}

.blocoEndereco {
    margin: 0;
    float: none;
    width: calc(33.3333333% - 10px);
    max-width: 340px;
    min-height: 290px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
}

.blocoEndereco > div {
    width: 100%;
}

.btnEnd.btEditarEnd {
    text-align: center;
}

.BlocoBtnEnd {
    display: flex;
    justify-content: space-between;
    height: initial;
}

.BlocoBtnEnd > a, .topoBoxEnd > div {
    float: none;
    margin: 0;
    height: initial;
}

.topoBoxEnd {
    display: flex;
    justify-content: space-between;
}

.topoBoxEnd > div {
}

.btExcluirEnd a {
    float: none !important;
    display: block;
    margin: 0;
}

#divEnderecos {
    display: flex;
    margin-bottom: 15px;
    flex-grow: 3;
    flex-wrap: wrap;
}

/* EndereÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§o FIM */
/* Pagamento */
.basePedido {
    max-width: 900px;
    width: initial;
    margin: auto;
    padding: 0 10px;
}

.mw-line {
    display: flex;
    justify-content: space-between;
    width: 100% !important;
    margin: 15px 0;
    flex-wrap: wrap;
}

.mw-line > div {
    float: none;
    margin: 0;
    width: 48%;
}

.adress-content {
    width: 100% !important;
    box-sizing: border-box;
}

.order-wrap {
    width: 100%;
}

.order-detail table {
    line-height: initial;
}

.resume {
    text-align: center;
}

#payment ul.paymentFormsPrices {
    width: 100% !important;
    box-sizing: border-box;
}

#payment {
    width: 100% !important;
}

.frete-wrap {
    margin: 0;
}

.order-detail table td, .order-detail table th {
    padding: 10px !important;
    box-sizing: border-box;
}

.cupom-wrap label {
    display: block;
}

.sinief {
    overflow: hidden;
}

.order-detail table th {
    font-size: 14px;
    font-weight: normal;
}

/* Pagamento FIM */
/* ConfirmaÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ao */
.baseConfirmacao {
    max-width: 900px;
    width: 100%;
    margin: auto;
    padding: 0 10px;
    box-sizing: border-box;
}

.status-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.status-wrap .clear {
    display: none;
}

.status-detail {
    width: calc(100% - 320px);
    display: flex;
}

.status-detail div {
    float: none;
}

.detail-info {
    width: initial;
}

.detail-icone {
    min-width: 130px;
}

.highlight {
    font-size: 16px;
}

.resume-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.resume-wrap > div {
    width: 47%;
}

.resume-wrap > .clear {
    display: none;
}

.account-numbers-wrap {
    width: 100%;
}

/* Confirmacao FIM */
.baseMinhaConta {
    width: 100%;
    max-width: 1000px;
    margin: auto;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

.blocoMinhaConta {
    width: 100%;
    text-align: center;
    margin: auto;
}

.baseMinhaConta .subTitPublic {
    text-align: center;
}

.blocoMinhaContaDois {
    width: 100%;
    max-width: 400px;
    margin: auto;
    box-sizing: border-box;
}

.baseCadastro {
    width: 100%;
    max-width: 1000px;
}

.cadastro-part {
    box-sizing: border-box;
    width: 90%;
    max-width: 500px;
}

.form-input {
    width: 100%;
    box-sizing: border-box;
}

.telefone1 {
    min-width: 41px;
    width: calc(10% - 10px);
}

.telefone2 {
    min-width: 41px;
    width: calc(90% - 50px);
    float: right;
}

.ui-dialog {
    max-width: 90%;
}

.new-mail .form-input {
    max-width: 100%;
}

.baseAtendimento {
    width: 100%;
    max-width: 1000px;
    padding: 0 20px;
    box-sizing: border-box;
}

.aba-descricao * {
    max-width: 100%;
}

div.baseProdutoIndisponÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â­vel {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

iframe#MainContent_iframeAviseQuandoChegar {
    max-width: 100%;
    height: 100%;
}

.basePrecoSobConsultaDois, .bgTopoPrecoSobConsulta {
    width: 100% !important;
    box-sizing: border-box;
    max-width: 100%;
}

/* Payment Mundipagg */
.title-card-choice, .btn-pay-two-card {
    width: 100%;
    max-width: 300px;
    margin: auto;
    float: none;
    margin-bottom: 10px;
}

.header-pay-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100% !important;
    flex-wrap: wrap;
}

.paymentOfCreditCard > div {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.card1, .card2 {
    width: 45%;
    min-width: 330px;
}

.form-card-line input {
    width: 100%;
    box-sizing: border-box;
}

.cod-card > input {
    width: 73px;
}

.form-card-line label {
}

.number-card > input {
    width: 200px;
}

.cod-card {
    float: right;
    margin: 0;
}

.form-card-line select {
    width: 45%;
    box-sizing: border-box;
}

/* Payment FIM */
.loading.shadow {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .15);
    top: 0;
    right: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    color: #999;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
}

.loading-box {
    height: 86px;
    width: 86px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #fff;
    opacity: .5;
}

.ng-cloak {
    display: none !important;
}

iframe#iframePagina {
    max-width: 100%;
}


.ui-dialog.ui-widget.ui-widget-content.ui-corner-all {
    background-color: #f8f8f8;
    border-radius: 0;
    padding: 10px;
}

