// FUNCIONES DE JQUERY
$(document).ready(function() {
	
	$("#banners #banner1").hover(function() {				
			$("#banners #banner1 div.forma").stop().animate({ top: "-262px" }, { duration:300, easing: "easeOutCubic" } );
			$("#banners #banner1 img.texto").stop().animate({ top: "30px" }, { duration:300, easing: "easeOutCubic" } );
		},function(){
			$("#banners #banner1 div.forma").stop().animate({ top: "0px" }, { duration:300, easing: "easeOutCubic" } );
			$("#banners #banner1 img.texto").stop().animate({ top: "200px" }, { duration:300, easing: "easeOutCubic" } );
		});
	
	$("#banners #banner2").hover(function() {				
			$("#banners #banner2 div.forma").stop().animate({ top: "-161px" }, { duration:300, easing: "easeOutCubic" } );
			$("#banners #banner2 img.texto").stop().animate({ top: "30px" }, { duration:300, easing: "easeOutCubic" } );
		},function(){
			$("#banners #banner2 div.forma").stop().animate({ top: "0px" }, { duration:300, easing: "easeOutCubic" } );
			$("#banners #banner2 img.texto").stop().animate({ top: "200px" }, { duration:300, easing: "easeOutCubic" } );
		});
	
	$("#banners #banner3").hover(function() {				
			$("#banners #banner3 div.forma").stop().animate({ top: "0px" }, { duration:300, easing: "easeOutCubic" } );
			$("#banners #banner3 img.texto").stop().animate({ top: "210px" }, { duration:300, easing: "easeOutCubic" } );
		},function(){
			$("#banners #banner3 div.forma").stop().animate({ top: "-262px" }, { duration:300, easing: "easeOutCubic" } );
			$("#banners #banner3 img.texto").stop().animate({ top: "20px" }, { duration:300, easing: "easeOutCubic" } );
		});
	
	$("#banners #banner4").hover(function() {				
			$("#banners #banner4 div.forma").stop().animate({ top: "-161px" }, { duration:300, easing: "easeOutCubic" } );
			$("#banners #banner4 img.texto").stop().animate({ top: "30px" }, { duration:300, easing: "easeOutCubic" } );
		},function(){
			$("#banners #banner4 div.forma").stop().animate({ top: "0px" }, { duration:300, easing: "easeOutCubic" } );
			$("#banners #banner4 img.texto").stop().animate({ top: "172px" }, { duration:300, easing: "easeOutCubic" } );
		});
	
});