* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
body {
  color: rgb(255,255,255);
  font-family: Lato, Luxi sans, Lucida Grande, Lucida, Lucida Sans Unicode, sans-serif;
  font-size: 140%;
  font-weight: 300;
  line-height: 180%;
}
a {
  background: rgba(255,255,255,0.2);
  color: rgb(255,255,255);
  padding-bottom: .2em;
  text-decoration: none;
}
a:hover {
  background: rgba(255,255,255,0.6);
  color: rgb(160, 80, 40);
}
h1 {
  font-size: 200%;
  letter-spacing: -0.05em;
}
h2 {
  font-weight: 700;
  margin-bottom: 0.5em;
}
b {
  font-weight: 400;
}
i {
  font-style: italic;
}
ul.menu li {
  float: left;
  list-style: none;
  margin-right: 1em;
}

li {
  list-style: square inside;
}
#Cabecalho,
#Apoie {
  background: rgb(160, 80, 40) url("/public/images/fndTerracotta.jpg") repeat;
  padding: 2em;
}
#Logos {
  color: rgb(160, 80, 40);
  display: table;
  padding: 2em;
  vertical-align: middle;
}
#Museus {
  color: rgb(160,80,40);
  padding: 2em;
}
#Museus a {
  background: rgba(160,80,40,0.2);
  color: rgb(160,80,40);
  padding-bottom: .2em;
  text-decoration: none;
}
#Banners {
  background: rgb(230,230,230);
  color: rgb(160, 80, 40);
  padding: 2em;
}
#Banners a {
  color: rgb(160, 80, 40);
}
#Banners img {
  height: auto;
  width: 200px;
}
#Realizacao,
#Apoio {
  display: block;
  float: left;
}
div.meio {
  float: left;
  margin-right: 2%;
  width: 48%;
}
div.card {
  display: table-cell;
  float: left;
  height: 130px;
  margin: 10px;
  position: relative;
  width: 260px;
  vertical-align: middle;
}
.card a {
  display: block;
  position: relative;
}
.card img {
  margin: auto;
  position: relative;
}