/*Styling top level menu items.*/
.navaccordion a, .navaccordion label {
  display: block;
  padding: .35rem;
  color: rgba(72,92,102,1);
  font-size:.8em;
  box-shadow: inset 0 -1px #C1D6E1;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;    
  letter-spacing: 1px;
    line-height: 1.2em;
	font-family: 'Roboto Condensed',sans-serif; 
}
.navaccordion ul {
    margin-bottom:-0.1em;
   padding: 0em 0 0 0;}
.navaccordion ul ul{
   padding: 0.1em 0 0 0;}
   	
.navaccordion a:focus, .navaccordion a:hover, .navaccordion label:focus, .navaccordion label:hover {
  background:rgba(105, 175, 233, 0.8);
  color: rgba(255, 255, 255, 1);
}
	
.navaccordion label { cursor: pointer; }
/**Styling sub menu items.
 * Styling first level lists items
 */

.group-list a, .group-list label {
  padding-left: 1.4rem;
  background: #F1F4F6;
  box-shadow: inset 0 -1px #C1D6E1;
}
.group-list a:focus, .group-list a:hover, .group-list label:focus, .group-list label:hover { 
background:rgba(105, 175, 233, 0.2); color:#666666;
}
.group-list li a:hover{background-color: rgba(105, 175, 233, 0.2);color:#666666;}


/**
 * Styling second level list items
 */

.sub-group-list a, .sub-group-list label {
  
  padding-left: 2.3rem;
  background: #EFF2F3;
  box-shadow: inset 0 -1px #C1D6E1;
}
.sub-group-list a:focus, .sub-group-list a:hover, .sub-group-list label:focus, .sub-group-list label:hover { background:rgba(105, 175, 233, 0.2); }

/**
 * Styling third level list items
 */

.sub-sub-group-list a, .sub-sub-group-list label {
  padding-left: 3.2rem;
  background: #fff;
  box-shadow: inset 0 -1px #C1D6E1;
}

.sub-sub-group-list a:focus, .sub-sub-group-list a:hover, .sub-sub-group-list label:focus, .sub-sub-group-list label:hover { background:rgba(105, 175, 233, 0.2); }

/**
 * Hide nested lists
 */

.group-list, .sub-group-list, .sub-sub-group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
}

.navaccordion__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
max-height: 2000px; }

/**/
label > span {
  float: right;
  -webkit-transition: -webkit-transform .65s ease;
  transition: transform .65s ease;
}

.navaccordion__list input[type=checkbox]:checked + label > span {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.navaccordion__list input[type=checkbox]:checked + label {
  background-color: rgba(127,172,209,1);
  color: #FFFFFF;
  /*font-weight: bold;*/
}
.navaccordion__list .group-list input[type=checkbox]:checked + label {
  background-color: rgba(105, 175, 233, 0.2);
  color: #666666;
}

.group-list li:last-child { 
 border-bottom:3px solid #C1D6E1;
}

/*agregado para el index --- */
#accordion_index  li a { /*agregado para el index*/
	padding: 5px 5px 5px 1px;
	letter-spacing: 1px;
}
#accordion_index  li a:hover { /*agregado para el index*/
	color: rgba(255, 255, 255, 1);
}
#accordion_index li span {/*agregado para el index*/
  float: right;
  -webkit-transition: -webkit-transform .65s ease;
  transition: transform .65s ease;
}
#accordion_index .group-list li a:hover{background-color: rgba(105, 175, 233, 0.2);color:#666666;
}
#accordion_index .group-list li a {padding-left: 1.3rem;
}
#accordion_index .sub-group-list li a {padding-left: 2.3rem;
}


/*agregado para el menu --- que no funciona con INPUT, sino con java */
.navaccordion__list  a:hover > span, group-list li a:hover > span{
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.navaccordion__list  a:hover{
  background-color: rgba(105, 175, 233, 0.8);
  color: #FFFFFF;
}
.navaccordion__list  group-list li a:hover{
  background-color: rgba(105, 175, 233, 0.8);
  color: #FFFFFF;
}

#accordion_menu li span {/*agregado para el menu*/
  float: right;
  -webkit-transition: -webkit-transform .65s ease;
  transition: transform .65s ease;
}
#accordion_menu .group-list, #accordion_menu .sub-group-list, #accordion_menu .sub-sub-group-list {
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
}	

.accordion_menuli {
	display:block; 
	vertical-align:top;
	width:auto;font-family:'PT Sans Narrow', sans-serif;font-size:0.9em;
}	
	
@media screen and (max-width: 600px) {
.accordion_menuli {
	width:100%;
}
}