/* CSS ACORDEON */
.menu-acordeon { padding: 10px; background: #FFF; width: 178px; }
.menu-acordeon h3 { margin: 0 0 0px; letter-spacing: normal; border-bottom: 1px dashed #DDD; font: bold normal 1em Arial, Helvetica, sans-serif; }
.menu-acordeon h3 a{ color: #333; background: url(../../images/arrow-gris.png) no-repeat left 7px; margin: 0 0 0px; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; letter-spacing: normal; text-decoration: none; display: block; line-height: 25px; padding-right: 3px; padding-left: 10px; }
.menu-acordeon h3 a:hover { text-decoration: none; color: #CC0606; }
.menu-acordeon  div { color: #999; font-family: Arial, Helvetica, sans-serif; padding-left: 10px; border-bottom: 1px dashed #ddd; padding-top: 10px; padding-bottom: 10px; 
}
.menu-acordeon  div a { color: #888888; display: block; background: url(../../images/bullet-gris.png) no-repeat left 8px; font-weight: normal; font-size: 12px; list-style: circle inside; border-style: none; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; }
.menu-acordeon  div a:hover { color: #333333; text-decoration: none; background: #FFF; background: url(../../images/menu-bullet-rojo.png) no-repeat 20px 8px; }