
.menu       {width:1080px; margin:22px 0 10px; background:url('../images/menu.png') no-repeat 0 0;}

.menu ul#nav  {display:block; margin:auto; background: url('../images/menu-right.png') no-repeat 100% 0; height:40px; padding:0 0 0 5px; position:relative; z-index:100; list-style:none}

.menu #nav .second {float:right}
.menu #nav .vizualization a {display:inline-block; padding-left:50px; background-image: url('../images/bubbles.png'); background-repeat:no-repeat; background-position: 10px 50%;}

#nav, #nav ul{
margin:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
}

#nav .sep{
border-right:1px solid #ccc;
width: 50px;
line-height:15px;
padding:12px 20px 11px;
}

#nav a{
display:block; padding:12px 20px 11px; text-align: center; margin:1px 0; color:#333; 
border-right:1px solid #ccc; text-decoration:none; margin-bottom:-1px; position:relative; z-index:101; font-size:1.2em; line-height:15px;}

#nav a:hover{
background-color:#fff;
color:#333;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:12em;
top:38px;
}

#nav li ul a{
width:12em;
height:auto;
float:left;
background-color: #F4F4F4;
border:1px solid #ccc;
}

#nav li ul .ddmenuYearsItems a{
width:7em;
}

#nav li.viewsList ul a{
width:12em;
}

#nav li.viewsList ul li.vizualization a{
padding-left: 20px; margin-left: 50px;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 0px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}