mi sitio tidavia no esta online, al mandar el codigo reducido a lo mejor omiti mandar algo, te lo mando completo...
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Window-target" content="_top" />
<link href="estilos/estilos.css" rel="stylesheet" type="text/css"/>
<title>NOMBRE</title>
<link href='http://fonts.googleapis.com/css?family=Crimson+Text' rel='stylesheet' type='text/css' />
<link rel="shortcut icon" href="imagenes/favicon.ico" />
<style>
html,body{
height:100%;}
</style>
</head>
<body>
<div class="contenedora">
<div class="menu">
<h1><a href="#"><object classid="clsid:166B1BCA-3F9C-11CF-8075-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/director/sw.cab#version=8,5,0,0" width="240" height="240">
<param name="src" value="imagenes/video.swf" /><param name="BGCOLOR" value="#2F2851" />
<embed src="imagenes/video.swf" width="240" height="240" pluginspage="http://www.macromedia.com/shockwave/download/" bgcolor="#2F2851" style="margin-top:-22px;"></embed></object></a></h1>
<ul style="margin-top:108px">
<li>
<p><a href="index.html"><button class="button">Home</button></a></p>
<p><a href="historia.html"><button class="button">Historia</button></a></p>
<p><a href="institucional.html"><button class="button">Institucional</button></a></p>
<p><a href="informacion.html"><button class="button">Información General</button></a></p>
<p><a href="prensa.html"><button class="button">Prensa</button></a></p>
<p><a href="galeria.html"><button class="button">Galería</button></a></p>
<p><a href="enlaces.html"><button class="button">Enlaces</button></a></p>
<p><a href="contacto.html"><button class="button">Contacto</button></a></p>
</li>
</ul>
</div> <!--fin menu-->
<div class="encabezado">
<p><h1>NOMBRE.</h1></p>
<p><h1>DESCRIPCION DE LA RAZON SOCIAL</h1></p>
<h1><a href="#"><img src="imagenes/portada3.jpg" alt="portada" style="margin-top:-12px;" /></a></h1>
</div> <!--fin encabezado-->
<div class="cuerpo" style="line-height:2">
<p><h3>Historia y balance</h3></p>
<p> </p>
<p><h4>Luego de 13 años de trabajar bajo un régimen de opresión, miedo, despotismo. Una “dictadura”, donde todo se manejaba según el antojo de una persona y su séquito, los trabajadores nos animamos a cambiar esa realidad.
Aun cuando éramos perseguidos, sancionados, trasladados y despedidos sin causa, vencimos los miedos y nos empezamos a organizar.
No solo estábamos cansados de trabajar en esas condiciones, veíamos como nuestra Obra Social, nuestra casa, se deterioraba sin pausa. La caída era en picada y sin escalas.
A través de una primera organización, casi clandestina, Resistencia y Dignidad, se establecieron las bases de este cambio. Se contactó con los compañeros del interior, tan olvidados, relegado y vapuleados como el resto de nosotros. Se armó una red de contacto dinámica y constante. Desde Ushuaia a Resistencia, en cada rincón del país un compañero estaba con nosotros.
Se comenzaron a juntar firmas para empezar a formar un gremio propio. Uno que nos represente, que sea nuestro, que seamos nosotros. El que teníamos nos ignoraba sistemáticamente desde hacia años.
Y así, entre los que se animaban a desafiar esa realidad llegamos a la Asamblea del 25 de abril de 2009. Masiva si se piensa en el contexto en el que se realizó. Contra viento y marea, con coraje y decisión, elegimos a nuestros representantes, y comenzamos el camino de la legalidad. Lucharíamos con armas legítimas. Nacía UTOSBA. Pero no pararon las persecuciones. Las autoridades de ese momento ignoraron la Agrupación formada, los compañeros elegidos para representarnos fueron desacreditados, algunos trasladados. Pero nada nos detuvo. Trabajamos duro, sumamos gente y seguimos adelante</p></h4>
</div> <!--fin cuerpo-->
<div class="clear"></div>
</div> <!--fin contenedora-->
<div class="pie">
<p><h1>TEXTO DEL PIE DE PAGINA</h1></p>
</div> <!--fin pie-->
</body>
</html>
CSS:
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;}
body {line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0; }
body, div, p, button, ul, li, h1, h3, h4 { margin: 0; padding: 0;}
div.contenedora {
width: 100%;
height:100%;
background-color: #D9D9FF;
display:table;
margin:0px;
}
div.menu {
float: left;
height: 100%;
width: 20%;
margin: 0;
text-align: center;
background-color:#2F2851;
display:table;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}
div.encabezado {
float: right;
width: 80%;
background-color:#CCCCFF;
border-bottom: #2F2851 3px solid;
}
.encabezado h1 {
text-align:center;
font-family: "Adobe Caslon Pro";
font-size:24px;
margin-top:10px;
padding-bottom:10px;
line-height:0.5;
}
.cuerpo {
padding:20px;
display:table;
}
.cuerpo h3 {
font-family:"Adobe Caslon Pro";
font-size:22px;
line-height:1;
text-align:center;
text-decoration:underline;
}
.cuerpo h4 {
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
padding:20px;
text-align: justify;
}
.pie {
display: table;
height:25px;
background-color:#CCCCFF;
width:100%;
border-top: #2F2851 3px solid;
}
.pie h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align:center;
font-style:italic;
padding-top:5px;
}
.clear {
clear: all;
}
.button {
width: 90%;
background-color:#393164;
font-family:"Adobe Caslon Pro";
font-size: 16px;
color: #cccccc;
margin: 3px;
border: 0px;
padding:5px;
}
