html{ font-family: sans-serif;}

body {
  /* tenho ainda de descobrir como parametrizar a largura da barra */
  margin: 0ex 0em 0ex 9.5em;
}

h1 {
  /* centrar o texto do título */
  text-align: center;
}

h1.subtitulo {
  /* ocupar a mesma largura do titulo */
  font-size: 155%;
}

div {
  /* afastar o texto das caixas das bordas */
  padding: 1em 2em;
}

img { 
  border: 0em;
  width: 7em;
}

img#ist {
  width: 7em;
}

img#google {
  vertical-align: middle;
}

#titulo {
}

td.subject{
	text-align: center;
}

td.date{
	width: 8em;
}

dt{ 
	font-weight: bold;
}

p.main{
	font-weight: bold;
}

div.cabeçalho {
  /* cor do logotipo */
  background-color: #B7BCE9;
  color: black;
  text-align: center;
  position: absolute;
  padding: 0ex 1em 4ex 1em;
  /* encostar a barra em cima à esquerda 
     e afastar o texto da direita */
  left: 9em;
  top: 0em;
  margin: 0em;
  width: 100%;
  height: 7.4em;
}

div.barra {
  /* cor do logotipo */
  background-color: #B7BCD9;
  color: black;
  font-family: sans-serif;
  text-align: center;
  text-transform: none;
  position: absolute;
  padding: 0ex 1em 4ex 1em;
  /* encostar a barra em cima à esquerda 
     e afastar o texto da direita */
  left: 0em;
  top: 0em;
  margin: 0em;
  width: 7.4em;
  height: 100%;
}

div.pesquisa {
	text-align: center;
}

div.imagemlateral {
  position:relative;
  float:left;
  margin: 0em;
  padding: 4ex 1em 2ex 0.5em;
}

.centered {
  text-align: center;
}

.conteudo {
}

.rodape { 
}

.logotipos {
}
.pesquisa {
margin: 0ex 1em;
padding: 0ex 3em 0ex 0.5em;
}

A:link { 
  color: blue;
  background-color: inherit;
}

A:visited { 
  color: blue;
  background-color: inherit;
}

A:hover {
  color: blue;
  background-color: inherit;
}

a {text-decoration: none;}