/* saludmesmin rji28jul2020 */


.container-fluid {

	float: left;
	width: 236px;
/*    margin: 1.5em auto;  */
    margin: -10px -10px;
    color: #666666;
/*    background-image: url('../img/navidad1.jpg');  */
    background-color: #C0C0C0;
}


.accordion {
margin:0 10;
width: 236px;

}  

.directorio {
/* margin:30 10;  */
margin-top: 10px;
margin-bottom: 10px;
width: 236px;
height: auto;
text-align:center;
}


ul {
    list-style: none;
    padding: 0;
}

ul .inner {
    overflow: hidden;
    display: none;
    width: 100%;    
}

ul li {
    margin: 0;
}

ul li a {
    text-decoration:none;
    height: 40px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    display: block;
    background: #1f2b36;  /* #24252d;    * color boton */
    color: #F0F0F0;   /* colortexto */
    padding: .7em 0em .7em .5em;  /* posicion texto menu */
    transition: background .3s ease;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid gray;
    border-radius: 0.15em;
    border-width: 0px 0px 0px 0px;
}

ul li a:hover{
  background-color:#353535;   /*     background-color:#f5f6fa; boton submenu*/ 
}

ul li a.toggle {
    background-size: 15px 15px;
    background-position: right;
    background-image: url('../img/downarrow.png');
    width:100%;    
}

#top {
    border-top: 1px solid gray;   /* color borde del boton menu  */
}


/* al pasarmouse menu*/
ul li a.toggle:hover {
/*  background-color: #e6c7d2;  */
  background-color:  #F0F0F0; /* color boton menu al pasar boton */
  color: #272727;    /*  #272727;   /* colortexto menu al pasar mouse*/
}

ul.inner li>a {
    height: 44px;  /* alto boton submenu */
    padding-left: 1em;     /*  padding-left: 2em;   posicion texto Submenu */
    padding-top: .5em;     /*   padding-top: .5em; posicion texto Submenu */
    border-top: .08px solid #444444;    /* color borde del boton Submenu  */    
}

ul.inner .inner li>a {
    padding-left: 3em;
}

ul.inner .inner .inner li>a {
    padding-left: 4em;
}

/*   no aparezca flecha pero si otro color texto SUBMENU
ul li a.expanded {
    background-image: url('../img/uparrow.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
}

*/


.textdir {   /* encabezado palabra "directorio" */
	font-size:20px;
    color:black;
    margin: 10px 0px;   
}





.colortext {
    color:orange;   /*     color:#a0536e;  /*  color: text lapasar mouse */
/*    background-color:#f4dbe4; */
}

ul li a.toggle2 {
    background-size: 15px 15px;
    background-position: right;
    width:100%;
}

/* al pasarmouse solo boton de opcion Inicio*/
ul li a.toggle2:hover {
/*  background-color: #e6c7d2;  */
  background-color:  #F0F0F0;
  color: #272727;   /* colortexto */
}