body {
        background-color: #f1f8fc; 
        font-family: DejaVu Sans, "Lucida Unicode", helvetica, sans-serif;
        margin: 0; 
        padding: 0; }

  a:link    { color: #222; text-decoration: none; font-size: 100%; font-weight: bold; }
  a:active  { color: #111; text-decoration: none; font-size: 100%; font-weight: bold; }
  a:visited { color: #222; text-decoration: none; font-size: 100%; font-weight: bold; }
  a:hover   { color: #333; text-decoration: underline; font-size: 100%; font-weight: bold; }

  a.barral:link    { color: #f1f8fc; text-decoration: none;}
  a.barral:active  { color: #f1f8fc; text-decoration: none;}
  a.barral:visited { color: #f1f8fc; text-decoration: none;}
  a.barral:hover   { color: #f1f8fc; text-decoration: underline;}

  #barra {
          color: #f1f8fc; 
          background-color: #464646; 
          border-width: 0px 0px 2px 0px; 
          border-style: solid;
          border-color: #000;
          height: 80px;  }

  #barraizquierda {
          font-size: 50px ;
          padding: 10 0 0 20 ; 
          float: left;  }

  #barraderecha {
          font-size: 12px ;
          padding: 40 20 0 0 ; 
          float: right; }

  .texto  {
          color: #111; 
          font-size: 14px; 
          padding: 10 0 10 30; 
          text-align: justify; 
          width: 800px; }

  .titulo {
          color: #000; 
          font-size: 120%;
          padding: 20 0 3 30; 
          border-bottom: thin dashed #aaa;
          width: 800px; }

  .imagen {
          padding: 0 0 0 25;
          border-width: 0px 0px 0px 0px; 
           }

  .foto   {
          padding: 10 0 10 50;
          border-width: 0px 0px 0px 0px; 
           }

  .piedefoto  {
          color: #111; 
          font-size: 12px; 
          padding: 0 0 10 50; 
          width: 700px; }

  .titulog {color: #000; font-size: 300%;padding: 10 0 10 0; font-weight: bold; }
  .chico  {color: #111; font-size: 70%; padding: 0 0 0 0;}
  .maschico  {color: #111; font-size: 60%; padding: 0 0 0 0;}