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 10px;}
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;}
.general-wrapper {width:100%; height:calc(100% - 40px); display:grid; grid-template-columns:1fr; align-items:center; align-content:center; text-align:center;}
#contenitore_login {padding:10px; border:solid 1px #ccc; background-color:#eee; display:inline-block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
label {float:left; font-size:18px; color:#666;}
form {margin:0; padding:0;}
input[type="text"], input[type="password"] {width:100%; height:40px; padding:0 5px; line-height:40px; 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;}
input[type="text"]:hover, input[type="text"]:focus, input[type="password"]:hover, input[type="password"]:focus {background-color:#ffc; -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 {height:20px; padding:10px; 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;}

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