/* ===============================
   BOTONES CORTES (MENÚ IZQUIERDA)
=============================== */
.botones-cortes{
    display: flex;
    flex-direction: column;       /* uno bajo el otro */
    width: 100%;
    gap: 8px;
    margin: 15px 0;
}

.btn-corte{
    width: 100%;
    padding: 12px;
    border: none;
    background: #e6e6e6;
    color: #808080;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.btn-corte:hover{
    background: #8b8b8b;
    color: #fff;
}

.btn-corte.activo{
    background: #3A3A3A;
    color: #fff;
}


/* ===============================
   CONTENEDOR TÍTULO
=============================== */
.contenido-titulo{
    background: #fff;
    padding: 10px 15px;
    border-bottom: 5px solid #DDDDDD;
}

.contenido-titulo h1{
    margin: 0;
    font-size: 22px;
    font-weight: bold;
}


/* ===============================
   MAPA
=============================== */
#izquierda{
    width: 100%;
}

#izquierda .row{
    margin-left: 0;
    margin-right: 0;
}

/* contenedor del mapa */
#izquierda .col-md-4{
    padding-left: 0;
}


/* ===============================
   DETALLE TRIBUNAL (IMAGEN)
=============================== */
.imagenDetalleTribunal{
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}


/* ===============================
   CONTENEDOR DERECHA
=============================== */
#corte-apelaciones{
    width: 100%;
}

#corte-apelaciones > div{
    width: 100%;
}


/* ===============================
   AJUSTES BOOTSTRAP
=============================== */
.row{
    margin-right: 0;
    margin-left: 0;
}

main{
    padding-left: 0 !important;
}

.tribunal{
    background: #001D69;
    color: #fff;
    font-size: 1.5em;
    padding: 2px 0 2px 10px;
}

#botonUbicacion img{
    width: 28px;
}

#botonUbicacion{
    margin-bottom: 10px;
}

/* ===============================
   RESPONSIVE
=============================== */
@media (max-width: 767px){

    .contenido-titulo h1{
        font-size: 18px;
    }

    .imagenDetalleTribunal{
        max-width: 100%;
        height: 180px;
    }

    .botones-cortes{
        margin-bottom: 20px;
    }
}

.datosDetalleTribunal{
    font-size: 0.8em!important;
}

.funcionariosTribunal{
    font-size: 0.8em!important;
}

#derecha .funcionariosTribunal {
    width: 100%;
    float: right;
}
table.tablaDetalleTribunal {
    width: 100%;
}
td.encabezado {
    background: #E2E2E2;
    width: 100%;
    text-transform: uppercase;
    padding: 10px;
}
table.tablaDetalleTribunal td {
    padding-left: 10px;
}
table.persona-pjud {
    width: 100%;
}
td.cargoFuncionario {
    width: 40%;
}
tr.inicioCargo {
    border-bottom: 1px solid #F3F3F3;
}
td.encabezadoPersonal {
    background-color: #F3F3F3;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding: 10px;
    font-weight: 700;
    font-size: 15px;
}
.iframe-map iframe {
    width: 100%;
    height: 300px;
    background-color: #F9F9F9;
    margin-top: 5%;
}
tr.inicioCargo li {
    list-style-position: inside;
}