#todo {
  width:            900px;
  padding-top:      10px;
  padding-bottom:   5px;
  margin-left:      auto;
  margin-right:     auto;
}

#cabezado{
    border-width:        thin;
    border-style:        thin;
    margin:              10px 10px 10px 10px;
}

#indice {
  width:            65px;
  padding:          10px 20px 7px 20px;  /* em cima,  direita, embaixo, esquerda */
  float:            left;
  list-style-type:  none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  color: #333333;
  margin-left: 4px;
}
#indice a:link {color: #cc5500; font-weight: bold; text-decoration: none;}
#indice a:visited {color: #cc5500; font-weight: bold; text-decoration: none;}
#indice a:hover {color: #cc5500; font-weight: bold; text-decoration: none; background-color: #fff3e8;}


#divVert{
  width:               2px;
  padding:             10px 8px 7px 10px;
  float:               left;
}

#principal {
  width:               590px;
  padding:             10px 10px 10px 20px; /* #em cima, ра direita, embaixo, ра esquerda */
  margin:              0px 10px 10px 0px;
  text-align:          justify;
  float:               left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  color: #333333
}
#principal a:link {color: #cc5500; font-weight: bold; text-decoration: none;}
#principal a:visited {color: #cc5500; font-weight: bold; text-decoration: none;}
#principal a:hover {color: #cc5500; font-weight: bold; text-decoration: none; background-color: #fff3e8;}