function kH(e)
    {
        var pK = document.all? window.event.keyCode:e.which;
    }
    
    document.onkeypress = kH;
  // if (document.layers) 
  //      document.captureEvents(Event.KEYPRESS);

    var tecladoMin = new Array('1','2','3','4','5','6','7','8','9','0','q','w','e','r','t','y','u','i','o','p','`','+','a','s','d','f','g','h','j','k','l','ñ','´','ç','<','z','x','c','v','b','n','m',',','.','-',' ');
    var tecladoMay = new Array('!','"','·','$','%','&','/','(',')','=','Q','W','E','R','T','Y','U','I','O','P','^','*','A','S','D','F','G','H','J','K','L','Ñ','¨','ç','>','Z','X','C','V','B','N','M',';',':','_',' ');
    var opcionMay = false;		
    var foco = 'e_IdentificacionOB1_usuario';   // *** Nombre del campo que coge el foco por defecto. Puede cambiar.***
    var opcionCont = true;		
    var baseL = 0;
    var baseT = 0;
    
    function guardarFocoNS()
    {
        foco = this.name;
    }

    function guardarFocoIE()
    {
        foco = event.srcElement.name;
    }




    if (document.images)
    {
        var imagenMin = new Image();
        imagenMin.src  = '../siglo21/estandar/recursos/tecladovirtual/teclado_alfa_minus_burgun.png';
        var imagenMinContraste = new Image();
        imagenMinContraste.src  = '../siglo21/estandar/recursos/tecladovirtual/teclado_alfa_minus_contras.gif';
    
        var imagenMay = new Image();
        imagenMay.src = '../siglo21/estandar/recursos/tecladovirtual/teclado_alfa_mayus_burgun.png';
        var imagenMayContraste = new Image();
        imagenMayContraste.src = '../siglo21/estandar/recursos/tecladovirtual/teclado_alfa_mayus_contras.gif';
    
        var imagenBlanca = new Image();
        imagenBlanca.src = '../siglo21/estandar/recursos/tecladovirtual/teclado_alfa_blanco.gif';
    }
    
    function change(Name,opcion)
    {
        if (!document.images) {}
        else
        {
            switch (opcion)
            {
                case 1:	
                {
                    opcionMay = false;
                    if (opcionCont)
                        document.images[Name].src = eval('imagenMin.src');
                    else
                        document.images[Name].src = eval('imagenMinContraste.src');
                    break;
                }
                case 2:	
                {
                    opcionMay = true;
                    if (opcionCont)
                        document.images[Name].src = eval('imagenMay.src');
                    else
                        document.images[Name].src = eval('imagenMayContraste.src');
                    break;
                }
                case 3:	
                {
                    document.images[Name].src = eval('imagenBlanca.src');
                    break;
                }
            }
        }
        eval("document.forms[0]."+foco+".focus()");
    }

    function isMaxLength(obField)
    {
        try
        {
            if(obField.value.length<obField.maxLength)
                return true;
            else
                return false;
        }
        catch(e)
        {
            return true;        // *** En caso de error le dejo escribir para no bloquear a nadie.
        }       
    }
    
    function borrarCaracter()
    {
        try
        {
            getCajaSeleccionada().value = getCajaSeleccionada().value.substring(0,getCajaSeleccionada().value.length-1);
            mostrarImagen();
        }
        catch(e)
        {
        }
    }
    
    function introducirCaracter(caracter)
    {
        try
        {        
            if(isMaxLength(getCajaSeleccionada()))
                getCajaSeleccionada().value = getCajaSeleccionada().value + retornarValor(caracter);
        }
        catch(e)
        {
        }
    }
    
    function getCajaSeleccionada()
    {
        try
        {
            return eval('document.forms[0].' + foco);
        }
        catch(e)
        {
        }
        return "";
    }
    
    function retornarValor(caracter)
    {
        if (opcionMay)
            return tecladoMay[caracter];
        else
            return tecladoMin[caracter];
    }
    
    function mostrarImagenOnMouseUp()
    {
        move();
        mostrarImagen();
    }
    
    function mostrarImagen()
    {
        if (opcionMay) 
            change('image',2);
        else 
            change('image',1);
    }
    
    function mostrarImagenOnMouseDown()
    {
        change('image',3);
    }
    
    function bloqMay()
    {
        if (opcionMay)  
            change('image',1);
        else			
            change('image',2);
    }
    
    function move()
    {
   
        if (document.getElementById)
        {
		var elemento=document.getElementById("capaTeclado");
		var posX=baseL + rand(40);
		var posY=baseT + rand(24);
		
		elemento.style.paddingLeft = posX+"px";
		elemento.style.paddingTop = posY+"px";
        }
    }
    
    function ponerFoco()
    {
        document.forms[0].IdGrupo.focus();
    }
    
    rnd.today=new Date();
    rnd.seed=rnd.today.getTime();
    
    function rnd()
    {
        rnd.seed = (rnd.seed * 9301 + 49297 + 2720) % 233280;
        return rnd.seed /(233280.0);
    }
    function rand(number)
    {
        return Math.ceil(rnd()*number);
    }
    function pT(coord,click)
    {
        document.write('<area shape="rect" coords="'+coord+'" href="#" onClick="introducirCaracter('+click+');mostrarImagenOnMouseUp();return false;" onMouseDown="mostrarImagenOnMouseDown();">');
    }
    function pT1(coord,click)
    {
        document.write('<area shape="rect" coords="'+coord+'"	href="#" onClick="'+click+'";mostrarImagenOnMouseUp();return false;" onMouseDown="mostrarImagenOnMouseDown();">');
    }
    
    // Determinar Navegador.
    function Browser() 
    {
        var ua, s, i;

        this.isIE    = false;
        this.isNS    = false;
        this.version = null;

        ua = navigator.userAgent;

        s = "MSIE";
        if ((i = ua.indexOf(s)) >= 0) {
            this.isIE = true;
            this.version = parseFloat(ua.substr(i + s.length));
            return;
        }

        s = "Netscape6/";
        if ((i = ua.indexOf(s)) >= 0) {
            this.isNS = true;
            this.version = parseFloat(ua.substr(i + s.length));
            return;
        }

        s = "Gecko";
        if ((i = ua.indexOf(s)) >= 0) {
            this.isNS = true;
            this.version = 6.1;
            return;
        }
    }
    
    var browser = new Browser();

    // Global object to hold drag information.
    var dragObj = new Object();
    dragObj.zIndex = 0;
    
    function dragStart(event, id) 
    {
        var el;
        var x, y;

        // If an element id was given, find it. Otherwise use the element being
        // clicked on.
        if (id)
            dragObj.elNode = document.getElementById(id);
        else 
        {
            if (browser.isIE)
                dragObj.elNode = window.event.srcElement;
            if (browser.isNS)
                dragObj.elNode = event.target;
            // If this is a text node, use its parent element.
            if (dragObj.elNode.nodeType == 3)
                dragObj.elNode = dragObj.elNode.parentNode;
        }
        // Get cursor position with respect to the page.

        if (browser.isIE) 
        {
            x = window.event.clientX + document.documentElement.scrollLeft
              + document.body.scrollLeft;
            y = window.event.clientY + document.documentElement.scrollTop
              + document.body.scrollTop;
        }
        if (browser.isNS) 
        {
            x = event.clientX + window.scrollX;
            y = event.clientY + window.scrollY;
        }
        // Save starting positions of cursor and element.
        dragObj.cursorStartX = x;
        dragObj.cursorStartY = y;
        dragObj.elStartLeft  = parseInt(dragObj.elNode.style.left, 10);
        dragObj.elStartTop   = parseInt(dragObj.elNode.style.top,  10);

        if (isNaN(dragObj.elStartLeft)) 
            dragObj.elStartLeft = 0;
        if (isNaN(dragObj.elStartTop))  
            dragObj.elStartTop  = 0;
        // Update element's z-index.
        dragObj.elNode.style.zIndex = ++dragObj.zIndex;
        // Capture mousemove and mouseup events on the page.
        if (browser.isIE) 
        {
            document.attachEvent("onmousemove", dragGo);
            document.attachEvent("onmouseup",   dragStop);
            window.event.cancelBubble = true;
            window.event.returnValue = false;
        }
        if (browser.isNS) 
        {
            document.addEventListener("mousemove", dragGo,   true);
            document.addEventListener("mouseup",   dragStop, true);
            event.preventDefault();
        }
    }

    function dragGo(event) 
    {
        var x, y;
        // Get cursor position with respect to the page.
        if (browser.isIE) 
        {
            x = window.event.clientX + document.documentElement.scrollLeft
              + document.body.scrollLeft;
            y = window.event.clientY + document.documentElement.scrollTop
              + document.body.scrollTop;
        }
        if (browser.isNS) 
        {
            x = event.clientX + window.scrollX;
            y = event.clientY + window.scrollY;
        }
        dragObj.elNode.style.left = (dragObj.elStartLeft + x - dragObj.cursorStartX) + "px";
        dragObj.elNode.style.top  = (dragObj.elStartTop  + y - dragObj.cursorStartY) + "px";
        if (browser.isIE) 
        {
            window.event.cancelBubble = true;
            window.event.returnValue = false;
        }
        if (browser.isNS)
            event.preventDefault();
            
        baseL = (dragObj.elStartLeft + x - dragObj.cursorStartX);
        baseT = (dragObj.elStartTop  + y - dragObj.cursorStartY);
    }

    function dragStop(event) 
    {
        if (browser.isIE) 
        {
            document.detachEvent("onmousemove", dragGo);
            document.detachEvent("onmouseup",   dragStop);
        }
        if (browser.isNS) 
        {
            document.removeEventListener("mousemove", dragGo,   true);
            document.removeEventListener("mouseup",   dragStop, true);
        }
    }


    function AddEvento(elementObj, eventName, eventHandlerFunctionName)
    {
        if (elementObj.addEventListener) 
        { // Non-IE browsers
            elementObj.addEventListener(eventName, eventHandlerFunctionName, false);		
        } 
        else if (elementObj.attachEvent) 
        { // IE 6+
            elementObj.attachEvent('on' + eventName, eventHandlerFunctionName);
        } 
        else 
        { // Older browsers 
            var currentEventHandler = elementObj['on' + eventName];
            if (currentEventHandler == null) 
            {
                elementObj['on' + eventName] = eventHandlerFunctionName;
            } 
            else 
            {
                elementObj['on' + eventName] = function(e) { currentEventHandler(e); eventHandlerFunctionName(e); }
            }
        }
    }
    
    function CapturaEventos()
    {   /* *** Añadir nuevo evento en el onfocus de los campos text, password y textarea. *** */
        try
        {
            for(i=0;i<document.forms[0].elements.length;i++)
            {
                var tipo=document.forms[0].elements[i].type;
                if(tipo=='text' || tipo=='password' || tipo=='textarea')
                {
                    if(browser.isIE)
                    {
                        AddEvento(document.forms[0].elements[i],'focus', guardarFocoIE);
                    }
                    else
                    {
                        AddEvento(document.forms[0].elements[i],'focus', guardarFocoNS);
                    }
                    
                }
            }
        }
        catch(e)
        {
            alert('El teclado virtual puede no estar disponible para su navegador.');
        }
    }

function imprimirTeclado(){
	document.writeln('	<div id="capaTecladoSuperior" class="bgBlockTN"  >	');
	document.writeln('	<div id="capaTeclado" class="bgTN">    ');
	document.writeln('	    <div id="caption" style="width: 290px;color:#75263D; background-color: #FFFFFF; font-family: verdana; font-size: 8pt;">');
	document.writeln('	    Refuerce la seguridad utilizando el teclado virtual.');
	document.writeln('	    </div>');
	document.writeln('		    <a href="#" onmouseover="mostrarImagen(); return false;">');
	document.writeln('			<img src="../siglo21/estandar/recursos/tecladovirtual/teclado_alfa_minus_burgun.png" id="image" usemap="#Map" style="border:0" alt="teclado Virtual" />');
	document.writeln('			<map id="Map" name="Map" >');
	document.writeln('			    <area shape="rect" coords="36,66,54,84" href="#" alt="caracter &lt; o &gt;"');
	document.writeln('					    onclick="introducirCaracter(34);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="196,66,214,84" href="#"  alt="caracter &#44; o &#59;"');
	document.writeln('					    onclick="introducirCaracter(42);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="216,66,234,84" href="#"  alt="caracter &#46; o &#58;"');
	document.writeln('					    onclick="introducirCaracter(43);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="261,26,279,44" href="#"  alt="caracter &#43; o &#42;"');
	document.writeln('					    onclick="introducirCaracter(21);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="241,26,259,44" href="#"  alt="caracter &#96; o &#94;"');
	document.writeln('					    onclick="introducirCaracter(20);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="268,46,286,64" href="#"  alt="caracter &Ccedil;"');
	document.writeln('					    onclick="introducirCaracter(33);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="248,46,266,64" href="#"  alt="caracter &acute; o &uml;"');
	document.writeln('					    onclick="introducirCaracter(32);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="31,6,49,24" href="#"  alt="caracter 1 o &#33;"');
	document.writeln('					    onclick="introducirCaracter(0);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="101,26,119,44" href="#"  alt="caracter r o R"');
	document.writeln('					    onclick="introducirCaracter(13);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="191,6,209,24" href="#"  alt="caracter 9 o &#41;"');
	document.writeln('					    onclick="introducirCaracter(8);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="51,6,69,24" href="#"  alt="caracter 2 o &quot;"');
	document.writeln('					    onclick="introducirCaracter(1);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="41,26,58,44" href="#"  alt="caracter q o Q"');
	document.writeln('					    onclick="introducirCaracter(10);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="201,26,219,44" href="#"  alt="caracter o o O"');
	document.writeln('					    onclick="introducirCaracter(18);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="231,6,277,24" href="#"  alt="borrar caracter"');
	document.writeln('					    onclick="borrarCaracter() ;mostrarimagenonmouseup();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="172,6,189,24" href="#"  alt="caracter 8 o &#40;"');
	document.writeln('					    onclick="introducirCaracter(7);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="121,26,138,44" href="#"  alt="caracter t o T"');
	document.writeln('					    onclick="introducirCaracter(14);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="181,26,199,44" href="#"  alt="caracter i o I"');
	document.writeln('					    onclick="introducirCaracter(17);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="91,6,109,24" href="#"  alt="caracter 4 o &#36;"');
	document.writeln('					    onclick="introducirCaracter(3);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="81,26,99,44" href="#"  alt="caracter e o E"');
	document.writeln('					    onclick="introducirCaracter(12);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="151,6,169,24" href="#"  alt="caracter 7 o &#47;"');
	document.writeln('					    onclick="introducirCaracter( 6);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="161,26,179,44" href="#"  alt="caracter u o U"');
	document.writeln('					    onclick="introducirCaracter(16);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="221,26,239,44" href="#"  alt="caracter p o P"');
	document.writeln('					    onclick="introducirCaracter(19);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="141,26,159,44" href="#"  alt="caracter y o Y"');
	document.writeln('					    onclick="introducirCaracter(15);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="111,6,129,24" href="#"  alt="caracter 5 o &#37;"');
	document.writeln('					    onclick="introducirCaracter(4);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="211,6,229,24" href="#"  alt="caracter 0 o &#61;"');
	document.writeln('					    onclick="introducirCaracter(9);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="131,6,149,24" href="#"  alt="caracter 6 o &amp;"');
	document.writeln('					    onclick="introducirCaracter(5);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="61,25,79,43" href="#"  alt="caracter w o W"');
	document.writeln('					    onclick="introducirCaracter(11);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="71,6,89,24" href="#"  alt="caracter 3 o &middot;"');
	document.writeln('					    onclick="introducirCaracter(2);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="148,46,166,64" href="#"  alt="caracter h o H"');
	document.writeln('					    onclick="introducirCaracter(27);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="129,46,146,64" href="#"  alt="caracter g o G"');
	document.writeln('					    onclick="introducirCaracter(26);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="108,46,126,64" href="#"  alt="caracter f o F"');
	document.writeln('					    onclick="introducirCaracter(25);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="88,46,106,64" href="#"  alt="caracter d o D"');
	document.writeln('					    onclick="introducirCaracter(24);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="68,46,86,64" href="#"  alt="caracter s o S"');
	document.writeln('					    onclick="introducirCaracter(23);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="48,46,66,64" href="#"  alt="caracter a o A"');
	document.writeln('					    onclick="introducirCaracter(22);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="168,46,186,64" href="#"  alt="caracter j o J"');
	document.writeln('					    onclick="introducirCaracter(28);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="188,46,207,64" href="#"  alt="caracter k o K"');
	document.writeln('					    onclick="introducirCaracter(29);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="208,46,226,64" href="#"  alt="caracter l o L"');
	document.writeln('					    onclick="introducirCaracter(30);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="228,46,246,64" href="#"  alt="caracter &ntilde; o &Ntilde;"');
	document.writeln('					    onclick="introducirCaracter(31);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="4,26,39,64" href="#"  alt="bloque mayusculas"');
	document.writeln('					    onclick="bloqMay();mostrarimagenonmouseup();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="236,66,254,84" href="#"  alt="caracter &#45; o &#95;"');
	document.writeln('					    onclick="introducirCaracter(44);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="176,66,194,84" href="#"  alt="caracter m o M"');
	document.writeln('					    onclick="introducirCaracter(41);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="156,66,174,84" href="#"  alt="caracter n o N"');
	document.writeln('					    onclick="introducirCaracter(40);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="136,66,153,84" href="#"  alt="caracter b o B"');
	document.writeln('					    onclick="introducirCaracter(39);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="116,66,134,84" href="#"  alt="caracter v o V"');
	document.writeln('					    onclick="introducirCaracter(38);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="96,66,114,84" href="#"  alt="caracter c o C"');
	document.writeln('					    onclick="introducirCaracter(37);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="76,66,94,84" href="#"  alt="caracter x o X"');
	document.writeln('					    onclick="introducirCaracter(36);mostrarImagenOnMouseUp();return false;"');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="56,66,74,84" href="#"  alt="caracter z o Z"');
	document.writeln('					    onclick="introducirCaracter(35);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			    <area shape="rect" coords="61,86,231,104" href="#"  alt="caracter blanco"');
	document.writeln('					    onclick="introducirCaracter(45);mostrarImagenOnMouseUp();return false;" ');
	document.writeln('					    onmousedown="mostrarImagenOnMouseDown();"/>');
	document.writeln('			</map>            </a>');
	document.writeln('		</div>');
	document.writeln('	</div>');
}