.ddm1,
.ddm1 a:link,
.ddm1 a:visited,
.ddm1 a:active,
.ddm1 a:hover
{
		font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
		font-weight: bold;
}
.ddm1 .item1,
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
		font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
		padding-right: 2px;
		padding-left: 2px;
    border: 0px #fff;
    border-style: solid none none none;
    text-decoration: none;
    display: block;
    position: relative;
}
.ddm1 .item1 {
		font-family: Arial, Helvetica, sans-serif;		
    font-size: 11px;
    color: #fff; /* color letra item1 */
		font-weight: bold;
}
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
		font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
		font-weight: bold;
		background: #fe1616; /* fondo cuando el elemento está activo */
}
.ddm1 .item2,
.ddm1 .item2:hover {
		font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
		padding-top: 4px;
		padding-right: 8px;
		padding-bottom: 4px;
		padding-left: 8px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
}
.ddm1 .item2 {
		font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background: #fe1616; /* fondo drop-down */
    color: #fff;
}
.ddm1 .item2:hover {
		font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
		background-color: red;
}
.ddm1 .section {
    background: #fe1616; /* fondo drop-down */
    border: 0px solid lime;
    border-style: none solid solid solid; /* el primero (superior) es none */
    position: absolute;
    visibility: hidden;
    z-index: -1;
    white-space: nowrap;
		margin-top: 1px;
}
.ddm1 .left, .ddm1 .left:hover { border-style: solid none none none; }
.ddm1 .right, .ddm1 .right:hover { border-style: solid none none none; }

* html .ddm1 td { position: relative; } /* ie 5.0 fix */