.miolo_generico {
    float: left;
    width: 100vw;
    height: 84vh;
    box-sizing: border-box;
    margin-top: 10vh;
    padding-left: 8vw;
    padding-right: 8vw;
    padding-bottom: 8vh;
    padding-top: 8vh;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../imagens/diagonais_internas.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.miolo_generico_container {
    float: left;
    width: 84vw;
    height: auto;
    box-sizing: border-box;
    
    display: grid;
    align-items: top;
    grid-template-columns: calc(50% - 2vw) calc(50% - 2vw);
    column-gap: 4vw;
}

.miolo_chamadas {
    display: grid;
    align-items: center;
    grid-template-columns: calc(50% - 4vw) calc(50% - 4vw);
    column-gap: 8vw;
}

.frmLogin, .frmEsqueci, .frmCadastro, .formCadEsq, .formCadDir {
    float: left;
    width: 100%;
    height: 50vh;
    height: auto;
    margin-top: -10vh;
    box-sizing: border-box;
    background-color: #efefef;
}

.frm_login_tit, .frm_esqueci_tit, .frm_cadastro_tit, .frm_cadastro_tit1, .frm_cadastro_tit2 {
    float: left;
    width: 100%;
    height: 10vh;
    background-color: #ddd;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 10vh;
}

.frm_login_tit {
    background-image: url(../imagens/txt_cad_log_1.png);
}

.frm_cadastro_tit {
    background-image: url(../imagens/txt_cad_log_2.png);
}

.frm_esqueci_tit {
    background-image: url(../imagens/txt_cad_log_3.png);
}

.frm_log_cad1, .frm_log_cad2, .frm_esq_cad1 {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 2vw;
    background-image: url(../imagens/preloader2.gif);
    background-repeat: no-repeat;
    background-position: center 200vw;
}

.miolo_generico_preloader {
    float: left;
    width: 100vw;
    height: calc(100vh - 11vw - 6vh);
    box-sizing: border-box;
    margin-top: 11vw;
    padding-left: 8vw;
    padding-right: 8vw;
    padding-bottom: 4vw;
    background-image: url(../imagens/preloader2.gif);
    background-repeat: no-repeat;
    background-position: center center;
    display: none;
}

.frm_log_cad_inner, .frm_esq_cad_inner {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.frm_login_c, .frm_esqueci_c, .frm_cad_txt {
    float: left;
    width: 100%;
    border: #ccc solid 1px;
    height: 6vh;
    margin-bottom: 2vh;
    font-family: 'roboto_con';
    font-size: 2vh;
    box-sizing: border-box;
    padding-left: 1vw;
    padding-right: 1vw;
}

.frm_cad_txt_option {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: arial;
    font-size: 1.7vh;
    padding-left: 1vw;
    padding-right: 1vw;
}

.frm_login_esq, .frm_login_btn, .frm_esqueci_esq, .frm_esqueci_btn, .frm_cadastro_btn, .frm_login_btn2, .frm_esqueci_btn2, .frm_cadastro_btn2 {
    float: left;
    width: 50%;
    text-align: center;
    height: 7vh;
    line-height: 7vh;
    font-family: 'roboto_con';
    font-size: 2vh;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 1vh;
    overflow: hidden;
}

.frm_login_btn2, .frm_esqueci_btn2, .frm_cadastro_btn2 {
    height: 6vh;
    line-height: 6vh;
}

.frm_login_esq, .frm_esqueci_esq {
    text-align: left;
}

.frm_login_btn, .frm_esqueci_btn, .frm_cadastro_btn, .frm_login_btn2, .frm_esqueci_btn2, .frm_cadastro_btn2 {
    color: #ffffff;
    padding-left: 7vh;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto 7vh;
}

.frm_login_btn2, .frm_esqueci_btn2, .frm_cadastro_btn2 {
    padding-left: 6vh;
    background-size: auto 6vh;
}

.frm_login_btn, .frm_esqueci_btn {
    background-color: #cc2229;
    background-image: url(../imagens/btn_login_ico.png);
}

.frm_login_btn2, .frm_esqueci_btn2 {
    background-color: #cc2229;
    background-image: url(../imagens/btn_limpar_ico.png);
}

.frm_cadastro_btn, .frm_cadastro_btn2 {
    float: right;
    background-color: #cc2229;
    background-image: url(../imagens/btn_cadastro_ico.png);
}

.frm_esqueci_esq {
    padding-left: 6vh;
    background-image: url(../imagens/seta_continuar_comprando.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 4vh;
}

.frmCadInner {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 2vw;
}

.frmEsqueci {
    display: none;
}

.produto_chamada_btn_comprar, .produto_chamada_btn_comprar_esgotado, .produto_chamada_btn_detalhes {
    float: left;
    width: 48%;
    height: 7vh;
    line-height: 7vh;
    padding-left: 7vh;
    font-family: 'roboto';
    font-size: 2.5vh;
    letter-spacing: 0.2vh;
    color: #ffffff;
    box-sizing: border-box;
    text-align: center;
    margin-top: 5vh;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto 100%;
    text-decoration: none;
}

.produto_chamada_btn_comprar, .produto_chamada_btn_comprar_esgotado {
    margin-left: 4%;
}

.produto_chamada_btn_detalhes {
    background-image: url(../imagens/btn_visualizar_ico.png);
    background-color: #cc2229;
}

.produto_chamada_btn_comprar {
    background-image: url(../imagens/btn_comprar_ico.png);
    background-color: #cc2229;
}

.produto_chamada_btn_comprar_esgotado {
    background-image: url(../imagens/btn_esgotado_ico.png);
    background-color: #aaaaaa;
    color: #000000;
}

@media only screen and (max-width : 980px) and (max-device-width : 980px) {
    #menu_mobile_ico_fechar {
        display: none;
    }

    .miolo_generico, .miolo_generico_container {
        display: inherit;
        float: left;
        width: 100%;
        background-color: #ffffff;
        margin: 0;
        margin-top: 3vh;
    }

    .frm_login_tit, .frm_esqueci_tit, .frm_esq_cad1, .frm_cadastro_tit {
        background-color: transparent;
        height: 8vh;
        background-size: auto 8vh;
    }

    .miolo_generico {
        height: auto;
    }

    .miolo_generico_container {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: row wrap;
        height: auto;
    }

    .frmLogin, .frmEsqueci, .frmCadastro {
        float: left;
        width: 100%;   
        background-color: transparent;     
        height: 40vh;
        margin: 0;
    }

    .frm_login_btn, .frm_esqueci_btn, .frm_cadastro_btn {
        font-size: 1.8vh;
        height: 6vh;
        line-height: 6vh;
        background-size: auto 6vh;
        padding-left: 6vh;
    
    }

    #area6_copy1 span, #area6_copy3 span {
        display: none !important;
    }

    .area6_final {
        display: none !important;
    }
}