#pre-sup-pag {
    background-color: var(--colorRojoCaja) !important;
    padding-left: 12%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    box-sizing: border-box;
}

/*---------------------------------------------------------*/
@media screen and (max-width: 600px){

    .men-correo {
        margin-right: 10px;
        margin-left: 10px;
    }

    .row-cod-verifica {
        flex-direction: column;
    }
}

@media screen and (min-width: 701px) {
    h1 {
        font-size: 3em;
    }

    #ct-title {
        font-size: 1.2em;
        margin: 0 auto;
        color: #3f3f3f;
    }

    #pro {
        padding-top: 50px;
        padding-left: 200px;
        font: Geometria, sans-serif;
        background-color: var(--colorBlanco) !important;
        border-radius: 15px;
        margin: 0 auto;
    }

        #pro h5 {
            font-weight: bold;
            font-family: Verdana, Geneva, sans-serif;
        }


    .v {
        border-left: 1px solid red;
    }

    .botonR {
        background-color: var(--colorRojoCaja);
        color: #fff;
        font-weight: bold;
        font-size: 0.9em;
        padding-left: 2em;
        padding-right: 2em;
    }

    .botonRCorreo {
        background-color: var(--colorRojoCaja);
        color: #fff;
        font-weight: bold;
        font-size: 0.9em;
        margin-left: 3em;
        padding-left: 1em;
        padding-right: 1em;
    }

    .botonRMensaje {
        background-color: var(--colorRojoCaja);
        width: 8.8em;
        height: 2em;
        font-size: 1em;
        font-weight: bold;
        border: 0;
        color: #fff;
        padding: 0.3em;
        border-radius: 0.3em;
    }


    #pro-caja-v {
        font: Geometria, sans-serif;
        background-color: #fef3f3;
        border-radius: 15px;
    }

    #pro-caja-v1 {
        margin: 0 auto;
        padding: 80px;
    }

    #pro-caja-i {
        background-color: #fef3f3;
        margin: 0 auto;
        padding: 50px;
    }

    #pro-caja-i1 {
        padding: 100px;
    }

    #img-0 {
        padding-left: 0;
    }
    /**/
    #solucion {
        margin: 0 auto;
        padding-left: 180px;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    #solucion-mens {
        margin: 0 auto;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .titulo-mens {
        font-size: 2.5em;
        font-weight: bold;
        width: 300px;
    }

    .desc-error {
        padding-top: 30px;
        width: 300px;
        color: #686868;
        font-size: 1.3em;
    }

    .desc-bienvenido {
        width: 300px;
        color: #686868;
        font-size: 1.1em;
        text-align: justify;
    }


    .men-verif {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .men-correo {
        text-align: center;
        color: #3e3e3e;
        font-size: 2.2em;
    }

    .bordeMen {
        border-bottom: 2px solid #ffc200;
        width: 90px;
        margin-left: 8em;
    }

    .men-reenvio {
        font-size: 1em;
        font-weight: 400;
        color: #686868;
    }

    .msm-input {
        border-radius: 10px;
        border: 1px solid #ffc200;
        text-align: center;
        color: #3f3f3f;
        font-weight: bold;
    }

    .center {
        margin-left: 120px;
    }

    .tiempo-es {
        margin-top: 10px;
        font-size: 1.3em;
        font-weight: 400;
        color: #686868;
    }

    .req-cli-ti {
        font-size: 2.3em;
        font-weight: bold;
    }

    .borde-req {
        margin-top: 50px;
        margin-bottom: 50px;
        border: 3px solid var(--colorRojoCaja) !important;
        border-radius: 10px;
        width: 880px;
        padding: 30px;
    }

    .req-cli-ti-01 {
        font-size: 2.3em;
        color: #686868;
    }

    .req-desc {
        font-size: 1.2em;
        color: #686868;
        font-weight: bold;
    }

    .req-img {
        padding-left: 30px;
        padding-top: 20px;
    }

    #reqSi {
        background-color: var(--colorRojoCaja) !important;
        color: #fff;
        font-weight: bold;
        font-size: 1.2em;
        width: 9em;
        height: 2em;
        border: 0;
        border-radius: 6px;
    }

    #reqNo {
        background-color: #a8a8a8;
        color: #fff;
        font-weight: bold;
        font-size: 1.2em;
        width: 9em;
        height: 2em;
        border: 0;
        border-radius: 6px;
    }

    .req-ley {
        margin-top: 0px;
        padding-left: 50px;
        padding-right: 50px;
    }

    .req-ley-01 {
        background-color: #f3f3f3;
        border-radius: 10px;
        margin-top: 10px;
        text-align: center;
        color: #686868;
        font-size: 1.3em;
    }

    .ide-tit {
        /*width: 700px;   aqui victor lo ha comentado*/
        margin: 0 auto;
        padding-top: 30px;
        font-size: 1.8em;
        color: #494949;
    }

    .ide-txt {
        /*font-size: 0.6em;   aqui victor lo ha comentado*/
        color: #434343
    }


    .title-negrita {
        font-size: 2.3em;
        font-weight: bold;
    }

    .pan-iz {
        padding-top: 5em;
        padding-left: 10em;
        text-align: right;
    }

    .pan-der {
        padding-top: 10em;
    }

    .botonP {
        background-color: red;
    }

    .mon-der {
        padding-top: 1em;
        padding-left: 5em;
    }

    .mon-izq {
        padding-top: 1em;
        padding-right: 5em;
    }

    .mon-cont {
        padding-left: 23em;
        /*text-align:right;*/
    }

    .lug-title {
        font-size: 1.75em;
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .ape-cont {
        padding-left: 22em;
        padding-right: 22em;
        padding-top: 0.8em;
    }

    .botonRojo {
        background-color: var(--colorRojoCaja);
        font-size: 1rem;
        font-weight: bold;
        border: 0;
        color: #fff;
        padding: 0.3em;
        border-radius: 0.3em;
        padding:10px;
    }

    .det-cuenta {
        margin: 0 auto;
        padding-top: 3em;
        padding-left: 8em;
        padding-right: 8em;
        width: 52em;
    }

    .det-img {
        width: 6em;
        height: 6em;
    }

    .det-esp {
        padding-bottom: 2em;
    }


    .error {
        color: var(--colorRojoCaja);
    }

    .error-bot {
        color: var(--colorRojoCaja);
        margin-bottom: 1.5em;
    }

    .DescImagen {
        text-align: left;
    }

    .divBotonSiguiente {
        text-align: left; /*AQUI DEBERIA ESTAR CENTRADO*/
        padding-top: 4em; /*AQUI estar 15em*/
    }

    .divBotonAperturar {
        text-align: center; /*AQUI DEBERIA ESTAR CENTRADO*/
        padding-top: 4em; /*AQUI estar 15em*/
margin-bottom: 15px;
    }

    .labelcheckMoneda {
        font-size: 0.6em;
    }

    .divPosicionBotonRojo {
        text-align: right;
    }

    .divImgBienvenidos {
        text-align: right;
    }

    .imgSolucionesBienv {
        padding-top: 4em;
        height: 29.5em;
        width: 24em;
    }

    .imgBienvenidos2 {
        width: 40em;
    }

    .menUnclick {
        margin: 0 auto;
        font-size: 2em;
        color: #3e3e3e;
        padding-top: 1.8em;
    }

    .divimgUnclick {
        text-align: right;
    }

    #img-Unlick {
        height: 20em;
        width: 20em;
    }

    .divAUnlcikInfo {
        font-size: 0.88em;
        font-weight: 400;
        color: #686868;
        padding-top: 2em;
        padding-left: 1em;
    }

    .input-Correo {
        background-color: white;
        border: none;
        font-size: 1em;
        padding-bottom: 2em;
        width: 8em;
    }

    /*esta parte no existia en el de victor */
    .divAUnlcikCorreo {
        margin: 0 auto;
        font-size: 1.3em;
        color: #3e3e3e;
        text-align: left;
        padding-top: 1em;
        padding-left: 3em;
        font-weight: bold; /*esta parte lo agrego victor*/
    }

    .volverIntentar {
        margin-top: 2em;
        background-color: var(--colorRojoCaja);
        width: 9.6em;
        height: 2.4em;
        color: #fff;
        font-size: 1.4em;
        padding-top: 0.6em;
        padding-bottom: 0.6em;
        padding-left: 1.5em;
        padding-right: 1.5em;
        border-radius: 0.3em;
    }

    .volverIntentarSI_NO {
        margin-top: 2em;
        background-color: var(--colorRojoCaja);
        width: 9.6em;
        height: 2.4em;
        color: #fff;
        font-size: 1em;
        padding: 0.5em;
    }

    .ContinuarMoneda {
        /*margin-top: 2em;*/
        margin-bottom: 2em;
        background-color: var(--colorRojoCaja);
        width: 7em;
        height: 3em;
        color: #fff;
        font-size: 1em;
        /*padding: 0.5em;*/
        border-radius: 0.3em;
    }

    .continuarDET {
        margin-top: 1rem;
        background-color: var(--colorRojoCaja);
        padding: 10px;
        color: #fff;
        font-size: 1rem;
        border-radius: 0.1rem;
    }



    /*.imChk {
        height: 1em;
        width: 1em;
    }*/

}

/*-------------------------- Esta Parte común -----------------------*/

.radioAlternativa {
    padding-left: 1em;
}

/*.botonAperturar {
    background: url('https://www.cajatrujillo.com.pe/solicitudcredito/Images/LANDIND - Recursos-13.png') center no-repeat;
    sr:'~/Content/images/ct-ape/botonAbrirCuenta.png') center no-repeat;
    padding: 50px 140px;
    margin-left: 100px;
}*/

/*Lo paso a cada uno*/
/*.divAUnlcikCorreo {
    font-weight: bold;
}*/
.botonAperturar {
    width: 13em;
    height: 6em;
}

.interlinea-a {
    /*margin-top: 20px;*/
    font-size: 0.8em;
    font-weight: 400;
    color: #686868;
    width: 190px;
    line-height: 10px;
}

.descuento-t {
    color: #f82707;
    font-weight: bold;
    width: 120px;
    font-size: 0.9em;
}

.descuento-t-desc {
    margin-top: 20px;
    font-size: 0.88em;
    font-weight: 400;
    color: #686868;
    width: 180px;
}

.ide-tit-cli {
    font-weight: bold;
    font-size: 1.0em; /*Aqui esta modificado para victor esta 1.6em*/
    color: #434343;
}

#dnic {
    color: #f82707;
    font-weight: bold;
}

.moneda {
    padding-top: 2em;
}

.ape-cond {
    padding-top: 2em;
    font-size: 1.1em;
    color: #686868;
    font-weight: bold;
    padding-bottom: 2em;
    text-align: justify;
}

.desc-negrita {
    font-size: 1.6em;
    color: #686868;
}

.det-t {
    color: #686868;
    font-size: 1.1em;
    padding-top: 1.5em;
}

.det-d {
    color: var(--colorRojoCaja);
    font-size: 1.1em;
    font-weight: bold;
}

.datoCta {
    font-weight: bold;
}

.dresaltadato {
    color: var(--colorRojoCaja);
}

/*esta parte es nueva en el de victor*/
.volverIntentarC {
    margin-top: 2em;
    background-color: var(--colorRojoCaja);
    width: 9.6em;
    height: 2.4em;
    /*font-size: 0.9em;*/
    font-weight: bold;
    border: 0;
    color: #fff;
    padding: 0.5em;
    border-radius: 0.3em;
}

@media screen and (max-width: 700px) {
    h1 {
        font-size: 2em;
        text-align: center;
        text-size-adjust: 100%;
        padding-top: 10px;
    }

    h3 {
        text-align: center;
    }

    #pro-caja-v1 {
        padding-top: 20px;
    }

    #pro-caja-i {
        padding: 10px;
    }

    #pro-caja-i1 {
        padding: 10px;
        padding-bottom: 100px;
    }

    #imgError {
        text-align: center
    }

    .det-cuenta {
        margin: 0 auto;
        padding-top: 1em;
        padding-left: 1em;
        padding-right: 1em;
    }

    .desc-negrita {
        font-size: 1em;
        color: #686868;
    }

    .det-img {
        width: 8em;
        height: 8em;
        text-align: center;
    }

    .DescImagen {
        text-align: center;
    }

    .imgItemsX {
        padding-left: 7em;
        padding-top: 2em;
    }


    .imgIngresos {
        padding-right: 7em;
        padding-top: 2em;
    }

    .divBotonSiguiente {
        text-align: center;
        padding-top: 3em;
    }

    .divBotonAperturar {
        text-align: center;
        padding-top: 4em;
        margin-bottom: 15px;
    }

    .divBotonSiguiente2 {
        text-align: center;
        padding-top: 0.5em;
    }


    .divPosicionBotonRojo {
        text-align: center;
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }

    .lug-title {
        font-size: 1.2em;
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .labelcheckMoneda {
        font-size: 1em;
        padding-top: 1em;
    }

    .pan-iz {
        padding-top: 5em;
        text-align: center;
    }

    .title-negrita {
        font-size: 1em;
        font-weight: bold;
    }

    .botonRojo {
        background-color: var(--colorRojoCaja);
        width: 8.8em;
        height: 3.0em;
        font-size: 1.3em;
        font-weight: bold;
        border: 0;
        color: #fff;
        padding: 0.3em;
        border-radius: 0.3em;
    }

  
    .ide-tit {
        padding-top: 30px;
        font-size: 1em;
        color: #494949;
    }

    #solucion {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .imgSoluciones {
        height: 23em;
        width: 23em;
    }

    #solucion-mens {
        margin: 0 auto;
        padding-top: 1em;
        padding-bottom: 1em;
        text-align: center;
        padding-left: 1em;
    }

    .titulo-mens {
        font-size: 1.3em;
        font-weight: bold;
    }

    .desc-error {
        padding-top: 1em;
        color: #686868;
        font-size: 1.2em;
        font-weight: bold;
    }

    .borde-req {
        margin-top: 1em;
        margin-bottom: 1em;
        border: 2px solid var(--colorRojoCaja) !important;
        border-radius: 1em;
        width: 100%;
        padding: 1em;
    }

    .req-cli-ti-01 {
        font-size: 1.3em;
        color: #686868;
    }

    .req-cli-ti {
        font-size: 1.3em;
        font-weight: bold;
    }

    .req-desc {
        font-size: 0.8em;
        color: #686868;
    }

    .imChk {
        height: 2em;
        width: 2em;
    }

    .divResp {
        text-align: center;
        padding-bottom: 1.5em;
    }

    .DivImgReqClientes {
        text-align: center;
    }

    #reqSi {
        background-color: var(--colorRojoCaja) !important;
        color: #fff;
        font-weight: bold;
        font-size: 1.2em;
        width: 7em;
        height: 2em;
        border: 0;
        border-radius: 6px;
    }

    #reqNo {
        background-color: #a8a8a8;
        color: #fff;
        font-weight: bold;
        font-size: 1.2em;
        width: 7em;
        height: 2em;
        border: 0;
        border-radius: 6px;
    }

    .imgColaborador {
        height: 15em;
        height: 15em;
    }


    .req-ley {
        margin-top: 0px;
        padding-left: 1em;
        padding-right: 1em;
    }

    .req-ley-01 {
        background-color: #f3f3f3;
        border-radius: 0.5em;
        margin-top: 1em;
        text-align: center;
        color: #686868;
        font-size: 1em;
    }

    .men-correo {
        color: #3e3e3e;
        font-size: 1.2em;
        padding-top: 1em;
        text-align: center;
    }

    .men-reenvio {
        font-size: 1em;
        font-weight: 400;
        color: #686868;
        padding-bottom: 1em;
    }

    #ct-title {
        font-size: 1.2em;
        margin: 0 auto;
        color: #3f3f3f;
        padding-top: 1em;
        text-align: center;
    }


    .botonEnviar {
        background: url('../Images/botonEnviarX.png') center;
        background-size: 100% 100%;
        border: none;
        padding: 50px 140px;
        margin-left: 100px;
    }

    #html_element {
        padding-left: 2em;
    }

    .divImgBienvenidos {
        text-align: center;
    }

    .imgSolucionesBienv {
        padding-top: 1em;
        height: 25em;
        width: 23em;
    }

    .imgBienvenidos2 {
        width: 20em;
        height: 11em;
    }

    .desc-bienvenido {
        color: #686868;
        font-size: 1.1em;
    }

    /*..esta parte estoy agregando yo..*/
    #img-Unlick {
        height: 15em;
        width: 15em;
    }

    .menUnclick {
        margin: 0 auto;
        font-size: 1.3em;
        color: #3e3e3e;
        padding-top: 1.8em;
    }

    .divAUnlcikInfo {
        font-size: 0.88em;
        font-weight: 400;
        color: #686868;
        text-align: justify;
        padding-top: 2em;
        padding-left: 1em;
    }

    .divAUnlcikCorreo {
        margin: 0 auto;
        font-size: 1.3em;
        color: #3e3e3e;
        text-align: center;
        padding-top: 1em;
    }


    .bordeMen {
        border-bottom: 2px solid #ffc200;
        width: 50px;
        margin-left: 4em;
    }

    .botonRMensaje {
        background-color: var(--colorRojoCaja);
        width: 8.8em;
        height: 2em;
        font-size: 1em;
        font-weight: bold;
        border: 0;
        color: #fff;
        padding: 0.3em;
        border-radius: 0.3em;
    }

    .volverIntentar {
        margin-top: 2em;
        background-color: var(--colorRojoCaja);
        width: 9.6em;
        height: 2.4em;
        color: #fff;
        font-size: 1.4em;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
        padding-left: 1em;
        padding-right: 1em;
        border-radius: 0.3em;
    }

    .volverIntentarSI_NO {
        margin-top: 2em;
        background-color: var(--colorRojoCaja);
        width: 9.6em;
        height: 2.4em;
        color: #fff;
        font-size: 1em;
        padding: 0.5em;
    }

    .ContinuarMoneda {
        margin-top: 2em;
        background-color: var(--colorRojoCaja);
        width: 8em;
        height: 2.4em;
        color: #fff;
        font-size: 1.4em;
        /*padding-top: 0.4em;
        padding-bottom: 0.4em;
        padding-left: 1em;
        padding-right: 1em;*/
        border-radius: 0.3em;
    }

    .mon-cont {
        padding-left: 7em;
        /*text-align:right;*/
    }

    .continuarDET {
        margin-top: 2em;
        background-color: var(--colorRojoCaja);
        width: 9em;
        height: 2.4em;
        color: #fff;
        font-size: 1em;
        padding-top: 0.6em;
        padding-bottom: 0.6em;
        padding-left: 0.3em;
        padding-right: 0.3em;
        border-radius: 0.3em;
    }

    .msm-input {
        border-radius: 10px;
        border: 1px solid #ffc200;
        text-align: center;
        color: #3f3f3f;
        font-weight: bold;
        width: 13em;
    }

    .botonR {
        background-color: var(--colorRojoCaja);
        color: #fff;
        font-weight: bold;
        font-size: 0.9em;
        padding-left: 1.2em;
        padding-right: 1.2em;
        margin-top: 0.5em;
        margin-right: 4em;
    }

    .botonRCorreo {
        background-color: var(--colorRojoCaja);
        color: #fff;
        font-weight: bold;
        font-size: 0.9em;
        margin-left: 3em;
    }
}

@media(max-width: 600px){
    .divimgUnclick{
        text-align:center !important;
    }
}

.boton-abrir-cuenta {
    width: 200px !important;
    height: 50px !important;
    background: rgb(242,5,5) !important;
    background: linear-gradient(45deg, rgba(242,5,5,1) 0%, rgba(252,66,66,1) 56%, rgba(255,0,0,1) 100%) !important;
    box-shadow: -16px 10px 12px 0px rgba(119,119,119,0.75));
    -webkit-box-shadow: -16px 10px 12px 0px rgba(119,119,119,0.75);
    -moz-box-shadow: -16px 10px 12px 0px rgba(119,119,119,0.75);
    transition: 0.2s all;
}

    .boton-abrir-cuenta:active {
        transform: scale(0.98);
        box-shadow: 3px 2px 22px 1px rgba(119,119,119,0.75);
    }

    .boton-abrir-cuenta:disabled {
        background: #878787 !important;
        box-shadow: none;
    }