.dmx {
  width: 845px;
  height: 54px;
  background: url(../Images/BgMenu.jpg) repeat-x left top;
  position: absolute;
  z-index: 20;
}
a .sf-with-ul{
  display: inline;
  float: left;
  line-height: 54px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
  background: url(../Images/BgMenuSepareitor.jpg) no-repeat right top;
  padding-left: 28px;
  padding-right: 28px;
}
.dmx .item1:hover,
.dmx .item1-active:hover {
  background: url(../Images/BgMenuHover.jpg) no-repeat right top;
  color: #FFEA05;
}
.dmx .item2,
.dmx .item2-active {
  line-height: 26px;
  font-family: Arial;
  font-size: 10px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 30px;
  border-bottom: solid 1px #000;
  cursor: pointer;
  background: url(../Images/BgMenuDrop.jpg) repeat-x left top;
  
  display: block;
      white-space: nowrap;
      position: relative;
      z-index: 500;
}
.dmx .item2:hover,
.dmx .item2-active:hover {
  background: #007FF4;
  color: #000; 
}







/*////////////ARROW (FLECHITA)///////////*/
.arrow {
  height: 23px;
  position: absolute;
  right: 1px;
  top: 6px;
}
.dmx .item2 img,
.dmx .item2-active img{
    position: absolute;
    right: 1px;
    border: 0;
  margin: 0px;
  padding: 0px;
}
/*////////////FIN ARROW (FLECHITA)///////////*/







/*////////////CONTENEDOR SUB MENU////////////*/
.dmx .section {
    position: absolute;
    visibility: hidden;
    z-index: -1;
}
/*////////////FIN CONTENEDOR SUB MENU////////////*/
























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */