.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover      { color: #fff; font: 12px arial; text-decoration: none; background-image: none; background-position: 0 0; white-space: nowrap; display: block; position: relative }
.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover      { color: #fff; font: bold 11px arial; text-decoration: none; white-space: nowrap; display: block; padding-top: 2px; padding-bottom: 3px; padding-left: 12px; position: relative; z-index: 500 }
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover   { background: #125ac5 url(celeste.gif) 100% 0 }
.ddmx .arrow,
.ddmx .arrow:hover  { padding-top: 2px; padding-bottom: 3px }
.ddmx .item2 img,
.ddmx .item2-active img { position: absolute; border: 0 }
.ddmx .section    { visibility: hidden; position: absolute; z-index: -1; border: solid 1px #9ecaf9 }
/* ie 5.0 fix */
.ddmx .item2   { background-image: url(azul.gif); background-repeat: repeat; background-attachment: scroll; background-position: 100% 0 }
* html .ddmx td { position: relative; }