/***********************************************************************************************************
    CSS Para la pantalla de Login.
************************************************************************************************************/
.divAdobe {
    margin: 25px 0 20px 0;
}

.avisoAcrobat {
    font-size: 0.9em;
}

    .avisoAcrobat img {
        margin: 0 auto;
        width: 150px;
    }

.panel {
    margin-bottom: 0 !important;
}

.piePrehome {
    background-color: #EFEFEF;
    padding: 20px;
    font-size: 0.85em;
}

    .piePrehome ul {
        list-style: none;
    }

        .piePrehome ul li {
            margin-bottom: 10px;
        }

.divCajasPrehome {
    display: table;
    background-color: #F1F1F1;
    width: 100%;
    padding: 20px 0;
}

    .divCajasPrehome .cajaPrehome:first-child, .divCajasPrehome .cajaPrehome:nth-child(2) {
        border-right: #cccccc 2px solid;
    }

.cajaPrehome {
    display: table-cell;
    width: 33%;
    padding: 0 25px;
}

    .cajaPrehome h5 {
        font-weight: bold !important;
    }

    .cajaPrehome p {
        text-align: justify !important;
        font-size: 0.9em !important;
    }

    .cajaPrehome a:not([role]) {
        color: #D0042B;
        display: inherit;
        margin-top: 10px;
    }

    .cajaPrehome ul, .cajaPrehome ul li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .cajaPrehome ul li a {
            display: inline-block !important;
            padding-left: 10px;
            white-space: nowrap;
        }

        .cajaPrehome ul li::before {
            content: "-";
            display: inline-block;
            color: #D0042B;
        }

.h5AccesoPrograma {
    color: #D0042B !important;
    font-weight: bold;
    margin-bottom: 5px !important;
}

.h4Bienvenido {
    margin: 25px 0 !important;
}

.cabeceraPrehome {
    background-color: #7B7979;
    padding: 10px;
    color: white !important;
}

    .cabeceraPrehome h1 {
        margin: 0 !important;
    }

    .cabeceraPrehome h4 {
        margin-top: 0 !important;
    }

.bodyPrehome {
    font-family: Arial !important;
}

.bodyPrehome {
    padding-bottom: 0;
}

/*Link desabilitados*/
.aDisabled {
    color: #999999 !important;
    text-decoration: none !important;
    cursor: no-drop;
}

/**********************************************************************************
    Para estilos en Responsive segun tamaño ventana
**********************************************************************************/
/*    ESTILOS LG    */
@media all and (min-width: 1200px) {
    .InfoIniSesion {
        height: 70px;
    }
}

/*    ESTILOS MD    */
@media all and (max-width: 1199px) {
    .InfoIniSesion {
        height: 70px;
    }
}

/*    ESTILOS SM    */
@media all and (max-width: 991px) {
    .divCajasPrehome {
        display: block;
    }

    .cajaPrehome {
        display: block;
        width: 100%;
        padding-bottom: 20px;
    }

    .divCajasPrehome .cajaPrehome:first-child, .divCajasPrehome .cajaPrehome:nth-child(2) {
        border-right: 0;
        border-bottom: #cccccc 2px solid;
    }

    .InfoIniSesion {
        height: auto;
    }

    .divAdobe, .avisoAcrobat {
        margin: 0;
    }

        .avisoAcrobat img {
            width: 25%;
        }

        .avisoAcrobat span {
            font-stretch: condensed;
        }
}

/*    ESTILOS XS    */
@media all and (max-width: 767px) {
    .divCajasPrehome {
        display: block;
    }

    .cajaPrehome {
        display: block;
        width: 100%;
        padding-bottom: 20px;
    }

    .divCajasPrehome .cajaPrehome:first-child, .divCajasPrehome .cajaPrehome:nth-child(2) {
        border-right: 0;
        border-bottom: #cccccc 2px solid;
    }

    .h1NomApp {
        font-size: small;
    }

    .h4Bienvenido {
        font-size: small;
        font-stretch: ultra-condensed;
        margin: 10px 0;
    }

    .piePrehome {
        padding: 5px;
    }

        .piePrehome ul {
            padding-left: 1px;
        }
}

/*    ESTILOS XXS MUY PEQUEÑO    */
@media all and (max-width: 270px) {


    .divCajasPrehome {
        display: block;
    }

    .cajaPrehome {
        display: block;
        width: 100%;
        padding: 0 5px;
    }

    .divCajasPrehome .cajaPrehome:first-child, .divCajasPrehome .cajaPrehome:nth-child(2) {
        border-right: 0;
        border-bottom: #cccccc 2px solid;
    }

    .avisoAcrobat img {
        width: 100%;
    }
}