/* ==============================================
    ESTILOS
     A. CLASSIC
     B. BLACK
     C. OAE
     D. BRIGADAS

=================================================
  A. CLASSIC
================================================= */



/* INICIO ESTILOS GENERALES	*/

.accordion.bg-classic {
    font: 1em Tahoma, Arial, sans-serif;
}

.accordion.bg-classic ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.accordion.bg-classic > ul ul {
    display: none;
}

.accordion.bg-classic .itemshow {
    display: block;
}

.accordion.bg-classic ul li {
	border-bottom-color: #E2E2DD;
	border-bottom-style: solid;
    border-bottom-width: 1px;
}

.accordion.bg-classic ul li .menuitem {
    display: block;
    outline: none;
    line-height: 23px;
    margin-bottom: 1px;
	color: #016c8b;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:5px;
	
	background-color:#c5e6f0 !important; /* COLOR DE FONDO DE LOS ELEMENTOS PRINCIPALES */
}

.accordion.bg-classic ul li .menuitem.desactivado {
    display: block;
    outline: none;
    line-height: 30px;
    margin-bottom: 1px;
    color: grey;
    text-decoration: none;
    position: relative;

    cursor: not-allowed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 
imagen del elemento de menu 
*/

.accordion.bg-classic ul li .menuitem > i {
    display: inline;
    position: relative;
    color: inherit;
}

/* 
imagen del elemento de menu sin icono 
*/

.accordion.bg-classic ul li .menuitem > i.noicon {
    width: 14px;
}


/*
mostrar icono en los hijos del menu
*/

.accordion.bg-classic.siicon {
    background-image: url(../irudiak/ico_lista_azul.gif);
    background-repeat: no-repeat;
    padding-left: 0px;
    padding-right: 10px;
	
}


/*
ICONOS POR NIVELES
*/

.accordion.bg-classic .siiconN1 {
    background-image: url(../irudiak/M_icoN1.gif);
    background-repeat: no-repeat;
    padding-left: 0px;
    padding-right: 10px;
	background-position: center;
	margin-right: 2px;
}

.accordion.bg-classic .siiconN2 {
    background-image: url(../irudiak/M_icoN2.gif);
    background-repeat: no-repeat;
    padding-left: 0px;
    padding-right: 10px;
	background-position: center;
}

.accordion.bg-classic .siiconN3 {
    background-image: url(../irudiak/M_icoN3.gif);
    background-repeat: no-repeat;
    padding-left: 0px;
    padding-right: 10px;
	
}

.accordion.bg-classic .siiconN4 {
    background-image: url(../irudiak/M_icoN4.gif);
    background-repeat: no-repeat;
    padding-left: 0px;
    padding-right: 10px;
	background-position: center;
}


/* 
::after --> pseudo elemento del menu sin desplegar 
*/
.accordion.bg-classic ul li .menuitem.submenu::after {
	
    content: "";
    display: inline-block;
    border: 6px solid;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #017ea0;
    position: absolute;
    right: 2px;
    top: 50%;
	
    -webkit-transform: rotate(0deg) translate(0,-6px);
    -moz-transform: rotate(0deg) translate(0,-6px);
    -ms-transform: rotate(0deg) translate(0,-6px);
    -o-transform: rotate(0deg) translate(0,-6px);
    transform: rotate(0deg) translate(0,-6px);
    
	-webkit-transform-origin:25% center;
    -moz-transform-origin:25% center;
    -ms-transform-origin:25% center;
    -o-transform-origin:25% center;
    transform-origin:25% center;
    
	-webkit-transition: transform .3s;
    -moz-transition: transform .3s;	    
    transition: transform .3s;
	
}

.accordion.bg-classic ul li .menuitem.submenu {
    padding-right: 1.5em;
}

.accordion.bg-classic ul li .menuitem:not(.submenu) {
    padding-right: 10px;
}

/* ::after 
	pseudo-elemento que es el ultimo hijo del elemento seleccionado. 
	A menudo se usa para agregar contenido cosm tico a un elemento   
	
	pseudo elemento del menu desplegado 
*/

/*
	cuando el menu desplegado pierde el foco, el pseudo-elemento (triangulo) se quedaba en color blanco. Ponerlo en granate (#900)
*/
.accordion.bg-classic ul li .menuitem.submenu.iconopen::after {
	
	-webkit-transform: rotate(90deg) translate(-6px,0);
    -moz-transform: rotate(90deg) translate(-6px,0);
    -ms-transform: rotate(90deg) translate(-6px,0);
    -o-transform: rotate(90deg) translate(-6px,0);
    transform: rotate(90deg) translate(-6px,0);
	border-color: transparent transparent transparent #017ea0;
	/*border-color: transparent transparent transparent #fff;*/
	
}

/* ::before 
pseudo-elemento que es el primer hijo del elemento seleccionado. 
A menudo se usa para agregar contenido cosm tico a un elemento   
*/

.accordion.bg-classic ul li .menuitem.activeitem::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 50%;
    background: transparent;
	-webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
}


.accordion.bg-classic ul li .menuitem.activeitem {
    color:  #fff;
	background: #c90a4a !Important; /* #900 !Important;*/
	
}

.accordion.bg-classic a.menuitem u li ul{
    color: #fff;
    background: #c90a4a !Important; /*#900 !Important; */
}


.accordion.bg-classic ul li ul {
    color:  #fff;
}

/*
	cuando el menu desplegado es activo, ponemos el pseudo-elemento, triangulo, en color blanco
*/
.accordion.bg-classic ul li .menuitem.submenu.activeitem.iconopen::after {

	border-color: transparent transparent transparent #fff;
	
}

.accordion.bg-classic ul li .menuitem.desactivado.activeitem {
    color: grey !Important;
    cursor: not-allowed !Important;
    background: transparent !Important;
}


.accordion.bg-classic ul li .menuitem.activeitem:hover {
    color: #fff;
    opacity: 0.8;
}

.accordion.bg-classic ul li .menuitem:hover {
    color: #c90a4a; /*#900;*/
    opacity: 0.8;
}

/*
color de fondo a los hijos de un submenu 
*/
.accordion.bg-classic ul li ul li a.menuitem{
	
	background-color:white  !important;
	font-style: italic !important;
	color: #014a60;
	font-size: 0.9em;
	font-weight: bold;
}

/* 
hijos de un submenu que son padres 
*/
.accordion.bg-classic ul li ul li a.submenu{
	background-color:#caf7d6  !important; /* verde */
}	

.accordion.bg-classic ul li ul li ul li a.menuitem{
	font-weight: normal !important;
}

.accordion.bg-classic ul li .menuitem > i {
    display: inline;
    position: relative;
    color: inherit;
}


/*===============================================
  B. BLACK
================================================= */


.accordion.bg-black {
    font: 1em Tahoma, Arial, sans-serif;
}

.accordion.bg-black ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.accordion.bg-black > ul ul {
    display: none;
}

.accordion.bg-black .itemshow {
    display: block;
}

.accordion.bg-black ul li {
	border-bottom-color: #3b3f4f !important;
    border-bottom-width: 0px;
	
}

/*
Elementos N1
*/

.accordion.bg-black ul li .menuitem {
    display: block;
    outline: none;
    line-height: 25px;
	color: #fff !important;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:5px;
	background-color:#252525 !important; /* COLOR DE FONDO DE LOS ELEMENTOS N1 */
}

.accordion.bg-black ul li .menuitem.desactivado {
    display: block;
    outline: none;
    line-height: 30px;
    color: grey !important;
    text-decoration: none;
    position: relative;

    cursor: not-allowed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 
imagen del elemento de menu 
*/

.accordion.bg-black ul li .menuitem > i {
    display: inline;
    position: relative;
    color: inherit;
}

/* 
imagen del elemento de menu sin icono 
*/

.accordion.bg-black ul li .menuitem > i.noicon {
    width: 14px;
}


/*
mostrar icono en los hijos del menu
*/

.accordion.bg-black.siicon {
    background-image: url(../irudiak/ico_lista_azul.gif);
    background-repeat: no-repeat;
    padding-left: 0px;
    padding-right: 10px;
	
}


/*
ICONOS POR NIVELES
*/

.accordion.bg-black .siiconN1 {
    padding-right: 2px;
	margin-right: 2px;
}

.accordion.bg-black .siiconN1::before {
	content: "\f07b";
	font-weight:900;
	color: #fff;
	font-family: 'Font Awesome 5 Free';
}

.accordion.bg-black ul li .siiconN1.open::before {
	content: "\f07c";
}

.accordion.bg-black .siiconN2 {
    padding-right: 2px;
	margin-right: 2px;
}


.accordion.bg-black .siiconN2::before {
	content: "\f07b";
	font-weight:900;
	color: #fff;
	font-family: 'Font Awesome 5 Free';
}

.accordion.bg-black ul li .siiconN2.open::before {
	content: "\f07c";
}

.accordion.bg-black .siiconN3 {
    padding-right: 2px;
	margin-right: 2px;
	
}
.accordion.bg-black .siiconN3::before {
	content:"\f105";     /* "\f192";     /* "\f249";*/
	font-weight:900;
	font-family: 'Font Awesome 5 Free';
	
}

.accordion.bg-black .siiconN4 {
    background-image: url(../irudiak/M_icoN4.gif);
    background-repeat: no-repeat;
    padding-left: 0px;
    padding-right: 10px;
	background-position: center;
}


/* 
::after --> pseudo elemento del menu sin desplegar 
*/
.accordion.bg-black ul li .menuitem.submenu::after {
	
    content: "";
    display: inline-block;
    border: 6px solid;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    right: 2px;
    top: 50%;
	
    -webkit-transform: rotate(0deg) translate(0,-6px);
    -moz-transform: rotate(0deg) translate(0,-6px);
    -ms-transform: rotate(0deg) translate(0,-6px);
    -o-transform: rotate(0deg) translate(0,-6px);
    transform: rotate(0deg) translate(0,-6px);
    
	-webkit-transform-origin:25% center;
    -moz-transform-origin:25% center;
    -ms-transform-origin:25% center;
    -o-transform-origin:25% center;
    transform-origin:25% center;
    
	-webkit-transition: transform .3s;
    -moz-transition: transform .3s;	    
    transition: transform .3s;
	
}

.accordion.bg-black ul li .menuitem.submenu {
    padding-right: 1.5em;
}

.accordion.bg-black ul li .menuitem:not(.submenu) {
    padding-right: 10px;
}

/* ::after 
	pseudo-elemento que es el ultimo hijo del elemento seleccionado. 
	A menudo se usa para agregar contenido cosm tico a un elemento   
	
	pseudo elemento del menu desplegado 
*/

/*
	cuando el menu desplegado pierde el foco, el pseudo-elemento (triangulo) se quedaba en color blanco. Ponerlo en granate (#900)
*/
.accordion.bg-black ul li .menuitem.submenu.iconopen::after {
	
	-webkit-transform: rotate(90deg) translate(-6px,0);
    -moz-transform: rotate(90deg) translate(-6px,0);
    -ms-transform: rotate(90deg) translate(-6px,0);
    -o-transform: rotate(90deg) translate(-6px,0);
    transform: rotate(90deg) translate(-6px,0);
	border-color: transparent transparent transparent #ffffff;
	/*border-color: transparent transparent transparent #fff;*/
	
}

/* ::before 
pseudo-elemento que es el primer hijo del elemento seleccionado. 
A menudo se usa para agregar contenido cosm tico a un elemento   
*/

.accordion.bg-black ul li .menuitem.activeitem::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 50%;
    background: transparent;
	-webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
}


.accordion.bg-black ul li .menuitem.activeitem {
    color:  #fff !Important;
	/*background: #fff !Important; /* #900 !Important;*/
	font-weight: italic !important;
	text-shadow: -1px 0 #900, 0 1px #900, 1px 0 #900, 0 -1px #900;
}

.accordion.bg-black a.menuitem u li ul{
    color: #fff;
    background: #c90a4a !Important; /*#900 !Important; */
}


.accordion.bg-black ul li ul {
    color:  #fff;
}

/*
	cuando el menu desplegado es activo, ponemos el pseudo-elemento, triangulo, en color blanco
*/
.accordion.bg-black ul li .menuitem.submenu.activeitem.iconopen::after {

	border-color: transparent transparent transparent #fff;
	
}

.accordion.bg-black ul li .menuitem.desactivado.activeitem {
    color: grey !Important;
    cursor: not-allowed !Important;
    background: transparent !Important;
}


.accordion.bg-black ul li .menuitem.activeitem:hover {
    color: #fff;
    opacity: 0.8;
}

.accordion.bg-black ul li .menuitem:hover {
    color: #c90a4a; /*#900;*/
    opacity: 0.8;
}


/*
Elementos N2
*/

.accordion.bg-black ul li ul li a.menuitem{
	background-color:#353535  !important;
	color: #014a60;
	
}


/* 
hijos de un submenu que son padres 
*/

.accordion.bg-black ul li ul li a.submenu{
	background-color:#353535  !important; 
}


/*
Elementos N3
*/

.accordion.bg-black ul li ul li ul li a.menuitem{
	background-color:#555555  !important;
	font-weight: normal !important;
}

/*===============================================
  C. OAE
================================================= */


.accordion.bg-oae {
    font: 1em Tahoma, Arial, sans-serif;
}

.accordion.bg-oae ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.accordion.bg-oae > ul ul {
    display: none;
}

.accordion.bg-oae .itemshow {
    display: block;
}

.accordion.bg-oae ul li {
	border-bottom-color: #E2E2DD;
	border-bottom-style: solid;
    border-bottom-width: 1px;
}

.accordion.bg-oae ul li .menuitem {
    display: block;
    outline: none;
    line-height: 23px;
    margin-bottom: 1px;
	color: #016c8b;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:5px;
	
	background-color:#c5e6f0 !important; /* COLOR DE FONDO DE LOS ELEMENTOS PRINCIPALES */
}

    .accordion.bg-oae ul li .menuitem.desactivado {
        display: block;
        outline: none;
        line-height: 23px;
        margin-bottom: 1px;
        /*color: grey !important;*/
        color: #cdcccc !important;
        text-decoration-line: line-through;
        text-decoration: none;
        position: relative;
        cursor: not-allowed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
        .accordion.bg-oae ul li .menuitem.desactivado.submenu::after {
            content: "";
            display: inline-block;
            border: 6px solid;
            width: 0;
            height: 0;
            border-color: transparent transparent transparent #cdcccc;
            position: absolute;
            right: 2px;
            top: 50%;
            -webkit-transform: rotate(0deg) translate(0, -6px);
            -moz-transform: rotate(0deg) translate(0, -6px);
            -ms-transform: rotate(0deg) translate(0, -6px);
            -o-transform: rotate(0deg) translate(0, -6px);
            transform: rotate(0deg) translate(0, -6px);
            -webkit-transform-origin: 25% center;
            -moz-transform-origin: 25% center;
            -ms-transform-origin: 25% center;
            -o-transform-origin: 25% center;
            transform-origin: 25% center;
            -webkit-transition: transform .3s;
            -moz-transition: transform .3s;
            transition: transform .3s;
        }
/* 
imagen del elemento de menu 
*/

.accordion.bg-oae ul li .menuitem > i {
    display: inline;
    position: relative;
    color: inherit;
}

/* 
imagen del elemento de menu sin icono 
*/

.accordion.bg-oae ul li .menuitem > i.noicon {
    width: 14px;
}


/*
mostrar icono en los hijos del menu
*/

.accordion.bg-oae.siicon {
    background-image: url(../irudiak/ico_lista_azul.gif);
    background-repeat: no-repeat;
    padding-left: 0px;
    padding-right: 10px;
	
}


/*
ICONOS POR NIVELES
*/

.accordion.bg-oae .siiconN1 {
    padding-right: 2px;
	margin-right: 2px;
}

.accordion.bg-oae .siiconN1::before {
	content: "\f07b";
	font-weight:900;
	color: #eab475;
	font-family: 'Font Awesome 5 Free';
}

.accordion.bg-oae ul li .siiconN1.open::before {
	content: "\f07c";
}

.accordion.bg-oae .siiconN2 {
    padding-right: 2px;
	margin-right: 2px;
}


.accordion.bg-oae .siiconN2::before {
	content: "\f07b";
	font-weight:900;
	color: #eab475;
	font-family: 'Font Awesome 5 Free';
}

.accordion.bg-oae ul li .siiconN2.open::before {
	content: "\f07c";
}

.accordion.bg-oae .siiconN3 {
    padding-right: 2px;
	margin-right: 2px;
	
}
.accordion.bg-oae .siiconN3::before {
	content:"\f105";     /* "\f192";     /* "\f249";*/
	font-weight:900;
	font-family: 'Font Awesome 5 Free';
	
}



.accordion.bg-oae .siiconN4 {
    background-image: url(../irudiak/M_icoN4.gif);
    background-repeat: no-repeat;
    padding-left: 0px;
    padding-right: 10px;
	background-position: center;
}


/* 
::after --> pseudo elemento del menu sin desplegar 
*/
.accordion.bg-oae ul li .menuitem.submenu::after {
	
    content: "";
    display: inline-block;
    border: 6px solid;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #017ea0;
    position: absolute;
    right: 2px;
    top: 50%;
	
    -webkit-transform: rotate(0deg) translate(0,-6px);
    -moz-transform: rotate(0deg) translate(0,-6px);
    -ms-transform: rotate(0deg) translate(0,-6px);
    -o-transform: rotate(0deg) translate(0,-6px);
    transform: rotate(0deg) translate(0,-6px);
    
	-webkit-transform-origin:25% center;
    -moz-transform-origin:25% center;
    -ms-transform-origin:25% center;
    -o-transform-origin:25% center;
    transform-origin:25% center;
    
	-webkit-transition: transform .3s;
    -moz-transition: transform .3s;	    
    transition: transform .3s;
	
}

.accordion.bg-oae ul li .menuitem.submenu {
    padding-right: 1.5em;
}

.accordion.bg-oae ul li .menuitem:not(.submenu) {
    padding-right: 10px;
}

/* ::after 
	pseudo-elemento que es el ultimo hijo del elemento seleccionado. 
	A menudo se usa para agregar contenido cosm tico a un elemento   
	
	pseudo elemento del menu desplegado 
*/

/*
	cuando el menu desplegado pierde el foco, el pseudo-elemento (triangulo) se quedaba en color blanco. Ponerlo en granate (#900)
*/
.accordion.bg-oae ul li .menuitem.submenu.iconopen::after {
	
	-webkit-transform: rotate(90deg) translate(-6px,0);
    -moz-transform: rotate(90deg) translate(-6px,0);
    -ms-transform: rotate(90deg) translate(-6px,0);
    -o-transform: rotate(90deg) translate(-6px,0);
    transform: rotate(90deg) translate(-6px,0);
	border-color: transparent transparent transparent #017ea0;
	/*border-color: transparent transparent transparent #fff;*/
	
}

/* ::before 
pseudo-elemento que es el primer hijo del elemento seleccionado. 
A menudo se usa para agregar contenido cosm tico a un elemento   
*/

.accordion.bg-oae ul li .menuitem.activeitem::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 50%;
    background: transparent;
	-webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
}


.accordion.bg-oae ul li .menuitem.activeitem {
    color:  #fff;
	background: #c90a4a !Important; /* #900 !Important;*/
	
}

.accordion.bg-oae a.menuitem u li ul{
    color: #fff;
    background: #c90a4a !Important; /*#900 !Important; */
}


.accordion.bg-oae ul li ul {
    color:  #fff;
}

/*
	cuando el menu desplegado es activo, ponemos el pseudo-elemento, triangulo, en color blanco
*/
.accordion.bg-oae ul li .menuitem.submenu.activeitem.iconopen::after {

/*	border-color: transparent transparent transparent #fff;*/
border-color: transparent transparent transparent black;
	
}

.accordion.bg-oae ul li .menuitem.desactivado.activeitem {
    color: grey !Important;
    cursor: not-allowed !Important;
    background: transparent !Important;
}


.accordion.bg-oae ul li .menuitem.activeitem:hover {
    /*color: #fff;*/
    opacity: 0.8;
}

.accordion.bg-oae ul li .menuitem:hover {
    /*color: #c90a4a;*/ /*#900;*/
    /*opacity: 0.8;*/
color: #0056b3 !important;
	text-decoration:none;
/*font-weight: bold;*/
}

/*
color de fondo a los hijos de un submenu 
*/
.accordion.bg-oae ul li ul li a.menuitem{
	/*background-color: #ebfdff !important;*/
background-color: #fff !important;
	color: #014a60;
}

/* 
hijos de un submenu que son padres 
*/
.accordion.bg-oae ul li ul li a.submenu{
}	

.accordion.bg-oae ul li ul li ul li a.menuitem{
	font-weight: normal !important;
	background-color: #fff !important;
}

/*===============================================
  D. BRIGADAS
================================================= */



.accordion.bg-brigadas {
    font: 1em Tahoma, Arial, sans-serif;
}

.accordion.bg-brigadas ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.accordion.bg-brigadas > ul ul {
    display: none;
}

.accordion.bg-brigadas .itemshow {
    display: block;
}

.accordion.bg-brigadas ul li {
	border-bottom-color: #E2E2DD;
	border-bottom-style: solid;
    border-bottom-width: 1px;
}

.accordion.bg-brigadas ul li .menuitem {
    display: block;
    outline: none;
    line-height: 23px;
    margin-bottom: 1px;
	color: #016c8b;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:5px;
	
	background-color:#c5e6f0 !important; /* COLOR DE FONDO DE LOS ELEMENTOS PRINCIPALES */
}

.accordion.bg-brigadas ul li .menuitem.desactivado {
    display: block;
    outline: none;
    line-height: 23px;
    margin-bottom: 1px;
    color: grey !important;
    text-decoration: none;
    position: relative;

    cursor: not-allowed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 
imagen del elemento de menu 
*/

.accordion.bg-brigadas ul li .menuitem > i {
    display: inline;
    position: relative;
    color: inherit;
}

/* 
imagen del elemento de menu sin icono 
*/

.accordion.bg-brigadas ul li .menuitem > i.noicon {
    width: 14px;
}


/*
mostrar icono en los hijos del menu
*/

.accordion.bg-brigadas.siicon {
    background-image: url(../irudiak/ico_lista_azul.gif);
    background-repeat: no-repeat;
    padding-left: 0px;
    padding-right: 10px;
	
}


/*
ICONOS POR NIVELES
*/

.accordion.bg-brigadas .siiconN1 {
    padding-right: 2px;
	margin-right: 2px;
}

.accordion.bg-brigadas .submenu .siiconN1::before {
	content: "\f07b";
	font-weight:900;
	color: #eab475;
	font-family: 'Font Awesome 5 Free';
}

.accordion.bg-brigadas .siiconN1::before {
	content: "\f105";
	font-weight:900;
	font-family: 'Font Awesome 5 Free';
}

.accordion.bg-brigadas ul li .siiconN1.open::before {
	content: "\f07c";
}

.accordion.bg-brigadas .siiconN2 {
    padding-right: 2px;
	margin-right: 2px;
}

.accordion.bg-brigadas .siiconN2::before {
	content: "\f105";
	font-weight:900;
	font-family: 'Font Awesome 5 Free';
}
.accordion.bg-brigadas .submenu .siiconN2::before {
	content: "\f07b";
	font-weight:900;
	color: #eab475;
	font-family: 'Font Awesome 5 Free';
}

.accordion.bg-brigadas ul li .siiconN2.open::before {
	content: "\f07c";
}

.accordion.bg-brigadas .siiconN3 {
    padding-right: 2px;
	margin-right: 2px;
	
}
.accordion.bg-brigadas .siiconN3::before {
	content:"\f105";    
	font-weight:900;
	font-family: 'Font Awesome 5 Free';
	
}



.accordion.bg-brigadas .siiconN4 {
    background-image: url(../irudiak/M_icoN4.gif);
    background-repeat: no-repeat;
    padding-left: 0px;
    padding-right: 10px;
	background-position: center;
}


/* 
::after --> pseudo elemento del menu sin desplegar 
*/
.accordion.bg-brigadas ul li .menuitem.submenu::after {
	
    content: "";
    display: inline-block;
    border: 6px solid;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #017ea0;
    position: absolute;
    right: 2px;
    top: 50%;
	
    -webkit-transform: rotate(0deg) translate(0,-6px);
    -moz-transform: rotate(0deg) translate(0,-6px);
    -ms-transform: rotate(0deg) translate(0,-6px);
    -o-transform: rotate(0deg) translate(0,-6px);
    transform: rotate(0deg) translate(0,-6px);
    
	-webkit-transform-origin:25% center;
    -moz-transform-origin:25% center;
    -ms-transform-origin:25% center;
    -o-transform-origin:25% center;
    transform-origin:25% center;
    
	-webkit-transition: transform .3s;
    -moz-transition: transform .3s;	    
    transition: transform .3s;
	
}

.accordion.bg-brigadas ul li .menuitem.submenu {
    padding-right: 1.5em;
}

.accordion.bg-brigadas ul li .menuitem:not(.submenu) {
    padding-right: 10px;
}

/* ::after 
	pseudo-elemento que es el ultimo hijo del elemento seleccionado. 
	A menudo se usa para agregar contenido cosm tico a un elemento   
	
	pseudo elemento del menu desplegado 
*/

/*
	cuando el menu desplegado pierde el foco, el pseudo-elemento (triangulo) se quedaba en color blanco. Ponerlo en granate (#900)
*/
.accordion.bg-brigadas ul li .menuitem.submenu.iconopen::after {
	
	-webkit-transform: rotate(90deg) translate(-6px,0);
    -moz-transform: rotate(90deg) translate(-6px,0);
    -ms-transform: rotate(90deg) translate(-6px,0);
    -o-transform: rotate(90deg) translate(-6px,0);
    transform: rotate(90deg) translate(-6px,0);
	border-color: transparent transparent transparent #017ea0;
	/*border-color: transparent transparent transparent #fff;*/
	
}

/* ::before 
pseudo-elemento que es el primer hijo del elemento seleccionado. 
A menudo se usa para agregar contenido cosm tico a un elemento   
*/

.accordion.bg-brigadas ul li .menuitem.activeitem::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 50%;
    background: transparent;
	-webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
}


.accordion.bg-brigadas ul li .menuitem.activeitem {
    color:  #fff;
	background: #c90a4a !Important; /* #900 !Important;*/
	
}

.accordion.bg-brigadas a.menuitem u li ul{
    color: #fff;
    background: #c90a4a !Important; /*#900 !Important; */
}


.accordion.bg-brigadas ul li ul {
    color:  #fff;
}

/*
	cuando el menu desplegado es activo, ponemos el pseudo-elemento, triangulo, en color blanco
*/
.accordion.bg-brigadas ul li .menuitem.submenu.activeitem.iconopen::after {

	border-color: transparent transparent transparent #fff;
	
}

.accordion.bg-brigadas ul li .menuitem.desactivado.activeitem {
    color: grey !Important;
    cursor: not-allowed !Important;
    background: transparent !Important;
}


.accordion.bg-brigadas ul li .menuitem.activeitem:hover {
    color: #fff;
    opacity: 0.8;
}

.accordion.bg-brigadas ul li .menuitem:hover {
    color: #c90a4a; /*#900;*/
    opacity: 0.8;
}

/*
color de fondo a los hijos de un submenu 
*/
.accordion.bg-brigadas ul li ul li a.menuitem{
	background-color: #ebfdff !important;
	color: #014a60;
}

/* 
hijos de un submenu que son padres 
*/
.accordion.bg-brigadas ul li ul li a.submenu{
}	

.accordion.bg-brigadas ul li ul li ul li a.menuitem{
	font-weight: normal !important;
	background-color: #fff !important;
}