body {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAQElEQ…/+shjtkLNTmpTaZMm05IB76YzfTedaW46k28Opg1VYQ5hW3JdzwAAAABJRU5ErkJggg==)repeat}

.wrapper {
  background: #fff none repeat scroll 0 0;
  height: 100%;
  margin: 0 auto;
  width: 960px;
  padding: 15px;
  position: relative;
  display: table;}

header {
  background-color: #292929;
  height: 180px;}

header img {
  padding: 10px;}

nav {
  float: right;
  margin-right: 20px;
  margin-top: 0px;}

ul {
  list-style: none;}

li {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
    line-height: 18px;}

a {
  color: #98c325;
  text-decoration: none;
  font-family:sans-serif;
  font-style: bold;}

section.perfil {
  display: table;
  padding-bottom: 43px;
  width: 930px;}

article.fotoepigrafe {
  float: left;
  width: 43%;
  padding-top: 25px;}

.infoperfil {
  border: 1px solid #ccc;
  font-size: 18px;
  line-height: 18px;
  padding: 15px;
  margin: 10px 0;
  font-family: sans-serif;}

div.infoperfil {
  width: 340px;
  height: 220;}

article.fotoepigrafe h1 {
  font-family: sans-serif;
  color: #98c325;
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 10px;}

.fotoepigrafe > img {
  border: 12px solid #ccc;}

aside {
  display: table;
  font-family: sans-serif;
  font-size: 12px;
  font-style: italic;
  padding-top: 27px;
  padding-left: 25;}

aside h3 {
  background: #292929;
  color: #98c325;
  font-style: normal;
  font-size: 30px;
  padding: 10px;}

aside h4 {
  color: #98c325;
  font-size: 18px;
  font-style: normal;
  margin-top: 20px;}

footer {
  background-color: #414141;
  bottom: 0;
  color: #fafafa;
  left: 0;
  padding: 15px;
  position: absolute;
  font-size: 11px;
  font-family: sans-serif;}