/* ---------------------------------------------------------------------------
   Capa propia de Empormontt sobre la plantilla oficial de Gobierno Transparente.
   El archivo gob.css NO se modifica: si el gobierno lo actualiza, se reemplaza
   y estos ajustes siguen funcionando.
   --------------------------------------------------------------------------- */

/* ---- 1. Color del bloque de titulo de cada caja -------------------------- */
/* PROVISORIO: cambiar SOLO estas dos lineas cuando Empormontt confirme el tono. */
.subMenu b {
    background: #2E8B72;              /* <-- el "verdesito" va aqui */
    background-image: none;           /* quita el degradado gris del template */
    color: #FFFFFF;                   /* texto blanco para que contraste */
    border: 1px solid #26705C;
    border-bottom: none;
}

/* El cuerpo de la caja va blanco puro, sin el degradado gris del template. */
.subMenu u {
    background: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-top: none;
}

/* ---- 1b. Que no scrollee la pagina en pantallas angostas ----------------- */
/* gob.css usa width:95% MAS padding de 24px sin box-sizing, asi que el relleno
   se suma al ancho y desborda. En escritorio no se nota, en telefono si. */
.contenido,
.detalle,
.footer {
    box-sizing: border-box;
}

/* ---- 2. Paginas de detalle ----------------------------------------------- */

/* Titulo de cada subcategoria dentro del listado. */
.detalle .tituloSub {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    color: #0F70B7;
    margin: 20px 0 6px 0;
    padding: 0;
}

.detalle .tituloSub:first-child {
    margin-top: 0;
}

/* Un poco de aire entre tablas consecutivas. */
.detalle .tabla {
    margin-bottom: 6px;
}

/* ---- Planillas dibujadas como tabla ------------------------------------- */

/* Titulo del registro que origina cada tabla. */
.detalle .tituloTabla {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #035795;
    margin: 10px 0 4px 0;
}

.detalle .tituloTabla span {
    font-weight: normal;
    color: #909090;
}

/* Las tablas anchas scrollean dentro de su caja; la pagina nunca de lado. */
.detalle .planilla-scroll,
.detalle .tabla-scroll {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 4px;
}

/* Celdas marcadas y contenido centrado.
   gob.css deja el borde inferior en #F4F4F4 (casi blanco): en una planilla larga
   la fila se pierde y todo se lee como un bloque. Aca se marcan los dos bordes
   por igual y se centra el contenido en ambos ejes, que es lo que se espera de
   una tabla de datos y ademas ordena las celdas combinadas con rowspan. */
.detalle .tabla-planilla td {
    border-right: 1px solid #C4C4C4;
    border-bottom: 1px solid #C4C4C4;
    text-align: center;
    vertical-align: middle;
}

.detalle .planilla-fuente {
    margin: 0 0 18px 0;
    font-size: 11px;
}

/* Reemplaza al icono de accesibilidad del template: enlace de volver. */
.link-volver {
    float: right;
    margin-top: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #0F70B7;
    text-decoration: none;
}

.link-volver:hover {
    text-decoration: underline;
}

.btn-volver {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #0F70B7;
}

/* ---- 3. Sin el logo del Gobierno de Chile -------------------------------- */
/* El div .top ya no se imprime en el HTML; esto es un seguro por si vuelve. */
.top,
.logoprint {
    display: none !important;
}