/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
 * Arquivo: menu.css
 *
 * @author     Guilherme Rojas <guilhermehrojas@gmail.com>; Leonidas O. Brandao
 *
 *-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

#menu {
  background: #e0e0e0 url(../images/bg_menu.png) repeat-x;
  height: 40px;
  width: 1000px;
  margin: 0px auto;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  height: 40px;
  line-height: 40px
}

#menu-conteudo {
  width: 100%;
  margin: 0 auto;
  height: 40px;
  display: inline-block;
  vertical-align: top;
  line-height: 1.5em;
}

ul.menu {
  margin: 0 auto;
  height: 40px;
  width: 80%;
  padding-right: 0px !important;
  list-style: none;
  }

li.menu {
  float: left;
  display: table-row;
  }

div.menu {
  float: left;
  line-height: 10px;
  display: table-row;
  }

.menu a {
  color: #404040;
  line-height: 30px;
  /*margin-left: 4px;
  padding: 4px; */
  text-decoration: none;
  }

.menu .last a{
  border-right: 0px;
  }

#menu a:hover {
  background: #e0e0e0;
  }

#menu a.ativo, li.ativo {
  /* text-decoration: underline; background:#eee; */
  /* background-color: #fff; color: #444; */
  }

/*
ul.menu-secundario {
  list-style: none outside none; display: none; padding-top: 1px;
  width: 120px; margin-left: 0px; padding-left: 0px;
  }
li.menu-secundario {
  background:#e0e0e0; padding-left: 5px; padding-right: 8px;
  display: block; position: relative; z-index: 1; border-bottom: 1px dotted #999999; }
*/

li.last {
  border-bottom: 0px;
  }

li.ultimo {
  float: right;
  margin-right: 22px;
  }

a.solicitacao {
  color: #BB2A00 !important;
  font-weight: bold;
  border: 0;
  }

li.solicitacao:hover,a.solicitacao:hover {
  background-color: #BB2A00 !important;
  color: #faebcc !important;
  text-decoration: none !important;
}

/* Trecho que descreve a localizacao do botao "Solicitacoes" */
#descricao-menu-movel {
  display: none;
  font-weight: bold;
  }

#descricao-menu-computador {
  display: inline;
  font-weight: bold;
  }


@media screen and (max-width: 700px) {
  #descricao-menu-movel {
    display: inline;
    }

  #descricao-menu-computador {
    display: none;
    }

  #menu {
    background: none;
    }

  #menu, #menu-conteudo {
    height: auto;
    }

  ul.menu {
    height: auto;
    width: 100%;
    padding: 0px;
    text-align: center;
    }

  li.menu {
    float: none;
    background-color: #BB2A00;
    display: block;
    width: 100% !important;
    text-decoration: none !important;
    }

  a.menu {
    display: block;
    font-size: 1.4em;
    color: #fff;
    text-decoration: none !important;
    }

  a.menu:hover {
    color: #BB2A00;
    font-weight: bold;
    }

  #menu a:hover {
    background-color: #fff !important;
    }

  #menu li.ativo {
    /* text-decoration: underline; */
    /* background-color: #fff; color: #444; */
    }

  #menu li.primeiro {
    /* border-top: 1px solid #BB2A00; */
    }

  #menu li.ultimo {
    /* border-bottom: 1px solid #BB2A00; */
    }

  li.ativo > a{
    color: #BB2A00 !important;
    background-color: #fff !important;
    }

  a.solicitacao {
    position: fixed;
    bottom: 0px;
    right: 0px;
    display: block;
    background-color: #BB2A00;
    color: white !important;
    z-index: 10;
    }

  a.solicitacao:hover {
    color: #BB2A00 !important;
    }
  }

/* ---------------------------------------------------------------------- */
/* sub-menus                                                              */
@media screen and (min-width: 600px) {
  /* Sub Menus */
 .menu li ul { /* ul nivel 2 */
   display: none; /* para so mostrar quando passar mouse sobre */
   z-index: 99999;
   }

 .menu li:hover ul { /* ul nivel 2 */
   display: inline-block; /* display: block;*/
   z-index: 99999;
   }

 .menu li ul li {  /* ul nivel 2: posiciona o sub-menu sob o primeiro */
   background: #e0e0e0 url(../images/bg_menu.png) repeat-x;
   display: inline-block; /* display: block;*/
   text-align: left;
   width: inherit; /* usar mesmo tamanho do pai */
   position: relative;
   left: -40px; /* posicione 1 bloco a menos */
   top: 0px;
   z-index: 99999;
   }

  }
/* ---------------------------------------------------------------------- */

.menu{list-style:none; float:left; padding: 0;}

.menu li{position:relative; float:left;
  border-right: 1px dotted #D8D8D8;}

.menu li a{text-decoration:none; padding:4px 10px; display:inline-table; border:solid 0px red;}

.menu li ul{position:absolute; top:38px; left:0; display:none; }

.menu li ul li:hover {background: #e0e0e0;}

.menu li:hover ul, .menu li.over ul{display:block;}

.menu li ul li{display:block; width:160px;}