/*!
/*Styling top level menu items.*/
.navaccordion a,.navaccordion label {
  display: block;
  padding: 5px 5px 5px 10px;
  color: rgba(72,92,102,1);
  font-size:.9em !important;
  box-shadow: inset 0 -1px #C1D6E1;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;    
   letter-spacing: 1px;
}
.navaccordion ul {
   margin-bottom:-0.1em;
   padding: 0em 0 0 0;
	overflow: auto
}
.navaccordion ul ul{
   padding: 0.1em 0 0 0;}
 
.navaccordion a:focus, .navaccordion a:hover, .navaccordion label:focus, .navaccordion label:hover {
 	background:rgba(var(--color1), 0.2);
	color: rgba(72,92,102,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(var(--color1), 0.4); color:#666666;
}
.group-list li a:hover{background-color: rgba(var(--color1), 0.2);color:#666666;}

/**
 * Styling second level list items
 */
.sub-group-list a, .sub-group-list label,.sub-group-list p {
  padding-left: 3.6rem;
  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(var(--color1), 0.2); 
}

/** * Styling third level list items*/
.sub-sub-group-list a, .sub-sub-group-list label {
  padding-left: 4.3rem;
  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(var(--color1), 0.4); }

/**
 * Hide nested lists
 */
.group-list, .sub-group-list, .sub-sub-group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .1s ease-in !important;
  transition: max-height 0.1s ease-in !important;
}
label > span {
  float: right;
  -webkit-transition: -webkit-transform .65s ease !important;
  transition: transform .65s ease !important;
}

.navaccordion__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
	max-height: 2000px; 
	-webkit-transition: max-height .1s ease-in !important;
	transition: max-height .1s ease-in !important;}

.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(var(--color1),.6);
  color: #FFFFFF;
  /*font-weight: bold;*/
}
.navaccordion__list .group-list input[type=checkbox]:checked + label {
  background-color: rgba(var(--color1), 0.4);
  color: #666666;
}
.group-list li:last-child { 
 border-bottom:3px solid #C1D6E1;
}

/*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  .group-list li a:hover, .navaccordion__list  a:hover{
  background-color: rgba(var(--color1), 0.7);
  color: #FFFFFF;
}*/
/*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(var(--color1), 0.4);
}
#accordion_index .group-list li a {padding-left: 1.5rem;
}
#accordion_index .sub-group-list li a {padding-left: 3.5rem;
}


#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%;
}
}
.navacc21 ul {
   margin-bottom:-0.1em;
   padding: 0em 0 0 0;color:rgba(255,255,255,1.00);
}
.navacc21 a, .navacc21 label
 {
	color: rgba(222,236,243,1.00);
	background-color:transparent;
}
.navacc21 a:focus, .navacc21 a:hover, .navacc21 label:focus, .navacc21 label:hover
{
  color: rgba(222,236,243,1.00);
}
.navacc21 .group-list a, .navacc21 .group-list label{
  background-color:transparent;color:rgba(222,236,243,1.00);
}
.navacc21 .group-list a:focus, .navacc21 .group-list a:hover, .navacc21 .group-list label:focus, .navacc21 .group-list label:hover { 
background:rgba(var(--color1), 0.2); color:rgba(222,236,243,1.00);
}
.navacc21 .group-list li a:hover, .navacc21 .sub-group-list li a:hover{background-color: transparent;color:rgba(255,255,255,1.00);}

.navacc21 .group-list input[type=checkbox]:checked + label {
  background-color: rgba(var(--color1), 0.5);
  color:rgba(255,255,255,1.00);
}