/*******************************************************************************
* MENU PLANO
*******************************************************************************/

.plainmenu ul, .plainmenu ul li, .plainmenu ul li a {
  font-family: Trebuchet, Helvetica, Geneva, Verdana;
  float: left;
  clear: none;
  list-style: none;
  margin: 4px 8px;
  border-left: 1px solid #888888;
  background: none;
}

/*******************************************************************************
* MENU HORIZONTAL (dropmenu)
*******************************************************************************/

.dropmenu {
  font-family: Trebuchet, Helvetica, Geneva, Verdana;
  float: none;
  clear: both;
  background-color: trasparent;
  color: #000000;
  padding-top: 4px;
  padding-bottom: 4px;
}

.dropmenu ul{
  z-index: 1;
  position: relative;
  margin: 0px;
  padding: 0px;
  list-style: none;
  text-align: left;
}

/* Top level menu list */
.dropmenu ul li{
  position: relative;
  display: inline;
  float: left;
  padding: 0px;
  padding-bottom: 15px;
  background: none;
  list-style: none;
}

/* Top level menu links items */
.dropmenu ul li a{
  display: block;
  /* width: 126px;  Width of top level menu link items */
  padding-right: 1em;
  text-decoration: none;
  color: #000000;
  font-size: 12px;
  padding-left: 4px;
  border-left: 1px solid #888888;
  padding-right: 2px;
  border-right: 2px solid #FFFFFF;
}
.dropmenu ul li a:hover {
  color: #A66A22;
}

/* Sub level menu list */
.dropmenu ul li ul{
  position: absolute;
  top: 1em; /* no need to change, as true value set by script */
  display: block;
  padding: 0px; /* espacio del desplegable */
  background: #7E8DA0;
  visibility: hidden;
}

/* Sub level menu items */
.dropmenu ul li ul li {
  display: list-item;
  float: none;
      padding: 0px 4px 2px 4px;
  background: #7E8DA0;
}

/* Sub lebel menu items list */
.dropmenu ul li ul li ul{
  top: 0px;
  padding: 0px 2px 2px 0px;
  margin-left: 2px;
  border-left: 1px solid #E8E8E8;
}

/* SubList menu links items */
.dropmenu ul li ul li a{
  display: block;
    width: 136px;
    text-decoration: none;
    font-size: 12px;
  background-color: trasparent;
  color: #E8E8E8;
  border-top: 1px solid #E8E8E8;
}
.dropmenu ul li ul li a:hover{
  background-color: trasparent;
  color: #FFFFFF;
  border-top: 1px solid #E8E8E8;
}

/* Background image for top level menu list links */
.dropmenu .dropnode {
  margin-right: 1.5em;
  background-color: trasparent;
  background-image: url(../../images/iconos/hm_down.gif);
  background-repeat: no-repeat;
  background-position: right;
}

/* Background image for subsequent level menu list links */
.dropmenu .dropsubnode{
  background-color: trasparent;
  background-image: url(../../images/iconos/hm_right.gif);
  background-repeat: no-repeat;
  background-position: right;
}


/*******************************************************************************
* MENU VERTICAL (listenu)
*******************************************************************************/

.listmenu {
	float: none;
  clear: both;
  margin: 0px;
  padding: 0px;
	background-color: trasparent;
}

/* Top level menu list */
.listmenu ul {
  z-index: 1;
  margin: 0px;
  padding: 0px;
  position: relative;
  padding: 5px;
	list-style: none;
}

/* Top level menu list */
.listmenu ul li{
  margin-bottom: 35px;
  list-style: none;
  margin: 0px;
  padding: 0px;
  padding-top: 8px;
  padding-botton: 8px;
}

/* Top level menu links items */
.listmenu ul li a{
  padding: 4px;
  color: #E0E0E0;
  font-size: 14px;
  display: inline;
  border: 2px solid #888888;
  background-color: #505863;
}
.listmenu ul li a:hover {
  color: #FFFFFF;
  border: 2px solid #E8E8E8;
  background-color: #586268;
}

/* Sub level menu list */
.listmenu ul li ul{
  float: none;
  clear: both;
}

/* Sub level menu items */
.listmenu ul li ul li {
  float: none;
  clear: both;
}

/* All Sub Items links */
.listmenu ul li ul li a{
  background-color: trasparent;
  color: #E8E8E8;
  border-top: 1px solid #E8E8E8;
}
.listmenu ul li ul li a:hover{
  background-color: trasparent;
  color: #FFFFFF;
  border-top: 1px solid #E8E8E8;
}

.listblock {
  display: block;
}

.listnone {
  display: none;
}

/* Background image for top level menu list links */
.listmenu .listnode{
  float: none;
  clear: both;
  display: block;
  background-color: trasparent;
  background-image: url(../../images/iconos/down.gif);
  background-repeat: no-repeat;
  background-position: right;
}

/* Background image for subsequent level menu list links */
.listmenu .listsubnode{
  float: none;
  clear: both;
  display: block;
  margin-left: 1em;
  background-color: trasparent;
  background-image: url(../../images/iconos/right.gif);
  background-repeat: no-repeat;
  background-position: right;
}

