﻿.contOpcion .empresas .principal {
    display: grid;
    align-items: center;
    margin-top: -1px;
    grid-gap: 10px;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "tb1";
}
.contOpcion .empresas .principal .tb1 {
    grid-area: tb1;
}
.contOpcion .empresas .gvOpciones {
    margin-top: -4px;
    border-radius: 0px 0px 10px 10px;
    overflow: hidden;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.377);
}

.contOpcion .empresas .acciones {
    display: grid;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 40px;
    grid-gap: 20px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas:
        "esp1    btn1 	esp2";
}
.contOpcion .empresas .acciones .btn1 {
    grid-area: btn1;
}
.contOpcion .empresas .acciones2 {
    display: grid;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 40px;
    grid-gap: 20px;
    grid-row-gap: 10px;
    grid-template-columns: repeat(1fr,5);
    grid-template-areas:
        "esp1    btn1  esp2 btn2	esp3";
}
.contOpcion .empresas .acciones2 .btn1 {
    grid-area: btn1;
}
.contOpcion .empresas .acciones2 .btn2 {
    grid-area: btn2;

}
.contOpcion .empresas .dvDetalle {
    width: 100%;
    display: inline-block;
    border: 2px solid #1e1343;
    color: rgb(255, 255, 255);
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.377);
    overflow: hidden;
    align-items: center;
    justify-content: center;
    height: 145px;
    margin-top: -5px;
}
.contOpcion .empresas .dvDetalle .Detalle {
    display: grid;
    align-items: center;
    margin: 10px;
    grid-gap: 5px;
    grid-row-gap:10px;
    grid-template-columns: 70px 1fr 10px 70px 1fr 10px 80px 50px 10px;
    grid-template-areas:
        "esp1-1       esp1-2      esp1-2     esp1-2     esp1-2   esp1-3   esp1-4   esp1-5   esp1-5"
        "esp2-1       esp2-2      esp2-2     esp2-2     esp2-2   esp2-2   esp2-2   esp2-2   esp2-3"
        "esp3-1       esp3-2      esp3-3     esp3-4     esp3-5   esp3-5   esp3-5   esp3-5   esp3-6";
}
.contOpcion .empresas .dvDetalle .Detalle .esp1-1 {
    grid-area: esp1-1;
}
.contOpcion .empresas .dvDetalle .Detalle .esp1-2 {
    grid-area: esp1-2;
}
.contOpcion .empresas .dvDetalle .Detalle .esp1-3 {
    grid-area: esp1-3;
}
.contOpcion .empresas .dvDetalle .Detalle .esp1-4 {
    grid-area: esp1-4;
}
.contOpcion .empresas .dvDetalle .Detalle .esp1-5 {
    grid-area: esp1-5;
}
.contOpcion .empresas .dvDetalle .Detalle .esp2-1 {
    grid-area: esp2-1;
}
.contOpcion .empresas .dvDetalle .Detalle .esp2-2 {
    grid-area: esp2-2;
}
.contOpcion .empresas .dvDetalle .Detalle .esp2-3 {
    grid-area: esp2-3;
}
.contOpcion .empresas .dvDetalle .Detalle .esp3-1 {
    grid-area: esp3-1;
}
.contOpcion .empresas .dvDetalle .Detalle .esp3-2 {
    grid-area: esp3-2;
}
.contOpcion .empresas .dvDetalle .Detalle .esp3-3 {
    grid-area: esp3-3;
}
.contOpcion .empresas .dvDetalle .Detalle .esp3-4 {
    grid-area: esp3-4;
}
.contOpcion .empresas .dvDetalle .Detalle .esp3-5 {
    grid-area: esp3-5;
}
.contOpcion .empresas .dvDetalle .Detalle .esp3-6 {
    grid-area: esp3-6;
}
.contOpcion .empresas .dvDetalle .Detalle .esp4-1 {
    grid-area: esp4-1;
}
.contOpcion .empresas .dvDetalle .Detalle .esp4-2 {
    grid-area: esp4-2;
}
.contOpcion .empresas .dvDetalle .Detalle .esp4-3 {
    grid-area: esp4-3;
}
.contOpcion .empresas .dvDetalle .Detalle .esp4-4 {
    grid-area: esp4-4;
}
.contOpcion .empresas .dvDetalle .Detalle .esp4-5 {
    grid-area: esp4-5;
}
.contOpcion .empresas .dvDetalle .Detalle .esp4-6 {
    grid-area: esp4-6;
}