/* crean las condiciones para el menú desplegable*/
#nav {margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;line-height:18px;z-index:3000;text-transform:uppercase;}
#nav ul{margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;line-height:18px;z-index:3000;background-color:#fff;}

/* efectos en menu principal */
#nav a {display:block;padding:2px 17px;color:#999;text-decoration:none;}
#nav a:hover{color:#419df3;}

/* pone el menú en posicion horizontal */
#nav li {float:left;position:relative;}

/* Despliega el submenu en vertical */
#nav ul {position:absolute;display:none;width:250px;top:27px;left:22px;background-color:#fff;}


/* Da estilo al submenu vertical */
#nav li ul a {float:left;color:#666;padding:3px 4px;width:242px;border-bottom:1px solid #666;background-color:#fff;margin:0px;height:20px;}
#nav li ul a:hover {color:#419df3;}

.selected {color:#419df3;}