/*Barra de Acciones: El nombre de la fuente y el tamaño no se puede modificar*/


.subBotBorder {
    border-bottom: none;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
}

.borBottOnly {
    border-top: none;
    border-bottom: 1px solid #999999;
    border-right: none;
    border-left: none;
    padding-right: 5px;
}

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

/*Barra Nueva de Acciones: El nombre de la fuente y el tamaño no se puede modificar*/
.BarraMenu {
    border-collapse: collapse;
    z-index: 120;
    font-family: "Tahoma";
    font-size: 0.52em;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    background-color: transparent;
    background-image: url(BarraAcciones/F_barraacciones_sin.png);
    padding-left: 2px;
    width: 99%;
    height: 20px;
    left: 8px;
    position: absolute;
    border: none;
}

/******************************************************************************************************/
/*Botones Rollovers*/

.boton-validacion-small {
    background-image: url(Imagenes/B_validacion_small.gif);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    font-family: verdana,verdana.ttf;
    font-size: 7pt;
    text-decoration: none;
    color: #333;
    text-align: center;
    padding-right: 0px;
    line-height: 220%;
    height: 22px;
    width: 148px;
    display: inline-block;
}

a.boton-validacion-small:hover {
    background-color: transparent;
    background-image: url(Imagenes/B_validacion_small_over.gif);
}

.boton-emailpeq {
    background-image: url(Imagenes/BG-Bot-81x38.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    text-decoration: none;
    font-family: Arial Narrow;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    padding-left: 0px;
    padding-top: 13px;
    color: #808080;
    height: 38px;
    width: 101px;
    display: inline-block;
}

a.boton-emailpeq:hover {
    background-image: url(Imagenes/BG-Bot-81x38-Over.jpg);
    color: Black;
}

.boton-emailmed {
    background-image: url(Imagenes/BG-Bot-112x38.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    text-decoration: none;
    font-family: Arial Narrow;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    padding-left: 0px;
    padding-top: 13px;
    color: #808080;
    height: 38px;
    width: 144px;
    display: inline-block;
}

a.boton-emailmed:hover {
    background-image: url(Imagenes/BG-Bot-112x38-Over.jpg);
    color: Black;
}

.button-up {
    background-image: url(Imagenes/I_arriba.gif);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    font-family: Verdana,verdana.ttf;
    font-size: 7pt;
    text-decoration: none;
    color: #464646;
    text-align: center;
    line-height: 220%;
    height: 14px;
    width: 18px;
    display: inline-block;
}

.button-down {
    background-image: url(Imagenes/I_abajo.gif);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    font-family: Verdana,verdana.ttf;
    font-size: 7pt;
    text-decoration: none;
    color: #464646;
    text-align: center;
    line-height: 220%;
    height: 14px;
    width: 18px;
    display: inline-block;
}

.boton-desenlazar {
    background-image: url(Imagenes/B_desenlazar.gif);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    font-family: Verdana,verdana.ttf;
    font-size: 7pt;
    text-decoration: none;
    color: #464646;
    text-align: center;
    line-height: 220%;
    height: 14px;
    width: 18px;
    display: inline-block;
}

.boton-desenlazar_gris {
    background-image: url(Imagenes/B_desenlazar_gris.gif);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    font-family: Verdana,verdana.ttf;
    font-size: 7pt;
    text-decoration: none;
    color: #464646;
    text-align: center;
    line-height: 220%;
    height: 14px;
    width: 18px;
    display: inline-block;
}

.boton-deshacer {
    background-image: url(Imagenes/deshacer.gif);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    line-height: 220%;
    height: 10px;
    width: 9px;
    display: inline-block;
}

.mob-bot-filtro-proceder {
    background: url(Imagenes/mob_sep.png) no-repeat 239px 2px;
    background-color: transparent;
    font-family: Helvetica Neue, Tahoma;
    text-transform: uppercase;
    font-size: 1.2em;
    text-decoration: none;
    color: #102F6D;
    font-weight: bold;
    text-align: center;
    line-height: 220%;
    height: 49px;
    width: 240px;
    display: inline-block;
}

.botonojo {
    background-image: url(Imagenes/ojo.gif);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 18px;
    width: 21px;
    display: inline-block;
}

a.botonojo:hover {
    background-color: transparent;
    background-image: url(Imagenes/ojoover.gif);
}

.botonojodisabled {
    background-image: url(Imagenes/ojo_gris.gif);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 18px;
    width: 21px;
    display: inline-block;
}

a.botonojodisabled:hover {
    background-color: transparent;
    background-image: url(Imagenes/ojo_gris.gif);
}

.formbotonojo {
    background-image: url(Imagenes/ojo.gif);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 18px;
    width: 21px;
    display: inline-block;
}

a.formbotonojo:hover {
    background-color: transparent;
    background-image: url(Imagenes/ojoover.gif);
}

.formbotonojodisabled {
    background-image: url(Imagenes/ojo_gris.gif);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 18px;
    width: 21px;
    display: inline-block;
}

.botonlupa {
    background-image: url(Imagenes/lupa.gif);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 25px;
    width: 24px;
    display: inline-block;
}

a.botonlupa:hover {
    background-color: transparent;
    background-image: url(Imagenes/lupaover.gif);
}

.botonlupadisabled {
    background-image: url(Imagenes/lupa_gris.gif);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 25px;
    width: 24px;
    display: inline-block;
}

.botonguardar {
    background-image: url(Imagenes/save.gif);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 18px;
    width: 21px;
    display: inline-block;
}

.botonampliar {
    background-image: url(Imagenes/B_Ampliar_Tarea.png);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 21px;
    width: 21px;
    display: inline-block;
}

a.botonampliar:hover {
    background-image: url(Imagenes/B_Ampliar_Tareaover.png);
}

.expandbutton {
    background-image: url(Imagenes/B_Ampliar.png);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    display: inline-block;
}

a.expandbutton:hover {
    background-color: transparent;
    background-image: url(Imagenes/B_Ampliar_over.png);
}

.botonvermas {
    background-image: url(Imagenes/B_Mas_Tarea.png);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 21px;
    width: 21px;
    display: inline-block;
}

a.botonvermas:hover {
    background-image: url(Imagenes/B_Mas_Tareaover.png);
    background-color: transparent;
}

.botoneditartarea {
    background-image: url(Imagenes/B_Editar_Tarea.png);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 21px;
    width: 21px;
    display: inline-block;
}

a.botoneditartarea:hover {
    background-color: transparent;
    background-image: url(Imagenes/B_Editar_Tareaover.png);
}

.buttonn-edit-form {
    background-image: url(Imagenes/edit-form.svg);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
    display: inline-block;
}

a.buttonn-edit-form:hover {
    background-color: transparent;
    background-image: url(Imagenes/edit-form.svg);
}

.botonvisor {
    background-image: url(Imagenes/visor.gif);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 14px;
    width: 11px;
    display: inline-block;
}

a.botonvisor:hover {
    background-color: transparent;
    background-image: url(Imagenes/visorover.gif);
}

.botoncalendario {
    background-image: url(Imagenes/calendario.gif);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 18px;
    width: 21px;
    display: inline-block;
    cursor:pointer;
}

a.botoncalendario:hover {
    background-color: transparent;
    background-image: url(Imagenes/calendario.gif);
}

.botoncalendariogris {
    background-image: url(Imagenes/calendario_gris.gif);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 18px;
    width: 21px;
    display: inline-block;
}

a.botoncalendariogris:hover {
    background-color: transparent;
    background-image: url(Imagenes/calendario_gris.gif);
}

.botoneliminar {
    background-image: url(Imagenes/REJECT2.GIF);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 18px;
    width: 21px;
    display: inline-block;
}

a.botoneliminar:hover {
    background-color: transparent;
    background-image: url(Imagenes/REJECT2.GIF);
}

.botoneliminargris {
    background-image: url(Imagenes/REJECT2_gris.GIF);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 18px;
    width: 21px;
    display: inline-block;
}

.botonPresCM {
    cursor: pointer;
    background-color: transparent;
    filter: alpha(opacity=40);
    -moz-opacity: 0.40;
    -khtml-opacity: 0.40;
    opacity: 0.40;
}

.botonPresCM_over {
    background-color: transparent;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.00;
    opacity: 1.00;
}

.privatedata {
    background-image: url(Imagenes/I_Permisos.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
    display: inline-block;
}

.gridinfodoc {
    background-image: url(Imagenes/gridinfodoc.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    display: inline-block;
}

a.gridinfodoc:hover {
    background-image: url(Imagenes/gridinfodoc_over.png);
}

.grideditbutton {
    background-image: url(Imagenes/gridedit.gif);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    display: inline-block;
}

a.grideditbutton:hover {
    background-image: url(Imagenes/gridedit_over.gif);
    background-color: transparent;
}

.grideditbuttondisabled {
    background-image: url(Imagenes/gridedit_disabled.gif);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    display: inline-block;
}

.gridsignbutton {
    background-image: url(Imagenes/gridsign.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;
    display: inline-block;
}

a.gridsignbutton:hover {
    background-image: url(Imagenes/gridsign_over.png);
}

.gridsignbuttondisabled {
    background-image: url(Imagenes/gridsign_disabled.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;
    display: inline-block;
}

.gridsign_pdf {
    background-image: url(Imagenes/gridsign_pdf.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 17px;
    width: 30px;
    display: inline-block;
}

.gridsign_pdf_cert {
    background-image: url(Imagenes/gridsign_pdf_cert.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 17px;
    width: 30px;
    display: inline-block;
}

.gridsign_pdf_sign {
    background-image: url(Imagenes/gridsign_pdf_firma.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 17px;
    width: 30px;
    display: inline-block;
}

.gridsign_trans {
    background-image: url(Imagenes/gridsign_tranparencia.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 15px;
    width: 50px;
    display: inline-block;
}

.gridsign_word_cert {
    background-image: url(Imagenes/gridsign_word_cert.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 17px;
    width: 30px;
    display: inline-block;
}

.gridsign_word_sign {
    background-image: url(Imagenes/gridsign_word_firma.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 17px;
    width: 30px;
    display: inline-block;
}

.gridlogbutton {
    background-image: url(Imagenes/gridlog.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    display: inline-block;
}

.gridDownload {
    background-image: url(Imagenes/I_download.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    display: inline-block;
}

.gridDownload_dis {
    background-image: url(Imagenes/I_download_dis.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    display: inline-block;
}

.botondesagregarpanel {
    background-image: url(Imagenes/B_DesagregarPanel.png);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 22px;
    width: 51px;
    display: inline-block;
}

a.botondesagregarpanel:hover {
    background-color: transparent;
    background-image: url(Imagenes/B_DesagregarPanelover.png);
}


.botonimpresora {
    background-image: url(Imagenes/impresora.gif);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 18px;
    width: 21px;
    display: inline-block;
}

a.botonimpresora:hover {
    background-color: transparent;
    background-image: url(Imagenes/impresora.gif);
}

.botonayuda {
    background-image: url(Imagenes/ayuda.png);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 18px;
    width: 21px;
    display: inline-block;
}

a.botonayuda:hover {
    background-color: transparent;
    background-image: url(Imagenes/ayuda.png);
}

.boton-validarfecha {
    background-image: url(Imagenes/B_DlDer.png);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    display: inline-block;
}

a.boton-validarfecha:hover {
    background-color: transparent;
    background-image: url(Imagenes/B_DlDerover.png);
}

.boton-validarfechaIzq {
    background-image: url(Imagenes/B_DlIzq.png);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    display: inline-block;
}

a.boton-validarfechaIzq:hover {
    background-color: transparent;
    background-image: url(Imagenes/B_DlIzqover.png);
}

/*Botones ejemplo Portal Externo*/

.botonactualizarform {
    background-image: url(Imagenes/B_actualizar_form.png);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 21px;
    width: 21px;
    display: inline-block;
}

a.botonactualizarform:hover {
    background-image: url(Imagenes/B_actualizar_form_over.png);
}

.boton-comprobar {
    background-image: url(Imagenes/vis.gif);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 16px;
    width: 17px;
    display: inline-block;
}

.buttonAddtoCart {
    background-image: url(Imagenes/add-to-cart.png);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    height: 19px;
    width: 32px;
    display: inline-block;
}

.buttonPagination {
    font-family: Verdana, Verdana.ttf;
    font-size: 8pt;
    text-decoration: none;
    color: #414141;
    font-weight: normal;
    width: 22px;
    height: 14px;
    text-align: center;
    display: inline-block;
}

a.buttonPagination:hover {
    color: #000000;
    font-weight: bold;
}

.buttonPagination-FirstLast {
    font-family: Verdana, Verdana.ttf;
    font-size: 8pt;
    text-decoration: none;
    color: #414141;
    background-color: #F3F3F3;
    font-weight: normal;
    width: 22px;
    height: 14px;
    text-align: right;
    padding: 0px 5px 0px 5px;
    border: 1px solid #C1C1C1;
    display: inline-block;
}

a.buttonPagination-FirstLast:hover {
    color: #000000;
    font-weight: bold;
    border: 1px solid #414141;
}

.buttonPagination-disabled {
    font-family: Verdana, Verdana.ttf;
    font-size: 8pt;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    width: 22px;
    height: 14px;
    text-align: center;
    display: inline-block;
}

.mn-layout {
    font-family: Verdana;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    color: #000;
    white-space: nowrap;
    padding: 0px 11px 0px 11px;
    background-repeat:no-repeat;
    margin-top:10px;
}

a.mn-layout:hover {
    text-decoration: underline;
}

/*iconos de portal externo*/

/* link en un label */
.label-link {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    color: #3300FF;
    text-decoration: underline;
    display: inline-block;
}

.linkPaginacion {
    z-index: 150;
    font-size: 10px;
    font-family: Verdana;
    text-decoration: none;
}

a.linkPaginacion:hover {
    color: #ff0000;
    text-decoration: underline;
}

.linkPaginacionHide {
    visibility: hidden;
    font-size: 10px;
    font-family: Verdana;
    text-decoration: none;
}
/******************************************************************************************************/
/*Tabla Campos Documento -Acciones al Terminar-*/

.grid-row-title /* título de la tabla / grid */ {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    background-color: #617782;
    color: white;
    text-align: left;
    height: 21px;
    display: inline-block;
}

.grid-row /* diseño de la fila (generico)*/ {
    background-color: #D9D9D9;
    border-top: #617782 1px solid;
    border-bottom: #617782 1px solid;
    border-left: #617782 1px solid;
    border-right: #617782 1px solid;
    height: 19px;
}

/******************************************************************************************************/
.imgsLevel {
    /*background-color:white; */
}

.imgsItem /*Estilo Boton posicion normal*/ {
    cursor: default;
    font-family: Arial, Arial Narrow;
    font-size: 11px;
    color: #585858;
    text-align: left;
    vertical-align: bottom;
    padding-bottom: 6px;
    background-repeat: no-repeat;
    background-position: center;
}

    .imgsItem a {
        font-family: Verdana,Tahoma,Trebuchet MS,helvetica;
        font-size: 12px;
        font-weight: bold;
        color: #ccc;
    }


/***********************************************************************************/
/*estilos para escrituras derecha-izquierda*/
.cellpad {
    padding: 0 4px 0 4px;
}

.tdSep {
    width: 20px;
}

.iLinkPad {
    padding: 5px 3px 0 3px;
}
/*tree links de favoritos*/ 

.treeSubNode {
    position: relative;
    left: -5px;
}

.treeNodeTasks, .treeNode {
    position: relative;
    top: 0px;
    left: -2px;
    font-weight: bold;
    font-size: .75rem !important;
    color: #2B2B3D;
}

    .treeNodeTasks .treeSubNodeTasks, .treeNode .treeSubNode {
        font-weight: normal;
        color: #2B2B3D;
        font-size: .75rem !important;
        white-space: normal !important;
    }

a.treeNodeTasks, a.treeNode {
    padding: 0 2px 0 0px;
}

a .nodelink {
    color: #1785B0;
}
    a .nodelink:hover
    {
        text-decoration: underline;
    }

.treeSubNodeTasks, .treeSubNode {
    position: relative;
    padding: 8px 0 !important;
}

.taskTreeTable > table, .linksTreeTable > table
{
    padding: 5px 0;
}

.boton-filtro-bar {
    background-color: #EFEFEF;
    border: 1px solid #efefef;
    font-family: "Segoe UI","Segoe WP",Arial,Sans-Serif;
    font-size: .75rem;
    text-decoration: none;
    color: #666;
    text-align: center;
    padding: 6px 10px 6px 10px;
    display: inline-block;
    min-width: 60px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
    margin: 0 5px;
}

    .boton-filtro-bar:hover {
        background-color: #CACACA;
    }

.CampFiltroT
{
    margin-top:10px;
}

/*---------------------------------Estilos para barra Divmenu-----------------------------*/
    .barrasup {
        text-align:center;
        min-width: 300px;
        z-index: 10000; 
        height:24px;  
        box-sizing:border-box; 
        background-color:#fff;
        transform:translateY(-30px);
        transition:ease-in-out .3s transform;
        display:none;
    }

    .barrasup.show {
        transform:translateY(0);
    }

    .barraleft{display:inline-block;height:24px;}

    .menu_bar {
	    display:none;
    }

    .barrasup nav ul {
	    list-style:none;
	    height:23px;
	    padding:0;
        margin:0;
          
    }

    .barrasup nav ul li {/*el float y el border de esta clase se define en Left2Right.css y Right2Left.css para que la barra se gire en idiomas de escritura der-izq*/
        display:inline-block;
        position:relative;     
    }
    
    .barrasup nav ul li span {
	    margin-right:10px;
    }

    .barrasup nav ul li a{
	    display:block;
	    text-decoration:none;        
        padding:0 11px 0 31px;
    }

    .barrasup nav ul li a:not(.apl-badge) {
        height:23px;
    }


.barraSupToolt {
    position: absolute;
    width: 5px;
    width: auto;
    background-color: #fff;
    padding: 2px 7px 4px 7px;
    border-radius: 5px;
    text-transform: none;
    box-shadow:0 1px 15px 1px rgba(0, 0, 0, 0.3); 
    opacity: 0;
    -webkit-transition: opacity .25s ease-in 0.1s;
    transition: opacity .25s ease-in 0.1s;
    z-index: 100001;
    top:-10000px;
    left:-2px;
    white-space:nowrap;
    font:0.75rem "Segoe UI", "Segoe WP", Arial, Sans-Serif; 
    color:#656565;
    font-weight:600;
}

.barraSupToolt::after{
    content: "";
    position: absolute;
    top: -10px;
    left: 5px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}
.barraSupToolt:hover{display:none;}

    .dm_Home{
        background-image:url(Imagenes/BG_home.png);
        background-repeat:no-repeat;
    }
    .dm_Home:hover{
        background-image:url(Imagenes/BG_home_over.png);
    }

    .dm_Fav{
        background-image:url(Imagenes/BG_favorites.png);
        background-repeat:no-repeat;
    }
    .dm_Fav:hover{
        background-image:url(Imagenes/BG_favorites_over.png);
    }

    .dm_myRec{
        background-image:url(Imagenes/BG_myRecord.png);
        background-repeat:no-repeat;
    }
    .dm_myRec:hover{
        background-image:url(Imagenes/BG_myRecord_over.png);
    }

     .dm_myPage{
        background-image:url(Imagenes/BG_myPage.png);
        background-repeat:no-repeat;
    }
    .dm_myPage:hover{
        background-image:url(Imagenes/BG_myPage_over.png);
    }

    .dm_regExit{
        background-image:url(Imagenes/BG_regExit.png);
        background-repeat:no-repeat;
    }
    .dm_regExit:hover{
        background-image:url(Imagenes/BG_regExit_over.png);
    }
    .dm_util{
        background-image:url(Imagenes/BG_utilities.png);
        background-repeat:no-repeat;
    }
    .dm_util:hover{
        background-image:url(Imagenes/BG_utilities_over.png);
    }
    .dm_vers{
        background-image:url(Imagenes/BG_version.png);
        background-repeat:no-repeat;
    }
    .dm_vers:hover{
        background-image:url(Imagenes/BG_version_over.png);
    }
    .dm_announc{
        background-image:url(Imagenes/BG_comunicados.png);
        background-repeat:no-repeat;
        position:relative;
    }
    .dm_announc:hover{
        background-image:url(Imagenes/BG_comunicados_over.png);
    }
    /*Estilos para el menu cuando el ancho de la pagina es menor a 800px-se deshabilita por ahora*/
    @media screen and (max-width:400px) {	
	    .barrasup nav {
		    /*width:100%;*/
		    height:100%;
		    margin:0;
		    /*position: fixed;*/
		    /*left:-100%;*/
		    /*overflow:auto;*/
		    z-index:100001;
	    }

	    .menu_bar {
		    display:block;
		    width:100%;
		    background:#ccc;
	    }

	    .menu_bar .bt-menu {
		    display:none;
		    padding:20px;
		    padding-bottom:5px;
		    padding-top:2px;
		    -webkit-box-sizing:border-box;
		    -moz-box-sizing:border-box;
		    box-sizing:border-box;
		    background:#3A5169;
		    overflow: hidden;
		    font-weight:bold;
		    color:#fff;
		    text-decoration:none;
		    height:20px;
	    }

	    .menu_bar i {
		    float:left;
	    }
	    .barrasup nav ul
	    {
		    height:100%;
		    margin-left:0;                 
	    }
	    .barrasup nav ul li {
		    display:block;
		    float:none;
		    border-bottom:1px solid rgba(255,255,255,.3);            
            border-left:none;
            
	    }
	    .barrasup nav ul li a{
		    padding:20px;     
            font-size:13px;  
                
	    }
    }
    /*---------------------------------Estilos para barra Divmenu-----------------------------*/

    *:focus{
        outline:none;
    }