@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,400);

.blocoTopo, body, body > form:first-child {
    min-width: 1124px;
}

.base-link-topo, .base-link-topo a, a, h1 {
    text-decoration: none;
}

#searchBar > .blocoBusca > input[type=text]:focus, .buscaRodape > input[type=text]:focus, .campoBuscaTopo {
    outline: 0;
}

body {
    margin: 0;
    font-family: 'Open Sans',sans-serif;
}

a {
    color: #666;
}

a:hover{
    text-decoration: none !important;
    color: initial !important;
}

.campoBuscaTopo, h1 {
    font-size: 12px;
    color: #000;
}

h1 {
    margin: 0 auto;
    font-style: normal;
    text-align: left;
    font-weight: 400;
}

h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: 400;
}

.base-topo {
    background: #f8f8f8;
}

.campoBuscaTopo {
    width: 97%;
    margin-left: 2%;
    height: 20px;
    line-height: 20px;
    background: 0 0;
    border: 0;
    vertical-align: top;
    margin-top: 2px;
}

#divLoading, .divLoading {
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 10000;
    background: url(/image/loading.gif) center no-repeat #000;
    opacity: .6;
    -moz-opacity: .6;
    filter: alpha(opacity=90);
}

.bg_cart, .txtSacola > img {
    opacity: 1;
    position: absolute;
}

.divLoading {
    display: none;
}

.blocoTopo {
    /* width: 100%; */
    position: relative;
    /* height: 100%; */
}

.topo {
    margin: 0px auto;
    padding: 10px 0;
    z-index: 2;
}

.base-link-topo {
    width: 100%;
    height: 33px;
    line-height: 33px;
    color: #fff;
    font-size: 10px;
    float: left;
}

    .base-link-topo a {
        color: #fff;
        font-size: 10px;
    }

        .base-link-topo a:hover {
            color: #fff;
            font-size: 10px;
            text-decoration: underline;
        }

.saudacoes-topo a, .saudacoes-topo a:hover, .txtLinkTopo {
    font-size: 11px;
}

.linkTopo {
    width: 1000px;
    margin: 0 auto;
}

.saudacoes-topo {
    float: left;
    font-size: 11px;
}

.riscoLinkTopo {
    width: 1px;
    height: 16px;
    float: left;
    margin-top: 9px;
    background-color: #fff;
    margin-right: 10px;
}

.btMeusPedidosLinkTopo {
    width: 100px;
    height: 19px;
    float: right;
    margin-top: 7px;
    margin-right: 5px;
}

.txtLinkTopo {
    float: right;
    line-height: 33px;
    margin-right: 10px;
    color: #fff;
}

.link-topo {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}

.link-top-atendimento {
    float: left;
    margin-left: 705px;
    margin-top: 100px;
    position: absolute;
    z-index: 999;
}

.link-top-cadastrese, .link-top-minhaConta {
    margin-top: 100px;
    position: absolute;
    z-index: 998;
    float: left;
}

.link-top-minhaConta {
    margin-left: 805px;
}

.link-top-cadastrese {
    margin-left: 905px;
}

.ico-link-topo {
    width: 11px;
    height: 11px;
    float: left;
    margin-top: 1px;
}

.txt-link-topo {
    float: left;
    margin-left: 5px;
}

.logo-topo {
    padding: 0 20px;
}

    .logo-topo > a {
        display: flex;
        align-items: center;
        line-height: 0;
        height: 100px;
        vertical-align: middle;
        width: 100%;
    }

        .logo-topo > a > img {
            border: 0;
            margin: 0;
            width: auto;
        }

    .logo-topo > span.ball {
        position: relative;
        width: 960px;
        height: 350px;
        top: -100px;
        left: -710px;
        display: block;
        -webkit-border-radius: 0 400px 400px 0;
        -moz-border-radius: 0 400px 400px 0;
        -o-border-radius: 0 400px 400px 0;
        -ms-border-radius: 0 400px 400px 0;
        border-radius: 0 400px 400px 0;
    }

#searchBar {
    z-index: 2;
}

    #searchBar > .blocoBusca > input[type=text] {
        padding: 15px;
        margin: 0;
        border: 0;
        font-size: 18px;
        color: #666;
        font-weight: bold;
    }

    #searchBar > .blocoBusca > input[type=text]::placeholder {
        font-size: 14px;
        color: #999;
        font-weight: 200;
    }

    #searchBar > .blocoBusca > button.btn  {
        background: #029682 url(/image/image_nova/searchButton.png) center no-repeat;
        border: 0;
        height: 52px;
        width: 50px;
        cursor: pointer;
    }

    .blocoBusca {
        width: 100% !important;
    }

    #searchBar > ul.iconbar {
        width: 100%;
        height: 59px;
        display: flex;
        justify-content: center;
        margin-bottom: 10px;
    }

        #searchBar > ul.iconbar > li {
            background: rgba(255, 255, 255, 0.15);
            width: 25%;
            padding: 5px 0;
            text-align: center;
            color: #fff;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            -ms-transition: all .5s ease;
            transition: all .5s ease;
        }

            #searchBar > ul.iconbar > li:hover {
                background: rgba(255, 255, 255, 0.5);
            }

            #searchBar > ul.iconbar > li > a {
                color: #666;
                text-decoration: none;
                font-size: 14px;
            }

.combo, .comboBoxTopo {
    font-size: 12px;
    border: 0;
}

#searchBar > ul.iconbar > li > a > span {
    display: block;
    width: 100%;
    height: 32px;
}

#searchBar > ul.iconbar > li.conta > a > span {
    background: url(/image/image_nova/myacount.png) center no-repeat;
    background-size: 26px;
}

#searchBar > ul.iconbar > li.pedidos > a > span {
    background: url(/image/image_nova/mycart.png) center no-repeat;
    background-size: 32px;
}

#searchBar > ul.iconbar > li.cadastro > a > span {
    background: url(/image/image_nova/signin.png) center no-repeat;
    background-size: 24px;
}

#searchBar > ul.iconbar > li.quemSomos > a > span {
    background: url(/image/image_nova/icon-quemSomos.png) center no-repeat;
}

#searchBar > ul.iconbar > li.atendimento > a > span {
    background: url(/image/image_nova/atendimento.png) center no-repeat;
    background-size: 24px;
}

#searchBar > ul.iconbar > li.chat > a > span {
    background: url(/image/image_nova/icon-chat.png) center no-repeat;
}

.base-busca {
    width: 538px;
    height: 70px;
    float: left;
    margin-left: 25px;
    margin-top: 15px;
    background: url(/image/bgBuscaTopo.png) no-repeat;
}

.fundoCombo, .fundoComboRodape {
    width: 193px;
    background: url(/image/fundoCombo.png) no-repeat;
    margin-left: 8px;
    height: 27px;
    float: left;
}

.fundoCombo {
    margin-top: 12px;
}

.fundoComboRodape {
    margin-top: 6px;
}

.combo {
    width: 184px;
    background: 0 0;
    color: #606060;
    margin-top: 5px;
    margin-left: 3px;
}

.imgEsqBuscaRodape {
    height: 27px;
    margin-top: 6px;
    margin-left: 80px;
    float: left;
}

.bgComboBoxTopo {
    width: 180px;
    height: 24px;
    float: left;
    background-image: url(/image/bgComboBoxTopo.png);
    background-repeat: no-repeat;
    margin-left: 12px;
    margin-top: 15px;
}

.comboBoxTopo {
    width: 170px;
    height: 20px;
    line-height: 20px;
    margin-left: 5px;
    margin-top: 2px;
    background: 0 0;
    color: #000;
}

.imgMeioBusca {
    width: 465px;
    height: 24px;
    line-height: 24px;
    margin-left: 10px;
    margin-top: 23px;
    float: left;
    background: url(/image/bgCampoBuscaTopo.png) no-repeat;
}

.imgMeioBuscaRodape {
    width: 640px;
    height: 27px;
    line-height: 27px;
    margin-top: 6px;
    background: url(/image/imgMeioBuscaRodape.png) no-repeat;
    float: left;
}

.campoBusca, .campoBuscaRodape {
    font-size: 12px;
    vertical-align: top;
    margin-bottom: 1px;
    background: 0 0;
}

.campoBusca {
    width: 330px;
    height: 26px;
    border: 0;
    color: #000;
}

.campoBuscaRodape {
    width: 630px;
    height: 20px;
    border: 0 solid #fff;
    color: #616161;
    margin-top: 3px;
    margin-left: 5px;
    outline: 0;
}

.btBusca {
    width: 56px;
    height: 24px;
    float: left;
    margin-top: 23px;
}

.btBuscaRodape {
    width: 62px;
    height: 27px;
    float: left;
    margin-top: 6px;
}

.baseCarrinhoTopo {
    overflow: hidden;
}

    .baseCarrinhoTopo > .visitante, .baseCarrinhoTopo > .visitante > a {
        color: #fff;
        text-decoration: none;
    }

    .baseCarrinhoTopo > .visitante {
        color: #fff;
        width: 100%;
        text-align: right;
        font-size: 14px;
        margin: 15px 0;
    }

        .baseCarrinhoTopo > .visitante > a:hover {
            text-decoration: underline;
        }

.txtSacola, .txtSacola a {
    font-size: 12px;
    text-decoration: none;
    color: #333;
}

.cart-topo {
    display: flex;
}

.icoSacola {margin: auto 15px;}

.txtSacola {
    background: center right no-repeat;
    text-align: right;
}

    .txtSacola > img {
        top: 70px;
        right: 38px;
        z-index: 1;
    }

    .txtSacola a:hover {
        text-decoration: underline;
    }

.bg_cart {
    right: 18px;
    top: 0;
    height: 160px;
    background: url(/image/image_nova/fundo_2.png) top center no-repeat;
    background-size: 799px;
    width: 800px;
    z-index: -1;
}

.base-menu, .menuTopo {
    height: 37px;
    float: left;
}

.base-menu {
    width: 100%;
    background: url(/image/bgMenuTopo.png) repeat-x;
}

.menuTopo {
    width: 100%;
    background: url(/image/bgMenuMeio.png) repeat-x;
}

.frasesOfertas {
    width: 100%;
    height: 29px;
    float: left;
    background: url(/image/imgFraseOfertas.gif) center no-repeat;
}

.baseBanner {
    width: 100%;
    height: 224px;
    float: left;
}

.divBannerDepartamento {
    margin-left: 1%;
    margin-top: 40px;
}

.baseMenuLateral {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.abaTitDepartamento {
    width: 100%;
    background-color: #666;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    padding: 5px 0;
    order: 1;
}

.menuLateral {
    width: 100%;
    background: #fff;
}
.baseMenuLateral > #divConteudoMenu > .menuLateral {
    overflow-y: auto;
    /* max-height: 500px; */
}
.titDepartamento {
    padding: 7px 5px;
    background-color: #f5f5f5;
    color: #666;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #fff;
    font-size: 10px;
    transition: all 0.3s;
}

.titDepartamento:hover {
    background-color: #fff;
    color: #333;
}

.imgTitDepartamento {
    width: 20px;
    height: 27px;
    float: left;
    background: url(/image/setaMenuLateral.gif) no-repeat;
}

.txtCategoria {
    font-size: 10px;
    color: #666;
    padding: 0px 5px;
    border-bottom: 1px solid #d8d8d8;
}

    .txtCategoria a {
        font-size: 12px;
        color: #333;
        text-decoration: none;
        width: 100%;
        line-height: 22px;
    }

.txtCategoria input {margin: 0;}

.abaNews, .baseNews {
    width: 165px;
    float: left;
}

.txtCategoria a:hover {
    color: #000;
    text-decoration: underline;
}

.vejaMais {
    font-size: 11px;
    color: #000;
    text-decoration: none;
    padding: 15px;
    text-align: right;
}

    .vejaMais a {
        font-size: 12px;
        color: #231f20;
        text-decoration: none;
    }

        .vejaMais a:hover {
            color: #222222;
            text-decoration: underline;
        }

.abaNews {
    height: 40px;
    background: url(/image/abaNews.gif) no-repeat;
    margin-bottom: 10px;
}

.titNews {
    float: left;
    font-size: 13px;
    color: #202125;
    margin-left: 8px;
    margin-top: 15px;
    font-family: Trebuchet MS;
}

.conteudoNews {
    width: 100%;
    float: left;
    line-height: 22px;
    background: url(/image/bgNews.gif) repeat-y;
}

.icoNews {
    width: 24px;
    height: 24px;
    float: left;
    margin-top: 10px;
    margin-left: 8px;
    background: url(/image/icoNews.gif) center no-repeat;
}

.txtNews {
    width: 100%;
    float: left;
    text-align: center;
    color: #3c3c3c;
    font-size: 11px;
    margin-top: 3px;
}

.bgCampoNews {
    width: 146px;
    height: 22px;
    float: left;
    margin-left: 9px;
    margin-top: 8px;
    background: url(/image/bgCampoNews.gif) no-repeat;
}

.CampoNews {
    width: 142px;
    height: 22px;
    line-height: 22px;
    margin-left: 2px;
    background: 0 0;
    border: 0;
    font-size: 11px;
    color: #5e5e5e;
}

.btNews {
    width: 64px;
    height: 20px;
    float: right;
    margin-right: 10px;
    margin-top: 8px;
}

.baseDepoimento, .bgBottomNews {
    width: 165px;
    float: left;
}

.bgBottomNews {
    height: 9px;
    background: url(/image/bgBottomNews.gif) no-repeat;
}

.baseBarraDir {
    width: 100%;
    height: auto;
}

.baseBarraEsq {
    width: 165px;
    float: right;
    margin-right: 5px;
    margin-top: 5px;
}

.baseChat, .baseTelevendas {
    width: 100%;
    float: left;
}

.baseChatAtendimento {
    float: right;
}

.baseTelevendas {
    background: #ddd;
}

.baseTelTelevendas, .baseTitTelevendas {
    background: #1d467e;
    margin-left: 5px;
    float: left;
}

.baseTitTelevendas {
    width: 155px;
    margin-top: 5px;
}

.titTelevendas {
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.baseTelTelevendas {
    width: 155px;
    margin-top: 2px;
    margin-bottom: 5px;
}

.telTelevendas {
    float: left;
    font-size: 12px;
    line-height: 25px;
    color: #fff;
    margin-left: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.imgTelevendas {
    width: 40px;
    height: 43px;
    float: left;
    background: url(/image/imgTelevendas.gif) no-repeat;
    margin-top: 13px;
    margin-left: 10px;
}

.abaMaisVendidos {
    width: 185px;
    height: 36px;
    float: left;
}

.conteudoMaisVendidos {
    width: 183px;
    float: left;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: #c9c9c9;
    background: #f9f9f9;
}

.produtoMaisVendido {
    width: 183px;
    height: 76px;
    float: left;
    border-top: 1px solid;
    border-color: #c9c9c9;
}

.imgMaisVendido {
    width: 37px;
    height: 55px;
    float: left;
    margin-top: 10px;
    margin-left: 12px;
}

.titMaisVendidos {
    width: 123px;
    float: left;
    margin-left: 5px;
    margin-top: 10px;
    font-size: 12px;
    color: #000;
    text-decoration: none;
}

    .titMaisVendidos a {
        font-size: 12px;
        color: #000;
        text-decoration: none;
    }

        .titMaisVendidos a:hover {
            font-size: 12px;
            color: #000;
            text-decoration: underline;
        }

.detalheMaisVendidos, .detalheMaisVendidos a {
    text-decoration: none;
    font-size: 11px;
    color: #675d5d;
}

.detalheMaisVendidos {
    width: 123px;
    float: right;
    margin-right: 5px;
    text-align: right;
    margin-top: 3px;
}

    .detalheMaisVendidos a:hover {
        font-size: 11px;
        color: #675d5d;
        text-decoration: underline;
    }

.imgBannerLateral {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.baseVitrine, .baseVitrineLancamentos {
    margin: 5px auto 0;
}

.baseVitrine {
    width: 99%;
}

.abaVitrine {
    background-color: #666;
    background-position: right top;
    height: 31px;
    font-weight: 700;
    width: 100%;
    line-height: 31px;
    float: left;
    font-size: 16px;
    color: #FFF;
    padding: 5px 0;
    border-bottom: 3px solid #666;
}

    .abaVitrine span {
        margin-left: 20px;
    }

.riscoVitrine {
    width: 100%;
    height: 2px;
    float: left;
    background-color: #bbb;
}

.baseProdutosVitrine {
    width: 100%;
    float: left;
    margin-top: 20px;
}

    .baseProdutosVitrine > hr {
        clear: both;
        width: 95%;
        border: none;
        border-bottom: 1px dotted #ddd;
        padding-top: 15px;
        margin-bottom: 15px;
    }

.baseProdutosVitrineCategoria {
    width: 100%;
    float: left;
}

.ProdutosVitrine {
    width: 31%;
    overflow: hidden;
    height: 425px;
    float: left;
    padding: 40px 0px;
    margin: 0 1%;
    border: 1px solid transparent;
    box-sizing: border-box;
    border-radius: 3px 3px 0 0;
    cursor: pointer;
    text-align: center;
}

.ProdutosVitrineCategoria {
    width: 25%;
    float: left;
}

.categoriaTabela {
    margin-top: 15px;
}

.imgProdutosVitrine {
    background: url(/images/camera-loader.gif) center center no-repeat;
    width: 200px;
    height: 150px;
    margin: 0 auto;
    text-align: center;
}

    .imgProdutosVitrine a img {
        height: 150px;
        width: auto;
    }

.titProdutosVitrine {
    width: 270px;
    height: 120px;
    margin: 0 auto;
    color: Black;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
}

    .titProdutosVitrine a {
        color: #000;
        font-size: 14px;
        text-decoration: none;
        font-family: 'Open Sans',sans-serif;
    }


.priceProdutosVitrine {
    height: 80px;
    width: 210px;
    margin: auto;
}

.precoPorVitrine > span {
    color: #289D11;
    font-size: 21px;
}

.abaParcCt, .btComprar, .parcelamentoInfoProd, .titProdConj {
    font-family: Open Sans;
}

.titProdutosVitrine a:hover {
    color: #666;
}

.marcaProdutosVitrine {
    color: #222222;
    font-size: 10px;
    line-height: 20px;
}

.refProdutosVitrine > a {
    color: #606060;
    font-size: 10px;
}

.precoDeVitrine {
    color: #2e2c2c;
    font-size: 12px;
}

.precoPorVitrine {
    font-weight: bold;
    color: #333;
    font-size: 12px;
    vertical-align: top;
}

    .precoPorVitrine p {
        margin: 0 0 0 5px;
        float: left;
        line-height: 22px;
    }

        .precoPorVitrine p:first-child, .precoPorVitrine p:last-child {
            font-weight: 700;
            color: #333;
            font-size: 12px;
        }

.parcelamentoVitrine {
    font-weight: bold;
    color: #ffa200;
    font-size: 16px;
}

.priceProdutosVitrine > span {
    display: block;
}

.btComprarVitrine {
    width: 77px;
    height: 26px;
    margin: 0 auto;
}

.maisCatVitrine {
    width: 210px;
    margin: 0 auto;
    color: black;
    font-size: 11px;
    text-align: c;
    text-decoration: none;
}

    .maisCatVitrine a {
        color: black;
        font-size: 11px;
        text-decoration: none;
    }

        .maisCatVitrine a:hover {
            color: black;
            font-size: 11px;
            text-decoration: underline;
        }

.baseParceiro {
    width: 100%;
    height: 125px;
    background-repeat: repeat-x;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #dbdbdb;
    margin-top: 20px;
    clear: both;
}

.parceiro {
    width: 100%;
    margin: 0 auto;
}

.baseBannerRodape {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.imgBannerParceiro {
    width: 100%;
    float: left;
    height: 112px;
    background: url(/image/imgBannerRodape.jpg) center no-repeat;
    margin-bottom: 15px;
}

.baseRodape {
    width: 100%;
    clear: both;
}

.baseBuscaRodape {
    width: 100%;
    background: #222222;
    padding: 25px 0;
}

.buscaRodape > input[type=text] {
    float: left;
    width: 768px;
    padding: 12px 60px 12px 10px;
    margin: 0 auto;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -o-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    border-radius: 5px;
    height: 26px;
    font-size: 16px;
    border: 1px solid #e77701;
    box-shadow: 0 0 15px -5px rgba(60,60,60,.75);
}

.buscaRodape > button.btn {
    float: left;
    background: url(/image/image_nova/searchButton.png) center no-repeat #fff;
    width: 50px;
    height: 38px;
    border-radius: 0 4px 5px 0;
    border: 0;
    position: relative;
    left: -51px;
    margin-top: 1px;
    cursor: pointer;
}

.buscaRodape {
    width: 890px;
    height: 52px;
    margin: 0 auto;
}

.Rodape {
    width: 100%;
    height: 209px;
    float: left;
    background: #f4f4f4;
}

.conteudoRodape {
    width: 1000px;
    height: 209px;
    margin: 0 auto;
}

.centralAtendimentoRodape {
    width: 140px;
    float: left;
    margin-left: 30px;
}

.imgCentralRodape {
    width: 69px;
    height: 69px;
    margin: 0 auto;
}

.txtCentralRodape {
    font-size: 15px;
    color: #e77701;
    text-align: center;
}

.txtCentralRodapeDois {
    font-size: 12px;
    color: #000;
    text-align: center;
    text-decoration: none;
}

    .txtCentralRodapeDois a {
        font-size: 12px;
        color: #e77701;
        text-decoration: none;
    }

        .txtCentralRodapeDois a:hover {
            font-size: 12px;
            color: #e77701;
            text-decoration: underline;
        }

.txtLinkInst, .txtLinkInst a {
    text-decoration: none;
}

.blocoMeioRodape {
    width: 320px;
    float: left;
    margin-left: 26px;
}

.titInstitucional {
    width: 100%;
    float: left;
    font-size: 13px;
    color: #e77701;
    margin-top: 5px;
}

.txtLinkInst, .txtLinkInst a, .txtLinkInst a:hover {
    font-size: 11px;
    color: #373737;
}

.baseLinkInst {
    width: 150px;
    float: left;
    margin-right: 10px;
}

.LinkInst {
    width: 136px;
    height: 18px;
    float: left;
    margin-top: 5px;
    background: url(/image/bgLinkRodape.png) no-repeat;
}

.icoSetaInst {
    width: 5px;
    height: 5px;
    float: left;
    margin-top: 7px;
    background: url(/image/icoSetaInst.png) no-repeat;
}

.txtLinkInst {
    height: 18px;
    line-height: 18px;
    float: left;
    margin-left: 10px;
}

    .txtLinkInst a:hover {
        text-decoration: underline;
    }

.titCertificados, .titFormaPagamento {
    font-size: 13px;
    color: #e77701;
    float: left;
}

.titCertificados {
    width: 300px;
    margin-top: 10px;
}

.imgCertificado {
    float: left;
    height: 29px;
    margin-right: 10px;
    margin-top: 5px;
}

.blocoFormaPagamento {
    float: left;
    width: 135px;
    margin-left: 5px;
}

.titFormaPagamento {
    width: 100%;
    margin-top: 5px;
}

.subTitFormaPagamento {
    width: 97%;
    margin-left: 3%;
    float: left;
    font-size: 10px;
    color: #616161;
}

.txtCreditosRodape, .txtCreditosRodapeDois {
    line-height: 55px;
    font-size: 10px;
    color: #525252;
}

.imgFormaPagamento {
    float: left;
    width: 33px;
    height: 16px;
    margin-left: 5px;
    margin-bottom: 3px;
}

.imgFormaPagamentoDeposito {
    float: left;
    margin-left: 5px;
    margin-top: 3px;
}

.baseCreditosRodape {
    width: 100%;
    height: 55px;
    float: left;
    background: repeat-x #efefef;
}

.CreditosRodape {
    width: 1000px;
    height: 55px;
    margin: 0 auto;
}

.txtCreditosRodape {
    float: left;
    height: 55px;
}

.imgCreditosRodape {
    float: right;
    width: 62px;
    height: 19px;
    margin-top: 20px;
}

.txtCreditosRodapeDois {
    float: right;
    height: 55px;
    margin-right: 10px;
}

.baseDiretorio {
    width: auto;
    background: #E6E6E6;
    margin: 0 20px 20px;
    height: 40px;
}

.txtDiretorio {
    line-height: 40px;
    font-size: 14px;
    text-decoration: none;
    margin-left: 10px;
    float: left;
}

    .txtDiretorio a:hover {
        color: #000;
        text-decoration: underline;
    }

.riscoDiretorio {
    width: 99%;
    height: 1px;
    float: right;
    background: #0b6caf;
}

.baseProductDetail {
    width: 99%;
    margin-top: 10px;
    float: right;
}

.baseFotoProduto {
    width: 353px;
    float: left;
}

.fotoProdutoPrincipal {
    width: 353px;
    height: 265px;
    float: left;
}

.baseMiniFotoProduto {
    width: 353px;
    float: left;
}

.MiniFotoProduto {
    width: 83px;
    height: 62px;
    float: left;
    margin-top: 5px;
}

.baseInfoProduto > .seja_primeiro, .baseSelo {
    margin-top: 10px;
}

.baseInfoProduto {
    width: 100%;
    float: left;
    background-repeat: repeat-x;
    background-position: top;
}

.titInfoProd > h1 {
    font-size: 28px;
    color: #333;
    margin-bottom: 15px;
}

.selo {
    width: 100px;
    float: left;
    margin-right: 10px;
}

.precoDe {
    font-size: 14px;
    color: #666;
    text-decoration: line-through;
}

.precoPor {
    font-size: 16px;
    font-weight: 400;
}

.divPreco {
    margin: 5px 0 0;
}

.divDisponibilidade {
    display: block;
    width: 100%;
    font-size: 14px;
}

    .divDisponibilidade p {
        margin: 10px 0 0;
    }

.parcelamentoInfoProd {
    width: auto;
    font-size: 32px;
    color: #289d11;
    font-weight: 700;
}

    .parcelamentoInfoProd > span {
        display: block;
        color: #333;
        font-size: 14px;
        font-weight: 400;
    }

.basePrecoSobConsulta {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.selectTamInfoProd {
    height: auto;
    display: block !important;
}

.selectTamInfoProdTopo {
    width: 300px;
    height: 5px;
    float: left;
}

.blocoEsquerdo {
    float: left;
    width: 45%;
    margin-right: 5%;
}

.selectTamInfoProdConteudo {
    max-width: 350px;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px;
    margin-top: 15px;
    background: linear-gradient(to bottom right,#fafafa,#fcfcfc);
    box-shadow: 0 0 7px -5px;
}

.selectTamInfoProdRodape {
    width: 300px;
    height: 6px;
    float: left;
    background: url(/image/selectTamInfoProdRodape.png) no-repeat;
}

.blocoComboInfoProd {
    width: 100%;
    clear: both;
    display: flex !important;
}

.txtComboInfoProd {
    width: 60px;
    text-align: right;
    float: left;
    height: 42px;
    line-height: 42px;
    font-size: 12px;
    color: #757575;
    display: none;
}

.btComprar {
    text-align: left;
}

.abaDescricao, .abaParcCt {
    text-align: center;
}

.comboInfoProd {
    float: right;
}

.comboInfoProd, .comboRadio {
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
}

.comboSelect {
    width: 100%;
    padding: 8px;
    background: #fcfcfc;
    border: 1px solid #999;
    font-size: 12px;
    color: #666;
    border: 0;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.comboRadio {
    min-width: 170px;
    width: auto;
    margin-left: 5px;
    background: 0 0;
    border: 0;
    font-size: 12px;
    color: #757575;
    height: 42px;
}

.baseBtComprar {
    display: block !important;
    margin: 30px 0;
}


.produtoIndisponivel {
    font-size: 20px;
    color: #1400FF;
}

.baseParcelaCartao {
    width: auto;
    float: left;
    margin: 0 0 20px;
}

.boxComprarFrete {
    clear: both;
}

.infoBtnComprar {
    min-width: 320px;
    width: 100%;
}

.boxDireito {
    width: 45%;
    float: left;
    margin-right: 5%;
}

.opcao-frete {
    display: block;
    margin: 10px 0 0;
    border-top: 1px dotted #ccc;
    padding: 10px 0;
    clear: both;
    min-width: 264px;
}

.SimulacaoFrete {
    clear: both;
    width: auto;
}

.abaParcCt {
    width: 200px;
    height: 30px;
    border: 0 solid;
    border-radius: 10px 10px 0 0;
    background: linear-gradient(to bottom,#efefef,#fcfcfc);
    line-height: 30px;
    color: #666;
}

.blocoParcCt {
    float: left;
    border: 1px solid #f2f2f2;
}

    .blocoParcCt > div {
        float: left;
    }

        .blocoParcCt > div > a {
            font-size: 12px;
            text-decoration: none;
            display: block;
            margin: 0 0 0 51px;
        }

        .blocoParcCt > div > label {
            padding: 5px;
            font-size: 15px;
            color: #666;
            display: block;
        }

            .blocoParcCt > div > label input[type=text] {
                height: 20px;
                width: 70px;
                padding: 5px;
                font-size: 15px;
                color: #666;
                margin: 0 0 0 15px;
            }

            .blocoParcCt>div>label button {
                height: 34px;
                width: 75px;
                font-size: 16px;
                color: #fff;
                margin: 0 15px 0 5px;
                background: #666;
                border: 1px solid #333;
            }

.txtInfoProdBoleto, .txtParcCt {
    font-size: 12px;
    color: #484848;
    float: left;
}

.blocoParcCtDois {
    float: left;
}

.blocoTxtParcCt {
    margin-left: 15px;
    float: left;
    min-width: 162px;
}

.blocoValorParcCt {
    width: 100px;
    margin-left: 15px;
    float: left;
}

.txtParcCt {
    height: 30px;
    line-height: 30px;
}

.txtInfoProdBoleto {
    width: 100%;
    margin-top: 10px;
}

.blocoRedeSocial {
    float: left;
}

.redeSocial {
    float: left;
    margin-right: 10px;
    height: 21px;
    width: 90px;
}

.baseDescricao {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.abaDescricao {
    width: 181px;
    height: 30px;
    line-height: 30px;
    float: left;
    font-size: 14px;
    color: #0b6caf;
    background: url(/image/abaTitVitrine.gif) no-repeat;
}

.baseTxtDescricao {
    width: 99%;
    background: url(/image/bgDescricao.gif) top repeat-x;
    float: left;
    height: 200px;
}

.txtDescricao {
    width: 95%;
    float: left;
    margin-left: 5px;
    margin-top: 10px;
}

.tabelaMedida {
    width: 265px;
    height: 37px;
    float: left;
    margin-top: 10px;
}

.basePublic {
    width: 100%;
    float: left;
    padding: 20px 0;
}

.public, .statusCompra {
    margin: 0 auto;
}

.public {
    width: 99%;
}

.baseDetailProdCart, .riscoPublic {
    width: 100%;
    float: left;
}

.riscoPublic {
    height: 23px;
    background: url(/image/riscoPublic.gif) left no-repeat;
}

.baseProdCar {
    width: 30%;
    float: left;
}

.baseProdCarDois {
    width: 55%;
    float: left;
}

.baseExcluirCar, .basePrecoTotalCar, .basePrecoTotalCarDois, .basePrecoUniCar, .basePrecoUniCarDois, .basePresentCarDois, .baseQuantCar, .baseQuantCarDois {
    width: 15%;
    float: left;
}

.baseTituloImagem, .imagemProdutoCarrinho {
    width: 10%;
    float: left;
}

.imagemProdutoCarrinhoTitulo {
    width: 10%;
    color: #000;
    font-size: 12px;
    float: left;
    margin-left: 10px;
}

.titProdutoCarrinho {
    width: 320px;
    color: #000;
    font-size: 12px;
    float: left;
    margin-left: 25px;
}

.titPresentCar, .titQuantCar {
    margin: 0 auto;
    text-align: center;
}

.titCarrinhoVazio {
    font-size: 28px;
    width: auto;
    text-align: center;
    color: #CDCDCD;
    padding: 50px;
}

    .titCarrinhoVazio > a {
        font-size: 16px;
        color: #0048FF;
        font-style: italic;
    }

.titPresentCar {
    width: 100px;
    color: #0b6caf;
    font-size: 12px;
}

.titExcluirCar, .titPrecoTotal, .titPrecoUniCar, .titQuantCar {
    width: 100px;
    color: #000;
    font-size: 12px;
}

.titPrecoTotal, .titPrecoUniCar {
    float: right;
    margin-right: 30px;
    text-align: right;
}

.titExcluirCar {
    margin: 0 auto;
    text-align: center;
}

.newsletterUC {
    width: 100%;
    background: #ccc;
    font-size: 16px;
    border-top: 1px solid #bbbbbb;
}

.newsletterWrapper {
    width: 1000px;
    height: 55px;
    line-height: 55px;
    padding: 0;
    margin: 0 auto;
    color: #333;
}

    .newsletterWrapper > p {
        float: left;
        margin: 0 30px 0 0;
        font-size: 16px;
    }

    .newsletterWrapper label button, .newsletterWrapper label input, .newsletterWrapper label select {
        font-weight: 700;
        padding: 5px;
        line-height: 20px;
        width: 190px;
        margin-left: 5px;
        border: 1px solid #aaa;
        box-shadow: 0 0 5px -1px rgba(30,30,30,.3);
    }

    .newsletterWrapper input:focus {
        box-shadow: 0 0 10px -1px rgba(101,141,203,.5);
    }

    .newsletterWrapper input[type=submit] {
        background: #029682;
        color: #FFF;
        text-transform: uppercase;
        cursor: pointer;
        font-weight: 700;
        padding: 5px 10px;
        line-height: 20px;
        width: 90px;
        margin-left: 15px;
        border: 2px solid #029682;
    }

.baseTitDetailCart {
    width: 100%;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #F6F6F6;
    font-weight: 700;
}

.baseTxtDetailCart {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 20px;
}

.txtProdutoCarrinho {
    width: 320px;
    color: #8a8a8a;
    font-size: 12px;
    float: left;
    margin-left: 25px;
}

.txtPresentCar, .txtQuantCar {
    width: 100px;
    color: #8a8a8a;
    font-size: 12px;
    margin: 0 auto;
    text-align: center;
}

.txtPrecoTotal, .txtPrecoUniCar, .txtPrecoUniCarCon {
    float: right;
    text-align: right;
}

.txtPrecoUniCar {
    margin-right: 30px;
    text-align: left;
    color: #8a8a8a;
    font-size: 12px;
}

.avista {
    color: #289D11 !important;
}

.txtPrecoUniCarCon {
    width: 100px;
    line-height: 0;
    color: #289D11;
    font-size: 10px;
    text-decoration: line-through;
}

.txtExcluirCar, .txtPrecoTotal {
    color: #8a8a8a;
}

.txtPrecoTotal {
    margin-right: 30px;
    font-size: 12px;
}

.txtExcluirCar {
    font-size: 12px;
    margin: 0 auto;
    text-align: center;
}

.campoQuantCar, .campoQuantCarDois {
    width: 57px;
    margin-left: 21px;
    height: 19px;
    float: left;
}

.campoQuantCar {
    background: url(/image/bgQuantCar.gif) no-repeat;
}

.campoQuantCarDois {
    background: no-repeat;
}

.campoQuantidadeCar {
    width: 53px;
    height: 19px;
    margin-left: 2px;
    background: 0 0;
    border: 0;
    text-align: center;
    font-size: 12px;
    color: #898989;
}

.imgAtualizarQuantCar {
    width: 65px;
    height: 11px;
    float: left;
    margin-left: 19px;
    margin-top: 2px;
    cursor: pointer;
}

.blocoCarUm {
    float: left;
    margin: 0 auto;
}

.blocoCalcFrete {
    width: 100%;
    float: left;
}

    .blocoCalcFrete .endereco {
        width: 100%;
        font-weight: bolder;
        clear: both;
        padding: 30px 15px 15px;
    }

.calcPainel {
    float: left;
}

.baseFreteCart {
    height: 80px;
}

.bloco-envio-carrinho:first-of-type {
    clear: both;
    margin-left: 15px;
}

.bloco-envio-carrinho {
    width: auto;
    margin: 0 10px 0 0;
    border: 1px dashed #ddd;
    text-align: center;
    padding: 20px 5px;
}

.radio-carrinho {
    height: 17px;
    padding: 3px 0 0;
    margin: 0;
    border: 0;
    float: left;
}

.img-envio-carrinho {
    margin: 0 5px 0 10px;
    float: left;
}

.img-envio-carrinho-motoboy-loja {
    width: 57px;
    height: 36px;
    float: left;
    margin-left: 3px;
}

.frete-desc {
    float: right;
    text-align: right;
    margin: 0 10px 10px 0;
}

.valor-envio-carrinho {
    text-align: center;
    color: #000;
    font-size: 14px;
    margin-top: 5px;
    clear: both;
    line-height: 25px;
}

.valor-envio-frete {
    font-size: 20px;
    font-weight: 700;
    color: #666;
    clear: both;
}

    .valor-envio-frete p {
        margin: 0;
    }

.prazo-envio-frete {
    font-size: 12px;
}

    .prazo-envio-frete:last-child {
        font-size: 14px;
    }

    .prazo-envio-frete > p {
        margin: 5px 0;
        font-size: 16px;
        line-height: 12px;
    }

.txt-prazo {
    font-size: 12px !important;
    color: #666;
    margin: 0;
}

.prazo-fornecedor p {
    margin: 0;
}

.titCalcFrete {
    color: #999;
    font-size: 14px;
    margin: 0 0 5px 15px;
}

.bgCampoCalcFreteCarUm {
    height: 38px;
    float: left;
    margin: 0 0 0 15px;
}

.bgCampoCalcFreteCarDois {
    width: 52px;
    height: 38px;
    float: left;
    margin: 0 15px 0 0;
}

.CampoCalcFreteCarDois, .CampoCalcFreteCarUm {
    height: 34px;
    font-size: 18px;
    color: #333;
    text-align: center;
}

.CampoCalcFreteCarUm {
    background: #fff;
    border: 1px solid #999;
    line-height: 25px;
    width: 130px;
}

.CampoCalcFreteCarDois {
    border: 1px solid #ccc;
    line-height: 24px;
    width: 50px;
    background: #f5f5f5;
}

.btCalcFreteCar, .btCalcFreteCar input {
    height: 38px;
    float: left;
}

    .btCalcFreteCar input {
        width: 83px;
        background: #222222;
        border: 1px solid #b0272d;
        cursor: pointer;
        font-size: 16px;
        margin-left: 10px;
        color: #fee;
    }

        .btCalcFreteCar input:hover {
            background-color: #b0272d;
        }

.txtCalcFreteCar {
    width: 100%;
    float: left;
    margin-top: 15px;
    margin-left: 15px;
    font-size: 12px;
    color: #8a8a8a;
    text-decoration: none;
}

    .txtCalcFreteCar a {
        font-size: 12px;
        color: #8a8a8a;
        text-decoration: underline;
    }

        .txtCalcFreteCar a:hover {
            font-size: 12px;
            color: #8a8a8a;
            text-decoration: none;
        }

.txtEndereco {
    width: 100%;
    float: left;
    margin: 5px 15px;
    font-size: 16px;
    color: #BE2828;
}

.blocoCupomCar {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.blocoCupomCarPayment {
    float: left;
    margin-top: 10px;
    padding: 10px;
    font-style: normal;
    background-color: #f5f5f5;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    width: 300px;
}

.titCupomCar {
    width: 100%;
    float: left;
    color: #e77701;
    font-size: 12px;
}

.bgCampoCupom {
    width: 160px;
    height: 19px;
    float: left;
    margin-top: 15px;
    background: url(/image/bgCupomCar.gif) no-repeat;
}

.CampoCupomCar {
    background: 0 0;
    border: 0;
    height: 19px;
    line-height: 19px;
    width: 156px;
    margin-left: 2px;
    font-size: 12px;
    color: #898989;
    text-align: center;
}

.btCupomCar {
    width: 115px;
    height: 24px;
    float: left;
    margin-left: 5px;
    margin-top: 13px;
}

.blocoCarrinhoDois {
    width: 100%;
    float: right;
}

.blocoCarDois {
    width: 40%;
    float: right;
}

.blocoValorCaixaCar {
    float: right;
    margin-right: 30px;
    max-width: 185px;
}

.txtValorCaixaCar {
    width: 100%;
    float: right;
    text-align: l;
    font-size: 12px;
    color: #898989;
    margin-bottom: 20px;
}

    .totalCarrinho, .txtValorCaixaCar:last-child {
        width: 100%;
        color: #289D11;
        float: right;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .txtValorCaixaCar:last-child {
        text-align: left;
        font-size: 14px;
    }

.totalCarrinho {
    text-align: l;
    font-size: 16px;
}

.blocoTitCaixaCar {
    width: 120px;
    float: right;
    margin-right: 30px;
}

.txtTitCaixaCar {
    width: 100%;
    float: right;
    text-align: right;
    font-size: 12px;
    color: #000;
    margin-bottom: 20px;
}

.blocoBtCar {
    width: 100%;
    float: left;
}

.btFecharPedidoCar {
    float: right;
    margin-right: 15px;
}

.btComprarMaisCar {
    float: left;
    margin-left: 15px;
}

.btVoltar {
    width: 163px;
    height: 28px;
    float: left;
    margin-right: 15px;
}

.baseCadastro {
    width: 1000px;
    margin: 0 auto;
}

.titPublic {
    text-align: center;
    font-size: 24px;
    margin: 25px 0;
    padding-bottom: 10px;
    color: #666;
    border-bottom: 1px dashed #ccc;
}

    .titPublic a {
        font-size: 14px;
        color: #000;
        text-decoration: none;
    }

        .titPublic a:hover {
            font-size: 14px;
            color: #000;
            text-decoration: underline;
        }

.subTitPublic {
    width: 100%;
    color: #333;
    font-size: 14px;
    margin-bottom: 30px;
}

.titCadastro {
    font-size: 18px;
    font-weight: 700;
}

.txt-cadastro {
    color: #000;
    font-size: 12px;
    width: 100%;
}

.txt-cadastro-dois {
    color: #000;
    font-size: 12px;
    float: left;
}

.campo-form-cadastro {
    height: 20px;
    line-height: 20px;
    padding: 5px;
    border: 1px solid #ccc;
    color: #000;
    font-size: 12px;
    margin-right: 15px;
}

.valida-campo-form-cadastro {
    font-size: 14px;
}

#radio-form-cadastro {
    height: 20px;
    line-height: 20px;
    color: #000;
    font-size: 12px;
    float: left;
}

#bt-continuar-cadastro input {
    padding: 10px 50px;
    border: 0;
    border-bottom: 2px solid #21800E;
    background: #289d11;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    width: 100%;
}

.baseLogin {
    width: 1000px;
    height: 400px;
    margin: 0 auto;
}

.blocoLogin {
    float: left;
    margin-left: 80px;
    margin-top: 40px;
}

.titLogin {
    font-size: 20px;
    color: #666;
    font-weight: 700;
}

.subTitLogin {
    font-size: 14px;
    color: #999;
    width: 370px;
    height: 30px;
}

.blocoLoginDois {
    line-height: 22px;
    border: 1px solid #d9d9d9;
    border-bottom: 5px solid #d9d9d9;
    background-color: #f9f9f9;
    padding: 25px;
    margin-top: 15px;
}

.blocoRemoveEmailMarketing {
    width: 366px;
    height: 100px;
    float: left;
    background: url(/image/bgRemoveEmailMarketing.gif) no-repeat;
    margin-top: 10px;
}

.txtCampoLogin {
    color: #666;
    font-size: 14px;
}

.campoLogin, .campoLoginDois, .campoLoginTres {
    height: 24px;
    line-height: 24px;
    padding: 5px;
    font-size: 16px;
}

.bgCampoLoginDois {
    float: left;
    margin-right: 10px;
}

.campoLogin {
    width: 304px;
    border: 1px solid #ccc;
}

.campoLoginDois {
    width: 80px;
    border: 1px solid #CCC;
    color: #666;
}

.campoLoginTres {
    width: 54px;
    border: 1px solid #ccc;
}

.btCadastro, .btContinuarLogin {
    height: 28px;
    float: right;
    margin-top: 10px;
}

.txtCampoLoginDois {
    font-size: 12px;
    color: #999;
    text-decoration: none;
}

    .txtCampoLoginDois a {
        font-size: 12px;
        color: #979696;
        text-decoration: none;
    }

        .txtCampoLoginDois a:hover {
            font-size: 12px;
            color: #979696;
            text-decoration: underline;
        }

.btContinuarLogin {
    width: 164px;
}

.btCadastro {
    width: 155px;
}

.btCadLogin {
    width: 106px;
    height: 47px;
    float: left;
    margin-left: 51px;
    margin-top: 50px;
}

.txtCampoLoginTres {
    float: right;
    margin-right: 52px;
    margin-top: 20px;
    font-size: 12px;
    color: #9e0049;
    text-decoration: none;
}

    .txtCampoLoginTres a {
        font-size: 12px;
        color: #9e0049;
        text-decoration: underline;
    }

.btEditarEnd, .btEditarEnd > a, .btnNovoEnd {
    text-decoration: none;
}

.txtCampoLoginTres a:hover {
    font-size: 12px;
    color: #9e0049;
    text-decoration: none;
}

.baseEndereco {
    width: 1124px;
    margin: 0 auto;
}

.blocoEndereco {
    float: left;
    width: 327px;
    height: 250px;
    margin-bottom: 25px;
    margin-right: 15px;
    background-color: #f9f9f9;
    border: 1px solid #eee;
    padding: 15px;
}

.titBlocoEnd {
    font-size: 16px;
    font-weight: 700;
    color: #666;
    /*float: left;*/
}

.titBlocoEndDois {
    float: left;
    font-size: 14px;
    color: #000;
    margin-left: 10px;
    margin-top: 6px;
}

.txtConteudoEnd {
    font-size: 14px;
    color: #666;
    margin: 15px 0;
    min-height: 165px;
}

    .txtConteudoEnd > span {
        font-size: 12px;
        color: #999;
    }

.txtConteudoEndDois, .txtConteudoEndDoisCarrinho {
    width: 300px;
    margin-left: 10px;
    margin-top: 30px;
    font-size: 12px;
    color: #545454;
    line-height: 21px;
}

.txtConteudoEndDois {
    float: left;
}

.BlocoBtnEnd {
    height: 32px;
}

.blocoNovoEndereco {
    height: 32px;
    background-color: #F9F9F9;
    padding: 15px;
    margin: 0 0 25px;
    border: 1px solid #EEE;
}

.topoBoxNovoEnd {
    font-weight: 700;
    font-size: 18px;
    float: left;
    margin-right: 25px;
    line-height: 32px;
    color: #333;
}

.txtConteudoNovoEnd {
    font-size: 14px;
    float: left;
    width: 600px;
}

.btnEnd {
    padding: 5px 10px;
    border-bottom: 3px solid hsla(343,41%,45%,1);
    font-size: 14px;
    color: #fff;
    background-color: #222222;
    float: right;
}

.btEditarEnd {
    float: left;
    background-color: #666;
    border-bottom-color: #333;
}

    .btEditarEnd > a {
        color: #fff;
    }

.btCadastrarEnd {
    width: 165px;
    height: 28px;
    float: left;
    margin-left: 10px;
    margin-top: 87px;
}

.btExcluirEnd a, .btUsarEnd {
    float: right;
    text-decoration: none;
}

.btExcluirEnd a {
    font-size: 14px;
    color: #D00602;
}

.topoBoxEnd {
    height: 25px;
}

.btUsarEnd {
    margin-left: 15px;
}

.btAlterarEndPed {
    width: 213px;
    height: 28px;
    margin-top: 5px;
    margin-left: 10px;
    float: left;
}

.basePedido {
    width: 900px;
    margin: 0 auto;
}

.totalPagamento {
    width: 100%;
    height: 40px;
    line-height: 40px;
    float: left;
    margin-top: 20px;
    background: #f7f7f7;
    border: 1px solid #ccc;
    font-size: 12px;
    color: #000;
}

.fundo-rodape-pag, .fundo-topo-pag {
    width: 1000px;
    height: 6px;
    float: left;
}

.bloco-pag {
    width: 1000px;
    float: left;
    margin-top: 20px;
}

.fundo-topo-pag {
    background: url(/image/fundo-topo-pag.gif);
}

.meio-pag {
    width: 1000px;
    float: left;
    background: url(/image/fundo-meio-pag.gif);
}

.fundo-rodape-pag {
    background: url(/image/fundo-rodape-pag.gif);
}

.logo-pag {
    width: 82px;
    float: left;
    margin-left: 20px;
    margin-top: 10px;
}

.base-conteudo-pag {
    width: 878px;
    margin-left: 20px;
    float: left;
}

.titulo-conteudo-pag {
    width: 100%;
    float: left;
    color: #e77701;
    font-size: 15px;
    margin-top: 10px;
}

.bloco-opcao-pag, .bloco-opcao-pag-dois {
    color: #525252;
    font-size: 12px;
    line-height: 20px;
    margin-right: 10px;
}

.base-opcao-pag, .bloco-opcao-pag, .bloco-opcao-pag-dois {
    height: 20px;
    margin-top: 5px;
    float: left;
}

.bloco-opcao-pag {
    width: 220px;
}

.base-opcao-pag {
    width: 260px;
}

.txt-intr-pag {
    width: 100%;
    float: left;
    margin-top: 10px;
    font-size: 10px;
    color: #878787;
}

.risco-cinza-pag {
    width: 98%;
    height: 1px;
    float: left;
    margin-top: 5px;
    background: #e2e2e2;
}

.bt-concluir-pag {
    width: 183px;
    height: 35px;
    float: right;
    margin-top: 15px;
    margin-right: 12px;
    margin-bottom: 5px;
}

.baseConfirmacao {
    width: 1000px;
    margin: 0 auto;
}

.blocoPedFinCon {
    width: 1000px;
    height: 242px;
}

.blocoPedFinConDepositoBancario {
    width: 1000px;
    height: auto;
    float: left;
    margin-left: 0;
    background: url(/image/bgPedFinConDepositoBancario.gif) no-repeat;
}

.blocoPedFinConEnderecoEntrega {
    height: 230px;
    float: left;
    margin-left: 0;
    background: url(/image/bgPedFinConEnderecoEntrega.gif) no-repeat;
    width: 310px;
}

.titBlocoPedFinCon {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #3cd23c;
    line-height: 90px;
    margin: auto;
}

.base-num-pedido-confirmacao {
    width: 248px;
    height: 128px;
    float: left;
    background: #f5f5f5;
    border: 1px solid #ccc;
    padding: 10px;
}

.base-num-pedido-confirmacao-deposito-bancario {
    width: 100%;
    height: 132px;
    float: left;
    margin-top: 40px;
    margin-left: 10px;
    background: url(/image/fundo-num-pedido.gif) repeat-x;
}

.txt-pedido-confirmacao {
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.num-pedido-confirmacao {
    font-size: 60px;
    color: #36b336;
    font-weight: 700;
    text-align: center;
    height: 80px;
}

.txt-dois-pedido-confirmacao {
    text-align: center;
    font-size: 12px;
    color: #666;
}

.blocoPagConfirmacao {
    width: 700px;
    height: 150px;
    float: right;
    background: #d2f5c8;
    border: 1px solid #00c800;
}

.blocoPagConfirmacaoDepositoBancario {
    width: 100%;
    float: left;
    margin-left: 10px;
    margin-top: 25px;
    background: #fffcec;
    border: 1px dashed #f6ce87;
}

.titPagConfirmacao {
    width: 450px;
    float: left;
    font-size: 15px;
    color: #000;
    text-align: center;
    font-weight: 700;
    margin-top: 20px;
    margin-left: 20px;
}

.baseImgPagConfirmacao, .txtPagConfirmacao, .txtPagConfirmacaoDepositoBancario {
    margin-top: 10px;
    text-align: center;
    float: left;
}

.txtPagConfirmacao {
    width: 450px;
    font-size: 13px;
    color: #545454;
    margin-left: 20px;
}

.txtPagConfirmacaoDepositoBancario {
    width: 80%;
    font-size: 13px;
    color: #545454;
    margin-left: 20px;
    margin-bottom: 20px;
}

.baseImgPagConfirmacao {
    width: 100px;
}

.baseRetorno, .imgPagConfirmacao {
    margin: 0 auto;
}

.baseRetorno {
    width: 1000px;
    height: 474px;
}

.blogoRetorno {
    width: 728px;
    height: 254px;
    float: left;
    margin-top: 100px;
    margin-left: 136px;
    background: url(/image/bgRetorno.gif) no-repeat;
}

.baseTitRetorno, .blocoTitRetorno {
    height: 25px;
    margin: 0 auto;
    width: 100%;
}

.baseTitRetorno {
    line-height: 25px;
    text-align: center;
    font-size: 20px;
    color: #9e0049;
}

.imgTitRetorno {
    width: 42px;
    height: 24px;
    background: url(/image/icoRetorno.gif);
    float: left;
    margin-left: 343px;
}

.titRetorno {
    float: left;
    color: #e77701;
    width: 100%;
}

.txtRetorno {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    color: #222;
    margin-top: 20px;
}

.btVoltarRetorno {
    width: 165px;
    height: 28px;
    float: left;
    margin-top: 20px;
    margin-left: 281px;
}

.baseMinhaConta {
    width: 1000px;
    margin: 0 auto;
}

.blocoMinhaConta {
    width: 420px;
    float: left;
    margin-right: 50px;
    margin-bottom: 15px;
}

.icoSeuCadastro {
    width: 21px;
    height: 23px;
    float: left;
    background: url(/image/icoSeuCadastro.gif) no-repeat;
}

.icoSeusServicos {
    width: 25px;
    height: 20px;
    float: left;
    background: url(/image/icoSeusServicos.gif) no-repeat;
}

.icoSeusPedidos {
    width: 24px;
    height: 22px;
    float: left;
    background: url(/image/icoSeusPedidos.gif) no-repeat;
}

.titMinhaConta {
    font-size: 22px;
}

.subTitMinhaConta {
    font-size: 12px;
    color: #666;
    margin-bottom: 10px;
}

.blocoMinhaContaDois {
    width: 400px;
    background: #f5f5f5;
    padding: 10px;
    border-bottom: 3px solid #ccc;
}

.icoMinhaConta {
    width: 14px;
    height: 14px;
    float: left;
    margin-top: 10px;
    margin-left: 15px;
    background: url(/image/icoMinhaConta.gif) no-repeat;
}

.catMinhaConta a {
    font-size: 16px;
    color: #eee;
    padding: 15px 15px 15px 30px;
    display: block;
    margin-bottom: 15px;
    background-color: #666;
}

    .catMinhaConta a:hover {
        background: #019681;
        color: #fff !important;
    }

.baseMeusPedidos {
    width: 1000px;
    margin: 0 auto;
}

.blocoMeusPedidos {
    width: 100%;
    margin-top: 20px;
}

.bgTopoMeusPedidos {
    width: 1000px;
    height: 15px;
    float: left;
    background: no-repeat #F5F5F5;
    border-radius: 10px 10px 0 0;
    margin-top: 15px;
}

.conteudoMeusPedidos {
    width: 100%;
    float: left;
    background: #f5f5f5;
}

.bgRodapeMeusPedidos {
    width: 1000px;
    height: 15px;
    float: left;
    background: no-repeat #f5f5f5;
    border-radius: 0 0 10px 10px;
    margin-bottom: 15px;
}

.titMeusPedidos, .titMeusPedidosData, .titMeusPedidosStatus, .titMeusPedidosValor {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    margin-left: 20px;
    float: left;
    text-align: center;
    color: #000;
    font-weight: 700;
}

.titMeusPedidos {
    width: 176px;
}

.titMeusPedidosData, .titMeusPedidosValor {
    width: 85px;
}

.titMeusPedidosStatus {
    width: 312px;
}

.blocoMeusPedidosDois {
    width: 100%;
    margin-top: 5px;
    padding: 5px 0;
}

.txtMeusPedidos {
    width: 176px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #000;
    font-weight: 700;
    margin-left: 20px;
    float: left;
    text-align: center;
}

.txtMeusPedidosData, .txtMeusPedidosStatus, .txtMeusPedidosValor {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #676767;
    margin-left: 20px;
    float: left;
    text-align: center;
}

.txtMeusPedidosData, .txtMeusPedidosValor {
    width: 85px;
}

.txtMeusPedidosStatus {
    width: 312px;
}

.riscoBrando {
    width: 990px;
    height: 2px;
    background: #fff;
    margin-left: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.baseDetalhePedido {
    width: 1000px;
    margin: 0 auto;
}

.imgDetalhePed, .txtConteudoDetPed {
    margin-top: 15px;
    float: left;
    text-align: center;
}

.txtConteudoDetPed {
    width: 300px;
    margin-left: 10px;
    font-size: 14px;
    color: #545454;
    text-decoration: none;
}

    .txtConteudoDetPed a {
        font-size: 14px;
        color: #545454;
        text-decoration: none;
    }

        .txtConteudoDetPed a:hover {
            font-size: 14px;
            color: #545454;
            text-decoration: underline;
        }

.imgDetalhePed {
    width: 100%;
}

.blocoEnderecoDetPed {
    width: 316px;
    height: 226px;
    float: left;
    margin-right: 17px;
    margin-top: 20px;
    background: url(/image/bgEnderecoDois.gif) no-repeat;
}

.txtCodCorreio, .txtNumeroNF {
    margin-left: 10px;
    height: 30px;
    line-height: 30px;
    color: #545454;
    text-decoration: none;
    font-size: 12px;
}

.baseTxtCodCorreio, .baseTxtNumeroNF {
    width: 98%;
    background: #f5f5f5;
    margin-bottom: 15px;
    float: left;
}

.txtNumeroNF {
    float: left;
}

.baseTxtCodCorreio {
    margin-top: 15px;
}

.txtCodCorreio {
    float: left;
}

    .txtCodCorreio a {
        color: #1a60a7;
        font-size: 12px;
        text-decoration: none;
    }

        .txtCodCorreio a:hover {
            color: #1a60a7;
            font-size: 12px;
            text-decoration: underline;
        }

.titDepoimento, .titDepoimento a {
    text-decoration: none;
}

.blocoStatusPedido {
    width: 554px;
    float: left;
    margin-left: 223px;
    margin-top: 10px;
}

.subtitulo-login {
    width: 100%;
    color: #999;
    font-size: 14px;
    margin-top: 10px;
}

.bloco-form-atendimento label {
    display: block;
    margin: 10px 0 0 5px;
    font-size: 14px;
    color: #666;
}

.bloco-form-atendimento {
    width: 420px;
    margin-top: 30px;
    float: left;
}

.bloco-form-atendimento-dois {
    padding: 10px 50px;
}

    .bloco-form-atendimento-dois label {
        font-size: 14px;
        display: block;
        margin-top: 7px;
        margin-bottom: 3px;
    }

.txt-atendimento {
    color: #000;
    font-size: 12px;
    float: left;
    width: 100%;
}

.campo-form-atendimento {
    height: 20px;
    border: 1px solid;
    margin-top: 2px;
    float: left;
    border-color: #aaadb2 #e3e3eb #e3e3eb;
}

.campo-form-atendimentoDois {
    height: 20px;
    line-height: 20px;
    border: 0;
    background: 0 0;
    margin-left: 2px;
    color: #000;
    font-size: 12px;
}

.campo-form-atendimentoTres {
    height: 27px;
    padding: 5px;
    border: 1px solid #ccc;
    color: #000;
    font-size: 12px;
}

.baseAtendimento {
    width: 1024px;
    margin: 0 auto;
}

.campo-area-form-atendimento {
    height: 100px;
    border: 0;
    background: 0 0;
    margin-left: 2px;
    color: #000;
    font-size: 12px;
}

.bt-envia-msg {
    padding: 15px;
    background: #019681;
    color: #fff;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
}

.bloco-txt-atendimento {
    width: 420px;
    float: right;
    margin-top: 30px;
    padding: 20px;
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
    box-shadow: 5px 5px #ddd;
}

#div1 div, #div4 div {
    -moz-box-shadow: #000 0 0 4px;
    -webkit-box-shadow: #000 0 0 4px;
}

.inf-txt-atendimento {
    width: 100%;
    color: #202020;
    font-size: 14px;
    text-align: center;
}

    .inf-txt-atendimento a {
        color: #eee;
        font-size: 14px;
        text-align: center;
        display: block;
        padding: 10px;
        background: #666;
        margin-top: 10px;
    }

        .inf-txt-atendimento a:hover {
            background: #019681;
            color: #FFF !important;
        }

.titDepoimento, .titDepoimento a, .titDepoimento a:hover {
    color: #5b5b5b;
    font-size: 13px;
}

.txtInstitucional {
    width: 100%;
    float: left;
    font-size: 14px;
    text-align: justify;
    margin-top: 10px;
}

.baseDepoimentoDois {
    width: 1000px;
    margin: 0 auto;
}

.icoDepoimento {
    width: 52px;
    height: 59px;
    float: left;
    margin-left: 15px;
    background: url(/image/icoDepoimento.gif) no-repeat;
}

.titDepoimento {
    width: 900px;
    float: left;
    height: 59px;
    line-height: 59px;
    margin-left: 10px;
}

    .titDepoimento a:hover {
        text-decoration: underline;
    }

.itemMenu, .itemMenu a {
    text-decoration: none;
}

.blocoDepoimento {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.bgTopoDepo {
    width: 1000px;
    height: 16px;
    float: left;
    background: url(/image/bgTopoDepo.gif) no-repeat;
}

.conteudoDepo {
    width: 970px;
    float: left;
    margin-left: 15px;
    color: #4e4e4e;
    font-size: 13px;
    text-align: justify;
    overflow: hidden;
    display: inline;
}

.itemMenu, .itemMenu a, .itemMenu a:hover {
    font-size: 12px;
    color: #000;
}

.itemMenu, .itemMenuDois, .logoPrecoSobConsulta, .paginacao {
    text-align: center;
}

.bgRodapeDepo {
    width: 1000px;
    height: 16px;
    float: left;
    background: url(/image/bgRodapeDepo.gif) no-repeat;
}

.base-envia-depoimento {
    width: 550px;
    float: left;
    margin-top: 20px;
    margin-left: 15px;
}

.btEnviarDepo {
    width: 209px;
    height: 28px;
    float: left;
    margin-left: 143px;
}

.bgCatMenu {
    width: 161px;
    height: 37px;
    float: left;
    cursor: pointer;
}

.baseBgMenuTopo {
    width: 100%;
    height: 37px;
    float: left;
}

.baseMenuTopo {
    width: 99%;
    height: 37px;
    margin: 0 auto;
}

.riscoMenu {
    width: 1px;
    height: 21px;
    float: left;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 8px;
    background: url(/image/bgRiscoMenu.png);
}

.bgMenuDir {
    width: 14px;
    height: 28px;
    float: right;
    background: url(/image/bgMenuDir.gif) no-repeat;
}

.itemMenu {
    height: 37px;
    line-height: 37px;
    float: left;
}

    .itemMenu a:hover {
        text-decoration: underline;
    }

.itemMenuDois, .itemMenuDois a {
    text-decoration: none;
    font-size: 12px;
    color: #ff5a00;
}

.itemMenuDois {
    width: 200px;
    height: 28px;
    line-height: 28px;
    background: url(/image/bgRiscoMenu.gif) repeat-x;
    float: left;
}

    .itemMenuDois a:hover {
        font-size: 12px;
        color: #ff5a00;
        text-decoration: underline;
    }

.basePaginacao {
    width: 100%;
    float: left;
    margin-top: 50px;
    font-size: 18px;
}

.txtPaginacao {
    float: right;
}

.paginacao {
    width: 100%;
    color: #ccc;
    display: flex;
    justify-content: center;
}

    .paginacao a {
        color: #000;
    }

        .paginacao a:hover {
            text-decoration: underline;
        }


.paginacao > .navigate {
    float: left;
}

.paginacao > .navigate a {
    float: left;
    padding: 5px;
    border-radius: 8px;
    background: #666;
    color: #fff;
    margin: 0 10px;
    box-sizing: border-box;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 27px;
    text-decoration: none;
    transition: all .1s;
}

.paginacao > .navigate a:hover {
    background: #029682;
    color: #FFF !important;
    transition: all .1s;
}

.paginacao > .navigate.activePage a {
    background: #029682;
}

.txtAvaliacao, .txtAvaliacao a {
    text-decoration: none;
}

.basePrecoSobConsultaDois h3 {
    text-align: center;
    font-size: 18px;
}

.basePrecoSobConsultaDois {
    max-width: 495px;
}

.baseRemindMe {
    width: 500px;
    height: 390px;
    float: left;
    background: #fff;
}

.bgTopoPrecoSobConsulta {
    width: 90%;
    padding: 15px 5%;
    background: #e5e5e5;
}

.blocoProdConj, .blocoProdConjParceria {
    background: #fff;
    width: 100%;
}

.logoPrecoSobConsulta > img {
    margin: auto;
    max-height: 90px;
}

.btFecharSobConsulta {
    width: 58px;
    height: 14px;
    float: right;
    margin-right: 5px;
    margin-top: 5px;
}

.txtTopoSobConsulta {
    float: right;
    font-size: 16px;
    color: #fff;
    text-align: right;
    margin: auto;
}

.baseCompraConjungada {
    width: 100%;
}

.baseCompraConjungadaUm {
    width: 95%;
    min-height: 226px;
}

.baseCompraConjungadaDois {
    width: 100%;
    margin: 0 auto;
}

.blocoProdConjParceria {
    float: left;
}

.baseTitProdConj {
    width: 95%;
    height: 35px;
    background: #eee;
    margin: 10px 0;
    line-height: 35px;
    border-bottom: 3px solid #ccc;
}

.icoSetaProdNav {
    width: 20px;
    height: 35px;
    float: left;
    background: url(/image/icoSetaProdNav.gif) center center no-repeat;
}

.titProdConj {
    width: auto;
    height: 35px;
    line-height: 35px;
    margin-left: 25px;
    color: #555;
    font-size: 16px;
    font-weight: 700;
}

.buscaNao, .ops {
    font-family: Arial;
}

.dadosCompradorFormaEntrega {
    float: left;
    margin-left: 8px;
}

.basePedidoSelected {
    background-color: #e1e1e1 !important;
    float: left;
    width: 100% !important;
}

#descricao-produto, .aba-descricao, .baseSelectProdConj {
    width: 100%;
    float: left;
}

.baseSelectProdConj {
    margin-top: 5px;
}

.checkBoxProdConj {
    float: left;
    margin-left: 25px;
}

.txtCheckBoxProdConj {
    float: left;
    font-size: 12px;
    color: #000;
    margin-top: 2px;
    margin-left: 5px;
}

#descricao-produto {
    margin-top: 20px;
}

.txt-descricao {
    float: left;
    font-size: 12px;
    color: #000;
    margin: 5px 10px 10px;
}

.txt-descricaoDois {
    width: 99%;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
}

.txt-descricaoTres {
    width: 750px;
    float: left;
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.baseBtOpiniao, .espacoBtOpniao {
    width: 100%;
    float: left;
}

.espacoBtOpniao {
    height: 40px;
}

.btOpiniao {
    width: 208px;
    height: 23px;
}

.titOpiniao {
    width: 100%;
    float: left;
    color: #040d40;
    font-size: 12px;
    font-weight: 700;
}

.titSelectOpiniao, .titTxtOpiniao {
    font-size: 12px;
    color: #282829;
    float: left;
}

.baseSelectOpiniao {
    width: 200px;
    float: left;
    margin-top: 10px;
}

.titSelectOpiniao {
    width: 100%;
}

.blocoSelectOpiniao {
    width: 100%;
    float: left;
    margin-top: 5px;
}

.radioButtonSelectOpiniao {
    float: left;
}

.imgSelectOpiniao {
    float: left;
    margin-left: 5px;
    margin-top: 3px;
}

.baseTxtOpiniao {
    width: 480px;
    float: left;
    margin-top: 10px;
}

.titTxtOpiniao {
    width: 100%;
}

.bgCampoOpiniao {
    height: 30px;
    float: left;
    margin-bottom: 15px;
    margin-top: 2px;
}

.campoOpiniao {
    width: 308px;
    height: 22px;
    line-height: 30px;
    border: 1px solid #aaa;
    font-size: 16px;
    background: #fcfcfc;
    padding: 4px 8px;
    color: #888;
}

.bgCampoOpiniaoDois {
    width: 480px;
    height: 87px;
    float: left;
    margin-bottom: 10px;
    margin-top: 5px;
    background: url(/image/bgCampoOpiniaoDois.gif) no-repeat;
}

.campoOpiniaoDois {
    width: 474px;
    height: 83px;
    margin-left: 3px;
    margin-top: 2px;
    background: 0 0;
    border: 0;
    font-size: 12px;
    color: #535353;
}

.baseOpiniaoCliente, .baseOpinioes, .baseTitOpinioes, .blocoOpiniaoCliente, .infoOpniaoCliente, .txtOpiniaoCliente {
    width: 100%;
    float: left;
}

.btEnviarOpiniao {
    float: left;
}

.baseOpinioes {
    margin-top: 30px;
}

.baseTitOpinioes {
    height: 23px;
    background: #f5f5f5;
}

.titOpinioes {
    float: left;
    height: 23px;
    line-height: 23px;
    margin-left: 5px;
    font-size: 12px;
    font-weight: 700;
    color: #040d40;
}

.texto1, .texto2 {
    font-weight: 700 !important;
}

.baseOpiniaoCliente {
    margin-top: 10px;
}

.blocoOpiniaoCliente {
    margin-bottom: 10px;
}

.imgOpiniaoCliente {
    float: left;
}

.infoOpniaoCliente {
    font-size: 12px;
    color: #000;
    margin-top: 5px;
}

.txtOpiniaoCliente {
    font-size: 12px;
    color: #5c5c5c;
    margin-top: 15px;
}

.baseIndiqueAmigo {
    width: 330px;
    float: left;
    margin-left: 25px;
    margin-top: 15px;
}

.txtIndiqueAmigo {
    width: 685px;
    float: left;
    margin-left: 25px;
}

.bgCampoIndiqueAmigo {
    width: 683px;
    height: 90px;
    float: left;
    margin-top: 3px;
}

.campoIndiqueAmigo {
    width: 665px;
    height: 80px;
    line-height: 30px;
    border: 1px solid #aaa;
    font-size: 16px;
    background: #fcfcfc;
    padding: 4px 8px;
    color: #888;
}

.txtAvaliacao, .txtAvaliacao a, .txtAvaliacao a:hover {
    font-size: 12px;
    color: #000;
}

.baseTxtAvaliacao {
    float: left;
    margin-left: 10px;
    height: 20px;
    line-height: 20px;
}

.resultadoAvaliacao {
    width: 86px;
    float: left;
    height: 20px;
}

.txtAvaliacao {
    float: left;
}

    .txtAvaliacao a:hover {
        text-decoration: underline;
    }

.baseComboConj {
    width: 100%;
    float: left;
    line-height: 14px;
}

.comboConj {
    width: 161px;
    height: 21px;
    margin-top: 10px;
    float: left;
    background: url(/image/bgComboConj.png) no-repeat;
}

.stiloComboConj {
    width: 155px;
    height: 17px;
    line-height: 17px;
    margin-left: 2px;
    margin-top: 2px;
    background: 0 0;
    border: 0;
    font-size: 11px;
    color: #000;
}

.btComcluirPedido {
    float: right;
}

.borderConteudo {
    width: 351px;
    height: 57px;
    border: 1px dashed #999;
    margin: auto;
    border-radius: 10px;
}

.ops {
    font-size: 40px;
    color: red;
    float: left;
    margin-left: 45px;
    margin-top: 5px;
}

.buscaNao {
    font-size: 23px;
    color: #000;
    float: left;
    margin-top: 18px;
    margin-left: 5px;
}

.txtResultBusca {
    width: 450px;
    font-size: 28px;
    text-align: center;
    padding: 100px 350px;
    color: #999;
    margin: auto;
    background: #f5f5f5;
    border-radius: 7px;
}

.baseBtResultBusca {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.btResultBusca > a {
    width: 213px;
    display: block;
    margin: auto;
    padding: 10px;
    background-color: #029682;
    color: #fff !important;
}

.basemensagemPromocional {
    width: 100%;
    height: 33px;
    float: left;
    background-image: url(/image/bgMensagemPromocional.png);
    background-repeat: repeat-x;
}

.msgPromocional {
    width: 100%;
    background: repeat-x #BEBEBE;
    color: #585858;
    font-weight: bold;
    padding: 10px;
    box-sizing: border-box;
}

.blocoMensagemPromocional {
    margin: 0 auto;
}

.mensagemPromocional {
    width: 100%;
    text-align: center;
}

.banner {
    width: 155px !important;
    height: 274px;
    margin: auto auto 10px;
    padding: 5px;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    float: left;
}

#btnComparador, .blocoImagem {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.blocoImagem {
    width: 153px;
    height: 162px;
    margin: 2px 2px -10px;
    border-radius: 5px;
}

.foto {
    width: 145px;
    height: 154px;
    margin: 3px;
}

.texto1 {
    font-size: 11px !important;
    margin: 5px !important;
}

.texto2 {
    font-size: 14px !important;
    margin: 8px !important;
}

.link {
    text-decoration: none;
}

.slideshow-mw {
    position: relative;
    width: 100%;
    height: 350px;
    overflow: hidden;
    float: left;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    background: #ccc;
}

    .slideshow-mw > .slideshow-loader {
        background-color: #fff;
        border: 1px solid #fff;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        height: 36px;
        left: 50%;
        overflow: hidden;
        position: absolute;
        margin: -18px 0 0 -18px;
        top: 50%;
        width: 36px;
        z-index: 3;
    }

    .slideshow-mw > ul.pagination {
        position: absolute;
        bottom: 15px;
        text-align: center;
        width: 100%;
        margin: 0;
        padding: 0;
    }

        .slideshow-mw > ul.pagination > li {
            position: relative;
            display: inline-block;
            background: #9d9d9d;
            width: 24px;
            height: 24px;
            margin: 0 5px;
            list-style: none;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            -o-border-radius: 30px;
            -ms-border-radius: 30px;
            border-radius: 30px;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            -ms-transition: all .5s ease;
            transition: all .5s ease;
        }

            .slideshow-mw > ul.pagination > li > a {
                position: relative;
                display: block;
                text-decoration: none;
                font-size: 12px;
                font-weight: 700;
                line-height: 25px;
                color: #FFF;
                font-family: Arial,Helvetica,sans-serif;
            }

            .slideshow-mw > ul.pagination > li.active {
                background: #ff8000;
            }

    .slideshow-mw ul.thumb {
        position: absolute;
        background: #ff8000;
        border: 1px solid #FFF;
        border-right: none;
        padding: 2px;
        float: left;
        right: 38px;
        top: 0;
        text-align: center;
        width: auto;
        margin: 0;
        display: none;
    }

        .slideshow-mw ul.thumb > li {
            background: #FFF;
            float: left;
            list-style: none;
            margin: 0;
            width: 84px;
        }

            .slideshow-mw ul.thumb > li:hover > a > img {
                border-color: #dedede;
            }

            .slideshow-mw ul.thumb > li:last-child > a > img {
                border-right: solid 2px #FFF;
            }

            .slideshow-mw ul.thumb > li.active > a > img {
                border-color: #900;
            }

            .slideshow-mw ul.thumb > li > a {
                margin: 0;
                padding: 0;
                float: left;
                height: 83px;
            }

                .slideshow-mw ul.thumb > li > a > img {
                    border: 2px solid #FFF;
                }

    .slideshow-mw > .slide-content {
        position: absolute;
        top: 0;
        height: 350px;
        width: 100%;
        display: none;
    }

    .slideshow-mw:hover .slideshow-mw_commands, .slideshow-mw:hover .slideshow-mw_next, .slideshow-mw:hover .slideshow-mw_prev {
        display: block;
    }

.slideshow-mw_commands, .slideshow-mw_next, .slideshow-mw_prev {
    cursor: pointer;
    height: 40px;
    margin-top: -102px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 2;
    display: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

    .slideshow-mw .slideshow-mw_stop, .slideshow-mw_next:hover > ul.thumb, .slideshow-mw_next > span {
        display: block;
    }

.slideshow-mw_prev {
    left: -12px;
}

    .slideshow-mw_prev > span {
        background: url(/image/btn-trocar.png) no-repeat;
        display: block;
        height: 95px;
        width: 37px;
        margin-left: 8px;
        margin-top: 50px;
    }

    .slideshow-mw_prev:hover > span {
        background: url(/image/btn-trocar.png) 0 -100px no-repeat;
    }

.slideshow-mw_next {
    right: -12px;
}

    .slideshow-mw_next > span {
        background: url(/image/btn-trocar.png) -45px 0 no-repeat;
        height: 95px;
        width: 37px;
        margin-left: -8px;
        margin-top: 50px;
    }

    .slideshow-mw_next:hover > span {
        background: url(/image/btn-trocar.png) -45px -100px no-repeat;
    }

.slideshow-mw .slideshow-mw_play, .slideshow-mw .slideshow-mw_stop {
    background: url(/image/slideshow-mw_skins.png) no-repeat;
    height: 95px;
    width: 37px;
}

.slideshow-mw_commands, .slideshow-mw_next, .slideshow-mw_prev {
    background: 0 0;
}

    .slideshow-mw_commands > .slideshow-mw_play {
        background-position: -80px -80px;
    }

    .slideshow-mw_commands > .slideshow-mw_stop {
        background-position: -120px -80px;
    }

.slideshow-mw_commands {
    margin-top: -40px;
    left: 41px;
    background: #CCC;
    overflow: hidden;
    top: 55%;
}

.bar1 {
    -moz-transform: rotate(0) translate(0,-40px);
    -webkit-transform: rotate(0) translate(0,-40px);
    opacity: .12;
}

.bar2 {
    -moz-transform: rotate(45deg) translate(0,-40px);
    -webkit-transform: rotate(45deg) translate(0,-40px);
    opacity: .25;
}

.bar3 {
    -moz-transform: rotate(90deg) translate(0,-40px);
    -webkit-transform: rotate(90deg) translate(0,-40px);
    opacity: .37;
}

.bar4 {
    -moz-transform: rotate(135deg) translate(0,-40px);
    -webkit-transform: rotate(135deg) translate(0,-40px);
    opacity: .5;
}

.bar5 {
    -moz-transform: rotate(180deg) translate(0,-40px);
    -webkit-transform: rotate(180deg) translate(0,-40px);
    opacity: .62;
}

.bar6 {
    -moz-transform: rotate(225deg) translate(0,-40px);
    -webkit-transform: rotate(225deg) translate(0,-40px);
    opacity: .75;
}

.bar7 {
    -moz-transform: rotate(270deg) translate(0,-40px);
    -webkit-transform: rotate(270deg) translate(0,-40px);
    opacity: .87;
}

.bar8 {
    -moz-transform: rotate(315deg) translate(0,-40px);
    -webkit-transform: rotate(315deg) translate(0,-40px);
    opacity: 1;
}

#div1, #div2, #div3, #div4, #div5, #div6 {
    position: relative;
    width: 100px;
    height: 100px;
    -moz-transform: scale(.5);
    -webkit-transform: scale(.5);
    -webkit-animation-name: rotateThis;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

#div1, #div2, #div3 {
    margin: 25px;
    -moz-border-radius: 100px;
}

    #div1 div, #div2 div, #div3 div {
        width: 10px;
        height: 30px;
        background: Red;
        position: absolute;
        top: 35px;
        left: 45px;
    }

    #div2 div {
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
    }

    #div3 div {
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
    }

    #div3 .bar1, #div3 .bar2, #div3 .bar3 {
        opacity: 0;
    }

#div4, #div5, #div6 {
    margin: 0 auto;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
}

    #div4 div, #div5 div, #div6 div {
        width: 20px;
        height: 20px;
        background: #00f;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        position: absolute;
        left: 40px;
        top: 40px;
        margin: 0 auto;
    }

.blocoMenu, .blocoMenuDois {
    height: 37px;
    width: 100%;
    float: left;
}

#div5 .bar1 {
    -moz-transform: rotate(0) translate(0,-40px) scale(.1);
    -webkit-transform: rotate(0) translate(0,-40px) scale(.1);
    opacity: .12;
}

#div5 .bar2 {
    -moz-transform: rotate(45deg) translate(0,-40px) scale(.2);
    -webkit-transform: rotate(45deg) translate(0,-40px) scale(.2);
    opacity: .25;
}

#div5 .bar3 {
    -moz-transform: rotate(90deg) translate(0,-40px) scale(.4);
    -webkit-transform: rotate(90deg) translate(0,-40px) scale(.4);
    opacity: .37;
}

#div5 .bar4 {
    -moz-transform: rotate(135deg) translate(0,-40px) scale(.6);
    -webkit-transform: rotate(135deg) translate(0,-40px) scale(.6);
    opacity: .5;
}

#div5 .bar5 {
    -moz-transform: rotate(180deg) translate(0,-40px) scale(.8);
    -webkit-transform: rotate(180deg) translate(0,-40px) scale(.8);
    opacity: .62;
}

#div5 .bar6 {
    -moz-transform: rotate(225deg) translate(0,-40px) scale(1);
    -webkit-transform: rotate(225deg) translate(0,-40px) scale(1);
    opacity: .75;
}

#div5 .bar7 {
    -moz-transform: rotate(270deg) translate(0,-40px) scale(1.2);
    -webkit-transform: rotate(270deg) translate(0,-40px) scale(1.2);
    opacity: .87;
}

#div5 .bar8 {
    -moz-transform: rotate(315deg) translate(0,-40px) scale(1.4);
    -webkit-transform: rotate(315deg) translate(0,-40px) scale(1.4);
    opacity: 1;
}

#div6 .bar1, #div6 .bar2, #div6 .bar3 {
    opacity: 0;
}

.blocoMenu {
    background: url(/image/bgMenuEsq.png) left no-repeat;
}

.blocoMenuDois {
    background: url(/image/bgMenuDir.png) right no-repeat;
}

.baseAbaHome {
    margin: 0 auto;
}

.baseConteudoTab {
    width: 100%;
    margin-bottom: 15px;
    margin-top: 10px;
}

.blocoConteudoTab {
    width: 32%;
    margin-left: 1%;
    float: left;
    margin-bottom: 20px;
}

.baseImgTab {
    width: 100%;
    height: 150px;
}

.imgTab {
    background: url(/images/camera-loader.gif) center no-repeat;
    width: 200px;
    height: 150px;
    margin: 0 auto;
    text-align: center;
}

.titProdutosVitrineTab {
    width: 54%;
    float: left;
    color: #000;
    font-size: 12px;
    text-align: left;
    padding-left: 89px;
    text-decoration: none;
}

    .titProdutosVitrineTab a {
        color: #000;
        font-size: 12px;
        text-decoration: none;
    }

        .titProdutosVitrineTab a:hover {
            color: #000;
            font-size: 12px;
            text-decoration: underline;
        }

.riscoMenuLaterial {
    width: 144px;
    height: 1px;
    float: left;
    background: url(/image/riscoMenuLaterial.gif) no-repeat;
    margin-left: 5px;
}

.bgRodapeFormaPag, .bgTopoFormaPag {
    width: 129px;
    height: 5px;
    float: left;
}

.bgTopoFormaPag {
    background: url(/image/bgTopoFormaPag.png) no-repeat;
}

.baseFormaPagRodape {
    width: 129px;
    float: left;
    background-color: #fff;
}

.bgRodapeFormaPag {
    background: url(/image/bgRodapeFormaPag.png) no-repeat;
}

.riscoRodape {
    width: 1px;
    height: 165px;
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    background: #e0e0e0;
}

.baseRedeSocialRodape {
    width: 250px;
    float: left;
}

.baseTwitterRodape {
    width: 100%;
    float: left;
    margin-top: 5px;
}

.imgFaceRodape {
    width: 100%;
    float: left;
    margin-top: 8px;
}

.icoRedesSociaisRodape {
    width: 61px;
    height: 61px;
    float: left;
    margin-top: 5px;
    margin-right: 10px;
}

.baseFiltroProd {
    height: 40px;
    float: right;
    margin-right: 20px;
}

.txtFiltroProd {
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 11px;
    color: #565656;
}

.bgCampoFiltroProd {
    float: left;
    margin-left: 5px;
    height: 40px;
    line-height: 40px;
}

.campoFiltroProd {
    width: 160px;
    height: 25px;
    font-size: 12px;
    color: #666;
    border: 1px solid #bbb;
    border-radius: 3px;
    font-weight: 400;
}

.menuLinha {
    margin-left: 10px;
    color: #1f26a7;
    font-weight: 700;
    text-align: right;
}

    .menuLinha a, .menuLinhaLink {
        color: #ff3a00;
        font-weight: 700;
    }

.menuLinhaLink {
    float: left;
    text-align: left;
}

.menuLinha a:hover {
    color: #fff;
    font-weight: 700;
}

.baseEbit {
    width: 100%;
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
}

.imgEbit {
    width: 388px;
    height: 60px;
    margin: 0 auto;
}

#div5 {
    position: absolute;
    z-index: 9999;
    width: 100% !important;
    left: 0;
}

#div5imagem {
    background: url(../../image/load.gif) center top no-repeat;
    width: 60px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
}

.container_20 {
    background: #ddd;
    position: absolute;
    top: 52px;
}

#automatic-search {
    background: #f5f5f5;
    border: 1px solid #666666;
    padding: 0;
    display: none;
    height: auto;
}

#automatic-search-header {
    background: #666;
    color: #eee;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    padding-bottom: 3px;
    height: 26px;
    line-height: 26px;
    text-transform: uppercase;
}

#automatic-search-close {
    padding: 0 5px !important;
    float: right;
    margin-right: 10px;
    text-align: right;
    font-size: 24px;
    width: 15px;
    height: 25px;
}

    #automatic-search-close:hover {
        background: #222222;
    }

    #automatic-search-close a {
        color: #fff;
        text-decoration: none;
        position: relative;
        top: -2px;
        left: -1px;
        text-transform: none;
    }

#automatic-search ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
    width: 100%;
}

    #automatic-search ul li {
        width: 100%;
        height: 60px;
        float: left;
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: dotted 1px #ccc;
        color: #666;
        background-image: linear-gradient(315deg,#f6f6f6,#fff);
    }

        #automatic-search ul li:hover {
            background: linear-gradient(315deg,#f0eded,#fff);
            color: #222222;
        }

#automatic-search .product-description {
    width: 175px;
    font-size: 12px;
    height: 60px;
    float: left;
}

    #automatic-search .product-description a {
        text-decoration: none;
    }

        #automatic-search .product-description a:hover, #see-all-automatic-search a:hover {
            color: #d10401;
        }

#automatic-search .product-price {
    color: #289d11;
    margin-left: 0;
    font-weight: 700;
    font-size: 12px;
    margin-right: 10px;
    line-height: 60px;
    float: right;
}

#see-all-automatic-search {
    font-size: 14px;
    width: 100%;
    text-align: right;
    padding: 13px;
    box-sizing: border-box;
}

    #see-all-automatic-search > a {
        font-size: 16px;
        color: #222222;
    }

.tumb {
    width: 80px;
    height: 60px;
    overflow: hidden;
    float: left;
    margin: 0 10px;
}

    .tumb > img {
    }

.container {
    margin: 0;
    padding: 0;
    font-family: Arial,Helvetica,sans-serif;
}

#menuWrap {
    background: #666;
    border-top: 1px solid #666;
    border-bottom: 2px solid #666;
}

    #menuWrap > .container {
        width: 1124px;
        margin: 0 auto;
        text-align: center;
    }

        #menuWrap > .container > ul {
            height: 100%;
            margin: 0 auto;
        }

            #menuWrap > .container > ul > li {
                text-align: center;
                background: url(/image/image_nova/separator.png) no-repeat left center;
            }

                #menuWrap > .container > ul > li > div {
                    padding: 14px 15px 15px 10px;
                    height: 34px;
                    color: #fff;
                    text-align: left;
                    cursor: pointer;
                }

.see-all-deps {
    background: url(/image/image_nova/iconCategory.png);
    float: right;
    display: block;
    height: 32px;
    width: 32px;
    position: relative;
    top: -15px;
    left: 7px;
}

#menuWrap > .container > ul > li:first-child {max-width: 170px;border-left: none; background: none}

#menuWrap > .container > ul > li:hover > a {
    color: #363636;
}

#menuWrap > .container > ul > li > a {
    color: #fff;
    text-decoration: none;
    display: block;
    font-size: 13px;
    line-height: 14px;
    font-family: "Open Sans",sans-serif;
    padding: 5px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    width: 117px;
    height: 65px;
}

    #menuWrap > .container > ul > li > a > img {
        display: block;
        margin: 0px auto 2px auto;
        padding-bottom: 2px;
        width: 35px;
        height: 35px;
    }

    #menuWrap > .container > ul > li > a.active, #menuWrap > .container > ul > li > a:hover {
        color: #FFF !important;
        background: data;
    }

#menuWrap > .container > ul > li > ul {
    position: absolute;
    left: 6%;
    width: 100%;
    min-width: 990px;
    max-width: 88%;
    background: #f8f8f8;
    padding: 10px !important;
    list-style: none;
    border: 1px solid;
    border-color: #666;
    border-top-width: 4px;
    z-index: 99;
    display: none;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.5);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,.5);
    -o-box-shadow: 0 2px 6px rgba(0,0,0,.5);
    -ms-box-shadow: 0 2px 6px rgba(0,0,0,.5);
    box-shadow: 5px 5px 15px -5px rgba(0,0,0,.5);
    max-height: 380px;
    overflow: hidden;
    overflow-y: auto;
}


/* width */
#menuWrap > .container > ul > li > ul::-webkit-scrollbar {
    width: 10px;
}

/* Track */
#menuWrap > .container > ul > li > ul::-webkit-scrollbar-track {
    background: rgba(236, 236, 236,.25);
}

/* Handle */
#menuWrap > .container > ul > li > ul::-webkit-scrollbar-thumb {
    background: #f5f5f5;
    border-radius: 15px;
}

/* Handle on hover */
#menuWrap > .container > ul > li > ul::-webkit-scrollbar-thumb:hover {
    background: #999;
}

    #menuWrap > .container > ul > li > ul > li {
        margin-bottom: 20px;
        float: left;
        width: 25%;
        min-height: 70px;
    }

        #menuWrap > .container > ul > li > ul > li > ul {
            margin: 0;
            padding: 0;
            list-style: none;
            /* width: 150px; */
            float: left;
            display: block !important;
        }

#menuWrap > div > ul > li > ul > a {
    width: 20%;
    float: left;
    height: 50px;
    text-align: left;
    color: #666;
    padding: 10px 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    display: flex;
    align-items: center;
}

    #menuWrap > div > ul > li > ul > a:hover {
        color: #fff;
    }

    #menuWrap > div > ul > li > ul > a > span {
        height: 48px;
        width: 48px;
        display: block;
        float: left;
        margin: 1px 5px 1px 0;
        border-radius: 0px;
        background-size: 36px !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }

    #menuWrap > div > ul > li > ul > a > p {
    margin: 0;
    }

#logo, .clear {
    display: block;
}

#menuWrap > .container > ul > li > ul > li > ul > li.title {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 16px;
    text-align: left;
}

    #menuWrap > .container > ul > li > ul > li > ul > li.title > a {
        color: #333;
        text-decoration: none;
    }

#menuWrap > .container > ul > li > ul > li > a > img {
    float: left;
    margin-right: 10px;
}

#menuWrap > .container > ul > li > ul > li > ul > a {
    color: #222222;
    text-decoration: none;
    font-size: 12px;
    text-align: left;
    float: left;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

    #menuWrap > .container > ul > li > ul > li > ul > a:hover {
        background: #EDEBDD;
        text-shadow: 1px 1px 4px #fff;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -o-border-radius: 2px;
        -ms-border-radius: 2px;
        border-radius: 2px;
    }

    #menuWrap > .container > ul > li > ul > li > ul > a > li {
        width: 200px;
        padding: 5px 10px;
    }

        #menuWrap > .container > ul > li > ul > li > ul > a > li.browse-all {
            width: 180px;
            font-weight: 700;
            text-align: left;
        }

.clear {
    height: 0;
    visibility: hidden;
    clear: both;
}

#logo {
    margin-top: 1em;
}

.content.links, .content.tutorials, .the_menu {
    display: none;
}

#container {
    width: 100%;
}

.menu {
    height: 31px;
    background-color: #f5f5f5;
    border-bottom: 2px solid #BEBEBE;
}

#container ul {
    list-style: none;
}

    #container ul.menu li {
        width: 164px;
        height: 31px;
        line-height: 31px;
        text-align: center;
        font-size: 14px;
        color: #999;
        cursor: pointer;
        float: left;
    }

    #container ul.menu li.active {
        background: #666;
        color: #fff;
        box-shadow: 0 0 12px -3px #000;
        border-bottom: 2px solid #666;
    }

        #container ul.menu li {
            width: 33.333%;
            height: 31px;
            line-height: 31px;
            text-align: center;
            font-size: 14px;
            color: #666;
            cursor: pointer;
            float: left;
        }

.content {
    margin: 0 auto 20px;
    background: #fff;
    text-align: left;
    font-size: 11px;
    padding: 25px 1px 0;
    height: auto;
    display: none;
}

.show {
    display: block;
}

#button, #container {
    margin: auto;
}

.content h1 {
    line-height: 1em;
    vertical-align: middle;
    height: 48px;
    padding: 10px 10px 10px 52px;
    font-size: 32px;
}

.content.news h1 {
    background: url(images/news.jpg) left top no-repeat;
}

.content.tutorials h1 {
    background: url(images/tuts.jpg) left top no-repeat;
}

.content.links h1 {
    background: url(images/links.jpg) left top no-repeat;
}

.refInfProd {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #666;
}

#header {
    background-image: url(images/header.png);
    background-repeat: no-repeat;
    height: 42px;
    width: 1000px;
    margin-bottom: 0;
}

#button {
    height: 28px;
    width: 161px;
}

li, ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu_class {
    border: 0;
    cursor: pointer;
}

.the_menu {
    position: absolute;
    width: 1000px;
    border: 1px solid #0e3872;
    background: url(/image/bgMenu.png);
}

    .the_menu li {
        width: 20%;
        float: left;
    }

        .the_menu li a {
            color: #333;
            text-decoration: none;
            padding-left: 10px;
            padding-top: 7px;
            display: block;
        }

            .the_menu li a:hover {
                padding-left: 10px;
                padding-top: 7px;
                font-weight: 700;
                color: #0e3872;
            }

div.compare {
    margin: 0 auto;
    width: 76px;
    height: 20px;
    text-align: center;
}

.corpo {
    width: 100%;
    min-width: 1124px;
    border: 0;
    height: auto;
    margin-top: 10px;
    display: table;
    position: relative;
}

    .corpo .abaLateral {
        width: 190px;
        border: 0;
        position: absolute;
        z-index: 2;
    }

    .corpo .vitrine {
        position: relative;
        min-width: 734px;
        padding: 0 185px 0 205px;
    }

    .corpo .mkt {
        width: 170px;
        position: absolute;
        top: 0;
        right: 0;
        height: 500px;
    }

.card1 div label input, .card1 div label select {
    border: 1px solid #ccc;
    height: 30px;
    width: auto;
    padding: 0 10px;
    color: #666;
}

.card1, .card2 {
    width: 418px;
    float: left;
    border: 1px solid #DDD;
    padding: 10px;
    margin: 35px 5px 0;
    background-color: #F5F5F5;
}

ul#flagsOfCard1, ul#flagsOfCard2 {
    overflow: auto;
}

#flagsOfCard1 > li, #flagsOfCard2 > li {
    float: left;
    margin: 0 3px;
}

    #flagsOfCard1 > li > label > img, #flagsOfCard2 > li > label > img {
        width: 50px;
        height: 32px;
        border: 0;
        float: left;
    }

    #flagsOfCard1 > li > label > input, #flagsOfCard2 > li > label > input {
        margin: 0 0 0 10px;
        height: 32px;
        float: left;
    }

.btFecharPedido {
    float: right;
}

#tabMenu {
    margin: 0;
    padding: 0 0 0 15px;
    list-style: none;
}

    #tabMenu li {
        float: left;
        height: 22px;
        width: 122px;
        cursor: pointer;
    }

.box, .boxBody div ul {
    width: 770px;
    float: left;
}

li.descricao {
    background: url(images/aba-descricao.gif) 0 -22px no-repeat;
}

li.mouseover {
    background-position: 0 0;
}

li.mouseout {
    background-position: 0 -22px;
}

li.selected {
    background-position: 0 0;
}

.boxBody div {
    display: none;
}

    .boxBody #category a, .boxBody div.show {
        display: block;
    }

    .boxBody div ul {
        margin: 0 10px 0 25px;
        padding: 0;
    }

#rodape {
    background: #f8f8f8;
    width: 100%;
    float: left;
    padding-top: 20px;
}

.container_footer {
    width: 1000px;
    height: auto;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

    .container_footer h2, .painel_inferior h2 {
        color: #414042;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 5px;
        padding-bottom: 5px;
        border-bottom: dashed 1px #ddd;
    }

    .container_footer ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .container_footer ul > li {
            /*background: url(image/list-style.gif) 0 3px no-repeat;*/
            padding-left: 0;
            margin: 5px 0;
            font-size: 12px;
            line-height: 1.5em;
        }

            .container_footer ul > li:hover {
                background: url(image/list-style-hover.gif) 0 3px no-repeat;
            }

    .container_footer a {
        text-decoration: none;
        color: #404040;
    }

        .container_footer a:hover {
            text-decoration: underline;
            color: #36F;
        }

    .container_footer > .painel_esquerda {
        width: 175px;
        float: left;
    }

    .container_footer > .painel_direita {
        width: auto;
        float: left;
        margin-left: 40px;
    }

    .container_footer > .painel_centro {
        width: 400px;
        float: left;
        margin: 0 0 0 80px;
    }

        .container_footer > .painel_centro > .paine_centro_img {
            margin: 4px 0 0;
            width: 60px;
            float: left;
        }

        .container_footer > .painel_centro > .paine_centro_img img{
            display: block;
            margin: 3px 0px 5px 10px;
            width: 32px;
        }

        .container_footer > .painel_centro > .paine_centro_conteudo {
            width: 280px;
            float: left;
            margin-left: 20px;
        }

            .container_footer > .painel_centro > .paine_centro_conteudo > .telefone {
                font-size: 26px;
                color: #272727;
                text-align: left;
                margin-bottom: 0;
                margin-top: 0;
            }

            .obs-telefone {
                font-size: 10px;
                display: block;
                line-height: normal;
                margin-bottom: 24px;
            }

            .container_footer > .painel_centro > .paine_centro_conteudo p {
                font-size: 12px;
                line-height: 1.6em;
                text-align: justify;
            }

    .container_footer > .painel_copyright, .container_footer > .painel_inferior {
        width: 100%;
        float: left;
        margin-top: 20px;
    }

        .container_footer > .painel_inferior > .formas_pagamento {
            width: 400px;
            margin-left: 55px;
            float: left;
        }

        .container_footer > .painel_inferior > .selos_seguranca {
            width: auto;
            float: left;
            margin-left: 40px;
        }

        .container_footer > .painel_inferior > .selos_entrega {
            width: 200px;
            float: left;
        }

        .container_footer > .painel_inferior .forma-pagamento, .container_footer > .painel_inferior .redes-sociais {
            padding: 0;
            margin: 0;
            list-style: none;
        }

            .container_footer > .painel_inferior .forma-pagamento li, .container_footer > .painel_inferior .redes-sociais li {
                background: 0 0 !important;
                padding: 0;
                float: left;
                margin-right: 0px;
            }

.icone-rodape {
    width: 50px;
}

#rodape_creditos {
    background: #f8f8f8;
    width: 100%;
    float: left;
    padding-top: 10px;
    /*padding-bottom: 40px;*/
    border-top: 4px solid;
    border-color: #ededed;
    margin-top: 15px;
}

.painel_copyright {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    text-transform: uppercase;
}

    .painel_copyright > div {
    }

    .painel_copyright > .logo, .painel_copyright > .texto {
        width: 500px;
    }

.logo-maxima {
    background-image: url(/image/maxima-web-cinza.png);
    background-repeat: no-repeat;
    background-size: 163px;
    height: 16px;
    width: 163px;
    opacity: .5;
}

    .logo-maxima:hover {
        background-image: url(/image/maxima-web-color.png);
        opacity: 1;
    }

.statusCompra {
    width: 900px;
    height: 75px;
    text-align: center;
}

ul.statusBarra {
    margin: 0 auto;
    width: 900px;
    height: 36px;
    border: 1px solid #b6b6b6;
    background: #ececec;
    color: #999;
}

.statusBarra > li {
    width: 150px;
    height: 36px;
    float: left;
    text-align: left;
    padding: 0 0 0 30px;
    line-height: 36px;
}

.page-title, .status-number {
    text-align: center;
}

.statusBarraAtiva {
    background-color: #289D11;
    color: #fff;
}

.statusBarra > li > span {
    background: url(/image/setaStatusBarra.png) no-repeat;
    height: 36px;
    width: 19px;
    float: right;
    position: relative;
    right: -19px;
}

.statusBarraAtiva > span {
    background: url(/image/setaStatusBarraAtiva.png) no-repeat !important;
}

.statusBarra > li > div {
    font-weight: 700;
    margin-right: 15px;
    font-size: 24px;
    height: 36px;
    float: left;
}

.main-page {
    width: 1024px;
    margin: auto;
}

.page-title {
    font-size: 28px;
    color: #0c0;
}

.box-erro {
    border-color: #DAA !important;
    background-color: #FFFCFC !important;
}


.box-erro .detail-warning {
    color: #db0000 !important;
    font-size: 18px;
    margin-top: 0;
    text-transform: uppercase;
}

.status-wrap {
    width: 900px;
    margin: 0 auto 30px;
}

.status-number-box {
    width: 220px;
    height: 188px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 20px;
    color: #999;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.status-text {
    font-size: 14px;
    text-align: center;
}

.status-number {
    color: #0c0;
    font-size: 26px;
    font-weight: 700;
}

.status-detail {
    width: 620px;
    height: 188px;
    background: #fcfffc;
    border: 1px solid #A9DCAA;
    padding: 20px;
    color: #999;
    float: right;
}

.account-info, .account-numbers-title {
    line-height: 45px;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.detail-icone {
    float: left;
    height: 188px;
    width: 154px;
}

    .detail-icone div {
        background: url(image/btn_boleto.png) center center no-repeat;
        height: 188px;
    }

.detail-info {
    float: left;
    width: 446px;
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.detail-text {
    text-align: center;
    font-size: 14px;
    margin: 5px;
}

.highlight, .order-title {
    font-size: 18px;
}

.detail-warning {
    margin-top: 15px;
    color: #0c0;
}

.detail-warning a {
    color: #0c0;
    font-weight: bold;
}

.account-numbers-wrap {
    clear: both;
    padding-top: 30px;
    display: none;
}

.account-numbers-details {
    border: 1px solid #ccc;
}

.account-numbers-title {
    background: #f5f5f5;
    font-weight: 700;
    color: #333;
}

.account-info {
    background: #222222;
    color: #fff;
}

    .account-info span {
        font-weight: 700;
    }

.account-numbers ul {
    margin: 10px;
    text-align: center;
}

    .account-numbers ul li {
        display: inline-block;
        width: 185px;
        margin: 5px;
        padding: 0 5px;
        border: 1px dotted #ccc;
        text-align: center;
        transition: 250ms;
    }

        .account-numbers ul li:hover {
            background: #222222;
            border-color: #ab0000;
            color: #fff !important;
        }

        .account-numbers ul li div {
            line-height: 30px;
        }

.order-wrap {
    width: 900px;
    margin: auto;
    border: 1px solid #eee;
    clear: both;
}

.order-title {
    text-align: center;
    line-height: 50px;
    background: #eee;
}

.order-detail {
    border: 1px solid solid;
}

    .order-detail table thead {
        background: #333;
        color: #f5f5f5;
    }

    .order-detail table {
        line-height: 35px;
    }

        .order-detail table tbody {
            font-size: 14px;
            color: #666;
        }

        .order-detail table td, .order-detail table th {
            padding: 0 10px;
        }

        .order-detail table tbody tr:nth-child(2n+0) td {
            border: 1px dashed #ddd;
            border-right: 0;
            border-left: 0;
        }

        .order-detail table tbody tr:nth-child(2n+0) {
            background: #f5f5f5;
        }

        .order-detail table tbody tr:hover {
            background: #fff5f5;
            color: #600;
        }

        .order-detail table tbody tr td:nth-child(2) {
            text-align: center;
        }

        .order-detail table tbody tr td:nth-child(3), .order-detail table tbody tr td:nth-child(4), .order-detail table tfoot tr td:nth-child(1), .order-detail table tfoot tr td:nth-child(2) {
            text-align: right;
        }

        .order-detail table tfoot td {
            background: #f8f8f8;
            border-top: 3px solid #666;
        }

            .order-detail table tfoot td:last-child {
                font-weight: 700;
                color: #000;
            }

.resume-wrap {
    margin: 25px auto;
    width: 900px;
}

.order-adress {
    width: 425px;
    float: left;
}

    .order-adress div ul li {
        line-height: 40px;
        border-bottom: 1px dashed #ddd;
        padding-left: 10px;
        color: #999;
    }

        .order-adress div ul li:last-child {
            border-bottom: 0;
        }

        .order-adress div ul li span {
            font-weight: 700;
            color: #333;
        }

.order-resume {
    width: 425px;
    float: right;
}

    .order-resume div ul li {
        padding: 0 10px;
        line-height: 40px;
        border-bottom: 1px dashed #ddd;
        clear: both;
    }

        .order-resume div ul li:last-child {
            border: 0;
        }

.order-info {
    color: #222222;
    font-weight: 700;
}

.order-resume div ul li div:first-child {
    width: 40%;
    margin-right: 2%;
    color: #999;
    text-align: right;
    float: left;
}

.order-resume div ul li div:nth-child(2) {
    width: 58%;
    float: left;
}

.box {
    border: 1px solid #ddd;
}

.box-header {
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    padding: 5px 10px;
    margin-bottom: 5px;
}

.box-title {
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    color: #666;
}

.form-card-line label {
    font-size: 14px;
    display: block;
    line-height: 30px;
}

.form-card-line {
    padding: 10px;
}

    .form-card-line input {
        width: 375px;
        font-size: 16px;
        padding: 7px 5px;
    }

    .form-card-line select {
        font-size: 16px;
        padding: 7px 5px;
        font-weight: 400;
        box-shadow: none;
        margin: 0;
        width: 190px;
    }

.number-card > input {
    width: 200px;
}

.cod-card > input {
    width: 130px;
}

.number-card {
    float: left;
}

.cod-card {
    float: left;
    margin-left: 25px;
}

.dadosCartao {
    border-top: 1px dashed #ddd;
    margin-top: 15px;
}

.paymentOfCreditCard > div {
    width: 900px;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    border-radius: 0;
    color: #666;
    background: #f8f8f8;
    border: 0;
    border-bottom: 4px solid #ccc;
    margin-bottom: 10px;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable {
    background-color: #f8f8f8;
    border-radius: 0;
    padding: 10px;
}

.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    background-color: #f8f8f8;
}

button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
    background-color: #e5e5e5;
    color: #666;
    box-shadow: none !important;
}

#btnComparador, #btnLimparSelecao {
    display: none;
    color: #fff;
    margin-right: 20px;
}

.ui-widget-overlay {
    opacity: .5 !important;
    background-color: #000 !important;
}

.invisible {
    display: none;
}

.left {
    float: left;
    width: 50%;
}

.right {
    float: right;
    width: 45%;
    padding-left: 5%;
}

#btnComparador {
    background-color: #d2232a;
    border-radius: 5px;
    border: 1px solid #f58220;
}

#btnLimparSelecao {
    background-color: #d2232a !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #f58220;
    text-transform: uppercase;
}

div.indisponivelProduto > p {
    font-size: 18px;
    text-align: center;
    color: #289D11;
    font-weight: 700;
    font-style: italic;
}

div.indisponivelProduto > a {
    font-size: 14px;
    display: block;
    text-align: center;
    color: #55AA93;
}

span.preco {
    font-weight: 700;
    color: #289D11;
    font-size: 24px;
}

div.titProdutosVitrine > span {
    display: block;
    height: auto;
    margin-top: 7px;
    font-weight: bold;
    font-size: 12px;
}

.refProdutosVitrine {
    color: #606060;
    font-size: 10px;
}

span.vitrine-marca > a {
    color: #aaa;
}

span.vitrine-descricao {
    padding-top: 15px;
}

.precoWrap {
    padding-top: 20px;
}

span.txtPor {
    display: initial;
    font-size: 22px;
}

.product-detail-photo {
    float: left;
    width: 32%;
    max-width: 300px;
}

.product-detail-info {
    float: left;
    width: 68%;
    min-width: 654px;
}

.product-detail-base {
    min-width: 954px;
}

div.baseProdutoIndisponível {
    padding: 30px 10px;
}

.baseProdutoIndisponível > p {
    line-height: 40px;
    margin: 0;
    font-size: 22px;
    color: #666;
    font-weight: 700;
}

div.baseProdutoIndisponível > a {
    color: #fff;
    background: #222222;
    border: 1px solid #A2445E;
    font-style: italic;
    display: block;
    width: 200px;
    padding: 10px;
    text-align: center;
}

.form-input {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: inset 0 0 2px 0 #ccc;
    display: block;
    font-size: 14px;
    color: #666;
    width: 373px;
}

.telefone1, .telefone2 {
    float: left;
    margin-right: 10px;
}

.telefone1 {
    width: 19px;
}

.telefone2 {
    width: 85px;
}

p.treatment-fone {
    font-size: 28px;
    font-weight: 700;
    color: #666;
    margin-bottom: 6px;
}

p.treatment-fone span {
    font-size: 14px;
    font-weight: normal;
    color: #999;
    display: block;
    margin-bottom: 40px;
}

.btn-login {
    padding: 10px;
    background: #019681;
    text-align: center;
    color: #fff;
    cursor: pointer;
    margin-top: 15px;
}

.lbl-cadastro {
    font-size: 14px;
    margin: 20px 0 5px;
    color: #666;
}

.column2 {
    float: left;
    margin-right: 10px;
}

div#bt-continuar-cadastro {
}

.new-mail label {
    font-size: 14px;
    margin: 15px 0 5px 4px;
    color: #333;
    display: block;
}

.new-mail .form-input {
    width: 340px;
    font-size: 14px;
}

.cadastro-part {
    margin: auto;
    border: 1px solid #ddd;
    border-bottom-width: 4px;
    background: #f9f9f9;
    padding: 20px 50px;
    width: 395px;
    margin-bottom: 35px;
}

.btn-mw {
    padding: 10px;
    background: #222222;
    border-bottom: 2px solid #A2445E;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.form-button-group {
    margin-top: 25px;
}

.topo-col-2 {
    border-top: 13px solid #222222;
    position: absolute;
    width: 100%;
    height: 160px;
}

.block-left {display: none;}

.topo-col-2.block-right {
    display: none;
}


.label-cadastro {
    font-size: 14px;
    margin-top: 15px;
}
#divSegmento {
    display: none;
}

.topo-col-2:after {
    content: "";
    border-top: 5px solid #bebebe;
    display: block;
}

.indisponivelProduto {
    height: 80px;
    width: 210px;
    margin: auto;
}

.scrollDepartamento {
    overflow: scroll;
    overflow-x: hidden;
    max-height: 250px;
    margin-bottom: 20px;
}

#divConteudoMenu {
    margin-bottom: 25px;
    order: 3;
}
div#ucMenuLateralBusca1_divFiltro {
    order: 4;
}
div#ucMenuLateralBusca1_divFiltro.invert-order
{
    order: 2;
}

.frete-gratis-simulador {
    margin: 10px 0 0;
    border-top: 1px solid #eee;
    padding: 10px 0;
    clear: both;
    min-width: 264px;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    color: #fff;
    background: #289d11;
}

.frete-gratis {
    float: right;
    padding: 8px 10px;
    margin-top: 24px;
    color: #fff;
    background: #289d11;
    height: 22px !important;
}

.precosCarrinho {
    font-size: 14px;
    margin-left: 15px;
    padding-top: 15px;
    clear: both;
}

.precosCarrinho span{
    font-weight: bold;
}

#parcelamento {
    color: #f5780d;
}


#precoAvista {
    color: #289d27;
}

.obs-prazo-frete {
    display: block;
    font-size: 12px;
    color: #666;
    font-weight: normal;
    line-height: 14px;
}

#rlOnly {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0;
}

.msg-rodape {
    text-align: center;
    margin-top: 20px;
    color: #888;
    text-shadow: 1px 1px 0 #fff;
}




.faixa-topo a,
.faixa-topo p,
.faixa-topo span,
.faixa-topo {
    font-size: 13px;
    color: #fff;
}


.faixa-topo > div {
    width: 1124px;
    margin: auto;
}


.faixa-topo > div > span {
    padding: 0 15px;
}


.faixa-topo > div > span.align-right {
    float: right;
}


.faixa-topo {
    padding: 5px 0;
    background: #666;
    box-sizing: border-box;
}

.faixa-topo > div.icon-menu-mobile {
    background-color: #666 !important;
    color: #FFF !important;
}




.btComprar > input {
    background: rgba(0,175,0,1) url(/image/image_nova/lock.png) no-repeat 5px center;
    background-size: 42px;
    width: 175px;
    border-radius: 2px;
    color: #fff;
    font-size: 22px;
    line-height: 43px;
    font-weight: 700;
    cursor: pointer;
    border: 0;
    border-bottom: 2px solid #008900;
    font-size: 21px;
    font-weight: normal;
    padding-left: 45px;
    box-sizing: border-box;
}

#menuWrap > .container > ul > li:nth-child(n+10) {
    display: none;
}

.area-interesse {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid #ddd;
    background: #fcfcfc;
    padding: 10px;
}

.area-interesse label {
    display: flex;
    align-items: center;
    padding: 3px 0;
    width: 50%;
}

.fretegratis .img-envio-carrinho,
.fretegratis .valor-envio-frete {
    color: #00af00;
}

ul{
    padding-left: inherit !important;
}

a.btn-recomprar {
    display: block;
    text-transform: uppercase;
    padding: 10px;
    width: 90%;
    box-sizing: border-box;
    background: #0c0;
    color: #fff !important;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    max-width: 260px;
}

.page-head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin: 25px 0;
}

.product-flags-wrap {
    display: flex;
    align-items: center;
}

.product-flags-out {
    margin-right: 15px;
}

.product-flags-out > div {
    transform: scale(0.8);
}

.btn-modal-video {
    padding: 10px;
    border: 1px solid #ddd;
    background: #f8f8f8;
    width: 250px;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    margin: 10px auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-transform: uppercase;
}

.btn-modal-video i {
    font-size: 30px;
    color: #db0000;
}