<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
<!--
body {
background-color:#930;
margin-bottom:0px;
margin-left:17px;
margin-right:17px;
margin-top:17px;
}
#apDiv1 {
position:absolute;
width:775px;
height:422px;
z-index:1;
left: 55px;
top: 82px;
}
p {
font-size:20px;
font-family:"Estrangelo Edessa";
font-style:!important;
color:#000;
}
td.ter1 {
padding-left:20px;
padding-top:10px;
background-image:url(imagenes/fondito.jpg);
border:#333 double 5px;
}
#apDiv2 {
position:absolute;
width:400px;
height:380px;
z-index:1;
left: 677px;
top: 80px;
}
td.rem {
background-image:url(imagenes/fondo22.jpg);
padding-left:10px;
padding-top:10px;
}
td.tor {
background-color:#F00;
}
input.rem1 {
align:center;
width:300px;
border:#CCC solid 1px;
background-color:#FFF;
}
input.rem1:hover {
align:center;
width:300px;
border:#FF0;
border:#FFC;
background-color:#FFC;
}
input.rem1:focus {
align:center;
width:300px;
border:#FFC;
background-color:#FFC;
border:#CCC solid 1px;
}
input.rem2 {
align:center;
width:135px;
border:#FF0;
background-color:#FFF;
border:#CCC solid 1px;
}
input.rem2:hover {
align:center;
width:135px;
border:#FFC;
background-color:#FFC;
}
input.rem2:focus {
align:center;
width:135px;
border:#FF0;
background-color:#FFC;
border:#CCC solid 1px;
}
input.rem3 {
align:center;
width:90px;
border:#FF0;
background-color:#FFF;
border:#CCC solid 1px;
}
input.rem3:hover {
align:center;
width:90px;
border:#FFC;
background-color:#FFC;
}
input.rem3:focus {
align:center;
width:90px;
border:#FFC;
background-color:#FFC;
border:#CCC solid 1px;
}
textarea.rem4 {
align:left;
width:260px;
height:74px;
border:#FF0;
background-color:#FFF;
}
textarea.rem4:hover {
align:left;
width:260px;
height:74px;
border:#FF0;
background-color:#FFC;
}
textarea.rem4:hover {
align:left;
width:260px;
height:74px;
border:#FFC;
background-color:#FFC;
}
input.boton1 {
align:center;
width:90px;
height:26px;
background-color:#000;
border-color:#FFF;
color:#FFF;
}
input.boton1:hover {
align:center;
width:90px;
height:26px;
background-color:#000;
border-color:#FFF;
color:#FFF;
}
input.boton1:focus {
align:center;
width:90px;
height:26px;
background-color:#000;
border-color:#FFF;
color:#FFF;
}
#apDiv3 {
position:absolute;
width:50px;
height:50px;
z-index:2;
left: 261px;
top: 395px;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('imagenes/png/Facebook-icon2.png')">
<div id="apDiv3">
<table width="50"height="50" border="0">
<tr>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('facebook','','imagenes/png/Facebook-icon2.png',1)"><img src="imagenes/png/Facebook-icon[1].png" alt="facebook" name="facebook" width="50" height="50" border="0" id="facebook" /></a></td>
</tr>
</table>
</div>
<div id="apDiv2">
<table width="400" height="380" border="0" cellspacing="0">
<tr>
<td height="50" align="left" class="tor1"><img src="imagenes/png/registro.png" width="400" height="50" /></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#CCCCCC" class="rem"><form method="post" action="mailto:[email protected]">
<label for="nombres">Nombres</label>
<input type="text" value="" name="texto" class="rem1"><br /><br />
<label for="nombres">Apellidos</label>
<input type="text" value="" name="texto" class="rem1"><br /><br />
<label for="nombres">Dirección</label>
<input type="text" value="" name="texto" class="rem1"><br /><br />
<label for="nombres">Telefono</label>
<input type="text" value="" name="texto" class="rem2">
<label for="nombres">DNI</label>
<input type="text" value="" name="texto"class="rem3"><br /><br />
<label for="nombres">Email</label>
<input type="text" value="" name="texto" class="rem1"><br /><br />
<label for="nombres">Comentarios</label>
<textarea name="comentarios" class="rem4"></textarea></form></td>
</tr>
<tr>
<td height="40" align="center" valign="middle" bgcolor="#CCCCCC" class="rem"><input type="submit" name="enviar" value="Enviar" class="boton1"> <input type="Reset" name="borrar" value="Borrar" class="boton1"></td>
</tr>
</table>
</div>
<table width="1280" height="500" border="0" cellspacing="0" align="center">
<tr>
<td align="center" valign="middle"><img src="imagenes/contacto01.jpg" width="1280" height="500" /></td>
</tr>
</table>
</body>
</html>
Espero puedan ayudarme gracias.
