// Apply :hover effect to menu's list (IE6 hack)
$(document).ready(function(){

	$("#pagina #cuerpo #menu ul li").mouseover(function(){
		// hide all opened 'submenus'
		$("#pagina #cuerpo #menu ul li").removeClass("hovered");
		// set LI's class
		$(this).addClass("hovered");
	});
// 	$("#pagina #cuerpo #menu ul li").mouseout(function(){
// 		$(this).removeClass("hovered");
// 	});
// 	$("#pagina #cuerpo #menu ul li ul").mouseover(function(){
// 		$(this).parent().addClass("hovered");
// 	});
	$("#pagina #cuerpo #menu ul li ul").mouseout(function(){
		// remove LI's class
		$(this).parent().removeClass("hovered");
	});

	// colorbox
	$('a.colorbox').colorbox({opacity: 0.75});

	// colorbox iframe
	$('a.thickbox').colorbox({width:"700px", height:"500px", iframe:true, opacity: 0.75});

});