<img src = "girardo1.png" />
<canvas id="micanvas1" width = "972" height = "637"></canvas>
<script type="text/javascript">
var c = document.getElementById("micanvas1");
var cxt = c.getContext("2d");
cxt.beginPath();
cxt.lineWidth = 3;
cxt.strokeStyle = "#2E64FE";
cxt.moveTo(304,153);
cxt.lineTo(460,211);
cxt.moveTo(460,211);
cxt.lineTo(505,270);
cxt.moveTo(505,270);
cxt.lineTo(505,295);
cxt.moveTo(505,295);
cxt.lineTo(425,339);
cxt.closePath();
cxt.stroke();
</script>
<table border="1" align="right" width="300">
<tr><th>RUTAS</th></tr>
<tr><td><a href="#">Calle 30</a></td></tr>
<tr><td><a href="#">Carrera 7</a></td></tr>
<tr><td><a href="#">Calle 19</a></td></tr>
</table>
</body>
</html>[/HIGHLIGHT]