@charset "UTF-8";
.body {
	width: 1160px;
	margin-right: auto;
	margin-left: auto;
	background: url(disegno_zigzag_bianco.jpg) center;
	background-size: cover;
}
.header {
	margin-right: auto;
	margin-left: auto;
	width: 1160px;
	height: 150px;
	background-color: rgba(169, 169, 181, 0.6);
}
.sinistra {
	width: 260px;
	height: 150px;
	float: left;
	background-color: #A9A9B5;
}
.centro {
	width: 636px;
	height: 146px;
	float: left;
	border-width: 2px;
	border-style: solid;
	border-color: violet;
}
.destra {
	width: 260px;
	height: 150px;
	float: right;
	background-color: #A9A9B5;
}
.ninfa {
	padding-top: 15px;
	padding-left: 50px;
}
.tabella_titolo {
	width: 620px;
}
.titolo {
	padding-top: 20px;
	text-align: center;
	font-weight: bold;
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size: 56px;
	color: #000000;
	text-shadow: 5px 4px 4px #76D6FF;
}
.sottotitolo {
	text-align: center;
	font-family: Snell Roundhand;
	font-weight: bold;
	font-size: 36px;
	color: #000000;
}
#container_index {
	width: 1160px;
	height: 700px;
	margin-right: auto;
	margin-left: auto;
	background-color: rgba(188, 192, 205, 0.7);
	margin-top: 5px;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #76D6FF;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #76D6FF;
}
#container {
	width: 1160px;
	height: 704px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 6px;
	background-color: rgba(188, 192, 205, 0.6);
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #76D6FF;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #76D6FF;
}
#spazietto {
	width: 1160px;
	height: 40px;
}
#menu_sezioni_index {
	width: 1160px;
	height: 640px;
}
.titolo_pagina {
	width: 1160px;
	height: 22px;
	background-color: violet;
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #000000;
}
.primo {
	width: 300px;
	height: 300px;
	background-color: violet;
	padding: 20px;
	left: 80px;
	position: relative;
	z-index: 1;
	transform: rotate(-10deg);
}
.primo:hover {
	background-color: #F2B5FF;
}
.secondo {
	width: 300px;
	height: 300px;
	background-color: orange;
	padding: 20px;
	top: -65px;
	left: 230px;
	position: relative;
	z-index: 2;
}
.secondo:hover {
	background-color: #F0B64B;
}
.terzo {
	width: 300px;
	height: 300px;
	background-color: orange;
	padding: 20px;
	top: -405px;
	left: 590px;
	position: relative;
	z-index: 3;
}
.terzo:hover {
	background-color: #F0B64B;
}
.quarto {
	width: 300px;
	height: 300px;
	background-color: violet;
	padding: 20px;
	top: -1020px;
	left: 740px;
	position: relative;
	z-index: 2;
	transform: rotate(10deg);
}
.quarto:hover {
	background-color: #F2B5FF;
}
.ionico_sx {
	width: 300px;
	height: 300px;
	background-color: #76D6FF;
	top: -1020px;
	left: 820px;
	position: relative;
	z-index: 1;
}
.ionico_dx {
	width: 300px;
	height: 300px;
	background-color: #76D6FF;
	top: -1320px;
	left: 50px;
	position: relative;
}
.ionicosx {
	padding-top: 50px;
}
.ionicodx {
	padding-top: 50px;
	padding-left: 50px;
}
.quinto_sotto {
	width: 300px;
	height: 300px;
	background-color: #76D6FF;
	top: -1900px;
	left: 430px;
	position: relative;
}
.quinto_foto {
	padding: 50px;
}
.pagine {
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #000000;
}
.foto_index {
	width: 200px;
	height: 200px;
	margin-left: 50px;
	font-family: Arial, Helvetica, sans serif;
	font-size: 22px;
	color: #000000;
}
.sezione_1 {
	width: 570px;
	height: 330px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	margin-top: 10px;
	background-color: #76D6FF;
}
.sezione_2 {
	width: 570px;
	height: 330px;
	margin-right: auto;
	margin-left: auto;
	float: right;
	margin-top: 10px;
	background-color: #A9A9B5;
}
.sezione_3 {
	width: 570px;
	height: 330px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	margin-top: 5px;
	background-color: #A9A9B5;
}
.sezione_4 {
	width: 570px;
	height: 330px;
	margin-right: auto;
	margin-left: auto;
	float: right;
	margin-top: 5px;
	background-color: #76D6FF;
}
.rettangolo {
	width: 450px;
	height: 260px;
	margin-left: 60px;
	background-color: rgba(255, 255, 255, 0.8);
}
.foto_rettangolo {
	margin-left: 25px;
	padding-top: 25px;
}
.titolo_sezione {
	width: 548px;
	height: 30px;
	margin-top: 5px;
	text-align: center;
	font-family: Snell Roundhand;
	font-weight: bold;
	font-size: 24px;
	color: #000000;
}
.pdf_arte1 {
	width: 225px;
	height: 170px;
	text-align: left;
	font-family: Arial, Helvetica, sans serif;
	font-weight: bold;
	font-size: 16px;
	color: #5E5E5E;
	background-color: white;
}
.pdf_arte2 {
	width: 225px;
	height: 20px;
	text-align: center;
	font-family: Arial, Helvetica, sans serif;
	font-weight: bold;
	font-size: 16px;
	color: #424242;
	background-color: white;
}
.titolo_arte {
	text-align: center;
	font-family: Arial, Helvetica, sans serif;
	font-weight: bold;
	font-size: 18px;
	color: #000000;
}
.menu_pdf {
	text-align: center;
	font-family: Arial, Helvetica, sans serif;
	font-weight: bold;
	font-size: 16px;
	color: #000000;
}
.foto_contemporanea {
	width: 370px;
	height: 503px;
	margin-left: 80px;
	margin-top: 81px;
}
#sezioni_1 {
	width: 560px;
	height: 655px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	margin-top: 10px;
}
#sezioni_2 {
	width: 560px;
	height: 655px;
	margin-right: auto;
	margin-left: auto;
	float: right;
	margin-top: 10px;
}
.approfondimenti_sx {
	width: 560px;
	height: 660px;
	float: left;
	background-color: #A9A9B5;
}
.approfondimenti_dx {
	width: 560px;
	height: 660px;
	float: right;
	background-color: #A9A9B5;
}
.approfondimenti_bordo {
	width: 480px;
	height: 560px;
	background-color: #D6D6D6;
	margin-top: 50px;
	margin-left: 40px;
	}
.foto_approfondimenti {
	padding-top: 75px;
	padding-left: 30px;
	
}
.approfondimenti_pdf {
	width: 540px;
	height: 53px;
	background-color: rgba(174, 227, 249, 0.8);
	text-align: center;
	font-family: Arial, Helvetica, sans serif;
	font-weight: bold;
	font-size: 18px;
	color: #424242;
}
#intermezzo {
	width: 1160px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 6px;
	background-color: rgba(169, 169, 181, 0.7);
}
.menu_approfondimenti {
	width: 600px;
	height: 24px; 
	margin-right: auto;
	margin-left: auto;
	background-color: violet;
	padding-top: 6px;
	text-align: center;
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	font-weight: bold;
	font-size: 20px;
	color: #000000;
}
.menu_approfondimenti:hover {
	background-color: #F2B5FF;
}
.nav {
	width: 1160px;
	height: 34px;
	margin-right: auto;
	margin-left: auto;
	font-family: Snell Roundhand;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}
.nav_sx {
	width: 580px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	float: left;
}
.nav_dx {
	width: 580px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	float: left;
}
.cella_menu_sx {
	width: 190px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
}
.cella_menu_sx:hover {
	color: violet;
}
.cella_menu_dx {
	width: 190px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
}
.cella_menu_dx:hover {
	color: #F2B5FF;
}
.footer_sito_index {
	float: bottom;
	width: 1160px;
	height: 70px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 6px;
}
.footer_pagine {
	float: bottom;
	width: 1160px;
	height: 130px;
	margin-right: auto;
	margin-left: auto;
}
.scritta_sito_index {
	height: 18px;
	width: 1150px;
	background-color: #F0A63A;
	padding: 5px;
	font-family: Arial, Helvetica, sans serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
.footer_sito_pagine {
	height: 15px;
	width: 1152px;
	background-color: #F2B5FF;
	padding: 4px;
	font-family: Arial, Helvetica, sans serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
.footer_didattico {
	width: 1150px;
	height: 35px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	background-color: rgba(0, 180, 255, 0.3);
	font-family: Arial, Helvetica, sans serif;
	font-size: 12px;
	text-align: justify;
}
a:link {
    text-decoration: none;
    color: black;
}
a:visited {
	color: #212121;
    text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #FF1493;
} 
a:active {
    color: #FF1493;
    text-decoration: none;
}