body {
margin:0;
text-align:center;
font-family:Verdana,Arial,sans-serif;
font-size:12px;
line-height:1.6em;
color:#454545;
background-color: #efefef;
}

#pagina {
width:770px;
margin:10px auto 10px auto;
text-align:justify;
padding:10px;
border:1px solid #454545;
background-color: #ffffff;
}

a {
text-decoration:none;
color:#7a8e9d;
}

a:hover {
color:#2f536f;
background-color:#cccccc;
}
h1 {
font-size:1.8em;
line-height:1.4em;
font-weight:bold;
padding:10px 0px 10px 0px;
margin:0;
text-align:center;
background-color: #efefef;

}

h2 {
font-size:1.4em;
line-height:1.2em;
font-weight:bold;
font-style:italic;
border-bottom:1px dashed #454545;
}

h3 {
font-size:1.2em;
line-height:1.0em;
font-weight:bold;
font-style:italic;
border-bottom:1px dashed #454545;
padding:0;
margin:0;
}


p {
text-indent:50px;
}

.copyright {
text-indent:0;
font-size: 0.8em;
font-style:italic;
}

ul, ol {
padding-left: 60px;
}

img {
border:none;
}

#rodape {
text-align:center;
background-color: #efefef;
padding:10px;
}

#indice {
position:relative;
float:right;
width:320px;
padding:10px;
margin: 10px 0 0 10px;
border:1px solid #454545;
background-color: #efefef;
}

#indice ul, ol {
padding-left: 30px;
}

#indice p {
padding:0;
text-indent:0;
}

dl img {
  width:100%;
  height:100%;
  text-align:center;
  padding:0;
  margin:0;
  cursor:pointer;
} 

dt {
  clear:both;
  margin: 0 0 20px 0;
  padding: 30px 0 0 0;
  border-bottom: 1px dashed #454545;
  font: 1.4em/1.0em bold normal;
}

.screenshot {
  position:relative;
  float:left;
  width:450px;
  margin: 0 5px 0 0;
}

dd {
  position:relative;
  float:left;
  width:270px;
}