/************** ENLACE MENU **********/

.notification-link {
    position: relative;
    text-decoration: none;
    color: inherit;
    font-size: 22px;
    display: inline-block;
    margin-inline: 10px;
    vertical-align: middle; 
}

.notification-link img {
    width: 31px;
    height: 31px;
    vertical-align: middle; 
}

.notification-link:hover {
    font-size: 22px !important;
}

.notification-count {
    position: absolute;
    top: 2px;
    right: -5px;
    background: #91201A;
    color: white;
    border-radius: 50%;
    padding: 2px 5px;
    font-size: 11px;
    line-height: 1;
    min-width: 8px;
    text-align: center;
    height: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.numMensajes {
    background-image: url("/images/ico_mensajeriaNum.png");
    background-position: 0 5px;
    background-repeat: no-repeat;
    background-size: 43px 28px;
    display: inline-block;
    float: left;
    height: 34px;
    margin-top: -7px;
    width: 45px;
}

div.num {
    color: #ffffff;
    font-family: Century Gothic;
    font-size: 11px;
    left: 20px;
    margin: -1px 0 0;
    padding: 0;
    position: relative;
    text-align: center;
    top: 6px;
    width: 25px;
}

.linkMenu {
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #3d556c;
    text-decoration: none;
}

    .linkMenu:hover {
        font-family: Arial,Helvetica,Verdana,sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #3d556c;
        text-decoration: underline;
    }

.segSecundaria {
    width: 80px;
}

    .segSecundaria td {
        padding-left: 0;
        padding-right: 0;
    }

.cellSeg div {
    width: 20px;
}

.toolbarSeg {
    background: url("../images/bg_radtoolbar.png") 0 0 repeat-x;
    /*padding-left:5px;*/
    border: solid 1px #828282;
    text-align: left;
    width: 100%;
}

.loadingPanel {
    background-color: #fff;
    height: 100%;
    width: 100%;
}

input[type="submit"].icoExportExcel, input[type="button"].icoExportExcel {
    border-bottom: 0px;
    border-left: 0px;
    padding-bottom: 0px;
    background-color: Transparent;
    margin: 0px;
    padding-left: 0px;
    width: 16px;
    padding-right: 0px;
    height: 16px;
    font-size: 1px;
    vertical-align: middle;
    border-top: 0px;
    cursor: pointer;
    border-right: 0px;
    padding-top: 0px;
    background-image: url("../images/exportIcons.gif");
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

input[type="submit"].icoExportPdf, input[type="button"].icoExportPdf {
    border-bottom: 0px;
    border-left: 0px;
    padding-bottom: 0px;
    background-color: Transparent;
    margin: 0px;
    padding-left: 0px;
    width: 16px;
    padding-right: 0px;
    height: 16px;
    font-size: 1px;
    vertical-align: middle;
    border-top: 0px;
    cursor: pointer;
    border-right: 0px;
    padding-top: 0px;
    background-image: url("../images/exportIcons.gif");
    background-position: 0px -100px;
    background-repeat: no-repeat;
}

input[type="submit"].icoExportCsv, input[type="button"].icoExportCsv {
    border-bottom: 0px;
    border-left: 0px;
    padding-bottom: 0px;
    background-color: Transparent;
    margin: 0px;
    padding-left: 0px;
    width: 16px;
    padding-right: 0px;
    height: 16px;
    font-size: 1px;
    vertical-align: middle;
    border-top: 0px;
    cursor: pointer;
    border-right: 0px;
    padding-top: 0px;
    background-image: url("../images/exportIcons.gif");
    background-position: 0px -150px;
    background-repeat: no-repeat;
}

input[type="submit"].icoGuardar, input[type="button"].icoGuardar {
    border-bottom: 0px;
    border-left: 0px;
    padding-bottom: 0px;
    background-color: Transparent;
    margin: 0px;
    padding-left: 0px;
    width: 16px;
    padding-right: 0px;
    height: 16px;
    font-size: 1px;
    vertical-align: middle;
    border-top: 0px;
    cursor: pointer;
    border-right: 0px;
    padding-top: 0px;
    background-image: url("../images/CommandSpritesLight.png");
    background-repeat: repeat-y;
    background-position: -1058px -8px;
}

input[type="submit"].icoTodos, input[type="button"].icoTodos {
    border-bottom: 0px;
    border-left: 0px;
    padding-bottom: 0px;
    background-color: Transparent;
    margin: 0px;
    padding-left: 0px;
    width: 16px;
    padding-right: 0px;
    height: 16px;
    font-size: 1px;
    vertical-align: middle;
    border-top: 0px;
    cursor: pointer;
    border-right: 0px;
    padding-top: 0px;
    background-image: url("../images/CommandSpritesLight.png");
    background-repeat: repeat-y;
    background-position: -2228px -8px;
}

input[type="button"].icoRecordar, input[type="submit"].icoRecordar {
    border-bottom: 0px;
    border-left: 0px;
    padding-bottom: 0px;
    background-color: Transparent;
    margin: 0px;
    padding-left: 0px;
    width: 16px;
    padding-right: 0px;
    height: 16px;
    font-size: 1px;
    vertical-align: middle;
    border-top: 0px;
    cursor: pointer;
    border-right: 0px;
    padding-top: 0px;
    background-image: url("../images/CommandSpritesLight.png");
    background-repeat: repeat-y;
    background-position: -2257px -7px;
}

input[type="button"].icoSend, input[type="submit"].icoSend {
    border-bottom: 0px;
    border-left: 0px;
    padding-bottom: 0px;
    background-color: Transparent;
    margin: 0px;
    padding-left: 0px;
    width: 18px;
    padding-right: 0px;
    height: 18px;
    font-size: 1px;
    vertical-align: middle;
    border-top: 0px;
    cursor: pointer;
    border-right: 0px;
    padding-top: 0px;
    background-image: url("../images/ico_send.png");
    background-repeat: no-repeat;
    background-position: top left;
}

input[type="button"].icoImprClaves, input[type="submit"].icoImprClaves {
    border-bottom: 0px;
    border-left: 0px;
    padding-bottom: 0px;
    background-color: Transparent;
    margin: 0px;
    padding-left: 0px;
    width: 16px;
    padding-right: 0px;
    height: 16px;
    font-size: 1px;
    vertical-align: middle;
    border-top: 0px;
    cursor: pointer;
    border-right: 0px;
    padding-top: 0px;
    background-image: url("../images/CommandSpritesLight.png");
    background-repeat: repeat-y;
    background-position: -759px -7px;
}

input[type="button"].icoImprInf, input[type="submit"].icoImprInf {
    border-bottom: 0px;
    border-left: 0px;
    padding-bottom: 0px;
    background-color: Transparent;
    margin: 0px;
    padding-left: 0px;
    width: 16px;
    padding-right: 0px;
    height: 16px;
    font-size: 1px;
    vertical-align: middle;
    border-top: 0px;
    cursor: pointer;
    border-right: 0px;
    padding-top: 0px;
    background-image: url("../images/CommandSpritesLight.png");
    background-repeat: repeat-y;
    background-position: -759px -7px;
}

a.tooltip {
    position: relative; /* es la posición normal */
    text-decoration: none;
}

    a.tooltip:hover {
        z-index: 999; /* va a estar por encima de todo */
        text-decoration: none;
    }

    a.tooltip span {
        display: none;
        margin: 0px 0 10px 0;
        padding: 5px 5px;
    }

    a.tooltip:hover span {
        display: block; /*OLD:inline*/
        position: absolute;
        top: 2em;
        left: 2em; /* donde va a estar */
        border: 1px solid #000000;
        background: #FFFFFF;
        color: #000000 !important;
    }

a.Ntooltip {
    position: relative; /* es la posición normal */
    text-decoration: none !important; /* forzar sin subrayado */
    color: #0080C0 !important; /* forzar color del texto */
    font-weight: bold !important; /* forzar negritas */
}

    a.Ntooltip:hover {
        z-index: 999; /* va a estar por encima de todo */
        background-color: #000000; /* DEBE haber un color de fondo */
    }

    a.Ntooltip span {
        display: none; /* el elemento va a estar oculto */
    }

    a.Ntooltip:hover span {
        display: block; /* se fuerza a mostrar el bloque */
        position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
        top: 2em;
        left: 2em; /* donde va a estar */
        width: 250px; /* el ancho por defecto que va a tener */
        padding: 5px; /* la separación entre el contenido y los bordes */
        background-color: #0080C0; /* el color de fondo por defecto */
        color: #FFFFFF; /* el color de los textos por defecto */
    }

.loadingDiv {
    /*width: 1350px; 
    height: 866px; */
    width: 100%;
    height: 100%;
    left: 0pt;
    top: 0pt;
    position: absolute;
    background-image: url('../images/cargando.gif');
    background-position: center 250px;
    background-repeat: no-repeat;
    /*background-color: threedshadow;*/
    background-color: #F1F1F1;
    z-index: 2500;
    /*opacity: 0.5;*/
    display: none;
}

.loadingTxt {
    font-family: font-family:Arial,Helvetica,Verdana,sans-serif;
    font-size: 16px;
    color: #589cb6;
    text-align: center;
    font-weight: bold;
}

.tMensajes {
    border: 1px solid #c0c0c0;
}

    .tMensajes td {
        padding: 2px;
    }

        .tMensajes td.etiqueta {
            font-weight: bold;
        }

.RadGridHeader {
    padding: 0px;
    margin: 0px;
    border: none;
    font-weight: bold;
}

    .RadGridHeader TD {
        background-color: #EAEAEA;
    }

.RadGrid Table {
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
}

.RadGrid TD {
    vertical-align: middle;
}

.RadGrid .rgEditRow TD {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.RadGrid .rgEditRow .rcbArrowCell /* Evitar que la imagen de la flecha de los RadComboBox se duplique */ {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* Menu de tabs */

.TabsSAPP, .TabsDocOficial {
}

    .TabsSAPP table, .TabsDocOficial table {
        border-spacing: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .TabsSAPP td, .TabsDocOficial td {
        cursor: pointer;
        text-align: center;
    }

    .TabsSAPP .selectedCell, .TabsDocOficial .selectedCell {
        color: #fff;
        background-color: #A4A4A4;
    }

    .TabsSAPP a, .TabsDocOficial a, .TabsDocOficial label {
        color: #105cb6;
        font-family: Arial, Sans-Serif;
        font-size: 12px;
        cursor: pointer;
    }

    .TabsSAPP .selectedCell a, .TabsDocOficial .selectedCell a, .TabsDocOficial .selectedCell label {
        color: #fff;
        font-family: Arial, Sans-Serif;
        font-size: 12px;
    }

/* Fin menu de tabs de SAPP */

/* Fin Pruebas Sonia */

.divGraficas {
    position: absolute;
    z-index: 1000;
    top: 50px;
    left: 25%;
    background-color: White;
    border: 1px solid #C0C0C0;
    width: 500px;
    height: 378px;
}

.divObservaciones {
    position: absolute;
    z-index: 1000;
    top: 125px;
    left: 25%;
    background-color: White;
    border: 1px solid #C0C0C0;
    background-image: url('../images/bg_popup.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}

.divObservacionesGrande {
    position: absolute;
    z-index: 1000;
    top: 125px;
    left: 25%;
    background-color: White;
    border: 1px solid #C0C0C0;
    background-image: url('../images/bg_popup_grande.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}

.divObservacionesSegTrabajo {
    position: absolute;
    z-index: 1000;
    top: 125px;
    left: 25%;
    background-color: White;
    border: 1px solid #C0C0C0;
    background-image: url('../images/bg_popup_SegTrabajo.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}

.divObservacionesNotas {
    position: absolute;
    z-index: 1000;
    top: 125px;
    left: 25%;
    background-color: White;
    border: 1px solid #C0C0C0;
    background-image: url('../images/bg_popup_obsnotas.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}

.divObservacionesNotasDDL {
    position: absolute;
    z-index: 1000;
    top: 125px;
    left: 25%;
    background-color: White;
    border: 1px solid #C0C0C0;
    background-image: url('../images/bg_popup_obsnotas_ddl.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}

.divObservacionesNotasGrande {
    position: absolute;
    z-index: 1000;
    top: 125px;
    left: 25%;
    background-color: White;
    border: 1px solid #C0C0C0;
    background-image: url('../images/bg_popup_obsnotasGrande.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}

.divObservacionesEvaluacion {
    position: absolute;
    z-index: 1000;
    top: 125px;
    left: 50%;
    background-color: White;
    border: 1px solid #C0C0C0;
    background-image: url('../images/bg_popup.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}


.divConfirm {
    position: absolute;
    z-index: 1000;
    top: 125px;
    left: 25%;
    background-color: White;
    border: 1px solid #C0C0C0;
    background-image: url('../images/bg_popup_confirm.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}

.divObservacionesTexto {
    position: absolute;
    z-index: 1000;
    top: 125px;
    left: 25%;
    background-color: White;
    border: 1px solid #C0C0C0;
    background-image: url('../images/bg_popup_textonly.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}

input[type="button"].btnAdd, input[type="submit"].btnAdd {
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BACKGROUND-COLOR: transparent;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BACKGROUND-REPEAT: no-repeat;
    FONT-SIZE: 1px;
    BORDER-TOP: 0px;
    CURSOR: pointer;
    BORDER-RIGHT: 0px;
    PADDING-TOP: 0px;
    WIDTH: 18px;
    HEIGHT: 18px;
    VERTICAL-ALIGN: bottom;
    background-image: url('../images/NewSprite.gif');
    background-position: 0px -1650px;
    margin-right: 3px;
}

input[type="button"].btnEdit, input[type="submit"].btnEdit {
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BACKGROUND-COLOR: transparent;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BACKGROUND-REPEAT: no-repeat;
    FONT-SIZE: 1px;
    BORDER-TOP: 0px;
    CURSOR: pointer;
    BORDER-RIGHT: 0px;
    PADDING-TOP: 0px;
    WIDTH: 18px;
    HEIGHT: 18px;
    VERTICAL-ALIGN: bottom;
    background-image: url('../images/NewSprite.gif');
    background-position: 0px -1700px;
    margin-right: 3px;
}

input[type="button"].btnDelete, input[type="submit"].btnDelete {
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BACKGROUND-COLOR: transparent;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BACKGROUND-REPEAT: no-repeat;
    FONT-SIZE: 1px;
    BORDER-TOP: 0px;
    CURSOR: pointer;
    BORDER-RIGHT: 0px;
    PADDING-TOP: 0px;
    WIDTH: 18px;
    HEIGHT: 18px;
    VERTICAL-ALIGN: bottom;
    background-image: url('../images/NewSprite.gif');
    background-position: 0px -1750px;
    margin-right: 3px;
}

input[type="button"].btnAcept, input[type="submit"].btnAcept {
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BACKGROUND-COLOR: transparent;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BACKGROUND-REPEAT: no-repeat;
    FONT-SIZE: 1px;
    BORDER-TOP: 0px;
    CURSOR: pointer;
    BORDER-RIGHT: 0px;
    PADDING-TOP: 0px;
    WIDTH: 18px;
    HEIGHT: 18px;
    VERTICAL-ALIGN: bottom;
    background-image: url('../images/NewSprite.gif');
    background-position: 0px -1800px;
    margin-right: 3px;
}

input[type="button"].btnCancel, input[type="submit"].btnCancel {
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BACKGROUND-COLOR: transparent;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BACKGROUND-REPEAT: no-repeat;
    FONT-SIZE: 1px;
    BORDER-TOP: 0px;
    CURSOR: pointer;
    BORDER-RIGHT: 0px;
    PADDING-TOP: 0px;
    WIDTH: 18px;
    HEIGHT: 18px;
    VERTICAL-ALIGN: bottom;
    background-image: url('../images/NewSprite.gif');
    background-position: 0px -1850px;
    margin-right: 3px;
}

.leyenda {
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 9px;
    color: #B3B3B3;
    text-decoration: none;
}


/* MENSAJERIA */

.tituloMensajeriaMensajeria {
    height: 64px;
    background-image: url("/images/esemtia_tit_bg.png");
    background-position: 0px 0px;
    background-repeat: repeat-x;
    vertical-align: top;
}

    .tituloMensajeriaMensajeria span.tit_mensajeria {
        font-family: Century Gothic !important;
        font-size: 20px;
        color: #0a5d7e;
        height: 54px;
        padding-left: 60px;
        padding-top: 10px;
        display: block;
        background-image: url("/images/ico_mensajeria.png");
        background-position: 0 5px;
        background-repeat: no-repeat;
    }

.tit_right {
    height: 64px;
    width: 14px;
}

/* TAREAS */

.tituloMensajeriaTareas {
    height: 60px;
    background-image: url("/images/esemtia_tit_bg.png");
    background-position: 0px 0px;
    background-repeat: repeat-x;
    vertical-align: middle; 
    display: flex; 
    align-items: center; 
}

.tituloMensajeriaTareas span.tit_tareas {
    font-family: Century Gothic !important;
    font-size: 20px;
    color: #0a5d7e;
    line-height: 60px; 
    padding-left: 10px; 
    display: inline-block; 
}

/*********************************************************/
/******************* NOTIFICACIONES **********************/
/*********************************************************/
#notifActualizacionModalDiv {
    width: 1350px;
    height: 866px;
    left: 0;
    top: 0;
    position: absolute;
    background-color: #000000;
    z-index: 2500;
    opacity: 0.8;
    display: none;
}

#notifActualizacion {
    display: none;
    top: 0;
    left: 0;
    outline: 0 none;
    position: absolute;
    width: 360px;
    height: 205px;
    z-index: 2505;
    background-image: url("../images/notifActualizacion.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    opacity: 1;
}

#headerNotifActualizacion {
    width: 360px;
    height: 50px;
    margin: 0;
    padding: 0;
    float: left;
}

#contentNotifActualizacion {
    width: 360px;
    height: 155px;
    margin: 0;
    padding: 0;
    float: left;
}

#txtNotifActualizacion {
    padding: 10px 5px 10px 10px;
    font-family: Century Gothic;
    font-size: 14px;
    color: #4d4a4a;
}

.atencion {
    font-family: Century Gothic;
    font-size: 20px;
    color: #FFFFFF;
    font-weight: bold;
}

.atencionLogin {
    font-family: Century Gothic;
    font-size: 20px;
    color: #7f7c7c;
    font-weight: bold;
}

.txtNotifLogin {
    font-family: Century Gothic;
    font-size: 12px;
    color: #7f7c7c;
    font-weight: bold;
}
/*********************************************************/

input[type="text"].peligro {
    color: Red;
    border-color: Red;
    background-color: #E5B9B7;
}

/*********************************************************/
/***************** GESTION PEDAGOGICA ********************/
/*********************************************************/

.titulo {
    font-family: Century Gothic;
    font-size: 14px;
    color: #446070;
    font-weight: bold;
}

.subtitulo {
    font-family: Century Gothic;
    font-size: 13px;
    color: #446070;
}

.textoNegrita {
    font-family: Century Gothic;
    font-size: 11px;
    color: #446070;
    font-weight: bold;
}

a.button {
    display: inline-block;
    background: #F5F5F5 url(/images/button_bg.png) repeat-x 0 0;
    border-color: #a1adb8 #d7dbe0 #617583 #d7dbe0;
    color: #0a5d7e;
    cursor: pointer;
    font-weight: bold;
    height: 39px;
    margin: 0;
    padding: 0;
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    width: auto;
    text-decoration: none;
}

#btnTrabajo .icon {
    background-image: url(/images/icoTrabajo.png);
    background-repeat: no-repeat;
    height: 30px;
    padding: 0 5px 0 30px;
    margin-top: 10px;
    display: block;
}

#btnConducta .icon {
    background-image: url(/images/icoConducta.png);
    background-repeat: no-repeat;
    height: 30px;
    padding: 0 5px 0 30px;
    margin-top: 10px;
    display: block;
}

#btnPreevaluacion .icon {
    background-image: url(/images/icoPreevaluacion.png);
    background-repeat: no-repeat;
    height: 30px;
    padding: 0 5px 0 30px;
    margin-top: 9px;
    display: block;
}

.btnPreevaluacion .icon {
    background-image: url(/images/icoPreevaluacion.png);
    background-repeat: no-repeat;
    height: 30px;
    padding: 0 5px 0 30px;
    margin-top: 9px;
    display: block;
}


.divGraficasConTexto {
    position: absolute;
    z-index: 1000;
    top: 50px;
    left: 5%;
    background-color: White;
    border: 1px solid #C0C0C0;
}

#btnAcademico .icon {
    background-image: url(/images/icoTartaNotas.png);
    background-repeat: no-repeat;
    height: 30px;
    padding: 0 5px 0 30px;
    margin-top: 9px;
    display: block;
}

#btnAbsentismo .icon {
    background-image: url(/images/icoAbsentismo.png);
    background-repeat: no-repeat;
    height: 30px;
    padding: 0 5px 0 30px;
    margin-top: 9px;
    display: block;
}

.icoBarras {
    background-image: url(/images/icoGraficoBarras.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 5px 0 0 30px;
    height: 20px;
}

.icoLibro {
    background-image: url(/images/icoLibro.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0 0 0 35px;
    height: 20px;
}

.icoAlumnoImg {
    background-image: url(/images/icoAlumnoImg.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 5px 0 0 30px;
    height: 25px;
}

.icoGrupo {
    background-image: url(/images/ico_grupo.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 5px 0 0 25px;
    height: 20px;
}

a.linkBtn {
    font-family: Century Gothic;
    font-size: 13px;
    color: #446070;
}

    a.linkBtn:hover {
        font-family: Century Gothic;
        font-size: 13px;
        color: #446070;
        text-decoration: underline;
    }

/*------------------------------------*\
	NAV
\*------------------------------------*/
ul.nav {
    list-style: none;
    font-weight: bold;
    margin: 0;
    /* Clear floats */
    float: left;
    width: 100%;
    /* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}

    ul.nav li {
        float: left;
        margin-right: 10px;
        position: relative;
    }

    ul.nav a {
        display: block;
        padding: 5px;
        color: #fff;
        /*background:#333;*/
        text-decoration: none;
        color: #446070;
    }

        ul.nav a:hover {
            /*color:#fff;
	background:#6b0c36;
	text-decoration:underline;*/
            background: #f1f1f1;
            color: #446070;
        }

    /*--- DROPDOWN ---*/
    ul.nav ul {
        background: #fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
        background: rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
        list-style: none;
        position: absolute;
        left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
    }

        ul.nav ul li {
            padding-top: 1px; /* Introducing a padding between the li and the a give the illusion spaced items */
            float: none;
        }

        ul.nav ul a {
            white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
        }

    ul.nav li:hover ul { /* Display the dropdown on hover */
        left: 0; /* Bring back on-screen when needed */
    }

    ul.nav li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
        /*background:#6b0c36;
	text-decoration:underline;*/
        background: #f1f1f1;
        color: #446070;
    }

    ul.nav li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
        text-decoration: none;
    }

    ul.nav li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
        /*background:#333;*/
        background: #dadada;
    }

/*------------------------------------*\
	NAV ALUMNOS
\*------------------------------------*/
ul.navAlumnos {
    list-style: none;
    font-weight: bold;
    margin: 0;
    /* Clear floats */
    float: left;
    width: 95%;
    /* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}

    ul.navAlumnos li {
        float: left;
        margin-right: 10px;
        position: relative;
    }

    ul.navAlumnos a {
        display: block;
        padding: 5px;
        color: #fff;
        /*background:#333;*/
        text-decoration: none;
        color: #446070;
        /*height:25px*/
    }

        ul.navAlumnos a:hover {
            /*color:#fff;
	background:#6b0c36;
	text-decoration:underline;*/
            background: #f1f1f1;
            color: #446070;
        }

    /*--- DROPDOWN ---*/
    ul.navAlumnos ul {
        background: #fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
        /*background:rgba(255,255,255,0);*/ /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
        list-style: none;
        position: absolute;
        left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
        /*left:0;*/
        width: 365px;
        height: 300px;
        overflow-x: hidden;
        overflow-y: scroll;
    }

        ul.navAlumnos ul li {
            padding-top: 1px; /* Introducing a padding between the li and the a give the illusion spaced items */
            float: none;
        }

        ul.navAlumnos ul a {
            white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
            height: 40px;
        }

    ul.navAlumnos li:hover ul { /* Display the dropdown on hover */
        left: 0; /* Bring back on-screen when needed */
    }

    ul.navAlumnos li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
        /*background:#6b0c36;
	text-decoration:underline;*/
        background: #c0c0c0;
        color: #446070;
    }

    ul.navAlumnos li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
        text-decoration: none;
    }

    ul.navAlumnos li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
        /*background:#333;*/
        background: #dadada;
    }

    ul.navAlumnos ul span {
        width: 350px;
        display: inline-block;
    }

/*------------------------------------*\
	NAV Grupos
\*------------------------------------*/
ul.navGrupos {
    list-style: none;
    font-weight: bold;
    margin: 0;
    /* Clear floats */
    float: left;
    width: 95%;
    /* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}

    ul.navGrupos li {
        float: left;
        margin-right: 10px;
        position: relative;
    }

    ul.navGrupos a {
        display: block;
        padding: 5px;
        color: #fff;
        /*background:#333;*/
        text-decoration: none;
        color: #446070;
        /*height:25px*/
    }

        ul.navGrupos a:hover {
            /*color:#fff;
	background:#6b0c36;
	text-decoration:underline;*/
            background: #f1f1f1;
            color: #446070;
        }

    /*--- DROPDOWN ---*/
    ul.navGrupos ul {
        background: #fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
        /*background:rgba(255,255,255,0);*/ /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
        list-style: none;
        position: absolute;
        left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
        /*left:0;*/
        width: 150px;
        height: 150px;
        overflow-x: hidden;
        overflow-y: scroll;
    }

        ul.navGrupos ul li {
            padding-top: 1px; /* Introducing a padding between the li and the a give the illusion spaced items */
            float: none;
        }

        ul.navGrupos ul a {
            white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
            height: 40px;
        }

    ul.navGrupos li:hover ul { /* Display the dropdown on hover */
        left: 0; /* Bring back on-screen when needed */
    }

    ul.navGrupos li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
        /*background:#6b0c36;
	text-decoration:underline;*/
        background: #c0c0c0;
        color: #446070;
    }

    ul.navGrupos li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
        text-decoration: none;
    }

    ul.navGrupos li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
        /*background:#333;*/
        background: #dadada;
    }

    ul.navGrupos ul span {
        width: 130px;
        display: inline-block;
    }
/*********************************************************/
/*********************************************************/
/*********************************************************/

/*********************************************************/
/********************** NOVEDADES ************************/
/*********************************************************/
.NotificacionFuncionalidadNueva {
    position: absolute;
    z-index: 1000;
    width: 800px;
    height: 600px;
    background-color: White;
    padding: 10px;
    -webkit-border-radius: 8px; /* Firefox */
    -moz-border-radius: 8px; /* Safari, Chrome */
    -khtml-border-radius: 8px; /* KHTML */
    border-radius: 8px; /* CSS3 */
}

.ContentNotificacionFuncionalidadNueva {
    margin-top: 20px;
    padding: 0 10px 0 10px;
}

    .ContentNotificacionFuncionalidadNueva p {
        text-align: justify;
    }

.tituloNovedades {
    font-family: Century Gothic;
    font-size: 16px;
    color: #446070;
    text-align: center;
    font-weight: bold;
}

.subtituloNovedades {
    font-family: Century Gothic;
    font-size: 13px;
    color: #446070;
    border-bottom: solid 1px #446070;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}
/*********************************************************/

/* Sonia: estilos para los divs titulos de secciones (para dejar de usar tablas) */
div.TituloSeccion {
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    /*width: 99%;*/
    padding: 5px 5px 5px 5px;
    color: #333;
    font-weight: bold;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzYjNiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #B3B3B3, #F3F0F0);
    background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#B3B3B3), to(#F3F0F0));
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3B3B3', endColorstr='#F3F0F0', gradientType='1')";    */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
}

div.Seccion {
    padding-bottom: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
}

div.Subseccion {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
}

/* Sonia: estilo para el pie que contiene los botones de Guardar/Descartar */

div.divPie {
    background-color: #e4ecee;
    /*width: 99%; */
    padding: 5px 5px 5px 5px;
}

.divContenedor .divPie {
    width: 100%;
}


div.divPie div {
    float: left;
    background-color: Transparent;
    width: auto;
}

input[type="text"].requerido,
textarea.requerido {
    border: solid 1px red;
    background-color: #FFBEB7;
}

select.requerido {
    border: solid 1px red;
    background-color: #FFBEB7;
}

#divGuardarTodos {
    float: right;
    width: auto;
    border: solid 1px #4f4f4f;
    background: #c1c1c1; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxYzFjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #c1c1c1 0%, #f1f1f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1c1c1), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c1c1c1 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c1c1c1 0%,#f1f1f1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c1c1c1 0%,#f1f1f1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c1c1c1 0%,#f1f1f1 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-8 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
}

    #divGuardarTodos .input[type="button"] {
        cursor: default;
    }

#divFullScreen {
    float: right;
    width: auto;
    border: solid 1px #4f4f4f;
    background: #c1c1c1; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxYzFjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #c1c1c1 0%, #f1f1f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1c1c1), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c1c1c1 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c1c1c1 0%,#f1f1f1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c1c1c1 0%,#f1f1f1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c1c1c1 0%,#f1f1f1 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-8 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
}

#divListadoFavorites {
    margin: 5px;
    width: 98%;
    overflow-y: scroll;
    border-color: #4297d7 !important;
}

.inputFavorites {
    border-width: 0px !important;
    background-color: Transparent !important;
    cursor: pointer !important;
    width: auto !important;
    padding-left: 5px !important;
    font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif !important;
    font-size: 11px !important;
}

.inputFavoritesSelected {
    border-color: #4297d7 !important;
    border-width: 1px;
    color: #FFFFFF !important;
    background-color: #4297d7 !important;
    cursor: pointer;
    width: auto !important;
    padding-left: 5px !important;
    font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif !important;
    font-size: 11px !important;
}

#divFavorites {
    background: #FFFFFF;
    float: right;
    width: auto;
    cursor: pointer;
    padding: 5px;
    margin-right: 5px;
    border: solid 1px #4f4f4f;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

#divLoadFavorites, #divSaveFavorites {
    z-index: 120;
    position: fixed;
    background-color: #DFEFFC;
    width: auto;
    height: auto;
    max-height: 300px;
    border: solid 1px #4297d7;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

#divSaveFavorites {
    width: 350px;
}

    #divLoadFavorites .pTitulo, #divSaveFavorites .pTitulo {
        border: solid 1px #4297d7;
        -moz-border-radius: 5px 5px 0px 0px;
        -webkit-border-radius: 5px 5px 0px 0px;
        -khtml-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
        background-color: #4297d7;
        color: #FFFFFF;
        width: 100%;
        font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 11px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        text-align: center;
        padding: 5px 0px 5px 0px;
    }

.divButtons {
    width: 100%;
}

.divButtonDelete, .divOtherButtons {
    width: 50%;
}

    .divButtonDelete input[type='button'] {
        background: #E69793 !important;
        color: #FFFFFF !important;
        margin: 5px;
        float: left;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    }

    .divOtherButtons input[type='button'] {
        background: #4297d7 !important;
        color: #FFFFFF !important;
        margin: 5px;
        float: right;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    }

#divSaveFavoritesFormulario {
    padding: 5px;
    font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif !important;
    font-size: 11px !important;
    color: #000000;
}

    #divSaveFavoritesFormulario * {
        margin: 5px 0px 5px 0px;
    }

#divFullScreen .img, #divFavorites .img {
    cursor: default;
}

#divAcciones {
    float: right;
    height: 21px;
    width: 89px;
    border: solid 1px #4f4f4f;
    background: #c1c1c1; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxYzFjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #c1c1c1 0%, #f1f1f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1c1c1), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c1c1c1 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c1c1c1 0%,#f1f1f1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c1c1c1 0%,#f1f1f1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c1c1c1 0%,#f1f1f1 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-8 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
    margin-right: 5px;
    text-align: center;
    vertical-align: bottom;
}

#divVolver {
    float: right;
    height: 21px;
    width: 89px;
    border: solid 1px #4f4f4f;
    background: #c1c1c1; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxYzFjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #c1c1c1 0%, #f1f1f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1c1c1), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c1c1c1 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c1c1c1 0%,#f1f1f1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c1c1c1 0%,#f1f1f1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c1c1c1 0%,#f1f1f1 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-8 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    /*border-radius: 5px;*/
    padding: 5px;
    cursor: pointer;
    margin-right: 5px;
    text-align: center;
    vertical-align: bottom;
}

.divSeleccionMultiple {
    border: 2px solid #ccc;
    width: 300px;
    height: 200px;
    overflow-y: scroll;
}

    .divSeleccionMultiple input[type='checkbox'] {
        vertical-align: middle;
    }

.tdLabelButton:hover {
    box-sizing: border-box;
    border: solid 1px #666666;
}

#calendar div {
    width: 100%;
}


/* NOTIFICACIONES ESEMTIA */

.NotificacionEsemtia {
    width: 100%;
    height: 100%; /* Problema IE*/
    left: 0pt;
    top: 0pt;
    position: absolute;
    background-color: #FFFFFF;
    z-index: 100000000;
    /*opacity: 0.5;*/
    display: block;
}

#notificacionesEsemtiaContent {
    width: 1024px;
    margin: 0 auto;
}

#tituloNotificacionEsemtia {
    background-image: url(/images/logoEsemtiaLogin.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 60px;
    padding: 15px 0 0 175px;
    color: #26c4e1;
    font-size: 35px;
    text-align: left;
}

#txtNotificacionEsemtia {
    width: 1024px;
    height: 573px;
    background-image: url(/images/txtNotificacionBg.png);
    background-repeat: no-repeat;
    background-position: left center;
}

a.lnkNotificacionesEsemtia:link {
    font-family: 'Bree Serif', serif;
    font-size: 11px;
    color: #000;
    text-decoration: none;
}

a.lnkNotificacionesEsemtia:visited {
    text-decoration: none;
    color: #000;
}

a.lnkNotificacionesEsemtia:hover {
    text-decoration: underline;
    color: #009FBF;
}

a.lnkNotificacionesEsemtia:active {
    text-decoration: none;
    color: #009FBF;
}

/* Encuestas Edebe */
a.lnkNotificacionesEncuestasEdebe
{
    font-family: 'Bree Serif', serif;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    display:block;
    background-color:#009ebf;
    border-radius:5px;
    width:200px;
    height: 40px;
    padding-top: 10px;
    text-align: center;
    margin-left: 232px;
}

a.lnkNotificacionesEncuestasEdebe:visited {
    text-decoration: none;
    color: #fff;
}

a.lnkNotificacionesEncuestasEdebe:hover {
    text-decoration: none;
    color: #fff;
    cursor:pointer;
}

a.lnkNotificacionesEncuestasEdebe:active {
    text-decoration: none;
    color: #fff;
}

/* FIN NOTIFICACIONES ESEMTIA */


.divFamiliaresNoEncontrados {
    position: absolute;
    z-index: 1000;
    top: 125px;
    left: 25%;
    background-color: White;
    border: 1px solid #C0C0C0;
    background-image: url('../images/divFamiliaresNoEncontrados.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}

/* RESUMEN SEGUIMIENTO PROFESOR */
.resumenSeg {
    border-collapse: separate;
    border-spacing: 0;
}

.headerResumen {
    font: 13px/100% Arial, Helvetica, sans-serif;
    color: #365966;
}

    .headerResumen td {
        text-align: center;
        vertical-align: middle;
        border: solid 1px #4f9fbe;
        border-style: none solid solid none;
        background: #4e7d0e;
        background: -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#72cff3));
        background: -moz-linear-gradient(top, #abe4f8, #72cff3);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abe4f8', endColorstr='#72cff3');
    }

tr.headerResumen:first-child td:first-child {
    border-top-left-radius: 5px;
}

tr.headerResumen:first-child td:last-child {
    border-top-right-radius: 5px;
}

tr.headerResumen:last-child td:first-child {
    border-top-left-radius: 5px;
}

tr.headerResumen:last-child td:last-child {
    border-top-right-radius: 5px;
}

tr.headerResumen:first-child td {
    border-top-style: solid;
}

tr.headerResumen td:first-child {
    border-left-style: solid;
}

.rowResumen1 {
    background-color: #fff;
}

.rowResumen-1 {
    background-color: #DFF1F5;
}

.rowResumen1 td {
    text-align: center;
    border-bottom: solid 1px #4f9fbe;
}

.rowResumen-1 td {
    text-align: center;
    border-bottom: solid 1px #4f9fbe;
}


/* FIN RESUMEN SEGUIMIENTO PROFESOR */

.botonera {
    -webkit-border-radius: 5px; /* Firefox */
    -moz-border-radius: 5px; /* Safari, Chrome */
    -khtml-border-radius: 5px; /* KHTML */
    border-radius: 5px; /* CSS3 */
    border: solid 1px #589cb6;
    background-color: #FFF;
    padding: 2px;
}

.alumnoNEE {
    color: #681b18;
}

.avisoSeguimiento {
    display: inline-block;
    height: 20px;
    padding-left: 25px;
    background: url('/images/ico_alert.png') top left no-repeat;
}



.TituloFilaExpediente {
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    /*width: 99%;*/
    padding: 5px 5px 5px 5px;
    color: #333;
    font-weight: bold;
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzYjNiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
    /*background: -moz-linear-gradient(left, #B3B3B3, #F3F0F0);*/
    background: -webkit-gradient(linear, 100% 50%, 100% 50%, from(#B3B3B3), to(#F3F0F0));
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3B3B3', endColorstr='#F3F0F0', gradientType='1')";    */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
}