function desplegable()
{
	var contenedor 	= document.getElementById('areas');
	var clickable	= contenedor.getElementsByTagName("h2");
	var contenido	= contenedor.getElementsByTagName("div");
	
	// Ocultamos los desplegables 
	for(var a = 0; a < clickable.length; a++)
	{
		contenido[a].style.display = "none";
	}
	
	// Recorremos el bucle
	for(var i = 0; i < clickable.length; i++)
	{
		clickable[i].i = i;
		
		// Hacemos los <h2> clickables
		clickable[i].onmousedown = function(i)
		{
			for(var a = 0; a < clickable.length; a++)
			{
				if(a != this.i)
				{
					contenido[a].style.display = "none";
				}
			}
			
			// Muestra u oculta según su estado previo
			if(contenido[this.i].style.display == "block")
			{
				contenido[this.i].style.display = "none";
				if (navigator.appName == 'Microsoft Internet Explorer')
				{
					document.getElementById('pie').style.marginTop = 0 + "px";
				}
			} else {
				contenido[this.i].style.display = "block";
				if (navigator.appName == 'Microsoft Internet Explorer')
				{
					document.getElementById('pie').style.marginTop = contenido[this.i].offsetHeight + "px";
				}
			}
		}
	}
}