body
{
	text-align: center;
	color: #037E37;
	font-family: sans-serif;
	font-size: 18px;
	background-color: #FFF1FF;
	width: 1200px;
  	margin: 0; /* Resettato per evitare problemi */
  	padding-top: 50px; /* Spazio per il menu fisso */
	padding-right: 12px;
	padding-left: 12px;
	padding-bottom: 600px;
}
div
{
	font-size: 18px;
	text-align: justify;
	margin: 0 auto 12px auto;
	line-height: 130%;
}
p 
{ 
	text-align: justify; 
}
/* unvisited link */
a:link
{
	color: #00007D;
	text-decoration: none;
}
/* visited link */
a:visited {
  color: #00007D;
}
/* mouse over link */
a:hover {
  color: #C00;
}
/* selected link */
a:active {
  color: blue;
}

h1
{
	font-size: 48px;
	padding: 0;
	margin: 0 auto 0 auto;
}

h2
{
	font-size: 32px;
	padding: 0;
	margin: 0 auto 12px auto;
}

h3
{
	text-align: center;
	color: #C00;
	font-family: sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin: 24px auto 4px auto;
	text-transform: uppercase;
}
h4
{
	text-align: center;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 28px;
}
h5
{
	margin: 0 auto 0px auto;
	color: #6C6C6C;
	text-transform: uppercase;
	font-size: 16px;
	text-align: center;
}
h6
{
	margin: 0px 0 6px 0;
	text-align: justify;
	line-height: 130%;
}

.testo_comandi
{
	font-family: sans-serif;
	font-size: 11px;
	line-height: 130%;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

#titolo
{
	display: block;
	margin: 0 auto 24px auto;
}
.titolo_pagina
{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	word-spacing: 2px;
	margin: 0 auto 24px auto;
	text-transform: uppercase;
	font-family: sans-serif;
	color: #037E37;
}
.login_frame
{
	margin: 12px auto 12px auto;
	text-align: center;
	width: auto;
	padding: 0;
	font-family: sans-serif;
	font-size: 12px;
	line-height: 130%;
	font-weight: bold;
	text-transform: uppercase;
	background-color: transparent;
}
.login_text { text-align: center; }
.login_symbol
{
	font-family: sans-serif;
	font-size: 12px;
	line-height: 130%;
	font-weight: bold;
	margin: 0 8px 0 8px;
}
.login_div
{
	margin: 24px auto 0 auto;
	text-align: center;
	width: 400px;
	padding: 3px 0 0px 0;
}
#messaggio
{
	width: 300px;
	margin: 24px auto 0 auto;
	background-color: transparent;
	text-align: justify;
	padding: 24px;
}
/* =================== SINGLE ENTRIES ============ */
.row_title
{
	color: #333;
	font-family: sans-serif;
	font-size: 14px;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	margin: 12px auto 3px auto;
}
.catalogue_numbers_title
{
	color: #333;
	font-family: sans-serif;
	font-size: 14px;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	margin: 18px auto 3px auto;
}
.entry_text
{
	color: #333;
	font-family: serif;
	font-size: 18px;
	text-align: justify;
	margin: 3px auto 0 auto;
}
.foreach
{
	padding: 3px 9px 3px 9px;
	margin: 0;
	text-align: justify;
}

/* riguardo ai tooltips */
.tooltip
{
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
	color: #C00;
	font-weight: bold;
	font-family: sans-serif;
	bottom: 4px;
	font-size: 75%;
	cursor: pointer;
}

.tooltip .tooltiptext
{
	visibility: hidden;
	width: 150px;
	background-color: #333;
	color: #E1E1E1;
	text-align: left;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
	top: 150%;
	left: 50%;
	margin-left: -60px;
	padding: 5px 5px 5px 12px;
	line-height: 130%;
	font-size: 10px;
	text-transform: none;
	font-family: sans-serif;
	font-weight: bold;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #E1E1E1;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
/* FINE riguardo ai tooltips */

/* mette tre divs uno di fianco all'altro */
 .container .box {  
                width:1200px;  
                margin:0;  
                display:table;  
            }  
    .container .box .box-row {  
                display:table-row;  
            }  
    .container .box .box-cell
            {
            	display: table-cell;
            	width: 31%;
            }  
    .container .box .box-cell.box1
            {
             	text-align: left;
             	padding: 0 24px 0 0px;
           }  
    .container .box .box-cell.box2 {  
                text-align: left;
             	padding: 0 24px 0 0px;
            }  
    .container .box .box-cell.box3 {  
             	padding: 0;
                text-align: left;
            } 
/* FINE mette tre divs uno di fianco all'altro */
/* =================== FINE SINGLE ENTRIES ============ */
.gotoentrymanager
{
	padding: 0 0 0 12px;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.warning
{
	text-align: center;
	color: #C00;
	font-family: sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}
.LinkToTranslation
{
	font-family: Helvetica;
	margin: 0 0 0 4px;
	font-size: 75%;
	font-weight: bold;
	color: #C00;
}
.ricetteAvvisi {text-align: center; margin: 5px auto; color: #C00; text-transform: uppercase; font-size: 100%;}

#tableRicette {
    margin: 0 auto;
    border: 2px solid;
    border-collapse: collapse;
    text-transform: uppercase;
    font-size: 10px;
    width: 1200px;
    max-width: 100%;
}

#tableRicette td {
    border: 2px solid;
    border-collapse: collapse;
    vertical-align: top;
    padding: 6px 9px;
    font-family: sans-serif;
    font-weight: bold;
    text-align: left;
}

#tableRicette th
{
	border: 2px solid;
	border-collapse: collapse;
	vertical-align: top;
	padding: 6px 18px;
	font-family: sans-serif;
	font-weight: bold;
	background-color: #FFE6DA;
	text-align: center;
	font-size: 12px;
	width: 50%;
}

select {
    font-size: 10px;
    font-family: sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}

#tuttelericette {
    background-color: #FFF;
    padding: 3px 4px 2px;
    font-size: 10px;
    line-height: 100%;
    margin: 0;
    text-align: center;
}

.elencochiavi {
    font-size: 10px;
    line-height: 200%;
}

.elencochiavi a {
    color: #C00;
}

#ultima_ricetta {
    text-transform: uppercase;
    color: #C00;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    display: inline;
}

#ingredienti {
    border: 2px solid;
    border-collapse: collapse;
    text-align: center;
    line-height: 150%;
    margin: 18px auto;
}

#ingredienti td {
    border: 2px solid;
    padding: 9px;
    text-align: left;
    line-height: 120%;
    width: 30%;
    vertical-align: top;
}

#ingredienti th {
    border: 2px solid;
    padding: 5px 9px;
    text-align: center;
    line-height: 150%;
    width: 30%;
}

#facoltativi {
    background-color: #FEFFE7;
    padding: 12px;
    margin-right: calc(-1 * 9px);
    margin-left: calc(-1 * 9px);
    font-size: 16px;
    margin-top: 20px;
}

#facoltativi_title {
    text-align: center;
    text-transform: uppercase;
    font-family: sans-serif;
    font-size: 11px;
    margin: 0 auto 6px auto;
    color: #C00;
}

#esecuzione {
    font-size: 18px;
    background-color: #FEFFE7;
    padding: 12px;
    line-height: 120%;
    width: 300px;
}

#cambio_quant {
    display: inline;
}

#new_quant_A {
    width: 50px;
}

.titolo_ricetta {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
    word-spacing: 2px;
    margin: 16px auto 0;
    text-transform: uppercase;
}

.link_ricetta {
    text-align: center;
    text-transform: uppercase;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 0 auto;
}

.titolo_pagina {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
    word-spacing: 2px;
    margin: 0 auto;
    text-transform: uppercase;
}

hr {
    padding: 0;
}

.Flex_Elenco_Chiavi {
    margin: 9px;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: auto;
    gap: 9px;
}

.Flex_Elenco_Chiavi > div {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 130%;
    padding: 3px 6px;
    font-size: 11px;
    height: 40px;
    width: 90px;
    background-color: #FFDBD9;
    text-align: center;
    border-radius: 17px;
    box-shadow: 3px 3px #C2C2C2;
}

.Flex_Elenco_Ricette {
    margin: 9px;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: auto;
    gap: 6px;
}

.Flex_Elenco_Ricette > div {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 130%;
    margin: 6px;
    padding: 3px 6px;
    font-size: 11px;
    height: 50px;
    width: 148px;
    background-color: #FCFFAE;
    text-align: center;
    border-radius: 17px;
    box-shadow: 3px 3px #C2C2C2;
}

.Flex_Elenco_Ricette > div a {
    color: #C00;
}

.Flex_Elenco_Ricette > div a:hover {
    color: #00007D;
}

.flex_container {
    display: flex;
    background-color: transparent;
    justify-content: left;
    align-items: flex-start;
    flex-wrap: wrap;
}

.flex_container > div {
    background-color: transparent;
    padding: 0 6px 6px;
    margin: 0;
}

.flex_container2 {
    display: flex;
    justify-content: left;
    align-items: flex-start;
    flex-wrap: wrap;
}

.info {
    color: #C00;
    font-size: 85%;
    line-height: 100%;
}

#navigazione-ricette { 
	margin: 0 auto 9px auto;
	scroll-margin-top: 55px; 
	}
	.warning
	{
		color: red;
		font-weight: bold;
	}
    .titolo_pagina
    {
    	font-size: 36px;
    	font-weight: bold;
    	text-align: center;
    	text-transform: uppercase;
    }
    .titolo_ricetta
    {
		margin: 0 auto 0 auto;
    	font-size: 48px;
    	font-weight: bold;
    	text-align: center;
    	color: #88BA42;
    	text-shadow: 3px 3px 3px #C00;
    	text-transform: uppercase;
    }
#mostrautente { 
		margin: 0 auto 0 auto;
		text-align: center;
		text-shadow: 0;

		}

.ChiaviButton {
            box-shadow: 0px 10px 14px -7px #276873;
            background: linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
            background-color: #599bb3;
            border-radius: 8px;
            display: inline-block;
            color: #ffffff;
            font-family: Arial;
            font-size: 12px;
            font-weight: bold;
            padding: 6px 9px 4px 9px;
            text-decoration: none;
            text-shadow: 0px 1px 0px #3d768a;
            text-transform: uppercase;
            margin: 5px 5px 12px 5px;
        }
         #ingredienti {
            scroll-margin-top: 55px;
            border-collapse: collapse;
            text-align: center;
            line-height: 150%;
            margin: 18px auto;
            width: 1200px; /* Larghezza fissa */
            max-width: 100%; /* Per responsività su schermi piccoli */
        }
        #ingredienti td {
            border: 2px solid;
            padding: 9px;
            text-align: left;
            line-height: 120%;
            vertical-align: top;
        }
        /* Aggiorniamo le larghezze delle colonne */
        #ingredienti td:first-child { /* Colonna ingredienti */
            width: 40%;
        }
        #ingredienti td:last-child { /* Colonna esecuzione */
            width: 60%;
        }
.hr_ingredienti { margin: 6px -12px 6px -9px; }
.info
        {
        	color: #C00;
        	font-size: 85%;
        	line-height: 100%;
        }
        #facoltativi {
            background-color: #FEFFE7;
            padding: 12px;
            margin-right: -9px;
            margin-left: -9px;
            font-size: 16px;
            margin-top: 20px;
        }
        #facoltativi_title {
            text-align: center;
            text-transform: uppercase;
            font-family: sans-serif;
            font-size: 11px;
            color: #C00;
            margin-bottom: 6px;
        }
        #esecuzione {
            font-size: 18px;
            background-color: #FEFFE7;
            padding: 12px;
            line-height: 120%;
            width: 300px;
        }
.ricette_ol {
            list-style: none;
            counter-reset: item;
            text-align: justify;
            padding-right: 9px;
            margin-left: 0;
        }
.ricette_li
        {
        	counter-increment: item;
        	margin-bottom: 18px;
        }
.ricette_li:before {
            margin-right: 13px;
            content: counter(item);
            border-radius: 50%;
            color: #FEFFE9;
            margin-left: -2.0em;
            width: 1.2em;
            text-align: center;
            display: inline-block;
            background-color: #377C3F;
            font-weight: bold;
        }
        #tableButtons {
            width: 100%;
            border-collapse: collapse;
	        border: none;
            margin-top: 12px;
            background-color: #FEFFE9;
        }
        #tableButtons td { border: none; }
.ModificaButton {
            box-shadow: 3px 3px 6px 0px #C7F0FF;
            background: linear-gradient(to bottom, #0F17FF 5%, #9AD0FF 100%);
            background-color: #0F17FF;
            border-radius: 17px;
            display: inline-block;
            color: #ffffff;
            font-family: Arial;
            font-size: 12px;
            font-weight: bold;
            margin: 3px 3px 0 24px;
            padding: 6px 12px;
            text-decoration: none;
            text-shadow: 2px 2px 2px #2f6627;
            text-transform: uppercase;
        }
.ModificaButton a { color: #ffffff; }
.RicetteButton {
            box-shadow: 3px 3px 6px 0px #3dc21b;
            background: linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
            background-color: #44c767;
            border-radius: 17px;
            display: inline-block;
            color: #ffffff;
            font-family: Arial;
            font-size: 12px;
            font-weight: bold;
            margin: 3px 0 0 24px;
            padding: 6px 12px;
            text-decoration: none;
            text-shadow: 2px 2px 2px #2f6627;
            text-transform: uppercase;
        }
.RicetteButton a { color: #ffffff; }
.CorrelataButton
{
	box-shadow: 3px 3px 6px 0px #FFB2AD;
	background-color: #FF2300;
	border-radius: 17px;
	display: inline-block;
	color: #ffffff;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin: 3px 0 0 24px;
	padding: 6px 12px;
	text-decoration: none;
	text-shadow: 1px 1px 1px #FFCBCB;
	text-transform: uppercase;
}
.CorrelataButton a { color: #ffffff; }
.immagine_ricetta {
            max-width: 400px;
            max-height: 400px;
            margin: 6px auto;
            display: block;
        }
.touchgallery {
            position: relative;
            overflow: hidden;
            width: 350px;
            height: 1200px;
            margin: 0 auto;
        }
/* FOTO GALLERY */
.touchgallery{
position: relative;
overflow: hidden;
width: 350px; /* default gallery width */
height: 270px; /* default gallery height */
}

.touchgallery ul{
list-style: none;
margin: 0;
padding: 0;
left: 0;
position: absolute;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
-moz-transition: all 150ms ease-in-out; /* image transition. Change 100ms to desired transition duration */
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}

.touchgallery ul li{
float: left;
display: block;
text-align: center;
}

.touchgallery ul li img{ /* CSS for images within gallery */
max-width: 100%; /* make each image responsive, so its native width can occupy up to 100% of gallery's width, but not beyond */
height: auto;
}

.touchgallery .jumptodiv{ /* CSS for DIV that houses bullets that navigate to a specific image when clicked on */
text-align: center;
width: 100%;
background: white;
font-size: 1.5em;
font-weight: bold;
color: black;
letter-spacing: 7px;
position:absolute;
bottom: 0;
margin-top: 0;
text-shadow: 0 1px 2px #8a8a8a;
}

.touchgallery .jumptodiv span.selected{ /* CSS for selected bullet inside jumptodiv */
color: darkred;
}
/* FINE FOTO GALLERY */
.flex_container {
            display: flex;
            background-color: transparent;
            justify-content: space-between;
            align-items: left;
            flex-wrap: wrap;
            padding: 6px 6px 12px 6px;
            margin: 0;
        }
.flex_container > div {
            text-align: left;
            font-size: 14px;
            padding: 0;
            margin: 0;
        }
.presentazionericetta
{
	background-color: #FEFFE9;
	padding: 0 9px 9px 9px;
	margin: 0 auto -9px auto;
	box-shadow: 5px 5px 10px 0px #D5FFD9;
}
.presentazionericetta p
{
	margin: 0;
	padding: 9px 0 0 0;
}

#cookies { width: 800px; }

#tableSillabazione
{
	width: 40%;
	border-collapse: collapse;
	border: 1px solid;
	margin-right: auto;
	margin-left: auto;
}
#tableSillabazione tr td
{
	border-collapse: collapse;
	border: 1px solid;
	font-family: serif;
	font-size: 18px;
	height: 10px;
}
.TDintera
{
	scroll-margin-top: 55px;
	text-align: right;
	padding: 3px 6px 3px 0;
}
.TDsillabata
{
	text-align: left;
	padding: 3px 0 3px 6px;
}
.TDfreccia
{
	font-weight: bold;
	text-align: center;
	font-size: 18px;
}

.flex-containerLettere
{
	display: flex;
	position: fixed;
	right: 90px;
	top: 60px;
	background-color: DodgerBlue;
	flex-wrap: wrap;
	width: 100px;
	align-items: center;
	align-content: space-around;
	padding: 3px;
	font-size: 12px;
}

.flex-containerLettere > div
{
	font-size: 12px;
	background-color: #FC6;
	padding: 2px 4px 0 4px;
	text-transform: uppercase;
	margin: 5px;
	width: 14px;
	height: 17px;
	text-align: center;
	font-weight: bold;
}

.PresentazioneSito
{
	text-align: justify;
	font-family: serif;
	font-size: 24px;
	margin: 0 auto 0 auto;
	width: 800px;
	line-height: 150%;
}
.PresentazioneSito > li { margin-bottom: 18px; }

.tabellarisultati
{
	text-align: left;
	vertical-align: top;
	width: 1100px;
	margin: 0 auto 0 auto;
}
.tabellarisultati tr
{
	text-align: left;
	vertical-align: top;
	text-transform: uppercase;
	font-size: 16px;
}
.tabellainterna td
{
	padding: 0 12px 24px 0;
	width: 330px;
}

.handcursor
{
	cursor: pointer;
	text-transform: uppercase;
	font-size: 8px;
	font-weight: bold;
	margin: 0 auto 3px 0;
}
.Modificamodifica_chiavi
{
	font-size: 14px;
	background-color: #C00;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFF;
	border-top: 1px ##97BCE3 solid;
	border-right: 3px #7895B3 solid;
	border-bottom: 3px #7895B3 solid;
	border-left: 2px #97BCE3 solid;
	line-height: 110%;
	margin: 0 18px 8px 0;
	letter-spacing: 0.1em;
	word-spacing: 0.2em;
	cursor: pointer;
}
.Modificaimmagine_ricetta
{
	margin: 6px auto 0 auto;
	display: inline-block;
	height: 90px;
	padding: 0 0 0 12px;
}
.Modificaflex_container_immagini
{
	display: flex;
	background-color: transparent;
	justify-content: left;
	align-items: flex-start;
  	flex-wrap: wrap;
}
.Modificaforeach_immagini
{
	width: 298px;
	text-align: left;
	background-color: #FFC;
	margin: 0;
	padding: 12px 0 12px 0;
	border: 1px #00007D solid;
	height: 100px;
}
.Modificaistruzioni
{
	color: #C00;
	font-size: 14px;
	text-align: justify;
	margin: -4px 0 3px 0;
	line-height: 150%;
}
.Modificatitolo_ingrediente
{
	color: #C00;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 0;
	margin: 4px auto 6px auto;
}
label
{
	font-size: 11px;
	font-family: sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}
#Modificaricetta
{
	border: 2px solid;
	border-collapse: collapse;
	text-align: center;
	line-height: 150%;
	margin: 18px auto 18px auto;
	width: 1200px;
}
#Modificaricetta td
{
	border: 2px solid;
	padding: 9px;
	text-align: left;
	line-height: 120%;
	width: 50%;
	vertical-align: top;
}
#Modificaricetta th
{
	border: 2px solid;
	padding: 5px 9px 5px 9px;
	text-align: center;
	line-height: 150%;
	width: 50%;
}
#Modificafacoltativi
{
	background-color: #FEFFE7;
	width: 570px;
	height: 100px;
	font-size: 18px;
	line-height: 1.8em;
	font-family: serif;
	display: block;
	padding: 4px;
	margin: 9px 0 9px 0;
}
#Modificapresentazione
{
	width: 570px;
	height: 200px;
	font-size: 18px;
	line-height: 1.2em;
	font-family: serif;
	display: block;
	padding: 4px;
	margin: 0;
}
#Modificaesecuzione
{
	overflow: hidden;
	outline: none;
	background-color: #FEFFE7;
	width: 570px;
	height: 600px;
	font-size: 18px;
	line-height: 1.8em;
	font-family: serif;
	display: block;
	padding: 4px;
	margin: 0;
}
.Modificalinea_ingredienti
{
	border-bottom: 2px #000100 solid;
	padding-bottom: 9px;
	margin: 0 -9px 0 -9px;
	padding-right: 6px;
	padding-left: 6px;
}
.Modificaflex_container
{
	display: flex;
	background-color: transparent;
	justify-content: left;
	align-items: flex-start;
  	flex-wrap: wrap;
}
.Modificaflex_container > div
{
	background-color: transparent;
	padding: 0px 6px 6px 6px;
	margin: 0;
}
.Modificaform_container
{
	display: flex;
	background-color: #E1F7FF;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 1150px;
	margin: 9px auto 0 auto;
	padding: 9px;
}
.Modificaform_container > div
{
	padding: 0;
	margin-right: 18px;
}
/* ============= MENU ================ */
.menu_nav-bar {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #037E37;
  z-index: 999;
  overflow: visible; /* Importante per i dropdown */
}

.menu_ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: visible;
	/* Assicura che i dropdown non vengano tagliati */
	color: #FFF1FF;
	font-family: sans-serif;
	text-transform: uppercase;
	font-size: 12px;
}

.menu_li {
  float: left;
}

.menu_li a, .dropbtn {
  display: inline-block;
  color: #FFF1FF;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.menu_li a:hover, .dropdown:hover .dropbtn { background-color: #9C9C9C; }

.dropdown {
  display: inline-block;
  position: relative; /* Contesto per il dropdown */
}
.dropdown a {color: #FFF1FF;}

.dropdown-content {
  font-size: 12px;
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1000; /* Sopra il menu */
  top: 100%; /* Subito sotto il pulsante */
  left: 0;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover { background-color: #B9B9B9; }

.dropdown:hover .dropdown-content {
  display: block;
}
/* ============= FINE MENU ================ */