a, a:focus, a:hover { color: #fff; }


html, body { height: 100%; background-color: #097bb8; }
body { color: #fff; text-align: center; text-shadow: 0 1px 3px rgba(0,0,0,.5); }
h2 { font-size: 1.4em; }
h3 { font-size: 1em; text-align: left; }
pre { text-align: left; text-shadow: none; }
iframe { height: 300px; width: 100%; border: 0; }
.preFixed { max-height: 200px; overflow: scroll; box-shadow: inset 0 -40px 30px -30px rgba( 9, 123, 184, 1 ); border: none; padding-bottom: 30px; }
.preSmall { font-size: 0.7em; }
.imgFlag { height: 30px; vertical-align: middle; }

.dvMap { background-color: #f5f5f5; color: #333; min-height: 300px; padding: 0px; border: 1px solid #ccc; border-radius: 4px; overflow: hidden; }

.site-wrapper { display: table; width: 100%; height: 100%; min-height: 100%; -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5); box-shadow: inset 0 0 100px rgba(0,0,0,.5); }
.site-wrapper-inner { display: table-cell; vertical-align: top; }
.cover-container { margin-right: auto; margin-left: auto; }

.inner { padding: 30px; }

.cover { padding: 0 20px; }

.mastfoot { color: #999; color: rgba(255,255,255,.5); }

@media (min-width: 768px) {
  .masthead { position: fixed; top: 0; }
  .site-wrapper-inner { vertical-align: middle; }
  .masthead, .mastfoot, .cover-container { width: 100%; }
  .mastfoot .fixfoot { position: fixed; bottom: 0; }
}

@media (min-width: 992px) {
  .masthead, .mastfoot, .cover-container { width: 700px; }
}