﻿#menu{
    background-color:black;
    height:46px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    z-index:100;
}
ul.topnav {
    list-style: none;
    padding: 0 20px;	
    margin: 0;
    float: left;
    width: 920px;
}
ul.topnav li {
    float: left;
    margin: 0;	
    padding: 0 15px 0 0;
    position: relative; /*--Declare X and Y axis base for sub navigation--*/
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
ul.topnav li a{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size:large;
    padding: 10px 5px;
    color: #fff;
    display: block;
    text-decoration: none;
    float: left;
}
ul.topnav li.active a{
    color:#808080;
    font-weight:bold;
}
/*--Só as outras opções que não a atual é que têm o efeito hover--*/
ul.topnav li:not(.active):hover{
    /*background-color:#00003E;*/
    z-index:100;
    font-weight:bold;
}

ul.topnav li span { /*--Drop down trigger styles--*/
    width: 17px;
    height: 35px;
    float: left;
    background: url(subnav_btn2.gif) no-repeat center top;
}
ul.topnav li span.subhover {
    background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
    
ul.topnav li ul.subnav {
    list-style: none;
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    left: 0; top: 35px;
    background-color: #333;
    margin: 0; padding: 0;
    display: none;
    float: left;
    width: 170px;
    z-index:100;
    border: 1px solid #111;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
ul.topnav li ul.subnav li{
    margin: 0; padding: 0;
    border-top: 1px solid #252525; /*--Create bevel effect--*/
    border-bottom: 1px solid #808080; /*--Create bevel effect--*/
    clear: both;
    width: 170px;
    
}
html ul.topnav li ul.subnav li a {
    float: left;
    width: 145px;
    background-color:#333;
    padding-left: 20px;
    
}
/*html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
    /*background-color:#00003E;
}*/

/*Para o menu flat*/
/*
li.submenu{
    position:relative;
    top:0px;
    height:46px;
    z-index:100;
    float: left; margin: 0 auto; width: 100%;
}

li.submenu a {
    background: #808080;
    margin-right:1px;
    text-decoration:none;
    font-style:italic;
    font-weight:bold;
    color: #fff;
    font-family: Tahoma, 'Trebuchet MS', Verdana, sans-serif;
    font-size: 15px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #808080;
}
li.submenu:hover{
    background-color:white;
}
li.submenu a:hover{
    color:black;
}

*/

ul#submenu{
    display:table-row;
    list-style: none;
    position:relative;
    height:50px;
    z-index:110;
    /*margin: 0 auto;*/
}
ul#submenu>li{
    float:left;
    left:0;
}

/*ul#submenu>li>a{
    top:1px;
}*/
.botao{
    position:relative;
    background: #808080;
    top:3px;
    margin-right:2px;
    padding:5px 8px;
    text-decoration:none;
    font-style:italic;
    font-weight:bold;
    color: #fff;
    font-family: Tahoma, 'Trebuchet MS', Verdana, sans-serif;
    font-size: 15px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #808080;
}
.botao:hover{
    color:black;
}