/* Subnav Menu
------------------ */
/*-- container geral do menu--*/
ul#topnav {
margin: 0;
padding: 0;
float: left;
width: 100%; /*-- se quiser edite a largura total do menu --*/
list-style: none;
position: relative;
font-size: 1.2em; /*-- edite tamanho da fonte--*/
background: #000; /*-- edite cor de fundo--*/
margin-bottom: 50px;
}
/*-- itens das listas--*/
ul#topnav li {
float: left;
margin: 0;
margin-left: 27%;
padding: 0;
border-right: 1px solid #555; /*--edite borda--*/
border-left: 1px solid #555; /*--edite borda--*/

}
/*-- links dos itens das listas --*/
ul#topnav li a {
padding: 10px 15px;
display: block;
color: #fff; /*-- edite cor dos links --*/
text-decoration: none;
}
/*-- links dos itens das listas no modo hover --*/
ul#topnav li a:hover {
color:#000; /*-- edite cor dos links --*/
}
/*-- item da lista no modo hover--*/
ul#topnav li:hover {
background: #cecece; /*-- edite cor de fundo--*/
}

/*-- item da lista do submenu--*/
ul#topnav li span {
float: left;
padding: 15px 0;
position: absolute;
left: 0;
top:35px;
display: none;
width: 100%;
background: #cecece; /*-- edite cor de fundo do submenu--*/
color: #fff; /*-- edite cor dos links do submenu--*/
/*--bordas arredondadas a direita--*/
-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
/*--bordas arredondadas a esquerda--*/
-moz-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}

/*-- item da lista do submenu no estado hover--*/
ul#topnav li:hover span {
display: block;
}
/*-- links do item da lista do submenu--*/
ul#topnav li span a {
display: inline;
color:#000; /*-- edite cor dos links do submenu --*/
}
/*-- links do item da lista do submenu no modo hover--*/
ul#topnav li span a:hover {
text-decoration: underline;
color:#fff; /*-- edite cor dos links do submenu no estado hover --*/
}