div.section {
  background-position: center;
  background-repeat: no-repeat;
  clear: both;
  position: relative;
  min-width: 980px; }
  div.section div.content {
    font-family: hn-Lt, sans-serif;
    margin: auto;
    width: 980px; }
    div.section div.content div.column-of-3 {
      float: left;
      width: 326.66667px; }

#header {
  background-color: black;
  background-image: url("/media/img/fundo-home.jpg");
  color: white;
  text-transform: uppercase; }
  #header div.content {
    position: relative;
    height: 575px; }
  #header #language-picker, #header #logo, #header #main-menu {
    position: absolute;
    left: 0;
    right: 0; }
    #header #language-picker a, #header #logo a, #header #main-menu a {
      color: white;
      text-decoration: none; }
  #header #language-picker {
    top: 10px;
    margin: 10px 0;
    font-family: hn-Roman, sans-serif;
    font-size: 11pt; }
    #header #language-picker ol {
      margin: auto;
      text-align: center; }
      #header #language-picker ol li {
        display: inline;
        margin: 0 5px; }
  #header #logo {
    top: 51%; }
    #header #logo > h1 {
      display: none; }
    #header #logo > img {
      display: block;
      margin: -100px auto 0; }
  #header #main-menu {
    font-size: 11pt;
    bottom: 0;
    margin: 30px 0;
    font-family: brk_regular; }
    #header #main-menu ol {
      margin: auto;
      text-align: center; }
      #header #main-menu ol li {
        display: inline;
        margin: 0 14px; }
        #header #main-menu ol li a {
          display: inline-block; }
          #header #main-menu ol li a::after {
            content: url("/media/img/link-shadow.png");
            display: block;
            margin-top: -3px; }
          #header #main-menu ol li a.temporary-class-for-test::after {
            content: url("/media/img/link-shadow-hover.png"); }

#intro {
  background-color: black;
  background-image: url("/media/img/fundo.jpg");
  color: white;
  text-align: center; }
  #intro div.content {
    padding: 70px 0; }
  #intro h2 {
    font-family: hn-Roman, sans-serif;
    font-size: 18pt;
    text-transform: uppercase; }
  #intro div.subtitle {
    font-family: hn-UltLt, sans-serif;
    font-size: 14pt;
    text-transform: uppercase;
    margin: 2px 0 20px; }
    #intro div.subtitle span.left-line {
      float: left; }
    #intro div.subtitle span.right-line {
      float: right; }
    #intro div.subtitle span.left-line, #intro div.subtitle span.right-line {
      border-bottom: 1px solid;
      width: 420px;
      margin-top: 6px; }
    #intro div.subtitle span.bottom-line {
      border-bottom: 1px solid;
      display: block;
      clear: both;
      margin: 12px auto 0;
      width: 74px; }
  #intro p.description {
    font-family: hn-Lt, sans-serif;
    font-size: 18pt; }
  #intro div.services {
    margin-top: 70px; }
    #intro div.services h3 {
      font-family: hn-Roman, sans-serif;
      font-size: 20pt;
      text-transform: uppercase; }
      #intro div.services h3::after {
        border-top: 1px white solid;
        content: " ";
        display: block;
        width: 50px;
        margin: 3px auto 0; }
    #intro div.services .display {
      margin: 20px auto;
      height: 120px; }
    #intro div.services p {
      font-size: 11pt;
      font-weight: lighter;
      line-height: 1.15;
      margin: auto 10px; }

#about {
  background-color: #736f53;
  background-image: url("/media/img/fundo_claro.jpg");
  color: #333333;
  text-align: center; }
  #about div.content {
    padding: 60px 0; }
  #about h2 {
    font-family: brk_regular;
    font-size: 28pt;
    margin-bottom: -15px;
    text-transform: uppercase; }
  #about div.about {
    display: table; }
    #about div.about > * {
      float: none;
      display: table-cell;
      vertical-align: middle; }
    #about div.about img.text {
      display: block;
      margin: 5px auto; }
    #about div.about p {
      margin: auto 10px;
      font-size: 11pt;
      line-height: 1.15; }
  #about hr.top, #about hr.bottom {
    border: none;
    border-top: 3px solid;
    margin: 2px auto; }
  #about hr.bottom {
    height: 3px;
    border-bottom: 1px solid; }
  #about span.sep {
    display: block;
    margin: 10px auto;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/media/img/traco.png"); }

#contacts {
  background-color: black;
  background-image: url("/media/img/fundo.jpg");
  color: #ede9c7;
  text-align: center; }
  #contacts div.content {
    padding: 120px 0; }
  #contacts h2 {
    font-family: hn-Roman, sans-serif;
    font-size: 18pt;
    text-transform: uppercase; }
  #contacts hr {
    width: 100px;
    border: none;
    border-top: 4px white solid;
    margin-top: 0;
    margin-bottom: 15px; }
  #contacts address {
    font-size: 10pt; }
    #contacts address a {
      color: #ede9c7; }
    #contacts address > * {
      margin: 10px 0; }
      #contacts address > *::before {
        display: block; }
      #contacts address > * span, #contacts address > * abbr {
        font-weight: bold; }
    #contacts address #address {
      white-space: pre-line; }
      #contacts address #address::before {
        content: url("/media/img/icon_local.png"); }
    #contacts address #phone::before {
      content: url("/media/img/icon_mobile.png"); }
    #contacts address #mail::before {
      content: url("/media/img/icon_mail.png"); }
    #contacts address #mail a[href^="mailto:"] {
      color: #ede9c7;
      text-decoration: none; }
  #contacts .logo {
    margin-top: 60px; }

.clear {
  clear: both; }