/* Stili sezione LETTURA */

#testata {
  background: transparent url(../img/testate/spazio_lettura.png) no-repeat center top;
}

#elenco-articoli div {
  padding: 0 0 0.5em 0;
}

#elenco-articoli #toc {
  width: 50%;
  text-align: left;
  margin: 0 auto;
  font-size: 103%;
  background-color: #fff1c9;
}

#elenco-articoli #toc h4 {
  margin-bottom: 0;
}

#elenco-articoli #toc ul {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  column-gap: 1em;
  -moz-column-gap: 0.5em;
  -webkit-column-gap: 1em;
}

#elenco-articoli #toc li {
  list-style-position: outside;
  padding: 0;
  text-indent: 0;
  margin-left: 1em;
}

#elenco-voci ul {
  clear: none;
}

#elenco-voci .riquadro2 {
}

#elenco-voci #tecnologia {
  border-bottom: none;
}

#elenco-voci .riquadro2 img {
  display: block;
  float: right;
  margin: 0 1em 1em auto;
  transform: scale(1) rotate(0deg);
  transition: transform 0.5s ease, box-shadow 1s ease;
  -webkit-transform: scale(1) rotate(0deg);
  -webkit-transition: -webkit-transform 0.5s ease;
}

#elenco-voci .riquadro2:hover img {
  transform: scale(1.3) rotate(-6deg);
  transition: transform 0.5s ease;
  -webkit-transform: scale(1.3) rotate(-6deg);
  -webkit-transition: -webkit-transform 0.5s ease;
}

.elenco-articoli-desc, .elenco-articoli-autore {
}

.elenco-articoli-desc {
  font-size: 95%;
}

.elenco-articoli-autore {
  font-size: 90%;
  font-style: italic;
  color: green;
}

.elenco-articoli-autore::before {
  content: " - ";
}


#contenuto + p {
  display: none;
}

#contenuto .riquadro {
  background-color: #fff !important;
}

.didascalia {
  text-align: center;
  font-size: smaller;
}

@media print {
  #intro::before {
    content: url(../img/testate/spazio_lettura-p.png);
  }

  #elenco-articoli #toc {
    display: none;
  }

  #contenuto { width: 80% !important; }
  #barra-laterale {
    display: block !important;
    float: right !important;
    width: 19% !important;
  }

  #intestazione {
    height: 1.5em;
    background-image: none;
    background-color: transparent;
  }

  #intro::before {
    display: block;
    width: 100%;
    height: 105px;
    text-align: center;
  }

  #intro {
    margin: 1em auto 1em;
    padding: 0.5em;
    text-align: justify !important;
  }

  #intestazione h1 {
    margin: 0.5em auto 0 auto;
  }

  #intro h2 {
    display: none;
  }
}