.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover        { color: #fff; font: bold 15px verdana; 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: #5a5958; font: bold 15px arial, Geneva, Arial, SunSans-Regular, sans-serif; font-stretch: expanded; text-decoration: none; white-space: nowrap; display: block; padding-top: 2px; padding-bottom: 3px; padding-left: 12px; position: relative }
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover   { background-image: url(celeste.gif); background-repeat: repeat; background-attachment: scroll; background-position: 100% 0; }
.ddmx .arrow,
.ddmx .arrow:hover      { padding-top: 8px; padding-bottom: 10px; border-right: 1px solid #e8e4e1; border-bottom: 1px solid #e8e4e1; border-left: 1px solid #e8e4e1; }
.ddmx .item2 img,
.ddmx .item2-active img  { position: absolute; border-color:  }
.ddmx .section       { visibility: hidden; position: absolute; z-index: -1; border-top: 1px solid #e8e4e1 }
/* 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; }