@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200;0,300;0,400;0,600;0,900;1,200;1,300;1,400;1,600;1,900&display=swap");
/*RESET*/
/* line 3, stile.scss */
ul {
  margin: 0;
  padding: 0;
  list-style: none; }

/* line 4, stile.scss */
a {
  outline: none;
  color: inherit;
  text-decoration: none; }

/* line 5, stile.scss */
h1, h2, h3, h4, h5, h6, p {
  margin: 0; }

/*LAYOUT*/
/* line 10, stile.scss */
body {
  font: 13px/150%;
  font-family: "Source Sans 3", sans-serif;
  color: #555;
  margin: 0;
  background-color: #FFFFFF; }

/* line 12, stile.scss */
.separatore {
  background-color: #3c4f82;
  -webkit-mask-image: url("../img/pallino-titolo.png");
  mask-image: url("../img/pallino-titolo.svg");
  height: 5px;
  margin-bottom: 1.2em; }

/* line 19, stile.scss */
#wrapper {
  margin: 0 auto;
  overflow: hidden;
  width: 960px; }

/* line 20, stile.scss */
#corpo {
  margin: 0; }

/* line 21, stile.scss */
#footer {
  position: relative;
  margin: 1px 0 0; }

/* line 22, stile.scss */
#footer > div {
  padding: 0.3em 1em 0.3em 4em;
  font-size: 0.85rem;
  font-weight: 400; }

/* line 23, stile.scss */
#footer .fascia {
  background: #3c4f82;
  color: #fff; }

/* line 24, stile.scss */
#footer .logop {
  position: absolute;
  padding: 0;
  bottom: 0;
  left: 1em;
  height: 5em;
  width: 2.2em;
  background: url("../img/logop.png") no-repeat center center #3c4f82;
  background-size: 1em; }

/*STILI*/
/* line 28, stile.scss */
.lettura {
  font-size: 16px;
  line-height: 150%;
  margin: 20px 20px 20px 40px; }

/* line 29, stile.scss */
.rientrato {
  padding-left: 25px; }

/* line 30, stile.scss */
.lettura .elenco .voce {
  padding: 20px 0 10px;
  border-top: 1px solid #ddd; }

/* line 31, stile.scss */
.lettura .elenco .voce:first-child {
  padding-top: 10px;
  border-top: none; }

/* line 32, stile.scss */
.versi {
  font-size: 19px;
  font-style: italic;
  color: #666;
  position: relative;
  margin-bottom: 20px; }

/* line 33, stile.scss */
.versi .citazione {
  font-style: normal;
  font-size: 15px; }

/* line 34, stile.scss */
.verde {
  color: #070; }

/* line 35, stile.scss */
.esempi {
  padding-left: 95px;
  position: relative; }

/* line 36, stile.scss */
.esempi .nome {
  font-size: 90%;
  left: 0;
  position: absolute; }

/* line 37, stile.scss */
.descrizione {
  float: left;
  width: 570px; }

/*FANCYBOX*/
/* line 40, stile.scss */
#contributi_fancybox {
  display: none; }

/* line 41, stile.scss */
.contributo_fancybox {
  width: 780px; }
  /* line 42, stile.scss */
  .contributo_fancybox audio {
    width: 100%; }

/* line 44, stile.scss */
.fancybox-inner {
  overflow-x: hidden !important; }

/* line 45, stile.scss */
.contributo_fancybox h2 {
  margin-bottom: 5px; }

/* line 46, stile.scss */
.contributo_fancybox img {
  border: 1px solid #CCCCCC;
  margin-bottom: 10px;
  padding: 9px; }

/* line 47, stile.scss */
.contributo_fancybox p, .contributo_fancybox h2 {
  padding: 0 10px; }

/* line 48, stile.scss */
.fancybox-skin {
  background-color: #fff !important; }

/* line 49, stile.scss */
.fancybox-nav span {
  visibility: visible !important; }

/* line 50, stile.scss */
.fancybox-next span {
  right: -34px !important; }

/* line 51, stile.scss */
.fancybox-prev span {
  left: -34px !important; }

/* line 52, stile.scss */
.fancybox-nav {
  height: inherit !important;
  top: 50% !important;
  width: inherit !important; }

/*OPERATORI E OGGETTI*/
/* line 56, stile.scss */
.off {
  display: none; }

/* line 57, stile.scss */
.on {
  display: inherit; }

/* line 58, stile.scss */
.left {
  float: left; }

/* line 59, stile.scss */
.left70 {
  float: left; }

/* line 60, stile.scss */
.right {
  float: right; }

/* line 61, stile.scss */
.clear {
  clear: both; }

/* line 62, stile.scss */
img.left {
  margin-right: 15px; }

/* line 63, stile.scss */
img.left70 {
  margin-right: 15px; }

/* line 64, stile.scss */
ul.pulsantiera li {
  border-top: 1px solid #ccc;
  min-width: 178px; }

/* line 65, stile.scss */
ul.pulsantiera li:first-child {
  border-top: none; }

/* line 66, stile.scss */
ul.pulsantiera li a {
  font: 16px/2em Trebuchet MS;
  padding: 7px 0 7px 15px;
  background: url(../img/bullet_pallini.png) no-repeat 0 19px;
  display: block; }

/* line 67, stile.scss */
ul.pulsantiera li a:hover {
  background-position: 3px 19px;
  color: #222; }

/* line 68, stile.scss */
ul.pulsantiera.numeri li a {
  padding: 2px 0 2px 32px;
  background-image: url(../img/numeri_pulsantiera.png);
  background-position: 0 6px; }

/* line 69, stile.scss */
ul.pulsantiera.numeri li a .numero {
  display: block;
  float: left;
  font: 11px/1em arial;
  margin: 12px 12px 0 -30px;
  text-align: center;
  width: 20px; }

/* line 70, stile.scss */
.nascosto {
  display: none; }

/* line 71, stile.scss */
img.scontornata {
  padding: 0 !important;
  border: 0 !important; }

/* line 72, stile.scss */
.karaoke {
  border: 1px solid #CCCCCC;
  box-shadow: 0 0 10px #CCCCCC;
  margin: 15px 0 40px 40px; }

/* line 73, stile.scss */
.con_didascalia {
  position: relative;
  margin-bottom: 15px; }
  /* line 74, stile.scss */
  .con_didascalia .didascalia {
    background-color: #3c4f82;
    color: #FFFFFF;
    font-size: 13px;
    margin: 0;
    padding: 5px;
    text-align: center;
    box-sizing: border-box;
    width: 100%; }
  /* line 75, stile.scss */
  .con_didascalia img {
    width: calc(100% - 20px);
    margin: 0; }

/* line 77, stile.scss */
.con_didascalia.left {
  margin: 0 15px 10px 0;
  width: 50%; }
  /* line 78, stile.scss */
  .con_didascalia.left + p + audio {
    width: 47%; }

/* line 80, stile.scss */
.con_didascalia.left70 {
  margin: 0 15px 10px 0;
  width: 70%; }
  /* line 81, stile.scss */
  .con_didascalia.left70 + p + audio {
    width: 27%; }

/*GALLERIE*/
/* line 84, stile.scss */
.galleria_foto {
  overflow: hidden; }

/* line 85, stile.scss */
.galleria_foto li {
  float: left;
  margin: 0 10px 2px 0; }

/* line 87, stile.scss */
.galleria_foto li a img {
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 3px;
  background-color: #fff; }

/*TIPOLOGIE*/
/* line 90, stile.scss */
.tipologia {
  background-position: 0 8px;
  background-repeat: no-repeat;
  padding-left: 40px; }

/* line 91, stile.scss */
.audio {
  background-image: url(../img/icone_tipo/audio.png); }

/* line 92, stile.scss */
.carta_attiva {
  background-image: url(../img/icone_tipo/carta_attiva.png); }

/* line 93, stile.scss */
.esercizio_attivo {
  background-image: url(../img/icone_tipo/esercizio_attivo.png); }

/* line 94, stile.scss */
.immagine_attiva {
  background-image: url(../img/icone_tipo/immagine_attiva.png); }

/* line 95, stile.scss */
.lezione_attiva {
  background-image: url(../img/icone_tipo/lezione_attiva.png); }

/* line 96, stile.scss */
.testo {
  background-image: url(../img/icone_tipo/testo.png); }

/* line 97, stile.scss */
.testo_attivo {
  background-image: url(../img/icone_tipo/testo_attivo.png); }

/* line 98, stile.scss */
.linea_tempo {
  background-image: url(../img/icone_tipo/linea_tempo.png); }

/* line 99, stile.scss */
.link {
  background-image: url(../img/icone_tipo/link.png); }

/* line 100, stile.scss */
.video {
  background-image: url(../img/icone_tipo/video.png); }

/* line 101, stile.scss */
.mappa_interattiva {
  background-image: url(../img/icone_tipo/mappa_interattiva.png); }

/* line 102, stile.scss */
h1.tipologia {
  padding: 3px 0 8px 40px;
  margin: 7px 0 -15px;
  text-transform: uppercase; }

/*MAPPA*/
/* line 105, stile.scss */
#mappa {
  position: relative; }
  /* line 106, stile.scss */
  #mappa a {
    position: absolute;
    height: 42px;
    width: 160px;
    z-index: 10;
    border: 1px solid rgba(0, 0, 0, 0.2);
    /*border:1px solid red*/ }
    /* line 107, stile.scss */
    #mappa a:after {
      content: "i";
      position: absolute;
      top: 0;
      right: 0;
      transform: translate(50%, -50%);
      font-size: 10px;
      line-height: 16px;
      height: 16px;
      width: 16px;
      border-radius: 100%;
      background: #85BD42;
      color: #fff;
      font-family: "Times New Roman", Georgia, serif;
      text-align: center;
      font-weight: 600; }
    /* line 108, stile.scss */
    #mappa a:hover {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.15) inset; }

/* line 111, stile.scss */
.tondo {
  border-radius: 0 12px 0 0; }

/* line 112, stile.scss */
.istruzioni {
  width: 150px;
  position: absolute;
  top: 0;
  left: 0px;
  z-index: 1; }

/* line 113, stile.scss */
.immagine {
  margin: 30px 0 20px; }

/*JPLAYER*/
/* line 116, stile.scss */
div.jp-playlist li {
  border-bottom: 1px solid #eee;
  background: url(images/bullet_pallini.png) no-repeat 5px 15px;
  display: block;
  padding: 8px 0 8px 20px !important; }

/* line 117, stile.scss */
div.jp-playlist li:hover {
  background-position: 8px 14px; }

/* line 118, stile.scss */
div.jp-playlist li a {
  font: 16px/1.3em; }

/* line 119, stile.scss */
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
  padding-left: 25px !important; }

/* line 120, stile.scss */
div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
  color: #0d88c1;
  font-weight: bold;
  padding-left: 0; }

/* line 121, stile.scss */
div.jp-video-100 {
  width: 99%; }

/* line 122, stile.scss */
div.jp-video-100 div.jp-video-play {
  margin-top: -480px;
  height: 480px; }

/* line 124, stile.scss */
.esempio_audio {
  position: absolute;
  top: 0;
  left: -32px; }

/* line 125, stile.scss */
.esempio_audio div.jp-audio {
  width: auto;
  background-color: transparent;
  border: none; }

/* line 126, stile.scss */
.esempio_audio div.jp-audio div.jp-type-single div.jp-interface {
  background-color: transparent;
  border: none;
  height: auto; }

/* line 127, stile.scss */
.esempio_audio div.jp-audio ul.jp-controls {
  padding: 0;
  width: auto; }

/* line 128, stile.scss */
.esempio_audio a.jp-play, .esempio_audio a.jp-play:hover {
  background: url(../img/icone_tipo/player_audio.png) no-repeat 0 0;
  height: 25px;
  width: 25px; }

/* line 129, stile.scss */
.esempio_audio a.jp-pause, .esempio_audio a.jp-pause:hover {
  background: url(../img/icone_tipo/player_audio.png) no-repeat 0 -50px;
  height: 25px;
  width: 25px; }

/*TIPOGRAFIA*/
/* line 132, stile.scss */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin: 0;
  line-height: 150%; }

/* line 133, stile.scss */
h1 {
  color: #3c4f82;
  font-weight: bold; }

/* line 139, stile.scss */
p {
  margin-bottom: 1em; }

/* line 141, stile.scss */
.arial {
  font-family: Arial !important; }

/* line 143, stile.scss */
.colonne2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 1.5em;
  -moz-column-gap: 1.5em;
  column-gap: 1.5em; }

/* line 151, stile.scss */
.colonne3 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 1.5em;
  -moz-column-gap: 1.5em;
  column-gap: 1.5em; }

/* line 160, stile.scss */
.pagina {
  background: #fff;
  box-shadow: 0 35px 10px -30px rgba(0, 0, 0, 0.5);
  padding: 0;
  max-width: 1400px;
  margin: 0 auto; }

/* line 166, stile.scss */
.pagina h1 {
  padding: 0.2em 0.66em;
  margin: 0; }

/* line 169, stile.scss */
.pagina h1 span {
  position: relative;
  top: 0.08em;
  margin-right: 0.4em;
  color: #3c4f82; }

/* line 174, stile.scss */
.pagina .separatore {
  background-color: #3c4f82;
  -webkit-mask-image: url("../img/pallino-titolo.svg");
  mask-image: url("../img/pallino-titolo.svg");
  height: 5px;
  margin-bottom: 1.2em; }

/* line 180, stile.scss */
.pagina .elenco {
  font-weight: 400;
  padding: 0 1.5em 0.5em; }

/* line 183, stile.scss */
.pagina .elenco li {
  padding: 0.3em 2em 0.3em 2em;
  position: relative; }

/* line 186, stile.scss */
.pagina .elenco li a {
  position: absolute;
  background: #3c4f82;
  color: #fff;
  font-weight: 400;
  font-size: 0.8em;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  top: 0.2em;
  left: 0;
  display: block;
  text-align: center;
  border-radius: 100%; }

/* line 200, stile.scss */
.pagina .elenco li a:hover {
  background: #3c4382; }

/* line 202, stile.scss */
.pagina .elenco li a.attivo {
  background: url("../img/audio.svg") no-repeat center center #50732d;
  background-size: 1em;
  border: 0.25em solid #3c4f82;
  line-height: 1.3em;
  text-indent: -500em; }

/* line 208, stile.scss */
.pagina .immagine {
  position: relative; }

/* line 210, stile.scss */
.pagina .immagine .pallino {
  position: absolute;
  transform: translate(-50%, -50%); }

/* line 213, stile.scss */
.pagina .immagine .pallino span {
  background: #3c4f82;
  color: #fff;
  font-weight: 400;
  font-size: 0.8em;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  text-align: center;
  border-radius: 100%;
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.3);
  border: 0.2em solid #fff;
  display: block;
  position: relative;
  z-index: 10; }

/* line 228, stile.scss */
.pagina .immagine .pallino.linea {
  background-image: url("../img/tirante.png"); }

/* line 230, stile.scss */
.pagina .immagine .pallino.linea.destra {
  padding-right: 2em;
  transform: translate(-92%, -50%);
  background-position: right center;
  background-repeat: repeat-x; }

/* line 235, stile.scss */
.pagina .immagine .pallino.linea.sinistra {
  padding-left: 2em;
  transform: translate(-8%, -50%);
  background-position: left center;
  background-repeat: repeat-x; }

/* line 240, stile.scss */
.pagina .immagine .pallino.linea.alto {
  padding-top: 1.7em;
  transform: translate(-50%, -8%);
  background-position: center top;
  background-repeat: repeat-y; }

/* line 245, stile.scss */
.pagina .immagine .pallino.linea.basso {
  padding-bottom: 1.7em;
  transform: translate(-50%, -92%);
  background-position: center bottom;
  background-repeat: repeat-y; }

/* line 250, stile.scss */
.pagina .immagine .pallino.linea.destra.basso {
  padding: 0 1.5em 1.5em 0;
  transform: translate(-92%, -92%);
  background-image: url("../img/tirante-sd.png");
  background-position: right bottom;
  background-repeat: no-repeat; }

/* line 256, stile.scss */
.pagina .immagine .pallino.linea.sinistra.alto {
  padding: 1.5em 0 0 1.5em;
  transform: translate(-8%, -8%);
  background-image: url("../img/tirante-sd.png");
  background-position: left top;
  background-repeat: no-repeat; }

/* line 262, stile.scss */
.pagina .immagine .pallino.linea.destra.alto {
  padding: 1.5em 1.5em 0 0;
  transform: translate(-92%, -8%);
  background-image: url("../img/tirante-ds.png");
  background-position: right top;
  background-repeat: no-repeat; }

/* line 268, stile.scss */
.pagina .immagine .pallino.linea.sinistra.basso {
  padding: 0 0 1.5em 1.5em;
  transform: translate(-8%, -92%);
  background-image: url("../img/tirante-ds.png");
  background-position: left bottom;
  background-repeat: no-repeat; }

/*# sourceMappingURL=stile.css.map */