/* Stili schermo e stampa */

html {
  min-height: 100%;
  width: 100%;
  margin: 0;
}

body {
  background: #000 url(img/618946_21943720_1024x1280_702.jpg) no-repeat fixed top center;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
}

a, a:link {
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px 4px #000;
}

a:hover {
  color: #f6c060;
}

#riquadro {
  width: 85%;
  padding: 16px;
  margin: 16px auto 0 auto;
  border: 1px solid #f6c060;
  font-family: "Times new roman", Helvetica, serif;
  font-size: 115%;
  text-align: left;
}

#riquadro h1, #riquadro h2, #riquadro h3 {
  font-family: Verdana, Arial, sans-serif;
  text-align: center;
  text-shadow: 1px 1px 4px #000;
  margin-top: 0.5em;
}

#riquadro h1 {
  margin-top: 0;
}

.testo-evidenziato, #crediti {
  background-color: #6c3e1d; /* fallback per i browser che non supportano rgba */
  background-color: rgba(108, 62, 29, 0.6);
  padding: 8px;
}

#riquadro strong, #riquadro cite {
  color: #f6c060;
}

#riquadro ul {
  margin-left: 0;
  padding-left: 1.2em;
}

#riquadro li {
  margin-bottom: 1em;
}

#riquadro .firma {
  font-weight: bold;
  font-style: italic;
  text-align: right;
  margin-right: 1em;
}

#crediti {
  width: 50%;
  margin: 0 auto 16px auto;
  font-size: smaller;
  text-align: center;
}

.center {
  text-align: center;
}

@media screen and (max-width: 768px) {
  body {
    width: 99% !important;
    max-width: 768px !important;
    background-attachment: initial;
    background-repeat: repeat;
  }

  #riquadro {
    width: initial;
    max-width: 98%;
    padding: 4px;
    margin-left: auto;
    margin-right: auto;
  }

  #crediti {
    width: initial;
    max-width: 90%;
  }
}