html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

body {
  text-align: center;
  font-family: verdana;
  color: #4e4e4e; }

a {
  text-decoration: none;
  color: #666666; }

h1 {
  text-transform: uppercase;
  font-size: 22px;
  margin: 0 0 10px 0;
  padding: 0; }

h2 {
  font-weight: normal;
  font-size: 18px; }

div#title {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  margin-top: 40px; }
  div#title::after {
    clear: both;
    content: "";
    display: block; }

.center.five {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 40.291369653%;
  margin-left: 29.8543151735%; }
  .center.five:last-child {
    margin-right: 0; }
  .center.five img {
    width: 100%;
    height: auto; }

.center.eight {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 65.8807826589%;
  margin-left: 17.0596086706%; }
  .center.eight:last-child {
    margin-right: 0; }

div.center p {
  font-size: 11px;
  line-height: 18px;
  text-align: center; }

div#outline {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #D0B01A;
  margin-bottom: 30px; }
  div#outline::after {
    clear: both;
    content: "";
    display: block; }

div#content {
  background: none repeat scroll 0 0 #EDC715;
  border: 1px solid #F4DD73; }

div#content p {
  font-size: 14px; }

div.trama {
  height: 14px;
  background: url(../images/error_503/trama.jpg); }

div#footer p {
  font-size: 10px;
  line-height: 1.618;
  color: #999; }