// JavaScript Document
$(document).ready(function() {

	/* ::: logo ::: */
	$('#top #logo').css ('z-index','900000');
	$('#top #logo').hover(function(){	
								   $('#top #logo').css ('z-index','90000');
		$(this).animate({top:'0px'}, 'normal' );
	}, function(){		
		$(this).animate({top:'-30px'}, 'normal');
	})
	
	/* ::: menu top ::: */
	$('#top #menuTop li a').hover(function(){	
		$(this).css('color','#53C1DF');
		$(this).animate({ marginLeft:'5px', paddingRight:'5px'}, 'normal' );
	}, function(){
		$(this).css('color','#0E62C6');
		$(this).animate({ marginLeft:'0px', paddingRight:'0px'}, 'normal');
	})
	
	
	$('#top ul#sponsors img').hover(function(){	
		$(this).animate({opacity:'.6'}, 'normal' );
	}, function(){		
		$(this).animate({opacity:'1'}, 'normal');
	})
	
	
	/* ::: menu bot ::: */
	$('#bot li a').hover(function(){
		$(this).css('color','#53C1DF');
		//$(this).animate({color:'#4eddfd'}, 'normal' );
	}, function(){
		$(this).css('color','#0E62C6');
		//$(this).animate({color:'#0E62C6'}, 'normal');
	})
	
	
	/* ::: menu redes min ::: */
	$('ul.redes li a').hover(function(){	
		$(this).animate({paddingLeft:'5px',paddingRight:'5px', opacity:'.7'}, 'normal' );
	}, function(){		
		$(this).animate({paddingLeft:'0px',paddingRight:'0px', opacity:'1'}, 'normal');
	})
	
	
	
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: [ REFRESCA ]::::::::::::::::::::::::::::::::::::: */
var valor1 = "$15";
var valor2 = "$50";


$('.pesos span').html(''+valor1+'');
		$('.pesos').css('left','200px');
		$('.pesos').css('display','inline-block');
		$('.pesos').animate({top:'40px',opacity:'1'}, 'slow' );


$('.bottle1').hover(function(){	
	

		$('.pesos span').html(''+valor1+'');
		$('.pesos').css('left','200px');
		$('.pesos').css('display','inline-block');
		$('.pesos').animate({top:'40px',opacity:'1'}, 'slow' );
	})


$('.bottle2').hover(function(){
							 
		$('.pesos span').html(''+valor2+'');
		$('.pesos').css('left','300px');
		$('.pesos').css('display','inline-block');
		$('.pesos').animate({top:'80px',opacity:'1'}, 'slow' );
		
	})

$('.bottle3').hover(function(){
							 
		$('.pesos span').html(''+valor2+'');
		$('.pesos').css('left','430px');
		$('.pesos').css('display','inline-block');
		$('.pesos').animate({top:'90px',opacity:'1'}, 'slow' );
		
	})

$('.bottle4').hover(function(){
							 
		$('.pesos span').html(''+valor2+'');
		$('.pesos').css('left','530px');
		$('.pesos').css('display','inline-block');
		$('.pesos').animate({top:'240px',opacity:'1'}, 'slow' );
		
	})

$('.bottle5').hover(function(){
							 
		$('.pesos span').html(''+valor1+'');
		$('.pesos').css('left','470px');
		$('.pesos').css('display','inline-block');
		$('.pesos').animate({top:'340px',opacity:'1'}, 'slow' );
		
	})


/*$('.bottle1, .bottle2, .bottle3').mouseleave(function(){
								
								$('.pesos').animate({top:'0px', opacity:'0'}, 'normal',function() {	
									$('.pesos').css('display','none');
								});		
	
	})*/


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: [ FLIPS ]::::::::::::::::::::::::::::::::::::: */
	

	$('.wrap1').mouseenter(function(){		
			$('.flip1').flip({	direction:'lr', content:$(".cont1"), color:'#00ade0' });					
	})		
	$('.wrap1').mouseleave(function(){	
			$('.flip1').stop();
			$('.flip1').flip({ direction:'lr', content:'<img src="' + $(".flip1").attr("path") + '" alt="" />', color:'#00ade0' });	
	})
	
	$('.wrap2').mouseenter(function(){		
			$('.flip2').flip({	direction:'lr', content:$(".cont2"), color:'#00ade0' });					
	})		
	$('.wrap2').mouseleave(function(){	
			$('.flip2').stop();
			$('.flip2').flip({ direction:'lr', content:'<img src="' + $(".flip2").attr("path") + '" alt="" />', color:'#00ade0' });	
	})
	
	$('.wrap3').mouseenter(function(){		
			$('.flip3').flip({	direction:'lr', content:$(".cont3"), color:'#00ade0' });					
	})		
	$('.wrap3').mouseleave(function(){	
			$('.flip3').stop();
			$('.flip3').flip({ direction:'lr', content:'<img src="' + $(".flip3").attr("path") + '" alt="" />', color:'#00ade0' });	
	})
	
	
	
	
	/*$('.wrap4').mouseenter(function(){		
			$('.flip4').flip({	direction:'lr', content:$(".cont4"), color:'#00ade0' });					
	})		
	$('.wrap4').mouseleave(function(){	
			$('.flip4').stop();
			$('.flip4').flip({ direction:'lr', content:'<img src="' + $(".flip4").attr("path") + '" alt="" />', color:'#00ade0' });	
	})*/
	$('.wrap4').mouseenter(function(){		
			$('#flip4 ').css('z-index','600');
			$('#flip4 ').animate({ height:'250px',top:'170px',  width:'660px'}, 'slow');
			$('.wrap4 ').animate({ height:'250px',top:'0px'}, 'slow');
			$('.flip4 ').animate({ opacity:'0'}, 'slow');
			$('.cont4 ').animate({ height:'250px', top:'0'}, 'slow');
			$('#flip4 .backtop').animate({ height:'250px', top:'0'}, 'slow');
			$('#flip4 .backbottom').animate({  width:'660px'}, 'slow');
			$(this).animate({ height:'250px',top:'0px', width:'660px'}, 'slow');

	})		
	$('.wrap4').mouseleave(function(){	
			$('#flip4 ').css('z-index','30');
			$('#flip4').animate({ height:'76px', width:'298px',top:'240px'}, 'slow');
			$('.flip4 ').animate({ opacity:'1'}, 'slow');
			$('#flip4 .backbottom').animate({  width:'298px'}, 'slow');
			$(this).animate({ height:'76px', width:'298px',top:'0px'}, 'slow');
	})
	
	
	
	
	
	
	/*$('.wrap5').mouseenter(function(){		
			$('.flip5').flip({	direction:'lr', content:$(".cont5"), color:'#00ade0' });					
	})		
	$('.wrap5').mouseleave(function(){	
			$('.flip5').stop();
			$('.flip5').flip({ direction:'lr', content:'<img src="' + $(".flip5").attr("path") + '" alt="" />', color:'#00ade0' });	
	})*/
	$('.wrap5').mouseenter(function(){		
			$('#flip5 ').css('z-index','600');
			$('#flip5 ').animate({ height:'260px',top:'200px'}, 'slow');
			$('.wrap5 ').animate({ height:'260px',top:'0px'}, 'slow');
			$('.flip5 ').animate({ opacity:'0'}, 'slow');
			$('.cont5 ').animate({ height:'260px', top:'0'}, 'slow');
			$('#flip5 .backtop').animate({ height:'260px', top:'0'}, 'slow');
			$(this).animate({ height:'260px',top:'0px'}, 'slow');

	})		
	$('.wrap5').mouseleave(function(){
			$('#flip5 ').css('z-index','30');
			$('#flip5').animate({ height:'76px',top:'240px'}, 'slow');
			$('.flip5 ').animate({ opacity:'1'}, 'slow');
			$(this).animate({ height:'76px',top:'0px'}, 'slow');
	})
	
	
	
	
	
	
	$('.wrap6').mouseenter(function(){		
			//$('.flip6').flip({	direction:'lr', content:$(".cont6"), color:'#00ade0' });
			$('#flip6 ').css('z-index','600');
			$('#flip6 ').animate({ height:'450px',top:'40px'}, 'slow');
			$('.wrap6 ').animate({ height:'450px',top:'0px'}, 'slow');
			$('.flip6 ').animate({ opacity:'0'}, 'slow');
			$('.cont6 ').animate({ height:'450px', top:'0'}, 'slow');
			$('#flip6 .backtop').animate({ height:'450px', top:'0'}, 'slow');
			$(this).animate({ height:'450px',top:'0px'}, 'slow');
			//$('.flip6 ').animate({ height:'400px',top:'0px'}, 'slow');	
			//$('#flip6 .cont6').animate({height:'400px'  }, 'slow');	
			//$('#flip6  , #flip6 .flip6').css('height','400px');
	})		
	$('.wrap6').mouseleave(function(){	
			//$('.flip6').stop();
			//$('.flip6').flip({ direction:'lr', content:'<img src="' + $(".flip6").attr("path") + '" alt="" />', color:'#00ade0' });
			$('#flip6 ').css('z-index','30');
			$('#flip6').animate({ height:'161px',top:'325px'}, 'slow');
			$('.flip6 ').animate({ opacity:'1'}, 'slow');
			$(this).animate({ height:'161px',top:'0px'}, 'slow');
			//$('.flip6 ').animate({ height:'161px',top:'0px'}, 'slow');
	})
	
	
	
	
	/*$('.wrap7').mouseenter(function(){		
			$('#flip7 ').css('z-index','600');
			$('#flip7 ').animate({ height:'220px',top:'270px'}, 'slow');
			$('.wrap7 ').animate({ height:'220px',top:'0px'}, 'slow');
			$('.flip7 ').animate({ opacity:'0'}, 'slow');
			$('.cont7 ').animate({ height:'220px', top:'0'}, 'slow');
			$('#flip7 .backtop').animate({ height:'220px', top:'0'}, 'slow');
			$(this).animate({ height:'220px',top:'0px'}, 'slow');

	})		
	$('.wrap7').mouseleave(function(){
			$('#flip7 ').css('z-index','30');
			$('#flip7').animate({ height:'161px',top:'325px'}, 'slow');
			$('.flip7 ').animate({ opacity:'1'}, 'slow');
			$(this).animate({ height:'161px',top:'0px'}, 'slow');
	})
	*/
	
	$('.wrap7').mouseenter(function(){		
			$('#flip7 ').css('z-index','600');
			$('#flip7 ').animate({ height:'450px',top:'40px'}, 'slow');
			$('.wrap7 ').animate({ height:'450px',top:'0px'}, 'slow');
			$('.flip7 ').animate({ opacity:'0'}, 'slow');
			$('.cont7 ').animate({ height:'450px', top:'0'}, 'slow');
			$('#flip7 .backtop').animate({ height:'450px', top:'0'}, 'slow');
			$(this).animate({ height:'450px',top:'0px'}, 'slow');

	})		
	$('.wrap7').mouseleave(function(){
			$('#flip7 ').css('z-index','30');
			$('#flip7').animate({ height:'161px',top:'325px'}, 'slow');
			$('.flip7 ').animate({ opacity:'1'}, 'slow');
			$(this).animate({ height:'161px',top:'0px'}, 'slow');
	})
	
	
	
	
/*	$('.wrap7').mouseenter(function(){		
			$('.flip7').flip({	direction:'lr', content:$(".cont7"), color:'#00ade0' });					
	})		
	$('.wrap7').mouseleave(function(){	
			$('.flip7').stop();
			$('.flip7').flip({ direction:'lr', content:'<img src="' + $(".flip7").attr("path") + '" alt="" />', color:'#00ade0' });	
	})*/
	
	
	
	$('.wrap8').mouseenter(function(){		
			$('.flip8').flip({	direction:'lr', content:$(".cont8"), color:'#00ade0' });					
	})		
	$('.wrap8').mouseleave(function(){	
			$('.flip8').stop();
			$('.flip8').flip({ direction:'lr', content:'<img src="' + $(".flip8").attr("path") + '" alt="" />', color:'#00ade0' });	
	})
	
	
	
	
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: [ HOME ]::::::::::::::::::::::::::::::::::::: */
	
	
/* :::::::::::::::::::::::::::::::::: [ cajas 3 ]::::::::::::::::::::::::::::::::::::: */
	
		/*var imgbac= $(".rounded-img2").attr('src');
	$(".rounded-img").css('background-image','url("' + imgbac + '")');*/
	
	var swtb3= $(".imgb3").attr('src');
	$("#box3top").css('background-image','url("' + swtb3 + '")');
	$('#box3').hover(function(){
				$(this).css('z-index','900');
				$(this).animate({width:'360px', height:'172', top:'140', right:'100'}, 'slow');				
				$('#box3top').animate({ height:'172'}, 'slow');				
				$('#box3bot').css('display','block');				
				$('#box3bot').css('opacity','.0');				
				$('#box3bot').stop().animate({opacity:"1", width:'166', height:'152', left:'155'}, 'slow' 
								,function() {	
									$('#box3tip').css('display','block');
									$('#box3tip').css('opacity','.0');
									$('#box3tip').stop().animate({opacity:"1", top:'-50', left:'-50'}, 'slow','easeOutBack' );	
								});				
				
			}, function(){	
				//$(this).stop().animate();
				$('#box3tip').stop().animate({opacity:".0", top:'20', left:'50'}, 'slow');
				$(this).css('z-index','400');
				$(this).animate({width:'172', height:'74', top:'213',right:'190'}, 'slow');
				$('#box3top').animate({ height:'74'}, 'slow');	
				$('#box3bot').animate({opacity:".0", left:'0',  height:'72'}, 'slow'
								,function() {	
									$('#box3bot').css('display','none');
									$('#box3tip').stop().animate({opacity:".0", top:'20', left:'50'}, 'slow');	
								});
				
	})
	
	
	
	
		
		/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: [ cajas 4 ]::::::::::::::::::::::::::::::::::::: */
	
	var swtb4= $(".imgb4").attr('src');
	$("#box4top").css('background-image','url("' + swtb4 + '")');
	$('#box4').hover(function(){
				$(this).css('z-index','900');
				$(this).animate({width:'362', height:'280', top:'140', right:'10'}, 'slow');				
				$('#box4top').animate({ width:'362',height:'126'}, 'slow');				
				$('#box4bot').css('display','block');				
				$('#box4bot').css('opacity','.0');				
				$('#box4bot').stop().animate({opacity:"1", width:'322',height:'134', top:'126'}, 'slow' 
								,function() {	
									$('#box4tip').css('display','block');
									$('#box4tip').css('opacity','.0');
									$('#box4tip').stop().animate({opacity:"1", top:'-50', left:'-50'}, 'slow','easeOutBack' );	
								});				
				
			}, function(){	
				$('#box4tip').stop().animate({opacity:".0", top:'20', left:'50'}, 'slow');
				$(this).css('z-index','400');
				$(this).animate({width:'174', height:'74', top:'213',right:'0'}, 'slow');
				$('#box4top').animate({ width:'174',height:'74'}, 'slow');	
				$('#box4bot').animate({opacity:".0", top:'0',  height:'72'}, 'slow'
								,function() {	
									$('#box4bot').css('display','none');
									$('#box4tip').stop().animate({opacity:".0", top:'20', left:'50'}, 'slow');	
								});
				
	})
	
	
	
	/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: [ cajas 5 ]::::::::::::::::::::::::::::::::::::: */
	
	var swtb5= $(".imgb5").attr('src');
	$("#box5top").css('background-image','url("' + swtb5 + '")');
	$('#box5').hover(function(){
				$(this).css('z-index','900');
				$(this).animate({width:'524px'}, 'slow');				
				$('#box5bot').css('display','block');				
				$('#box5bot').css('opacity','.0');				
				$('#box5bot').stop().animate({opacity:"1", left:'210'}, 'slow' 
								,function() {	
									$('#box5tip').css('display','block');
									$('#box5tip').css('opacity','.0');
									$('#box5tip').stop().animate({opacity:"1", top:'-50', left:'-50'}, 'slow','easeOutBack' );	
								});				
				
			}, function(){	
				$('#box5tip').stop().animate({opacity:".0", top:'20', left:'50'}, 'slow');
				$(this).css('z-index','400');
				$(this).animate({width:'224px'}, 'slow');
				$('#box5bot').animate({opacity:".0", left:'0'}, 'slow'
								,function() {	
									$('#box5bot').css('display','none');
									$('#box5tip').stop().animate({opacity:".0", top:'20', left:'50'}, 'slow');	
								});
				
	})
	
	/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: [ cajas 6 ]::::::::::::::::::::::::::::::::::::: */
	
	var swtb6= $(".imgb6").attr('src');
	$("#box6top").css('background-image','url("' + swtb6 + '")');
	$('#box6').hover(function(){
				$(this).css('z-index','900');
				$(this).animate({width:'183px', height:'240', top:'275'}, 'slow');
				$("#box6top").animate({width:'183px'}, 'slow');				
				$('#box6bot').css('display','block');				
				$('#box6bot').css('opacity','.0');				
				$('#box6bot').stop().animate({opacity:"1", top:'100'}, 'slow' 
								,function() {	
									$('#box6tip').css('display','block');
									$('#box6tip').css('opacity','.0');
									$('#box6tip').stop().animate({opacity:"1", top:'-50', left:'-50'}, 'slow','easeOutBack' );	
								});				
				
			}, function(){	
				$('#box6tip').stop().animate({opacity:".0", top:'20', left:'50'}, 'slow');
				$(this).css('z-index','400');
				$(this).animate({width:'107px', height:'104', top:'406'}, 'slow');
				$("#box6top").animate({width:'107px'}, 'slow');
				$('#box6bot').animate({opacity:".0", top:'0'}, 'slow'
								,function() {	
									$('#box6bot').css('display','none');
									$('#box6tip').stop().animate({opacity:".0", top:'20', left:'50'}, 'slow');	
								});
				
	})
	
	/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: [ cajas 7 ]::::::::::::::::::::::::::::::::::::: */
	
	var swtb7= $(".imgb7").attr('src');
	$("#box7top").css('background-image','url("' + swtb7 + '")');
	$('#box7').hover(function(){
				$(this).css('z-index','900');
				$(this).animate({width:'400px', left:'30'}, 'slow');
				$('#box7bot').css('display','block');				
				//$('#box7bot').css('opacity','.0');				
				$('#box7bot').stop().animate({opacity:"1", left:'100'}, 'slow' 
								,function() {	
									$('#box7tip').css('display','block');
									$('#box7tip').css('opacity','.0'	);
									$('#box7tip').stop().animate({opacity:"1", top:'-50', left:'-50'}, 'slow','easeOutBack' );	
								});				
				
			}, function(){	
				$('#box7tip').stop().animate({opacity:".0", top:'20', left:'50'}, 'slow');
				$(this).css('z-index','400');
				$(this).animate({width:'104px', left:'117'}, 'slow');
				$('#box7bot').animate({opacity:".0", top:'0'}, 'slow'
								,function() {	
									$('#box7bot').css('display','none');
									$('#box7tip').stop().animate({opacity:".0", top:'20', left:'50'}, 'slow');	
								});
				
	})
	
	
	/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: [ cajas 8 ]::::::::::::::::::::::::::::::::::::: */
	
	var swtb8= $(".imgb8").attr('src');
	$("#box8top").css('background-image','url("' + swtb8 + '")');
	$('#box8').hover(function(){
				$(this).css('z-index','900');
				$(this).animate({width:'524px', left:'100'}, 'slow');				
				$('#box8bot').css('display','block');				
				$('#box8bot').css('opacity','.0');				
				$('#box8bot').stop().animate({opacity:"1", left:'210'}, 'slow' 
								,function() {	
									$('#box8tip').css('display','block');
									$('#box8tip').css('opacity','.0');
									$('#box8tip').stop().animate({opacity:"1", top:'-50', left:'-50'}, 'slow','easeOutBack' );	
								});				
				
			}, function(){	
				$('#box8tip').stop().animate({opacity:".0", top:'20', left:'50'}, 'slow');
				$(this).css('z-index','400');
				$(this).animate({width:'235px', left:'236'}, 'slow');
				$('#box8bot').animate({opacity:".0", left:'0'}, 'slow'
								,function() {	
									$('#box8bot').css('display','none');
									$('#box8tip').stop().animate({opacity:".0", top:'20', left:'50'}, 'slow');	
								});
				
	})
	
	/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: [ cajas 9 ]::::::::::::::::::::::::::::::::::::: */
	
	var swtb9 = $(".imgb9").attr('src');
	$("#box9top").css('background-image','url("' + swtb9 + '")');
	$('#box9').hover(function(){
				$(this).css('z-index','900');
				$(this).animate({width:'480px', left:'300'}, 'slow');
				
				$("#box9top").animate({width:'223'}, 'slow');
				
				$('#box9bot').css('display','block');				
				$('#box9bot').css('opacity','.0');				
				$('#box9bot').stop().animate({opacity:"1", left:'0'}, 'slow' 
								,function() {	
									$('#box9tip').css('display','block');
									$('#box9tip').css('opacity','.0');
									$('#box9tip').stop().animate({opacity:"1", top:'-50', left:'-50'}, 'slow','easeOutBack' );	
								});				
				
			}, function(){	
				$('#box9tip').stop().animate({opacity:".0", top:'20', left:'50'}, 'slow');
				$(this).css('z-index','400');
				$(this).animate({width:'74px', left:'482'}, 'slow');
				$("#box9top").animate({width:'74'}, 'slow');
				$('#box9bot').animate({opacity:".0", left:'0'}, 'slow'
								,function() {	
									$('#box9bot').css('display','none');
									$('#box9tip').stop().animate({opacity:".0", top:'20', left:'50'}, 'slow');	
								});
				
	})
	
	/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: [ cajas 10 ]::::::::::::::::::::::::::::::::::::: */
	
	var swtb10 = $(".imgb10").attr('src');
	$("#box10top").css('background-image','url("' + swtb10 + '")');
	$('#box10').hover(function(){
				$(this).css('z-index','900');
				$(this).animate({height:'400', width:'405',top:'110', right:'50'}, 'slow');
				
				$("#box10top").animate({width:'405'}, 'slow');
				
				$('#box10bot').css('display','block');				
				$('#box10bot').css('opacity','.0');				
				$('#box10bot').stop().animate({opacity:"1", left:'0'}, 'slow' 
								,function() {	
									$('#box10tip').css('display','block');
									$('#box10tip').css('opacity','.0');
									$('#box10tip').stop().animate({opacity:"1", top:'150', left:'-50'}, 'slow','easeOutBack' );	
								});				
				
			}, function(){	
				$('#box10tip').stop().animate({opacity:".0", top:'20', left:'50'}, 'slow');
				$(this).css('z-index','400');
				$(this).animate({height:'220', width:'265', top:'293', right:'100'}, 'slow');
				$("#box10top").animate({width:'265'}, 'slow');
				$('#box10bot').animate({opacity:".0", left:'0'}, 'slow'
								,function() {	
									$('#box10bot').css('display','none');
									$('#box10tip').stop().animate({opacity:".0", top:'20', left:'50'}, 'slow');	
								});
				
	})	
	
	
	/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: [ cajas 11 ]::::::::::::::::::::::::::::::::::::: */
	
	var swtb11 = $(".imgb11").attr('src');
	$("#box11top").css('background-image','url("' + swtb11 + '")');
	$('#box11').hover(function(){
				$(this).css('z-index','900');
				$(this).animate({width:'358'}, 'slow');
				$("#box11top").animate({width:'358'}, 'slow');
			
				
			}, function(){	
				$('#box11tip').stop().animate({opacity:".0", top:'20', left:'50'}, 'slow');
				$(this).css('z-index','400');
				$(this).animate({width:'81'}, 'slow');
				$("#box11top").animate({width:'81'}, 'slow');

				
	})	
	
	
	
	
	
	/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: [ cajas 12 ]::::::::::::::::::::::::::::::::::::: */
	
	var swtb12 = $(".imgb12").attr('src');
	$("#box12top").css('background-image','url("' + swtb12 + '")');
	$('#box12').hover(function(){
				$(this).css('z-index','900');
				$(this).animate({width:'358'}, 'slow');
				$("#box12top").animate({width:'358'}, 'slow');
			
				
			}, function(){	
				$('#box12tip').stop().animate({opacity:".0", top:'20', left:'50'}, 'slow');
				$(this).css('z-index','400');
				$(this).animate({width:'81'}, 'slow');
				$("#box12top").animate({width:'81'}, 'slow');

				
	})	
	
	
	
		
	/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: [ cajas 12 ]::::::::::::::::::::::::::::::::::::: */
	
	var swtb13 = $(".imgb13").attr('src');
	$("#box13top").css('background-image','url("' + swtb13 + '")');
	$('#box13').hover(function(){
				$(this).css('z-index','900');
				$(this).animate({width:'358'}, 'slow');
				$("#box13top").animate({width:'358'}, 'slow');
			
				
			}, function(){	
				$('#box13tip').stop().animate({opacity:".0", top:'20', left:'50'}, 'slow');
				$(this).css('z-index','400');
				$(this).animate({width:'81'}, 'slow');
				$("#box13top").animate({width:'81'}, 'slow');

				
	})
	
	


			   
						   


/*.......................................................... ends */
})