$(document).ready(function(){
		
		/* Al div que contiene la opacidad y al popup les doy display none */
		$('#opacity,#avisoLegal').css("display", "none")
		windowHeight = $(document).height()
		$('#opacity').css("height", windowHeight);
		

		/* al hacer click en nota legal*/
		/* 1ro: Le doy display block a ambos divs */
		/* 2do: Le doy opacidad 0 a ambos divs */
		/* 3ro: Le hago un fade a ambos divs */

		$('#btAvisoLegal').click(function(){
			$('#opacity,#avisoLegal').css("display", "block")
			$('#opacity,#avisoLegal').css("opacity", 0)
			
			$('#opacity').fadeTo(250, 0.8,function(){
			
				$('#avisoLegal').fadeTo(250, 1)
				
			})
			

		})
	
		/* Al hacer click en cerrar */
		/* 1ro: fade a 0 */	
		/* 2do: si se realizo el fade, les doy display none */	
		$('.btCerraPop img').click(function(){
		
			$('#opacity').fadeTo(250, 0,function(){
			
				$('#opacity').css("display", "none")
				
			})
			
			$('#avisoLegal').fadeTo(250, 0,function(){
			
				$('#avisoLegal').css("display", "none")
				
			})
			
		})
})