/*Minimo 320px*/
*/.contOpcion .solicitudcredito {
    min-width: 270px;
}
.contOpcion .solicitudcredito  {
    width: 100%;
    border: 2px solid #1e1343;
    color: rgb(255, 255, 255);
    overflow: hidden;
    display: grid;
    align-items: center;
    margin-top: 0px;
    border: 2px solid #1e1343;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.377);
    color: rgb(255, 255, 255);
    border-radius: 10px 10px 10px 10px;
}
.contOpcion .solicitudcredito .solicitud {
    display: grid;
    align-items: center;
    margin-top: 0px;
    grid-column-gap: 5px;
    grid-template-columns: 1fr 10px 1fr 40px 10px 1fr 20px;
    grid-template-rows: 30px 35px 30px;
    grid-template-areas:
        "tit1    tit1    tit1     tit1    tit1   tit1       tit1"
        "et1     esp     et2      esp2     esp2   et3        esp3"
        "input1  val1    input2   et4     val2   input3     val3";
}
.contOpcion .solicitudcredito .ettit {
    margin-left: 10px;
    margin-top: 6px;
    color: white;
}
.contOpcion .solicitudcredito .etEnc2 {
    color: white;
    height: 40px;
    background-color: #25a0da;
    border-bottom: 2px solid #1e1343;
    border-top: 2px solid #1e1343;
    padding: 8px;
}
.contOpcion .solicitudcredito .solicitud .tit1 {
    grid-area: tit1;
    background-color: #1e1343; /*Solido*/
    height:35px;
}
.contOpcion .solicitudcredito .solicitud .et1 {
    grid-area: et1;
    margin-left: 20px;
    margin-top: 10px;
    text-align: center;
}
.contOpcion .solicitudcredito .solicitud .et2 {
    grid-area: et2;
    margin-top: 10px;
    text-align: center;
}
.contOpcion .solicitudcredito .solicitud .et3 {
    grid-area: et3;
    margin-top: 10px;
    text-align: center;
}
.contOpcion .solicitudcredito .solicitud .et4 {
    grid-area: et4;
}
.contOpcion .solicitudcredito .solicitud .esp1 {
    grid-area: esp1;
}
.contOpcion .solicitudcredito .solicitud .esp2 {
    grid-area: esp2;
}
.contOpcion .solicitudcredito .solicitud .esp3 {
    grid-area: esp3;
}
.contOpcion .solicitudcredito .solicitud .input1 {
    grid-area: input1;
    margin-left: 20px;
}
.contOpcion .solicitudcredito .solicitud .input2 {
    grid-area: input2;
}
.contOpcion .solicitudcredito .solicitud .input3 {
    grid-area: input3;
}
.contOpcion .solicitudcredito .solicitud .val1 {
    grid-area: val1;
}
.contOpcion .solicitudcredito .solicitud .val2 {
    grid-area: val2;
}
.contOpcion .solicitudcredito .solicitud .val3 {
    grid-area: val3;
}
.contOpcion .solicitudcredito .CFDI {
    display: grid;
    align-items: center;
    grid-column-gap: 5px;
    grid-template-columns: 200px 1fr 20px;
    grid-template-rows: 30px 35px 30px 50px;
    grid-template-areas:
        "et1 et1 et1"
        "btn1 input1 val1"
        "et2 et2 et2"
        "btn2 btn2 btn2";
}
.contOpcion .solicitudcredito .CFDI .et1 {
    grid-area: et1;
    margin-left: 20px;
    margin-right: 20px;
    margin-top:10px;
    text-align:center;
}
.contOpcion .solicitudcredito .CFDI .et2 {
    grid-area: et2;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: -10px;
}
.contOpcion .solicitudcredito .CFDI .input1 {
    grid-area: input1;
}
.contOpcion .solicitudcredito .CFDI .val1 {
    grid-area: val1;
}
.contOpcion .solicitudcredito .CFDI .val2 {
    grid-area: val2;
}
.contOpcion .solicitudcredito .CFDI .btn1 {
    grid-area: btn1;
    margin-left: 20px;
}
.contOpcion .solicitudcredito .CFDI .btn2 {
    grid-area: btn2;
    display: flex;
    justify-content: center;
    margin-bottom:20px;
    margin-left: 20px;
    margin-right: 20px;
}
.contOpcion .solicitudcredito .gastos {
    display: grid;
    align-items: center;
    grid-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: 30px 40px repeat(4, 30px);
    grid-template-columns: 180px 1fr 150px 1fr 20px;
    grid-template-areas: 
        "et1 	et1        et1     et1      et1" 
        "et2 	input1     et7     input6   val1"
        "et3 	input2     et8     input7   val1" 
        "et4 	input3     et9     input8   val1" 
        "et5 	input4     et10    input9   val1"
        "et6 	input5     et11    input10  val2";
}
.contOpcion .solicitudcredito .gastos .et1 {
    grid-area: et1;
}
.contOpcion .solicitudcredito .gastos .et2 {
    grid-area: et2;
    margin-top:10px;
    margin-left: 20px;
}
.contOpcion .solicitudcredito .gastos .et3 {
    grid-area: et3;
    margin-left: 20px;
}
.contOpcion .solicitudcredito .gastos .et4 {
    grid-area: et4;
    margin-left: 20px;
}
.contOpcion .solicitudcredito .gastos .et5 {
    grid-area: et5;
    margin-left: 20px;
}
.contOpcion .solicitudcredito .gastos .et6 {
    grid-area: et6;
    margin-left: 20px;
}
.contOpcion .solicitudcredito .gastos .et7 {
    grid-area: et7;
    margin-top:10px;
}
.contOpcion .solicitudcredito .gastos .et8 {
    grid-area: et8;
}
.contOpcion .solicitudcredito .gastos .et9 {
    grid-area: et9;
}
.contOpcion .solicitudcredito .gastos .et10 {
    grid-area: et10;
}
.contOpcion .solicitudcredito .gastos .et11 {
    grid-area: et11;
}
.contOpcion .solicitudcredito .gastos .input1 {
    grid-area: input1;
    margin-top:10px;
}
.contOpcion .solicitudcredito .gastos .input2 {
    grid-area: input2;
}
.contOpcion .solicitudcredito .gastos .input3 {
    grid-area: input3;
}
.contOpcion .solicitudcredito .gastos .input4 {
    grid-area: input4;
}
.contOpcion .solicitudcredito .gastos .input5 {
    grid-area: input5;
}
.contOpcion .solicitudcredito .gastos .input6 {
    grid-area: input6;
    margin-top:10px;
}
.contOpcion .solicitudcredito .gastos .input7 {
    grid-area: input7
}
.contOpcion .solicitudcredito .gastos .input8 {
    grid-area: input8;
}
.contOpcion .solicitudcredito .gastos .input9 {
    grid-area: input9;
}
.contOpcion .solicitudcredito .gastos .input10 {
    grid-area: input10;
}
.contOpcion .solicitudcredito .gastos .val2 {
    grid-area: val2;
}
.contOpcion .solicitudcredito .domicilio {
    display: grid;
    align-items: center;
    margin-top: 20px;
    grid-column-gap: 5px;
    grid-template-columns: 2fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 20px;
    grid-template-rows: 30px 35px 30px 35px 30px;
    grid-template-areas:
        "tit1     tit1   tit1     tit1     tit1     tit1   tit1     tit1    tit1     tit1"
        "et10     esp10  et11     esp11    et12     esp12  et13     et13    et13     esp13"
        "input10  val10  input11  val11    input12  val12  input13  input13 input13  val13"
        "et14     esp14  et15     et15     et15     esp15   et16     esp16    et17     esp17"
        "input14  val14  input15  input15  input15  val15  input16  val16   input17  val17";
}
.contOpcion .solicitudcredito .domicilio .tit1 {
    grid-area: tit1;
}
.contOpcion .solicitudcredito .domicilio .et10 {
    grid-area: et10;
    margin-top: 10px;
    margin-left: 20px;
    text-align:center;
}
.contOpcion .solicitudcredito .domicilio .et11 {
    grid-area: et11;
    margin-top:10px;
    text-align:center;
}
.contOpcion .solicitudcredito .domicilio .et12 {
    grid-area: et12;
    margin-top:10px;
    text-align:center;
}
.contOpcion .solicitudcredito .domicilio .et13 {
    grid-area: et13;
    margin-top:10px;
    text-align:center;
}
.contOpcion .solicitudcredito .domicilio .et14 {
    grid-area: et14;
    margin-left: 20px;
    margin-top:10px;
    text-align:center;
}
.contOpcion .solicitudcredito .domicilio .et15 {
    grid-area: et15;
    margin-top:10px;
    text-align:center;
}
.contOpcion .solicitudcredito .domicilio .et16 {
    grid-area: et16;
    margin-top:10px;
    text-align:center;
}
.contOpcion .solicitudcredito .domicilio .et17 {
    grid-area: et17;
    margin-top:10px;
    text-align:center;
}
.contOpcion .solicitudcredito .domicilio .input10 {
    grid-area: input10;
    margin-left: 20px;
}
.contOpcion .solicitudcredito .domicilio .input11 {
    grid-area: input11;
}
.contOpcion .solicitudcredito .domicilio .input12 {
    grid-area: input12;
}
.contOpcion .solicitudcredito .domicilio .input13 {
    grid-area: input13;
}
.contOpcion .solicitudcredito .domicilio .input14 {
    grid-area: input14;
    margin-left: 20px;
}
.contOpcion .solicitudcredito .domicilio .input15 {
    grid-area: input15;
}
.contOpcion .solicitudcredito .domicilio .input16 {
    grid-area: input16;
}
.contOpcion .solicitudcredito .domicilio .input17 {
    grid-area: input17;
}
.contOpcion .solicitudcredito .domicilio .val10 {
    grid-area: val10;
}
.contOpcion .solicitudcredito .domicilio .val11 {
    grid-area: val11;
}
.contOpcion .solicitudcredito .domicilio .val12 {
    grid-area: val12;
}
.contOpcion .solicitudcredito .domicilio .val13 {
    grid-area: val13;
}
.contOpcion .solicitudcredito .domicilio .val14 {
    grid-area: val14;
}
.contOpcion .solicitudcredito .domicilio .val15 {
    grid-area: val15;
}
.contOpcion .solicitudcredito .domicilio .val16 {
    grid-area: val16;
}
.contOpcion .solicitudcredito .domicilio .val17 {
    grid-area: val17;
}
.contOpcion .solicitudcredito .contrato {
    display: grid;
    align-items: center;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    grid-gap: 10px;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "et1";
}
.contOpcion .solicitudcredito .contrato .et1 {
    grid-area: et1;
}
.contOpcion .solicitudcredito .autorizacion {
    display: grid;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 40px;
    grid-gap: 0px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 250px 50px 250px 1fr;
    grid-template-rows: 20px 60px;
    grid-template-areas:
        "esp1    et1 	 es1   input1      val1"
        "esp3    btn1    es2	btn2       esp4";
}
.contOpcion .solicitudcredito .autorizacion .et1 {
    grid-area: et1;
    text-align: center;
}
.contOpcion .solicitudcredito .autorizacion .input1 {
    grid-area: input1;
}
.contOpcion .solicitudcredito .autorizacion .val1 {
    grid-area: val1;
}
.contOpcion .solicitudcredito .autorizacion .btn1 {
    grid-area: btn1;
    display: flex;
    justify-content: center;
    margin-top:40px;
}
.contOpcion .solicitudcredito .autorizacion .btn2 {
    grid-area: btn2;
    display: flex;
    justify-content: center;
    margin-top:40px;
}

/*Responsive Design*/
/* 
smart wathch 320×320
xs   --  320px — 480px: Móviles -- H 320x480,  360x640, 480x320, 480x854
s    --  481px — 768px: iPads, Tablets -- H 480x320, 767x 480, 768x1024, 
m    --  769px — 1023px: Small screens, laptops -- H 800x600, 960x540
lg   --  1024px — 1299px: Desktops --H 1024x640, 1024x800, 1280x1024
xg   --  1300px en adelante —  Extra large -- 1600x900, 1920x1080
*/

/*Medida Default*/
/* con menu 1198px sin menu 1008px (190px menu)*/
@media (max-width: 940px) {
    .contOpcion .solicitudcredito .domicilio {
        grid-template-columns: 1fr 10px 1fr 10px 1fr 10px 1fr 20px;
        grid-template-rows: 30px 35px 30px 35px 30px 35px 30px;
        grid-template-areas:
            "tit1     tit1     tit1     tit1     tit1     tit1     tit1     tit1"
            "et10     et10     et10     esp10    et11     esp11    et12     esp12"
            "input10  input10  input10  val10    input11  val11    input12  val12"
            "et13     et13     et13     esp13    et14     et14     et14     eps14"
            "input13  input13  input13  val13    input14  input14  input14  val14"
            "et15     et15     et15     esp15    et16     esp16    et17     esp17"
            "input15  input15  input15  val15    input16  val16    input17  val17";
    }
    .contOpcion .solicitudcredito .domicilio .et13 {
        margin-left:20px;
    }
    .contOpcion .solicitudcredito .domicilio .et14 {
        margin-left: 0px;
    }
    .contOpcion .solicitudcredito .domicilio .et15 {
        margin-left: 20px;
    }
    .contOpcion .solicitudcredito .domicilio .input13 {
        margin-left: 20px;
    }
    .contOpcion .solicitudcredito .domicilio .input14 {
        margin-left: 0px;
    }
    .contOpcion .solicitudcredito .domicilio .input15 {
        margin-left: 20px;
    }
}

/* con menu 935px sin menu 745px (190px menu)*/
@media (max-width: 677px) {
    .contOpcion .solicitudcredito .solicitud {
        grid-template-rows: 30px 50px 30px;
    }
}
/* con menu 900px sin menu 710px (190px menu)*/
@media (max-width: 630px) {

    .contOpcion .solicitudcredito .autorizacion {
        grid-template-columns: 20px 1fr 20px 1fr 20px;
        grid-template-rows: 20px 60px 60px;
        grid-template-areas:
            "esp1    et1 	 es2   input1  val1"
            "esp1    btn2    btn2   btn2   esp2"
            "esp1    btn1    btn1   btn1   esp2";
    }
}
/* con menu 873px sin menu 682px (190px menu)*/
@media (max-width: 615px) {
    .contOpcion .solicitudcredito .gastos {
        grid-template-rows: 70px 40px repeat(4, 30px);
    }
    .contOpcion .solicitudcredito .gastos .etEnc2 {
        height: 70px;
    }
}
/* con menu 860px sin menu 670px (190px menu)*/
@media (max-width: 602px) {
    .contOpcion .solicitudcredito .solicitud {
        grid-template-columns: 200px 1fr 40px 20px;
        grid-template-rows: 30px 50px 40px 40px;
        grid-template-areas:
            "tit1    tit1   tit1 tit1"
            "et3    input3  val3 val3"
            "et1    input1  val1 val1"
            "et2    input2  et4  val2";
    }
    .contOpcion .solicitudcredito .solicitud .et1 {
        margin-left: 20px;
        margin-top: 0px;
        text-align:left;
    }
    .contOpcion .solicitudcredito .solicitud .et2 {
        margin-top: 0px;
        margin-left: 20px;
        text-align: left;
    }
    .contOpcion .solicitudcredito .solicitud .et3 {
        margin-top: 10px;
        margin-left: 20px;
        text-align:left;
    }
    .contOpcion .solicitudcredito .solicitud .input1 {
        margin-left: 0px;
    }
    .contOpcion .solicitudcredito .solicitud .input3 {
        margin-top: 10px;
    }
    .contOpcion .solicitudcredito .gastos {
        grid-row-gap: 10px;
        grid-template-rows: 70px 40px repeat(9, 30px);
        grid-template-columns: 200px 1fr 20px;
        grid-template-areas:
            "et1 	et1        et1"
            "et2 	input1     val1"
            "et3 	input2     val1"
            "et4 	input3     val1"
            "et5 	input4     val1"
            "et6 	input5     val1"
            "et7     input6   val1"
            "et8     input7   val1"
            "et9     input8   val1"
            "et10    input9   val1"
            "et11    input10  val2";
    }
    .contOpcion .solicitudcredito .gastos .et2 {
        margin-top:0px;
    }
    .contOpcion .solicitudcredito .gastos .et7 {
        margin-top:0px;
        margin-left:20px;
    }
    .contOpcion .solicitudcredito .gastos .et8 {
        margin-left:20px;
    }
    .contOpcion .solicitudcredito .gastos .et9 {
        margin-left:20px;
    }
    .contOpcion .solicitudcredito .gastos .et10 {
        margin-left:20px;
    }
    .contOpcion .solicitudcredito .gastos .et11 {
        margin-left:20px;
    }
    .contOpcion .solicitudcredito .gastos .input1 {
        margin-top:0px;
    }
    .contOpcion .solicitudcredito .gastos .input6 {
        margin-top:0px;
    }
    .contOpcion .solicitudcredito .domicilio {
        grid-template-columns: 1fr 10px 1fr 10px 1fr 10px 1fr 20px;
        grid-template-rows: 30px 35px 30px 35px 30px 35px 30px 35px 30px;
        grid-template-areas:
            "tit1     tit1     tit1     tit1     tit1     tit1     tit1     tit1"
            "et10     et10     et10     et10     et10     et10     et10     esp10"
            "input10  input10  input10  input10  input10  input10  input10  val10"
            "et17     et17     et17     esp17    et11     esp11    et12     esp12"
            "input17  input17  input17  val17    input11  val11    input12  val12"
            "et13     et13     et13     esp13    et14     et14     et14     eps14"
            "input13  input13  input13  val13    input14  input14  input14  val14"
            "et15     et15     et15     esp15    et16     et16      et16     esp16"
            "input15  input15  input15  val15    input16  input16   input16  val16";
    }
    .contOpcion .solicitudcredito .domicilio .et17 {
        margin-left:20px;
    }
    .contOpcion .solicitudcredito .domicilio .input17 {
        margin-left: 20px;
    }
    
}
/* con menu 617px */
@media (max-width: 550px) {
    .contOpcion .solicitudcredito .domicilio {
        grid-template-columns: 1fr 10px 1fr 10px 1fr 10px 1fr 20px;
        grid-template-rows: 30px 35px 30px 35px 30px 35px 30px 35px 30px;
        grid-template-areas:
            "tit1     tit1     tit1     tit1     tit1     tit1     tit1     tit1"
            "et10     et10     et10     et10     et10     esp10    et17     esp17"
            "input10  input10  input10  input10  input10  val10    input17  val17"
            "et11     et11     et11     esp11    et12     et12     et12     esp12"
            "input11  input11  input11  val11    input12  input12  input12  val12"
            "et13     et13     et13     esp13    et14     et14     et14     eps14"
            "input13  input13  input13  val13    input14  input14  input14  val14"
            "et15     et15     et15     esp15    et16     et16      et16     esp16"
            "input15  input15  input15  val15    input16  input16   input16  val16";
    }
    .contOpcion .solicitudcredito .domicilio .et17 {
        margin-left:0px;
    }
    .contOpcion .solicitudcredito .domicilio .input17 {
        margin-left: 0px;
    }
      .contOpcion .solicitudcredito .domicilio .et11 {
        margin-left:20px;
    }
    .contOpcion .solicitudcredito .domicilio .input11 {
        margin-left: 20px;
    }
}
/* con menu 590px */
@media (max-width: 520px) {
        .contOpcion .solicitudcredito .CFDI {
        display: grid;
        align-items: center;
        grid-column-gap: 5px;
        grid-template-columns: 1fr 20px;
        grid-template-rows: 30px 35px 35px 30px 50px;
        grid-template-areas:
            "et1 et1"
            "btn1 esp1"
            "input1 val1"
            "et2 et2"
            "btn2 esp2";
    }
    .contOpcion .solicitudcredito .CFDI .et1 {
      text-align:left;
    }
    .contOpcion .solicitudcredito .CFDI .input1 {
        margin-left: 20px;
    }
    .contOpcion .solicitudcredito .CFDI .btn1 {
        display: flex;
        justify-content:flex-start;
        margin-left: 20px;
    }
    .contOpcion .solicitudcredito .CFDI .btn2 {
        display: flex;
        margin-left: 20px;
        justify-content: flex-start;
    }
}
/* con menu 567px */
@media (max-width: 500px) {
    .contOpcion .solicitudcredito .domicilio {
        grid-template-rows: 50px 40px repeat(7, 40px);
        grid-template-columns: 200px 1fr 20px;
        grid-template-areas:
            "tit1 	tit1       tit1"
            "et10   input10  val10"
            "et11   input11   val11"
            "et12    input12   val12"
            "et13    input13   val13"
            "et14   input14   val14"
            "et15    input15  val15"
            "et16    input16  val16"
            "et17    input17  val17";
    }
    .contOpcion .solicitudcredito .domicilio .et10 {
        margin-top: 0px;
        text-align:left;
    }
    .contOpcion .solicitudcredito .domicilio .et11 {
        margin-top: 0px;
        text-align:left;
    }
    .contOpcion .solicitudcredito .domicilio .et12 {
        margin-top: 0px;
        text-align:left;
    }
    .contOpcion .solicitudcredito .domicilio .et13 {
        margin-top: 0px;
        text-align:left;
    }
    .contOpcion .solicitudcredito .domicilio .et14 {
        margin-top: 0px;
        text-align:left;
    }
    .contOpcion .solicitudcredito .domicilio .et15 {
        margin-top: 0px;
        text-align:left;
    }
    .contOpcion .solicitudcredito .domicilio .et16 {
        margin-top: 0px;
        text-align:left;
    }
    .contOpcion .solicitudcredito .domicilio .et17 {
        margin-top: 0px;
        text-align:left;
    }
    .contOpcion .solicitudcredito .domicilio .et12 {
        margin-left: 20px;
    }
    .contOpcion .solicitudcredito .domicilio .et14 {
        margin-left: 20px;
    }
    .contOpcion .solicitudcredito .domicilio .et16 {
        margin-left: 20px;
    }
    .contOpcion .solicitudcredito .domicilio .et17 {
        margin-left: 20px;
    }
    .contOpcion .solicitudcredito .domicilio .input10 {
        margin-left: 0px;
    }
    .contOpcion .solicitudcredito .domicilio .input11 {
        margin-left: 0px;
    }
    .contOpcion .solicitudcredito .domicilio .input13 {
        margin-left: 0px;
    }
    .contOpcion .solicitudcredito .domicilio .input15 {
        margin-left: 0px;
    }

}

/* con menu 507px */
@media (max-width: 440px) {
    .contOpcion .solicitudcredito .solicitud {
        grid-template-columns: 1fr 40px 20px;
        grid-template-rows: 30px 40px 30px 40px 30px 40px 30px;
        grid-template-areas:
            "tit1       tit1    tit1"
            "et1        et1     et1"
            "input1     input1  val1"
            "et3        et3     et3"
            "input3     input3  val3"
            "et2        et2     et2"
            "input2     et4     val2";
    }
    .contOpcion .solicitudcredito .solicitud .et1 {
        margin-top: 10px;
    }
    .contOpcion .solicitudcredito .solicitud .et2 {
        margin-top: 10px;
    }
     .contOpcion .solicitudcredito .solicitud .et3 {
        margin-top: 10px;
    }
    .contOpcion .solicitudcredito .solicitud .input1 {
        margin-top: 0px;
        margin-left:20px;
    }
    .contOpcion .solicitudcredito .solicitud .input2 {
        margin-top: 0px;
        margin-left:20px;
    }
    .contOpcion .solicitudcredito .solicitud .input3 {
        margin-top: 0px;
        margin-left:20px;
    }

    .contOpcion .solicitudcredito .gastos {
        grid-row-gap: 0px;
        margin-bottom: 0px;
        grid-template-rows: 70px repeat(20, 30px);
        grid-template-columns: 1fr 20px;
        grid-template-areas:
            "et1 	    et1"
            "et2 	    et2"
            "input1     esp1"
            "et3 	    et3"
            "input2     esp2"
            "et4 	    et4"
            "input3     esp3"
            "et5 	    et5"
            "input4     esp4"
            "et6 	    et6"
            "input5     esp5"
            "et7        et7"
            "input6     esp6"
            "et8        et8"
            "input7     esp7"
            "et9        et9"
            "input8     esp8"
            "et10       et10"
            "input9     esp9"
            "et11       et11"
            "input10    val2";
    }
     .contOpcion .solicitudcredito .gastos .et1 {
        grid-area: et1;
    }
    .contOpcion .solicitudcredito .gastos .et2 {
        margin-top:0px;
    }
    .contOpcion .solicitudcredito .gastos .et3 {
        margin-top:0px;
    }
    .contOpcion .solicitudcredito .gastos .et4 {
       margin-top:0px;
    }
    .contOpcion .solicitudcredito .gastos .et5 {
        margin-top:0px;
    }
    .contOpcion .solicitudcredito .gastos .et6 {
        margin-top:0px;
    }
    .contOpcion .solicitudcredito .gastos .et7 {
        margin-top:0px;
    }
    .contOpcion .solicitudcredito .gastos .et8 {
        margin-top: 0px;
    }
    .contOpcion .solicitudcredito .gastos .et9 {
        margin-top:0px;
    }
    .contOpcion .solicitudcredito .gastos .et10 {
        margin-top:0px;
    }
    .contOpcion .solicitudcredito .gastos .et11 {
        margin-top:0px;
    }
    .contOpcion .solicitudcredito .gastos .input1 {
        margin-left: 20px;
        margin-top:0px;
    }
    .contOpcion .solicitudcredito .gastos .input2 {
        margin-left: 20px;
    }
    .contOpcion .solicitudcredito .gastos .input3 {
        margin-left: 20px;
    }
    .contOpcion .solicitudcredito .gastos .input4 {
        margin-left: 20px;
    }
    .contOpcion .solicitudcredito .gastos .input5 {
        margin-left: 20px;
    }
    .contOpcion .solicitudcredito .gastos .input6 {
        margin-left: 20px;
        margin-top:0px;
    }
    .contOpcion .solicitudcredito .gastos .input7 {
        margin-left: 20px;
    }
    .contOpcion .solicitudcredito .gastos .input8 {
        margin-left: 20px;
    }
    .contOpcion .solicitudcredito .gastos .input9 {
        margin-left: 20px;
    }
    .contOpcion .solicitudcredito .gastos .input10 {
        margin-left: 20px;
    }
    .contOpcion .solicitudcredito .domicilio {
        margin-top: 10px;
        grid-template-rows: 50px repeat(16, 30px);
        grid-template-columns: 1fr 20px;
        grid-template-areas:
            "tit1 	   tit1"
            "et10      et10"
            "input10   val10"
            "et11      et11"
            "input11   val11"
            "et12      et12"
            "input12   val12"
            "et13      et13"
            "input13   val13"
            "et14      et14"
            "input14   val14"
            "et15      et15"
            "input15  val15"
            "et16     et16"
            "input16  val16"
            "et17     et17"
            "input17  val17";
    }
    .contOpcion .solicitudcredito .domicilio .et10 {
        margin-top: 0px;
    }
    .contOpcion .solicitudcredito .domicilio .et11 {
        margin-top: 0px;
    }
    .contOpcion .solicitudcredito .domicilio .et12 {
       margin-top: 0px;
    }
    .contOpcion .solicitudcredito .domicilio .et13 {
        margin-top: 0px;
    }
    .contOpcion .solicitudcredito .domicilio .et14 {
         margin-top: 0px;
    }
    .contOpcion .solicitudcredito .domicilio .et15 {
         margin-top: 0px;
    }
    .contOpcion .solicitudcredito .domicilio .et16 {
         margin-top: 0px;
    }
    .contOpcion .solicitudcredito .domicilio .et17 {
        margin-top: 0px;
    }
    .contOpcion .solicitudcredito .domicilio .input10 {
        margin-top: 0px;
        margin-left: 20px;
    }
    .contOpcion .solicitudcredito .domicilio .input11 {
        margin-top: 0px;
        margin-left: 20px;
    }
    .contOpcion .solicitudcredito .domicilio .input12 {
        margin-top: 0px;
        margin-left: 20px;
    }
    .contOpcion .solicitudcredito .domicilio .input13 {
        margin-top: 0px;
        margin-left: 20px;
    }
    .contOpcion .solicitudcredito .domicilio .input14 {
        margin-top: 0px;
        margin-left: 20px;
    }
    .contOpcion .solicitudcredito .domicilio .input15 {
        margin-top: 0px;
        margin-left: 20px;
    }
    .contOpcion .solicitudcredito .domicilio .input16 {
        margin-top: 0px;
        margin-left: 20px;
    }
    .contOpcion .solicitudcredito .domicilio .input17 {
        margin-top: 0px;
        margin-left: 20px;
    }
    .contOpcion .solicitudcredito .autorizacion {
        grid-template-columns: 20px 1fr 20px;
        grid-template-rows: 20px 20px 60px 60px;
        grid-template-areas:
            "esp1    et1 	 esp2"
            "esp1    input1  val1"
            "esp1    btn2    esp3"
            "esp1    btn1    esp4";
    }
    .contOpcion .solicitudcredito .autorizacion .et1 {
        text-align: left;
    }

}
/* con menu 335px */
@media (max-width: 331px) {
    .contOpcion .solicitudcredito .gastos {
        grid-template-rows: 90px 40px repeat(4, 30px);
    }
    .contOpcion .solicitudcredito .gastos .etEnc2 {
        height: 90px;
    }
}