/***********************************************************************************************************
    CSS Para estilo de los Menus.
************************************************************************************************************/
/*Titulo gris de los Menus*/
.texto-gris {
    color: #9D9D9D;
    /*text-transform: uppercase;*/
}

.texto-gris-center {
    color: #9D9D9D;
    /*text-transform: uppercase;*/
    text-align: center;
    font-size: 0.8em;
}

/*Menu Selccionado*/
.Seleccionado, a.selected {
    color: #cd032e;
}

/*Menu Deshabilitado*/
.Disabled {
    color: #999999 !important;
    text-decoration: none !important;
    cursor: not-allowed;
}

/*Imagenes Validaciones Menu TIK / ASPA*/
.imgOK {
    background-color: transparent !important;
    border: none !important;
    display: inline-block !important;
    width: auto !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

/*Boton Ver Menu*/
.btnVerMenu {
    background-color: transparent;
    border: 0;
    padding: 0;
    left: 0;
    background-image: url("../images/mostrar_menu.png");
    background-repeat: no-repeat;
    cursor: pointer;
    width: 40px;
    height: 40px;
}

/*Boton Ocultar Menu*/
.btnCerrarMenu {
    background-color: transparent;
    border: 0;
    padding: 0;
    background-image: url("../images/mostrar_pasos.png");
    background-repeat: no-repeat;
    cursor: pointer;
    width: 40px;
    height: 40px;
}

/*Panel de Menus (el que alverga Iconos y Menus Grises*/
.divMenu {
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    height: 100%;
    width:100%;
}

/*Panel del Menu*/
.panelMenu {
    background-color: #eeeeee;
    min-width: 100px;
    width: calc(100% - 50px);
}

/*Panele de Menu de Dibujos*/
.panelMenuIconos {
    width: 50px;
    min-width: 50px;
}

    .panelMenuIconos a {
        display: block;
        border-bottom: #e0e0e0 2px dotted;
        margin-bottom: 10px;
        height: 62px;
    }

/*.....................................................................................*/
/* MENU PARA ASP:MENU                                                                  */
/*.....................................................................................*/
ul.menu {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
}

    ul.menu li {
        margin: 20px 0;
    }

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

    ul.pasos li {
        display: block;
        width: 100%;
        padding: 0 0 10px 0;
        background: url(../images/linea_pasos.png) repeat-y 16px center;
    }

        ul.pasos li:last-child {
            background: none;
        }

        ul.pasos li div:first-child, ul.pasos li ul li div:first-child {
            width: 32px;
            background-color: #DADADA;
            border: white 1px solid;
            border-radius: 30px;
            padding: 8px 0;
            display: inline-block;
            vertical-align: top;
            text-align: center;
            font-size: 0.9em;
        }

        ul.pasos li div:last-child, ul.pasos li ul li div:last-child {
            /* float: right; */
            display: inline-block;
            width: 75%;
            margin-left: 10px;
            padding-top: 3px;
        }
        /* tercer nivel */
        ul.pasos li ul li div:last-child {
            width: 70%;
        }

a.menuSel {
    color: #D0042B !important;
}

    a.menuSel div:first-child {
        background-color: #D0042B !important;
        color: white !important;
    }

/*.....................................................................................*/
/* MENU PARA ASP:TreeView (CON NUMEROS)                                                */
/*.....................................................................................*/
/*Menu de Numeros*/
/*Primer Nivel*/
div.panelMenu div.tvPasos table {
    counter-increment: section;
    background: url(../images/linea_pasos.png) repeat-y 16px center;
    margin:0;
}

    div.panelMenu div.tvPasos table tr td {
        white-space: normal !important; /*Para que el texto salde de linea*/
        padding-bottom: 15px; /*Espacio entre nodos*/
    }
        /*Primer Nivel. Link*/
        div.panelMenu div.tvPasos table tr td:first-child a {
            font-weight: bold;
            color: #000000;
        }
        /*Primer Nivel. Para que el chorme no se muestre doble el counter*/
        div.panelMenu div.tvPasos table tr td:first-child span::before {
            display: none;
        }
        /*Primer Nivel. Sobreescrivimos el alto que le da automaticamente el asp de 1px*/
        div.panelMenu div.tvPasos table tr td:first-child div {
            height: 100% !important;
        }
        /*Primer Nivel. Numeracion*/
        div.panelMenu div.tvPasos table tr td:first-child ::before {
            content: counter(section) ".";
            font-size: 0.9em;
            /*Estilo del Circulo*/
            background-color: #DADADA;
            border: white 1px solid !important;
            border-radius: 30px;
            padding: 9px;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
        }

/*Segundo Nivel*/
div.panelMenu div.tvPasos div table {
    counter-increment: subsection;
    margin:0;
}
    /*Segundo Nivel. Link*/
    div.panelMenu div.tvPasos div table tr td a {
        margin-left: 35px;
        margin-right: 5px;
        text-align: left;
        display: block;
        color: #000000;
    }
    /*Segundo Nivel. Numeracion*/
    div.panelMenu div.tvPasos div table tr td:first-child ::before {
        content: counter(section) "." counter(subsection);
        font-weight: normal;
        font-size: 0.89em;
        /*Estilo del Circulo*/
        margin-left: 20px;
        padding: 8px;
    }

/*.....................................................................................*/
/* MENU PARA ASP:TreeView (SIN NUMEROS)                                                */
/*.....................................................................................*/
div.menu table {
    margin: 0px 5px 15px 5px;
    display: block;
}

    div.menu table tr td {
        white-space: normal !important;
    }

        div.menu table tr td a {
            color: #000000;
            text-decoration: none;
            cursor: pointer;
            display: block;
        }

            div.menu table tr td a:hover {
                text-decoration: solid !important;
                color: #D0042B;
            }
/*.....................................................................................*/
/* IMAGENES MENU EXTERNA
/*.....................................................................................*/
/*Inicio*/
.seccion_inicio {
    background: url(../Images/inicio.svg) no-repeat center center;
}

.seccion_inicio_selec {
    background: url(../Images/inicio_selecc.svg) no-repeat center center;
}

/*Datos de Proyectos*/
.seccion_DatosAyuda {
    background: url(../images/expedientes.svg) no-repeat center center;
}

.seccion_DatosAyuda_selec {
    background: url(../images/expedientes_selecc.svg) no-repeat center center;
}

/*Datos de */
.seccion_declaracion {
    background: url(../images/declaracion.svg) no-repeat center center;
}

.seccion_declaracion_selec {
    background: url(../images/declaracion_selecc.svg) no-repeat center center;
}

/*Datos de Empresa*/
.seccion_empresa {
    background: url(../images/empresa.svg) no-repeat center center;
}

.seccion_empresa_selec {
    background: url(../images/empresa_selecc.svg) no-repeat center center;
}

/*Documentacion Complementaria*/
.seccion_documentos {
    background: url(../images/documentacion.svg) no-repeat center center;
}

.seccion_documentos_selec {
    background: url(../images/documentacion_selecc.svg) no-repeat center center;
}

/*Facturas*/
.seccion_facturas {
    background: url(../images/facturas.svg) no-repeat center center;
}

.seccion_facturas_selec {
    background: url(../images/facturas_selecc.svg) no-repeat center center;
}
/*Declaracion Liquidacion*/
.seccion_liquidacion {
    background: url(../images/liquidacion.svg) no-repeat center center;
}

.seccion_liquidacion_selec {
    background: url(../images/liquidacion_selecc.svg) no-repeat center center;
}

/*Enviar Expediente*/
.seccion_envio {
    background: url(../images/enviar.svg) no-repeat center center;
}

.seccion_envio_selec {
    background: url(../Images/enviar_selecc.svg) no-repeat center center;
}

/*Historial Expediente*/
.seccion_historial {
    background: url(../images/historial.svg) no-repeat center center;
}

.seccion_historial_selec {
    background: url(../images/historial_selecc.svg) no-repeat center center;
}

/*Volver*/
.seccion_volver {
    background: url(../images/atras.svg) no-repeat center center;
}

.seccion_volver_selec {
    background: url(../images/atras_selecc.svg) no-repeat center center;
}

/*.....................................................................................*/
/* IMAGENES MENU INTERNA
/*.....................................................................................*/
/*Configuracion / Otros*/
.seccion_Configuracion {
    background: url(../images/configuracion.svg) no-repeat center center;
}

.seccion_Configuracion_selec {
    background: url(../images/configuracion_selecc.svg) no-repeat center center;
}
/*Buscador General*/
.seccion_Buscador {
    background: url(../images/buscador.svg) no-repeat center center;
}

.seccion_Buscador_selec {
    background: url(../images/buscador_selecc.svg) no-repeat center center;
}

/* Solicitud */
.seccion_Solicitud {
    background: url(../Images/solicitudes.svg) no-repeat center center;
}

.seccion_Solicitud_selec {
    background: url(../Images/Solicitudes_selecc.svg) no-repeat center center;
}

/*Resoluciones*/
.seccion_Resolucion {
    background: url(../Images/resolver.svg) no-repeat center center;
}

.seccion_Resolucion_selec {
    background: url(../Images/resolver_selecc.svg) no-repeat center center;
}

/*Liquidaciones*/
.seccion_Liquidacion {
    background: url(../Images/liquidacion.svg) no-repeat center center;
}

.seccion_Liquidacion_selec {
    background: url(../Images/liquidacion_selecc.svg) no-repeat center center;
}

/*Pagos*/
.seccion_Pago {
    background: url(../Images/administracion.svg) no-repeat center center;
}

.seccion_Pago_selec {
    background: url(../Images/administracion_selecc.svg) no-repeat center center;
}

/*Subsanacion Oficial*/
.seccion_SubOficial {
    background: url(../Images/SubOficial.svg) no-repeat center center;
}

.seccion_SubOficial_selec {
    background: url(../Images/SubOficial_selecc.svg) no-repeat center center;
}

/*Historicos*/
.seccion_Historico {
    background: url(../Images/historicos.svg) no-repeat center center;
}

.seccion_Historico_selec {
    background: url(../Images/historicos_selecc.svg) no-repeat center center;
}

/*****************************************************************************************************************************************************************
    ESTILOS RESPONSIVE MENUS
******************************************************************************************************************************************************************/
/*    ESTILOS LG    */
@media all and (min-width: 1200px) {
    .MasterDivMenu {
        height: 100%;
    }
}

/*    ESTILOS MD    */
@media all and (max-width: 1199px) {
    /*Div de la MasterPage wque contiene el Control Menu*/
    .MasterDivMenu {
        height: auto;
    }
    /*Titulo gris de los Menus*/
    .texto-gris-center {
        text-align: left;
    }

    /*Panel de Menus (el que alverga Iconos y Menus Grises*/
    .panelMenu {
        display: inline-block;
        width: 100%;
        position: absolute;
        opacity: 0.95;
        -webkit-box-shadow: 3px 4px 17px 0px rgba(224,224,224,1);
        -moz-box-shadow: 3px 4px 17px 0px rgba(224,224,224,1);
        box-shadow: 3px 4px 17px 0px rgba(224,224,224,1);
        left: -1000px;
    }

    /*Panel de Menu de Iconos*/
    .panelMenuIconos {
        background-color: #000;
        width: 100%;
        min-width: 100%;
    }
        /*Iconos del Panel de menu de Iconos*/
        .panelMenuIconos a {
            display: inline-block;
            height: 40px;
            width: 45px;
            border-bottom: none;
            margin-bottom: 0;
        }
    /*Para los paneles de Menu al hacer Responsive*/
    .panelMenuResponsive {
        left: 0px !important;
        z-index: 1;
        top: 40px;
    }

    /*Panele de Menu de Dibujos*/
    .panelSeccion {
        background-color: #000000;
        width: 65px;
        min-width: 65px;
        padding: 0;
    }

        .panelSeccion a {
            display: block;
            border-bottom: none;
            margin-bottom: 0px;
        }

    /*.....................................................................................*/
    /* MENU PARA ASP:MENU                                                                  */
    /*.....................................................................................*/
    ul.pasos li div:last-child, ul.pasos li ul li div:last-child {
        padding: 0;
        margin: 0;
        text-align: left;
    }

    /*.....................................................................................*/
    /* IMAGENES MENU EXTERNA
    /*.....................................................................................*/
    /*Inicio*/
    .seccion_inicio {
        background: url(../Images/inicio.svg) no-repeat center center;
        background-color: #000000;
    }

    .seccion_inicio_selec {
        background: url(../Images/inicio.svg) no-repeat center center;
        background-color: #cd032e;
    }

    /*Datos Proyecto*/
    .seccion_DatosAyuda {
        background: url(../images/expedientes.svg) no-repeat center center;
        background-color: #000000;
    }

    .seccion_DatosAyuda_selec {
        background: url(../images/expedientes.svg) no-repeat center center;
        background-color: #cd032e;
    }

    /*Datos Declaracion*/
    .seccion_declaracion {
        background: url(../images/declaracion.svg) no-repeat center center;
        background-color: #000000;
    }

    .seccion_declaracion_selec {
        background: url(../images/declaracion.svg) no-repeat center center;
        background-color: #cd032e;
    }

    /*Empresa*/
    .seccion_empresa {
        background: url(../images/empresa.svg) no-repeat center center;
        background-color: #000000;
    }

    .seccion_empresa_selec {
        background: url(../images/empresa.svg) no-repeat center center;
        background-color: #cd032e;
    }

    /*Documentos*/
    .seccion_documentos {
        background: url(../images/documentacion.svg) no-repeat center center;
        background-color: #000000;
    }

    .seccion_documentos_selec {
        background: url(../images/documentacion.svg) no-repeat center center;
        background-color: #cd032e;
    }

    /*Enviar*/
    .seccion_envio {
        background: url(../images/enviar.svg) no-repeat center center;
        background-color: #000000;
    }

    .seccion_envio_selec {
        background: url(../Images/enviar.svg) no-repeat center center;
        background-color: #cd032e;
    }

    /*Historial*/
    .seccion_historial {
        background: url(../images/historial.svg) no-repeat center center;
        background-color: #000000;
    }

    .seccion_historial_selec {
        background: url(../images/historial.svg) no-repeat center center;
        background-color: #cd032e;
    }

    /*Volver*/
    .seccion_volver {
        background: url(../images/atras.svg) no-repeat center center;
        background-color: #000000;
    }

    .seccion_volver_selec {
        background: url(../images/atras.svg) no-repeat center center;
        background-color: #cd032e;
    }

    /*.....................................................................................*/
    /* IMAGENES MENU INTERNA
    /*.....................................................................................*/
    /*Configuracion / Otros*/
    .seccion_Configuracion {
        background: url(../images/configuracion.svg) no-repeat center center;
        background-color: #000000;
    }

    .seccion_Configuracion_selec {
        background: url(../images/configuracion_selecc.svg) no-repeat center center;
        background-color: #cd032e;
    }

    /*Buscador General*/
    .seccion_Buscador {
        background: url(../images/buscador.svg) no-repeat center center;
        background-color: #000000;
    }

    .seccion_Buscador_selec {
        background: url(../images/buscador_selecc.svg) no-repeat center center;
        background-color: #cd032e;
    }

    /* Solicitud */
    .seccion_Solicitud {
        background: url(../Images/solicitudes.svg) no-repeat center center;
        background-color: #000000;
    }

    .seccion_Solicitud_selec {
        background: url(../Images/Solicitudes_selecc.svg) no-repeat center center;
        background-color: #cd032e;
    }

    /*Resoluciones*/
    .seccion_Resolucion {
        background: url(../Images/resolver.svg) no-repeat center center;
        background-color: #000000;
    }

    .seccion_Resolucion_selec {
        background: url(../Images/resolver_selecc.svg) no-repeat center center;
        background-color: #cd032e;
    }

    /*Liquidaciones*/
    .seccion_Liquidacion {
        background: url(../Images/liquidacion.svg) no-repeat center center;
        background-color: #000000;
    }

    .seccion_Liquidacion_selec {
        background: url(../Images/liquidacion_selecc.svg) no-repeat center center;
        background-color: #cd032e;
    }

    /*Pagos*/
    .seccion_Pago {
        background: url(../Images/administracion.svg) no-repeat center center;
        background-color: #000000;
    }

    .seccion_Pago_selec {
        background: url(../Images/administracion_selecc.svg) no-repeat center center;
        background-color: #cd032e;
    }

    /*Subsanacion Oficial*/
    .seccion_SubOficial {
        background: url(../Images/SubOficial.svg) no-repeat center center;
        background-color: #000000;
    }

    .seccion_SubOficial_selec {
        background: url(../Images/SubOficial_selecc.svg) no-repeat center center;
        background-color: #cd032e;
    }

    /*Historicos*/
    .seccion_Historico {
        background: url(../Images/historicos.svg) no-repeat center center;
        background-color: #000000;
    }

    .seccion_Historico_selec {
        background: url(../Images/historicosl_selecc.svg) no-repeat center center;
        background-color: #cd032e;
    }
}

/*    ESTILOS SM    */
@media all and (max-width: 991px) {
    /*Div de la MasterPage wque contiene el Control Menu*/
    .MasterDivMenu {
        height: 100%;
    }
    /*Panel de Menus (el que alverga Iconos y Menus Grises*/
    .divMenu {
        display: -ms-inline-flexbox;
        display: -webkit-inline-box;
        height: 100%;
    }

    /*.panelMenuResponsive{
        left:50px;
        top:0px;
    }

    .panelMenuIconos{
        width:50px;
        min-width:50px;
    }*/
}

/*    ESTILOS XS    */
@media all and (max-width: 767px) {
    /*Panele de Menu de Dibujos*/
    .panelSeccion {
        width: 100%;
        height: 62px;
    }

        .panelSeccion a {
            display: inline-block;
            width: 40px;
            min-width: 40px;
        }

    /*Para los paneles de Menu al hacer Responsive*/
    .panelMenuResponsive {
        left: 0px !important;
    }

    /*.....................................................................................*/
    /* IMAGENES MENU EXTERNA
    /*.....................................................................................*/
    /*Inicio*/
    .seccion_inicio {
        background-size: contain;
        margin-right: 2px;
    }

    .seccion_inicio_selec {
        background-size: contain;
        margin-right: 2px;
    }

    /*Datos Proyecto*/
    .seccion_DatosAyuda {
        background-size: contain;
        margin-right: 2px;
    }

    .seccion_DatosAyuda_selec {
        background-size: contain;
        margin-right: 2px;
    }

    .seccion_declaracion {
        background-size: contain;
        margin-right: 2px;
    }

    .seccion_declaracion_selec {
        background-size: contain;
        margin-right: 2px;
    }

    /*Empresa*/
    .seccion_empresa {
        background-size: contain;
        margin-right: 2px;
    }

    .seccion_empresa_selec {
        background-size: contain;
        margin-right: 2px;
    }

    /*Documentos*/
    .seccion_documentos {
        background-size: contain;
        margin-right: 2px;
    }

    .seccion_documentos_selec {
        background-size: contain;
        margin-right: 2px;
    }

    /*Enviar*/
    .seccion_envio {
        background-size: contain;
        margin-right: 2px;
    }

    .seccion_envio_selec {
        background-size: contain;
        margin-right: 2px;
    }

    /*Historial*/
    .seccion_historial {
        background-size: contain;
        margin-right: 2px;
    }

    .seccion_historial_selec {
        background-size: contain;
        margin-right: 2px;
    }

    /*Volver*/
    .seccion_volver {
        background-size: contain;
        margin-right: 2px;
    }

    .seccion_volver_selec {
        background-size: contain;
        margin-right: 2px;
    }

    /*.....................................................................................*/
    /* IMAGENES MENU INTERNA
    /*.....................................................................................*/   
    /*Configuracion - Otros / Buscador General / Solicitud / Resoluciones / Liquidaciones / Pagos / Subsanacion Oficial / Historicos*/
    .seccion_Configuracion, .seccion_Buscador, .seccion_Solicitud, .seccion_Resolucion, .seccion_Liquidacion, .seccion_Pago,
    .seccion_SubOficial, .seccion_Historico  {
        background-size: contain;
        margin-right: 2px;
    }

    .seccion_Configuracion_selec,  .seccion_Buscador_selec, .seccion_Solicitud_selec, .seccion_Resolucion_selec, 
    .seccion_Liquidacion_selec, .seccion_Pago_selec, .seccion_SubOficial_selec, .seccion_Historico_selec  {
        background-size: contain;
        margin-right: 2px;
    } 
}

/*    ESTILOS XXS MUY PEQUEÑO    */
@media all and (max-width: 270px) {
}