// Efecto menu principal
$(document).ready(function(){
$('ul#menu li ')
		.css( {backgroundPosition: "0 -23px"} )
		.mouseover(function(){
			$(this).stop().animate(
				{backgroundPosition:"(0 7px)"}, 
				{duration:300})
			})
		.mouseout(function(){
			$(this).stop().animate(
				{backgroundPosition:"(0 -23px)"}, 
				{duration:200})
			})
$('ul#menu li a ')
		.css( {backgroundPosition: "0 -23px"} )
		.mouseover(function(){
			$(this).stop().animate(
				{backgroundPosition:"(100% 7px)"}, 
				{duration:300})
			})
		.mouseout(function(){
			$(this).stop().animate(
				{backgroundPosition:"(0 -23px)"}, 
				{duration:200})
			})
$('ul#menu li.selected ')
		.css( {backgroundPosition: "0 7px"} )
		.mouseover(function(){
			$(this).stop().animate(
				{backgroundPosition:"(0 7px)"}, 
				{duration:300})
			})
		.mouseout(function(){
			$(this).stop().animate(
				{backgroundPosition:"(0 7px)"}, 
				{duration:200})
			})
		
$('ul#menu li.selected a')
		.css( {backgroundPosition: "100% 7px"} )
		.mouseover(function(){
			$(this).stop().animate(
				{backgroundPosition:"(100% 7px)"}, 
				{duration:300})
			})
		.mouseout(function(){
			$(this).stop().animate(
				{backgroundPosition:"(100% 7px)"}, 
				{duration:200})
			})

});