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

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



/*******************************************************************************
* MENU HORIZONTAL (desplegable con css)
*******************************************************************************/

.desplegable {
  position   : relative;
  height     : 25px;
  list-style : none;
  background : #696969;
}

.desplegable li.top {
  position : relative;
  display  : block;
  float    : left;
}

/* top_link es igual que poner .desplegable > li > a pero como esto último es CSS2, no funciona en IE6 */
.desplegable li a.top_link {
  display      : block;
  float        : left;
  margin-right : 12px;
  color        : #FFF;
}
.desplegable li:hover > a.top_link {
}

.desplegable a {
  line-height     : 25px;
  font-size       : 14px;
  text-decoration : none;
}
.desplegable a:hover {
  text-decoration : underline;
}

.desplegable table {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 0;
  height   : 0;
  border-collapse : collapse;
}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.desplegable a:hover {
  visibility : visible;
}
.desplegable li:hover {
  position : relative; 
  z-index  : 200;
}

/* keep the 'next' level invisible by placing it off screen. */
.desplegable ul, 
.desplegable :hover ul ul, 
.desplegable :hover ul :hover ul ul,
.desplegable :hover ul :hover ul :hover ul ul,
.desplegable :hover ul :hover ul :hover ul :hover ul ul {
  position   : absolute;
  left       : -9999px;
  top        : -9999px;
  width      : 0;
  height     : 0;
  margin     : 0;
  padding    : 0;
  list-style : none;
}

.desplegable :hover ul.sub {
  left    : 0;
  top     : 25px;
  width   : auto;
  height  : auto;
}

.desplegable :hover ul.sub li {
  display    : block;
  position   : relative;
  float      : left;
  clear      : both;
  width      : 200px;
  background : #FFF;
}

.desplegable :hover ul.sub li a {
  display     : block;
  height      : auto;
  padding     : 4px 3px;
  font-size   : 12px;
  line-height : 1;
}

/* fly: para submenús que tienen otro nivel de submenú bajo ellos */
/* se deja aquí escrito cómo deberían escribirse las reglas */
.desplegable :hover ul.sub li a.fly {
}
.desplegable :hover ul.sub li a:hover {
}
.desplegable :hover ul.sub li a.fly:hover {
}
.desplegable :hover ul li:hover > a.fly {
}

.desplegable :hover ul :hover ul,
.desplegable :hover ul :hover ul :hover ul,
.desplegable :hover ul :hover ul :hover ul :hover ul,
.desplegable :hover ul :hover ul :hover ul :hover ul :hover ul {
  z-index    : 300;
  left       : 200px;
  top        : -1px;
  padding    : 0;
  width      : auto;
  height     : auto;
  background : #fff;
}

.desplegable :hover ul.sub li ul {
  border-top : 1px solid #005FB9;
  background : #fff;
  z-index    : 300;
}


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

.dropmenu {
  padding     : 10px;
  height      : 15px;
  font-family : Trebuchet, Helvetica, Geneva, Verdana;
  background  : #696969;
}

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

/* Top level menu list */
.dropmenu ul li {
  position   : relative;
  display    : inline;
  float      : left;
  padding    : 0px;
  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           : #FFFFFF;
  font-weight     : bold;
  font-size       : 14px;
}
.dropmenu ul li a:hover {
  color: #E8E8E8;
}

.dropmenu ul li a span {
  font-weight : bold;
}

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

.dropmenu ul li:hover > ul{
  visibility  : visible;
}

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

/* 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{
  margin           : 0px;
  padding          : 5px 8px 5px 4px;
  width            : 136px;
  text-decoration  : none;
  font-size        : 11px;
  font-weight      : 500;
  background-color : transparent;
  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    : transparent;
  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    : transparent;
  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 : transparent;
}

/* 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    : transparent;
  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    : transparent;
  background-image    : url(../images/iconos/right.gif);
  background-repeat   : no-repeat;
  background-position : right;
}