

#Loading { /*--Transparent background layer--*/
           display: none; /*--hidden by default--*/
           background: transparent;
           position: fixed; left: 0; top: 0;
           width: 100%; height: 100%;
           opacity: .10;
           z-index: 9999;
           cursor: wait;
           color: #496477;
}

div.LoadingMsj { /*--Transparent background layer--*/
                 display: none; /*--hidden by default--*/
                 background: #FFFFAA;
                 position: fixed; left: 0; top: 0;
                 z-index: 9999;
                 cursor: wait;
                 color: #496477;
                 padding: 3px;
                 border: 2px outset #B3B378;
}

root { 
    display: block;
}

/*table.Index tr td.Banner{
    background-image: url(../Img/thOrange/01Banner3.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
}*/


/* PANEL PESTAÑAS PANEL PESTAÑAS PANEL PESTAÑAS PANEL PESTAÑAS PANEL PESTAÑAS */
div.PanelMenuPrincipal{
    margin: 0;
    padding: 0;
    padding-top: 26px;
    border: none;
    position: relative;
    overflow: hidden;
}

div.PanelMenuPrincipal div.MenuPrincipal{
    height: 26px;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    border: none;
    padding: 0;
    margin: 0;
    
    z-index: 100;

    /*******GRADIENTE*****/
    background: #f79334; /* Old browsers */
    background: -moz-linear-gradient(top,  #f79334 0%, #e55825 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f79334), color-stop(100%,#e55825)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f79334 0%,#e55825 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f79334 0%,#e55825 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f79334 0%,#e55825 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f79334 0%,#e55825 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79334', endColorstr='#e55825',GradientType=0 ); /* IE6-9 */
    /******END*****/

}

div.PanelMenuPrincipal div.Entidad{
    height: 26px;
    right: 0;
    text-align: center;
    top: 6px;
    position: absolute;
    width: 300px;
    border: none;
    padding: 0;
    margin: 0;
    z-index: 100;
    color: #FFFFFF;
    font-weight: bold;
}

div.PanelMenuPrincipal div.MenuPrincipal ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: 10px;
}

div.PanelMenuPrincipal div.MenuPrincipal ul li{
    list-style-type: none;
    float: left;
}

div.PanelMenuPrincipal div.MenuPrincipal ul li a{
    padding: 0;
    margin: 0;

    text-decoration: none;
    display: block;

    font-weight: bold;
    font-size:13px;

    /*    BORDES REDONDOS
        border-top-left-radius: 5px; General
        -moz-border-radius-topleft: 5px; Mozilla
        -ms-border-radius-topleft: 5px; Explorer
        -webkit-border-top-left-radius: 5px; Safari
        -khtml-border-radius-topleft:5px; Konqueror

        border-top-right-radius: 23px; General
        -moz-border-radius-topright: 23px; Mozilla
        -ms-border-radius-topright: 23px; Explorer
        -webkit-border-top-right-radius: 23px; Safari
        -khtml-border-radius-topright:23px; Konqueror*/

}

div.OpcionesMenuPrincipal{
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    left: 0;
    top: 26px;
    position: absolute;
    z-index: 0;
}

/*GENERAL*/
ul#MenuPrincipal li a{
    width: 121px;
    padding-top: 6px;
    height: 20px;
    text-align: center;
    margin-right: 2px;
/*    border-top-left-radius: 10px;-moz-border-radius-topleft: 10px;-ms-border-radius-topleft: 10px;-webkit-border-top-left-radius: 10px;-khtml-border-radius-topleft:10px;
    border-top-right-radius: 10px;-moz-border-radius-topright: 10px;-ms-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px;-khtml-border-radius-topright:10px;*/
    background-position: bottom left;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    text-decoration: none;
}

ul#MenuPrincipal li a.Up{
    color: #FFFFFF;
    cursor: default;
    background-color:  #0080c7;
   /* background-image: url(../../Img/Index/f_Red_Blue_.jpg);*/
}

ul#MenuPrincipal li a.Down{
    color: #fff;
    cursor: pointer;
    
    /*background-image: url(../../Img/Index/f_Blue.jpg);*/
}

div#OpcionesMenuPrincipal{
    width: 1070px; 
    height: 120px;
    padding-top: 0px;

    /*    background-image: url(../Img/thOrange/MenuPri.gif);
        background-position: top left;
        background-repeat: repeat-x;*/
    background-color: #e55825;
    overflow: hidden;

    border: none;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -khtml-border-radius: 0 0 10px 10px;
}
div.PanelOpcionesMenuPrincipal{
    margin-left: 10px;
}
div.PanelOpcionesMenuPrincipal table.PanelOpcionesMenuPrincipaltable{
    background-color:  #fff;
    border-radius: 0 0 10px 10px;
    border : 4px solid #0080c7;
    
}

div.PanelOpcionesMenuPrincipalCont{
    height: 100px;
    overflow: hidden;
    
    

    
/*    border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius:10px;

    --CSS3 Box Shadows--
    -webkit-box-shadow: 2px 2px 2px #000;
    -moz-box-shadow: 2px 2px 2px #000;
    box-shadow: 2px 2px 2px #000;*/

    margin: 0;
    margin-right: 5px;
    padding: 0;
    padding-bottom: 0px;
    position: relative;
    
}

div.PanelOpcionesMenuPrincipalCont div{
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

div.PanelOpcionesMenuPrincipalCont table tr td{
    border: 1px solid transparent;

    font-size: 12px;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;

    margin: 0;
    margin-left: 2px;
    margin-right: 2px;
    padding: 0;
    padding-left: 3px;
    padding-right: 3px;

    position: relative;
    background-repeat: no-repeat;
}

div.PanelOpcionesMenuPrincipalCont table tr td:hover, div.PanelOpcionesMenuPrincipalCont table tr td.H:hover, div.PanelOpcionesMenuPrincipalCont table tr td.V:hover{
    border: 1px solid #DEBE3D;
    background-color: #FFF9EC;
    cursor: pointer;
}

div.PanelOpcionesMenuPrincipalCont table tr td.H{
    height: 21px;
    padding-left: 0px;
/*    background-image: url(../Img/Iconos/Ojete10.png);*/
    color:  #004c92;
    font-weight: bold;
    
    padding-right: 10px;
}

div.PanelOpcionesMenuPrincipalCont table tr td.V{
    text-align: center;
    vertical-align: bottom;
    background-position: center center;
    min-width: 66px;
    color:  #004c92;
    font-weight: bold;
    height: 21px;
    padding-top: 45px;
}

/******************************************************************************/
/**** PANELES DEL AULA VIRTUAL ************************************************/
/******************************************************************************/

ul.MenuHorizontal{
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
}

ul.MenuHorizontal li{
    list-style-type: none;
    float: left;
}

ul.MenuHorizontal li a{
    padding:5px 15px;
    margin: 0;

    text-decoration: none;
    display: block;
    font-weight: bold;
    font-size:13px;
    height: 20px;
    text-align: center;
/*    margin-right: 2px;*/
    border-right: 1px solid #fff;
    background-color: #bcbec0;
}

ul.MenuHorizontal li a, div.MenuHorizontal{
/*    background-color: #e6e7e8;*/
    color: #000000;
    text-shadow:  0 0 0.2em #fff;
}

ul.MenuHorizontal li a.Up, div.MenuHorizontal{
/*    background-image: url(../Img/Index/MenuHorizontal04.png);*/
    background-repeat: repeat-x;
}

div.MenuHorizontal{
    background-position: 19px 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    position: relative;
}

ul.MenuHorizontal li a.Up{
    cursor: default;
    background-position: 0 0;
    background-color: #e6e7e8;
    border-radius: 5px 5px 0px 0px;
}

ul.MenuHorizontal li a.Down{
    cursor: pointer;
}


td.Cartelera{
    background-color: #0080c7;
    color: #000000;
    border-radius: 0px 0px 15px 15px;
}


tr.Encabezado{
    background-image: url(../Img/Index/EncabezadosTabla02.png);
    background-repeat: repeat-x;
    background-position: top left;
}

/*********************************************************************************************/
/* PANEL NOTIFICACIONES * PANEL NOTIFICACIONES * PANEL NOTIFICACIONES * PANEL NOTIFICACIONES */
/*********************************************************************************************/
div.divNotificaciones{
    overflow: auto; font-size: 12px;
}

table.NotificacionesEncabezado{
    background-color: #0080c7;
}

table tr.trTop td,
table tr.trBottom td{
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    margin-bottom: 3px;
}

table tr.trTop td{
    border-top: 1px solid #0080c7;
}

table tr.trBottom td{
    border-bottom: 1px solid #0080c7;
}

table tr.trBold td{
    font-weight: bold;
}

ul.ulNotificaciones{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.ulNotificaciones li{
    list-style-type: none;
    float: right;
}

ul.ulNotificaciones li a{
    text-decoration: none;
    padding: 0;
    padding-left: 20px;
    margin: 0;
    background-position: left center;
    background-repeat: no-repeat;
}

ul.ulNotificaciones li a:hover{
    cursor: pointer;
    opacity: 0.8;
    background-color: #FFFFFF;
}

ul.ulNotificaciones li a.Up{
    text-decoration: none;
    padding: 0;
    padding-left: 20px;
    margin: 0;
    background-position: left center;
    background-repeat: no-repeat;

    background-color: #FFFFFF;
}

ul.ulNotificaciones li img{
    padding: 0;
    margin: 0;

    width: 30px;

    display: block;
}

ul.ulNotificaciones li img.Up{
    padding: 0;
    margin: 0;

    width: 30px;

    display: block;

    background-color: #FFFFFF;
}

ul.ulNotificaciones li img:hover{
    cursor: pointer;
    opacity: 0.8;
    background-color: #FFFFFF;
}


