body {
  width: 960px;
  font-family: Helvetica, Arial, sans-serif;
}

.container {
}

#header {
  position: absolute;
  z-index: 98;
  top: 0;
  left: 0;
  width: 100%;
  padding: 6px 0 0 10px;
  background-color: #000;
  text-align: left;
}

#nav {
  position: absolute;
  z-index: 99;
  top: 33px;
  left: 0;
  background-color: #F2F2F2;
}

#nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#nav li {
  text-align: left;
  margin: 0;
  width: 180px;
}

#nav a:link, #nav a:visited {
  text-decoration: none;
  color: #005067;
  background-color: transparent;
  display: block;
  padding: 0.3em 10px 0.3em 10px;
  border-bottom: 1px solid #D3D3D3;
}

#nav a:hover {
  background-color: #00AAE3;
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

#content {
  padding-top: 90px;
  padding-bottom: 800px;
  margin-left: 240px;
}

#content li {
  margin-top: .5em;
}

#footer {
  margin-top: 1.5em;
  padding-top: 1.5em;
  border-top: 1px solid #A1A1A1;
  font-size: .9em;
  color: #949494;
}

/* Remove link outlines placed by Firefox */
a:link, a:active, a:hover, a:visited { outline: none; }

a { color: #00AAE3; }

a:hover { color: #00A7B1; }


h1 {
  color: #00A7B1;
  font-weight: normal;
  font-size: 2.5em;
  margin-bottom: 1.5em;
}

h3 {
  color: #34939C;
}

h4 {
  font-weight: bold;
}

ol.lista {
  list-style-type:lower-alpha;
}

@media screen{
  body>div#header {
    position:fixed;
  }
  body>div#nav {
    position:fixed;
  }
}