.centrato-vert {
right:  10px;
margin: auto;
height: 50%;
border: 0px;
padding: 10px;
position: absolute;
}
button{
border-radius: 10px;
background: yellow;
-moz-border-radius: 10px; /* firefox */
-webkit-border-radius: 10px; /* safari, chrome */ 
}
input{
    font-size: var(--altezzaCarattereForm);
    border-radius: 10px;
    background: rgb(247, 247, 242);
    -moz-border-radius: 10px; /* firefox */
    -webkit-border-radius: 10px; /* safari, chrome */ 
}
body {
    font-family: 'NewOrder', sans-serif;
    font-weight: normal;
    font-style: normal;
}

:root{
    --altezzaBarra:0;
    --altezzaCarattereForm:0;
}
#contenitore {
    padding: 0;
    position:absolute;
    top:0;
    left:0;
    width: 99%;
    height: 99%;
}

#testa{
    position:relative; 
    left:0px; 
    top:0px; 
    height:var(--altezzaBarra);
    width:100%; 
    display: flex;
    align-items: center; /* Centra verticalmente l'immagine */
    background-color: white;
}

#corpo{
    position:relative; 
    left:0px;  
    width:100%;  
    overflow:auto; 
}

#Piede{
    position:relative; 
    left:0px;  
    width:100%;  
    height:3%; 
}

#MenuTesta{
    position:relative; 
    left:25%; 
    top:0px; 
    height:100%; 
    width:75%; 
    display: Inline-block:;
    align-items: center; /* Centra verticalmente l'immagine */
}
.sfondoElementiTesta{
    position:absolute; 
    left:0%; 
    top:0px; 
    height:100%; 
    width:100%; 
    display: flex;
    align-items: center; /* Centra verticalmente l'immagine */
}
.elementiTesta{
    height:100%; 
    display: flex;
    margin-left: auto;
    justify-content: flex-end;
    margin:5px;
    align-items: center; /* Centra verticalmente l'immagine */
}
#LogoTesta{
    position:absolute; 
    left:0%; 
    top:0px; 
    height: 100%; 
    display: Inline-block;
}
.immagineMenu{
    position:relative; 
    width:100%; 
    height:50%;

}
.immaginetestaMenu{
    position:relative; 
    height:50%;

}
.elementoMenu{
    position:relative; 
    height:40%;
    justify-content:flex;
    cursor: pointer;
    border: border:1px solid rgb(110, 243, 97);
}

#immagineLogo{
    position:relative; 
    width:100%; 
    height:100%;
}

#mioInput {
    font-size:  var(--altezzaCarattereForm); /* Imposta la dimensione del carattere in funzione della risoluzione */
    border:8px solid rgb(73, 160, 251);
    background-color: rgba(101,198,225,0.17);  
    background: url(../Images/lente_blu.png) right no-repeat; /
    padding-right: 17px; 
}

#mioInput:focus { 
    border-color: rgb(67, 131, 195);
    outline: rgb(67, 131, 195);
    }

    ::placeholder {
    color: rgb(159,208,223);
    opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
    color: rgb(159,208,223);
}

#ticker{
    position:relative; 
    left:0px;  
    width:100%;  
    height:5%; 
}

/* Contenitore per l'immagine */
.immagine-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px; /* Aggiungi spazio intorno se necessario */
}

/* Immagine con alone */
.immagine-con-alone {
    max-width: 90%;
    max-height: 90%;
    border-radius: 10px; /* Applica bordi arrotondati, se desiderato */
    box-shadow: 0 0 60px 60px rgba(255, 255, 255, 1);
}

.hotspot {
    position: absolute;
    backcground: rgba(255, 0, 0, 0.2); /* Rosso trasparente per debug */
    cursor: pointer;
    left:25%; width:50%; height:6%;
}
.hotspot2 {
    position: absolute;
    backgrdound: rgba(255, 0, 0, 0.2); /* Rosso trasparente per debug */
    cursor: pointer;
    left:25%; width:50%; height:10%;
}
.form_utenti {
    position:absolute; 
    left:33%; 
    top:30%; 
    width:33%; 
    border:5px solid rgb(82, 87, 223); 
    padding: 10px; 
    border-radius: 10px; 
    background-color:rgba(130, 163, 240, 0.91); 
    overflow:auto; 
    z-index:2; 
    visibility:hidden; 
    font-size: var(--altezzaCarattereForm);
}