@charset "utf-8";

/* CSS Document */
#menu{
	width: 100%;
	height: 100px;
	position:relative;
	z-index: 2;
	}
#infobar{
	background-color: var(--bordo);
	height:40px;		
	width:100%;	
	}
#info-inner{	
	width:var(--larghezza);	
	margin:0 auto;	
	padding-top:10px;
	height:40px;
	}
#navbar{
	width:100%;
	margin:0 auto;	
	float:right;	
	margin-top:-10px;
	}
#navbar-inner{			
	width:var(--larghezza);	
	margin:0 auto;
	right:0;	
	}
#miobtn{
	display:none;
	top:0;
	position:fixed;
	z-index: 3;
}
	
#navbar li.dropdown {
    float: left;
    list-style: none;    
    font-size: 1.1em;
    text-transform: uppercase;
    color: #FFFFFF;
    font-style: normal;    
    letter-spacing: 1px;    
    display: inline;
    opacity: 0.75;
}
#navbar li a, .dropbtn{
	color: white;	
	width: 90px;
	display: block;
	text-decoration: none;
	text-align: center;
	margin-top: 0px;	
	font-family: "Dosis", sans serif;
	font-weight:500;
	/*padding-top: 50px;*/
	letter-spacing: -0.5px;
	line-height: 75px;
	}
#navbar li a.menuattivo{
	/*color: #4E4E4E;
	border: 1px outset #FFFFFF;
	text-decoration: none;
	background-image: -webkit-linear-gradient(270deg,rgba(191,191,191,0.25) 0%,rgba(90,89,89,0.35) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(191,191,191,0.25) 0%,rgba(90,89,89,0.35) 100%);
	background-image: -o-linear-gradient(270deg,rgba(191,191,191,0.25) 0%,rgba(90,89,89,0.35) 100%);
	background-image: linear-gradient(180deg,rgba(191,191,191,0.25) 0%,rgba(90,89,89,0.35) 100%);*/
	}

a.dropbtn{
	text-decoration: none;
	list-style: none;
	}	
.dropdown-content{
	display: none;
	position: absolute;
	list-style: none;
	margin-top: 10px;
	/*font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;*/
}	
.dropdown-content a {
	display: block;
	text-align: left;
	width: 200px;
	color: #FFFFFF;
	border: none;
	/*font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;    background-color:#FF3F00;*/
}
#menu1{
	color:white;	
}
#menu1:hover{
	color:var(--backgroundgrey)!important;	
}
#menuscuro{
color: #6B6B6B !important;	
}

#menuscuro:hover{
	color:var(--backgroundgrey)!important;	
}
#navbar li a:hover ,.dropdown:hover .dropbtn {
	color: #4E4E4E;
	
	text-decoration: none;
	background-image: -webkit-linear-gradient(270deg,rgba(164,163,163,0.25) 0%,rgba(191,191,191,0.25) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(164,163,163,0.25) 0%,rgba(191,191,191,0.25) 100%);
	background-image: -o-linear-gradient(270deg,rgba(164,163,163,0.25) 0%,rgba(191,191,191,0.25) 100%);
	background-image: linear-gradient(180deg,rgba(164,163,163,0.25) 0%,rgba(191,191,191,0.25) 100%);
}
#navbar .dropdown-content a:hover {
	
  /*  background-color:grey;*/
	text-decoration:none;
	text-shadow: 0px 0px;
}

.dropdown:hover .dropdown-content {
    display: block;
	background-color:#FF3F00;
	background-color:grey;
	text-decoration:none;
	text-shadow: 0px 0px;
}
#menu-dx{
	width: 100%;
	text-align: left;
	height: 45px;
	display: block;
	margin-left: 20px;
	font-size: 20px;
	/*font-weight: 700;*/
	margin-top: -1px;
	color: #000000;
	text-decoration: none;
	/*font-family: "Century Gothic";*/
	font-style: normal;
	border-bottom: 0.5px solid #D5D5D5;
	border-top: 0.5px solid #D5D5D5;
	vertical-align: middle;
	padding-top: 11px;
	/*background-color: #FFFFFF;*/
	padding-left: 10px;
	text-transform: uppercase;
	} 
#menu-dx.attivo{
	background-color: var(--background);
	color: #FFFFFF;	
	} 
#menu-dx:hover{
	background-color: var(--background);
	color: #FFFFFF;	
}

#menu-sc{
	list-style: none;	
	transition: left;
	position: fixed;
	border: hidden;
	}
#menu-sc.li {
		background-color: #FFFFFF;
		color: black	!important;
		text-decoration: none !Important;
	margin-left:-220px;
	
	} 	
#menu-sc.li .attivo{
		background-color: var(--background);
		color: #FFFFFF !Important;
		text-decoration: none !Important;
	} 	

#mybars{
	/*border: medium solid #FFFFFF;*/
	border-radius: 6px;
	color: white;
	background-color : var(--background);
	padding: 5px;
	margin-top: 40px;
}

#closebtn{
	margin-top:-70px;
	z-index:13;
}
.modal-content{
	
	border: hidden;
	-webkit-animation-name: animateleft;
	-webkit-animation-duration: 0.4s;
	animation-name: animateleft;
	animation-duration: 0.4s;

}
@media screen and (max-width: 960px) {
	#menu{
	height: 0px;
	z-index: 2;
	}
	#navbar	{
	display: none;			
	}
	#infobar{
	display: none;
	}
	#miobtn{
	font-size: 50px;
	display:inline;
	position:fixed;
	z-index:3;
		top:0;
		margin-top: -38px
	}	
	#menu-sc{
		margin-top: 65px
	/*	display:inline;*/
	}	   
}

@media screen and (min-width: 961px){
		#miobtn{
	font-size: 60px;
	/*display:none;*/
	position:fixed;
	z-index:3;
		top:0;
	}	
	
}