$(document).ready(function(){

				
				var $top_nav = jQuery( "#topnav li" );
				var $top_nav_a = jQuery( "#topnav li a:not(.marcado)" ); 

				/*$top_nav.prepend("<span></span>");
				
				$top_nav.each( function() { //For each list item...
					var $link = $(this).find( "a" );
					var linkText = $link.html(); //Find the text inside of the a tag
					$(this).find("span").show().html( linkText ); //Add the text in the span tag
				});

				var fMenuItemIn = function() {	//On hover...
						$( this ).find( "span" ).stop().animate( { 
							marginTop: "-40" //Find the span tag and move it up 40 pixels
						}, 100);
					};
				var fMenuItemOut = function() { //On hover out...
						$( this ).find( "span" ).stop().animate( {
							marginTop: "0" //Move the span back to its original state (0px)
					}, 300);
				}*/
				
				fMenuItemInOut = function() {	//On hover...
						$( this ).toggleClass( "marcado" );
						$( this ).children( "a" ).toggleClass( "marcado" );
					};
					
				/*fMenuItemOut = function() {	//On hover...
						$( this ).toggleClass( "marcado" );
						$( this ).children( "a" ).toggleClass( "marcado" );						
					};*/			
				
				$top_nav_a.parent().hover( fMenuItemInOut, fMenuItemInOut );
				
				//animacion de la navegacion lateral
				var fAnimacionIn = function () {
      			$( this ).stop().animate( {opacity:0.5}, 300 );
    			};
    			var fAnimacionOut = function () {
      			$( this ).stop().animate( {opacity:1}, 300 );
    			};
    			
    			if (jQuery.browser.msie) {
    				//var version = parseInt(jQuery.browser.version);
    				fAnimacionIn = function () {
      				$(this).addClass( "marcado" );
    				};
    				fAnimacionOut = function () {
      				$(this).removeClass( "marcado" );
    				};
    			}
      		
   			$( "#navegacion li span:not(.marcado)" ).hover( fAnimacionIn, fAnimacionOut );				
				
 			});