@charset "UTF-8";
/* CSS Document */
	
	/* fullscreen */
	html {
		height: 100%;
	}
	
	body {
		height: 100%;
		margin: 0px;
		overflow: hidden; /* disable scrollbars */
		font-size: 10pt;
		background: #000000; 
		font-family: Verdana,Arial,Helvetica,sans-serif;
		color: #cccccc; 
	}
	
	#contenitore {
		height:100%;
		width:100%;
		position:absolute;
		z-index:1
	}

	a:focus {
		outline: 0;
	}
		
	#footer a, #footer a:visited {
		text-decoration: none;
		color: #666;
	}
	
	#footer a:hover {
		text-decoration: underline;
		color: #666;
	}
		
	#testo a, #testo a:visited {
		text-decoration: none;
		color: #FFF;
	}
	
	#testo a:hover {
		text-decoration: underline;
		color: #FFF;
	}	
	
@media only screen and (min-width: 1024px) {	
	#logo {
		position: absolute;
		z-index: 3;
		right: 20px;
		top: 20px;
		width: 200px;
		height: 40px;
	}
	
	#logo img {
		width: 200px;
		height: 40px;
		border: none;
	}
	
	#ambientato {
		width: 137px;
		height: 112px;
		position:absolute;
		z-index: 2;
		top: 55px;
		right: 20px;
	}
	
	#ambientato img {
		width: 137px;
		height: 112px;
		border: none;
	}
	
	#footer {
		width: 150px;
		height: 15px;
		position:absolute;
		z-index: 10;
		bottom: 2px;
		left: 50%;
		margin-left: -75px;
		text-align: center;
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
		color: #666;
	}
	
	#testo {
		position: absolute;
		z-index: 3;
		pointer-events: none;
		top: 149px;
		right: 20px;
		width: 137px;
		text-align: center;
		height: 20px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: normal;
		color: #FFF;
	}
}

@media only screen and (max-width: 1023px) {
	
	#logo {
		position: absolute;
		z-index: 3;
		right: 10px;
		top: 10px;
		width: 162px;
		height: 32px;
	}
	
	#logo img {
		width: 162px;
		height: 32px;
		border: none;
	}
	
	#ambientato {
		width: 111px;
		height: 91px;
		position:absolute;
		z-index: 2;
		top: 38px;
		right: 10px;
	}
	
	#ambientato img {
		border: none;
		width: 111px;
		height: 91px;
	}
	
	#footer {
		width: 150px;
		height: 15px;
		position:absolute;
		z-index: 10;
		bottom: 2px;
		left: 50%;
		margin-left: -75px;
		text-align: center;
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
		color: #666;
	}
	
	#testo {
		position: absolute;
		z-index: 3;
		top: 114px;
		right: 10px;
		width: 111px;
		height: 15px;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #FFF;
	}	
}