/* JS disabled styles ***/
.no-js #topNav li:hover ul { display:block; }

/* base #topNav styles */
#topNav { display:block; margin:0 auto 20px; border:1px solid #77d5f7; position:relative; background-color:#daeaf8; font:16px; 
z-index:1;}
#topNav ul { padding:0; margin:0; }
#topNav li { position:relative; float:left; list-style-type:none; margin-left: 0px;}
#topNav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#topNav li a { display:block; padding:5px 20px; border-left:1px solid #daeaf8; border-right:1px solid #9BCEFA; color:#05419b; text-decoration:none; }
#topNav li a:focus { outline:none; text-decoration:underline; }
#topNav li:first-child a { border-left:none; }
#topNav li.last a { border-right:none; }
#topNav a span { display:block; float:right; margin-left:5px; }
#topNav ul ul { display:none; width:100%; position:absolute; left:0; background:#daeaf8; }
#topNav ul ul li { float:none; }
#topNav ul ul a { padding:5px 5px; border-left:none; border-right:none; }
#topNav ul ul a:hover { background-color:#eaf3fb;
 }
 
 .topNav * { margin: 0; padding: 0;}
 .topNav a { display: block; }
 .topNav li { list-style: none; float: left; height: 1%; }
 .topNav li ul { position: absolute; visibility: hidden;}
 .topNav li ul li { float: none; white-space: nowrap; display: inline; /* o inline é pro IE */}
 .topNav li ul li ul { position: absolute; left: 100%; top: 0; }
 .topNav li:hover ul, .menu-hv li.over ul { visibility: visible;}
 .topNav li:hover ul ul, .menu-hv li.over ul ul { visibility: hidden;}
 .topNav ul ul li:hover ul, .menu-hv ul ul li.over ul { visibility: visible;}

/* CSS3  */
.borderradius #topNav { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.cssgradients #topNav { background-image:-moz-linear-gradient(0% 22px-------------------------------------- 90deg, #eaf3fb, #daeaf8); background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#daeaf8), to(#eaf3fb)); }



.borderradius #topNav ul ul { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }


.borderradius.rgba #topNav ul ul li.last { border-left:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
.csstransforms ul a span { -moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg); }