/* Fortação CSS para o Menu Dinâmico */

/* Formatação da caixa de menu principal */
ul#inicio_menu {
  margin       : 0;               /* Sem margens */
  padding      : 0;               /* Sem espaçamentos */
  width        : 135px;           /* Largura da caixa */
  border-bottom: 1px solid white; /* Desenha borda no fim da caixa */
}

/* Formatação da caixa usada nos submenus */
ul#inicio_menu ul {
  margin          : 0;               /* Como acima */
  padding         : 0;               /* Como acima */
  width           : 200px;           /* Como acima */
  border-bottom   : 1px solid white; /* Como acima */
  background-color: #00337f;         /* Fundo da caixa do submenu igual ao menu principal */
}

/* Todos os itens terão a formatação abaixo */
ul#inicio_menu li {
  position  : relative; /* Posição relativa ao item pai */
  list-style: none;     /* Sem a imagem de marcação, que vem antes do item */
}

/* Todas as ligações terão a formatação abaixo */
ul#inicio_menu li a {
  display        : block;            /* Mostrar em bloco, de forma a todas ligações
                                      * terem mesma largura e altura incluindo bordas e
                                      * espaçamentos
                                      */
  text-decoration: none;             /* Sem formatação padrão de ligação do navegador */
  color          : white;            /* Cor do texto do menu */
  padding        : 5px;              /* Espaçamento ao redor do item (bloco) */
  border-top     : 1px solid white;  /* Mostra uma borda sobre cada item (bloco)
                                      * Junto com a borda no final do menu
                                      * dá o efeito de cada item entre divisórias
                                      */
}

/* Fix IE. Hide from IE Mac \*/
* html ul#inicio_menu li { float: left; height: 1%; }
* html ul#inicio_menu li a { height: 1%; }
/* End */

/* Esconde submenus e já atribui algumas formatações no inicial */
ul#inicio_menu ul {
  position: absolute;
  display : none;
  left    : 135px;
  top     : 0;
}

/* Esconde submenus e já atribui algumas formatações */
ul#inicio_menu ul ul {
  position: absolute;
  display : none;
  left    : 199px;
  top     : 0;
  }

/* Formatação diferente para cada ligação de submenu com espaçamento menor */
ul#inicio_menu li ul li a {
  padding      : 2px 5px;
  border       : 1px solid #ccc;
  border-bottom: 0;
}

/* Quanto estiver sobre um item, esconde possíveis submenus do submenu a ser exibido */
ul#inicio_menu li:hover ul ul,
ul#inicio_menu li:hover ul ul ul,
ul#inicio_menu li.sobre_item_pai ul ul,
ul#inicio_menu li.sobre_item_pai ul ul ul,
ul#inicio_menu li.sobre_item_pai ul ul ul ul {
  display: none;
}

/* Mostra o submenu do item que estiver sob o mouse */
ul#inicio_menu li:hover ul,
ul#inicio_menu li li:hover ul,
ul#inicio_menu li li li:hover ul,
ul#inicio_menu li.sobre_item_pai ul,
ul#inicio_menu li li.sobre_item_pai ul,
ul#inicio_menu li li li.sobre_item_pai ul,
ul#inicio_menu li li li li.sobre_item_pai ul {
  display: block;
}

/* Formata o item dado como item pai de submenu com a seta branca*/
ul#inicio_menu li.item_pai {
  background: transparent url(../imagens/estrutura/seta_branca.gif) right center no-repeat;
}

/* Formata item pai para ter fundo preto e seta ouro quando estiver sob o mouse */
ul#inicio_menu li.item_pai:hover,
ul#inicio_menu li.sobre_item_pai {
  background: black url(../imagens/estrutura/seta_ouro.gif) right center no-repeat;
}

/* Deixar em fundo preto o item que não é pai e estiver sob o mouse */
ul#inicio_menu li.item:hover,
ul#inicio_menu li.sobre_item {
  background-color: black;
}

/* Deixar em ouro o item pai - não fumega no IE */
ul#inicio_menu li.item_pai:hover>a,
ul#inicio_menu li.sobre_item_pai>a {
  color: #ffd700;  /* gold (ouro) em CSS3, visto que gold não é definido em CSS2 */
                   /* http://www.w3.org/TR/css3-color/ */
}

/* Deixar em ouro o item sob o mouse */
ul#inicio_menu li a:hover {
  color: #ffd700;  /* gold (ouro) em CSS3, visto que gold não é definido em CSS2 */
                   /* http://www.w3.org/TR/css3-color/ */
}