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

body { background-image: url('/Immagini/login-2.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 }
}