@import url(https://fonts.googleapis.com/css?family=Roboto);

.header {
    height: 70px;
    background-image: url(images/fondo_header.png);
    background-repeat: repeat-x;
    width: auto;
    padding-bottom: 0px;
    text-align: center;
}

.logo {
    height: 70px;
    width: auto;
    float: left;
}

.menu_contenedor {
    float: right;
    padding-top: 15px;
}


/* Esta es la parte de menu que cambia a fondo negroa arriba */

#menuh ul {
    padding: 5px;
    margin: 10px 0;
    list-style: none;
    float: left;
    clear: left;
}

    #menuh ul li {
        float: left;
        display: inline;
        margin: 0 10px;
    }

        #menuh ul li a {
            text-decoration: none;
            float: left;
            color: #fff;
            cursor: pointer;
            font-family: Roboto,Arial, Helvetica, sans-serif;
            font-size: 12px;
        }

            #menuh ul li a span {
                margin: 0 10px 0 -10px;
                padding: 3px 0px 3px 9px;
                position: relative;
                float: left;
            }

            /*BLUE*/
            #menuh ul li a.current {
                background: url(images/blue.png) no-repeat top right;
                color: #fff;
            }

            #menuh ul li a:hover {
                background: url(images/blue.png) no-repeat top right;
                color: #fff;
            }

            #menuh ul li a.current span {
                background: url(images/blue.png) no-repeat top left;
            }

            #menuh ul li a:hover span {
                background: url(images/blue.png) no-repeat top left;
            }

/* Esta es la parte que ajusta el footer al fondo siempre */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: "Roboto","Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    background-color: #fff;
}

#wrapper {
    min-height: 100%;
    position: relative;
}

#content {
    padding-bottom: 100px; /* Height of the footer element */
}

#footer {
    background-image: url(images/fondo_footer.png);
    background-repeat: repeat-x;
    width: 100%;
    height: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
}

#body {
    padding: 0px;
    padding-bottom: 60px;
}


.logo_footer {
    height: 25px;
    width: 175px;
    float: left;
    padding-top: 25px;
    margin-left: 10px;
}

.logosocialnetworks_footer {
    float: left;
    display: inline-block;
    padding-left: 8% !important;
    padding: 5px;
}

.texto_footer {
    height: 30px;
    width: auto;
    float: left;
    font-size: 13px;
    margin-left: 25px;
    font-family: Roboto,Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    padding-top: 20px;
}

/* Esta es la aprte de la barra */

.barra_abajo_header {
    height: 25px;
    width: auto;
    background-image: url(images/barra.png);
    background-repeat: repeat-x;
    padding-right: 5px;
    padding-top: 0px;
}

.UserLogoutSection {
    height: 10px;
    float: right;
    width: auto;
    color: #FFFFFF;
    font-size: 12px;
    font-family: Roboto,Arial, Helvetica, sans-serif;
    margin-top: 5px;
    position: absolute;
    right: 0;
}

.FavoriteModules {
    border-right: #999999 dotted 1px;
    padding-left: 5px;
    padding-right: 5px
}



.nombre_usuario {
    height: 15px;
    width: auto;
    float: left;
    text-align: center;
    border-right: #999999 dotted 1px;
    color: #FF9900;
    font-weight: normal;
    padding-right: 7px;
}

.ShortCut {
    height: 15px;
    width: auto;
    float: left;
    text-align: center;
    border-right: #999999 dotted 1px;
    color: #FF9900;
    font-weight: normal;
    padding-right: 7px;
    z-index: 1000;
}

.salir {
    height: 15px;
    padding-left: 7px;
    width: auto;
    float: right;
    text-align: right;
    padding-right: 8px;
}

    .salir a:link {
        text-decoration: none;
        color: #CCCCCC;
        text-decoration: underline;
    }

    .salir a:hover {
        text-decoration: none;
        color: #CCCCCC;
    }

    .salir a:visited {
        text-decoration: none;
        color: #CCCCCC;
    }

.preferencias {
    height: 15px;
    padding-left: 7px;
    width: auto;
    float: right;
    text-align: right;
    padding-right: 8px;
    border-left: #999999 dotted 1px;
}

.menu_secundario {
    width: auto;
    height: 25px;
    float: left;
    margin-left: 0px;
    margin-top: 0px;
}

.menu_izq {
    height: 17px;
    float: left;
    width: 10px;
}

.links {
    height: 21px;
    padding-left: 8px;
    width: auto;
    float: left;
    text-align: right;
    padding-right: 8px;
    font-size: 12px;
    color: #000000;
    font-family: Roboto,Arial, Helvetica, sans-serif;
    padding-top: 4px;
    background-image: url(images/fondo_menu_peque_cen.png);
    background-repeat: repeat-x;
}

    .links a:link {
        text-decoration: none;
        color: #CCCCCC;
        font-weight: normal;
    }

    .links a:visited {
        text-decoration: none;
        color: #CCCCCC;
    }

    .links a:hover {
        text-decoration: none;
        font-weight: normal;
        color: #db7414;
    }

    .links a:active {
        text-decoration: none;
    }

.lado {
    height: 25px;
    float: left;
    width: auto;
}

/*Esta es la parte del contenedor*/

.contenedor {
    min-height: 300px;
    height: auto;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
}

/*Esta es la parte del menu de la izquierda que se contrae*/

.menu_izquierda {
    height: auto;
    float: left;
    width: 185px;
    padding-left: 3px;
    padding-top: 10px;
    position: absolute;
    left: 0px;
    padding-bottom: 100px
}

#menu {
    float: right;
    padding-right: 5px;
}

    #menu li {
    }

        #menu ul li, #menu li:last-child {
            border: none;
        }

            #menu ul li li {
                padding-left: 0px;
            }

    #menu a {
        display: block;
        color: white;
        font-family: Roboto,'Helvetica', Arial, sans-serif;
        font-size: 14px;
        padding: 5px 0px 13px 20px;
        margin: 5px 0px 5px 0px;
        /* background-image: url(images/bar_menu2.png); */
        background-repeat: no-repeat;
        background: #0071bc;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border-top-right-radius: 15px;
        border: solid 1px;
        border-color: #0d4c75;
    }

        #menu a:hover {
            color: #591174;
            background: lightgray;
            background-repeat: no-repeat;
        }

    #menu ul ul a {
        background-image: url(images/bullet_next.png);
        color: #333333;
        padding: 5px 0px 1px 20px;
        background-color: transparent;
        background-repeat: no-repeat;
        border-color: transparent;
    }

        #menu ul ul a:hover {
            color: #591174;
            background-image: url(images/bullet_next.png);
            background: transparent;
            background-repeat: no-repeat;
        }

    #menu ul {
        display: block;
        margin: 0;
        padding: 0;
        width: 175px;
        list-style: none;
    }

    #menu ul {
        padding-left: 10px;
    }

    #menu li ul {
        display: none;
    }

/* Esta es la parte del centro donde estan todos los iconos */

.centro {
    min-height: 300px;
    height: auto;
    padding-bottom: 20px;
    width: auto;
    margin: auto;
    float: left;
    background-color: #fff;
    margin-top: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    padding-right: 0px;
    padding-left: 185px;
    overflow: hidden;
}

.centro_sin_bordes {
    min-height: 300px;
    height: auto;
    padding-bottom: 20px;
    width: auto;
    margin: auto;
    float: left;
    background-color: #fff;
    margin-top: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    padding-right: 10px;
    padding-left: 10px;
    overflow: hidden;
}

.centro_contenido {
    min-height: 300px;
    height: auto;
    width: 81%;
    margin: auto;
    float: left;
    background-color: #fff;
    margin-top: 10px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    margin-left: 185px;
    background-color: #;
    border: #CCCCCC solid 0px;
}

.cont_icono {
    height: auto;
    width: 100%;
}

.cont_icono_centrado {
    height: auto;
    width: auto;
}

.boton {
    height: 20px;
    width: 103px;
    margin: auto;
    background-image: url(images/btn.png);
    background-repeat: no-repeat;
    font-size: 12px;
    color: #333333;
    font-family: Roboto,Arial, Helvetica, sans-serif;
    margin-top: -23px;
    text-align: center;
    padding-top: 2px;
    font-weight: bold;
}

.icono {
    height: 110px;
    width: 110px;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: #DFDFDF solid 1px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .icono a {
        display: block;
        width: 110px;
        height: 110px;
        font-family: Roboto,Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #FFFFFF;
        padding: 0px 0px 0px 0px;
        background-image: url(images/icono_1gray.png);
        background-repeat: no-repeat;
        list-style-type: none;
        text-decoration: none;
    }

        .icono a:hover {
            display: block;
            background-image: url(images/icono_1.png);
            width: 110px;
            height: 110px;
            padding: 0px 0px 0px 0px;
            background-repeat: no-repeat;
            cursor: pointer;
        }

/****************************************/

.icono {
    height: 110px;
    width: 110px;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: #DFDFDF solid 1px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .icono a {
        display: block;
        width: 110px;
        height: 110px;
        font-family: Roboto,Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #FFFFFF;
        padding: 0px 0px 0px 0px;
        background-image: url(images/icono_1gray.png);
        background-repeat: no-repeat;
        list-style-type: none;
        text-decoration: none;
    }

        .icono a:hover {
            display: block;
            background-image: url(images/icono_1.png);
            width: 110px;
            height: 110px;
            padding: 0px 0px 0px 0px;
            background-repeat: no-repeat;
            cursor: pointer;
        }
/****************************************/

.icono_2 {
    height: 110px;
    width: 110px;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: #DFDFDF solid 1px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .icono_2 a {
        display: block;
        width: 110px;
        height: 110px;
        font-family: Roboto,Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #FFFFFF;
        padding: 0px 0px 0px 0px;
        background-image: url(images/icono_2gray.png);
        background-repeat: no-repeat;
        list-style-type: none;
        text-decoration: none;
    }

        .icono_2 a:hover {
            display: block;
            background-image: url(images/icono_2.png);
            width: 110px;
            height: 110px;
            padding: 0px 0px 0px 0px;
            background-repeat: no-repeat;
            cursor: pointer;
        }
/****************************************/

.icono_3 {
    height: 110px;
    width: 110px;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: #DFDFDF solid 1px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .icono_3 a {
        display: block;
        width: 110px;
        height: 110px;
        font-family: Roboto,Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #FFFFFF;
        padding: 0px 0px 0px 0px;
        background-image: url(images/icono_3gray.png);
        background-repeat: no-repeat;
        list-style-type: none;
        text-decoration: none;
    }

        .icono_3 a:hover {
            display: block;
            background-image: url(images/icono_3.png);
            width: 110px;
            height: 110px;
            padding: 0px 0px 0px 0px;
            background-repeat: no-repeat;
            cursor: pointer;
        }
/****************************************/

.icono_4 {
    height: 110px;
    width: 110px;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: #DFDFDF solid 1px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .icono_4 a {
        display: block;
        width: 110px;
        height: 110px;
        font-family: Roboto,Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #FFFFFF;
        padding: 0px 0px 0px 0px;
        background-image: url(images/icono_4gray.png);
        background-repeat: no-repeat;
        list-style-type: none;
        text-decoration: none;
    }

        .icono_4 a:hover {
            display: block;
            background-image: url(images/icono_4.png);
            width: 110px;
            height: 110px;
            padding: 0px 0px 0px 0px;
            background-repeat: no-repeat;
            cursor: pointer;
        }
/****************************************/

.icono_5 {
    height: 110px;
    width: 110px;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: #DFDFDF solid 1px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .icono_5 a {
        display: block;
        width: 110px;
        height: 110px;
        font-family: Roboto,Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #FFFFFF;
        padding: 0px 0px 0px 0px;
        background-image: url(images/icono_5gray.png);
        background-repeat: no-repeat;
        list-style-type: none;
        text-decoration: none;
    }

        .icono_5 a:hover {
            display: block;
            background-image: url(images/icono_5.png);
            width: 110px;
            height: 110px;
            padding: 0px 0px 0px 0px;
            background-repeat: no-repeat;
            cursor: pointer;
        }
/****************************************/

.icono_6 {
    height: 110px;
    width: 110px;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: #DFDFDF solid 1px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .icono_6 a {
        display: block;
        width: 110px;
        height: 110px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #FFFFFF;
        padding: 0px 0px 0px 0px;
        background-image: url(images/icono_6gray.png);
        background-repeat: no-repeat;
        list-style-type: none;
        text-decoration: none;
    }

        .icono_6 a:hover {
            display: block;
            background-image: url(images/icono_6.png);
            width: 110px;
            height: 110px;
            padding: 0px 0px 0px 0px;
            background-repeat: no-repeat;
            cursor: pointer;
        }
/****************************************/

.icono_7 {
    height: 110px;
    width: 110px;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: #DFDFDF solid 1px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .icono_7 a {
        display: block;
        width: 110px;
        height: 110px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #FFFFFF;
        padding: 0px 0px 0px 0px;
        background-image: url(images/icono_7gray.png);
        background-repeat: no-repeat;
        list-style-type: none;
        text-decoration: none;
    }

        .icono_7 a:hover {
            display: block;
            background-image: url(images/icono_7.png);
            width: 110px;
            height: 110px;
            padding: 0px 0px 0px 0px;
            background-repeat: no-repeat;
            cursor: pointer;
        }
/****************************************/

.Security {
    background-image: url(images/icono_8.png);
    background-repeat: no-repeat;
    width: auto; /*or your image's width*/
    height: auto; /*or your image's height*/
    margin: 0;
    padding: 0;
}

/****************************************/

.icono_9 {
    height: 110px;
    width: 110px;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: #DFDFDF solid 1px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .icono_9 a {
        display: block;
        width: 110px;
        height: 110px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #FFFFFF;
        padding: 0px 0px 0px 0px;
        background-image: url(images/icono_9gray.png);
        background-repeat: no-repeat;
        list-style-type: none;
        text-decoration: none;
    }

        .icono_9 a:hover {
            display: block;
            background-image: url(images/icono_9.png);
            width: 110px;
            height: 110px;
            padding: 0px 0px 0px 0px;
            background-repeat: no-repeat;
            cursor: pointer;
        }
/****************************************/

.icono_10 {
    height: 110px;
    width: 110px;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: #DFDFDF solid 1px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .icono_10 a {
        display: block;
        width: 110px;
        height: 110px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #FFFFFF;
        padding: 0px 0px 0px 0px;
        background-image: url(images/icono_10gray.png);
        background-repeat: no-repeat;
        list-style-type: none;
        text-decoration: none;
    }

        .icono_10 a:hover {
            display: block;
            background-image: url(images/icono_10.png);
            width: 110px;
            height: 110px;
            padding: 0px 0px 0px 0px;
            background-repeat: no-repeat;
            cursor: pointer;
        }
/****************************************/

.icono_11 {
    height: 110px;
    width: 110px;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: #DFDFDF solid 1px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .icono_11 a {
        display: block;
        width: 110px;
        height: 110px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #FFFFFF;
        padding: 0px 0px 0px 0px;
        background-image: url(images/icono_11gray.png);
        background-repeat: no-repeat;
        list-style-type: none;
        text-decoration: none;
    }

        .icono_11 a:hover {
            display: block;
            background-image: url(images/icono_11.png);
            width: 110px;
            height: 110px;
            padding: 0px 0px 0px 0px;
            background-repeat: no-repeat;
            cursor: pointer;
        }
/****************************************/

.icono_12 {
    height: 110px;
    width: 110px;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: #DFDFDF solid 1px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .icono_12 a {
        display: block;
        width: 110px;
        height: 110px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #FFFFFF;
        padding: 0px 0px 0px 0px;
        background-image: url(images/icono_12gray.png);
        background-repeat: no-repeat;
        list-style-type: none;
        text-decoration: none;
    }

        .icono_12 a:hover {
            display: block;
            background-image: url(images/icono_12.png);
            width: 110px;
            height: 110px;
            padding: 0px 0px 0px 0px;
            background-repeat: no-repeat;
            cursor: pointer;
        }
/****************************************/

.icono_13 {
    height: 110px;
    width: 110px;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: #DFDFDF solid 1px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .icono_13 a {
        display: block;
        width: 110px;
        height: 110px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #FFFFFF;
        padding: 0px 0px 0px 0px;
        background-image: url(images/icono_13gray.png);
        background-repeat: no-repeat;
        list-style-type: none;
        text-decoration: none;
    }

        .icono_13 a:hover {
            display: block;
            background-image: url(images/icono_13.png);
            width: 110px;
            height: 110px;
            padding: 0px 0px 0px 0px;
            background-repeat: no-repeat;
            cursor: pointer;
        }
/****************************************/

.icono_14 {
    height: 110px;
    width: 110px;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: #DFDFDF solid 1px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .icono_14 a {
        display: block;
        width: 110px;
        height: 110px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #FFFFFF;
        padding: 0px 0px 0px 0px;
        background-image: url(images/icono_14gray.png);
        background-repeat: no-repeat;
        list-style-type: none;
        text-decoration: none;
    }

        .icono_14 a:hover {
            display: block;
            background-image: url(images/icono_14.png);
            width: 110px;
            height: 110px;
            padding: 0px 0px 0px 0px;
            background-repeat: no-repeat;
            cursor: pointer;
        }
/****************************************/

.icono_15 {
    height: 110px;
    width: 110px;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: #DFDFDF solid 1px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .icono_15 a {
        display: block;
        width: 110px;
        height: 110px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #FFFFFF;
        padding: 0px 0px 0px 0px;
        background-image: url(images/icono_15gray.png);
        background-repeat: no-repeat;
        list-style-type: none;
        text-decoration: none;
    }

        .icono_15 a:hover {
            display: block;
            background-image: url(images/icono_15.png);
            width: 110px;
            height: 110px;
            padding: 0px 0px 0px 0px;
            background-repeat: no-repeat;
            cursor: pointer;
        }
/****************************************/

.icono_16 {
    height: 110px;
    width: 110px;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: #DFDFDF solid 1px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .icono_16 a {
        display: block;
        width: 110px;
        height: 110px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #FFFFFF;
        padding: 0px 0px 0px 0px;
        background-image: url(images/icono_16gray.png);
        background-repeat: no-repeat;
        list-style-type: none;
        text-decoration: none;
    }

        .icono_16 a:hover {
            display: block;
            background-image: url(images/icono_16.png);
            width: 110px;
            height: 110px;
            padding: 0px 0px 0px 0px;
            background-repeat: no-repeat;
            cursor: pointer;
        }
/****************************************/

.icono_17 {
    height: 110px;
    width: 110px;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: #DFDFDF solid 1px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .icono_17 a {
        display: block;
        width: 110px;
        height: 110px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #FFFFFF;
        padding: 0px 0px 0px 0px;
        background-image: url(images/icono_17gray.png);
        background-repeat: no-repeat;
        list-style-type: none;
        text-decoration: none;
    }

        .icono_17 a:hover {
            display: block;
            background-image: url(images/icono_17.png);
            width: 110px;
            height: 110px;
            padding: 0px 0px 0px 0px;
            background-repeat: no-repeat;
            cursor: pointer;
        }
/****************************************/

.icono_18 {
    height: 110px;
    width: 110px;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: #DFDFDF solid 1px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .icono_18 a {
        display: block;
        width: 110px;
        height: 110px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #FFFFFF;
        padding: 0px 0px 0px 0px;
        background-image: url(images/icono_18gray.png);
        background-repeat: no-repeat;
        list-style-type: none;
        text-decoration: none;
    }

        .icono_18 a:hover {
            display: block;
            background-image: url(images/icono_18.png);
            width: 110px;
            height: 110px;
            padding: 0px 0px 0px 0px;
            background-repeat: no-repeat;
            cursor: pointer;
        }
/****************************************/

.icono_19 {
    height: 110px;
    width: 110px;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: #DFDFDF solid 1px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .icono_19 a {
        display: block;
        width: 110px;
        height: 110px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #FFFFFF;
        padding: 0px 0px 0px 0px;
        background-image: url(images/icono_19gray.png);
        background-repeat: no-repeat;
        list-style-type: none;
        text-decoration: none;
    }

        .icono_19 a:hover {
            display: block;
            background-image: url(images/icono_19.png);
            width: 110px;
            height: 110px;
            padding: 0px 0px 0px 0px;
            background-repeat: no-repeat;
            cursor: pointer;
        }
/****************************************/

.icono_20 {
    height: 110px;
    width: 110px;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: #DFDFDF solid 1px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .icono_20 a {
        display: block;
        width: 110px;
        height: 110px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #FFFFFF;
        padding: 0px 0px 0px 0px;
        background-image: url(images/icono_20gray.png);
        background-repeat: no-repeat;
        list-style-type: none;
        text-decoration: none;
    }

        .icono_20 a:hover {
            display: block;
            background-image: url(images/icono_20.png);
            width: 110px;
            height: 110px;
            padding: 0px 0px 0px 0px;
            background-repeat: no-repeat;
            cursor: pointer;
        }
/****************************************/

.icono_21 {
    height: 110px;
    width: 110px;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: #DFDFDF solid 1px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .icono_21 a {
        display: block;
        width: 110px;
        height: 110px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #FFFFFF;
        padding: 0px 0px 0px 0px;
        background-image: url(images/icono_21gray.png);
        background-repeat: no-repeat;
        list-style-type: none;
        text-decoration: none;
    }

        .icono_21 a:hover {
            display: block;
            background-image: url(images/icono_21.png);
            width: 110px;
            height: 110px;
            padding: 0px 0px 0px 0px;
            background-repeat: no-repeat;
            cursor: pointer;
        }
/****************************************/

.icono_22 {
    height: 110px;
    width: 110px;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: #DFDFDF solid 1px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .icono_22 a {
        display: block;
        width: 110px;
        height: 110px;
        font-family: Roboto,Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #FFFFFF;
        padding: 0px 0px 0px 0px;
        background-image: url(images/icono_22gray.png);
        background-repeat: no-repeat;
        list-style-type: none;
        text-decoration: none;
    }

        .icono_22 a:hover {
            display: block;
            background-image: url(images/icono_22.png);
            width: 110px;
            height: 110px;
            padding: 0px 0px 0px 0px;
            background-repeat: no-repeat;
            cursor: pointer;
        }

/* Esta es la parte donde va el menu de la derecha */

.menu_derecho {
    height: auto;
    width: 209px;
    margin-top: 10px;
    margin-bottom: 10px;
    float: right;
    margin-left: 0px;
    position: absolute;
    right: 0px;
}

.bar_menu {
    height: 23px;
    width: 180px;
    background-image: url(images/bar_menu.png);
    background-repeat: no-repeat;
    font-family: Roboto,Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-left: 20px;
    margin-left: 0px;
    color: #333333;
    padding-top: 8px;
    margin-bottom: 4px;
}

.subtitulo {
    height: auto;
    width: 160px;
    padding-left: 30px;
    font-family: Roboto,Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    padding-top: 5px;
    background-image: url(images/bullet-square.png);
    background-repeat: no-repeat;
    padding-right: 10px;
    padding-bottom: 5px;
}

.toolbar {
    width: 97.5%;
    height: 26px;
    margin-left: 25px;
    float: left;
    margin-top: 5px;
}

.new_toolbar {
    width: auto;
    padding-top: 4px;
    padding-left: 14px;
    background: linear-gradient(to right,#E6E6E6,lightgray,#999999);
    /*background-image: url(images/header_toolbar.png);*/
    background-position: right;
}

.new_toolbarWithControls {
    width: auto;
    height: 31px;
    padding-top: 4px;
    padding-left: 14px;
    background-image: url(images/header_toolbar.png);
    background-position: right;
}

.new_toolbar_icons {
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 4px;
    margin-left: 4px;
}

.separador {
    height: 20px;
    width: 1px;
    background-image: url(images/separador.png);
    background-repeat: no-repeat;
    float: left;
    margin-right: 4px;
}

.toolbar_inside {
    height: 26px;
    width: 26px;
    float: left;
    margin-right: 3px;
}

.form {
    padding-top: 25px;
}

.grid {
    height: auto;
    width: auto;
    margin-top: 20px;
}

.grid_tab {
    height: 16px;
    width: 600px;
    margin-left: 0px;
    font-family: Roboto,Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: white;
    padding-left: 20px;
    padding-top: 6px;
    font-weight: bold;
    background: linear-gradient(to right,#591174, #591174, #0071BC, #2D318D,#2D318D);
    border-top-right-radius: 50px;
    /*background-image: url(images/top_subtittle.png);*/
    background-repeat: no-repeat;
}

.grid_content {
    height: auto;
    min-height: 150px;
    width: auto;
    padding: 0px;
    margin-left: 10px;
}

.nombre_pagina {
    height: 23px;
    width: auto;
    font-size: 22px;
    font-weight: 700;
    font-family: Helvetica !important;
    letter-spacing: -1px;
    color: #0071BC;
    margin-bottom: 3px;
    padding-left: 22px;
    padding-top: 3px;
    background-image: url(images/bullet_1.png);
    background-repeat: no-repeat;
}

#cgTitleSection {
    padding-bottom: 10px;
}


.cont_iconos_mensaje {
    white-space: nowrap;
    height: 35px;
    width: auto;
    background-color: #fff;
    border: #BEBEBE solid 1px;
    padding-top: 3px;
    padding-bottom: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background: linear-gradient(to right,#E6E6E6,lightgray,#999999);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-8 */
}

.Message_box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    padding: 5px;
    padding-left: 15px;
    border: 1px solid #CCCCCC;
    font-weight: bold;
    width: 99%;
    white-space: nowrap;
    height: 25px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background: rgb(246,248,249); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-8 */
}

.MessageAgain {
    height: 25px;
    width: 30px;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    padding: 5px;
    font-weight: bold;
    white-space: nowrap;
    height: 25px;
}

.braket_left {
    height: 25px;
    width: 11px;
    float: left;
    background-image: url(images/braket.png);
    background-size: auto 25px;
    background-repeat: no-repeat;
}

.mensaje_adentro {
    height: 25px;
    width: 95%;
    font-family: Roboto,Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    float: left;
    line-height: 13px;
    padding-top: 4px;
    text-align: center;
}

.braket_right {
    height: 25px;
    width: 11px;
    float: right;
    background-image: url(images/braket_2.png);
    background-size: auto 25px;
    background-repeat: no-repeat;
}

.LabelMessageShow {
    color: #000099;
    cursor: pointer;
    font-size: 20px;
    text-align: left;
}

.new_tab_background {
}


.floatingTabsBox {
    position: fixed;
    right: 0;
    top: 105px;
    z-index: 1002;
}

    .floatingTabsBox .floatingTab {
        height: 80px;
        width: 19px;
        line-height: 0;
        position: absolute;
        top: 0;
        left: -43px;
        padding: 0;
        display: block;
        font-size: 12px;
        font-weight: normal;
        cursor: pointer;
    }

        .floatingTabsBox .floatingTab div {
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
            height: 19px;
            width: 80px;
            text-align: center;
            position: absolute;
            top: 30px;
            left: -30px;
            line-height: 12px;
            text-shadow: 1px 0 0 rgba(0, 0, 0, 0.4);
            cursor: pointer;
        }

        .floatingTabsBox .floatingTab div {
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
            height: 19px;
            width: 80px;
            text-align: center;
            position: absolute;
            top: 30px;
            left: -30px;
            line-height: 12px;
            text-shadow: 1px 0 0 rgba(0, 0, 0, 0.4);
            cursor: pointer;
        }

    .floatingTabsBox .indicator-left {
        bottom: 14px;
        left: 5px;
    }

    .floatingTabsBox form.open .indicator-left {
        bottom: 14px;
        left: 5px;
    }

    .floatingTabsBox #tabFeedback .indicator-left {
        bottom: 5px;
        left: 5px;
    }

    .floatingTabsBox .tabContentWrap {
        position: absolute;
        right: 0;
        top: 0;
        color: #fff;
        border: 0;
        padding: 15px;
        background: #fff;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
        border: #0d5074 solid 1px;
    }

    .floatingTabsBox form {
        position: absolute;
        right: 0;
        top: 0;
        width: 340px;
        color: #fff;
        box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
        border-radius: 0 0 0 4px;
        border: 0;
        padding: 15px;
        background: #619911; /* for non-css3 browsers */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82ba38', endColorstr='#619911'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#82ba38), to(#619911)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #82ba38, #619911); /* for firefox 3.6+ */
    }

        .floatingTabsBox form.feedbackForm {
            right: 0;
            top: 70px;
            background: #2760a3; /* for non-css3 browsers */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4095cb', endColorstr='#2760a3'); /* for IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#4095cb), to(#2760a3)); /* for webkit browsers */
            background: -moz-linear-gradient(top, #4095cb, #2760a3); /* for firefox 3.6+ */
            z-index: -1;
        }

        .floatingTabsBox form li {
            margin-bottom: 0px;
        }

        .floatingTabsBox form legend {
            font-weight: bold;
            font-size: 18px;
            padding-bottom: 0px;
        }

    .floatingTabsBox fieldset label {
        display: block;
        font-size: 13px;
        margin-bottom: 3px;
    }

    .floatingTabsBox fieldset input, .floatingTabsBox fieldset textarea {
        width: 302px;
        padding: 1px 8px 0;
        font-size: 13px;
        line-height: 12px;
        box-shadow: 0 0 0 1px rgba(0,0,0,.15);
        border: none;
    }

    .floatingTabsBox fieldset input {
        height: 32px;
    }

    .floatingTabsBox fieldset textarea {
        height: 55px;
        float: left;
    }

.floatingTabsCaptcha {
}

    .floatingTabsCaptcha div {
        width: 318px;
        height: 80px;
        text-align: center;
        line-height: 80px;
        border: 1px dashed rgba(255,255,255,.3);
        background: rgba(255,255,255,.2);
    }

.ftFormButtons {
}

.floatingTabsButtons input, .floatingTabsButtons button {
    float: right;
    margin-left: 10px;
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.15), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 1px 0px rgba(255,255,255,0.4) !important;
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.15), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 1px 0px rgba(255,255,255,0.4) !important;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.15), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 1px 0px rgba(255,255,255,0.3) !important;
}

.floatingTabsButtons .btn.secondary {
    border-color: rgba(0, 0, 0, 0.35);
    color: #538A0F;
}
/* TEMP ROCKMELT TAB, FIX FOR IE */
.ie9 #rockmeltTab .floatingTab, .ie8 #rockmeltTab .floatingTab, .ie7 #rockmeltTab .floatingTab {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)" !important;
    filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)" !important;
}

    .ie9 #rockmeltTab .floatingTab > div, .ie8 #rockmeltTab .floatingTab > div, .ie7 #rockmeltTab .floatingTab > div {
        display: none;
    }

/*Esto es de la parte del login*/

.login-border {
    border: white solid 1px;
}

.top_login {
    height: 30px;
    width: auto;
    background-image: url(images/top_login.jpg);
    background-repeat: repeat-x;
}

.fondo_login {
    background-image: url(images/fondo_login.png);
    background-position: top;
    height: 227px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-repeat: no-repeat;
    z-index: 1;
}

.login {
    height: 420px;
    width: 500px;
    margin: auto;
    margin-top: 10px;
}

.arriba {
    height: 100px;
    width: auto;
    border-bottom: #CCCCCC dotted 0px;
}

.logo_login {
    height: 100px;
    width: 125px;
    float: left;
}

.registrese {
    height: 100px;
    width: 375px;
    float: left;
}

.registrese_top {
    height: 22px;
    width: 365px;
    font-size: 17px;
    color: #0160aa;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: -0px;
    margin-top: 7px;
    margin-left: 10px;
}

.registrese_bottom {
    height: auto;
    width: 365px;
    margin-left: 10px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 5px;
    line-height: 18px;
}

.flecha {
    height: auto;
    margin-top: 10px;
}

.form {
    height: 100px;
    width: auto;
    margin-top: 0px;
}

.recordar {
    height: 15px;
    font-size: 12px;
    font-family: Roboto,Arial, Helvetica, sans-serif;
    text-align: center;
    padding-top: 10px;
    width: auto;
    margin-left: 35px;
}

    .recordar a:link {
        text-decoration: none;
        color: #0160aa;
        text-decoration: underline;
    }

    .recordar a:hover {
        text-decoration: none;
        color: #333333;
    }

.ingresar {
    height: 32px;
    width: 73px;
    margin-left: 180px;
    margin-top: 10px;
    text-align: center;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    background-image: url(images/boton.png);
    background-repeat: no-repeat;
}

.opti_logo {
    height: auto;
    width: auto;
    text-align: center;
    margin-top: 30px;
    margin-right: 75px;
}

.control_requerido {
    border-left-color: Red;
    border-left-width: 3px;
    font-size: 13px;
}

.control_normal {
    font-size: 13px;
}

.Label {
    font-size: 9pt;
    font-family: Roboto,'Verdana', 'Times New Roman', Times, serif;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

.xModalDialogGreyElement {
    position: absolute;
    overflow: hidden;
    width: 10px;
    height: 10px;
    left: -100px;
    top: -100px;
    z-index: 100;
    opacity: .3; /* CSS3 */
    background-color: #000;
}

.clsModalDialog {
    position: absolute;
    left: -1500px; /* Dialogs are hidden by placing them "off-screen". */
    width: 925px;
    padding: 1em;
    color: #000000;
    background-color: #FFF;
    border: 2px solid #000080;
    z-index: 101; /* This must be at least one more than the z-index of xModalDialogGreyElement. */
    font-size: smaller;
}






#AuditWindow {
    display: none;
    position: absolute;
    padding: 10px;
    background-color: #ddd;
    border: 1px solid #000;
    width: 400px;
    z-index: 110;
}

#SecurityWindow {
    display: none;
    position: absolute;
    padding: 10px;
    background-color: #ddd;
    border: 1px solid #000;
    width: 500px;
    z-index: 110;
}

.Hover {
    border: 1px solid red;
}


/*menu_relacionado*/
#menu_relacionado {
    float: right;
    padding-right: 5px;
}

    #menu_relacionado li {
    }

        #menu_relacionado ul li, #menu_relacionado li:last-child {
            border: none;
        }

            #menu_relacionado ul li li {
                padding-left: 0px;
            }

    #menu_relacionado a {
        display: block;
        color: #000080;
        text-decoration: none;
        font-family: Roboto,'Helvetica', Arial, sans-serif;
        font-size: 12px;
        padding: 12px 0px 9px 20px;
        background-image: url(images/bar_menu.png);
        background-repeat: no-repeat;
    }

        #menu_relacionado a:hover {
            color: #591174;
        }

    #menu_relacionado ul ul a {
        background-image: url(images/bullet_next2.png);
        height: 5px;
        color: #333333;
        padding-top: 5px;
        padding-bottom: 13px;
    }

        #menu_relacionado ul ul a:hover {
            color: #2961A9;
            background-image: url(images/bullet_next.png);
            padding-right: 0px;
        }

    #menu_relacionado ul {
        display: block;
        margin-top: 6px;
        width: 200px;
        list-style: none;
    }

    #menu_relacionado ul {
        padding-left: 10px;
    }

    #menu_relacionado li ul {
        /*display: none;*/
    }


/*cuadro*/


.left-top {
    background-image: url(images/left-top.png);
    background-position: right;
    background-repeat: no-repeat;
    height: 30px;
    width: 13px;
}

.cen-top {
    background-image: url('images/cen-top.png');
    height: auto;
    background-repeat: repeat-x;
    height: 30px;
    padding-top: 10px;
    font-family: Roboto,Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFFFFF;
    height: 20px;
    padding-left: 5px;
    text-align: center;
}

.der-top {
    background-image: url(images/rigth-top.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 13px;
}

.medio-left {
    background-image: url(images/medio-left.png);
    background-position: right;
    background-repeat: repeat-y;
    height: 30px;
    width: 13px;
}

.medio-cen {
    background-color: #f9fbff;
    font-family: Roboto,Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    padding-left: 5px;
    padding-top: 5px;
    text-align: center;
}

.medio-der {
    background-image: url(images/medio-der.png);
    background-repeat: repeat-y;
    height: 30px;
    width: 13px;
}

.left-bot {
    background-image: url(images/left-bot.png);
    background-position: right;
    background-repeat: no-repeat;
    width: 13px;
    height: 12px;
}

.cen-bot {
    background-image: url(images/cen-bot.png);
    background-repeat: repeat-x;
    height: 12px;
}

.der-bot {
    background-image: url(images/rigth-bot.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 12px;
}

.collapsePanel {
    width: 640px;
    height: 0px;
    background-color: White;
}

.collapsePanelHeader {
    width: 640px;
    height: 20px;
    color: Yellow;
    background-color: Black;
    font-weight: bold;
    float: none;
    padding: 5px;
    cursor: pointer;
    vertical-align: middle;
}


.GridviewDiv {
    font-size: 90%;
    font-family: Roboto,'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helevetica, sans-serif;
    color: #303933;
}

Table.Gridview {
    border: solid 1px rgb(109, 108, 110);
}

.GridviewTable {
    border: none;
}

    .GridviewTable td {
        margin-top: 0;
        padding: 0;
        vertical-align: middle;
    }

    .GridviewTable tr {
        color: White;
        background-color: rgb(109, 108, 110);
        height: 30px;
        text-align: center;
    }

.Gridview th {
    color: Gray;
    border-right-color: #abb079;
    border-bottom-color: #abb079;
    padding: 0.5em 0.5em 0.5em 0.5em;
    text-align: center;
}

.Gridview td {
    border-bottom-color: #f0f2da;
    border-right-color: #f0f2da;
}

.Gridview tr {
    color: Black;
    background-color: White;
    text-align: left;
}

.GridViewHiddenColumn {
    display: none;
}

:link, :visited {
    color: #DF4F13;
    text-decoration: none;
}

.EmptyStar {
    background-image: url(images/rating_star.gif);
    width: 16px;
    height: 16px;
}

.Star {
    background-image: url(images/rating_star_on.gif);
    width: 16px;
    height: 16px;
}

.DoneStar {
    background-image: url(images/rating_star_on.gif);
    width: 16px;
    height: 16px;
}

/*Inicia Menu de .net*/
.staticMenuItemStyle {
    text-align: center;
    display: block;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 0;
    background-repeat: repeat-x;
    color: White;
}

.staticMenuItemSelectedStyle {
    color: White;
    border: solid 1px #000;
    background-image: url(images/bar_menu3.png);
}

.staticHoverStyle {
    background-image: url(images/bar_menu3_hover.png);
}

.menuItem {
    display: block;
}

/*Hijos*/
.dynamicMenuItemStyle {
    border: solid 1px #000;
    background-image: url(images/bar_menu3_sub.png);
    padding: 2px;
    color: #fff;
    z-index: 200;
    position: relative;
}

.NavigationMenu {
    z-index: 101;
    background-image: url(images/bar_menu3.png);
    background-repeat: repeat;
    color: #fff;
}


.menuItemMouseOver, .menuItemSelected {
    background-image: url(images/bar_menu3_hover.png);
    background-repeat: repeat;
    color: #fff;
}

.NavigationMenu A:link, .NavigationMenu A:visited, .NavigationMenu A:active {
    display: block;
}

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #346F97;
    height: 50px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 768px;
    padding: 0px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: auto;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width: 75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: auto;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 10px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(images/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 10px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(images/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-vertical.png) no-repeat 0 0;
}

    .jcarousel-skin-tango .jcarousel-next-vertical:hover, .jcarousel-skin-tango .jcarousel-next-vertical:focus {
        background-position: 0 -32px;
    }

    .jcarousel-skin-tango .jcarousel-next-vertical:active {
        background-position: 0 -64px;
    }

.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-vertical.png) no-repeat 0 0;
}

    .jcarousel-skin-tango .jcarousel-prev-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-vertical:focus {
        background-position: 0 -32px;
    }

    .jcarousel-skin-tango .jcarousel-prev-vertical:active {
        background-position: 0 -64px;
    }

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

div.AuditBorderRadius {
    background-color: #eee;
    padding: 20px;
    margin-top: 10px;
    margin-right: 20px;
    text-align: center;
    border-radius: 15px;
    -moz-border-radius: 15px;
}

div.ProcesoEventoBorderRadius {
    background-color: #eee;
    padding: 20px;
    margin-top: 10px;
    margin-right: 20px;
    text-align: center;
    border-radius: 15px;
    -moz-border-radius: 15px;
}



.ElementToPopup {
    background-color: #fff;
    border-radius: 7px;
    color: #000;
    display: none;
    padding: 20px;
    min-width: 1024px;
    min-height: 768px;
}

.b-close {
    cursor: pointer;
    position: absolute;
    right: 1px;
    top: 1px;
}



.b-iframe {
    width: 1250px;
    height: 768px;
    background-color: #fff;
}

/**
 * Inicio Blank Master
 */
.body {
    background-color: #fff;
    font-size: .80em;
    font-family: Roboto,"Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.module-box {
    float: left;
    height: 175px;
    margin: 16px;
    overflow: hidden;
    position: relative;
    width: 166px;
    background-color: white;
    border-radius: 15px;
    box-shadow: 6px 6px 6px lightslategrey;
}

    .module-box .title-style {
        bottom: 11px;
        text-align: center;
        position: absolute;
        width: 100%;
    }

    .module-box .image-resize {
        height: 120px;
        left: 10%;
        position: relative;
    }

    .module-box .box-padding {
        padding: 15px;
    }

    .module-box:hover {
        background-color: lavender;
        opacity: 0.9
    }

.header-company-container {
}

.header-buttons-container {
    height: 50px;
    width: auto;
    border-bottom: #591174 solid 3px;
    margin: 0px 10px 0px 10px;
    /*border-radius: 50px;*/
}

    .header-buttons-container .favorites-link {
        height: 21px;
        padding-left: 12px;
        width: auto;
        float: left;
        padding-right: 8px;
        font-size: 16px;
        padding-top: 12px;
    }

.logo.logo-background {
    background-color: white;
}

.logo .logo-padding {
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    height: 65px;
    width: 146px;
}

.header-buttons-container .link-text-color {
    color: black;
    border-right: #591174 solid 2px;
    padding-right: 5px;
    border-radius: 5px;
}

    .header-buttons-container .link-text-color:hover {
        color: #591174;
    }

.header-buttons-container .link-text-document {
    color: black;
    padding-right: 5px;
}

    .header-buttons-container .link-text-document:hover {
        color: #591174;
    }


.menu-preferences {
    height: 30px;
    padding-left: 10px;
    width: auto;
    float: right;
    text-align: right;
    padding-right: 10px;
}

    .menu-preferences .notification-size {
        height: 40px;
    }

        .menu-preferences .notification-size:hover {
            height: 45px;
        }

    .menu-preferences:hover {
        height: 40px;
    }

.client-name {
    height: 15px;
    width: auto;
    float: left;
    text-align: center;
    color: #056490;
    font-weight: normal;
    padding-right: 10px;
    padding-top: 7px;
}

    .client-name .Label {
        font-size: 18px !important;
        font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    }

.header-container {
    /*background-image: url(images/header_img.png);*/
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    margin: 0 auto;
    background-position: left;
    background-repeat: no-repeat;
    background: linear-gradient(to right,white,white,#591174,#591174,#2D318D,#2D318D);
    /*background-color: #207bb5;*/
    background-size: auto 100%;
    text-align: center;
}

.footer-bar {
    width: 100%;
    height: 65px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    padding: 0px 10px 10px 10px;
    background: linear-gradient(to right,#591174, #591174, #0071BC, #2D318D,#2D318D);
    /*border-top: #591174 solid 2px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;*/
    text-align: -webkit-center;
}

.sibu-logo-footer {
    height: 60px;
    float: left;
    margin-left: 8%;
}

.footer-bar .sibu-img-size {
    height: 30px;
    border-right: #fff solid 2px;
}

.menu-preferences.p-t-10px {
    padding-top: 10px;
}


.menu-preferences .exit-img-size {
    height: 100%;
}

.menu-preferences.exit-padding {
    padding-top: 4px;
}

.menu-preferences.pd-3px {
    padding-top: 3px;
}

.menu-preferences .menu-button-size {
    width: 40px;
}

    .menu-preferences .menu-button-size:hover {
        height: 20px;
        width: 45px;
    }

.page {
    width: 1250px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
    height: 768px;
    overflow: auto;
}

.BlankMasterHeader {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.BlankMasterBug {
    cursor: pointer;
    position: absolute;
    right: 1px;
    top: 1px;
    background-color: Black;
    padding: 5px;
}



.main {
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol {
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer {
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}



div.hideSkiplink {
    background-color: #3a4f63;
    width: 100%;
}

.clear {
    clear: both;
}

.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

/**
 * Fin Blank Master
 */


.ChatHeader {
    padding: 20px;
    background-color: #d7e5e4;
    border-bottom: #5f9482 solid 2px;
    color: #1e4638;
    font-size: 24px;
}

.submitButton {
    background-color: #d7e5e4;
    border: #5f9482 solid 1px;
    padding: 4px;
    cursor: pointer;
}

    .submitButton:hover {
        background-color: #e1e1e1;
    }

.ChatLogin {
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    border: solid 2px #5f9482;
    color: #1e4638;
}

    .ChatLogin .textBox {
        width: 240px;
    }


    .ChatLogin #divButton {
        padding: 4px;
        text-align: right;
    }

.chatRoom {
    width: 650px;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px gray;
}

    .chatRoom .title {
        font-size: 16px;
        font-weight: bold;
        padding: 8px;
        background-color: #d7e5e4;
        border-bottom: solid 1px #5f9482;
    }

    .chatRoom .content {
        height: 300px;
        clear: both;
    }

        .chatRoom .content .chatWindow {
            float: left;
            width: 409px;
            height: 300px;
            border-right: solid 1px #5f9482;
            overflow-y: scroll;
        }

            .chatRoom .content .chatWindow .message {
                padding: 4px;
            }

                .chatRoom .content .chatWindow .message .userName {
                    font-weight: bold;
                }

        .chatRoom .content .users {
            float: right;
            width: 240px;
            height: 300px;
        }

            .chatRoom .content .users .user {
                display: block;
                cursor: pointer;
                padding: 4px;
                background-color: #f9f9f9;
                border-bottom: solid 1px #5f9482;
            }

            .chatRoom .content .users .loginUser {
                display: block;
                padding: 4px;
                color: gray;
                border-bottom: solid 1px #5f9482;
            }

            .chatRoom .content .users .user:hover {
                background-color: #e1e1e1;
            }

    .chatRoom .messageBar {
        border-top: solid 1px gray;
        padding: 4px;
    }

        .chatRoom .messageBar .textbox {
            width: 550px;
        }

.disconnect {
    position: absolute;
    margin: 10px;
    background-color: #ffcbcb;
    padding: 4px;
    border: solid 1px red;
}


.draggable {
    position: absolute;
    border: #5f9482 solid 1px !important;
    width: 250px;
}

    .draggable .header {
        cursor: move;
        background-color: #d7e5e4;
        border-bottom: #5f9482 solid 1px;
        color: #1e4638;
    }

    .draggable .selText {
        color: black;
        padding: 4px;
    }

    .draggable .messageArea {
        width: 250px;
        overflow-y: scroll;
        height: 200px;
        border-bottom: #5f9482 solid 1px;
    }

        .draggable .messageArea .message {
            padding: 4px;
        }

    .draggable .buttonBar {
        width: 250px;
        padding: 4px;
    }

        .draggable .buttonBar .msgText {
            width: 172px;
        }

        .draggable .buttonBar .button {
            margin-left: 4px;
            width: 55px;
        }

input[type=submit] {
    border: 1px solid #0d4c75;
    border-radius: 20px;
    background: #0071BC;
    color: white;
    height: 25px;
}

    input[type=submit]:hover {
        color: #591174;
        background: lightgray;
    }

input[type=text] {
    border: 1px solid #cfcfcf;
    border-radius: 8px;
    padding: 4px 2px 4px 4px;
    background: white;
    color: black;
    max-width: 92%;
}

textarea {
    border: 1px solid #cfcfcf;
    border-radius: 8px;
    padding: 4px 2px 4px 4px;
    background: white;
    color: black;
}

select {
    border: 1px solid #cfcfcf;
    border-radius: 8px;
    padding: 4px 2px 4px 4px;
    background: white;
    color: black;
}



.NotificationSection {
    z-index: 10;
    padding-top: 15px;
    float: right;
}




/**
 * Inicio EVOTE
 */



.EVOTE-Fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

.EVOTE-Legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 25px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}


.EVOTE-Candidate {
    border: solid 1px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 410px;
    height: 250px;
    float: left;
    margin-right: 10px;
    position: relative;
}

.EVOTE-Photo {
    width: 50%;
    height: 160px;
    margin-left: 4%;
    margin-right: 4%;
    margin-top: 5%;
    margin-bottom: 2%;
}

.EVOTE-Image {
    width: 100%;
    height: 160px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.EVOTE-Name {
    /* border: solid 1px #000000;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 90%;
    height: 55px;
    margin-left: 4%;
    margin-right: 4%;
    margin-top: 5%;
    white-space: nowrap;
}


.EVOTE-TD {
    width: 210px;
    height: 250px;
}

.EVOTE-ViewProfile {
    position: absolute;
    right: 12px;
}


.EVOTE-ProcessButtonLarge {
    border: solid 0px #000000;
    border-radius: 5px;
    moz-border-radius: 5px;
    font-size: 20px;
    color: #ffffff;
    padding: 1px 17px;
    background: #ff8c00;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8c00), color-stop(100%,#ff3503));
    background: -moz-linear-gradient(top, #ff8c00 0%, #ff3503 100%);
    background: -webkit-linear-gradient(top, #ff8c00 0%, #ff3503 100%);
    background: -o-linear-gradient(top, #ff8c00 0%, #ff3503 100%);
    background: -ms-linear-gradient(top, #ff8c00 0%, #ff3503 100%);
    background: linear-gradient(top, #ff8c00 0%, #ff3503 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c00', endColorstr='#ff3503',GradientType=0 );
    height: 40px;
    width: 380px;
}

.EVOTE-BackCustomButtonLarge {
    border: solid 0px #000000;
    border-radius: 5px;
    moz-border-radius: 5px;
    font-size: 20px;
    color: #ffffff;
    padding: 1px 17px;
    background: #006ed7;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006ed7), color-stop(100%,#006ed7));
    background: -moz-linear-gradient(top, #ff8c00 0%, #006ed7 100%);
    background: -webkit-linear-gradient(top, #ff8c00 0%, #006ed7 100%);
    background: -o-linear-gradient(top, #ff8c00 0%, #006ed7 100%);
    background: -ms-linear-gradient(top, #ff8c00 0%, #006ed7 100%);
    background: linear-gradient(top, #ff8c00 0%, #006ed7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006ed7', endColorstr='#006ed7',GradientType=0 );
    height: 40px;
    width: 380px;
}


/**
 * Fin EVOTE
 */


/**
 * Inicio OptiCaptch
 */

.OptiCaptch_Container {
    width: 220px;
    height: 180px;
    margin: 5px;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.68);
    -moz-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.68);
    box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.68);
}

.OptiCaptch_Controls {
    height: 28px;
    margin: 2px;
}

/**
 * Fin OptiCaptch
 */


fieldset {
    font-family: Roboto,sans-serif;
    border: 3px solid #591174;
    background: #F8F8F8;
    border-radius: 5px;
    padding: 15px;
}

    fieldset legend {
        background: linear-gradient(to right,#591174, #591174,#2D318D);
        color: #fff;
        padding: 5px 10px;
        font-size: 15px;
        border-radius: 5px;
        margin-left: 20px;
        margin-top: 5px;
    }

        fieldset legend span {
            font-size: 15px !important;
        }

.lockVoucherDetail {
    background-color: Gray;
    background-image: none;
}

.ui-jqgrid tr.myfootrow td {
    border-top-color: inherit;
    border-top-style: solid;
    border-top-width: 1px;
    font-weight: bold;
    height: 21px;
    overflow: hidden;
    padding: 0 2px;
    white-space: nowrap;
}

.clear-margin {
    margin: 5 !important;
}

@keyframes blink {
    0% {
        color: red;
    }

    100% {
        color: white;
    }
}

@-webkit-keyframes blink {
    0% {
        color: red;
    }

    100% {
        color: white;
    }
}

.blink {
    -webkit-animation: blink 0.9s linear infinite;
    -moz-animation: blink 0.9s linear infinite;
    -ms-animation: blink 0.9s linear infinite;
    -o-animation: blink 0.9s linear infinite;
    animation: blink 0.9s linear infinite;
}

.lockAccounts {
    background-color: Gray !important;
    background-image: none !important;
}

a.tooltip {
    outline: none;
}

    a.tooltip strong {
        line-height: 30px;
    }

    a.tooltip:hover {
        text-decoration: none;
    }

    a.tooltip span {
        z-index: 10;
        display: none;
        padding: 14px 20px;
        margin-top: -30px;
        margin-left: 28px;
        width: 700px;
        line-height: 16px;
    }

    a.tooltip:hover span {
        display: inline;
        position: absolute;
        color: #111;
        border: 1px solid #DCA;
        background: #fffAF0;
    }


    /*CSS3 extras*/
    a.tooltip span {
        border-radius: 4px;
        box-shadow: 5px 5px 8px #CCC;
    }


/* New Notifications*/
.obNotifHide {
    display: none;
}

.obNotif {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    color: #FFF;
    font-family: "Helvetica", "Arial", sans-serif;
    padding-top: 10px;
    padding-bottom: 7px;
    z-index: 9000;
    overflow: scroll;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.obNotifWrapper {
    width: 40%;
    height: 92%;
    margin: 0 auto;
    overflow: hidden;
}

.obNotifScrollable {
    width: 42%;
    width: calc(100% + 16px);
    height: 100%;
    overflow-y: scroll;
}

.obNotifBottomBar {
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 0;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    font-size: 25px;
}

.obNotifContent {
    padding-bottom: 35px;
}

.obNotifBottomBar:after {
    content: "__________";
}

.obNotifContent {
    width: 90%;
    width: calc(100% - 50px);
    float: left;
}

.obNotifImgWrapper {
    position: relative;
    top: 5px;
    float: left;
    width: 40px;
    margin-right: 10px;
}

.obNotifImg {
    width: 40px;
}

.obNotifTitleWrapper {
    border-bottom: 1px solid rgba(255, 255, 255, 0.9);
    border-color: rgba(255, 255, 255, 0.9);
    border-width: 1px;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 4px;
    text-align: left;
}

.obNotifTitle {
    float: left;
}

.obNotifCloseParentItem {
    cursor: pointer;
    text-align: right;
}

    .obNotifCloseParentItem:after {
        content: "-";
        opacity: 0;
    }


.obNotifCloseItem {
    text-align: right;
}

    .obNotifCloseItem:after {
        content: "X";
        color: Red;
    }

.obNotifDescription {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.2);
    border-width: 1px;
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 20px;
    padding-bottom: 5px;
    text-align: left;
}

.notifLink {
    color: White;
}

.obNotifEmpty {
    position: relative;
    top: 40%;
    font-size: 20px;
    text-align: center;
}

/*Header*/


/*Header*/
.Tab.ajax__tab_default .ajax__tab_header {
    color: #4682b4;
    font-family: Roboto,Calibri;
    font-size: 14px;
    font-weight: bold;
    background-color: #ffffff;
    margin-left: 0px;
}
/*Body*/
.Tab .ajax__tab_body {
    border: 1px solid #b4cbdf;
    padding-top: 0px;
}
/*Tab Active*/
.Tab.ajax__tab_default .ajax__tab_header .ajax__tab_active .ajax__tab_tab {
    color: #ffffff;
    height: 13px;
    background: #2E3192;
}

.Tab.ajax__tab_default .ajax__tab_header .ajax__tab_active .ajax__tab_inner {
    color: #ffffff;
    background: #2E3192;
    padding-left: 10px;
    border-radius: 12px;
}

.Tab.ajax__tab_default .ajax__tab_header .ajax__tab_active .ajax__tab_outer {
    color: #ffffff;
    background: #2E3192;
    padding-right: 10px;
    border-top-right-radius: 12px;
}
/*Tab Hover*/
.Tab.ajax__tab_default .ajax__tab_header .ajax__tab_hover .ajax__tab_tab {
    color: #ffffff;
    height: 13px;
    background: #2E3192;
}

.Tab.ajax__tab_default .ajax__tab_header .ajax__tab_hover .ajax__tab_inner {
    color: #ffffff;
    background: #2E3192;
    padding-left: 10px;
    border-radius: 12px;
}

.Tab.ajax__tab_default .ajax__tab_header .ajax__tab_hover .ajax__tab_outer {
    color: #ffffff;
    background: #2E3192;
    padding-right: 10px;
    border-top-right-radius: 12px;
}
/*Tab Inactive*/
.Tab.ajax__tab_default .ajax__tab_header .ajax__tab_tab {
    color: #ffffff;
    height: 13px;
    background: #0071BC;
}

.Tab.ajax__tab_default .ajax__tab_header .ajax__tab_inner {
    color: #ffffff;
    background: #0071BC;
    padding-left: 10px;
    border-radius: 12px;
}

.Tab.ajax__tab_default .ajax__tab_header .ajax__tab_outer {
    color: #ffffff;
    background: #0071BC;
    padding-right: 10px;
    border-top-right-radius: 12px;
}

ul:empty {
    display: none;
    visibility: hidden
}


.dxeButtonEditSys dxeButtonEdit {
    height: 21px;
    width: 99%;
    border-radius: 8px;
}

.dxeButtonEdit {
    border-radius: 8px;
    padding: 2px 4px 2px 4px;
    max-width: 92%;
}

.dxeTextBox {
    border-radius: 8px;
    padding: 2px 4px 2px 4px;
}

.dxeEditArea_Office2010Black {
    font: 12 verdana;
    /* Para darle el mismo tamaņo a todos los campos de texto */
    width: 100%;
    border: 1px solid #999 !important;
    border-color: Black;
    height: 20px;
    COLOR: BLACK;
    background: #fcfcfc;
    padding: 2px;
}

    .dxeEditArea_Office2010Black input[type="text"].dxeEditAreaSy {
        font: 12 verdana;
        /* Para darle el mismo tamaņo a todos los campos de texto */
        width: 100%;
        border: 1px solid #999 !important;
        border-color: Black;
        height: 20px;
        COLOR: BLACK;
        background: #fcfcfc;
        padding: 2px;
    }

.ui-widget-header {
    border: 1px solid #2E3192;
    background: #2E3192;
    color: #aeeaf5;
    font-weight: bold;
    text-align: center;
}


.dxeButtonEditSys dxeButtonEdit {
    width: 100% !important;
}