var loading = document.createElement('div');
loading.setAttribute('id','loadingDiv');
loading.innerHTML = '<strong><img src="img/mapidirectorio.png" /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Cargando...</strong><br /><div id="frase"><span class="frasecambia">&ldquo;El virtuoso se conforma con so&ntilde;ar lo que el pecador realiza en la vida.&rdquo;<span><br><span class="fraseautor">  Plat&oacute;n</span></div>';
loading.style.top = '30px';
loading.style.left = '30px';
loading.style.position = 'absolute';
loading.style.background = '#1D1F1E';
document.getElementsByTagName('body').item(0).appendChild(loading);
var mycss = '<style type="text/css"><!--#content { display:none;} body{background:#1D1F1E} #frase{width:360px;margin-top:45px;margin-left:30px;font-size:17px;font-weight:bold;} .frasecambia{font:"Times New Roman", Times, serif;} .fraseautor{font-style:italic;}--></style>';
document.write(mycss);