BODY {
  color: rgb( 163, 199, 255);
  background-color: rgb( 00, 00, 00);
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  }

.navbar {
  display: block;
  width: 100%;
  margin-top: 20px;
  padding: 2px;
  margin-bottom: 20px;
  text-align: center;
  }

.mininav {
  color: rgb( 00, 00, 00);
  background-color: rgb( 163, 199, 255);
  display: block;
  margin-top: 10px;
  padding: 2px;
  width: 15%;
  float: right;
  }

.lato {
  display: block;
  float: left;
  width: 33%;
  }

.centro {
  display: block;
  float: left;
  width: 34%;
  }

H1  {
  margin: 30px 10px;
  font-family: interdimensional, arial, helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 150%;
  text-align: center;
  clear: left;
  }

H2  {
  margin-top: 25px;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
  font-family: arial, helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 160%;
  clear: left;
  }

H2.news  {
  font-size: 120%;
  text-align: center;
  }

H3 {
  display: run-in;
  margin: 12px 10px;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 100%;
  }

H3:after {
  content: ": ";
  }

P  {
  margin: 10px;
  font-family: arial, helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  }

.mininav P {
  font-size: 70%;
  }

P.normal {
  text-align: justify;
  }

P.nota  {
  font-size: 90%;
  text-align: justify;
  }

P.origin {
  margin-bottom: 20px;
  font-style: italic;
  font-size: 120%;
  }

PRE {
  font-size: 100%;
  font-family: "Courier New", courier, monospace;
  }

UL, OL {
  margin-left: 30px;
  margin-right: 10px;
  margin-top: 15px;
  margin-bottom: 10px;
  font-family: arial, helvetica, sans-serif;
  font-size: 100%;
  }

LI {
  line-height: 120%;
  text-align: justify;
  }

.mininav A, .mininav A:visited, .mininav A:active, {
  color: rgb( 00, 00, 00);
  text-decoration: underline;
  }
  
.mininav A:hover {
  color: rgb( 255, 00, 00);
  text-decoration: none;
  }

A, A:visited, A:active {
  color: rgb( 255, 00, 00);
  font-family: Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  }

A:hover {
  text-decoration: underline;
  }

CITE   {
  font-style: italic;
  font-weight: bold;
  }

Q:before   {
  content: open-quote
  }

Q:after {
  content: close-quote
  }

.musica {                         /* Sezione speciale dedicata alle liriche */
  margin-right: 30px;
  margin-left: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
  }

.musica H2 {
  margin: 0px;
  padding: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 120%;
  color: rgb( 255, 255, 255);
  }

.musica EM {
  color: rgb( 255, 255, 255);
  }


@media print {

  @page {
    size: auto;
    margin: 10%;
    orphans: 2;
    widows: 2;
  }

  BODY {
    color: rgb( 00, 00, 00);
    background-color: rgb( 255, 255, 255);
    }

  H1  {
    font-family: interdimensional, arial, helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18pt;
    text-align: center;
    clear: both;
    }

  .navbar, .lato, .centro, .mininav { display: none }

  H2  {
    font-family: arial, helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14pt;
    clear: both;
    }

  H2.news  {
    font-family: arial, helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12pt;
    }

  H3 { display: run-in; }

  H3.after { content: ": "; }

  P  {
    font-family: "Times New Roman", times, serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12pt;
    }

  P.normal {
    text-align: justify;
    }

  P.nota  {
    font-size: 10pt;
    text-align: justify;
    }

  PRE {
    font-size: 100%;
    font-family: "Courier New", courier, monospace;
    }

  A  {
    font-family: "Times New Roman", times, serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
    }

  CITE   {
    font-style: italic;
    font-weight: bold;
    }

  Q   {
    font-style: italic;
    font-weight: normal;
    }

  UL, OL {
    margin-left: 30px;
    margin-right: 10px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-family: "Times New Roman", times, serif;
    font-size: 100%;
    }

  LI {
    line-height: 120%;
    text-align: justify;
    }

  .musica {                         /* Sezione speciale dedicata alle liriche */
    margin-right: 30px;
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    }

  .musica H2 {
    margin: 0px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 120%;
    color: rgb( 255, 255, 255);
    }

  .musica EM {
    color: rgb( 255, 255, 255);
    }

  }