.back{
	background-color:#092535 ;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
}

.m1{
	position: absolute;
	width:100vw;
	height: 100vh;
	z-index: 99999;
	left: -100vw;
	top: 0;
	background-image: url(../images/Risorsa15.svg);
	background-position: bottom;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
}

.m2{
	position: absolute;
	width:100vw;
	height: 100vh;
	z-index: 99999;
	left: -100vw;
	top: 0;
	background-image: url(../images/Risorsa16.svg);
	background-position: bottom;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1;
} 
.m3{
	position: absolute;
	width:100vw;
	height: 100vh;
	z-index: 99999;
	right: -100vw;
	top: 0;
	background-image: url(../images/Risorsa18.svg); 
	background-position: bottom;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 3;
}


.logo{
	position: absolute;
	width:100vw;
	height: 40vh;
	z-index: 99999;
	top: -75vh;
	margin-top: 25vh;
	background-image: url(../images/logo_et.svg); 
	background-position: bottom;
	background-size: contain;
	background-repeat: no-repeat;
}

.slide-up{
	width: 100vw;
	height: 50vh;
	background-color: black;
	position: fixed;
	top: 0;
	z-index: 9999999;
}

.slide-down{
	width: 100vw;
	height: 50vh;
	background-color: black;
	position: fixed;
	bottom: 0;
	z-index: 9999999;
}




@media screen and (max-width: 850px){
	nav{
		position: fixed;
		width:100vw;
		left: 0px !important;
		height: 80px;
		color: white;
		background-color: #041230;
		z-index: 99999;
		left: -300px;
		text-align: center;
	}


}


/*.box{
	width:1000px; 
	height:190px;  
	margin:0 auto;
	top:-50px;
	position:relative;
	border:solid 1px #046676;
	background-color:#046676;
	border-color:#000 transparent transparent transparent;
	border-radius			: 50%/0  0 190px   190px;
	-moz-border-radius		: 50%/0  0 190px   190px;
	-webkit-border-radius	: 50%/0  0 190px   190px;
}

#menu_container{
	width: 100%;
	top: 0px;
	position:fixed;
	margin:auto;
	z-index:1000;
}

#logo{
	background-image: url('..images/logointegra_mono.svg');
	background-repeat: no-repeat;
	position: fixed;
	top:20px;
	text-align:center;
	width:206px;
	height:65px;
	margin: 0 auto;
}

.tasto{
	width:100px;
	height:100px;
	position:fixed;
	color: white;
	border-radius			: 50%;
	-moz-border-radius		: 50%;
	-webkit-border-radius	: 50%;
	background-color:#0d7e94;
	color:transparent;
	margin: 0 auto;
	text-align:center;				
	top:-200px;
	line-height: 100px;
	cursor: pointer;
}

.tasto:hover{
	color: white;
	background-image: unset !important;
}

#tasto1{background-image: url(../images/menu_integra_azienda.svg);}
#tasto2{background-image: url(../images/menu_integra_servizi.svg);}
#tasto3{background-image: url(../images/menu_integra_prenota.svg);}
#tasto4{background-image: url(../images/menu_integra_contatti.svg);}
#tasto5{background-image: url(../images/menu_integra_login.svg);}



/* INIZIO accordion menu desk */