body, html {width:100%; height:100%; margin:0; padding:0; background-image:url(../grafica/bg-login.gif); background-position:0 0; background-color:#eee; font-family: 'Cuprum', sans-serif;}
ul {list-style-type:none; margin:0; padding:0;}
li {float:left; width:100%; margin-bottom:10px;}
li img { width:100%; height:auto;}
li:last-child {margin-bottom:0;}
.border-radius {-moz-border-radius:4px; border-radius:4px;}
.box-shadow {-moz-box-shadow:0 0 10px 2px #ddd; box-shadow:0 0 10px 2px #ddd;}
.text-shadow {text-shadow :0 1px 0 #fff;}
.sx {float:left;}
.dx {float:right;}
#contenitore_login {padding:10px; position:relative; float:left; border:solid 1px #ccc; background-color:#eee; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
label {height:50px; line-height:50px; font-size:22px; color:#666;}
form {margin:0; padding:0;}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], select {width:100%; height:50px; padding:0 5px; line-height:50px; float:left; border:solid 1px #ccc; -moz-border-radius:3px; border-radius:3px; font-family:'Cuprum', sans-serif; font-size:30px; text-align:center; outline:none; -webkit-appearance:none; background-color:#fff;}
input[type="text"]:hover, input[type="text"]:focus, input[type="password"]:hover, input[type="password"]:focus, input[type="email"]:hover, input[type="email"]:focus,input[type="tel"]:hover, input[type="tel"]:focus, input[type="number"]:hover, input[type="number"]:focus, select { -moz-box-shadow:0 0 10px 2px #ddd; box-shadow:0 0 10px 2px #ddd;}
input[type="submit"] {width:100%; height:50px; background-color:#ccc; border:solid 1px #ddd; font-family: 'Cuprum', sans-serif; font-size:22px; color:#555; -webkit-appearance:none;}
input[type="submit"]:hover {background-color:#999; color:#fff; text-shadow :0 1px 0 #666;}
.credits {float:right; text-align:right; font-size:16px;}
.credits a:link, .credits a:visited {font-style:normal; font-weight:normal; color:#ccc; text-align:right; text-decoration:none; padding:3px;}
.credits a:hover {color:#333; text-decoration:none; background-color:#ccc; padding:3px;}
/*select {width:100%; height:40px; padding:0 5px; border:solid 1px #ccc; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}*/
.nota {font-size:16px;}
.nota a {cursor:pointer; font-weight: 700;}
.formErrore {color:red; border:solid 1px red !important;}
.msgAlert {line-height:16px; font-size:11px; text-align:left; color:red !important; font-weight:bold;}
.msgAlert:before {border-top-color:red !important;}
.bottoniera{margin-top: 20px;}
.btn-registrati {display:inline-block; width: 100%; height:50px; line-height:50px; text-align: center; background-color:#999; color:#fff; font-weight:bold;}
.btn-registrati:hover {background-color:#555; color:#fff; font-weight:bold;}

/* -----------------------------------
IPHONE PORTRAIT
------------------------------------ */
@media screen and (min-width: 0px) and (max-width: 460px) {
#contenitore_login {width:calc(100% - 30px); margin-left:15px;}
label {height:40px; line-height:40px;}
.credits {width:100%; padding:20px 0; text-align:center;}
}
@media screen and (min-width: 461px) and (max-width: 768px) {
#contenitore_login {width:440px; left:50%; margin-left:-220px;}
label {height:40px; line-height:40px;}
.credits {width:100%; padding:20px 0; text-align:center;}
}
/* -----------------------------------
IPHONE LANDSCAPE
------------------------------------ */
@media only screen and (min-width: 769px) {
#contenitore_login {width:440px; top:150px; left:50%; margin-left:-220px;}
label {height:40px; line-height:40px;}
.credits {width:100%; padding:10px;}
}