window.onDomReady(function() {
  //    Agregamos efectos al SideBar
  var linksSB = $$ ('#navi a');

  linksSB.each(function(link) {
    var linkC = link.getStyle ('color');
    var linkML = link.getStyle ('margin-left');

    var fx = new Fx.Styles(link, {duration: 300, wait:false});

    link.addEvent('mouseenter', function(){
      fx.start({
        'margin-left': '5px',
        'color': '#990000'
        });
    });

    link.addEvent('mouseleave', function(){
      fx.start({
        'margin-left': linkML,
        'color': linkC
      });
    });
  });
});