/* CSS Document */

body{
	margin: 5px;
	font-family: 'Montserrat', sans-serif;
	background-color: #E7FFD7;
	text-align: center;
}











.logo{
	position: absolute;
	top: 15px;
	left: 100px;

	
}

.lingua{
position: absolute;
    left: 100px;
	top: 20px;
}

.muretto{
	position: absolute;
	right: 0px;
	left: 0px;
	top: 0px;
	
}

.bannerhome{
	background-image: url("../etichette home/home_2ok.png");
	height: 525px;
	background-position: right;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 5px;
	border-radius: 20px;
}


/*queste sono le frecce*/

.z{
padding-bottom: 100px;	
}

.za{
	margin-top: -7%;
	margin-bottom: -35px;
	margin-left: 3px;
	margin-right: 3px;
}
.zb{
	position: relative;
	float: right;
}
.zc{
	position: relative;
	float: left;
}

.zd{
	position: relative;
}


.znego{
padding-bottom: 100px;	
}

.zanego{
	margin-top: -3%;
	margin-bottom: -10px;
	margin-left: 3px;
	margin-right: 3px;
}
.zbnego{
	position: relative;
	float: right;
}
.zcnego{
	position: relative;
	float: left;
}

.zdnego{
	position: relative;
}





/*.banner-home h1{
	font-size: 100%;
	margin-top: 40;
	color: #FFE11D;
	text-align: right;
	margin-right: 40px;
}
*/

.gridContainer{
	margin-left: auto;
	margin-right: auto;
}


.Layoutdiv{
	clear: both;
	float: left;
	margin-left: 0px;
	width: 100%;
	display: block;
}








.avantidietro{
	width: 100%;
}

#previous{
	
	float: left;
	width: 19%;
}

#next{
	
float: right;
	width: 20%;
}

.center{
	position: fixed;
	margin-top: 8%;

}



.prima_sezione{background-color: #E7FFD7}
.seconda_sezione{background-color: #E7FFD7}
.terza_sezione{background-color: #E7FFD7}
.sezione_orizzontale1{background-color: #E7FFD7}
.sezione_orizzontale2{background-color: #E7FFD7}
.vocihome{background-color: #E7FFD7}

#openhome{
	position: absolute;
	left: 50px;
	top: 150px;
	
}

#openhomeombra{
	position: absolute;
	left: 50px;
	top: 150px;
	
}

#menuhome{
	width: 0;	
	height: 300;
	position: absolute;
	padding-top: 30px;
	padding-right: 0px;
	padding-left: 0px;
	top: 0px;
	right: 0px;
	background-color:rgba(30,0,68,0.16);
}
navhome{
	transition: 0.7s;
	z-index: 1;
	overflow-y: hidden;
	margin-bottom: 00px;
}
.fashome{
	padding-top: 0px;
	font-size: 1.5em;
	text-decoration: none;
	/*color: rgba(215,183,255,0.39);*/
	display: block;
	width: 400px;
	height: 50px;
	/*background-color:#D0AFFC;*/
	border-radius: 0%;
	margin-bottom: 40px;
}
navhome ul li a{
	text-decoration: none;
	/*color:;
	background-color:;*/
	display: block;
	font-size: 1.5em;
	text-align: center;
	padding: 0px 0 0px 0;
	margin-bottom: 5px;
}
navhome ul li a:hover{
	background-color: rgba(110,0,255,0.78);
	color: #351700;
}
navhome ul{
	list-style: none;
	padding-left: 0;
}






.prea{
	background-color: #fcd8ca
	;
	margin: 0;

}
.vociprea{
	/*background-color: #fff3e6;*/
	
}
#openprea{
	position: fixed;
	right: 1px;
	top: 10px;
}
#menuprea{
	width: 0;	
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	background-color:rgba(253,199,176,0.59);
}
navprea{
	transition: 0.7s;
	z-index: 1;
	overflow-y: hidden;
	margin-bottom: 00px;
}
.fasprea{
	padding-top: 0px;
	font-size: 1.5em;
	text-decoration: none;
	/*color: rgba(215,183,255,0.39);*/
	display: block;
	width: 400px;
	height: 50px;
	/*background-color:#D0AFFC;*/
	border-radius: 0%;
	margin-bottom: 40px;
}
navprea ul li a{
	text-decoration: none;
	/*color:;
	background-color:;*/
	display: block;
	font-size: 1.5em;
	text-align: center;
	padding: 0px 0 0px 0;
	margin-bottom: 5px;
}
navprea ul li a:hover{
	background-color: rgba(255,76,0,1.00);
	color: #351700;
}
navprea ul{
	list-style: none;
	padding-left: 0;
}





.pied{
	background-color: #fffccc;
	margin: 0;

}
.vocipied{
	background-color: #fffccc;
	
}
#openpied{
	position: fixed;
	right: 1px;
	top: 10px;
}
#menupied{
	width: 0;	
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	background-color: rgba(255,252,204,0.41);
}
navpied{
	transition: 0.7s;
	z-index: 1;
	overflow-y: hidden;
	margin-bottom: 00px;
}
.faspied{
	padding-top: 0px;
	font-size: 1.5em;
	text-decoration: none;
	/*color: rgba(215,183,255,0.39);*/
	display: block;
	width: 400px;
	height: 50px;
	/*background-color:#D0AFFC;*/
	border-radius: 0%;
	margin-bottom: 40px;
}
navpied ul li a{
	text-decoration: none;
	/*color:;
	background-color:;*/
	display: block;
	font-size: 1.5em;
	text-align: center;
	padding: 0px 0 0px 0;
	margin-bottom: 5px;
}
navpied ul li a:hover{
	background-color: rgba(110,0,255,0.78);
	color: #351700;
}
navpied ul{
	list-style: none;
	padding-left: 0;
}





.tras{
	
	background-color: #cdfff3;
	margin: 0;
}
.vocitras{
	background-color: #cdfff3;
	
}
#opentras{
	position: fixed;
	right: 1px;
	top: 10px;
}
#menutras{
	width: 0;	
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	background-color:rgba(30,0,68,0.16);
}
navtras{
	transition: 0.7s;
	z-index: 1;
	overflow-y: hidden;
	margin-bottom: 00px;
}
.fastras{
	padding-top: 0px;
	font-size: 1.5em;
	text-decoration: none;
	/*color: rgba(215,183,255,0.39);*/
	display: block;
	width: 400px;
	height: 50px;
	/*background-color:#D0AFFC;*/
	border-radius: 0%;
	margin-bottom: 40px;
}
navtras ul li a{
	text-decoration: none;
	/*color:;
	background-color:;*/
	display: block;
	font-size: 1.5em;
	text-align: center;
	padding: 0px 0 0px 0;
	margin-bottom: 5px;
}
navtras ul li a:hover{
	background-color: rgba(110,0,255,0.78);
	color: #351700;
}
navtras ul{
	list-style: none;
	padding-left: 0;
}


.nego{
	background-color: #feccf1;
	margin: 0;
	
}
.vocinego{
	background-color: #feccf1;

}
#opennego{
	position: fixed;
	right: 1px;
	top: 10px;
}
#menunego{
	width: 0;	
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	background-color:rgba(30,0,68,0.16);
}
navnego{
	transition: 0.7s;
	z-index: 1;
	overflow-y: hidden;
	margin-bottom: 00px;
}
.fasnego{
	padding-top: 0px;
	font-size: 1.5em;
	text-decoration: none;
	/*color: rgba(215,183,255,0.39);*/
	display: block;
	width: 400px;
	height: 50px;
	/*background-color:#D0AFFC;*/
	border-radius: 0%;
	margin-bottom: 40px;
}
navnego ul li a{
	text-decoration: none;
	/*color:;
	background-color:;*/
	display: block;
	font-size: 1.5em;
	text-align: center;
	padding: 0px 0 0px 0;
	margin-bottom: 5px;
}
navnego ul li a:hover{
	background-color: rgba(110,0,255,0.78);
	color: #351700;
}
navnego ul{
	list-style: none;
	padding-left: 0;
}







.risto{
	background-color: #E3CDFE;
	margin: 0;

}
.vociristo{
	background-color: #E3CDFE;

}
#openristo{
	position: fixed;
	right: 1px;
	top: 10px;
}
	
#menuristo{
	width: 0;	
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	background-color:rgba(30,0,68,0.16);
}
navristo{
	transition: 0.7s;
	z-index: 1;
	overflow-y: hidden;
	margin-bottom: 00px;
}
.fasristo{
	padding-top: 0px;
	font-size: 1.5em;
	text-decoration: none;
	/*color: rgba(215,183,255,0.39);*/
	display: block;
	width: 400px;
	height: 50px;
	/*background-color:#D0AFFC;*/
	border-radius: 0%;
	margin-bottom: 40px;
}
navristo ul li a{
	text-decoration: none;
	/*color:;
	background-color:;*/
	display: block;
	font-size: 1.5em;
	text-align: center;
	padding: 0px 0 0px 0;
	margin-bottom: 5px;
}
navristo ul li a:hover{
	background-color: rgba(110,0,255,0.78);
	color: #351700;
}
navristo ul{
	list-style: none;
	padding-left: 0;
}




.stor{
	background-color: #ffd2cc;
	margin: 0;
	
}
.vocistor{
	background-color: #ffd2cc;

}
#openstor{
	position: fixed;
	right: 1px;
	top: 10px;
}
#menustor{
	width: 0;	
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	background-color:rgba(30,0,68,0.16);
}
navstor{
	transition: 0.7s;
	z-index: 1;
	overflow-y: hidden;
	margin-bottom: 00px;
}
.fasstor{
	padding-top: 0px;
	font-size: 1.5em;
	text-decoration: none;
	/*color: rgba(215,183,255,0.39);*/
	display: block;
	width: 400px;
	height: 50px;
	/*background-color:#D0AFFC;*/
	border-radius: 0%;
	margin-bottom: 40px;
}
navstor ul li a{
	text-decoration: none;
	/*color:;
	background-color:;*/
	display: block;
	font-size: 1.5em;
	text-align: center;
	padding: 0px 0 0px 0;
	margin-bottom: 5px;
}
navstor ul li a:hover{
	background-color: rgba(110,0,255,0.78);
	color: #351700;
}
navstor ul{
	list-style: none;
	padding-left: 0;
}


.istruzioni{
	margin-top: 40px;
	margin-bottom: 40px;
	background-color: #E7FFD7;
}

.recensioni{
	color: black;
	font-size: 1.2em;
}
.posizione{
	color: black;
	font-size: 1.2em;
}


.prima_sezione{
	padding: 0px;
	/*background-color: #E4CDFF;*/	
	margin-top: 0px;
}

.foto_ambiente{
	padding-top:  0px;
	font-size: 1.2em;
	border: 0px;
	margin: 0px;
	/*background-color: #E4CDFF;*/
}
.foto_ambiente h2{
	/*background-color: #D8B8FF;*/
	color: #063000;
	padding: 1px 10px;
	
}
.foto_ambiente p{
	background-color: #E7FFD7;
	color: #221200;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}



.sezione_orizzontale1{
	background-color: #E7FFD7;
	width: 100%;
	margin-top: 20px;	
}
.sezione_orizzontale1-img{
	margin: 10px;
}
.sezione_orizzontale1-testo h2{
	font-size: 1.7em;
	color:#000000;
	padding-top: 10px;	
}
.sezione_orizzontale1-testo p{
	color: #000000;
	padding-bottom: 30px;
	font-size: 1.2em;
}



.sezione_orizzontale2{
	background-color: #E7FFD7;
	width: 100%;
	margin-top: 40px;	
}
.sezione_orizzontale2-img{
	margin: 10px;
}
.sezione_orizzontale2-testo h2{
	font-size: 1.7em;
	color:#000000;
	padding-top: 10px;	
}
.sezione_orizzontale2-testo p{
	color: #000000;
	padding-bottom: 30px;
	font-size: 1.2em;
}



	.foto_scena{
	padding: 0px;

}
.foto_scena h2{
	color: #1C0008;
	background-color: #E7FFD7;
	font-size: 2.7em;
	padding: 0px;
	
}
.foto_scena p{
	color: #1C0008;
	font-size: 2em;
}


.terza_sezione{
	padding-top:  20px;
	background-color: #E7FFD7;
}





.footer-home{
    background-image: url("../etichette home/home_03y.png");
	margin: 0px;
	height: 800px;
	background-color: #E7FFD7;
	padding: 0px;
}

.footerlist{
	text-decoration: none;
	background-color: #E7FFD7;	
}



.logo1{
	position: relative;
	top: 5px;

	
}


@media screen and (min-width:990px) {
	
	/*nav ul{
		display:flex;
	}
	nav ul li{
		flex: 1;
		margin: 5px;
	}*/
	.prima_sezione{
		display: flex;
	}
	.foto_ambiente{
		flex: 1;
	}
	
	.sezione_orizzontale1{
		display: flex;
		padding: 0;
	}
	
	
	.sezione_orizzontale1-img{
		flex: 2.5;
	}
	
	.sezione_orizzontale1-testo{
		flex: 0.5;
	}
	.sezione_orizzontale2{
		display: flex;
		padding: 0;
	}
	.sezione_orizzontale2-img{
		flex: 2.5;
	}
	
	.sezione_orizzontale2-testo{
		flex: 0.5;
	}
	
	.seconda_sezione{
		display: flex;
	}
	.foto_ambiente{
		flex: 1;
	}
	
	
	.terza_sezione{
		display: flex;
	}
	.foto_scena{
		flex: 1;
	}
		
	}