$(function(){
	$('.menuPrincipal li')
		.css( {backgroundPosition: "0 0"} )
		.mouseover(function(){
			$(this).addClass('txtBlanco'); 
			$(this).stop().animate({backgroundPosition:"(200px 0px)"}, {duration:300})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0px 0px)"}, {duration:300, complete:function(){
				$(this).removeClass('txtBlanco');
				$('.menuPrincipal li').css({backgroundPosition: "0 0"})
			}})
		})	
});
//Mail footer
$(function(){
	$('.mail')
		.css( {backgroundPosition: "0 0"} )
		.mouseover(function(){
			$(this).addClass('txtBlanco'); 
			$(this).stop().animate({backgroundPosition:"(200px 0)"}, {duration:300})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:300, complete:function(){
				$(this).removeClass('txtBlanco');
				$('.mail').css({backgroundPosition: "0 0"})
			}})
		})	
});
//Estudio para IE no se ve la barra negra
$(function(){
	$('.subMenu ul li ')
		.css( {backgroundPosition: "0 0"} )
		.mouseover(function(){
			$(this).children('a').attr("style","color:white;");
			$(this).addClass('fondoNegro'); 
			
		})
		.mouseout(function(){
			$(this).children('a').attr("style","color:black;");
			$(this).removeClass('fondoNegro');
		})	
});