@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;
}

.div-centrato{
position:absolute;


margin-left:50px;
width:100%;
height:100%;
background-color:;
z-index:1;


}


.div-centrato-piccolo{
	position: absolute;
	top: 50%;
	
	margin-top: -80px;
	
	width: 100%;
	height: 275px;
	
	background:rgba(0,0,0,0.5);
	z-index: 5;
}

.div-centrato-piccolohome{
	position: absolute;
	top: 50%;
	
	margin-top: 10px;
	
	width: 100%;
	height: 210px;
	
	background:rgba(0,0,0,0.4);
	z-index: 5;
	
}

.div-centrato-piccolotrova{
	position: absolute;
	top: 50%;
	
	margin-top: -150px;
	
	width: 100%;
	height: 330px;
	
	
	opacity: 0.8;
	z-index: 5;
	
}

.div-testohome{
	position: absolute;
	top: 50%;
	right: 25px;
	margin-top: -95px;
	width: 770px;
	height: 190px;


	
	background:;
	z-index: 5;
	font-size: 11pt;
	text-align: right;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	line-height: 27px;
}

.div-testocontatti{
	position: absolute;
	top: 50%;
	right: 25px;
	margin-top: -95px;
	width: 770px;
	height: 190px;


	
	background:;
	z-index: 5;
	font-size: 11pt;
	text-align: right;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	line-height: 31px;
}




#logo {
	position:absolute; 
	z-index:3;
	
	  right: 20;
bottom: 20;
}

#slogan {
	position:absolute; 
	z-index:3;
	
	  right: 20;
top: 20;
}





#container{

width:100%;
margin:0 auto;
overflow:hidden;
height:100%;
z-index:3;
}

.chiudi{

background-color:red;
z-index:1;

}



header{
width:100%;
margin:0 auto;
z-index:3;
}
.menu{
width:200px;
height:100%;
position:absolute;
left:-200;
background:rgba(211,255,10,1);	
z-index:6;

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

.menu ul li:first-child{
margin-top:60px;
}
.menu ul li:hover{
	background:rgba(255,255,255,0.8);
	
}
.menu ul li a{
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 5px 0;
	display: block;
}

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


/*			MENUBUTTON			*/
#menuButton{
	font-size:2em;
	color:#fff;
	margin:0px 0px;
	border-top: 15px solid transparent;
	border-left: 15px solid transparent;
	z-index:13;
}
#menuButton a{
	cursor:pointer;
	transition:all 0.2s;
	z-index:3;
	
	
}
#menuButton a:hover{
	color:#d3ff0a;
	
}
/*			CLOSEBUTTON		*/


.closeButton{
	font-size:1.5em;
	color:#fff;
	position:absolute;
	left:160px;
	top:10px;
	z-index:3;
	
}

#loghino{

	position:absolute;
	 right: 0;
	  left: 60;
bottom: 10;
	
}


.closeButton a:hover{
	color:#333;
	cursor:pointer;
	
}
/*			MAIN	*/
.main{
width:100%;
	margin:0 auto;
}

.main h1{
	text-align:center;
	font-size:7em;
	color:rgba(255,255,255,0.8);
	line-height:400px;
	font-weight:bold;
	font-family: 'Montserrat', sans-serif;
}
.icon-heart{
font-size:0.8em;	
}