function rebordeazul(texto,X,Y,X2,Y2,link){
document.write(''
  + '<div style="position: absolute; top: ' + Y2 + 'px; left: ' + X2 + 'px;">'
  + '	<img src="./imagenes/seccion_' + texto + '_texto.png" border="0"></div>'
  + ''
  + '<div style="position: absolute; top: ' + Y + 'px; left: ' + X + 'px;">'
  + '<table border="0" cellspacing="0" cellpadding="0">'
  + '	<tr>'
  + '		<td width="14" height="14" background="./imagenes/cuadro11.png"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '		<td height="14" background="./imagenes/cuadro12.png"></td>'
  + '		<td width="14" height="14" background="./imagenes/cuadro13.png"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '	</tr>'
  + '	<tr>'
  + '		<td width="14" background="./imagenes/cuadro21.png"></td>'
  + '		<td valign="middle" bgcolor="#FFFFFF">'
  + '           <a href"#" onclick="window.open(\'' + link + '\')"><img src="./imagenes/seccion_' + texto + '_imagen.png" border="0"></a></td>'
  + '		'
  + '		<td width="14" background="./imagenes/cuadro23.png"></td>'
  + '	</tr>'
  + '	<tr>'
  + '		<td width="14" height="14" background="./imagenes/cuadro31.png"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '		<td height="14" background="./imagenes/cuadro32.png"></td>'
  + '		<td width="14" height="14" background="./imagenes/cuadro33.png"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '	</tr>'
  + '</table>'
  + '</div>'
  + '');
};

function rebordeazulsintitulo(texto,X,Y,link){
document.write(''
  + ''
  + '<div style="position: absolute; top: ' + Y + 'px; left: ' + X + 'px;">'
  + '<table border="0" cellspacing="0" cellpadding="0">'
  + '	<tr>'
  + '		<td width="14" height="14" background="./imagenes/cuadro11.png"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '		<td height="14" background="./imagenes/cuadro12.png"></td>'
  + '		<td width="14" height="14" background="./imagenes/cuadro13.png"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '	</tr>'
  + '	<tr>'
  + '		<td width="14" background="./imagenes/cuadro21.png"></td>'
  + '		<td valign="middle" bgcolor="#FFFFFF">'
  + '           <a href"#" onclick="window.open(\'' + link + '\')"><img src="./imagenes/' + texto + '" border="0"></a></td>'
  + '		'
  + '		<td width="14" background="./imagenes/cuadro23.png"></td>'
  + '	</tr>'
  + '	<tr>'
  + '		<td width="14" height="14" background="./imagenes/cuadro31.png"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '		<td height="14" background="./imagenes/cuadro32.png"></td>'
  + '		<td width="14" height="14" background="./imagenes/cuadro33.png"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '	</tr>'
  + '</table>'
  + '</div>'
  + '');
};

function rebordeazulsintitulo2(texto,X,Y){
document.write(''
  + ''
  + '<div style="position: absolute; top: ' + Y + 'px; left: ' + X + 'px;">'
  + '<table border="0" cellspacing="0" cellpadding="0">'
  + '	<tr>'
  + '		<td width="14" height="14" background="./imagenes/cuadro11.png"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '		<td height="14" background="./imagenes/cuadro12.png"></td>'
  + '		<td width="14" height="14" background="./imagenes/cuadro13.png"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '	</tr>'
  + '	<tr>'
  + '		<td width="14" background="./imagenes/cuadro21.png"></td>'
  + '		<td valign="middle" bgcolor="#FFFFFF">'
  + '           <img src="./imagenes/' + texto + '" border="0"></td>'
  + '		'
  + '		<td width="14" background="./imagenes/cuadro23.png"></td>'
  + '	</tr>'
  + '	<tr>'
  + '		<td width="14" height="14" background="./imagenes/cuadro31.png"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '		<td height="14" background="./imagenes/cuadro32.png"></td>'
  + '		<td width="14" height="14" background="./imagenes/cuadro33.png"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '	</tr>'
  + '</table>'
  + '</div>'
  + '');
};

function rebordeazultablanegra(X,Y,link,tamanyotabla){
document.write(''
    + '<div style="position: absolute; top: ' + Y + 'px; left: ' + X + 'px;">'
  + '<table border="0" cellspacing="0" cellpadding="0" >'
  + '	<tr>'
  + '		<td width="14" height="14" background="./imagenes/cuadro11.png"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '		<td height="14" background="./imagenes/cuadro12.png"></td>'
  + '		<td width="14" height="14" background="./imagenes/cuadro13.png"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '	</tr>'
  + '	<tr>'
  + '		<td width="14" background="./imagenes/cuadro21.png"></td>'
  + '		<td valign="middle" bgcolor="#FFFFFF">'
  + '           <table bgcolor="#000000" width="150" height="' + tamanyotabla + '"><tr><td colspan="3">&nbsp;</td></tr><tr><td>&nbsp;</td><td valign="top"><img src="./imagenes/' + link + '" border="0"></td><td>&nbsp;</td></tr><tr><td colspan="3">&nbsp;</td></tr></table></td>'
  + '		'
  + '		<td width="14" background="./imagenes/cuadro23.png"></td>'
  + '	</tr>'
  + '	<tr>'
  + '		<td width="14" height="14" background="./imagenes/cuadro31.png"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '		<td height="14" background="./imagenes/cuadro32.png"></td>'
  + '		<td width="14" height="14" background="./imagenes/cuadro33.png"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '	</tr>'
  + '</table>'
  + '</div>'
  + '');

}

function rebordeazultablanegraconfoto(X,Y,link,tamanyotabla,foto){
document.write(''
    + '<div style="position: absolute; top: ' + Y + 'px; left: ' + X + 'px;">'
  + '<table border="0" cellspacing="0" cellpadding="0" >'
  + '	<tr>'
  + '		<td width="14" height="14" background="./imagenes/cuadro11.png"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '		<td height="14" background="./imagenes/cuadro12.png"></td>'
  + '		<td width="14" height="14" background="./imagenes/cuadro13.png"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '	</tr>'
  + '	<tr>'
  + '		<td width="14" background="./imagenes/cuadro21.png"></td>'
  + '		<td valign="middle" bgcolor="#FFFFFF">'
  + '           <table bgcolor="#000000" border="0" width="150" height="' + tamanyotabla + '"><tr><td colspan="5">&nbsp;</td></tr><tr><td>&nbsp;</td><td valign="top"><img src="./imagenes/' + foto + '" border="0"/></td><td>&nbsp;</td><td valign="top"><img src="./imagenes/' + link + '" border="0"></td><td>&nbsp;</td></tr><tr><td colspan="5">&nbsp;</td></tr></table></td>'
  + '		'
  + '		<td width="14" background="./imagenes/cuadro23.png"></td>'
  + '	</tr>'
  + '	<tr>'
  + '		<td width="14" height="14" background="./imagenes/cuadro31.png"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '		<td height="14" background="./imagenes/cuadro32.png"></td>'
  + '		<td width="14" height="14" background="./imagenes/cuadro33.png"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '	</tr>'
  + '</table>'
  + '</div>'
  + '');

}

function Mover(id,direccion)
{
 var bloque=document.getElementById(id);
 var x=(document.defaultView && document.defaultView.getComputedStyle) ?
        document.defaultView.getComputedStyle(bloque,'').getPropertyValue("top")
:
        bloque.currentStyle ? bloque.currentStyle.top : "";
 var y=(document.defaultView && document.defaultView.getComputedStyle) ?
        
document.defaultView.getComputedStyle(bloque,'').getPropertyValue("left")
:
        bloque.currentStyle ? bloque.currentStyle.left : "";

 x= parseInt(x);
 y= parseInt(y);
 if(direccion=='derecha')
 {
           y+=20;
           bloque.style.left=y+"px";    
             
  }
  if(direccion=='izquierda')
  {
        
           y-=20;
           bloque.style.left=y+"px";    
        
  }
};

function fondonegro(texto,X,Y){
document.write(''
  + '<div style="position: absolute; top: ' + Y + 'px; left: ' + X + 'px;">'
  + '<table border="0" cellspacing="0" cellpadding="0" background="./imagenes/cuadronegro.png">'
  + '	<tr>'
  + '		<td width="14" height="14"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '		<td height="14"></td>'
  + '		<td width="14" height="14"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '	</tr>'
  + '	<tr>'
  + '		<td width="14" ></td>'
  + '		<td valign="middle">'
  + '           <img src="./imagenes/' + texto + '" border="0"></td>'
  + '		'
  + '		<td width="14"></td>'
  + '	</tr>'
  + '	<tr>'
  + '		<td width="14" height="14"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '		<td height="14"></td>'
  + '		<td width="14" height="14"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '	</tr>'
  + '</table>'
  + '</div>'
  + '');
};
function fondonegroconlink(texto,link,X,Y){
document.write(''
  + '<div style="position: absolute; top: ' + Y + 'px; left: ' + X + 'px;">'
  + '<table border="0" cellspacing="0" cellpadding="0" background="./imagenes/cuadronegro.png">'
  + '	<tr>'
  + '		<td width="14" height="14"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '		<td height="14"></td>'
  + '		<td width="14" height="14"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '	</tr>'
  + '	<tr>'
  + '		<td width="14" ></td>'
  + '		<td valign="middle">'
  + '           <a href="#" onclick="javascript:window.open(\'' + link + '\')"><img src="./imagenes/' + texto + '" border="0"></a></td>'
  + '		'
  + '		<td width="14"></td>'
  + '	</tr>'
  + '	<tr>'
  + '		<td width="14" height="14"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '		<td height="14"></td>'
  + '		<td width="14" height="14"><img src="./imagenes/nulldot.gif" width="14" height="14"></td>'
  + '	</tr>'
  + '</table>'
  + '</div>'
  + '');
};

function pintarlogo(){
document.write(''
+ '<div style="position: absolute; top: 11px; left: 75px;">'
+ '	    <table cellpadding="0" cellspacing="0" border="0">'
+ '	        <tr><td><a href="elfyguevara_index.html"><img src="./imagenes/logo1.png" border="0"></a></td></tr>'
+ '	        <tr><td><a href="mailto:foto@carmenguevara.com"><img src="./imagenes/logo_email.png" border="0"></a></td></tr>'
+ '	    </table></div>'	
+ '');
};