$.intervalo = 1;

$(document).ready(function(){
	$(".icono").mouseover(function(){
		$(this).css("outline", "black solid 3px"); 
	});
	$(".icono").mouseleave(function(){
		$(this).css("outline", "black solid 0px"); 
	});
	$(".icono").click(function(){
		$("#principal").html("");
		clearInterval($.intervalo);
		$.get("contenidos/"+$(this).attr("id")+".html", function(contenido){
			$("#principal").html(contenido);
			
		});
	});
	$(".icono:first").trigger("click");
});