/* NAV BASE */
#nav,
#nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font: 10px arial, verdana, sans-serif;
    background: #ffffff; /* fundo branco */
    position: relative;
    z-index: 100;
}

#nav {
    height: 23px;
    width: 600px;
    padding: 0;
    background: #ffffff; /* fundo branco */
}

/* RESET TABLE */
#nav table { border-collapse: collapse; }

/* LIST ITEMS */
#nav li { float: left; }
#nav li li { float: none; }

/* IE5/IE6 hack */
#nav li a li { float: left; }

/* LINKS */
#nav li a {
    display: block;
    float: left;
    color: #000000; /* texto preto */
    height: 23px;
    padding: 0 20px 0 10px;
    line-height: 22px;
    text-decoration: none;
    white-space: nowrap;
    font-weight: bold;
    border-left: 1px solid #cccccc; /* divisor discreto */
    background: #ffffff; /* fundo branco */
}

#nav li li a {
    height: 21px;
    line-height: 20px;
    float: none;
}

/* HOVER */
#nav li:hover { position: relative; z-index: 100; }

#nav a:hover {
    position: relative;
    z-index: 100;
    background: #e60000; /* hover vermelho */
    color: #ffffff; /* texto branco no hover */
    border-left: 1px solid #e60000;
}

#nav li:hover > a {
    border-left: 1px solid #e60000;
    background: #e60000;
    color: #ffffff;
}

/* SUBMENUS */
#nav ul {
    position: absolute;
    left: -9999px;
    top: -9999px;
}

/* Mostrar submenu */
#nav :hover ul {
    left: 0;
    top: 23px;
    border-left: 1px solid #e60000;
    width: 100%;
    z-index: 300;
}

#nav a:hover ul { left: -1px; }

/* FLYOUT (submenu de submenu) */
#nav li:hover li:hover > ul { left: 0; margin-left: 100%; top: 0; }

#nav li:hover > ul ul {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 100%;
}

/* Hover nos níveis */
#nav li:hover li:hover > a {
    background: #e60000;
    color: #fff;
    border-left: 1px solid #e60000;
}

/* HOVER ESPECÍFICO */
#nav li a:hover ul li a:hover {
    background: #843;
}

/* COMPATIBILIDADE IE5/IE6 (mantido) */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul {
    left: 100%;
    top: 0;
}

#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul {
    position: absolute;
    left: -9999px;
    top: -9999px;
}