@media all{
	/* MENU */
	.bloccofixed{
		/*overflow: hidden;*/ /* in questo modo posso vedere il menù di secondo livello*/
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		width: 100%;
		
	}
	header{
		width: 100%;
		height: 150px;
		background-color: #c9b696;
		/*background-color: #00f;*/
		border-bottom: solid 1px #fff;
		box-shadow: 0px 0px 0px #737373;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	header .logo{
		/*display: inline-block;*/
		float: left;
		width: 300px;
		height: 150px;
		padding: 0;
		/*background-color: #f0f;*/
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	header .menumobileico{
		display: none;
	}
	header .menu{
		float: left;
		width: calc(100% - 300px);
		padding: 75px 0 0 0;
		margin: 0 0 0 0;
		text-align: right;
		font-weight: 600;
		font-size: 24px;
		/*background-color: #00f;*/
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	header.smaller{
		height: 75px;
		border-bottom: solid 1px #2da6a4;
		box-shadow: 0px 0px 20px #737373;
		
	}
	header.smaller .logo{
		height: 75px;
	}
	header.smaller .menu{
		padding: 25px 0 0 0;
		font-size: 20px;
		/*background-color: #f5f;*/
		
	}

	
	
	
	
		ul#link {list-style: none;}
		ul#link li {
			margin:0;
			padding: 5px 10px 24px 10px;
			display:inline-block;
			position: relative;
		}
		ul#link li:last-child {
			padding: 5px 0 24px 10px;
		}
		ul#link li a{
			text-decoration:none;
			margin:0;
			color:#0a5209;
		}
		ul#link li a:hover{
			color:#4bb163;
		}
		ul#link li a.attivo{
			color:#4bb163;
		}
		ul#link ul {			
			margin:23px 0 0 0;
			padding:0;
			display:inline-block;
			list-style: none;
			display: none; 
			position: absolute;
			left: -10px;
			z-index:9999;
			background-color: #e0e0e0;
			text-align: left;
		}
		ul#link li:hover > ul {
			display: block;
			visibility: visible; /* da tenere per evitare che scompaia il "li" con il solo display*/
		}
		ul#link ul li {
			float: none;
			display: block;
			border: 0;
			padding: 0;
		}
		ul#link ul li:last-child {
			padding: 0;
		}
		ul#link ul a{
			padding:20px 20px;
			width: auto;
			display: block;
			white-space: nowrap;
			float: none;
			text-transform: none;
			color: #000;
			border-top: solid 1px #fff;
			font-weight: 400;
		}
		ul#link ul a:hover {
			color:#2da6a4;
			background-color: #fff;
		}
		ul#link ul li a.attivo{
			color:#2da6a4;
			background-color: #fff;
			font-weight: 600;
		}
		ul#link ul a:first-child{
			border-top: none;
		}
	
	/* FINE MENU */
}











@media all and (max-width: 1160px){

	
	/* MENU */
	header{
		height: 120px;
	}
	header .logo{
		/*display: inline-block;*/

		/*width: 300px;*/
		height: 120px;

	}
	header .menu{
		
		/*width: calc(100% - 300px);*/
		padding: 50px 0 0 0;
		/*margin: 0 0 0 0;*/
		/*font-weight: 600;*/
		font-size: 22px;

	}
	/*header.smaller{
		height: 75px;
		
	}*/
	/*header.smaller .logo{
		height: 75px;
	}*/
	header.smaller .menu{
		/*padding: 20px 0 0 0;*/
		/*font-size: 20px;*/
		/*background-color: #f5f;*/
		
	}
	
	/* FINE MENU */	

	
}



















@media all and (max-width: 990px){


	/* MENU */
	

	header{
		height: 100px;
	}
	header .logo{
		height: 100px;
	}
	header .menu{
		/*width: calc(100% - 300px);*/
		padding: 40px 0 0 0;
		font-size: 20px;
	}
	/*header.smaller{
		height: 75px;
		
	}*/
	/*header.smaller .logo{
		height: 75px;
	}*/
	/*header.smaller .menu{*/
		/*padding: 20px 0 0 0;*/
		/*font-size: 20px;*/
		/*background-color: #f5f;*/
		
	/*}*/
	
	
	
	

	/*header .menu{
		display: none;
	}*/
/*	header.smaller{
		height: 45px;
	}
	header.smaller .logo{
		padding: 2px 0;
		width: 90px;
		height: 41px;
	}
	header.smaller .menumobileico{
		height: 30px;
		padding: 7px 0 0 0;
	}*/
	/* FINE MENU */
	
	
	
	
	
	


	
	
}
























@media all and (max-width: 760px){
	/* MENU */
	
	header{
		height: 75px;
	}
	header .logo{
		height: 75px;
	}

	header .menu{
		display: none;
	}
	
	header .menumobileico{
		display: block;
		float: right;
		height: 30px;
		width: 70px;
		padding: 25px 0 0 0;
		font-size: 13px;
		text-align: right;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	
/*
	header {
		height:59px;
	}
	header .logo {
		padding: 0 0 0 0;
		width: 130px;
		height: 59px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	header .menumobileico{
		float: right;
		display: block;
		height: 30px;
		width: 70px;
		padding: 15px 0 0 0;
		font-size: 13px;
		text-align: right;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	header .menu{
		display: none;
	}
	header.smaller{
		height: 45px;
	}
	header.smaller .logo{
		padding: 2px 0;
		width: 90px;
		height: 41px;
	}
	header.smaller .menumobileico{
		height: 30px;

		padding: 7px 0 0 0;

	}
*/
	/* FINE MENU */
}