@media all {
    /************ESTILOS PAGINA*************************/
    /**************************************************/
    HTML {
        scrollbar-face-color: #c8d6fb;
        scrollbar-highlight-color: #EEEEEE;
        scrollbar-shadow-color: #004457;
        scrollbar-3dlight-color: #EEEEEE;
        scrollbar-arrow-color: #004457;
        scrollbar-track-color: #EEEEEE;
        scrollbar-drakshadow-color: #666666;
        min-height: 100%;
        display: flex;
        flex-direction: column;
    }



    body {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        font-family: "Calibri", SansSerif, Arial;
        font-size: 13px;
        margin: 0px;
        padding: 0px;
        background-color: #FFFFFF;
        color: #004457;
        min-height: 100%;
        height: 100%;
    }




        body.mw {
            min-width: 945px !important;
        }

    A IMG {
        border: 0px solid #000000;
    }

    IMG.imgboton {
        cursor: pointer;
    }
    /*************ESTILOS LOGIN*************************/
    /**************************************************/
    INPUT[type=text], INPUT[type=password] {
        font-family: "Century Gothic", Verdana, Arial, Helvetica-Normal !important;
        font-size: 14px !important;
        border: 1px solid #014457;
        background-color: #FFFFFF;
        border-radius: 5px;
        -moz-border-radius: 5px;
    }

    INPUT.sololectura {
        font-family: "Century Gothic", Verdana, Arial, Helvetica-Normal;
        font-size: 14px;
        border: 1px solid #DDCB11;
        background-color: #FFFFFF;
        border-radius: 5px;
        -moz-border-radius: 5px;
    }

    INPUT[type=button], INPUT[type=submit], INPUT[type=reset], BUTTON {
        font-family: "Century Gothic", Verdana, Arial, Helvetica-Normal;
        font-size: 11px;
        background-image: url(/portalempleado/imagenes/comunNet/fondoboton.jpg);
        background-repeat: repeat-x;
        border: 1px solid #012E3A;
        font-weight: bold;
        border-radius: 5px;
        cursor: pointer;
        -moz-border-radius: 5px;
        background-size: contain;
    }

    .botonDes {
        color: #888;
    }

    SELECT {
        font-family: "Century Gothic", Verdana, Arial, Helvetica-Normal;
        font-size: 11px;
        border: 1px solid #014457;
        background-color: #FFFFFF;
        border-radius: 5px;
        -moz-border-radius: 5px;
    }

        SELECT.sololectura {
            font-family: "Century Gothic", Verdana, Arial, Helvetica-Normal;
            font-size: 11px;
            border: 0.0626em solid #DDCB11;
            background-color: #E2EDEF;
            border-radius: 5px;
            -moz-border-radius: 5px;
        }

    TEXTAREA {
        font-family: "Century Gothic", Verdana, Arial, Helvetica-Normal;
        font-size: 11px;
        border: 1px solid #014457;
        background-color: #FFFFFF;
        border-radius: 5px;
        -moz-border-radius: 5px;
    }

        TEXTAREA.sololectura {
            font-family: "Century Gothic", Verdana, Arial, Helvetica-Normal;
            font-size: 11px;
            border: 1px solid #DDCB11;
            background-color: #FFFFFF;
            border-radius: 5px;
            -moz-border-radius: 5px;
        }
    /***************ESTILOS PRINCIPAL*********************/
    /****************************************************/
    #pagina {
        padding: 0px;
        flex-grow: 1;
        min-width: 945px;
        width: auto;
        height: 100%;
        display: flex;
        flex-direction: column;
        border-left: 0;
        border-right: 0;
        padding-left: 25px;
        padding-right: 25px;
        box-sizing: border-box;
        position: relative;
    }

        #pagina::before,
        #pagina::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            width: 20px;
            z-index: 103;
            pointer-events: none;
        }

        #pagina::before {
            left: 0;
            border-right: 2px solid #004457;
            background: linear-gradient(to left, rgba(0, 68, 87, 0.45), rgba(0, 68, 87, 0));
        }

        #pagina::after {
            right: 0;
            border-left: 2px solid #004457;
            background: linear-gradient(to right, rgba(0, 68, 87, 0.45), rgba(0, 68, 87, 0));
        }

    div#cuerpo {
        width: 100%;
        min-width: 895px;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        padding: 0px;
        border-top: 0px;
        border-bottom: 0px;
        background-color: #FFFFFF;
        margin: 0px auto;
    }

    #cabecera {
        height: 100px;
        padding: 0px;
        border: 0;
        display: flex;
        justify-content: space-between;
    }

        #cabecera .cab_izq {
            background-image: url(/portalempleado/imagenes/comunNet/logoPortalVaersa.png);
            background-repeat: no-repeat;
            background-position: left bottom;
            width: 323px;
            height: 100px;
            border: 0;
        }

        #cabecera .cab_der {
            width: 580px;
            height: 100px;
            padding: 0px;
            margin: 0px;
            align-content: end;
        }

        #cabecera .subsubcab_der {
            border: 0px solid #000;
        }

        #cabecera .cab_der A {
            font-family: Verdana;
            font-size: 11px;
            color: #666666;
            text-decoration: none;
            padding: 12px 12px;
            border: 0px solid #000000;
            background: transparent url(/portalempleado/imagenes/comunNet/menusuperior_opcion.png) no-repeat scroll left;
        }

            #cabecera .cab_der A:visited {
                color: #666666;
                padding: 12px 12px;
            }

            #cabecera .cab_der A:active {
                color: #666666;
                padding: 12px 12px;
            }

            #cabecera .cab_der A:hover {
                color: #FFFFFF;
                padding: 12px 12px;
                background: transparent url(/portalempleado/imagenes/comunNet/menusuperior_opcionActiva.png) no-repeat scroll left;
            }

            #cabecera .cab_der A.activo {
                color: #FFFFFF;
                text-decoration: none;
                padding: 12px 12px;
                border: 0px solid #000000;
                background: transparent url(/portalempleado/imagenes/comunNet/menusuperior_opcionActiva.png) no-repeat scroll left;
            }

        #cabecera .cab_der TABLE {
            float: right;
        }

            #cabecera .cab_der TABLE TR TD .derecha {
                text-align: right;
            }

            #cabecera .cab_der TABLE A {
                font-size: 12px;
                background: none;
                padding: 0px;
                margin: 0px;
            }

                #cabecera .cab_der TABLE A:visited {
                    font-size: 12px;
                    background: none;
                    padding: 0px;
                    margin: 0px;
                }

                #cabecera .cab_der TABLE A:active {
                    font-size: 12px;
                    background: none;
                    padding: 0px;
                    margin: 0px;
                }

                #cabecera .cab_der TABLE A:hover {
                    text-decoration: underline;
                    background: none;
                    padding: 0px;
                    margin: 0px;
                    color: #004457;
                }

        #cabecera .cab_der ul {
            float: right;
            min-width: 460px;
            list-style: none;
            font-size: 12px;
            color: #666666;
            margin: 0px;
            padding: 0px;
            border: 0px solid #000000;
        }

            #cabecera .cab_der ul li {
                float: left;
                height: 37px;
                color: #666666;
                border: 0px solid #000000;
                padding: 0px;
                margin: 0px;
                line-height: 37px;
            }

    #subcabecera {
        display: flex;
        width: 100%;
        height: 199px;
        margin: 0px auto;
        border: 0px solid #000000;
        background-image: url(/portalempleado/imagenes/comunNet/subcabecera_divizquierdo.jpg);
        background-repeat: repeat-x;
        background-position: left;
        justify-content: space-between;
    }

        #subcabecera .subcab {
            height: 199px;
            border: 0px solid #000000;
            width: 400px;
            padding-left: 10px;
            display: flex;
            flex-direction: column;
        }

            #subcabecera .subcab .subcab_sup {
                display: flex;
                flex-direction: row;
                height: 100px;
                flex-grow: 1;
            }


            #subcabecera .subcab .subcab_inf {
                display: flex;
                flex-direction: row;
                height: 100px;
                flex-grow: 1;
            }



            #subcabecera .subcab ul {
                color: #FFFFFF;
                list-style: none;
                padding: 0px;
                margin: 0px;
                margin-bottom: 30px;
            }

                #subcabecera .subcab ul li {
                    line-height: 24px;
                }

            #subcabecera .subcab A {
                color: #FFFFFF;
                text-decoration: none;
            }

                #subcabecera .subcab A:visited {
                    color: #FFFFFF;
                }

                #subcabecera .subcab A:active {
                    color: #FFFFFF;
                }

                #subcabecera .subcab A:hover {
                    color: #dcbb11;
                    text-decoration: underline;
                }

            #subcabecera .subcab P {
                color: #FFFFFF;
            }

            #subcabecera .subcab HR {
                padding: 0px;
                margin: 0px;
                width: 150px;
                border-width: 1px;
                border-color: #FFFFFF;
                border-style: outset;
                text-align: left;
            }

        #subcabecera .subcabsub_sup {
            margin-top: 0px;
            padding-top: 5px;
            border: 0px solid #000000;
            width: 50%;
        }

        #subcabecera .subcabsub_inf {
            margin-top: 0px;
            border: 0px solid #000000;
            width: 50%;
            padding-top: 5px;
        }

        #subcabecera .subcabsub_sup TABLE {
            color: #FFFFFF;
            font-size: 11px;
        }

        #subcabecera .subcabsub_sup P {
            color: #FFFFFF;
            font-size: 11px;
        }

        #subcabecera .subcabsub_inf P {
            color: #FFFFFF;
            font-size: 11px;
        }

        #subcabecera .subcab_der {
            background-image: url(/portalempleado/imagenes/comunNet/subcabecera_divderecho.jpg);
            background-repeat: no-repeat;
            background-position: right;
            height: 199px;
            width: 540px;
        }

        #subcabecera P.pcabecera {
            color: #dcbb11;
            font-size: 12px;
            padding: 0px;
            margin: 0px;
        }

        #subcabecera P.pcontenido {
            margin: 0px;
            margin-top: 5px;
        }

    #subcabecera_aplicaciones {
        width: 100%;
        height: 97px;
        margin: 0px auto;
        border: 0px solid #000000;
        background-color: #004457;
    }

        #subcabecera_aplicaciones .subcab {
            height: 97px;
            border: 0px solid #000000;
            float: left;
            width: 40%;
        }

            #subcabecera_aplicaciones .subcab H1 {
                color: #dcbb11;
                text-align: left;
                padding-left: 5px;
                margin: 0px;
                line-height: 97px;
                font-size: 18px;
            }

        #subcabecera_aplicaciones .subcab_der {
            background-image: url(/portalempleado/imagenes/comunNet/subcabecera_aplicaciones.jpg);
            background-repeat: no-repeat;
            background-position: right;
            height: 97px;
            float: right;
            border: 0px solid #000000;
            width: 540px;
            background-color: #000;
        }

    MARQUEE {
        height: 66px;
    }

    #contenido {
        width: 100%;
        padding-top: 5px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        gap: 5px;
    }

    #contenido_inside {
        width: 100%;
    }
    /* ==========================================
   CONTENEDOR SUPERIOR
========================================== */
    #contenido .cont_sup {
        background: #dce5e8 no-repeat right;
        min-height: 165px;
    }

        #contenido .cont_sup h1 {
            margin: 0;
            padding: 10px 0;
            color: #004457;
            font-size: 18px;
            text-align: center;
        }

        #contenido .cont_sup p {
            color: #666;
            font-size: 13px;
            padding: 0 150px 10px 25px;
            text-align: justify;
            margin: 0;
        }
    /* ==========================================
   CONTENEDORES FLEX
========================================== */

    #contenido .cont_inf,
    #contenido .cont_inf_doscolumnas {
        display: flex;
        flex-grow: 1;
        flex-wrap: wrap;
        gap: 5px;
        justify-content: space-between;
    }
        /* ---------- 3 COLUMNAS ---------- */

        #contenido .cont_inf > div {
            flex: 0 0 calc((100% - 10px) / 3);
            min-width: 0;
            box-sizing: border-box;
            overflow: auto;
            background: #dce5e8;
            background: #DCE5E8;
            background: linear-gradient(180deg,rgba(220, 229, 232, 1) 0%, rgba(255, 255, 255, 1) 100%);
        }
        /* ---------- 2 COLUMNAS ---------- */

        #contenido .cont_inf_doscolumnas > div {
            flex: 0 0 calc((100% - 5px) / 2);
            min-width: 0;
            box-sizing: border-box;
            overflow: auto;
            background: #dce5e8;
        }
        /* ==========================================
   TITULOS Y PÁRRAFOS
========================================== */

        #contenido .cont_inf h1,
        #contenido .cont_inf_doscolumnas h1 {
            color: #004457;
            font-size: 14px;
            margin: 0;
            padding: 10px 0 10px 25px;
        }

            #contenido .cont_inf h1 img,
            #contenido .cont_inf_doscolumnas h1 img {
                padding-right: 10px;
                vertical-align: middle;
            }

        #contenido .cont_inf p,
        #contenido .cont_inf_doscolumnas p {
            color: #666;
            font-size: 13px;
            padding: 0 5px 0 25px;
            margin: 0;
            text-align: justify;
        }

            #contenido .cont_inf p img,
            #contenido .cont_inf_doscolumnas p img {
                float: left;
            }
        /* ==========================================
   TARJETAS ANTIGUAS
========================================== */

        #contenido .cont_inf .cont_sup_izq,
        #contenido .cont_inf .cont_sup_der,
        #contenido .cont_inf .cont_inf_izq,
        #contenido .cont_inf .cont_inf_der,
        #contenido .cont_inf .cont_inf_inf,
        #contenido .cont_inf_doscolumnas .cont_sup_izq,
        #contenido .cont_inf_doscolumnas .cont_sup_der,
        #contenido .cont_inf_doscolumnas .cont_inf_izq,
        #contenido .cont_inf_doscolumnas .cont_inf_der,
        #contenido .cont_inf_doscolumnas .cont_inf_inf {
            position: relative;
            min-height: 165px;
            margin-bottom: 5px;
            background: #DCE5E8;
            background: linear-gradient(180deg,rgba(220, 229, 232, 1) 0%, rgba(255, 255, 255, 1) 100%);
        }

            #contenido .cont_inf .cont_sup_izq:hover,
            #contenido .cont_inf .cont_sup_der:hover,
            #contenido .cont_inf .cont_inf_izq:hover,
            #contenido .cont_inf .cont_inf_der:hover,
            #contenido .cont_inf .cont_inf_inf:hover,
            #contenido .cont_inf_doscolumnas .cont_sup_izq:hover,
            #contenido .cont_inf_doscolumnas .cont_sup_der:hover,
            #contenido .cont_inf_doscolumnas .cont_inf_izq:hover,
            #contenido .cont_inf_doscolumnas .cont_inf_der:hover,
            #contenido .cont_inf_doscolumnas .cont_inf_inf:hover {
                cursor: pointer;
                background: #004457;
                background: linear-gradient(180deg,rgba(0, 68, 87, 1) 0%, rgba(255, 255, 255, 1) 100%);
            }

                #contenido .cont_inf .cont_sup_izq:hover > h1,
                #contenido .cont_inf .cont_sup_der:hover > h1,
                #contenido .cont_inf .cont_inf_izq:hover > h1,
                #contenido .cont_inf .cont_inf_der:hover > h1,
                #contenido .cont_inf .cont_inf_inf:hover > h1,
                #contenido .cont_inf .cont_sup_izq:hover > p,
                #contenido .cont_inf .cont_sup_der:hover > p,
                #contenido .cont_inf .cont_inf_izq:hover > p,
                #contenido .cont_inf .cont_inf_der:hover > p,
                #contenido .cont_inf .cont_inf_inf:hover > p,
                #contenido .cont_inf_doscolumnas .cont_sup_izq:hover > h1,
                #contenido .cont_inf_doscolumnas .cont_sup_der:hover > h1,
                #contenido .cont_inf_doscolumnas .cont_inf_izq:hover > h1,
                #contenido .cont_inf_doscolumnas .cont_inf_der:hover > h1,
                #contenido .cont_inf_doscolumnas .cont_inf_inf:hover > h1,
                #contenido .cont_inf_doscolumnas .cont_sup_izq:hover > p,
                #contenido .cont_inf_doscolumnas .cont_sup_der:hover > p,
                #contenido .cont_inf_doscolumnas .cont_inf_izq:hover > p,
                #contenido .cont_inf_doscolumnas .cont_inf_der:hover > p,
                #contenido .cont_inf_doscolumnas .cont_inf_inf:hover > p {
                    color: #fff;
                }
        /* ==========================================
   TABLAS
========================================== */

        #contenido .cont_inf table,
        #contenido .cont_inf_doscolumnas table {
            width: 100%;
            margin: 0 auto;
            border-collapse: collapse;
            color: #666;
        }

            #contenido .cont_inf table thead,
            #contenido .cont_inf_doscolumnas table thead {
                text-align: center;
                color: #fff;
                font-weight: bold;
                background: #004457;
            }

            #contenido .cont_inf table td,
            #contenido .cont_inf table tr,
            #contenido .cont_inf_doscolumnas table td,
            #contenido .cont_inf_doscolumnas table tr {
                border: 0;
                text-transform: none;
            }
        /* ==========================================
   ENLACES
========================================== */

        #contenido .cont_inf a,
        #contenido .cont_inf a:visited,
        #contenido .cont_inf a:active,
        #contenido .cont_inf_doscolumnas a,
        #contenido .cont_inf_doscolumnas a:visited,
        #contenido .cont_inf_doscolumnas a:active {
            color: #666;
            text-decoration: none;
        }

            #contenido .cont_inf a:hover,
            #contenido .cont_inf_doscolumnas a:hover {
                color: #004457;
                text-decoration: underline;
            }

        #contenido .cont_inf_doscolumnas > div:last-child {
            flex: 0 0 100%;
        }

    #pie {
    }

        #pie P {
            margin-bottom: auto;
            font-size: 12px;
            color: #FFFFFF;
            text-align: center;
            padding-top: 5px;
            padding-bottom: 5px;
            background-color: #004457;
            border: 0px solid #000000;
        }
    /*///////////////////////*/
    /*Estilos Menu principal*/
    DIV.menu_lateral {
        position: fixed;
        top: 50%;
        width: 110px;
        border: 0px solid #000000;
        float: left;
        text-align: right;
        color: #004457;
        cursor: pointer;
        z-index: 104;
        background-image: url(/portalempleado/imagenes/comunNet/imagenmenuprincipal.ashx);
        background-repeat: no-repeat;
        background-position: right;
    }

    DIV.menu_lateral2 {
        float: left;
        background-image: url(/portalempleado/imagenes/comunNet/menuprincipal_degradacion.png);
        background-repeat: repeat-y;
        border: 1px solid #004457;
        width: 80px;
        border-radius: 11px;
        -moz-border-radius: 10px;
        min-height: 200px;
    }

        DIV.menu_lateral2 UL {
            list-style: none;
            border: 0px solid #DCE5E8;
            text-align: left;
            padding: 0px;
            margin: 20px auto;
            text-align: center;
        }

    UL LI.itemMenu {
        height: 45px;
        border: 0px solid #000000;
        vertical-align: middle;
    }
    /*Estilos Menu Favoritos*/
    DIV.menuContextualFavoritos {
        border: 2px solid #004457;
        text-align: center;
        z-index: 105;
    }
    /***************ESTILOS CONTENIDO DE PRINCIPAL (APLICACIONES)*********************/
    /*********************************************************************************/
    #contenido {
        color: #004457;
    }

        #contenido h1, h2, h3, h4, h5 {
            text-align: center;
            margin: 0px;
            padding: 0px;
        }

        #contenido h1 {
            font-size: 22px;
        }

        #contenido h2 {
            font-size: 18px;
        }

        #contenido h3 {
            font-size: 16px;
        }

        #contenido h4 {
            font-size: 14px;
        }

        #contenido h5 {
            font-size: 12px;
        }

        #contenido FIELDSET {
            border: 1px solid #004457;
            padding: 5px;
            margin: 0px;
        }

            #contenido FIELDSET LEGEND {
                font-size: 14px;
                border: 1px solid #004457;
            }

        #contenido HR {
            width: 100%;
            padding: 0px;
            margin: 0px;
            height: 5px;
            background-color: #004457;
        }

        #contenido P {
            margin: 0px;
            padding: 0px;
        }

        #contenido A {
            color: #666666;
            text-decoration: none;
            font-weight: bold;
            cursor: pointer !important;
        }

        #contenido .ui-state-active A {
            color: #DDCB11 !important;
            text-decoration: none;
            font-weight: bold;
        }

        #contenido .ui-state-hover A:hover {
            color: #DDCB11;
            text-decoration: none;
            font-weight: bold;
        }

        #contenido A:visited {
            color: #666666;
        }

        #contenido A:active {
            color: #666666;
        }

        #contenido A:hover {
            color: #004457;
            text-decoration: none;
            text-decoration: underline;
        }

        #contenido OL {
            margin: 0px;
            padding: 0px;
        }

        #contenido DL {
            margin: 0px;
            padding: 0px;
        }

            #contenido DL DT {
            }

                #contenido DL DT DD {
                }
        /**************ESTILOS PARA LAS TABLAS DE #CONTENIDO**************/
        /*TABLA FORMULARIO*/
        #contenido TABLE.tabla_formulario {
            background-color: #FFFFFF;
            margin: 1em auto;
            border: thin solid #014457;
            text-align: left;
            -webkit-border-bottom-left-radius: 7px;
            -webkit-border-bottom-right-radius: 7px;
            -moz-border-radius-bottomleft: 7px;
            -moz-border-radius-bottomright: 7px;
            border-bottom-left-radius: 7px;
            border-bottom-right-radius: 7px;
        }
        /*TABLADATOS*/
        #contenido TABLE.tabladatos {
            margin: 0px auto;
            border-collapse: collapse;
            background-color: #004457;
            -webkit-border-top-left-radius: 7px;
            -webkit-border-top-right-radius: 7px;
            -moz-border-radius-topleft: 7px;
            -moz-border-radius-topright: 7px;
            border-top-left-radius: 7px;
            border-top-right-radius: 7px;
        }

            #contenido TABLE.tabladatos > THEAD > TR {
                color: #FFFFFF;
                text-align: center;
                border: 0px;
                text-transform: uppercase;
                height: 22px;
                font-weight: bold;
            }

                #contenido TABLE.tabladatos > THEAD > TR > TD {
                    color: #FFFFFF;
                    text-align: center;
                    border: 0px;
                    text-transform: uppercase;
                    height: 22px;
                    font-weight: bold;
                }

            #contenido TABLE.tabladatos > TFOOT > TR {
                border-bottom: 1px solid #004457;
                text-align: right;
                background-color: #ffffff;
            }

                #contenido TABLE.tabladatos > TFOOT > TR > TD {
                    border-bottom: 1px solid #004457;
                    text-align: right;
                }

            #contenido TABLE.tabladatos > TBODY > TR {
                vertical-align: middle;
                border-bottom: 1px solid #CCC;
                background-color: #ffffff;
            }

                #contenido TABLE.tabladatos > tbody > TR.cabecera {
                    background-color: #004457;
                    color: #FFFFFF;
                    text-align: center;
                    border: 0px;
                    text-transform: uppercase;
                    font-weight: bold;
                    height: 22px;
                }

            #contenido TABLE.tabladatos TD {
                border-bottom: 1px solid #CCC;
                vertical-align: middle;
            }

            #contenido TABLE.tabladatos TR.impares {
                border-bottom: 1px solid #CCC;
                vertical-align: middle;
            }
        /*FILAS Y CELDAS COMUNES*/
        /*FILAS*/
        #contenido TABLE TR.resultado {
            color: #FF0000;
            font-weight: bold;
            text-align: center;
        }

        #contenido TABLE TR.azul {
            background-color: #004457;
            color: #FFFFFF;
        }

        #contenido TABLE TR.azulnegrita {
            background-color: #004457;
            color: #FFFFFF;
            font-weight: bold;
        }

        #contenido TABLE TR.pistacho {
            background-color: #ddcb11;
            color: #004457;
        }

        #contenido TABLE TR.pistachonegrita {
            background-color: #ddcb11;
            color: #004457;
            font-weight: bold;
        }

        #contenido TABLE TR.fondoazul, #contenido TABLE TR.aprobadaAoyc {
            background-image: url(/portalempleado/imagenes/comunNet/fondoceldaimpares.png);
            background-repeat: repeat;
        }

        #contenido TABLE TR.fondoamarillo, #contenido TABLE TR.aprobadaJefe {
            background-image: url(/portalempleado/imagenes/comunNet/fondoceldaamarillo.png);
            background-repeat: repeat;
        }

        #contenido TABLE TR.fondonaranja, #contenido TABLE TR.denegadaAssi {
            background-image: url(/portalempleado/imagenes/comunNet/fondoceldanaranja.png);
            background-repeat: repeat;
        }

        #contenido TABLE TR.fondorojo, #contenido TABLE TR.denegadaJefe {
            background-image: url(/portalempleado/imagenes/comunNet/fondoceldarojo.png);
            background-repeat: repeat;
        }

        #contenido TABLE TR.fondoverde, #contenido TABLE TR.aprobadaEncCompras {
            background-image: url(/portalempleado/imagenes/comunNet/fondoceldaverde.png);
            background-repeat: repeat;
        }

        #contenido TABLE TR.fondogris, #contenido TABLE TR.aprobadaAssi {
            background-image: url(/portalempleado/imagenes/comunNet/fondoceldagris.png);
            background-repeat: repeat;
        }

        #contenido TABLE TR.fondomagenta, #contenido TABLE TR.denegadaAoyc {
            background-image: url(/portalempleado/imagenes/comunNet/fondoceldamagenta.png);
            background-repeat: repeat;
            color: #FFFFFF;
        }

        #contenido TABLE TR.fondoverdeoscuro {
            background-image: url(/portalempleado/imagenes/comunNet/fondoceldaverdeoscuro.png);
            background-repeat: repeat;
        }

        #contenido TABLE TR.fondoazuloscuro {
            background-image: url(/portalempleado/imagenes/comunNet/fondoceldaazuloscuro.png);
            background-repeat: repeat;
        }

        #contenido TABLE TR.fondoazulclaro {
            background-image: url(/portalempleado/imagenes/comunNet/fondoceldaazulclaro.png);
            background-repeat: repeat;
        }

        #contenido TABLE TR.fondorosa {
            background-image: url(/portalempleado/imagenes/comunNet/fondoceldarosa.png);
            background-repeat: repeat;
        }

        #contenido TABLE TR.impares {
            background-image: url(/portalempleado/imagenes/comunNet/fondoceldaimpares.png);
            background-repeat: repeat;
        }

        #contenido TABLE TR.cabecera {
            background-color: #004457;
            color: #FFFFFF;
            text-align: center;
            border: 0px;
            text-transform: uppercase;
            font-weight: bold;
            height: 22px;
        }

        #contenido TABLE TR.pie {
            border-bottom: 1px solid #004457;
            text-align: right;
        }
        /*CELDAS*/
        #contenido TABLE TD.resultado {
            color: #FF0000;
            font-weight: bold;
            text-align: center;
        }

        #contenido TABLE TD.arriba {
            vertical-align: top;
        }

        #contenido TABLE TD.arribaderecha {
            vertical-align: top;
            text-align: right;
        }

        #contenido TABLE TD.arribacentro {
            vertical-align: top;
            text-align: center;
        }

        #contenido TABLE TD.derecha {
            text-align: right;
        }

        #contenido TABLE TD.centro {
            text-align: center;
        }

        #contenido TABLE TD.azul {
            background-color: #004457;
            color: #FFFFFF;
        }

        #contenido TABLE TD.azulnegrita {
            background-color: #004457;
            color: #FFFFFF;
            font-weight: bold;
        }

        #contenido TABLE TD.pistacho {
            background-color: #ddcb11;
            color: #004457;
        }

        #contenido TABLE TD.pistachonegrita {
            background-color: #ddcb11;
            color: #004457;
            font-weight: bold;
        }

        #contenido TABLE TD.fondoazul, #contenido TABLE TD.aprobadaAoyc {
            background-image: url(/portalempleado/imagenes/comunNet/fondoceldaimpares.png);
            background-repeat: repeat;
        }

        #contenido TABLE TD.fondoamarillo, #contenido TABLE TD.aprobadaJefe {
            background-image: url(/portalempleado/imagenes/comunNet/fondoceldaamarillo.png);
            background-repeat: repeat;
        }

        #contenido TABLE TD.fondonaranja, #contenido TABLE TD.denegadaAssi {
            background-image: url(/portalempleado/imagenes/comunNet/fondoceldanaranja.png);
            background-repeat: repeat;
        }

        #contenido TABLE TD.fondorojo, #contenido TABLE TD.denegadaJefe {
            background-image: url(/portalempleado/imagenes/comunNet/fondoceldarojo.png);
            background-repeat: repeat;
        }

        #contenido TABLE TD.fondoverde, #contenido TABLE TD.aprobadaEncCompras {
            background-image: url(/portalempleado/imagenes/comunNet/fondoceldaverde.png);
            background-repeat: repeat;
        }

        #contenido TABLE TD.fondogris, #contenido TABLE TD.aprobadaAssi {
            background-image: url(/portalempleado/imagenes/comunNet/fondoceldagris.png);
            background-repeat: repeat;
        }

        #contenido TABLE TD.fondomagenta, #contenido TABLE TD.denegadaAoyc {
            background-image: url(/portalempleado/imagenes/comunNet/fondoceldamagenta.png);
            background-repeat: repeat;
            color: #FFFFFF;
        }

        #contenido TABLE TD.fondoverdeoscuro {
            background-image: url(/portalempleado/imagenes/comunNet/fondoceldaverdeoscuro.png);
            background-repeat: repeat;
        }

        #contenido TABLE TD.fondoazuloscuro {
            background-image: url(/portalempleado/imagenes/comunNet/fondoceldaazuloscuro.png);
            background-repeat: repeat;
        }

        #contenido TABLE TD.fondoazulclaro {
            background-image: url(/portalempleado/imagenes/comunNet/fondoceldaazulclaro.png);
            background-repeat: repeat;
        }

        #contenido TABLE TD.fondorosa {
            background-image: url(/portalempleado/imagenes/comunNet/fondoceldarosa.png);
            background-repeat: repeat;
        }

        #contenido TABLE TD.cabeceradibujo {
            background-color: #004457;
            color: #dcbb11;
            text-align: center;
            background-image: url(/portalempleado/imagenes/comunNet/thead.png);
            background-position: top right;
            background-repeat: no-repeat;
            border: 0px;
            text-transform: uppercase;
            padding-left: 3px;
            padding-right: 15px;
            height: 22px;
            font-weight: bold;
        }

        #contenido TABLE TD.cabecera {
            background-color: #004457;
            color: #FFFFFF;
            text-align: center;
            border: 0px;
            text-transform: uppercase;
            font-weight: bold;
            height: 22px;
        }

        #contenido TABLE TD.pie {
            border-bottom: 1px solid #004457;
            text-align: right;
        }
        /********FIN DE LOS ESTILOS DE TABLA EN #CONTENIDO**********/

        #contenido FORM .botonDes {
            color: #888;
        }

        #contenido FORM SELECT {
            font-family: "Century Gothic", Verdana, Arial, Helvetica-Normal;
            font-size: 11px;
            border: 1px solid #014457;
            background-color: #FFFFFF;
            border-radius: 5px;
            -moz-border-radius: 5px;
        }

            #contenido FORM SELECT.sololectura {
                font-family: "Century Gothic", Verdana, Arial, Helvetica-Normal;
                font-size: 11px;
                border: 0.0626em solid #DDCB11;
                background-color: #E2EDEF;
                border-radius: 5px;
                -moz-border-radius: 5px;
            }

        #contenido FORM TEXTAREA {
            font-family: "Century Gothic", Verdana, Arial, Helvetica-Normal;
            font-size: 11px;
            border: 1px solid #014457;
            background-color: #FFFFFF;
            border-radius: 5px;
            -moz-border-radius: 5px;
        }

            #contenido FORM TEXTAREA.sololectura {
                font-family: "Century Gothic", Verdana, Arial, Helvetica-Normal;
                font-size: 11px;
                border: 1px solid #DDCB11;
                background-color: #FFFFFF;
                border-radius: 5px;
                -moz-border-radius: 5px;
            }
    /*******************************************/
    /*******Estilos Menu aplicaciones***********/
    /*******************************************/
    /*DIV QUE CONTIENE EL MENU*/
    #contenedor_menusuperior {
        display: table;
        width: 100%;
    }
    /*MENU PADRE*/
    #menuAplicaciones {
        padding: 0;
        margin: 0;
        list-style: none;
        height: 33px;
        background: #0f6e82 url(/portalempleado/imagenes/comunNet/menuAplicaciones_fondo.png) repeat-x;
        position: relative;
        z-index: 100;
        font-family: arial, verdana, sans-serif;
        border-color: #7ca2aa #1F5A6A #1F5A6A #1F5A6A;
        border-style: solid;
        border-width: 1px 1px 2px 1px;
    }

        #menuAplicaciones > li.top {
            display: block;
            float: left;
            height: 33px;
        }

        #menuAplicaciones > li > a.top_link {
            display: block;
            float: left;
            height: 33px;
            line-height: 32px;
            color: #ddcb11;
            text-decoration: none;
            font-size: 0.85em;
            font-weight: bold;
            padding: 0 0 0 5px;
            cursor: pointer;
            background: #0f6e82 url(/portalempleado/imagenes/comunNet/menuAplicaciones_fondo.png) repeat-x;
        }

            #menuAplicaciones > li > a.top_link > span {
                float: left;
                display: block;
                padding: 0 10px 0 5px;
                height: 33px;
                background: url(/portalempleado/imagenes/comunNet/menuAplicaciones_fondo.png);
            }

                #menuAplicaciones > li > a.top_link > span.down {
                    float: left;
                    display: block;
                    /*padding: 0 24px 0 12px;*/
                    padding: 0 25px 0 5px;
                    height: 33px;
                    background: url(/portalempleado/imagenes/comunNet/menuAplicaciones_sub.png) right;
                }

        #menuAplicaciones > li:hover > a.top_link {
            color: #004457;
            background: url(/portalempleado/imagenes/comunNet/menuAplicaciones_hover.png) no-repeat;
        }

            #menuAplicaciones > li:hover > a.top_link > span {
                background: url(/portalempleado/imagenes/comunNet/menuAplicaciones_hover.png) no-repeat right top;
            }

                #menuAplicaciones > li:hover > a.top_link > span.down {
                    background: url(/portalempleado/imagenes/comunNet/menuAplicaciones_sub_hover.png) no-repeat right top;
                }

        #menuAplicaciones > li:hover {
            position: relative;
            z-index: 103;
        }
        /*SUBMENUS*/
        #menuAplicaciones > li ul.sub {
            position: absolute;
            left: 3px;
            top: 28px;
            background: #dce5e8;
            white-space: nowrap;
            padding: 10px;
            padding-right: 0px;
            min-width: 90px;
            height: auto;
            z-index: 102;
            -moz-box-shadow: 4px 4px 3px #ccc;
            -webkit-box-shadow: 4px 4px 3px #ccc;
            box-shadow: 4px 4px 3px #ccc;
            -webkit-border-radius: 5px;
            -webkit-border-top-left-radius: 0;
            -moz-border-radius: 5px;
            -moz-border-radius-topleft: 0;
            border-radius: 5px;
            border-top-left-radius: 0;
        }

            #menuAplicaciones > li ul.sub > li {
                display: block;
                height: 20px;
                position: relative;
                padding-right: 10px;
                clear: left;
                float: left;
                min-width: 90px;
                font-weight: normal;
            }

                #menuAplicaciones > li ul.sub > li > a {
                    display: block;
                    font-size: 0.85em;
                    height: 18px;
                    min-width: 90px;
                    line-height: 18px;
                    text-indent: 5px;
                    color: #004457;
                    text-decoration: none;
                }

                    #menuAplicaciones > li ul.sub > li > a > p {
                        padding: 0px;
                        padding-right: 5px;
                        margin: 0px;
                        display: block;
                    }

                    #menuAplicaciones > li ul.sub > li > a.fly {
                        background: url(/portalempleado/imagenes/comunNet/menuAplicaciones_flecha.png) right no-repeat;
                    }

                #menuAplicaciones > li ul.sub > li:hover > a {
                    color: #bea004;
                    text-decoration: underline;
                }

                    #menuAplicaciones > li ul.sub > li:hover > a.fly {
                        background: url(/portalempleado/imagenes/comunNet/menuAplicaciones_flechasobre.png) right no-repeat;
                        color: #bea004;
                    }

        #menuAplicaciones li > ul {
            left: 90px;
            top: -4px;
            padding: 10px;
            white-space: nowrap;
            min-width: 90px;
            z-index: 101;
            height: auto;
            -moz-box-shadow: 4px 4px 3px #ccc;
            -webkit-box-shadow: 4px 4px 3px #ccc;
            box-shadow: 4px 4px 3px #ccc;
        }

    .separador {
        display: block;
        float: left;
        width: 2px;
        height: 33px;
        background: url(/portalempleado/imagenes/comunNet/menuAplicaciones_separador.png) center no-repeat;
    }
    /*******************************************/
    /*******Estilos Menu aplicaciones***********/
    /*******************************************/
    /*******Estilos LIGHTBOX***********/
    /*.divopacidad{
	    width:100%;
	    height:100%;
	    position:absolute;
	    top:0px;
	    left:0px;
	    z-index:106;
	    background-color:#004457;
	    filter:alpha(opacity=35);
        opacity: 0.5;
        -moz-opacity:0.5;
    }
	.divbox{
	    position:fixed;
	    z-index:107;
	    top:50%;
	    left:50%;
	    background-color:#FFFFFF;
	    border:4px solid #004457;
	    background-repeat:no-repeat;
	    background-position:center;
	    
	}*/
    .contenidoLightBox {
        /*width: 90%;
        height: 100%;*/
        border: 0px solid #004457;
    }

        .contenidoLightBox .contenidoCabecera {
            width: 100%;
        }

            .contenidoLightBox .contenidoCabecera .contenidoCabecera1 {
                float: left;
                width: 80%;
                border: 0px solid #000000;
            }

                .contenidoLightBox .contenidoCabecera .contenidoCabecera1 P {
                    margin: 0px;
                    padding: 0px;
                    background-color: #004457;
                    color: #ffffff;
                    height: 20px;
                    text-align: left;
                    font-size: 18px;
                    font-weight: bold;
                }

            .contenidoLightBox .contenidoCabecera .contenidoCabecera2 {
                float: right;
                width: 20%;
                border: 0px solid #000000;
            }

                .contenidoLightBox .contenidoCabecera .contenidoCabecera2 P {
                    margin: 0px;
                    padding: 0px;
                    background-color: #004457;
                    color: #ffffff;
                    vertical-align: top;
                    height: 20px;
                    text-align: right;
                }

                .contenidoLightBox .contenidoCabecera .contenidoCabecera2 IMG {
                    cursor: pointer;
                }

        .contenidoLightBox .contenidoCuerpo {
            width: 99.8%;
            height: 92.5%;
            margin: 0px auto;
            border: 0px solid #000000;
            overflow: auto;
        }

            .contenidoLightBox .contenidoCuerpo .contenidoCuerpo_contenido {
                border: 1px solid #004457;
                width: 600px;
                margin: 10px auto;
                background: #FFFFFF url(/portalempleado/imagenes/comunNet/fondodivmensajeria.png) repeat-y center;
                padding: 20px;
            }

                .contenidoLightBox .contenidoCuerpo .contenidoCuerpo_contenido .contenidoCuerpo_contenido_cabecera {
                }

                    .contenidoLightBox .contenidoCuerpo .contenidoCuerpo_contenido .contenidoCuerpo_contenido_cabecera P {
                        font-weight: bold;
                        font-size: 14px;
                        padding: 0px;
                        margin: 0px;
                        text-align: justify;
                        text-decoration: underline;
                    }

                        .contenidoLightBox .contenidoCuerpo .contenidoCuerpo_contenido .contenidoCuerpo_contenido_cabecera P SPAN {
                            font-size: 12px;
                            color: #666;
                            font-style: italic;
                        }

                .contenidoLightBox .contenidoCuerpo .contenidoCuerpo_contenido .contenidoCuerpo_contenido_cuerpo {
                }

                    .contenidoLightBox .contenidoCuerpo .contenidoCuerpo_contenido .contenidoCuerpo_contenido_cuerpo UL {
                        list-style: none;
                        padding: 0px;
                        margin: 0px;
                    }

                        .contenidoLightBox .contenidoCuerpo .contenidoCuerpo_contenido .contenidoCuerpo_contenido_cuerpo UL LI {
                            margin: 0px;
                            padding: 0px;
                        }

                        .contenidoLightBox .contenidoCuerpo .contenidoCuerpo_contenido .contenidoCuerpo_contenido_cuerpo UL P {
                            font-size: 12px;
                            font-weight: bold;
                            text-decoration: underline;
                        }

                    .contenidoLightBox .contenidoCuerpo .contenidoCuerpo_contenido .contenidoCuerpo_contenido_cuerpo P {
                        text-align: justify;
                    }

                    .contenidoLightBox .contenidoCuerpo .contenidoCuerpo_contenido .contenidoCuerpo_contenido_cuerpo TABLE.tiempo {
                        width: 100%;
                        height: 95px;
                        border-collapse: collapse;
                        margin: 0px auto;
                        border: 1px solid #004457;
                    }

                        .contenidoLightBox .contenidoCuerpo .contenidoCuerpo_contenido .contenidoCuerpo_contenido_cuerpo TABLE.tiempo TR.cabecera {
                            background-color: #004457;
                            color: #FFFFFF;
                        }

                        .contenidoLightBox .contenidoCuerpo .contenidoCuerpo_contenido .contenidoCuerpo_contenido_cuerpo TABLE.tiempo TD.celdaizq {
                            text-align: center;
                            width: 100px;
                        }

                    .contenidoLightBox .contenidoCuerpo .contenidoCuerpo_contenido .contenidoCuerpo_contenido_cuerpo TABLE {
                        margin: 0px auto;
                        width: 100%;
                    }

                        .contenidoLightBox .contenidoCuerpo .contenidoCuerpo_contenido .contenidoCuerpo_contenido_cuerpo TABLE TD.celdaizq {
                            vertical-align: top;
                            width: 100px;
                        }

                        .contenidoLightBox .contenidoCuerpo .contenidoCuerpo_contenido .contenidoCuerpo_contenido_cuerpo TABLE TD.celdader {
                            text-align: justify;
                            vertical-align: top;
                        }

                .contenidoLightBox .contenidoCuerpo .contenidoCuerpo_contenido .contenidoCuerpo_contenido_pie {
                }

                    .contenidoLightBox .contenidoCuerpo .contenidoCuerpo_contenido .contenidoCuerpo_contenido_pie P {
                        text-align: right;
                        font-size: 12px;
                        color: #666666;
                        font-weight: bold;
                    }


    .divboxJquery {
        background-color: #FFFFFF;
        background-repeat: no-repeat;
        background-position: center;
    }

        .divboxJquery .contenidoCuerpo_contenido {
            border: 1px solid #004457;
            width: 600px;
            margin: 10px auto;
            background: #FFFFFF url(/portalempleado/imagenes/comunNet/fondodivmensajeria.png) repeat-y center;
            padding: 20px;
        }
    /*******FIN ESTILOS LIGHTBOX*******/
    /*TABLA FORMULARIO CLÁSICA*/
    .tabla_formulario {
        background-color: #FFFFFF;
        margin: 1em auto;
        border: thin solid #014457;
        text-align: left;
    }
    /*********Estilos para Peticiones Asincronas*******/
    #sombreadoAJAX1 {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #CCCCCC;
        filter: alpha(opacity=50);
        opacity: .5;
        z-index: 10001;
    }

    #sombreadoAJAX2 {
        background-color: #FFFFFF;
        width: 50%;
        position: absolute;
        top: 35%;
        left: 25%;
        border: 1px dashed #000000;
        text-align: center;
        padding-top: 50px;
        padding-bottom: 50px;
        vertical-align: middle;
        font-weight: bold;
        font-size: 12px;
        z-index: 10001;
    }

        #sombreadoAJAX2 .brevesmomentos {
            font-size: 10px;
        }
    /*********Fin Estilos para Peticiones Asincronas*******/
    /****************************************************************************
	estilo para las subfilas 
	****************************************************************************/
    #contenido TABLE TR.fila_cabecera {
        background-color: #004457 !important;
        color: #FFFFFF;
        border: 0px;
        height: 22px;
        font-weight: bold;
    }
    /********** Fin estilos subfilas *************/
    /****************************************************************************
	estilo para autocomplete 
	****************************************************************************/
    .ui-autocomplete {
        max-height: 200px;
        overflow-y: auto;
        /* prevent horizontal scrollbar */
        overflow-x: hidden;
        /* add padding to account for vertical scrollbar */
    }
    /* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
    * html .ui-autocomplete {
        height: 200px;
    }
    /********** Fin estilos autocomplete *************/
    /*
    sortable (promociones)
    */

    #columnas {
        width: 480px;
        margin: 0px auto;
    }

    #banners_activos, #banners_ocultos {
        margin: 0;
        float: left;
        margin-right: 50px;
        padding: 0;
        width: 190px;
        min-height: 92px;
        background-image: url("/portalempleado/imagenes/comunNet/fondoceldaimpares.png");
        background-repeat: repeat;
    }

    #ul_activos, #ul_ocultos {
        margin: 0;
        padding: 0;
        width: 190px;
        min-height: 68px;
    }

        #ul_activos li, #ul_ocultos li {
            list-style: none;
            margin: 5px;
            padding: 4px;
            width: 167px;
            height: 48px;
        }
    /*Fin Promociones*/
}