/* Stile di base per il form */

form {

    max-width: 400px;

    margin: 0 auto;

    padding: 20px;

    border: 1px solid #ccc;

    border-radius: 5px;

}



/* Stile per i campi del form */

label {

    display: block;

    margin-bottom: 5px;

}



/* Stile per l'immagine del biglietto da visita */

.biglietto-da-visita {

    float: left;

    margin-right: 20px;

}

/* Stile per il form */

form {

    margin: 0 auto; /* Centra il form orizzontalmente */

    max-width: 400px; /* Larghezza massima del form */

    padding-left: 40px;

    padding-right: 40px;

    padding-top: 1px;

    padding-bottom: 20px;

    background-color: #f0f0f0; /* Sfondo del form */

    border: 2px solid #007bff; /* Bordo blu */

}

/* Stile del titolo del form */

.form-title {

    text-align: center; /* Centra il testo orizzontalmente */

    color: #DAA520;

}



/* Stile per tutti i campi del form */

.form-group label {

    display: block;

    font-weight: bold;

    margin-bottom: 5px;

    color: #007bff;

}



.form-group input[type="text"],

.form-group input[type="email"],

.form-group input[type="tel"],

.form-group select {

    width: 100%;

    padding: 10px;

    margin-bottom: 10px;

    border: 1px solid #007bff;

    border-radius: 4px;

    font-size: 16px;

}



.form-group input[type="submit"] {

    background-color: #007bff;

    color: #fff;

    padding: 10px 20px;

    border: none;

    border-radius: 4px;

    font-size: 16px;

    cursor: pointer;

}



.form-group input[type="submit"]:hover {

    background-color: #0056b3;

}



/* Stile per la didascalia */

.didascalia {

    color: #007bff;

    font-size: 14px;

}



/* Stile per il pulsante Invia */

form input[type="submit"] {

    background-color: #007bff; /* Colore blu */

    color: #fff;

    border: none;

    padding: 10px 20px;

    cursor: pointer;

}



/* Stile per il pulsante Invia al passaggio del mouse */

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

    background-color: #0056b3; /* Colore blu più scuro al passaggio del mouse */

}



.obbligatorio {

    color: #DAA520; /* Colore giallo per gli asterischi */

    font-weight: bold; /* Testo in grassetto */

}



/* Stile per il container con sfondo ripetuto */

.container-contatti {

    background-image: url('elefante_small2.jpg'); /* Immagine di sfondo ripetuta */

    background-repeat: repeat; /* Ripeti l'immagine sia orizzontalmente che verticalmente */

    background-attachment: fixed; /* Fissa l'immagine di sfondo in modo che rimanga in posizione anche durante lo scrolling */

}



/* Stile della barra di navigazione */

nav {

    background-color: #0056b3;

    /* vecchio colore     background-color: #333; */

    color: #fff;

    padding: 10px;

    text-align: center;

}



/* Classe per la barra di navigazione fissata */

.fixed-top {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

     background-color: #0056b3;

    color: #fff;

    z-index: 1000;

    padding: 10px;

    text-align: center;

}



/* Stile dei link nella barra di navigazione */

nav a {

    color: #fff;

    text-decoration: none;

    margin: 0 15px;

}



/* Stile del footer */

#footer {

    background-color: #0056b3; /* Colore blu più scuro */

    color: #fff;

    padding: 20px;

    display: flex;

    justify-content: space-between;

}

/* Stile dei titoli <h3> */

#footer h3 {

    margin-bottom: 5px;

    margin-top: 5px; /* Riduce il margine inferiore dei titoli */

}

/* Stile delle colonne */

.colonna {

    flex: 1;

    padding: 10px;

}



/* Stile dei link nel footer */

#footer a {

    color: #fff;

    text-decoration: none;

}



#footer a:hover {

    text-decoration: underline;

}