body {



    margin: 0;



    font-family: 'Arial', sans-serif;



    background-color: #f0f8ff; /* AliceBlue background */



    color: #333;



}







header {



    background-color: #9055ff; /* Nuovo colore per l'header */



    padding: 10px 0;



    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);



}











/* Contenitore per il menu */ 



nav {



    background-color: #9055ff; /* Nuovo colore per il menu */



    color: #2b8fe7; /* AliceBlue text */



    display: flex;



    justify-content: center; /* Centra il contenuto orizzontalmente */



    align-items: center;



    padding: 1rem; /* Aumentato il padding */



    max-width: 100%; /* Assicura che il menu non superi la larghezza dello schermo */



}







/* Lista del menu */



nav ul {



    display: flex;



    list-style: none;



    margin: 0;



    padding: 0;



}







/* Elementi della lista */



nav li {



    margin-right: 1rem; /* Aumentato il margine */



}







/* Link del menu */



nav a {



    color: #0a5392; /* AliceBlue text */



    text-decoration: none;



    font-size: 1.2em; /* Aumentata la dimensione del testo */



    padding: 10px 15px; /* Aumentato il padding */



    transition: color 0.3s;



}







nav a:hover {



    color: #b0c4de; /* LightSteelBlue text */



}







nav a::before, nav a::after {



    content: '';



    position: absolute;



    width: 0;



    height: 2px;



    background-color: #b0c4de; /* LightSteelBlue line */



    transition: width 0.3s;



}







nav a::before { 



    top: 0;



    left: 50%;



}







nav a::after {



    bottom: 0;



    right: 50%;



}







nav a:hover::before, nav a:hover::after {



    width: 100%;



    left: 0;



    right: 0;



}







nav a::before {



    transition-delay: 0.15s;



}







nav a::after {



    transition-delay: 0.3s;



}







/* Stile per gli elementi della lista */



li {



    background-color: #fff;



    margin: 20px 0;



    padding: 20px;



    border: 1px solid #ddd;



    border-radius: 10px;



    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);



    transition: transform 0.3s, box-shadow 0.3s;



    display: flex;



    align-items: center;



}







li:hover {



    transform: translateY(-10px);



    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);



}







li img {



    max-width: 150px;



    height: auto;



    display: block;



    margin-right: 20px;



    border-radius: 10px;



    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);



}







li .content {



    flex: 1;



}







li .content h3 {



    margin: 0;



    font-size: 1.2em;



    color: #333;



}







li .content h4 {



    margin: 5px 0;



    font-size: 1em;



    color: #666;



}







li .content p {



    margin: 10px 0 0;



    color: #333;



}











/* Stili di base per il menu */



.menu {



    list-style-type: none;



    margin: 0;



    padding: 0;



    display: flex;



    flex-wrap: wrap;



    justify-content: space-around;



}







.menu li {



    margin: 1px; /* Ridotto ulteriormente il margine */



}







.menu a {



    text-decoration: none;



    padding: 6px 12px; /* Aumentato il padding */



    display: block;



    color: #000;



    font-size: 14px; /* Aumentata la dimensione del font */



}







/* Stili per dispositivi mobili */



@media (max-width: 768px) {



    .menu {



        flex-direction: column;



        align-items: center;



    }







    .menu li {



        width: 100%;



    }







    .menu a {



        padding: 8px; /* Aumentato leggermente il padding per dispositivi mobili */



        width: 100%;



        text-align: center;



    }



}















































h1, h2 {



    margin: 0;



    padding: 10px;



}







main {



    max-width: 800px;



    margin: 20px auto;



    padding: 20px;



    background-color: #fff;



    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);



}







ul {



    list-style-type: none;



    padding: 0;



}

















footer {



    text-align: center;



    padding: 10px;



    background-color: #333;



    color: #fff;



   /* position: fixed;



    width: 100%;



    bottom: 0; */



}











form {



    text-align: center;



    margin: 20px 0;



}







.form-row {



    display: flex;



    justify-content: center;



    align-items: center;



    margin-bottom: 10px;



}







label {



    margin-right: 10px;



}







input[type="text"], select {



    margin-right: 20px;



    padding: 5px;



    font-size: 14px;



}







.callsign-input {



    font-size: 24px;



    text-align: center;



    width: 300px;



}







input[type="submit"] {



    background-color: #4682b4;



    color: white;



    border: none;



    padding: 10px 20px;



    cursor: pointer;



    font-size: 16px;



}







input[type="submit"]:hover {



    background-color: #5a9bd4;



}











tr:nth-child(even) {



    background-color: #e6f2ff;



}







tr:hover {



    background-color: #d1e7ff;



}







#cookieConsent {



    position: fixed;



    bottom: 0;



    left: 0;



    width: 100%;



    background-color: rgba(0, 0, 0, 0.8);



    color: #fff;



    text-align: center;



    padding: 20px;



    z-index: 1000;



    display: none; /* Nascondi il pop-up inizialmente */



}







.cookieConsentContainer {



    max-width: 800px;



    margin: 0 auto;



}







.cookieConsentContainer h2 {



    margin: 0 0 10px;



    font-size: 1.5em;



}







.cookieConsentContainer p {



    margin: 0 0 20px;



    font-size: 1em;



}







.cookieConsentContainer a {



    color: #00e676;



    text-decoration: underline;



}







.cookieConsentContainer button {



    background-color: #00e676;



    color: #fff;



    border: none;



    padding: 10px 20px;



    font-size: 1em;



    cursor: pointer;



    border-radius: 5px;



    transition: background-color 0.3s;



}







.cookieConsentContainer button:hover {



    background-color: #00c864;



}











.separator {



    border: 0;



    height: 2px; /* Spessore della linea */



    background: #4682b4; /* Colore della linea */



    margin: 20px 0; /* Spazio sopra e sotto la linea */



}











table {



    width: 100%;



    border-collapse: collapse;



    margin: 20px 0;



    font-size: 18px;



    text-align: left;



}







th, td {



    padding: 12px;



    border: 1px solid #ddd;



}







th {



    background-color: #f2f2f2;



    color: #333;



}







tr:nth-child(even) {



    background-color: #f9f9f9;



}







tr:hover {



    background-color: #f1f1f1;



}







td form {



    display: inline;



}







td input[type="text"], td select {



    width: auto;



    padding: 5px;



    margin-right: 5px;



}







td input[type="submit"] {



    padding: 5px 10px;



    background-color: #4CAF50;



    color: white;



    border: none;



    cursor: pointer;



}







td input[type="submit"]:hover {



    background-color: #45a049;



}







.logo-container {

    display: flex;

    justify-content: center;

    margin: 10px 0;

}



.logo-container img {

    width: 100px;

    height: 100px; 

    object-fit: contain;  /* Mantiene le proporzioni dell'immagine */

}