#navigation {
font-family: "helvetica neue", helvetica, sans-serif;
font-size: 13px;
width: 1024px;
margin: 0 auto;
background-color: #2f608e;	
}

#navigation li {
float: left;
margin-right: 1px;
padding-right: 1px;

position: absolute;
top: -6px;
left: 0;
background-color: #2f608e;
z-index: 1;
font-size: 12px;
}

#navigation li ul {
display: none;	
}

#navigation a {
color: #fff;	
}

#navigation a:hover {
color: yellow;
text-decoration: none;
}

/* desde aca */

.ulniveau3, .ulniveau4, .ulniveau5, .ulniveau6 {
display: none;
}

#navigation {
z-index: 100;
}

.item0 {
display:none;
}

#navigation li {
float: left;
position: relative;

}

.niveau1 {
font-size: 13px;
}

.niveau1 a {
margin-left: 6px;
margin-right: 8px;
text-decoration: none;
color: #fff;
padding-bottom: 6px;
display: block;
}

.niveau1 a:hover {
color: #ff0000;
}

.ulniveau2 {
display: none;
width: 12em;
position: absolute;
top: 1.8em;
left: 0;
background-color: #2f608e;
z-index: 10000;
font-size: 12px;
}

.niveau2 {

}

.niveau2 {
width: 100%;
}

.niveau2 a{
text-decoration: none;
padding: 6px 6px;
margin: 0;
display: block;
border-top: 1px solid #fff;
}

.niveau2 a:hover {
background-color: #1C3955;
color: #fff;
}

/*#navigation li>ul { 
 to override top and left in browsers other than IE, 
which will position to the top right of the containing li, 
rather than bottom left 
top: auto;
left: auto;
}*/

#navigation li:hover ul, li.over ul { 
/* lists nested under hovered list items */
display: block;
}