/*!
/*Styling top level menu items.*/
.navaccordion a, .navaccordion label {
  display: block;
  padding: .8em 5px .8em 1rem;
  color: rgba(72,92,102,1);
  font-size:.9em;
  box-shadow: inset 0 -1px #C1D6E1;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in; 
}
.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.5rem;
  background: #fff;
  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;
}


/**
 * Styling second level list items
 */

.sub-group-list a, .sub-group-list label {
  
  padding-left: 3rem;
  background: #fff;
  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: 6rem;
  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;
}
.group-list li:last-child { 
 border-bottom:4px solid #C1D6E1;
}

/*agregado para el index --- */
#accordion_index  li a { /*agregado para el index*/
	padding: .8em 5px .8em 1rem !important;
	letter-spacing: 1px;
	text-decoration:none;
}
#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{color:#fff; 
}
#accordion_index .group-list li a {padding-left: 1.9rem !important;
}
#accordion_index .sub-group-list li a {padding-left: 2.8rem;
}

/*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(127,172,209,1) !important;
  color: #FFFFFF;
}
.navaccordion__list  group-list li a:hover{
  background-color: rgba(127,172,209,1);
  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%;
}
}