﻿.cssCbc_AlertaConstrucao {
    float: left;
    top: 0;
    width: 100%;
    height: auto;
    background-color: red;
    color: white;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.cssCbc_Box_Cor, .cssCbc_Box_Cor_SemTp {
    float: left;
    width: 100vw;
    min-height: 80px;
    position: relative;
}

.cssCbc_BoxConteudo {
    width: 1200px;
    height: 80px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
}

.cssCbc_BoxLogo {
    float: left;
    width: 20%;
    height: 80px;
    margin-left: 0px;
    text-align: center;
    position: relative;
}

.cssCbc_Logo {
    max-width: 93.3333%;
    max-height: 75px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
}

.cssCbc_BoxCol2 {
    float: left;
    width: 44.5%;
    height: 80px;
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 0.5%;
}

.cssCbc_BoxCol3 {
    float: left;
    width: 35%;
    height: 80px;
    cursor: pointer;
    margin-left: 0px;
}

.cssCbc_BoxBusca {
    float: left;
    width: 97%;
    height: 30px;
    margin-left: 1.5%;
    margin-top: 25px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 10px;
    border: 1px solid;
    border-color: #D1D1D1;
    background-color: #FFFFFF;
}

.cssCbc_BoxTxtBusca {
    float: left;
    width: 90%;
    margin-left: 1.5%;
    margin-top: 3px;
    height: 25px;
}

.cssCbc_TxtBusca {
    text-decoration: none;
    width: 100%;
    height: 25px;
    font-size: 14px;
    color: #000000;
    box-shadow: 0 0 0 0;
    border: 0 none;
    -webkit-appearance: none;
    outline: none;
}

.cssCbc_BoxImgBusca {
    float: right;
    margin-right: 1%;
    margin-top: 2px;
    width: 27px;
    height: 27px;
    border: none;
    cursor: pointer;
    position: relative;
}

.cssCbc_ImgBusca {
    margin-top: 0px;
    margin-left: 0px;
    width: 27px;
    height: 27px;
    -webkit-appearance: none;
    outline: none;
}

.cssCbc_BoxLnFoneWhats, .cssCbc_BoxLnFone {
    float: left;
    clear: both;
    width: 30%;
    margin-left: 5px;
    margin-right: 0px;
    margin-top: 15px;
}

.cssCbc_BoxLnFone {
    margin-top: 0px;
}

.cssCbc_BoxFone, .cssCbc_BoxFoneMTop {
    float: left;
    width: 100%;
    clear: both;
    margin-top: 0px;
    margin-right: 0px;
    padding-top: 3px;
    padding-bottom: 6px;
    box-sizing: border-box;
}

.cssCbc_BoxFoneMTop {
    margin-top: 30px;
}

.cssCbc_FoneImg {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.cssCbc_BoxDadosCli {
    float: left;
    width: 50%;
    margin-left: 10px;
    margin-right: 0px;
    margin-top: 25px;
}

.cssCbc_MnLoginBox {
    float: right;
    width: 100%;
    height: 35px;
    position: relative;
}

.cssCbc_MnLoginBoxImg {
    float: right;
    width: 30px;
    height: 35px;
    position: relative;
}

.cssCbc_MnLoginImg {
    width: 30px;
    height: 30px;
    margin-top: 2px;
    margin-left: 0px;
}

.cssCbc_MnLoginBoxNome {
    float: right;
    min-width: 15px;
    margin-right: 5px;
    line-height: 35px;
    position: relative;
}

.cssCbc_MnLoginBoxSeta {
    float: right;
    width: 30px;
    height: 35px;
    position: relative;
}

.cssCbc_MnLoginSeta {
    float: left;
    width: 30px;
    height: 30px;
    margin-top: 2px;
    margin-left: 0px;
}

.cssCbc_BoxSubMnLogin {
    float: right;
    width: 100%;
    margin-top: 10px;
    position: relative;
    z-index: 999;
}

.cssCbc_SetaCima {
    height: 15px;
    width: 15px;
    top: 0;
    right: 7px;
    border-left-width: 2px;
    border-top-width: 2px;
    border-top-left-radius: 2px;
    margin-top: -6px;
    transform: rotate(45deg);
    z-index: 0;
    background-color: inherit;
    position: absolute
}

.cssCbc_BoxItemMnLogin {
    float: left;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    box-sizing: border-box;
    margin-top: 0px;
}

.cssCbc_BarraTop_CorSec {
    float: left;
    width: 100vw;
    min-height: 22px;
    height: 2.08333vw;
    position: relative;
}

.cssImagemBannerTopo {
    width: 100vw;
    height: auto;
    min-height: 22px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
}

.cssCbc_BarraConteudo {
    float: left;
    width: 95%;
    height: 35px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
}

.cssCbc_BarraLogin {
    float: left;
    width: 32%;
    margin-right: 5px;
    height: 35px;
}

.cssCbc_Login {
    float: left;
    width: 96.6666%;
    margin-top: 12px;
    margin-left: 0px;
}

.cssCbc_BarraContato {
    float: right;
    width: 64%;
    min-width: 50%;
    height: 40px;
}

.cssCbc_Conta, .cssCbc_Pedidos, .cssCbc_Dados, .cssCbc_Chat, .cssCbc_ContaChat, .cssCbc_PedidosChat {
    float: left;
    text-align: center;
    width: 40%;
    margin-left: 2%;
    margin-right: 2%;
}

.cssCbc_BoxConteudoCar {
    float: right;
    width: 50px;
    margin-left: 10px;
    margin-right: 0%;
    margin-top: 23px;
    box-sizing: border-box;
}

.cssCbc_BoxCarBkgrd {
    float: left;
    width: 40px;
    height: 40px;
    position: relative;
    margin-top: 0;
    margin-left: 5px;
}

.cssCbc_CarQteVazio {
    float: right;
    text-align: right;
    margin-top: -45px;
    margin-right: 0px;
    padding: 2px;
    font-size: 15px;
    color: transparent;
}

.cssCbc_CarImg {
    width: 40px;
    height: 40px;
    margin-left: 0px;
    margin-top: 0px;
}

.cssCbc_CarBoxQteItemM7, .cssCbc_CarBoxQteItemM7Cz {
    float: right;
    min-width: 15px;
    min-height: 15px;
    margin-top: -45px;
    text-align: center;
    font-weight: bold;
    padding: 2px;
    font-size: 15px;
    border-style: solid;
    border-width: 0px;
    border-radius: 50%;
    position: relative;
}


/*======  TEXTOS  ======*/

.cssCbc_TxtBar_300, .cssCbc_TxtBar_600, .txt300Dtq, .txt600Dtq {
    line-height: 17px;
    font-size: 14px;
    font-weight: 400;
}

.cssCbc_TxtBar_600, .txt600Dtq {
    font-weight: 600;
}

.cssCbc_TxtBar_300Cond, .cssCbc_TxtBar_600Cond {
    font-family: Arial;
    line-height: 17px;
    font-size: 17px;
    font-weight: 400;
}

.cssCbc_TxtBar_600Cond {
    font-weight: 600;
}

.cssCbc_FoneTxt {
    font-family: Arial;
    line-height: 15px;
    font-size: 13px;
    font-weight: 400;
}

.cssCbc_TxtHorario {
    line-height: 15px;
    font-size: 12px;
    font-weight: 300;
    color: #4d4d4d;
}

.cssCbc_ImgAtendimento {
    margin-top: -8px;
}

@media screen and (min-width: 1025px) and (max-width:1360px) {
    .cssCbc_BoxConteudo {
        width: 89.4187%;
        width: 88.2352vw;
    }

    .cssCbc_BoxConteudoCar {
        width: 3.676vw;
    }

    .cssCbc_BoxCarBkgrd {
        width: 2.941vw;
        height: 2.941vw;
        margin-left: 0.367vw;
    }

    .cssCbc_CarBoxQteItemM7 {
        min-width: 1.102vw;
        min-height: 1.102vw;
        padding: 0.147vw;
        font-size: 1.102vw;
    }

    .cssCbc_CarQteVazio {
        padding: 0.147vw;
        font-size: 1.102vw;
    }

    .cssCbc_BoxLnFoneWhats, .cssCbc_BoxLnFone {
        margin-left: 0.367vw;
    }

    .cssCbc_FoneImg {
        width: 1.470vw;
        height: 1.470vw;
        margin-right: 0.367vw;
    }

    .cssCbc_BoxDadosCli {
        margin-left: 0.735vw;
    }

    .cssCbc_MnLoginBoxImg {
        width: 2.205vw;
        height: 2.573vw;
    }

    .cssCbc_MnLoginImg {
        width: 2.205vw;
        height: 2.205vw;
    }

    .cssCbc_MnLoginBoxNome {
        min-width: 1.102vw;
        margin-right: 0.367vw;
        line-height: 2.573vw;
    }

    .cssCbc_MnLoginBoxSeta {
        width: 2.205vw;
        height: 2.573vw;
    }

    .cssCbc_BoxItemMnLogin {
        padding-left: 1.102vw;
        padding-right: 1.102vw;
    }

    .cssCbc_BarraLogin {
        margin-right: 0.367vw;
    }

    .cssCbc_Atendimento {
        width: 14.705vw;
    }

    /*======  TEXTOS  ======*/

    .cssCbc_TxtBar_300, .cssCbc_TxtBar_600, .txt300Dtq, .txt600Dtq {
        font-size: 1.029vw;
    }

    .cssCbc_TxtBar_300Cond, .cssCbc_TxtBar_600Cond {
        font-size: 1.25vw;
    }

    .cssCbc_FoneTxt {
        font-size: 0.955vw;
    }

    .cssCbc_TxtHorario {
        font-size: 0.882vw;
    }
}

/* Abaixo de 1024px - Desktop / Tabblet
========================================================================= */
@media screen and (max-width: 1024px) {
    .cssCbc_BoxConteudo {
        width: 905px;
    }

    .cssCbc_BoxLogo {
        width: 175px;
    }

    .cssCbc_BoxCol2 {
        width: 380px;
    }

    .cssCbc_BoxCol3 {
        width: 345px;
    }

    .cssCbc_BoxLnFoneWhats, .cssCbc_BoxLnFone {
        width: 115px;
    }

    .cssCbc_BoxDadosCli {
        float: left;
        width: 180px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 25px;
    }

    .cssCbc_BoxConteudoCar {
        width: 37px;
        margin-left: 0px;
    }

    .cssCbc_BoxCarBkgrd {
        width: 35px;
        height: 35px;
        margin-left: 3px;
    }

    .cssCbc_CarBoxQteItemM7 {
        min-width: 11px;
        min-height: 11px;
        padding: 1.5px;
        font-size: 11px;
    }

    .cssCbc_CarQteVazio {
        padding: 1vw;
        font-size: 11px;
    }

    .cssCbc_BoxLnFoneWhats, .cssCbc_BoxLnFone {
        margin-left: 3px;
    }

    .cssCbc_FoneImg {
        width: 15px;
        height: 15px;
        margin-right: 3px;
    }

    .cssCbc_BoxDadosCli {
        margin-left: 7px;
    }

    .cssCbc_MnLoginBoxImg {
        width: 23px;
        height: 25px;
    }

    .cssCbc_MnLoginImg {
        width: 23px;
        height: 23px;
    }

    .cssCbc_MnLoginBoxNome {
        min-width: 12px;
        margin-right: 3px;
        line-height: 25px;
    }

    .cssCbc_MnLoginBoxSeta {
        width: 23px;
        height: 25px;
    }

    .cssCbc_BoxItemMnLogin {
        padding-left: 11px;
        padding-right: 11px;
    }

    .cssCbc_BarraLogin {
        margin-right: 3px;
    }

    .cssCbc_Atendimento {
        width: 150px;
    }

    /*======  TEXTOS  ======*/

    .cssCbc_TxtBar_300, .cssCbc_TxtBar_600, .txt300Dtq, .txt600Dtq {
        font-size: 14px;
    }

    .cssCbc_TxtBar_300Cond, .cssCbc_TxtBar_600Cond {
        font-size: 14px;
    }

    .cssCbc_FoneTxt {
        font-size: 12px;
    }

    .cssCbc_TxtHorario {
        font-size: 11px;
    }
}

@media screen and (max-width: 915px) {

    .cssCbc_BoxConteudo {
        width: 100vw;
    }

    .cssCbc_BoxLogo {
        width: 19vw;
    }

    .cssCbc_BoxCol2 {
        width: 38vw;
    }

    .cssCbc_BoxCol3 {
        width: 42.3vw;
    }

    .cssCbc_BoxBusca {
        width: 93%;
    }

    .cssCbc_BoxTxtBusca {
        width: 87%;
        margin-left: 1.5%;
    }

    .cssCbc_TxtBusca {
        width: 100%;
    }

    .cssCbc_BoxImgBusca {
        margin-top: 3px;
        width: 23px;
        height: 23px;
        border: none;
        cursor: pointer;
        position: relative;
    }

    .cssCbc_ImgBusca {
        width: 23px;
        height: 23px;
    }

    .cssCbc_BoxLnFoneWhats, .cssCbc_BoxLnFone {
        width: 33%;
        margin-left: 5px;
        margin-right: 0px;
    }

    .cssCbc_BoxFone {
        width: 100%;
    }

    .cssCbc_FoneImg {
        width: 17px;
        height: 17px;
        margin-right: 3px;
    }

    .cssCbc_BoxDadosCli {
        width: 48%;
        margin-left: 1%;
    }

    .cssCbc_MnLoginBox {
        width: 100%;
    }

    .cssCbc_MnLoginBoxImg {
        width: 27px;
        height: 35px;
    }

    .cssCbc_MnLoginImg {
        width: 27px;
        height: 27px;
    }

    .cssCbc_MnLoginBoxNome {
        min-width: 15px;
        margin-right: 3px;
        margin-top: 5px;
    }

    .cssCbc_MnLoginBoxSeta {
        width: 20px;
        height: 35px;
    }

    .cssCbc_BoxSubMnLogin {
        width: 100%;
    }

    .cssCbc_BoxItemMnLogin {
        width: 100%;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .cssCbc_BarraConteudo {
        width: 95%;
    }

    .cssCbc_BarraLogin {
        width: 32%;
        margin-right: 5px;
    }

    .cssCbc_Login {
        width: 96.6666%;
        margin-left: 0px;
    }

    .cssCbc_BarraContato {
        width: 64%;
        min-width: 50%;
    }

    .cssCbc_BoxConteudoCar {
        width: 35px;
        float: left;
        margin-left: 1%;
    }

    .cssCbc_BoxCarBkgrd {
        width: 35px;
        height: 35px;
        margin-left: 5px;
    }

    .cssCbc_CarImg {
        width: 35px;
        height: 35px;
    }

    .cssCbc_CarBoxQteItemM7 {
        min-width: 12px;
        min-height: 12px;
        margin-top: -45px;
        padding: 2px;
        font-size: 13px;
    }

    .cssCbc_CarQteVazio {
        margin-top: -45px;
        margin-right: 0px;
        padding: 2px;
        font-size: 13px;
        color: transparent;
    }


    .cssCbc_Conta, .cssCbc_Pedidos, .cssCbc_Dados, .cssCbc_Chat, .cssCbc_ContaChat, .cssCbc_PedidosChat {
        width: 40%;
        margin-left: 2%;
        margin-right: 2%;
    }
}
