$(document).ready(function() {
	
/*----------------------------------
	Menu (submenu)
----------------------------------*/
	$("#mn-principal > ul > li").hover(
		function() {
			var submenu = $(this).find(".sub-menu");
			
			if ( $(".sub-menu").is(":animated") ) {
				$(".sub-menu").stop(true, true).hide();
			} else {
				$(this).addClass("hover");
				$(submenu).slideDown();
			}
		},
		function() {
			$(this).removeClass("hover");
			$(".sub-menu").hide();
		}
	);
	
});