Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<title>Administracion Rocha </title>
<head>
<link rel="stylesheet" type="text/css" href="estilo.css">
<!--[if gte IE 6]>
<link rel="stylesheet" type="text/css" href="ie.css">
<![endif]-->
<script language=javascript src="validar.js">
</script>
</head>
<body>
<div id="border">
<div id="contenedor">
<div id="cabecera"><img src="imagenes/serv.png" border="0" height="235" width="980">
</div>
<div class="titulo1">Nuestros Objetivos</div>
<div id="menu">
<p><img src="imagenes/tilde.png">   Compromiso y capacitacion permanente.</p>
<p><img src="imagenes/tilde.png">   Brindamos soluciones diseñadas a su medida.</p>
<p><img src="imagenes/tilde.png">   Comprension de las necesidades de nuestros clientes.</p>
<p><img src="imagenes/tilde.png">   Brindar no solo los servicios contables <font color="red"><u>"habituales"</u></font> sino los<font color="red"> <u>"específicos"</u></font></p><p>        de cada cliente</p>
</div><br>
<div class="titulo2">Nuestros Servicios</div>
<br>
<div id="cuerpo"><br>
<ul>
<li><h3 class="subrallado">Monotributistas</h3></li>
<div id="servicios">
<p class="inicial">Asesoramiento permanente, inscripciones, recategorizaciones.</p>
</div>
<li><h3 class="subrallado">Impuestos</h3></li>
<div id="servicios">
<p class="inicial">Liquidación de impuestos nacionales y provinciales (IVA-Ganancias , Bienes Personales)</p>
<p class="inicial">Monatorias - Regimenes de Facilidades de Pago - A.F.I.P - Citi Venta-Compra.</p>
<p class="inicial">Contestacion de requierimeintos , presentacion de descargos , atención de inspeciones Nacionles , Provinciales y Municiaples</p>
</div>
<li><h3 class="subrallado">Liquidacion de Sueldos</h3></li>
<div id="servicios">
<p class="inicial">Recibos,Emision F931, libro ley, SUSS.</p>
</div>
<li><h3 class="subrallado">Tramites</h3></li>
<div id="servicios">
<p class="inicial">Habilitaciones de comercios.Altas-Bajas.</p>
<hr>
<p class="inicial">Nuevo Regimen de trabajo agrario Ley 26.727</p>
</div>
</ul>
</div>
<div class="titulo3">      datos personales</div>
<div id="menu2">
<p><img src="imagenes/telefono.png"> Telefono: XXX - XXXXXXX</p>
<p><img src="imagenes/celular.png">Nº Cel: 341 - XXXXXXXX</p>
<p> * Nuestro honorarios se ajustan a su presupuesto</p>
<p> * Asesoramiento sin cargo </p>
</div>
<div class="titulo">    CONTACTO</div>
<div id="derecha">
<br><br>
<form name="datos" action="mailto:[email protected]" method="post" enctype="text/plain" onsubmit="return validar();">
Nombre: <input type="text" name="nombre" value="" size="15" maxlength="30" onKeyUp=mayuscula()>
<br>
<br>
Apellido: <input type="text" name="apellido" size="15" value="" maxlength="30" onKeyUp=mayuscula()>
<br>
<br>
E-mail:    <input type="text" name="mail" value="@.com" maxlength="45" size="15">(Obligatorio)
<br>
<br>
Teléfono:<input type="text" name="telefono" value="" maxlength="30" size="15">(Opcional)
<br>
<br>
Nº Cel:    <input type="text" name="caracteristica" value="341" maxlength="6" size="1"> <input type="text" name="cel" value="" maxlength="30" size="9">(Opcional)
<br>
<br>
<br>
    <textarea name="comentario" rows="10" cols="30"> Deje su mensaje... </textarea>
                
<br>               
<img src="imagenes/accept.png" border="0">
<input type="submit" name="enviar" value="Enviar" alt="Enviar" title="Enviar"><img src="imagenes/cancel.png"> <input type="reset" name="borrar" value="Borrar" alt="Borrar" title="Borrar">
</form>
</div>
<div id="pie">
<p>asdasdasdaddddddddddddddddddd</p>
</div>
</div>
</div>
</body>
</html>
CSS
Código HTML:
body
{
font:14px arial,verdana,helvetica;
background:url(imagenes/probando.png) repeat;
margin:25px 0px 25px 0px;
}
#cabecera
{
width:980px;
height:216px;
margin-top:-15px;
margin-left:-3px;
background:url(imagenes/serv.png)no-repeat;
border-top-color:transparent;
border-right-color:transparent;
border-left-color:transparent;
border-bottom-color:black;
border-style:solid;
border-width:1px;
}
#contenedor
{
text-align:left;
width:980px;
border:solid 2px transparent;
margin:auto;
}
#menu
{
font:14px arial,verdana,helvetica;
text-align:left;
height:190px;
width:578px;
padding:20px 10px 0px 12px;
margin:0px 20px 20px 15px;
border:solid black 1px;
border-top-color:transparent;
}
#menu2
{
height:184px;
font-weight:bold;
font:14px arial,verdana,helvetica;
text-align:center;
float:right;
width:301px;
padding:25px 0px 3px 8px;
margin:-250px 0px 0px 0px;
border-style:solid;
border-width:1px;
border-top-color:transparent;
border-left-color:black;
border-right-color:transparent;
border-bottom-color:black
}
#cuerpo
{
float:left;
font:16px arial,verdana,helvetica;
width:598px;
background:#fff;
margin: 0px 0px 0px 15px;
padding:0px 0px 0px 2px;
border:1px solid black;
border-top-color:transparent;
border-left-color:black;
border-bottom-color:black;
border-right-color:black;
text-align:left;
}
#border
{
width:980px;
margin:auto;
border:2px solid black;
}
#derecha
{
text-align:left;
float:right;
width:300px;
height:500px;
padding:0px 0px 0px 9px;
margin:-1px 0px 0px 0px;
border:1px solid black;
border-top-color:black;
border-right-color:transparent;
}
#pie
{
width:980px;
height:30px;
clear:both;
color:#fff;
text-align:left;
margin:0px 0px -2px -2px;
padding:9px 0px 0px 0px;
font: 12px arial,verdana,helvetica;
border:transparent;
background:#68729E;
}
.titulo
{
background:url("imagenes/correo.png")no-repeat 0px 15px;
float:right;
width:289px;
background-color: #68729E;
color: #FFFFFF;
font-size: 8pt;
font-weight: normal;
letter-spacing: 2px;
margin:-37px 1px 0px -2px;
padding:12px 0px 9px 19px;
text-transform:uppercase;
border-left-color:black;
border-top-color:transparent;
border-right-color:transparent;
border-bottom-color:transparent;
border-style:solid;
border-width:1px;
}
.titulo1
{
color:#fff;
width:581px;
font-size: 8pt;
font-weight: normal;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #68729E;
border-top-color:transparent;
border-right-color:black;
border-left-color:black;
border-bottom-color:black;
border-style:solid;
border-width:1px;
margin: -1px 0px 0px 15px;
padding: 12px 0px 9px 19px;
}
.titulo2
{
color:#fff;
width:581px;
font-size: 8pt;
font-weight: normal;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #68729E;
border: solid black 1px;
margin: -37px 0px -16px 15px;
padding: 12px 0px 9px 19px;
}
.titulo3
{
background:url("imagenes/datos.png")no-repeat 5px 2px;
float:right;
width:289px;
background-color: #68729E;
color:#FFF;
font-size:8pt;
font-weight:normal;
letter-spacing: 2px;
margin:-285px 1px 0px 0px;
padding:12px 0px 9px 19px;
text-transform: uppercase;
border-left-color:black;
border-top-color:transparent;
border-right-color:transparent;
border-bottom-color:black;
border-style:solid;
border-width:1px;
}
.subrallado
{
text-decoration:underline;
font:19px arial,verdana,helvetica;
color:blue;
text-align:left;
}
#servicios
{
font: 13px arial,verdana,helvertica;
font-weight:bold;
margin:1px 1px 0px 0px;
text-align:left;
}
p.inicial:first-letter
{
color:red;
font-size:18px;
}
Lamentablemente no tengo enlace veo si mañana la subo a cualquier lado.
Si , las imagenes tienen transparencia , yo la unica forma que conosco de hacer imagenes con transparencia es con png , puede que sea eso.
Perdon por el desorden.