<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Bienvenido</title>
<script>
function muestra_oculta(id){
if (document.getElementById){ //se obtiene el id
var el = document.getElementById(id); //se define la variable "el" igual a nuestro div
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div
}
}
window.onload = function(){/*hace que se cargue la función lo que predetermina que div estará oculto hasta llamar a la función nuevamente*/
muestra_oculta('contenido_a_mostrar');/* "contenido_a_mostrar" es el nombre de la etiqueta DIV que deseamos mostrar */
}
</script>
<style type="text/css">
<!--
.Estilo1 {font-family: Arial, Helvetica, sans-serif}
.Estilo2 {font-size: 14px}
-->
</style>
</head>
<body onload="MM_preloadImages('Autos2.png')" bgcolor="#FFFFFF">
<div align="center">
<p align="center" class="Estilo1"><img src="http://i.imgur.com/4uRRJ.png" width="206" height="120" alt="" longdesc="Grupo Asistencia" /></p>
</div>
<a style='cursor: pointer;' onMouseOver="muestra_oculta('texto1')"><img src="http://i.imgur.com/lBSa2.png"></a>
<div id="texto1" style="display:none">
<img src="http://i.imgur.com/N8GvO.png">
</div><a style='cursor: pointer;' onMouseOver="muestra_oculta('texto2')"><img src="http://i.imgur.com/BVH0E.png"></a>
<div id="texto2" style="display:none">
<img src="http://i.imgur.com/4uRRJ.png">
</div>
</body>
</html>