/*Login.aspx */
html {
    height: 100%
}

body {
    /*background-image: url('/Immagini/login-1.jpg');*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;color:#fff
}
a {
    color: #f9b200 
}
body { background-color: #fafafa;font-family:Calibri }

#HeaderLogin { background-color: rgba(237,237,237,0.7);text-align:center }
    #HeaderLogin img { margin-right: 20px;vertical-align:middle;  }
    #HeaderLogin h1 { font-size:24px;margin-top:10px;vertical-align:middle; }
/*#BoxLoginUtente { clear: left; width: 350px; margin-left: auto;text-align:center ; margin-right: auto; border: 1px solid #c0c0c0; padding: 2em;margin-top:10%;background-color:#fff;border-radius:0px 30px 0px 30px }*/

#BoxLoginUtente {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    text-align: center;
    width: 350px;
}
#BoxLoginUtente h1 {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 50px
}

    #BoxLoginUtente h2 { text-align: center; font-weight: normal;font-size:16px }
.logoWrapper {
    background-color: rgba(255,255,255,0.3);
    padding: 1em
}

.formWrapper {
    padding: 2em
}
.etichetta { display: inline-block; width: 10em; font-weight: bold; }
.button { background-color: #FFFBFF; border: 1px solid #B7B8B9; font-size: 1.2em; color: #333333; }
table { width:100%;}
label { font-weight:normal}
#form1{position:relative}
#FooterLogin {
    position: fixed;
    left: 350px;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    padding: 5px
}
p {font-size:16px }
@media (max-width:767px) {
    #FooterLogin { position:absolute }
    #form1 { padding-bottom:100px}
}