--- START OF FILE stilelibro.css ---

body, html {
min-height: 100vh;	
}

body {
	 margin: 0;
    padding: 0 !important;
    background-color: #FFFAFA; /* Mantiene il colore di sfondo solido, se lo desideri #efeff1;  #F7EBE4*/
	   font-family: Verdana, sans-serif;
    font-size: 14px;
    position: relative; /* Importante: rende il body il "containing block" per lo pseudo-elemento */
}

/* Stile per lo pseudo-elemento ::before che conterrà l'immagine di sfondo */
body::before {
    content: ""; /* Necessario per far funzionare lo pseudo-elemento */
    display: block; /* Rende lo pseudo-elemento un blocco */
    position: fixed; /* Posizionamento assoluto rispetto al body */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://icoderzo.edu.it/wp-content/uploads/sites/39/libro-tramonto.jpg'); /* URL dell'immagine */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    opacity: 0.2; /* Imposta l'opacità SOLO per l'immagine di sfondo (regola questo valore a piacere) */
    z-index: -1; /* Posiziona lo pseudo-elemento dietro al contenuto del body */
}
	
    .libri-trovati {
                margin: 0;
                font-weight: bold;
                color: #2c3e50;
                font-size: 18px;
                padding: 10px;
                background-color: #beffb5; /*  #ecff77;  #e17cfa;    #f8f9fa; */
                border-radius: 5px;
                text-align: center;
            }
			
			 .libri-trovatimenu {
                padding-top: 1%;
                font-weight: bold;
                color: #2c3e50;
                font-size: 18px;
                padding: 10px;
                background-color: #beffb5; /*  #ecff77;  #e17cfa;    #f8f9fa; */
                border-radius: 5px;
                text-align: center;
            }

h1 {
    font-size: 24px;
    color: #46852e;
    margin-bottom: 20px;
}

label, input, textarea {
    color: blue;

    font-family: Verdana, sans-serif;
    margin: 10px 0;
}

label {
    line-height: 30px;
    width: 150px;
}

input { padding-left: 5px; }

textarea {

    font-size: 12px;
    height: 200px;
    width: 320px;
    overflow: hidden;
}

#submit {
    padding: 10px 20px;
    }


.container {
  display: flex; /* Crea un layout flessibile */
  align-items: center; /* Allinea verticalmente gli elementi al centro */
  width: 100%;
}

.stemmarep {
  margin-right: 58px; /* Aggiunge spazio tra l'immagine e il testo */
}

.icsalg {
  /* Puoi aggiungere qui eventuali stili per il testo */
}


.pulsante {
outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: bold 20px Arial, Helvetica, sans-serif;
 color: #fff;
 padding: 10px 20px;
 border: solid 1px #0076a3;
 background: #0095cd;
   -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);

}

.pulsante:hover {
 border-color: #44c767;
        color: #fff;
		 -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);

        /* effetto glow (bagliore) */
     text-shadow: 0 0 40px #FFF;
        box-shadow: 0 0 25px #FA3, inset 0 0 4px 2px #FFF;
}


.pulsantetornasito {
outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: bold 20px Arial, Helvetica, sans-serif;
 color: #fff;
 padding: 10px 20px;
 border: solid 1px #0076a3;
 background: #0095cd;
  -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);

}

.pulsantetornasito:hover {
 border-color: #44c767;
        color: #fff;
		 -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);

        /* effetto glow (bagliore) */
     text-shadow: 0 0 40px #FFF;
        box-shadow: 0 0 25px #FA3, inset 0 0 4px 2px #FFF;
}



.pulsantetornamenu {
outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: bold 20px Arial, Helvetica, sans-serif;
 color: black;
 padding: 10px 20px;
 border: solid 1px #0076a3;
 background: #FFF68F;
   -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);

}
.avviso{
text-align: center;  margin-left: 40px; margin-right: 40px; font-weight: bold; font-size: 20px; color: #941400;
}

.pulsantetornamenu:hover {
 border-color: #44c767;
        color: black;
border-color: #44c767;
		 -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);

        /* effetto glow (bagliore) */
     text-shadow: 0 0 40px #FFF;
        box-shadow: 0 0 25px #FA3, inset 0 0 4px 2px #FFF;
}

.pulsanteinv {
outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: bold 14px Arial, Helvetica, sans-serif;
 color: #fff;
 padding: 10px 20px;
 border: solid 1px #0076a3;
 background: blue;
   -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);

  }

  .pulsanteinv:hover {
 border-color: #44c767;
        color: #fff;
	 -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);

        /* effetto glow (bagliore) */
     text-shadow: 0 0 40px #FFF;
        box-shadow: 0 0 25px #FA3, inset 0 0 4px 2px #FFF;
}




.pulsanteins {
outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: bold 20px Arial, Helvetica, sans-serif;
 color: #fff;
 padding: 10px 20px;
 border: solid 1px #0076a3;
 background: #9e0068;
   -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}


 .pulsanteins:hover {
 border-color: #44c767;
        color: #fff;
		 -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);

        /* effetto glow (bagliore) */
     text-shadow: 0 0 40px #FFF;
        box-shadow: 0 0 25px #FA3, inset 0 0 4px 2px #FFF;
}



.pulsanteinvia {
outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: bold 20px Arial, Helvetica, sans-serif;
 color: #fff;
 padding: 10px 20px;
 border: solid 1px #0076a3;
 background: #006400;
   -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);

}

 .pulsanteinvia:hover {
 border-color: #44c767;
        color: #fff;
		 -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);

        /* effetto glow (bagliore) */
     text-shadow: 0 0 40px #FFF;
        box-shadow: 0 0 25px #FA3, inset 0 0 4px 2px #FFF;
}


.cosacercare {
outline: none;
  text-decoration: none;
 font: bold 14px Arial, Helvetica, sans-serif;
 color: black;
 padding: 10px 5px;
 border: solid 1px #0076a3;
  background: lavenderblush;
}

.cerca {
outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: bold 12px Arial, Helvetica, sans-serif;
 color: #fff;
 padding: 10px 20px;
 border: solid 1px #0076a3;
 background: #cd31d7e0;
   -webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.cerca:hover {
 border-color: #44c767;
        color: #fff;
		 -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);

        /* effetto glow (bagliore) */
     text-shadow: 0 0 40px #FFF;
        box-shadow: 0 0 25px #FA3, inset 0 0 4px 2px #FFF;
}


.stampa {
outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: bold 12px Arial, Helvetica, sans-serif;
 color: #fff;
 padding: 10px 20px;
 border: solid 1px #0076a3;
 background: #83aa6b;
    -webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 }
  .stampa:hover {
 border-color: #44c767;
        color: #fff;
		 -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);

        /* effetto glow (bagliore) */
     text-shadow: 0 0 40px #FFF;
        box-shadow: 0 0 25px #FA3, inset 0 0 4px 2px #FFF;
}


.stampa1 {
outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: bold 20px Arial, Helvetica, sans-serif;
 color: #fff;
 padding: 10px 20px;
 border: solid 1px #0076a3;
 background: #006400;
   -webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
  .stampa1:hover {
 border-color: #44c767;
        color: #fff;
	 -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);

        /* effetto glow (bagliore) */
     text-shadow: 0 0 40px #FFF;
        box-shadow: 0 0 25px #FA3, inset 0 0 4px 2px #FFF;
}

 .centropaginiz
{
	text-align: center;
	margin: 110px;
}

.centro
{
	text-align: center;
	padding: 15px;
}

.centromenu
{
	text-align: center;
	padding: 15px;
}
.distanza
{
	padding-top: 0px;
}

table, tr, th,	td
		{
						border: 0.5px solid red;
						background-color: rgb(239, 239, 241);
						font-weight: bold;
						padding-top: 5px;
						padding-bottom: 5px;
						padding-left: 10px;
		}

.data
 {
	position:absolute;
	z-index:3;
	right: 5px;
	bottom: 10px;
		color: #008000;

}
.versione
 {
	position:absolute;
	z-index:3;
	left: 5px;
	bottom: 10px;
		color: #008000;
}
.pagination {
	padding: 4px;
	letter-spacing: 0px;
	font-size: 19px;
	text-align: center;

}

.stemmarep{
float:left;
width: 20%;
margin-top: 5px;
text-align: right;
}

.iconasfondo   {
float:right;
text-align: left;
margin-top: 5px;
width:25%;
}

.int{
width: 80%;
height: 100px;
top: 0px;
		position:relative;
		margin-left: 10%;
}
.icsalg{
	position: relative;
top: 10px;
width: 60%;
margin-left: -5%;
text-align: center;
	color: red;
	margin-right: 10%;
	margin-bottom: 40px;
	font-size: 1.1em;
	line-height: 1.5em;
}


.intpag{
margin-top: -20px;
width: 60%;
margin-left:16%;
text-align: center;
	color: red;
	margin-right: 10%;
	margin-bottom: 0px;
	font-size: 1.1em;
	line-height: 1.5em;
}


.intpag1{
margin-top: -20px;
width: 60%;
margin-left:20%;
text-align: center;
	color: red;
	margin-right: 10%;
	margin-bottom: 0px;
	font-size: 1.1em;
	line-height: 1.5em;
}




.dx
{
position: relative;
float:right;
top: 0px;
right: 15px;

}

.sx
{
position: relative;
float:left;
top: 0px;
left: 10px;

}

.stampasxprest
{
	margin-top: 50px!Important;
    margin-left: 3%!Important;
}
.stampasxfirma
{
	margin-top: 80px!Important;
    margin-left: 6%!Important;
}

.corpo{
	width:100%;
	margin-top:1%;
}

.corpopagini {
    width: 100%;
    margin-top: 5%;
}

.corpopaginimenu {
    width: 100%;
    margin-top: -1%;
}

.scaricadb
 {
	position:absolute;
	z-index:3;
	right: 5px;
	bottom: 25px;
		color: #008000;

}

/*
input.capitalize {
	text-transform: capitalize;
	}
*/
.verticale{
width:200px;
height:200px;
position:absolute;
top:50%;
left:50%;
margin:-100px 0 0 -100px;
background:#f60;
}

@media only all and (min-width: 180px) and (max-width: 324px) { /*Tablet: breakpoints 481px – 768px* - */
body, html {
min-height: 100vh;	
}
body {margin: 0;
    padding: 0 !important;
    background-color: #FFFAFA; /* Mantiene il colore di sfondo solido, se lo desideri */
	   font-family: Verdana, sans-serif;
    font-size: 14px;
  /*  position: relative;  Importante: rende il body il "containing block" per lo pseudo-elemento */
	}

/* Stile per lo pseudo-elemento ::before che conterrà l'immagine di sfondo */
body::before {
    content: ""; /* Necessario per far funzionare lo pseudo-elemento */
    display: block; /* Rende lo pseudo-elemento un blocco */
    position: fixed; /* Posizionamento assoluto rispetto al body */
    top: 0;
    left: 0;
    /*width: 100%; */ width: 100%;
    /* height: 100%; */ height: 100vh;
    background-image: url('https://icoderzo.edu.it/wp-content/uploads/sites/39/libro-tramonto.jpg'); /* URL dell'immagine */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    opacity: 0.2; /* Imposta l'opacità SOLO per l'immagine di sfondo (regola questo valore a piacere) */
    z-index: -1; /* Posiziona lo pseudo-elemento dietro al contenuto del body */
	
	 -webkit-background-size: cover;
  -moz-background-size: cover;
    background-size: cover;
}
body { margin: 0;
    padding: 0 !important;
	}

.container {
  display: flex; /* Crea un layout flessibile */
  align-items: center; /* Allinea verticalmente gli elementi al centro */
}

.stemmarep {
  display: none;
  margin-right: 10px; /* Aggiunge spazio tra l'immagine e il testo */
    float: left;
    width: 20%;
    margin-top: 5px;
    text-align: right;
}

.icsalg {
  top: 40px; font-size:0.6em; line-height: 1em; width: 100%; /* Puoi aggiungere qui eventuali stili per il testo */
}
        
.sx {position: relative; float: left; top: 0px; width: 10%;        margin-left: 8px;}
.dx {position: relative; float: right; top: 34px; margin-right: 70px; }
.centro {margin-top: 2%;}
.centromenu {margin-top: 2%; text-align: center; }
.versione {display: none;} /* .versione{position: fixed; font-size: .5em;}*/
.data {display: none;}
.centro {padding: 5px;}
.centromenu {padding: 5px;}
.scaricadb {display: none;}
.pulsante {padding: 5px 5px;font-size: .8em;}
.pulsanteinvia {padding: 5px 5px;font-size: 1em;}
.pulsanteins { padding: 5px 5px; font-size: 1em;}
.pulsantetornasito {display: none;}
.pulsanteinv {padding: 5px 5px; font-size: 1em;}
.pulsantetornamenu {padding: 5px 5px; font-size: .9em;}
.stampa {display: none;}
.stampa1 {display: none;}
.form {margin-top: 3em;}
.intpag {margin-top: 3em; font-size: .9em; margin-left: 15px;}
.int {margin-top: 1%; margin-bottom: 3%;}
.corpo {margin-top: 10%;}
.avviso{display: none;}
.avvisositogenerale{
text-align: center;  margin-left: 40px; margin-right: 40px; margin-top: 70px; font-weight: bold; font-size: 20px; color: #941400;
}
.avvisositocodplesso{
text-align: center;  margin-left: 40px; margin-right: 40px; margin-top: 20px; margin-bottom: 20px; font-weight: bold; font-size: 12px; color: #941400;
}
.corpopaginigen {
    width: 100%;
    margin-top: -2%;
}
.dxstampa {position: relative; float: right; top: 120px; margin-right: 1%; }
.centrorisul {
	margin-top: -45px;
        margin-left: 31%;
        font-size: x-large;
        font-weight: bold;
        color: #166123; /*#b72dc0; #cd31d7e0; */
        margin-bottom: -35px;
	}
	
	 .libri-trovati {
                margin: 0;
                font-weight: bold;
                color: #2c3e50;
                font-size: 18px;
                padding: 10px;
                background-color: #beffb5; /*  #ecff77;  #e17cfa;    #f8f9fa; */
                border-radius: 5px;
                text-align: center;
            }

 .libri-trovatimenu {
                padding-top: 1%;
                font-weight: bold;
                color: #2c3e50;
                font-size: 18px;
                padding: 10px;
                background-color: #beffb5; /*  #ecff77;  #e17cfa;    #f8f9fa; */
                border-radius: 5px;
                text-align: center;
            }
}


@media only all and (min-width: 325px) and (max-width: 480px) { /*Tablet: breakpoints 481px – 768px* - */
body, html {
min-height: 100vh;	
}
body { margin: 0;
    padding: 0 !important;
    background-color: #FFFAFA; /* Mantiene il colore di sfondo solido, se lo desideri */
	   font-family: Verdana, sans-serif;
    font-size: 14px;
  /*  position: relative;  Importante: rende il body il "containing block" per lo pseudo-elemento */
	}

/* Stile per lo pseudo-elemento ::before che conterrà l'immagine di sfondo */
body::before {
    content: ""; /* Necessario per far funzionare lo pseudo-elemento */
    display: block; /* Rende lo pseudo-elemento un blocco */
    position: fixed; /* Posizionamento assoluto rispetto al body */
    top: 0;
    left: 0;
    /*width: 100%; */ width: 100%;
    /* height: 100%; */ height: 100vh;
    background-image: url('https://icoderzo.edu.it/wp-content/uploads/sites/39/libro-tramonto.jpg'); /* URL dell'immagine */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    opacity: 0.2; /* Imposta l'opacità SOLO per l'immagine di sfondo (regola questo valore a piacere) */
    z-index: -1; /* Posiziona lo pseudo-elemento dietro al contenuto del body */
	
	 -webkit-background-size: cover;
  -moz-background-size: cover;
    background-size: cover;
}
body {margin: 0;
    padding: 0 !important;
	}
.container {
  display: flex; /* Crea un layout flessibile */
  align-items: center; /* Allinea verticalmente gli elementi al centro */
  width: 100%;
}
.stemmarep {width: 15%; margin-right: 47px; }/* Aggiunge spazio tra l'immagine e il testo */
.icsalg {top: 20px; font-size: .75em; line-height: 1.4em;}  /* Puoi aggiungere qui eventuali stili per il testo */

.sx {position: relative; float: left; top: 0px; width: 10%;}
.dx {position: relative; float: right; top: 0px; margin-right: 2%; }
.stemmarep{display: block ;} */ 
.centro {margin-top: 2%;}
.centromenu {margin-top: 2%; text-align: center; }
.versione {display: none;} /* .versione{position: fixed; font-size: .6em;}*/
.data {display: none;}
.centro {padding: 5px;}
.centromenu {padding: 5px;}
.scaricadb {display: none;}
.pulsante {padding: 5px 5px;font-size: 1.1em;}
.pulsanteinvia {padding: 5px 5px;font-size: 1.1em;}
.pulsanteins { padding: 5px 5px; font-size: 1.1em;}
.pulsantetornasito {display: none;}
.pulsanteinv {padding: 5px 5px; font-size: .9em;}
.pulsantetornamenu {padding: 5px 5px; font-size: .8em;}
.stampa {display: none;}
.stampa1 {display: none;}
.form {margin-top: 3em;}
.intpag {margin-top: 5em; font-size: .9em; margin-left: 19%; margin-bottom: 0px;}
.int {margin-top: 1%; margin-bottom: 20%;}
.corpo {margin-top: 5%;}
.avviso{display: none;}
.avvisositogenerale{
text-align: center;  margin-left: 40px; margin-right: 40px; margin-top: 40px; font-weight: bold; font-size: 10px; color: #941400;
}
.avvisositocodplesso{
text-align: center;  margin-left: 40px; margin-right: 40px; margin-top: 20px; margin-bottom: 20px; font-weight: bold; font-size: 8px; color: #941400;
}
.corpopaginigen {
    width: 100%;
    margin-top: -2%;
}
.dxstampa {display: none;} /*{position: relative; float: right; top: 120px; margin-right: 1%; }*/
.centrorisul {
	margin-top: 0px;
        margin-left: 15%;
        font-size: 11px;
        font-weight: bold;
        color: #166123; /*#b72dc0; #cd31d7e0; */
        margin-bottom: -35px;
	}
.tablerisul {
	margin-top: 10%;
	}
	
	 .libri-trovati {
                margin: 0;
                font-weight: bold;
                color: #2c3e50;
                font-size: 18px;
                padding: 10px;
                background-color: #beffb5; /*  #ecff77;  #e17cfa;    #f8f9fa; */
                border-radius: 5px;
                text-align: center;
            }
	
	 .libri-trovatimenu {
                padding-top: 1%;
                font-weight: bold;
                color: #2c3e50;
                font-size: 18px;
                padding: 10px;
                background-color: #beffb5; /*  #ecff77;  #e17cfa;    #f8f9fa; */
                border-radius: 5px;
                text-align: center;
            }
}


@media only all and (min-width: 481px) and (max-width: 768px) { /*Tablet: breakpoints 481px – 768px* - */
body, html {
min-height: 100vh;	
}
body {margin: 0;
    padding: 0 !important;
    background-color: #FFFAFA; /* Mantiene il colore di sfondo solido, se lo desideri */
	   font-family: Verdana, sans-serif;
    font-size: 14px;
  /*  position: relative;  Importante: rende il body il "containing block" per lo pseudo-elemento */
	}

/* Stile per lo pseudo-elemento ::before che conterrà l'immagine di sfondo */
body::before {
    content: ""; /* Necessario per far funzionare lo pseudo-elemento */
    display: block; /* Rende lo pseudo-elemento un blocco */
    position: fixed; /* Posizionamento assoluto rispetto al body */
    top: 0;
    left: 0;
    /*width: 100%; */ width: 100%;
    /* height: 100%; */ height: 100vh;
    background-image: url('https://icoderzo.edu.it/wp-content/uploads/sites/39/libro-tramonto.jpg'); /* URL dell'immagine */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    opacity: 0.2; /* Imposta l'opacità SOLO per l'immagine di sfondo (regola questo valore a piacere) */
    z-index: -1; /* Posiziona lo pseudo-elemento dietro al contenuto del body */
	
	 -webkit-background-size: cover;
  -moz-background-size: cover;
    background-size: cover;
}
body {margin: 0;
    padding: 0 !important;
	}
.container {
  display: flex; /* Crea un layout flessibile */
  align-items: center; /* Allinea verticalmente gli elementi al centro */
  width: 100%;
}
.stemmarep {width: 15%; margin-right: 47px; }/* Aggiunge spazio tra l'immagine e il testo */
.icsalg {top: 20px; font-size: .75em; line-height: 1.4em;}  /* Puoi aggiungere qui eventuali stili per il testo */

.sx {position: relative; float: left; top: 0px; width: 10%;}
.dx {position: relative; float: right; top: 0px; margin-right: 2%; }
.stemmarep{display: block ;} */ 
.centro {margin-top: 2%;}
.centromenu {margin-top: 2%; text-align: center; }
.versione {display: none;} /*.versione{position: fixed; font-size: .6em;} */
.data {display: none;}
.centro {padding: 5px;}
.centromenu {padding: 5px;}
.scaricadb {display: none;}
.pulsante {padding: 5px 5px;font-size: 1.1em;}
.pulsanteinvia {padding: 5px 5px;font-size: 1.1em;}
.pulsanteins { padding: 5px 5px; font-size: 1.1em;}
.pulsantetornasito {display: none;}
.pulsanteinv {padding: 5px 5px; font-size: .9em;}
.pulsantetornamenu {padding: 5px 5px; font-size: .8em;}
.stampa {display: none;}
.stampa1 {display: none;}
.form {margin-top: 3em;}
.intpag {margin-top: 2em; font-size: .9em; margin-left: 19%; margin-bottom: -9%;}
.int {margin-top: 1%; margin-bottom: 3%;}
.corpo {margin-top: 10%;}
.cosacercare  {margin-top: 3%;}
.corpopagini {
    width: 100%;
    margin-top: 3%;
}
.avviso{display: none;}
.avvisositogenerale{
text-align: center;  margin-left: 40px; margin-right: 40px; margin-top: 70px; font-weight: bold; font-size: 11px; color: #941400;
}
.avvisositocodplesso{
text-align: center;  margin-left: 40px; margin-right: 40px; margin-top: 20px; margin-bottom: 20px; font-weight: bold; font-size: 9px; color: #941400;
}
.corpopaginigen {
    width: 100%;
    margin-top: -2%;
}
.dxstampa {display: none;} /*{position: relative; float: right; top: 120px; margin-right: 1%; }*/
.centrorisul {
	margin-top: -43px;
        margin-left: 54%;
        font-size: 12px;
        font-weight: bold;
        color: #166123; /*#b72dc0; #cd31d7e0; */
        margin-bottom: 43px;
	
	}
	.tablerisul {
	margin-top: -3%;
	}
	
	 .libri-trovati {
                margin: 0;
                font-weight: bold;
                color: #2c3e50;
                font-size: 18px;
                padding: 10px;
                background-color: #beffb5; /*  #ecff77;  #e17cfa;    #f8f9fa; */
                border-radius: 5px;
                text-align: center;
            }
			
			 .libri-trovatimenu {
                padding-top: 1%;
                font-weight: bold;
                color: #2c3e50;
                font-size: 18px;
                padding: 10px;
                background-color: #beffb5; /*  #ecff77;  #e17cfa;    #f8f9fa; */
                border-radius: 5px;
                text-align: center;
            }

}

/*
@media only all and (min-width: 481px) and (max-width: 800px) {

}
*/
@media only all and (min-width: 769px) and (max-width:1024px) { /*Tablet: breakpoints 481px – 768px* - */
body, html {
min-height: 100vh;	
}
body {margin: 0;
    padding: 0 !important;
    background-color: #FFFAFA; /* Mantiene il colore di sfondo solido, se lo desideri */
	   font-family: Verdana, sans-serif;
    font-size: 14px;
  /*  position: relative;  Importante: rende il body il "containing block" per lo pseudo-elemento */
	}

/* Stile per lo pseudo-elemento ::before che conterrà l'immagine di sfondo */
body::before {
    content: ""; /* Necessario per far funzionare lo pseudo-elemento */
    display: block; /* Rende lo pseudo-elemento un blocco */
    position: fixed; /* Posizionamento assoluto rispetto al body */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://icoderzo.edu.it/wp-content/uploads/sites/39/libro-tramonto.jpg'); /* URL dell'immagine */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    opacity: 0.2; /* Imposta l'opacità SOLO per l'immagine di sfondo (regola questo valore a piacere) */
    z-index: -1; /* Posiziona lo pseudo-elemento dietro al contenuto del body */
}
	

.container {
  display: flex; /* Crea un layout flessibile */
  align-items: center; /* Allinea verticalmente gli elementi al centro */
  width: 100%;
}

.stemmarep {
  margin-right: 10px; /* Aggiunge spazio tra l'immagine e il testo */
  }

.icsalg {top: 0px; font-size: 1em; line-height: 1.5em; width: 100%;}


.sx {position: relative; float: left; top: 0px; margin-left: 2%;}
.dx {position: relative; float: right; top: 0px; margin-right: 2%; }
.stemmarep{margin-top: -35px;}
.centro {margin-top: 2%;}
.centromenu {margin-top: 2%; text-align: center; 	padding: 0; }
/*.versione {display: none;}*/
/*.data {display: none;}*/
.centro {padding: 0px;}
/*.scaricadb {display: none;}*/
.pulsante {padding: 5px 5px;font-size: 1.2em;}
.pulsanteinvia {padding: 5px 5px;font-size: 1.2em;}
/*.pulsantetornasito {display: none;}*/
.pulsanteinv {padding: 5px 5px; font-size: .9em;}
.pulsanteins { padding: 5px 5px; font-size: 1.2em;}
.pulsantetornamenu {padding: 5px 5px; font-size: 1em;}
/*.stampa {display: none;}*/
/*.stampa1 {display: none;}*/
.avviso{
text-align: center;  margin-left: 40px; margin-right: 40px; font-weight: bold; font-size: 20px; color: #941400;
}

.form {margin-top: 3em;}
.intpag {margin-top: 0px; margin-bottom: 0px;}
.int {margin-top: 1%; margin-bottom: 3%;}
.versione {position: fixed;}
.data {display: none;}
.scaricadb {position: inherit; text-align: right;}
.avvisositogenerale{
text-align: center;  margin-left: 40px; margin-right: 40px; margin-top: 70px; font-weight: bold; font-size: 14px; color: #941400;
}
.avvisositocodplesso{
text-align: center;  margin-left: 40px; margin-right: 40px; margin-top: 20px; margin-bottom: 20px; font-weight: bold; font-size: 12px; color: #941400;
}
.corpopaginigen {
    width: 100%;
    margin-top: -2%;
}
.dxstampa {position: relative; float: right; top: 120px; margin-right: 1%; }
.centrorisul {
	margin-top: -37px;
        margin-left: 40%;
        font-size: 14px;
        font-weight: bold;
        color: #166123; /*#b72dc0; #cd31d7e0; */
        margin-bottom: 21px;
	}
	.tablerisul {
	margin-top: 3%;
	}
	
	 .libri-trovati {
                margin: 0;
                font-weight: bold;
                color: #2c3e50;
                font-size: 18px;
                padding: 10px;
                background-color: #beffb5; /*  #ecff77;  #e17cfa;    #f8f9fa; */
                border-radius: 5px;
                text-align: center;
            }

 .libri-trovatimenu {
                padding-top: 1%;
                font-weight: bold;
                color: #2c3e50;
                font-size: 18px;
                padding: 10px;
                background-color: #beffb5; /*  #ecff77;  #e17cfa;    #f8f9fa; */
                border-radius: 5px;
                text-align: center;
            }
}

@media only all and (min-width: 1025px) and (max-width: 1500px) {
body, html {
min-height: 100vh;
}
body {margin: 0;
    padding: 0 !important;
    background-color: #FFFAFA; /* Mantiene il colore di sfondo solido, se lo desideri */
	   font-family: Verdana, sans-serif;
    font-size: 14px;
    /*position: relative;  Importante: rende il body il "containing block" per lo pseudo-elemento */
}

/* Stile per lo pseudo-elemento ::before che conterrà l'immagine di sfondo */
body::before {
    content: ""; /* Necessario per far funzionare lo pseudo-elemento */
    display: block; /* Rende lo pseudo-elemento un blocco */
    position: fixed; /* Posizionamento assoluto rispetto al body */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://icoderzo.edu.it/wp-content/uploads/sites/39/libro-tramonto.jpg'); /* URL dell'immagine */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    opacity: 0.2; /* Imposta l'opacità SOLO per l'immagine di sfondo (regola questo valore a piacere) */
    z-index: -1; /* Posiziona lo pseudo-elemento dietro al contenuto del body */
}

.container {
  display: flex; /* Crea un layout flessibile */
  align-items: center; /* Allinea verticalmente gli elementi al centro */
  width: 100%;
}

.stemmarep {
  margin-right: 5px; /* Aggiunge spazio tra l'immagine e il testo */
  width: 30%;
  margin-top: -30px;
  }

.icsalg {top: 3px; font-size: 1.1em; line-height: 1.2em; width: 100%; margin-right: 8%;}	

.sx {position: relative; float: left; top: 0px; margin-left: 2%;}
.dx {position: relative; float: right; top: 0px; margin-right: 2%; }
.centro {margin-top: 2%;}
.centromenu {margin-top: 2%; text-align: center; 	padding: 0; }
/*.versione {display: none;}*/
/*.data {display: none;}*/
.centro {padding: 0px;}
/*.scaricadb {display: none;}*/
.pulsante {padding: 5px 5px;font-size: 1.3em;}
.pulsanteinvia {padding: 5px 5px;font-size: 1.3em;}
/*.pulsantetornasito {display: none;}*/
.pulsanteinv {padding: 5px 5px; font-size: .9em;}
.pulsanteins { padding: 5px 5px; font-size: 1.3em;}
.pulsantetornamenu {padding: 5px 5px; font-size: 1.2em;}
/*.stampa {display: none;}*/
/*.stampa1 {display: none;}*/
.form {margin-top: 3em;}
.intpag {margin-top: 0px; margin-left: 23%;}
.int {margin-top: 1%; margin-bottom: 3%;}
.versione {position: fixed;}
.data {display: none;}
.scaricadb {position: inherit; text-align: right;}
.avvisositogenerale{
text-align: center;  margin-left: 40px; margin-right: 40px; margin-top: 70px; font-weight: bold; font-size: 20px; color: #941400;
}
.avvisositocodplesso{
text-align: center;  margin-left: 40px; margin-right: 40px; margin-top: 20px; margin-bottom: 20px; font-weight: bold; font-size: 12px; color: #941400;
}
.corpopaginigen {
    width: 100%;
    margin-top: -2%;
}
.dxstampa {position: relative; float: right; top: 120px; margin-right: 1%; }
.centrorisul {
	margin-top: -45px;
        margin-left: 33%;
        font-size: x-large;
        font-weight: bold;
        color:#166123; /* #239537;   #b72dc0; #cd31d7e0; */
        margin-bottom: -30px;
	}

.tablerisul {
	margin-top: 4%;
	}
	
	 .libri-trovati {
                margin: 0;
                font-weight: bold;
                color: #2c3e50;
                font-size: 18px;
                padding: 10px;
                background-color: #beffb5; /*  #ecff77;  #e17cfa;    #f8f9fa; */
                border-radius: 5px;
                text-align: center;
            }
			
			 .libri-trovatimenu {
                padding-top: 1%;
                font-weight: bold;
                color: #2c3e50;
                font-size: 18px;
                padding: 10px;
                background-color: #beffb5; /*  #ecff77;  #e17cfa;    #f8f9fa; */
                border-radius: 5px;
                text-align: center;
            }

}




@media only all and (min-width: 1501px) and (max-width: 1800px) {
	body, html {
min-height: 100vh;
}
	body {margin: 0;
    padding: 0 !important;
    background-color: #FFFAFA; /* Mantiene il colore di sfondo solido, se lo desideri */
	   font-family: Verdana, sans-serif;
    font-size: 14px;
    /*position: relative;  Importante: rende il body il "containing block" per lo pseudo-elemento */
}

/* Stile per lo pseudo-elemento ::before che conterrà l'immagine di sfondo */
body::before {
    content: ""; /* Necessario per far funzionare lo pseudo-elemento */
    display: block; /* Rende lo pseudo-elemento un blocco */
    position: fixed; /* Posizionamento assoluto rispetto al body */
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; 
    background-image: url('https://icoderzo.edu.it/wp-content/uploads/sites/39/libro-tramonto.jpg'); /* URL dell'immagine */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    opacity: 0.2; /* Imposta l'opacità SOLO per l'immagine di sfondo (regola questo valore a piacere) */
    z-index: -1; /* Posiziona lo pseudo-elemento dietro al contenuto del body */
}

.container {
  display: flex; /* Crea un layout flessibile */
  align-items: center; /* Allinea verticalmente gli elementi al centro */
  width: 100%;
}

.stemmarep {
  margin-right: 5px; /* Aggiunge spazio tra l'immagine e il testo */
  width: 40%;
  margin-top: -30px;
  }

.icsalg {top: 0px; font-size: 1.2em; line-height: 1.5em; width: 100%; margin-right: 20%;}	

.sx {position: relative; float: left; top: 0px; margin-left: 2%;}
.dx {position: relative; float: right; top: 0px; margin-right: 2%; }
.centro {margin-top: 2%;}
.centromenu {margin-top: 2%; text-align: center; padding: 0; }

/*.versione {display: none;}*/
/*.data {display: none;}*/
.centro {padding: 0px;}
/*.scaricadb {display: none;}*/
.pulsante {padding: 5px 5px;font-size: 1.5em;}
.pulsanteinvia {padding: 5px 5px;font-size: 1.5em;}
/*.pulsantetornasito {display: none;}*/
.pulsanteinv {padding: 5px 5px; font-size: .9em;}
.pulsanteins { padding: 5px 5px; font-size: 1.5em;}
.pulsantetornamenu {padding: 5px 5px; font-size: 1.3em;}
/*.stampa {display: none;}*/
/*.stampa1 {display: none;}*/
.form {margin-top: 3em;}
.intpag {margin-top: 0px; margin-left: 20%;}
.int {margin-top: 1%; margin-bottom: 1%;}
.versione {position: fixed;}
.data {display: none;}
.scaricadb {position: inherit; text-align: right;}
.avvisositogenerale {
text-align: center;  margin-left: 40px; margin-right: 40px; margin-top: 70px; font-weight: bold; font-size: 20px; color: #941400;
}
.avvisositocodplesso{ 
text-align: center;  margin-left: 40px; margin-right: 40px; margin-top: 20px; margin-bottom: 20px; font-weight: bold; font-size: 12px; color: #941400;
}
.corpopaginigen {
    width: 100%;
    margin-top: -2%;
}
.dxstampa {position: relative; float: right; top: 120px; margin-right: 1%; }
.centrorisul {
	margin-top: -45px;
        margin-left: 31%;
        font-size: x-large;
        font-weight: bold;
        color: #239537; /* #166123; #b72dc0; #cd31d7e0; */
        margin-bottom: -15px;
	}
	.tablerisul {
	margin-top: 2.5%;
	}
	 .libri-trovati {
                margin: 0;
                font-weight: bold;
                color: #2c3e50;
                font-size: 18px;
                padding: 10px;
                background-color: #beffb5; /*  #ecff77;  #e17cfa;    #f8f9fa; */
                border-radius: 5px;
                text-align: center;
            }
			
			 .libri-trovatimenu {
                margin-top: 3%;
				margin-bottom: 2%;
                font-weight: bold;
                color: #2c3e50;
                font-size: 18px;
                padding: 10px;
                background-color: #beffb5; /*  #ecff77;  #e17cfa;    #f8f9fa; */
                border-radius: 5px;
                text-align: center;
            }

}

@media only all and (min-width: 1801px) and (max-width: 2800px) {
	body, html {
	min-height: 100vh;
}
	body {
		margin: 0;  /* ← CORRETTO */
        padding: 0 !important;
		
    background-color: #FFFAFA; /* Mantiene il colore di sfondo solido, se lo desideri */
	   font-family: Verdana, sans-serif;
    font-size: 14px;
    /*position: relative;  Importante: rende il body il "containing block" per lo pseudo-elemento */
}

/* Stile per lo pseudo-elemento ::before che conterrà l'immagine di sfondo */
body::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;  /* ← Cambia da min-height a height */
    background-image: url('https://icoderzo.edu.it/wp-content/uploads/sites/39/libro-tramonto.jpg');
    background-repeat: no-repeat;  /* ← Cambia da repeat a no-repeat */
    background-size: cover;
    background-position: center top;  /* ← Cambia da "center center" a "center top" */
    opacity: 0.2;
    z-index: -1;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
}

.container {
  display: flex; /* Crea un layout flessibile */
  align-items: center; /* Allinea verticalmente gli elementi al centro */
  width: 100%;
}

.stemmarep {
  margin-right: 5px; /* Aggiunge spazio tra l'immagine e il testo */
  width: 50%;
 margin-top: -20px;
  }

.icsalg {top: 0px; font-size: 1.2em; line-height: 1.5em; width: 80%; margin-right: 23%;}	

.corpo {
    width: 100%;
    margin-top: 3%;
}
.sx {position: relative; float: left; top: 0px; margin-left: 2%;}
.dx {position: relative; float: right; top: 0px; margin-right: 2%; }
.centro {margin-top: 2%;}
.centromenu {margin-top: 2%;}
/* .versione {display: none;} */
/*.data {display: none;}*/
.centro {padding: 0px;}
.centromenu {padding: 0px;}
/*.scaricadb {display: none;}*/
.pulsante {padding: 5px 5px;font-size: 2em;}
.pulsanteinvia {padding: 5px 5px;font-size: 2em;}
/*.pulsantetornasito {display: none;}*/
.pulsanteinv {padding: 5px 5px; font-size: .9em;}
.pulsanteins { padding: 5px 5px; font-size: 2em;}
.pulsantetornamenu {padding: 5px 5px; font-size: 1.5em;}
/*.stampa {display: none;}*/
/*.stampa1 {display: none;}*/
.form {margin-top: 3em;}
.intpag {margin-top: 3%; margin-bottom: -2%; margin-left: 20%;}
.int {margin-top: 1%; margin-bottom: 1%;}
.versione {position: fixed;}
.data {display: none;}
.scaricadb {position: inherit; text-align: right;}
.avvisositogenerale{
text-align: center;  margin-left: 40px; margin-right: 40px; margin-top: 70px; font-weight: bold; font-size: 20px; color: #941400;
}
.avvisositocodplesso{
text-align: center;  margin-left: 40px; margin-right: 40px; margin-top: 20px; margin-bottom: 20px; font-weight: bold; font-size: 12px; color: #941400;
}
.corpopaginigen {
    width: 100%;
    margin-top: -2%;
}
.dxstampa {position: relative; float: right; top: 120px; margin-right: 1%; }

.centrorisul {
	margin-top: -45px;
        margin-left: 31%;
        font-size: x-large;
        font-weight: bold;
        color: #166123; /*#b72dc0; #cd31d7e0; */
        margin-bottom: -35px;
	}

.tablerisul {
	margin-top: 3%;
	}
	
	 .libri-trovati {
                margin: 0;
                font-weight: bold;
                color: #2c3e50;
                font-size: 18px;
                padding: 10px;
                background-color: #beffb5; /*  #ecff77;  #e17cfa;    #f8f9fa; */
                border-radius: 5px;
                text-align: center;
            }
	
	 .libri-trovatimenu {
                margin-top: 4%;
				margin-bottom: 2%;
                font-weight: bold;
                color: #2c3e50;
                font-size: 18px;
                padding: 10px;
                background-color: #beffb5; /*  #ecff77;  #e17cfa;    #f8f9fa; */
                border-radius: 5px;
                text-align: center;
            }
	
	}

.pulsanteimmimodifica {
outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: bold 14px Arial, Helvetica, sans-serif;
 color: #fff;
 padding: 10px 20px;
 border: solid 1px #44c767;
 background: #228B22;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  }

.pulsanteimmimodifica:hover {
 border-color: #44c767;
        color: #fff;
		 -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);

        /* effetto glow (bagliore) */
     text-shadow: 0 0 40px #FFF;
        box-shadow: 0 0 25px #FA3, inset 0 0 4px 2px #FFF;
}


  .pulsanteservizio {
outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: bold 14px Arial, Helvetica, sans-serif;
 color: #fff;
 padding: 10px 20px;
 border: solid 1px #9932CC;
 background: #8A2BE2;
 -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  }


.pulsanteservizio:hover {
 border-color: #44c767;
        color: #fff;
		 -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);

        /* effetto glow (bagliore) */
     text-shadow: 0 0 40px #FFF;
        box-shadow: 0 0 25px #FA3, inset 0 0 4px 2px #FFF;
}

  .pulsantericerca {
outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: bold 14px Arial, Helvetica, sans-serif;
 color: #fff;
 padding: 10px 20px;
 border: solid 1px #0076a3;
 background: blue;
  -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);

  }
  .pulsantericerca:hover {
 border-color: #44c767;
        color: #fff;
		 -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);

        /* effetto glow (bagliore) */
     text-shadow: 0 0 40px #FFF;
        box-shadow: 0 0 25px #FA3, inset 0 0 4px 2px #FFF;
}

 .pulsantericercagen {
outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: bold 14px Arial, Helvetica, sans-serif;
 color: #fff;
 padding: 10px 20px;
 border: solid 1px #0076a3;
 background: red;
  -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);

  }
  .pulsantericercagen:hover {
 border-color: #44c767;
        color: #fff;
		 -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);

        /* effetto glow (bagliore) */
     text-shadow: 0 0 40px #FFF;
        box-shadow: 0 0 25px #FA3, inset 0 0 4px 2px #FFF;
}
/* Stili per la pagina cambio password e gestione utenti */
.sezione {
    border: 2px solid #57a639;
    padding: 20px;
    margin: 20px;
    background-color: #f9f9f9;
}

.sezione h2 {
    color: #57a639;
    margin-top: 0;
    margin-bottom: 10px;
}

.sezione table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 20px;
}

.sezione table, .sezione th, .sezione td {
    border: 1px solid #57a639;
}

.sezione th {
    background-color: #57a639;
    color: white;
    padding: 10px;
}

.sezione td {
    padding: 8px;
}

/* PULSANTE TORNA SU */
.torna-su {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: #57a639;
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    font-size: 24px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s, background-color 0.2s;
}

.torna-su.visible {
    opacity: 1;
    visibility: visible;
}

.torna-su:hover {
    background-color: #3d7a25;
    transform: scale(1.1);
}

.torna-su:active {
    transform: scale(0.95);
}

--- END OF FILE stilelibro.css ---