div#menuprincipal {
  width:195px;
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:bold;
}



#menuprincipal a.niv1 {
  position: relative;
  display: block;
  height:21px;
  background-image: url(/img/arbre/menuniv1.png);
  background-repeat: no-repeat;
  line-height:20px;
  text-decoration: none;
  color: #333333;
}

#menuprincipal a.niv1 span {
  display: none;
  z-index:500;
}
#menuprincipal a.niv1:hover {
  /*color: #ffffff;*/
  background-image: url(/img/arbre/menuniv1monoselected.png);
}

#menuprincipal a.niv1:hover span {
  display: inline;
  position: absolute;
  top: 1.5em;
  left: 7em;
  border:1px solid black;
  line-height:12px;
  font-weight:normal;
  background: white;
  text-align: center;
  color: black;
  padding: 2px;
}

#menuprincipal a.niv2 {
  display: block;
  height:21px;
  background-image: url(/img/arbre/menuniv2.png);
  background-repeat: no-repeat;
  line-height:20px;
  text-decoration: none;
  color: #333333;
}

#menuprincipal a.niv2:hover {
/*  color: #191970;*/
  background-image: url(/img/arbre/menuniv2selected.png);
}


#menuprincipal a.niv2selected {
  display: block;
  height:21px;
  background-image: url(/img/arbre/menuniv2selected.png);
  background-repeat: no-repeat;
  line-height:20px;
  text-decoration: none;
  color: #333333;
}

#menuprincipal a.niv1monoselected {
  display: block;
  height:21px;
  background-image: url(/img/arbre/menuniv1monoselected.png);
  background-repeat: no-repeat;
  line-height:20px;
  text-decoration: none;
  color: #ffffff;
}

#menuprincipal a.niv1monoselected span {
  display:none;
}

#menuprincipal a.niv1multiselected {
  display: block;
  height:21px;
  background-image: url(/img/arbre/menuniv1multiselected.png);
  background-repeat: no-repeat;
  line-height:20px;
  text-decoration: none;
  color: #ffffff;
}

#menuprincipal a.niv1multiselected span {
  display: none;
}