.menu {
  border: none;
  /*border: 0px;*/
  /*margin: 14px auto 0px auto;*/
  padding: 0px;
  /*width: fit-content;*/
}

.menu ul {
  
  height: 35px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu li {
  float: left;
  padding: 0px;
  text-align: center;
}

.menu ul.submenu{
  margin-top: 0px;

}

.menu ul.submenu li a {
  background: transparent url("images/seperator.gif") bottom right no-repeat; /*MENU*/ /*AZUL*/
  display: block;
  font-weight: normal;
  line-height: 35px;
  margin: 0px;
  /* padding: 0px 25px; */
  /* text-align: center; */
  text-decoration: none;


}

.menu ul li a {
  /*color: #fff; */
}
.menu ul li > ul > li > a {
  color: #fff; 
  font-size: 13.5px;
}


.menu ul li:hover > a {
  background: transparent url("images/hover.gif") bottom center no-repeat; /*AZUL ESCURO*/
/*  color: #ffffff;*/
  text-decoration: none;
}

.menu li ul {
  /*background: pink;*/
  display: none;
  height: auto;
  padding: 0px;
  margin: 0px;
  border: 0px;
  position: absolute;
  width: 225px;
  z-index: 200;
  /*top:1em;
	/*left:0;*/

}
.menu li:hover ul {
  display: block;
}
.menu li ul li {
  background: #0e4973 url('../img/sub_sep.gif') bottom left no-repeat; /* AZUL CLARO */
  display: block;
  float: none;
  margin-left: 0px;
  padding: 0px;
  width: 225px;
 /* border-bottom: 1px solid #ffffff;*/

}

.menu li:hover li a {
  background: none;
}
.menu li ul a {
  display: block;
  min-height: 32px;
  /*font-size: 12px;
  font-style: normal;*/
  margin: 0px;
  padding: 0px 10px 0px 15px;
  text-align: left;
}

.menu li ul a:hover,
.menu li ul li:hover > a {
  background: #00121f url('../img/hover_sub.gif') center left no-repeat; /* AZUL */
  border: 0px;
  color: #ffffff;
  text-decoration: none;
}
.menu p {
  clear: left;
}
.menu ul ul li {
  position: relative;
}
.menu ul ul ul {
  left: -9999px;
  top: 0;
}
.menu ul ul li:hover > ul {
  left: 100%;
}
.menu .align-center > ul > li {
  display: inline-block;
  float: none;
}
.menu .align-center > ul {
  text-align: center;
}
.menu > ul > li {
  position: relative;
}
.menu .align-right > ul > li {
  float: right;
}
.menu .align-right > ul > li:hover > ul {
  right: 0;
  left: auto;
  text-align: right;
}
.menu .align-right ul ul li a {
  text-align: right;
}
.menu .align-right ul ul li:hover > ul {
  left: auto;
  right: 100%;
}