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

.plainmenu ul li a {
  float: left;
  clear: none;
  list-style: none;
  margin: 4px 8px;
  border-left: 1px solid #888888;
}


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

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

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

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

/* Top level menu links items */
.dropmenu ul li a{
  display: block;
  /* width: 126px;  Width of top level menu link items */
  margin-right: 12px;
  padding-right: 18px;
  text-decoration: none;
  color: #E8E8E8;
  font-size: 18px;
}
.dropmenu ul li a:hover {
  color: #FFFFFF;
}

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

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

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

/* SubList menu links items */
.dropmenu ul li ul li a{
    width: 136px;
    text-decoration: none;
    font-size: 11px;
    font-weight: 500;
    margin: 0px;
    padding-left: 4px;
    padding-right: 8px;
  background-color: trasparent;
  color: #E8E8EF;
  border-top: 1px solid #E8E8E8;
}
.dropmenu ul li ul li a:hover{
  background-color: #E8E8E8;
  color: #4444EF;
}

/* Background image for top level menu list links */
.dropmenu .dropnode {
  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;
	list-style: none;
	padding-bottom: 2px;
}

/* Top level menu links items */
.listmenu ul li a{
  padding: 2px 6px;
  color: #002F2F;
  font-size: 12px;
  display: block;
  border-top: 1px dotted #969696;
}
.listmenu ul li a:hover {
  color: #004F4F;
  text-decoration: underline;
}

/* All Sub Items links */
.listmenu ul li ul li a{
  padding-left: 12px;
  color: #004F4F;
  font-size: 11px;
  display: block;
  border-top: none;
}
.listmenu ul li ul li a:hover{
  color: #006F6F;
}

/* Background image for top level menu list links */
.listmenu .listnode{
  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{
  display: block;
  margin-left: 1em;
  background-color: trasparent;
  background-image: url(../../images/iconos/right.gif);
  background-repeat: no-repeat;
  background-position: right;
}