/* Basic code - don't modify */

 #nav { display: block; margin: 0; padding: 0; position: relative;  height:28px;line-height:28px;}
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: -25px; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
      #nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none;}
    #nav ul ul { top: 0; }

/* Essentials - configure this */

#nav ul { width: 130px; text-align: right; text-decoration:none;}
#nav ul ul { left: -132px;}
#nav ul ul#acerca{ left: -152px; width:150px;}
#nav ul ul ul#miembros{ left: -402px; width:400px;}
#nav ul ul ul#paises{ left: -82px; width:80px;}

/* Everything else is theming */

#nav a{ color:#FFF; padding:7px; line-height: 1; text-decoration:none;}

#nav ul{top: 25px; border:1px solid #d9ecfa; line-height: 15px;}
#nav ul li{background-color: #b1c8d8;  border-bottom: 1px solid white;}
#nav ul li a{ color:#1c6083; padding:3px 7px; line-height: 15px;}
#nav ul li a:hover{color:#d9ecfa; text-decoration:none; background-color:#1c6083;}

#nav ul li a.submenu { background: url(ddmenuimg/arrow_over.gif) 10px 7px no-repeat;}
#nav ul li a.submenu:hover{ background: url(ddmenuimg/arrow_over.gif) 10px 7px no-repeat #1c6083;}