body

	{

	background: #ddeedd;

	}







.intestazione

	{

	background: #009966;

	margin: 0%;

	padding: 0%;

	width: 100%;

	height: 80px;

	text-align: center;

	position: fixed;

	top: -10px;

	left: 0px;

	z-index: 10;

	}



.pagina

	{

	margin: 0%;

	padding: 0%;

	width: 100%;

	position: absolute;

	top: 60px;

	left: 0px;

	background-color: #ddeedd;

	z-index:1

	}





/* parti dell'intestazione */



.logosopra

	{

	width: 20%;

	max-width: 120px;

	padding: 0%;

	position: fixed;

	left: 10px; top: 15px;

	}



.titolo

	{

	background: #009966;

	}



.navbar {

background-color: #009966;

width: 100px;

text-align: center;

overflow: hidden;

position: fixed;

right: 5px; top: 15px;

}



.navbar .menu {

list-style-type: none;

padding: 0%;

display: none;

width: 100px;

}



.navbar .menu li {

display: list-item;

font: bold 0.9em sans-serif;

text-align: center;

}



.navbar .menu li a {

display: block;

color: #eeffee;

padding: 15px 2px;

text-decoration: none;

}



.navbar .menu li a:hover {

background-color: #cc00aa;

}



.linee {

display: block;

height: 50px;

width: 100px;

padding: 0%;

text-align: center;

cursor: pointer;

}



.imglinee {

height: 25px;

width: 33px;

padding: 0%;

position: relative;

top: 14px;

cursor: pointer;

}



#tendina {display: none;}



#tendina:checked + .linee + .menu {display: block;}







/* scorrimento immagini */



.immagini

	{

	margin: 0%;

	padding: 0%;

	width: 100%;

	position: relative;

	background-color: #ddeedd;

	z-index:3

	}



.slides {width:100%; height:500px; overflow:hidden; position:relative;}

.slides img {position:absolute; width:100%; height:100%; object-fit:cover; animation:dissolvenza 12s infinite; opacity:0; }



@keyframes dissolvenza {10%{opacity:1;} 25%{opacity:1;} 35%{opacity:0;}}

.slides img:nth-child(1){animation-delay:0s;}

.slides img:nth-child(2){animation-delay:3s;}

.slides img:nth-child(3){animation-delay:6s;}

.slides img:nth-child(4){animation-delay:9s;}





/* contenuto diverso per pagina */



.sezione

	{

	margin: 0%;

	padding: 2%;

	width: 96%;

	background-color: #ddeedd;

	z-index:1

	}



.scatola /*per i pulsanti singoli o per i box*/

	{

	display: flex;

	flex-wrap: wrap;

	width: 100%;

	text-align: center;

	justify-content: center;

	}



.box /*per le parti che sono affiancate a schermo e soprapposte nel tel*/

	{

	text-align: center;

	min-width: 120px;

	max-width: 400px;

	margin: 1%;

	padding: 1%;

	}



/*stili di testo*/



h1

	{

	text-align: center;

	font: bold 1.3em sans-serif;

	text-decoration: none;

	color: #eeffee;

	z-index: 10;

	}



h2

	{

	text-align: center;

	font: bold 1.5em sans-serif;

	text-decoration: none;

	color: #009966;

	}



h3

	{

	text-align: center;

	font: bold 1.2em sans-serif;

	text-decoration: none;

	color: #cc00aa;

	}



p

	{

	font: normal 0.9em sans-serif;

	text-decoration: none;

	color: #000000;

	}



ul

	{

	font: normal 0.9em sans-serif;

	text-decoration: none;

	color: #000000;

	}



ol

	{

	font: normal 0.9em sans-serif;

	text-decoration: none;

	color: #000000;

	}



p.centro

	{

	text-align: center;

	font: normal 0.9em sans-serif;

	text-decoration: none;

	color: #000000;

	}



p.grande

	{

	text-align: center;

	font: bold 1.1em condensed, sans-serif;

	text-decoration: none;

	color: #000000;

	}



a.desottolinea

	{

	text-decoration: none;

	}



a.evidenzia

	{

	text-align: left;

	font: normal 1em verdana,sans-serif;

	text-decoration: underline;

	color: #000000;

	background-color: #ffdd33;

	}



a:active

	{

	background-color: #ffff00;

	}



a:hover

	{

	background-color: #ffff00;

	}







/*stili di immagini*/



.foto /*foto nel testo e nei box 500x250*/

	{

	width: 98%;

	max-width: 500px;

	max-height: 250px;

	text-align: center;

	margin: 0%;

	padding: 1%;

	}



.triofoto /*semplicemente elencare entro il div con img class foto*/

	{

	margin: 0%;

	padding: 2% 0% 0% 0%;

	text-align: center;

	}



.wa /*elemento inlinea piccolo*/

	{

	width: 25px;

	padding: 0%;

	}



.loghialtrui

	{

	width: 33%;

	max-width: 180px;

	padding: 1%;

	}



.freccia

	{

	width: 50px;

	margin: 0%;

	padding: 0%;

	position: absolute;

	top: 430px; left: 48%;

	z-index: 10;

	}



.post /*nei box*/

	{

	width: 98%;

	max-width: 400px;

	max-height: 400px;

	text-align: center;

	margin: 1%;

	padding: 0%;

	border: solid 1px #333333;

	box-shadow: 2px 2px 2px #666666;

	}



/*stili di pulsanti*/



.curri

	{

	background-color: #eeffee;

	border: 3px solid #009966;

	border-radius: 25px;

	box-shadow: 3px 3px 3px #666666;

	text-align: center;

	width: 120px;

	margin: 1%;

	padding: 0% 2% 0%;

	}



.iscriviti

	{

	background-color: #ffffff;

	border: 3px solid #cc00aa;

	border-radius: 25px;

	box-shadow: 3px 3px 3px #666666;

	text-align: center;

	width: 120px;

	margin: 1%;

	padding: 0% 2% 0%;

	}





/*parti del pie di pagina con contatti*/



#piede

	{

	background: #009966;

	margin: 0%;

	padding: 0%;

	width: 100%;

	text-align: center;

	z-index: 1;

	}



.loghi

	{

	width: 70px;

	padding: 15px 5px 0px 5px;

	}



p.contatti

	{

	font: normal 0.9em sans-serif;

	text-decoration: none;

	color: #ffffff;

	}



p.credits

	{

	text-align: center;

	font: normal 0.8em sans-serif;

	text-decoration: none;

	color: #666666;

	}