/*** Inizio caratteristiche Bandiere cambio lingue - (01/2025) ***/

        .flag {
            width: auto; /* Larghezza della bandiera */
            height: 18px; /* Mantieni le proporzioni */
            omargin: 0 10px; /* Margine tra le bandiere */
            cursor: pointer; /* Cambia il cursore in puntatore su hover */
        }

/*** Fine caratteristiche Bandiere cambio lingue - (01/2025) ***/


/**** Inizio INDICE LIBRO  ***/

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

li {
    float: left;
	 border-right: 2px solid #aaa;
}

li a {
    display: block;
    padding: 8px;
    obackground-color: #dddddd;
}

li a:hover {
    background-color: #555;
    color: white;
}

li:first-child a:hover:not(.active) {
	ocursor: default;
	text-decoration: none;
	border-right: none;
	background-color: #ffffff;
	color: black;
}
li:first-child a {
	cursor: default;
	text-decoration: none;
	border-right: none;
	background-color: #ffffff;
	color: black;
}

li:last-child {
	border-right: none;
}

div.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  bottom: 0;
  right: 0;
  width: auto;
  background-color: white;
  border: 3px solid #73AD21;
}

/**** Fine INDICE LIBRO  ***/







/**** Inizio messaggio su ISBN - (09/2023) ***/

.mtooltip {
  position: relative;
  odisplay: inline-block;
  oborder-bottom: 1px dotted black;
}

.mtooltip .mtooltiptext {
  visibility: hidden;
  owidth: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  oleft: 50%;
  omargin-left: -60px;
  right:  0%;
  
  /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
  opacity: 0;
  transition: opacity 1s;
}

.mtooltip .mtooltipXvideo {
  visibility: hidden;
  font-size: medium;
  owidth: 120px;
  background-color: #e8ffc1;
  ocolor: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  oleft: 50%;
  omargin-left: -60px;
  right:  0%;
  
  /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
  opacity: 0;
  transition: opacity 1s;
}

.mtooltip:hover .mtooltiptext {
  visibility: visible;
  opacity: 1;
}

.mtooltip:hover .mtooltipXvideo {
  visibility: visible;
  opacity: 1;
}

/**** Fine messaggio su ISBN - (09/2023) ***/





.snakke-libro {
  font-family: Garamond, serif;
  font-size: 23px; /*1,846em;  18pt; 177%*/
  line-height:1.5;
  owhite-space:nowrap;
  oword-wrap:break-word;
  }
.snakke-table {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  font-family: Garamond, serif;
  font-size: 18pt; /* 177%;*/
  line-height:1.5;
  vertical-align: middle;
  otext-align: center;
  ooverflow-x: auto;
  odisplay: block;
  }
.snakke-table-titolo {
  height: 2em;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  color: #7e0021;
  font-family: Garamond, serif;
  font-size: 36pt; /* 361%; 3,692em; 47px*/
  line-height:1.5;
  }
.snakke-td-titolo {
  owhite-space:nowrap;
  word-wrap:break-word;
  border: 5px solid;
  border-color: #ff9c13;
  text-align: center;
  vertical-align: middle;
  }
.snakke-table-verde {
  oheight: 2em;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  color: #7e0021;
  font-family: Garamond, serif;
  font-size: 36pt; /*361%; */
  line-height:1;
  }
.snakke-td-verde {
  owhite-space:nowrap;
  word-wrap:break-word;
  border: 5px solid;
  border-color: #348700;
  text-align: center;
  vertical-align: middle;
  }
.snakke-table-ocra {
  oheight: 2em;
  owidth: 100%;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  font-family: Garamond, serif;
  font-size: 18pt; /*177%; */
  line-height:1;
  }
.snakke-td-ocra {
  owhite-space:nowrap;
  word-wrap:break-word;
  border: 5px solid;
  border-color: #dbba4e;
  text-align: justify;
  vertical-align: middle;
  }
.snakke-table-grammatica {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  font-family: Garamond, serif;
  font-size: 18pt; /*177%; */
  line-height:1.5;
  text-align: center;
  vertical-align: middle;
  overflow-x: auto;
  display: block;
  }
.snakke-td-grammatica {
  border-right: 1px solid;
  border-left: 1px solid;
  text-align: center;
  vertical-align: middle;
  font-family: Garamond, serif;
  font-size: 18pt; /*177%; */
  }
.snakke-testo-rosso {
  height: 2em;
  margin-left: auto;
  margin-right: auto;
  color: #7e0021;
  font-family: Garamond, serif;
  font-size: 24pt; /* 238%; 2,461em;31px*/
  line-height:1.5;
  }

.snakke-td-titolo {
  white-space:nowrap;
  word-wrap:break-word;
  }

.titoletti {
  font-size: 18pt; /*177%; */
  color:#7e0021;
  font-weight: bold;
 }  

button.mp3 {
	list-style-type: none;
	padding-left: 25px; /* 192%; 1,923em;*/
	font-family: Garamond, serif;
	font-size: 14pt;
	otext-align: right;
	overtical-align: middle;
    odisplay: inline;
}
button.mp3:hover {
    background-color: orange;
}
oli:active{
    background-color: green;
}
button.selected{
    background-color: orange;
	padding-left: 0px;
	font-family: Garamond, serif;
	font-size: 14pt;
}

.bottone-audio {
  font-family: Garamond, serif;
  font-size: 14pt;
  }
 
.finestra-audio { width: 165px; display: block; omargin:20px; }
aaudio {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

.fixedo3	 {
  position: fixed;
  oposition: inherit;
  otop: 25%;
  obottom: 0;
  oright: 10%;
  left:0;
  oheight:50;
  owidth: 110px;
  border: 3px solid #73AD21;
  background-color: white;
  oz-index: 80;
  resize: none;
  white-space: nowrap;
  
  cursor: move;
  oposition: relative;
  opadding: 10px;
}
.fixedo4	 {
  position: fixed;
  border: 3px solid #73AD21;
  background-color: white;
  resize: none;
  white-space: nowrap;
        /* Centra orizzontalmente */
        width: 90%;
        left: 50%;
        margin-left: -45%;
  cursor: move;
  oposition: relative;
  opadding: 10px;
}
.sticky {
  position: fixed;
  top: 0;
  /* Centra orizzontalmente */
        width: 74%;
        oleft: 50%;
        omargin-left: -45%;
}

.fixedo5	 {
otop: 0;
obottom:10;
  oposition: fixed;
  border: 3px solid #73AD21;
  background-color: white;
  resize: none;
  white-space: nowrap;
        
  cursor: move;
  oposition: relative;
  opadding: 10px;
}
.snakke-tabella {
  owhite-space:nowrap;
  word-wrap:break-word;
  border: 5px solid;
  border-color: #ff9c13;
  text-align: center;
  vertical-align: middle;
  }

#box{
background-color: #FF8C00;
ofont-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
ofont-size: smaller;
ocolor: Black;
owidth: 200px;
oheight: 100px;
cursor: move;
position: relative;
padding: 10px;
}

/***** Per il menu dei capitoli ViaLibera... (14/01/2018) *****/

ul.snakke-ul   {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

li.snakke-li  {
    float: left;
	 border-right: 2px solid #aaa;
}

li.snakke-li a {
    display: block;
    padding: 8px;
    obackground-color: #dddddd;
}

li.snakke-li a:hover {
    background-color: #555;
    color: white;
}

li:first-child.snakke-li a:hover:not(.active) {
	ocursor: default;
	text-decoration: none;
	border-right: none;
	background-color: #ffffff;
	color: black;
}
li:first-child.snakke-li  a {
	cursor: default;
	text-decoration: none;
	border-right: none;
	background-color: ffffff;
	color: black;
}

li:last-child.snakke-li  {
	border-right: none;
} 

/***** fine Per il menu dei capitoli (14/01/2018) *****/

/*
Questa query aggiunge del CSS per tutti gli schermi con
una risoluzione inferiore a 760px
only screen and (max-width: 979px)
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
*/
@media
only screen and (max-width: 800px) {

    /* Forza la tabella a non essere più una tabella */
    .collassa_table {
        display: block;
		obackground: #eee;}
    }