.contOpcion .solicitudautorizar {
    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 .solicitudautorizar .ettit {
    margin-left: 10px;
    margin-top: 6px;
    color: white;
}
.contOpcion .solicitudautorizar .etEnc {
    color: white;
    height: 40px;
    background-color: #25a0da;
    border-bottom: 2px solid #1e1343;
    border-top: 0px solid #1e1343;
    padding: 8px;
}
.contOpcion .solicitudautorizar .estadocuenta .etEnc {
    background-color: #1e1343;
}
.contOpcion .solicitudautorizar .etEnc2 {
    color: white;
    height: 40px;
    background-color: #25a0da;
    border-bottom: 2px solid #1e1343;
    border-top: 2px solid #1e1343;
    padding: 8px;
}
.contOpcion .solicitudautorizar .etEnc3 {
    color: white;
    height: 40px;
    background-color: #1e1343;
    border-radius: 10px 10px 0px 0px;
    padding: 8px;
}
.contOpcion .solicitudautorizar .solicitado {
    display: grid;
    align-items: center;
    margin-top: 0px;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 30px 20px 20px;
    grid-template-areas: 
        "et1     et1     et1     et1" 
        "et2     et4     et6     et8" 
        "et3     et5     et7     et9";
}
.contOpcion .solicitudautorizar .solicitado .et1 {
    grid-area: et1;
    background-color: #1e1343; /*Solido*/
    height:35px;
}
.contOpcion .solicitudautorizar .solicitado .et2 {
    grid-area: et2;
    min-width: 150px;
    text-align:center;
}
.contOpcion .solicitudautorizar .solicitado .et3 {
    grid-area: et3;
    text-align:center;
    min-width: 150px;
}
.contOpcion .solicitudautorizar .solicitado .et4 {
    grid-area: et4;
    text-align:center;
    min-width: 150px;
}
.contOpcion .solicitudautorizar .solicitado .et5 {
    grid-area: et5;
    text-align:center;
    min-width: 150px;
}
.contOpcion .solicitudautorizar .solicitado .et6 {
    grid-area: et6;
    text-align:center;
    min-width: 150px;
}
.contOpcion .solicitudautorizar .solicitado .et7 {
    grid-area: et7;
    text-align:center;
    min-width: 150px;
}
.contOpcion .solicitudautorizar .solicitado .et8 {
    grid-area: et8;
    min-width: 150px;
    text-align:center;
}
.contOpcion .solicitudautorizar .solicitado .et9 {
    grid-area: et9;
    min-width: 150px;
    text-align:center;
}
.contOpcion .solicitudautorizar .estadocuenta {
    display: grid;
    align-items: center;
    margin-top: 10px;
    grid-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 200px 1fr;
    grid-template-rows: 30px 30px 10px 30px 1fr;
    grid-template-areas: 
        "et1 et1" 
        "btn1 input1" 
        "et2 et2" 
        "et3 et3" 
        "tb1 tb1";
}
.contOpcion .solicitudautorizar .estadocuenta .et1 {
    grid-area: et1;
}
.contOpcion .solicitudautorizar .estadocuenta .et2 {
    grid-area: et2;
    margin-top: 20px;
    margin-left: 20px;
}
.contOpcion .solicitudautorizar .estadocuenta .et3 {
    grid-area: et3;
}
.contOpcion .solicitudautorizar .estadocuenta .btn1 {
    grid-area: btn1;
    margin-top: 20px;
    margin-left: 20px;
}
.contOpcion .solicitudautorizar .estadocuenta .input1 {
    grid-area: input1;
    margin-top: 20px;
    margin-right: 30px;
}
.contOpcion .solicitudautorizar .estadocuenta .tb1 {
    grid-area: tb1;
    margin-top: -5px;
}
.contOpcion .solicitudautorizar .identificacion {
    display: grid;
    align-items: center;
    grid-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: 20px 70px  30px 10px 30px 10px 30px 1fr;
    grid-template-columns: 200px 1fr 20px;
    grid-template-areas: 
        "et1 	et1     et1" 
        "et2 	input1  val1" 
        "btn1 	input2  val2" 
        "et4 	et4     et4" 
        "btn2 	input3  val3" 
        "et5 	et5     et5" 
        "et6 	et6     et6" 
        "tb1 	tb1     tb1";
}
.contOpcion .solicitudautorizar .identificacion .et1 {
    grid-area: et1;
    margin-top:20px;
}
.contOpcion .solicitudautorizar .identificacion .et2 {
    grid-area: et2;
    margin-top: 10px;
    margin-left: 20px;
}
.contOpcion .solicitudautorizar .identificacion .et4 {
    grid-area: et4;
    margin-left: 20px;
}
.contOpcion .solicitudautorizar .identificacion .et5 {
    grid-area: et5;
    margin-left: 20px;
}
.contOpcion .solicitudautorizar .identificacion .et6 {
    grid-area: et6;
}
.contOpcion .solicitudautorizar .identificacion .input1 {
    grid-area: input1;
    margin-top: 10px;
}
.contOpcion .solicitudautorizar .identificacion .input2 {
    grid-area: input2;
}
.contOpcion .solicitudautorizar .identificacion .input3 {
    grid-area: input3;
}
.contOpcion .solicitudautorizar .identificacion .val1 {
    grid-area: val1;
    margin-top: 10px;
}
.contOpcion .solicitudautorizar .identificacion .btn1 {
    grid-area: btn1;
    margin-left: 20px;
}
.contOpcion .solicitudautorizar .identificacion .btn2 {
    grid-area: btn2;
    margin-left: 20px;
}
.contOpcion .solicitudautorizar .identificacion .tb1 {
    grid-area: tb1;
    margin-top:-5px;
}
.contOpcion .solicitudautorizar .comprobantedom {
    display: grid;
    align-items: center;
    grid-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 200px 1fr;
    grid-template-rows: 20px 50px 10px 30px 1fr;
    grid-template-areas:
        "et1 et1 "
        "btn1 input1"
        "et2 et2"
        "et3 et3"
        "tb1 tb1";
}
.contOpcion .solicitudautorizar .comprobantedom .et1 {
    grid-area: et1;
    margin-top:20px;
}
.contOpcion .solicitudautorizar .comprobantedom .et3 {
    grid-area: et3;
}
.contOpcion .solicitudautorizar .comprobantedom .btn1 {
    grid-area: btn1;
    margin-top: 30px;
    margin-left: 20px;
}
.contOpcion .solicitudautorizar .comprobantedom .input1 {
    grid-area: input1;
    margin-top: 30px;
    margin-right: 30px;
}
.contOpcion .solicitudautorizar .comprobantedom .tb1 {
    grid-area: tb1;
    margin-top: -5px;
}
.contOpcion .solicitudautorizar .empleo {
    display: grid;
    align-items: center;
    grid-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: 20px 35px 30px 20px 20px;
    grid-template-columns: 1fr 10px 1fr 10px 1fr 20px;
    grid-template-areas:
        "tit1    tit1    tit1      tit1   tit1    tit1"
        "et1     esp1    et2      esp2    et3     esp3"
        "input1  val1    input2   val2    input3  val3"
        "et4     esp4    et5      esp5    et6     esp6"
        "input4  val4    input5   val5    input6  val6";
}
.contOpcion .solicitudautorizar .empleo .tit1 {
    grid-area: tit1;
    margin-top:20px;
}
.contOpcion .solicitudautorizar .empleo .et1 {
    grid-area: et1;
    margin-top:15px;
    margin-left:20px;
    text-align:center;
}
.contOpcion .solicitudautorizar .empleo .et2 {
    grid-area: et2;
    margin-top: 15px;
    text-align:center;
}
.contOpcion .solicitudautorizar .empleo .et3 {
    grid-area: et3;
    margin-top: 15px;
     text-align:center;
}
.contOpcion .solicitudautorizar .empleo .et4 {
    grid-area: et4;
    margin-left:20px;
     text-align:center;
}
.contOpcion .solicitudautorizar .empleo .et5 {
    grid-area: et5;
     text-align:center;
}
.contOpcion .solicitudautorizar .empleo .et6 {
    grid-area: et6;
     text-align:center;
}
.contOpcion .solicitudautorizar .empleo .val1 {
    grid-area: val1;
}
.contOpcion .solicitudautorizar .empleo .val2 {
    grid-area: val2;
}
.contOpcion .solicitudautorizar .empleo .val3 {
    grid-area: val3;
}
.contOpcion .solicitudautorizar .empleo .val4 {
    grid-area: val4;
}
.contOpcion .solicitudautorizar .empleo .val5 {
    grid-area: val5;
}
.contOpcion .solicitudautorizar .empleo .val6 {
    grid-area: val6;
}
.contOpcion .solicitudautorizar .empleo .input1 {
    grid-area: input1;
    margin-left:20px;
}
.contOpcion .solicitudautorizar .empleo .input2 {
    grid-area: input2;
}
.contOpcion .solicitudautorizar .empleo .input3 {
    grid-area: input3;
}
.contOpcion .solicitudautorizar .empleo .input4 {
    grid-area: input4;
    margin-left:20px;
}
.contOpcion .solicitudautorizar .empleo .input5 {
    grid-area: input5;
}
.contOpcion .solicitudautorizar .empleo .input6 {
    grid-area: input6;
}
.contOpcion .solicitudautorizar .redessociales {
    display: grid;
    align-items: center;
    grid-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 10px 1fr 20px;
    grid-template-rows: 50px 40px 20px;
    grid-template-areas:
        "tit1    tit1  tit1 tit1"
        "input1 esp1 input2 esp2"
        "input3 esp1 input4 esp2";
}
.contOpcion .solicitudautorizar .redessociales .tit1 {
    grid-area: tit1;
    margin-top: 20px;
}
.contOpcion .solicitudautorizar .redessociales .input1 {
    grid-area: input1;
    margin-left:20px;
}
.contOpcion .solicitudautorizar .redessociales .input2 {
    grid-area: input2;
}
.contOpcion .solicitudautorizar .redessociales .input3 {
    grid-area: input3;
    margin-left:20px;
}
.contOpcion .solicitudautorizar .redessociales .input4 {
    grid-area: input4;
}
.contOpcion .solicitudautorizar .datosbancarios {
    display: grid;
    align-items: center;
    grid-gap: 10px;
    grid-template-columns: 1fr 20px 1fr 20px 1fr 20px;
    grid-template-rows: 40px 30px 30px;
    grid-template-areas:
        "tit1     tit1    tit1   tit1      tit1      tit1"
        "et1      esp1    et2     esp2     et3       esp3"
        "input1   val1    input2  val2     input3    val3";
}
.contOpcion .solicitudautorizar .datosbancarios .tit1 {
    grid-area: tit1;
    margin-top: 30px;
    text-align: center;
    min-width:200px;
}
.contOpcion .solicitudautorizar .datosbancarios .et1 {
    grid-area: et1;
    margin-top: 10px;
    margin-left: 20px;
    text-align:center;
}
.contOpcion .solicitudautorizar .datosbancarios .et2 {
    grid-area: et2;
    margin-top:10px;
    text-align:center;
}
.contOpcion .solicitudautorizar .datosbancarios .et3 {
    grid-area: et3;
    margin-top:10px;
    text-align:center;
}
.contOpcion .solicitudautorizar .datosbancarios .input1 {
    grid-area: input1;
    margin-left: 20px;
    min-width:200px;
}
.contOpcion .solicitudautorizar .datosbancarios .input2 {
    grid-area: input2;
}
.contOpcion .solicitudautorizar .datosbancarios .input3 {
    grid-area: input3;
}
.contOpcion .solicitudautorizar .datosbancarios .val1 {
    grid-area: val1;
}
.contOpcion .solicitudautorizar .datosbancarios .val2 {
    grid-area: val2;
}
.contOpcion .solicitudautorizar .datosbancarios .val3 {
    grid-area: val3;
}
.contOpcion .solicitudautorizar .datoseconomicos {
    display: grid;
    align-items: center;
    grid-gap: 10px;
    grid-template-columns: 1fr 20px 1fr 20px 1fr 20px;
    grid-template-rows: 30px 30px;
    grid-template-areas:
        "et1        esp1      et2        esp2    et3        esp3"
        "input1     val1     input2     val2   input3     val3";
}
.contOpcion .solicitudautorizar .datoseconomicos .et1 {
    grid-area: et1;
    margin-left: 20px;
    margin-top:10px;
    min-width:200px;
    text-align:center;
}
.contOpcion .solicitudautorizar .datoseconomicos .et2 {
    grid-area: et2;
    margin-top:10px;
    text-align:center;
}
.contOpcion .solicitudautorizar .datoseconomicos .et3 {
    grid-area: et3;
    margin-top:10px;
    text-align:center;
}
.contOpcion .solicitudautorizar .datoseconomicos .input1 {
    grid-area: input1;
    margin-left: 20px;
    min-width:200px;
}
.contOpcion .solicitudautorizar .datoseconomicos .input2 {
    grid-area: input2;
}
.contOpcion .solicitudautorizar .datoseconomicos .input3 {
    grid-area: input3;
}
.contOpcion .solicitudautorizar .datoseconomicos .val1 {
    grid-area: val1;
}
.contOpcion .solicitudautorizar .datoseconomicos .val2 {
    grid-area: val2;
}
.contOpcion .solicitudautorizar .datoseconomicos .val3 {
    grid-area: val3;
}
.contOpcion .solicitudautorizar .referencias {
    display: grid;
    align-items: center;
    margin-top: 10px;
    grid-gap: 10px;
    grid-template-rows: 40px repeat(3, 30px);
    grid-row-gap: 10px;
    grid-template-columns: 80px 2fr 10px 60px 1fr 10px 60px 1fr 20px;
    grid-template-areas: 
        "et1 	 et1        et1      et1     et1        et1      et1      et1        et1" 
        "et2     input1     val1     et3     input4     val4     et4      input7     val7" 
        "et5 	 input2     val2     et6     input5     val5     et7      input8     val8" 
        "et8 	 input3     val3     et9     input6     val6     et10     input9     val9";
}
.contOpcion .solicitudautorizar .referencias .et1 {
    grid-area: et1;
    text-align: center;
}
.contOpcion .solicitudautorizar .referencias .et2 {
    grid-area: et2;
    margin-left: 20px;
    min-width:200px;
}
.contOpcion .solicitudautorizar .referencias .et3 {
    grid-area: et3;
    text-align: center;
}
.contOpcion .solicitudautorizar .referencias .et4 {
    grid-area: et4;
    text-align: center;
}
.contOpcion .solicitudautorizar .referencias .et5 {
    grid-area: et5;
    margin-left: 20px;
    min-width:200px;
}
.contOpcion .solicitudautorizar .referencias .et6 {
    grid-area: et6;
    text-align: center;
}
.contOpcion .solicitudautorizar .referencias .et7 {
    grid-area: et7;
    text-align: center;
}
.contOpcion .solicitudautorizar .referencias .et8 {
    grid-area: et8;
    margin-left: 20px;
    min-width:200px;
}
.contOpcion .solicitudautorizar .referencias .et9 {
    grid-area: et9;
    text-align: center;
}
.contOpcion .solicitudautorizar .referencias .et10 {
    grid-area: et10;
    text-align: center;
}
.contOpcion .solicitudautorizar .referencias .input1 {
    grid-area: input1;
    min-width:200px;
}
.contOpcion .solicitudautorizar .referencias .input2 {
    grid-area: input2;
    min-width:200px;
}
.contOpcion .solicitudautorizar .referencias .input3 {
    grid-area: input3;
    min-width:200px;
}
.contOpcion .solicitudautorizar .referencias .input4 {
    grid-area: input4;
}
.contOpcion .solicitudautorizar .referencias .input5 {
    grid-area: input5;
}
.contOpcion .solicitudautorizar .referencias .input6 {
    grid-area: input6;
}
.contOpcion .solicitudautorizar .referencias .input7 {
    grid-area: input7;
}
.contOpcion .solicitudautorizar .referencias .input8 {
    grid-area: input8;
}
.contOpcion .solicitudautorizar .referencias .input9 {
    grid-area: input9;
}
.contOpcion .solicitudautorizar .referencias .val1 {
    grid-area: val1;
}
.contOpcion .solicitudautorizar .referencias .val2 {
    grid-area: val2;
}
.contOpcion .solicitudautorizar .referencias .val3 {
    grid-area: val3;
}
.contOpcion .solicitudautorizar .referencias .val4 {
    grid-area: val4;
}
.contOpcion .solicitudautorizar .referencias .val5 {
    grid-area: val5;
}
.contOpcion .solicitudautorizar .referencias .val6 {
    grid-area: val6;
}
.contOpcion .solicitudautorizar .referencias .val7 {
    grid-area: val7;
}
.contOpcion .solicitudautorizar .referencias .val8 {
    grid-area: val8;
}
.contOpcion .solicitudautorizar .referencias .val9 {
    grid-area: val9;
}
.contOpcion .solicitudautorizar .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 .solicitudautorizar .contrato .et1 {
    grid-area: et1;
}
.contOpcion .solicitudautorizar .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 .solicitudautorizar .autorizacion .et1 {
    grid-area: et1;
    text-align: center;
}
.contOpcion .solicitudautorizar .autorizacion .input1 {
    grid-area: input1;
}
.contOpcion .solicitudautorizar .autorizacion .val1 {
    grid-area: val1;
}
.contOpcion .solicitudautorizar .autorizacion .btn1 {
    grid-area: btn1;
    display: flex;
    justify-content: center;
    margin-top:40px;
}
.contOpcion .solicitudautorizar .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 1280px sin menu 1082px*/
@media (max-width: 1017px) {
    .contOpcion .solicitudautorizar .referencias {
        grid-template-rows: 40px 20px 30px 20px 30px 20px 30px;
        grid-template-columns: 2fr 10px 1fr 10px 1fr 20px;
        grid-template-areas:
            "et1 	 et1        et1      et1     et1        et1"
            "et2     esp2       et3      esp3    et4        esp4"
            "input1  val1       input4   val4    input7     val7"
            "et5 	 esp5       et6      esp6    et7        esp7"
            "input2  val2       input5   val5    input8     val8"
            "et8 	 esp8       et9      esp9    et10       esp10"
            "input3  val3       input6   val6    input9     val9";
    }
    .contOpcion .solicitudautorizar .referencias .et2 {
        text-align: center;
    }
    .contOpcion .solicitudautorizar .referencias .et5 {
        text-align: center;
    }
    .contOpcion .solicitudautorizar .referencias .et8 {
        text-align: center;
    }
    .contOpcion .solicitudautorizar .referencias .input1 {
        margin-left:20px;
    }
    .contOpcion .solicitudautorizar .referencias .input2 {
        margin-left: 20px;
    }
    .contOpcion .solicitudautorizar .referencias .input3 {
        margin-left: 20px;
    }
}
/* con menu 1053px sin menu 855px*/
@media (max-width: 790px) {
    .contOpcion .solicitudautorizar .referencias {
        grid-template-columns: 1fr 10px 1fr 10px 1fr 20px;
    }
}
/* con menu 1035px sin menu 837px*/
@media (max-width: 772px) {
    .contOpcion .solicitudautorizar .identificacion {
        grid-template-rows: 50px 70px 30px 10px 30px 10px 30px 1fr;
    }
    .contOpcion .solicitudautorizar .identificacion .etEnc2 {
        height: 70px;
    }
    .contOpcion .solicitudautorizar .empleo {
        grid-template-rows: 50px 70px 30px 10px 30px 10px 30px 1fr;
        grid-template-columns: 1fr 10px 1fr 20px;
        grid-template-areas:
            "tit1    tit1    tit1      tit1"
            "et1     esp1    et2      esp2"
            "input1  val1    input2   val2"
            "et3     esp3    et4     esp4"
            "input3  val3    input4  val4"
            "et5      esp5    et6     esp6"
            "input5   val5    input6  val6";
    }
    .contOpcion .solicitudautorizar .empleo .et3 {
        margin-left: 20px;
        margin-top: 0px;
    }
    .contOpcion .solicitudautorizar .empleo .et4 {
        margin-left:0px;
    }
    .contOpcion .solicitudautorizar .empleo .et5 {
        margin-left: 20px;
    }
    .contOpcion .solicitudautorizar .empleo .input3 {
         margin-left:20px;
    }
    .contOpcion .solicitudautorizar .empleo .input4 {
        margin-left:0px;
    }
    .contOpcion .solicitudautorizar .empleo .input5 {
        margin-left: 20px;
    }
}
/* con menu 963px sin menu 765px*/
@media (max-width: 700px) {
     .contOpcion .solicitudautorizar .solicitado {
        grid-template-columns: 150px 1fr;
        grid-template-rows: 30px repeat(4, 20px);
        grid-template-areas:
            "et1     et1"
            "et2     et3"
            "et4     et5"
            "et6     et7"
            "et8     et9";
    }
   .contOpcion .solicitudautorizar .solicitado .et1 {
        text-align:left;
    }
    .contOpcion .solicitudautorizar .solicitado .et2 {
        text-align:left;
        margin-left:20px;
    }
    .contOpcion .solicitudautorizar .solicitado .et3 {
        text-align:left;
    }
    .contOpcion .solicitudautorizar .solicitado .et4 {
        text-align:left;
        margin-left:20px;
    }
    .contOpcion .solicitudautorizar .solicitado .et5 {
        text-align:left;
    }
    .contOpcion .solicitudautorizar .solicitado .et6 {
        text-align:left;
        margin-left:20px;
    }
    .contOpcion .solicitudautorizar .solicitado .et7 {
        text-align:left;
    }
    .contOpcion .solicitudautorizar .solicitado .et8 {
       text-align:left;
       margin-left:20px;
    }
    .contOpcion .solicitudautorizar .solicitado .et9 {
       text-align:left;
    }
   .contOpcion .solicitudautorizar .estadocuenta {
        grid-template-rows: 65px 30px 10px 30px 1fr;
    }
    .contOpcion .solicitudautorizar .estadocuenta .et1 .etEnc2 {
        height: 65px;
    }
    .contOpcion .solicitudautorizar .empleo {
        grid-template-rows: 20px 50px 35px 35px 35px 35px 35px;
        grid-template-columns: 240px 1fr 20px;
        grid-template-areas:
            "tit1    tit1    tit1"
            "et1     input1  val1"
            "et2     input2  val2"
            "et3     input3  val3"
            "et4     input4  val4"
            "et5     input5  val5"
            "et6     input6  val6";
    }
    .contOpcion .solicitudautorizar .empleo .et1 {
        margin-left:20px;
        margin-top:15px;
        text-align:left;
    }
    .contOpcion .solicitudautorizar .empleo .et2 {
        margin-left: 20px;
        margin-top: 0px;
        text-align: left;
    }
    .contOpcion .solicitudautorizar .empleo .et3 {
        margin-left: 20px;
        margin-top: 0px;
        text-align: left;
    }
    .contOpcion .solicitudautorizar .empleo .et4 {
        margin-left: 20px;
        margin-top: 0px;
        text-align: left;
    }
    .contOpcion .solicitudautorizar .empleo .et5 {
        margin-left: 20px;
        margin-top: 0px;
        text-align: left;
    }
    .contOpcion .solicitudautorizar .empleo .et6 {
        margin-left: 20px;
        margin-top: 0px;
        text-align: left;
    }
    .contOpcion .solicitudautorizar .empleo .input1 {
        margin-left: 0px;
        margin-top: 15px;
    }
    .contOpcion .solicitudautorizar .empleo .input2 {
        margin-left:0px;
    }
    .contOpcion .solicitudautorizar .empleo .input3 {
        margin-left:0px;
    }
    .contOpcion .solicitudautorizar .empleo .input4 {
        margin-left:0px;
    }
    .contOpcion .solicitudautorizar .empleo .input5 {
        margin-left:0px;
    }
    .contOpcion .solicitudautorizar .empleo .input6 {
        margin-left:0px;
    }
    .contOpcion .solicitudautorizar .empleo .val1 {
        margin-top: 15px;
    }
}
/* con menu 916px sin menu 709px*/
@media (max-width: 653px) {
    .contOpcion .solicitudautorizar .redessociales {
        grid-template-rows: 75px 40px 20px;
    }
    .contOpcion .solicitudautorizar .redessociales .etEnc2 {
        height: 70px;
    }
}
/* con menu 907px sin menu 709px*/
@media (max-width: 644px) {
    .contOpcion .solicitudautorizar .comprobantedom {
        grid-template-rows: 50px 50px 10px 30px 1fr;
    }
    .contOpcion .solicitudautorizar .comprobantedom .etEnc2 {
        height: 70px;
    }
}
/* con menu 893px sin menu 710px*/
@media (max-width: 630px) {
    .contOpcion .solicitudautorizar .datosbancarios {
        grid-template-columns: 200px 1fr 20px;
        grid-template-rows: 40px 50px 35px 35px;
        grid-template-areas:
            "tit1     tit1     tit1"
            "et1      input1  val1"
            "et2      input2  val2"
            "et3      input3  val3";
    }
    .contOpcion .solicitudautorizar .datosbancarios .et1 {
        margin-left: 20px;
        text-align:left;
        margin-top:20px;
    }
    .contOpcion .solicitudautorizar .datosbancarios .et2 {
        margin-top: 0px;
        text-align: left;
        margin-left: 20px;
    }
    .contOpcion .solicitudautorizar .datosbancarios .et3 {
        margin-top: 0px;
        text-align: left;
        margin-left: 20px;
    }
    .contOpcion .solicitudautorizar .datosbancarios .input1 {
        margin-left: 0px;
        min-width:0px;
        margin-top:20px;
    }
    .contOpcion .solicitudautorizar .datoseconomicos {
        grid-template-columns: 200px 1fr 20px;
        grid-template-rows: 40px 35px 35px;
        grid-template-areas:
            "et1        input1      val1"
            "et2        input2      val2"
            "et3        input3      val3";
    }
    .contOpcion .solicitudautorizar .datoseconomicos .et1 {
        margin-top: 10px;
        text-align: left;
        min-width: 0px;
    }
    .contOpcion .solicitudautorizar .datoseconomicos .et2 {
        margin-top:0px;
        text-align:left;
        margin-left: 20px;
    }
    .contOpcion .solicitudautorizar .datoseconomicos .et3 {
        margin-top:0px;
        text-align:left;
        margin-left: 20px;
    }
    .contOpcion .solicitudautorizar .datoseconomicos .input1 {
        margin-top: 10px;
        margin-left: 0px;
        min-width: 0px;
    }
    .contOpcion .solicitudautorizar .referencias {
        grid-template-rows: 40px repeat(9, 35px);
        grid-template-columns: 90px 1fr  20px;
        grid-template-areas:
            "et1 	 et1        et1"
            "et2     input1     val1"
            "et3     input4     val4"
            "et4      input7     val7"
            "et5 	 input2     val2"
            "et6     input5     val5"
            "et7      input8     val8"
            "et8 	 input3     val3"
            "et9     input6     val6"
            "et10     input9     val9";
    }
    .contOpcion .solicitudautorizar .referencias .et2 {
        text-align: left;
        margin-left: 20px;
        min-width: 0px;
    }
    .contOpcion .solicitudautorizar .referencias .et3 {
        text-align: left;
        margin-left: 20px;
    }
    .contOpcion .solicitudautorizar .referencias .et4 {
        text-align: left;
        margin-left: 20px;
    }
    .contOpcion .solicitudautorizar .referencias .et5 {
        text-align: left;
        margin-left: 20px;
        min-width:0px;
    }
    .contOpcion .solicitudautorizar .referencias .et6 {
        text-align: left;
        margin-left: 20px;
    }
    .contOpcion .solicitudautorizar .referencias .et7 {
        text-align: left;
        margin-left: 20px;
    }
    .contOpcion .solicitudautorizar .referencias .et8 {
        text-align: left;
        margin-left: 20px;
        min-width:0px;
    }
    .contOpcion .solicitudautorizar .referencias .et9 {
         text-align: left;
        margin-left: 20px;
    }
    .contOpcion .solicitudautorizar .referencias .et10 {
         text-align: left;
         margin-left: 20px;
    }
    .contOpcion .solicitudautorizar .referencias .input1 {
        margin-left: 0px;
        min-width: 0px;
    }
    .contOpcion .solicitudautorizar .referencias .input2 {
        margin-left: 0px;
        min-width: 0px;
    }
    .contOpcion .solicitudautorizar .referencias .input3 {
        margin-left: 0px;
        min-width: 0px;
    }
    .contOpcion .solicitudautorizar .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 600px */
@media (max-width: 530px) {
    .contOpcion .solicitudautorizar .estadocuenta {
        grid-gap: 0px;
        grid-template-columns: 1fr 30px;
        grid-template-rows: 65px 50px 30px 10px 50px 1fr;
        grid-template-areas:
            "et1 et1"
            "btn1 btn1"
            "input1 esp1"
            "et2 et2"
            "et3 et3"
            "tb1 tb1";
    }
    .contOpcion .solicitudautorizar .estadocuenta .et3 {
            margin-top:20px;
    }
    .contOpcion .solicitudautorizar .estadocuenta .input1 {
        margin-left: 20px;
        margin-right: 0px;
        margin-top: 10px;
    }
    .contOpcion .solicitudautorizar .identificacion {
        grid-row-gap: 0px;
        grid-template-rows: 50px 50px 30px 50px 20px 20px 30px 40px 20px 30px 1fr;
        grid-template-columns: 1fr 20px;
        grid-template-areas:
            "et1 	  et1"
            "et2      et2"
            "input1  val1"
            "btn1 	 btn1"
            "input2  val2"
            "et4 	 et4"
            "btn2 	 btn2"
            "input3  val3"
            "et5 	 et5"
            "et6 	 et6"
            "tb1 	tb1";
    }
    .contOpcion .solicitudautorizar .identificacion .et2 {
         margin-top:30px;
    }
    .contOpcion .solicitudautorizar .identificacion .input1 {
        margin-left:20px;
    }
    .contOpcion .solicitudautorizar .identificacion .input2 {
        margin-left: 20px;
    }
    .contOpcion .solicitudautorizar .identificacion .input3 {
        margin-left: 20px;
    }
    .contOpcion .solicitudautorizar .comprobantedom {
        grid-gap: 0px;
        grid-template-columns: 1fr 30px;
        grid-template-rows: 50px 60px 30px 10px 50px 1fr;
        grid-template-areas:
            "et1 et1"
            "btn1 btn1"
            "input1 esp1"
            "et2 et2"
            "et3 et3"
            "tb1 tb1";
    }
    .contOpcion .solicitudautorizar .comprobantedom .et3 {
        margin-top: 20px;
    }
    .contOpcion .solicitudautorizar .comprobantedom .input1 {
        margin-left: 20px;
        margin-right: 0px;
        margin-top: 10px;
    }
   .contOpcion .solicitudautorizar .empleo {
        grid-gap: 0px;
        grid-template-rows: 20px 50px repeat(10, 30px);
        grid-template-columns: 1fr 20px;
        grid-template-areas:
            "tit1    tit1"
            "et1     esp1"
            "input1  val1"
            "et2     esp2"
            "input2  val2"
            "et3     esp3"
            "input3  val3"
            "et4     esp4"
            "input4  val4"
            "et5     esp5"
            "input5  val5"
            "et6     esp6"
            "input6  val6";
    }
    .contOpcion .solicitudautorizar .empleo .et1 {
        margin-top: 15px;
    }
    .contOpcion .solicitudautorizar .empleo .et2 {
        margin-top: 0px;
    }
    .contOpcion .solicitudautorizar .empleo .et3 {
        margin-top: 0px;
    }
    .contOpcion .solicitudautorizar .empleo .et4 {
        margin-top: 0px;
    }
    .contOpcion .solicitudautorizar .empleo .et5 {
        margin-top: 0px;
    }
    .contOpcion .solicitudautorizar .empleo .et6 {
        margin-top: 0px;
    }
    .contOpcion .solicitudautorizar .empleo .input1 {
        margin-left:20px;
        margin-top: 0px;
    }
    .contOpcion .solicitudautorizar .empleo .input2 {
        margin-left:20px;
        margin-top: 0px;
    }
    .contOpcion .solicitudautorizar .empleo .input3 {
       margin-left:20px;
       margin-top: 0px;
    }
    .contOpcion .solicitudautorizar .empleo .input4 {
        margin-left:20px;
        margin-top: 0px;
    }
    .contOpcion .solicitudautorizar .empleo .input5 {
      margin-left:20px;
      margin-top: 0px;
    }
    .contOpcion .solicitudautorizar .empleo .input6 {
        margin-left:20px;
        margin-top: 0px;
    }
    .contOpcion .solicitudautorizar .redessociales {
        grid-gap: 10px;
        grid-row-gap: 10px;
        grid-template-columns: 1fr 20px;
        grid-template-rows: 75px 35px 40px 20px;
        grid-template-areas:
            "tit1    tit1 "
            "input1 esp1"
            "input2 esp2"
            "input3 esp3";
    }
    .contOpcion .solicitudautorizar .redessociales .input1 {
        margin-top: 15px;
    }
    .contOpcion .solicitudautorizar .redessociales .input2 {
      margin-left:20px;
    }
}
/* con menu 550px */
@media (max-width: 480px) {
    .contOpcion .solicitudautorizar .datosbancarios {
        grid-gap: 0px;
        grid-template-columns: 1fr 20px;
        grid-template-rows: 40px 40px repeat(5, 30px);
        grid-template-areas:
            "tit1    tit1"
            "et1     esp1"
            "input1  val1"
            "et2     esp2"
            "input2  val2"
            "et3     esp3"
            "input3  val3";
    }
    .contOpcion .solicitudautorizar .datosbancarios .et1 {
        margin-top: 15px;
    }
    .contOpcion .solicitudautorizar .datosbancarios .et2 {
        margin-top: 0px;
    }
    .contOpcion .solicitudautorizar .datosbancarios .et3 {
        margin-top: 0px;
    }
    .contOpcion .solicitudautorizar .datosbancarios .input1 {
        margin-left: 20px;
        margin-top: 0px;
    }
    .contOpcion .solicitudautorizar .datosbancarios .input2 {
        margin-left: 20px;
        margin-top: 0px;
    }
    .contOpcion .solicitudautorizar .datosbancarios .input3 {
        margin-left: 20px;
        margin-top: 0px;
    }
    .contOpcion .solicitudautorizar .datoseconomicos {
        display: grid;
        align-items: center;
        grid-gap: 0px;
        grid-template-columns: 1fr 20px;
        grid-template-rows: repeat(6, 30px);
        grid-template-areas:
            "et1     esp1"
            "input1  val1"
            "et2     esp2"
            "input2  val2"
            "et3     esp3"
            "input3  val3";
    }
    .contOpcion .solicitudautorizar .datoseconomicos .et1 {
        margin-top: 0px;
    }
    .contOpcion .solicitudautorizar .datoseconomicos .et2 {
        margin-top: 0px;
    }
    .contOpcion .solicitudautorizar .datoseconomicos .et3 {
        margin-top: 0px;
    }
    .contOpcion .solicitudautorizar .datoseconomicos .input1 {
        margin-left: 20px;
        margin-top: 0px;
    }
    .contOpcion .solicitudautorizar .datoseconomicos .input2 {
        margin-left: 20px;
        margin-top: 0px;
    }
    .contOpcion .solicitudautorizar .datoseconomicos .input3 {
        margin-left: 20px;
        margin-top: 0px;
    }
}
/* con menu 507px */
    @media (max-width: 440px) {
    .contOpcion .solicitudautorizar .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 .solicitudautorizar .autorizacion .et1 {
        text-align: left;
    }
}
/* con menu 498px */
@media (max-width: 428px) {
    .contOpcion .solicitudautorizar .identificacion {
        grid-template-rows: 70px 50px 30px 50px 20px 20px 30px 40px 20px 30px 1fr;
    }
    .contOpcion .solicitudautorizar .identificacion .etEnc2 {
        height: 90px;
    }
}
/* con menu 474px */
@media (max-width: 404px) {
    .contOpcion .solicitudautorizar .datosbancarios {
        grid-template-rows: 70px 40px repeat(5, 30px);
    }
    .contOpcion .solicitudautorizar .datosbancarios .etEnc2 {
        height: 70px;
    }
}
/* con menu 456px */
@media (max-width: 386px) {
    .contOpcion .solicitudautorizar .comprobantedom {
        grid-template-rows: 60px 60px 30px 10px 50px 1fr;
    }
    .contOpcion .solicitudautorizar .comprobantedom .etEnc2 {
        height: 90px;
    }
    .contOpcion .solicitudautorizar .referencias {
        grid-template-rows: 40px repeat(18, 20px);
        grid-template-columns: 1fr 20px;
        grid-template-areas:
            "et1 	 et1"
            "et2     esp2"
            "input1  val1"
            "et3     esp3"
            "input4  val4"
            "et4     esp4"
            "input7  val7"
            "et5 	 esp5"
            "input2  val2"
            "et6     esp6"
            "input5  val5"
            "et7     esp7"
            "input8  val8"
            "et8 	 esp8"
            "input3  val3"
            "et9     esp9"
            "input6  val6"
            "et10    esp10"
            "input9  val9";
    }
    .contOpcion .solicitudautorizar .referencias .input1 {
        margin-left:20px;
    }
    .contOpcion .solicitudautorizar .referencias .input2 {
        margin-left:20px;
    }
    .contOpcion .solicitudautorizar .referencias .input3 {
        margin-left:20px;
    }
    .contOpcion .solicitudautorizar .referencias .input4 {
        margin-left:20px;
    }
    .contOpcion .solicitudautorizar .referencias .input5 {
        margin-left:20px;
    }
    .contOpcion .solicitudautorizar .referencias .input6 {
        margin-left:20px;
    }
    .contOpcion .solicitudautorizar .referencias .input7 {
       margin-left:20px;
    }
    .contOpcion .solicitudautorizar .referencias .input8 {
        margin-left:20px;
    }
    .contOpcion .solicitudautorizar .referencias .input9 {
        margin-left:20px;
    }
}
/* con menu 453px */
@media (max-width: 383px) {
    .contOpcion .solicitudautorizar .estadocuenta {
        grid-template-rows: 80px 50px 30px 10px 50px 1fr;
    }
    .contOpcion .solicitudautorizar .estadocuenta .et1 .etEnc2 {
        height: 90px;
    }
}
/* con menu 443px */
@media (max-width: 373px) {
    .contOpcion .solicitudautorizar .redessociales {
        grid-template-rows: 90px 35px 40px 20px;
    }
    .contOpcion .solicitudautorizar .redessociales .etEnc2 {
        height: 90px;
    }
}