//função aguarda a pagina carregar para alterar 

//propriedade display do elem. fazendo sumir

window.onload = function(){ 
    //obtendo as propriedades do elemento div conteudo
    obj2 = document.getElementById("geral")
    //exibindo a div conteudo (display none no CSS)	
	obj2.style.display = 'block'
	//obtendo as propriedades do elemento div loader
	obj = document.getElementById("loader")
	//removendo o conteudo da div loader
    obj.innerHTML = ""
	//ocultando a div loader apos o carregamento da pagina
	obj.style.display = 'none' 	
}

function loading(){

    //criando um novo elemento div
    x = document.createElement("div")
	//atribuindo o id ao novo elemento
	x.id = "loader"
    //adicionando conteudo formatado pelo CSS na div loader	
	x.innerHTML = '<div id="info" class="info"><p>Carregando ...</p></div>'
	// atribuindo a div conteudo a variavel conteudoDiv para informar que a nova div ira aparecer depois da div conteudo
    geralDiv = document.getElementById("geral");	
	//inserindo o elemento nova div 'loader'  dentro da do body apos a tag conteudo
	document.body.insertBefore(x, geralDiv)

}