@media (max-width:1023px) {
	body {
		font-family:Verdana, Geneva, sans-serif;font-size:1em
	}
	body, p, h1,h2,h3,h5 {
		margin:0; padding:0;	
	}
	
	body, html {
		height:100%;	
	
		min-height: 640px;
		position: relative;
}
	
	h4 {
		display:none;	
	}
	
	header {
		height:160px;
	}
	
	section#container {
		/* overflow-x:hidden; */
		background:url(../../images/locker.png) left center no-repeat;
		height: 100%;
		/* min-height: 640px; */
	}
	
	#qrCode {
		display:none;	
	}
	
	div#logo_programma {
		padding: 10px 0;
	}
	
	div#logo_programma #versione p:first-child {
		margin-left: 25px;
		background: url(../../images/logo_small.png) left center no-repeat;
		padding: 20px 0 25px 200px;
	}

	div#logo_programma #versione p, div#logo_programma #versione span {
		display: inline-block;
		color: #FFF;
		font-size: 14px;
		color: #000;
	}
	
	div#logo_programma #versione p:last-child {
		background-color:#666;
		color:#FFF;
		padding: 5px;
		position: relative;
		z-index: 10;
		margin-right: 31px;
	}
	
	div#logo_programma #versione span {
		font-weight:bold;	
	}

	div#logo_azienda {
		height:100px; width:100px;
		background:url(../../loghi/logo_pure.jpg) center center no-repeat;
		float: right;
		display: inline-block;
		padding: 5px;
		border: 3px solid #FFF;
		margin: -59px 20px 0 0;
		background-color: #FFF;
		border-bottom-left-radius: 0!important;
		-moz-border-radius-bottomleft: 0!important;
		border-bottom-left-radius: 0!important;
		position:relative;
	}
	
	h5 {
		float: right;
		margin: 20px 0 0 0;
		padding: 10px 2%;
		font-size: 14px;
		font-weight: normal;
		color: #333;
		background: #CCC;
	}

	
	section#login {
		clear:both;
		margin: 20px 10% 60px 10%;
		border: 1px solid #CCC;
		padding: 0 3% 10px 3%;
	}
	
	section#login h1 {
		margin: 20px 0;
		background: #FFF url(../../images/key_icon24.png) 15px center no-repeat;
		border: 1px solid #CCC;
		padding: 20px 10% 20px 45px;
	}
	
	section#login input {
		clear:both;
		width: 96%;
		font-size:35px;
		padding: 10px 2%;
		margin-bottom:5px;
	}

	section#login form span {
		display: block;
		clear: both;
		background-color: #666;
		padding: 5px 10px;
		color:#FFF;
	}

	section#login .QapTcha {
		width:301px;
	}
	
	section#login .QapTcha .bgSlider {
		background-color:#FFF;	
	}

	section#login .button {
		float: right;		
		padding: 5px 5%;
		margin-right: 0;
	}
	
	section#login #messageBox {
		clear:both;
		font-size:16px;
		color: #900;
		padding:10px 0 10px 30px;
		background:url(../../images/attention_icon_red24.png) left center no-repeat;
	}

	output {
		display:none!important;	
	}
	
	footer {
		background-color: #CCC;
		padding: 5px 0;
		text-align: center;
		border-top: 3px solid #CCC;
		position: absolute;
		bottom: 0;
		width: 100%;
	}
	
	footer a {
		display:inline-block;
	}
		
	/*EFFECTS*/
	.clearfix {
		clear:both;
	}
	
	div#logo_azienda,
	section#login h1,
	section#login,
	div#logo_programma #versione p:last-child,
	section#login form span {
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;	
	}
	
	h5 {
		-webkit-border-top-left-radius: 20px;
		-webkit-border-bottom-left-radius: 20px;
		-moz-border-radius-topleft: 20px;
		-moz-border-radius-bottomleft: 20px;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
	}
	
	div#logo_azienda,
	section#login,
	header h5 {
		-webkit-box-shadow: 4px 4px 10px rgba(100, 100, 100, 0.7);
		-moz-box-shadow:    4px 4px 10px rgba(100, 100, 100, 0.7);
		box-shadow:         4px 4px 10px rgba(100, 100, 100, 0.7);
	}
	
	#logo_programma {
		-webkit-box-shadow: 0px 10px 15px rgba(100, 100, 100, 0.7);
		-moz-box-shadow:    0px 10px 15px rgba(100, 100, 100, 0.7);
		box-shadow:         0px 10px 15px rgba(100, 100, 100, 0.7);
	}
	
	section#login,
	#logo_programma,
	footer,
	header h5 {
		background: #eeeeee;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
		background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
		background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
		background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
		background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );		
	}
}

@media (max-width:639px) {
	body {
		min-height:850px;	
	}
	section#login {
		width:90%;
		margin: 80px auto 0 auto;
	}
	
	header h5 {
		width: 100%;
		padding: 10px 0;
		text-align: center;
		-moz-border-radius: 0;  
		-webkit-border-radius: 0;  
		border-radius: 0;
	}
	
	div#logo_azienda {
		/* margin: -76px 10px 0px 0px; */
		width: 50px;
		height: 50px;    
		border-bottom-left-radius: 20px!important;  
		-moz-border-radius-bottomleft: 20px!important;  
		border-bottom-left-radius: 20px!important;
		-moz-background-size: cover;  -webkit-background-size: cover;  background-size: cover;
	
		position: absolute;
		top: 5px;
		margin: 0;
		right: 10px;
}
	
	div#logo_programma #versione p:last-child {
		margin: 10px!important;
		display: block;
		text-align: center;
	}
}

@media (max-width:519px) {
	div#logo_azienda {
		/* margin: -130px 10px 0px 0px; */	
	}
	
	div#logo_programma #versione p:first-child {
		padding: 80px 85px 0px 45px;
		margin-top: -25px;
	}
	div#logo_programma #versione span {
		margin-left: -85px;
	}
	
	div#logo_programma #versione p:last-child {
		margin-right:15px;
	}
	
	div#logo_azienda {
		margin-right:5px;
	}
	
	section#login .button {
		width:100%;
	}
}