body {
            font-family: Arial, Helvetica, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f8f8f8;
        }



        header {
            
            background: linear-gradient(to bottom right, #2c50a0 60%, #3e6fb4 100%);
            padding: 1em;
            text-align: left;
            color: white;
            display: flex;
            justify-content: space-evenly;
            align-items: center;

        }

        h1 {
            margin-top: 20px;
            text-align: center;
        }

        h2 {
            margin-top: 20px;
            text-align: center;
        }

        table {
            width: 30%;
            margin: 20px auto;
            border-collapse: collapse;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            background-color: white;
            border-radius: 12px;
            overflow:hidden;
        }

        th, td {
            border: 1px solid #ddd;
            padding: 12px;
            text-align: left;
        }
        td a{
            color: black;
        }
        th {
            padding-top: 12px;
            padding-bottom: 12px;
            background-color: #3e6fb4;
            color: white;
        }
        th a{
            color: white;
        }
        tr:nth-child(odd) {
          
            transition-duration: 0.4s;
        }
        tr:nth-child(even) {
            background-color: #f2f2f2;
            transition-duration: 0.4s;
        }

        tr:hover {
            background-color: #ddd;
        }
        

	img {
		width: 50%;
	}

        .button {
            background-color: #2c50a0;
            border: none;
            color: white;
            padding: 12px 24px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 8px 4px;
            cursor: pointer;
            transition-duration: 0.4s;
            border-radius: 12px;
        }

        .button0 {
            background-color: #2c50a0;
            border: none;
            color: white;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 12px;
            margin: 6px 2px;
            cursor: pointer;
            transition-duration: 0.4s;
            border-radius: 12px;
        }


        .button1 {
            background-color: white;
            color: black;
            border: 2px solid #3e6fb4;
        }

        .button1:hover {
            background-color: #3e6fb4;
            color: white;
        }

        .button2 {
            font-size: 14px;
            background-color: #3e6fb4;
            color: white;
            border: 2px solid #3e6fb4;
        }

        .button2:hover {
            background-color: white;
            color: black !important;;
        }

        .lato {
            position: absolute;
            right: 20px;
            width: 10%;
        }

        .results {
            min-width: 40%;
        }

.iframe-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px; /* Aggiungi spazio superiore per separarli dalla tabella */
    border-radius: 12px;
    width="40%"
}
 
 /* Stile per il dettaglio nascosto */
.hover-details {
    display: none;
}

/* Stile per mostrare il dettaglio quando l'elemento viene selezionato */
.hover-details.selected {
    display: table-row;
}

/* Stile per il contenitore dei dettagli */
.details-container {
    display: flex;
    justify-content: space-between;
}

/* Stile per il contenitore dei dettagli quando l'elemento viene selezionato */
.details-container.selected {
    display: block;
}


 /* Stile per il banner dei cookie */
    #cookie-banner {
      display: none; /* Inizialmente nascosto */
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: #333;
      color: #fff;
      padding: 10px 20px;
      text-align: center;
    }

    #cookie-banner button {
      background-color: #04AA6D;
      color: #fff;
      border: none;
      padding: 5px 10px;
      cursor: pointer;
      margin-right: 10px;
  }


a img {

  margin-right: auto;
  margin-left: auto;
  display: block;
  width: 40%;
}

.hover-details {
    display: none;
}

.hover-details.selected {
    display: table-row-group;
}