@charset "utf-8";
/* CSS Document */
body{
	background-color:#000;
}
.int,
#piede,
#mn_home,
#fMenu{
	display:none !important;
}
.pagina_cont{
	background:transparent !important;
}
#home_copy{
	position:fixed;
	bottom:10px;
	left:0px;
	width:100%;
	color:#FFF;
	z-index:22;
	opacity:0.8;
	text-align:center;
}
#home_copy *{
	color:#FFF;
}

/* LOGO */
#logo {
    position: fixed;
    width: 200px;
    height: 200px;
    z-index: 11;
    top: 50px;
	left:50%;
	margin-left:-100px;
    cursor: pointer;
	background-image:url(../_grafiche/logo_mW.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
#logo.logoNasc{
	opacity:0 !important;
}
#sinfonia{
    position: fixed;
    width: 100%;
    height: 60px;
    z-index: 11;
    top: 250px;
    left: 0px;
    cursor: pointer;
    background-image: url(../_grafiche/sinfonia_home.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}


#fMenu{
	background-color:#000 !important;
	opacity: 0.5;
}
#menu a, .SM a {
	color:#FFF;
}

#btn_menu{
	position:fixed;
	bottom:50px;
	top:auto !important;
	left:50%;
	width:60px;
	height:60px;
	margin-left:-30px;
	border-radius:5px;
	background-color:rgba(0,0,0,0.5);
	display:block !important;
	z-index:12;
	right:7px;
	top:0px;
	background-image:url(../_grafiche/btn_menuW.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto 25px;
	cursor:pointer;
}
#btn_menu.noVis{
	display:none !important;
}

@media (min-width: 601px){
	#btn_menu{
		display:none;
		bottom: 40px !important;
		width: 46px !important;
		height: 46px !important;
		margin-left: -23px !important;
	}
}
@media (max-width: 600px){
	
	#btn_menu.noVis{
		display:none;
	}
}
#menu_chiudi{
	position:absolute;
	left:50%;
	width:25px;
	height:25px;
	background-image:url(../_grafiche/chMenu.png);
	background-position:center center;
	background-repeat:no-repeat;
	cursor:pointer;
}


#menu_cont{
	position:fixed;
	z-index:10;
}
#menu_cont{
	width:100%;
	overflow: hidden;
	position:fixed;
	z-index:9;
	opacity:0;	
	text-align:center;
}
#menu_int{
	display:inline-block;
	vertical-align:top;
}
#menu{
	overflow:hidden;
}
@media (min-width: 491px){
	#menu_cont{
		height: 46px;	
		left:0px;
	    bottom: 40px;
		transition:opacity 0.3s;
		-webkit-transition:opacity 0.3s;
	}
	#menu_int{
		width: 450px;
		overflow:hidden;
		white-space:nowrap;
		transition:width 0.3s;
		-webkit-transition:width 0.3s;
	}
	#menu_cont:not(.visMenu) #menu_int{
		width: 0px;
    	/*opacity: 0;*/
	}
	#menu{
		height: 57px;
		overflow:hidden;
		white-space:nowrap;
		height:46px;
		text-align:right;
		border-radius: 5px;
		background-color: rgba(0,0,0,0.5);
		width:fit-content;
		display: inline-block;
		white-space:nowrap;
	}
	#menu a{
		display:inline-block;
		padding-left:15px;
		padding-right:15px;
		background-repeat:no-repeat;
		background-position:13px 10px;
		background-size:16px;
		text-transform: uppercase;
		margin-left:0px;
		margin-right:0px;
		display:inline-block;
		line-height:49px;
		height:46px;
		text-decoration:none;
		font-size:14px !important;
		transition:text-shadow 0.3s, background-image 0.3s, background-color 0.3s;
		-webkit-transition:text-shadow 0.3s, background-image 0.3s, background-color 0.3s;
		cursor:pointer;
	}
	#menu a:hover{
		border-bottom: 3px solid #CCC;
		text-shadow:0px 0px 2px rgba(0,0,0,0.3);
	}
	#menu_chiudi{
		margin-left: -23px;
		width:46px;
		height:46px;
		z-index:11;
		background-size:18px !important;
	}
	#mn_servizi{
		margin-right:23px !important;
	}
	#mn_buoni{
		margin-left:23px !important;
	}
}
@media (max-width: 490px){
	#menu_cont{
		margin-right:0px;
		background-color:rgba(0,0,0,0.8);
		height:100%;
		padding-top:120px;
		right:calc(0px + 100%);
		transition:margin-right 0.3s, opacity 0.3s;
		-webkit-transition:margin-right 0.3s, opacity 0.3s;
	}
	#menu_int{
		white-space:nowrap;
		margin-top:40px;
		padding-top: 123px;
		width:100%;
	}
	#menu{
		width:100% !important;
		padding-left:30px;
		padding-right:30px;
		background-color:transparent !important;
		position:relative !important;
		display:inline-block;
		vertical-align:top;
	}
	#menu a{
		display:block;
		line-height:30px;
		height:30px;
		text-decoration:none;
		color:#FFF;
		text-align:center;
		text-overflow:ellipsis;
		white-space:nowrap;
		width:calc(100%);
		overflow:hidden;
		transition:text-shadow 0.3s, background-image 0.3s;
		-webkit-transition:text-shadow 0.3s, background-image 0.3s;
		cursor:pointer;
		display:block;
		line-height:40px !important;
		height:40px !important;
		font-size:24px !important;
	}
	.visMenu{
		margin-right:-100% !important;
	}
	#menu_chiudi{
		bottom: 50px;
		margin-left: -30px;
		width: 60px;
		height: 60px;
		border-radius: 5px;
		background-color: rgba(255,255,255,0.2);
	}
}
.visMenu{
	opacity:1 !important;
}

/* VIDEO */
#sfumHome{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1;
    left: 0px;
    top: 0px;
	overflow:hidden;
	background-image:url(../_grafiche/sfumHome2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
	opacity:0.8;
}
#videoFr{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 0;
    left: 0px;
    top: 0px;
	overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
	opacity:0.4;
}
#videoFr video {
    width: 100%;
    height: 100%;
	opacity:0;
	transition:opacity 0.6s;
	-webkit-transition:opacity 0.6s;
}
#audio{
    width: 46px;
    height: 40px;
    position: fixed;
    z-index: 1;
    right: 5px;
    top: 5px;
	background-image:url(../_grafiche/audioOff2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 20px;
	opacity:0.8;
	cursor:pointer;
}
.audioOn{
	background-image:url(../_grafiche/audioOn.png) !important;
}
#audio:hover{
	opacity:1;
}

/* FRASI */
#frasi > div{
	font-family: 'Cambria';
	font-style:italic;
	position:fixed;
	padding-right:10px;
	opacity:0;
	z-index:3;
	color:#FFF;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	text-shadow:0px 0px 4px rgba(0,0,0,0.7);
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	transition:opacity 2s, margin-left 3s, margin-top 3s, transform 1s;
	-webkit-transition:opacity 2s, margin-left 3s, margin-top 3s, -webkit-transform 1s;
}
#frasi > div span{
	color:#FFF;
	opacity:0.5;
	font-size:inherit;
	padding-right:5px;
	display:inline-block;
	margin-left:-2px;
}



#stelle {
    position: fixed;
    z-index: 1000;
    cursor: pointer;
    left: 10px;
    top: 10px;
    width: 130px;
    height: 50px;
    text-align: left;
    background-position: left top, right top;
    background-repeat: no-repeat;
    background-size: auto 32px, 90px auto;
    background-image: url(../_img/logo_gg.png), url(../_img/stelle.png);
    color: #FFF;
    font-size: 11px;
    padding-top: 20px;
    padding-left: 41px;
}