@charset "UTF-8";
/* CSS Document */
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

body{
margin:0;
padding:0;
font-family: 'Lato', sans-serif;
}
#container_12{
width:100%;
margin:0 auto;
overflow:hidden;
height:1%;
}
header{
width:100%;
margin:0 auto;

}
.menu{
width:200px;
height:100%;
position:absolute;
left:-200;
background:rgba(0,0,0,0.8);

}
.menu ul{
	width:100%;
	float:left;
	margin-top:100px;
	list-style-type:none;
	margin:0;
	padding:0;
}
.menu ul li{
	margin-top:10px;
	border-left: 10px solid transparent;
}

.menu ul li:first-child{
margin-top:100px;
}
.menu ul li:hover{
	background:#fff;
	border-left:10px solid #f06;
}
.menu ul li a{
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 5px 0;
	display: block;
}

.menu ul li:hover a{
color:#F06;
cursor:pointer;
}


/*			MENUBUTTON			*/
#menuButton{
	display: none;
	font-size:2em;
	color:#fff;
	margin:0px 10px;
}
#menuButton a{
	cursor:pointer;
	transition:all 0.2s;
}
#menuButton a:hover{
	color:#f06;

}


/*			MENUBUTTON			*/

#exitAmbien{
	 display: none; 
	font-size:2em;
	color:#fff;
	margin:0px 10px;

}


#exitPresentazione{
	 display: none; 
	font-size:2em;
	color:#fff;
	margin:0px 10px;

}

#exitPresentazione a{
	cursor:pointer;
	transition:all 0.2s;
}
#exitPresentazione a:hover{
	color:#f06;

}

	#img_stop {
position: absolute;
	z-index: 10;
	/*width: 70px;
	height: 70px; */
	margin:-50px 0 0 -50px;
	bottom: 4%;
	right: 4%;
	cursor:pointer;
        
	}

/*			CLOSEBUTTON		*/


.closeButton1{
	font-size:1.5em;
	color:#fff;
	position:absolute;
	left:160px;
	top:10px;

}
.closeButton a:hover{
	color:#333;
	cursor:pointer;

}

#close-image {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
cursor:pointer;
	z-index: 14;
	}

	#titolo-image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	cursor:pointer;
		z-index: 14;
		}

		#close_menu_d {

			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		cursor:pointer;
			z-index: 14;
			}

			#close_menu_m {

				display: none;
				position: absolute;
				top: 0;
				right: 0;
			/*	width: 100%; */
				height: 100%;
			cursor:pointer;
				z-index: 14;
				}

				#loading {
				   width: 100%;
				   height: 100%;
				   top: 0;
				   left: 0;
				   position: fixed;
				   display: block;
				   opacity: 1;
                     background-color: #333;
				   z-index: 130;
				   text-align: center;
				}

				#loading2 {
					width: 100%;
					height: 100%;
					top: 0;
					left: 0;
					position: fixed;
					display: block;
					opacity: 1;
					  background-color: #333;
					z-index: 150;
					text-align: center;
				 }

	


				#loading-image {
                    display: none;
	position: absolute;
			  z-index: 140;
		width: 100px;
		height: 100px;
		margin-top: -50px; /* cerchiamo il punto centrale (ALTEZZA) per centrarlo*/
		margin-left: -50px; /* quindi la metà della sua larghezza*/
		top: 50%;
		left: 50%;
	}

		#hand-image {
		position: absolute;
			  z-index: 14;
		width: 180px;
	/*	height: 100px;  */
		margin-top: -55px; /* cerchiamo il punto centrale (ALTEZZA) per centrarlo*/
		margin-left: -90px; /* quindi la metà della sua larghezza*/
		top: 75%;
		left: 50%;
	}

	#menu-image {
position: absolute;
	top: 0;
	left: 0;
	margin-top: 20px;
	margin-left: 20px;
	width: 80px;
	height: 80px;
cursor:pointer;
	z-index: 10;
	}




	#device-image {
	position: absolute;
	z-index: 10;
	width: 100px;
	height: 100px;
	margin:-50px 0 0 -50px;
	bottom: 0px;
	left: 50%;
	cursor:pointer;
	}







 #deviceButton { display: none;}

#sidemenu { z-index: 12; }


#home {
        display: none;
        font-family: Monospace;
        position: absolute;
        bottom: 20;
        right: 30;
        cursor:pointer;
        z-index: 14;
        }

#hand {
    display: none;
}

#formIntro {
        position: absolute;
        width: 300px;
        height: 300px;
        margin-top: -150px; /* cerchiamo il punto centrale (ALTEZZA) per centrarlo*/
        margin-left: -150px; /* quindi la metà della sua larghezza*/
        top: 42%;
        left: 50%;
}

#formIntro2 {
	position: absolute;
	width: 300px;
	height: 300px;
	margin-top: -150px; /* cerchiamo il punto centrale (ALTEZZA) per centrarlo*/
	margin-left: -150px; /* quindi la metà della sua larghezza*/
	top: 35%;
	left: 50%;
}


 #formIntro li {
        color:#333;
        list-style-type: none;
        cursor:pointer;
        background-color: #777;
        border: 10px solid #777;
}

#formIntro li:hover {
	background-color: #B00;
		border: 10px solid #B00;
color:#BBB;
cursor:pointer;
}


.dg {    
    margin-top: 15px; /* cerchiamo il punto centrale (ALTEZZA) per centrarlo*/
    margin-right: 20px; /* quindi la metà della sua larghezza*/
    font-size: 16px !important; }