body {
 margin:20px;
 background:#D9D9D9;
 color: #333333;
 text-align:center;
 padding:0;
 font-size:10pt;font-family:tahoma, verdana, helvetica, arial, sans-serif;
 }

#outer {
 text-align:left;
 border:1px solid #000000;
 width:700px;
 margin:auto;
 }

#hdr {
 height:80px;
 background:#9678B2; /* El color del logo */ 
 color: #333333;
 }

#bar {
/* height:45px; */
 text-align:center;
 background:#B691D9; /* La barra de navegacion */
 color: #333333;
 border:solid #000000;	
 border-width:1px 0 1px 0;
 }

#bodyblock {
 position:relative;
 background:#D6ABFF; /* La barra de la izquirda */
 color: #333333;
 width:700px;
 padding:0;
 }

#l-col {
 float:left;
 background:#D6ABFF; /*Tb la barra de la izquierda */
 color:black;
 width:195px;
 }

#cont {
 width:495px;
 background:#ffffff; /* El contenido principal */
 color: #333333;
 border:solid #000000;	
 border-width:0 0 0 1px;
 text-align:justify;
 }
#ftr {
 height:25px;
 background:#B691D9; /* El pie de pagina */
 color: #333333;
 border:solid black;
 border-width:1px 0 0 0;
 margin:0;
 }
div.centra{text-align:center;}