/* These styles create the dropdown menus. */
#navbar{
position: relative;
width: 980px;
height: 83px;
}

#navbar li{
list-style: none;
float: left;
display: inline-block;
margin: 0 0 0 10px;
}

#navbar li a{
display: block;
height: 15px;
padding: 11px 19px 11px 19px;
text-decoration: none;
font: bolder 0.75em Arial, Helvetica, sans-serif;
background: transparent;
color: #f2f2f2;
}

#navbar li:hover,
#navbar li:hover a{
background: #e9e3d5;
color: #545454;
}
#navbar li ul{
display: none;
}

#navbar li:hover ul, #navbar li.hover ul{
position: absolute;
display: inline;
left: 0;
width: 100%;
margin: 0;
padding: 0;
}

#navbar li:hover li, #navbar li.hover li{
float: left;
height: 38px;
background: transparent;
color: #333;
}

#navbar li:hover li a, #navbar li.hover li a{
background: transparent;
color: #666;
height: 14px;
padding: 12px 10px 12px 10px;
}

#navbar li li a:hover{
background: #d6d0c4;
color: #000;
}
/**
* AGREGADO PARA UBICAR UN SUBMENU VERTICAL DESPLAGABLE
**/
#navbar li ul li.submenu-dropdown div.submenu-dropdown-list{
display: none;
}

#navbar li ul li:hover.submenu-dropdown div.submenu-dropdown-list, #navbar li ul li.hover.submenu-dropdown div.submenu-dropdown-list{
display: inline-block;
width: 200px;
margin: 0 0 0 -82px;
padding: 0;
border: 1px solid #C0C0C0;
}

#navbar li ul li.submenu-dropdown div.submenu-dropdown-list .submenu-dropdown-opciones{
    background: #e9e3d5;
}

#navbar li ul li.submenu-dropdown{
    float: right;
    width: 120px;
    margin: 0 10px 0 0;
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
}