/**/
/* menu horizontal by micox */
#menu-principal ul {
display:table;
text-align:center;
margin:0 auto;
/*height:20px;*/
}

#menu-principal ul * {
margin: 0;
padding: 0;
}

#menu-principal ul a {
display: block;
}

#menu-principal ul li {
list-style: none;
float: left;
height: 1%;
}

#menu-principal ul li ul {
position: absolute;
visibility: hidden;
white-space: nowrap;
}

/* hack para navegadores que exigem width para elementos pos absolute (Opera) */
html:first-child>body #menu-principal ul li ul {
width: 500px;
}

#menu-principal ul li:hover ul,
#menu-principal ul li.over ul {
visibility: visible;
} /* a class  .over eh tecnica pro hover no IE */

#menu-principal ul li:hover ul li ul,
#menu-principal ul li.over ul li ul{
visibility: hidden;
}

#menu-principal ul li ul li:hover ul,
#menu-principal ul li ul li.over ul{
visibility: visible;
}

/* visual */
.menu-hh {
}

#menu-principal ul a {
font-weight:normal;
text-decoration: none;
/*
font-size:11px;
font-family:Arial,Helvetica;
*/
color:#816300;
padding:0 5px;
line-height:1.5em;
font-size:11px;
}

#menu-principal ul li:hover {
/*text-decoration: underline;*/
/*
color:#3452B2;
background-color: #2d97cb;
*/
}
 
#menu-principal ul li:hover li {
color:#3452B2;
background-color: #2d97cb;
}

#menu-principal ul li:hover a {
color:#3452B2;
background-color: #2d97cb;
color:#fff;
}

#menu-principal ul li ul {
background:#2d97cb none center bottom;
padding:5px;
/*width:122px;*/
}

#menu-principal ul li ul li{float:none; text-align:left !important; }
#menu-principal ul li ul li a, #menu-principal ul li ul{text-align:left !important;}
#menu-principal li{text-align:left !important;}

#menu-principal ul li:hover ul li a { 
/*width:112px;*/
padding:5px 5px;
}

#menu-principal ul li ul li a:hover {
background-color:#bddcf8;
}