Problem with Menu, CSS [closed]

I will not give you the perfect answer because in the conditions that you posted the question does not help you much.

But with the tests I was able to do using Chrome Dev Tools (F12), you can see that your CSS has serious errors in declaring Menu classes.

See this snippet of your code: (your problem is there)

#cabecalho .menu .engloba-topo:hover .nivel-um{ display: none; position:block; }
#cabecalho .menu .engloba-topo:hover .nivel-um + .nivel-um, #cabecalho .menu .engloba-topo:hover .nivel-um + .nivel-um + .nivel-um{ display: none; }
#cabecalho .menu .nivel-um{ display: relative; }

This certainly can not work: display: none; position:block;

See: position: block does not exist in CSS link

Another problem is with display: relative this also does not exist in CSS link

Maybe you can really solve your problem in CSS only, but in the way that it is not going to work, maybe working with these classes you can solve. I managed to make CSS work that way ... But I do not know if that's exactly how it should be.

#cabecalho .menu .engloba-topo:hover .nivel-um + .nivel-um, #cabecalho .menu .engloba-topo:hover .nivel-um + .nivel-um + .nivel-um {
    display: block;
}
#cabecalho .menu .nivel-um {
    position: relative;
}
#cabecalho .menu .engloba-topo:hover .nivel-um {
    display: block;
    position: relative;