@charset "utf-8";
/* CSS Document */

.SfondoGrigio {
	background: #717171;
	padding: 40px;
	margin-top: 40px 0px;
	min-height: 200px;
}

.ElementContainer {
	position: relative;
	max-width: 1350px;
	margin: 0 auto;
	padding: 0;
}

.FondoArancio {
	background: #fb7500;
	padding: 25px 0px 15px 15px;
	width: 33%;
	position: absolute;
	top: -66px;
	left: 0px;
}

.FondoArancio h2 {
	color: #ffffff; 
	font-size: 30px; 
	font-weight: 500; 
	padding: 0;
}

.TestoSottolineato {
	font-size: 23px;
	border-bottom: 16px solid #fb7500;
	position: absolute;
	left: 67%;
	width: 20%;
	color: #ffffff;
	padding-left: 30px;
	padding-bottom: 20px;
	margin-top: -25px;
}

.TestoSottolineato h3 {
    color: #ffffff;
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
}

.virgolette {
	width: 45px;
	margin-left: -30px;
	padding-right: 15px;
	margin-top: 20px;
}

.virgoletteChiuse {
	width: 45px;
	margin-left: 170px;
	padding-right: 15px;
	margin-top: -20px;
	transform:rotate(180deg);
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari e Chrome */
}

.h3-container {
	width: 290px;
	position: absolute;
	left: 42%;
	top: 30px;
}

.h3-container h3 {
	color: #ffffff;
	font-weight: 400;
	font-size: 15px;
	line-height: 150%;
}



/* ------------------------------ */


.Milestones {
	max-width: 1350px;
	padding-left: 0!important;
	padding-right: 0!important;
	margin-top: -110px;
}

.AnnoContainer {

}

.ElementoSX {

}

.ElementoDX {
	width: 48%;
	margin-left: 52%;
	position: relative;
	height: 195px;
}

.FotoContainer {
	background: #cccccc;
	width: 33%;
	z-index: 9999;
}

.FotoContainer img {
	width: 75%;
}

.ElementoSX .FotoContainer {

}

.ElementoSX .FotoContainer img {
	margin-left: 25%;
	/*mix-blend-mode: luminosity;*/
}

.ElementoSX .Anno {
	text-align: right;
	width: 100%;
}

.ElementoDX .Anno {
	text-align: right;
	width: 100%;
	margin-top: 20px;
}

.ElementoDX .FotoContainer {
	position: absolute;
	z-index: 99989;
	top: 160px;
	left: 0px;
	width: 60%;
}

.ElementoDX .FotoContainer img {
	/*mix-blend-mode: luminosity;*/
	width: 100%;
}

.ContainerTestiAnno {
	background: #eaeaea;
	width: 30%;
	padding: 0px 15px 30px 50px;
}

.ElementoSX .ContainerTestiAnno {
	margin-left: 21%;
	margin-top: -64px;
}

.ElementoDX .ContainerTestiAnno {
	width: 60%;
	margin-bottom: -100px;
	margin-left: 30%;
	z-index: 88888;
	position: absolute;
	top: 0px;
	left: 0px;
}

.ElementoDX.Anno2 .FotoBackground, .ElementoDX.Anno6 .FotoBackground, .ElementoDX.Anno10 .FotoBackground, .ElementoDX.Anno14 .FotoBackground {
	background: #000000;
	position: absolute;
	z-index: 77777;
	width: 100%;
	height: 250px;
	top: 160px;
	left: 0px;
}

.ElementoDX.Anno4 .FotoContainer {
	top: 220px;
}


.ElementoDX.Anno6 .FotoContainer {
	top: 240px;
}
.ElementoDX.Anno8 .FotoContainer {
	top: 200px;
}

.ElementoDX.Anno10 .FotoContainer {
	top: 260px;
}

.ElementoDX.Anno12 .FotoContainer {
	top: 290px;
}

.ElementoDX.Anno14 .FotoContainer {
	top: 350px;
	width: 80%;
}

.ElementoDX.Anno4 .FotoBackground, .ElementoDX.Anno8 .FotoBackground, .ElementoDX.Anno12 .FotoBackground {
	background: #fb7500;
	position: absolute;
	z-index: 77777;
	width: 100%;
	height: 250px;
	top: 200px;
	left: 0px;
}
.ElementoDX.Anno4 .FotoBackground {
	top: 220px;
	height: 389px;
}

.ElementoDX.Anno6 .FotoBackground {
	top: 240px;
	height: 389px;
}
.ElementoDX.Anno10 .FotoBackground {
	top: 260px;
	height: 265px;
}
.ElementoDX.Anno12 .FotoBackground {
	top: 290px;
	height: 260px;
}
.ElementoDX.Anno14 .FotoBackground {
    height: 219px;
    top: 350px;
}
.Anno {
	font-size: 50px;
	color: #ffffff;
	font-weight: 700;
}

.TitoloAnno {
	padding-top: 30px;
}

.TitoloAnno h4 {
	font-size: 14px;
	font-weight: 800;
	color: #000000;
	padding: 0;
	padding-bottom: 20px;
	line-height:1.5;
}

.TestoAnno {
	font-size: 12px;
	font-weight: 300;
	color: #000000;
	padding-right: 30px;
}

.Anno1 .FotoContainer {
	background: #fb7500;
}

.Anno3 .FotoContainer {
	background: #717171;
}

.Anno4 .FotoContainer {
	background: #fb7500;
}

.ElementoSX.AnnoContainer.Anno5 {

}

.ListaAnni {
	font-size: 13px;
	font-weight: 600;
}

.ElencoAnni {
	padding: 0;
	margin: 0;
	text-align:center;
}

.ElencoAnni li {
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0;
}

.ElencoAnni li a {
	padding: 8px 12px;
	margin: 0;
	background: #000000;
	color: #ffffff;
	text-decoration: none;
}

.ElencoAnni li a:hover {
	background: #fb7500;
}

.ComparsaAnni {
	position: fixed;
	bottom: 20px;
	z-index: 999999;
	width: 100%;
	display: block;
	left: 0;
}

.crop1 {
	overflow: hidden;
	height: 250px;
}

.crop1 img {
	margin-top: -180px;
}

.Connettore1Container, .Connettore2Container, .Connettore3Container, .Connettore4Container, .Connettore5Container, .Connettore6Container, .Connettore7Container, .Connettore8Container, .Connettore9Container, .Connettore10Container, .Connettore11Container, .Connettore12Container, .Connettore13Container, .Connettore14Container, .Connettore15Container, .Connettore16Container, .Connettore17Container, .Connettore18Container, .Connettore19Container, .Connettore20Container {
	position: absolute;
	right: 240px;
	width: 600px;
	z-index: -1;
}

.Connettore1Container {
	width: 1110px;
}

.Connettore1, .Connettore3, .Connettore5, .Connettore7, .Connettore9, .Connettore11, .Connettore13, .Connettore15, .Connettore17, .Connettore19 {
	border-right: 2px solid #bbbbbb;
	border-top: 2px solid #bbbbbb;
	height: 200px;
}

.Connettore2, .Connettore4, .Connettore6, .Connettore8, .Connettore10, .Connettore12, .Connettore14, .Connettore16, .Connettore18 {
	border-left: 2px solid #bbbbbb;
	border-top: 2px solid #bbbbbb;
	height: 200px;
}

.Connettore1Container {
	top: 250px;
}

.Connettore2Container {
	top: 740px;
}

.Connettore3Container {
	top: 900px;
}

.Connettore4Container {
	top: 1360px;
}

.Connettore5Container {
	top: 1640px;
}

.Connettore6Container {
	top: 1930px;
}

.Connettore7Container {
	top: 2280px;
}

.Connettore8Container {
	top: 2600px;
	width: 450px;
	right: 300px;
}

.Connettore9Container {
	top: 2950px;
}

.Connettore10Container {
	top: 3250px;
}

.Connettore11Container {
	top: 3530px;
}

.Connettore12Container {
	top: 3860px;
	width: 450px;
	right: 300px;
}

.Connettore13Container {
	top: 4200px;
}

.Connettore14Container {
	top: 4700px;
	width: 450px;
	right: 300px;
	display:none;
}

.Connettore15Container {
	top: 5000px;
}

.Connettore16Container {
	top: 5300px;
}

.Connettore17Container {
	top: 5300px;
	display: none;
}



/* ------------------- MEDIA QUERY ------------------*/


@media only screen and (max-width: 1299px) {
	.h3-container {
		width: 290px;
		position: absolute;
		left: 36%;
		top: 30px;
	}
}


@media only screen and (max-width: 1199px) {
	
	.TestoSottolineato {
		width: 25%;
		/*font-size: 23px;
		border-bottom: 16px solid #fb7500;
		position: absolute;
		left: 67%;
		color: #ffffff;
		padding-left: 30px;
		padding-bottom: 20px;
		margin-top: -25px;*/
	}
	
	.Connettore1Container {
		top: 250px;
	}

	.Connettore2Container {
		top: 510px;
	}

	.Connettore3Container {
		top: 900px;
	}

	.Connettore4Container {
		top: 1060px;
	}

	.Connettore5Container {
		top: 1500px;
	}

	.Connettore6Container {
		top: 1700px;
	}

	.Connettore7Container {
		top: 2300px;
	}

	.Connettore8Container {
		top: 2700px;
		width: 450px;
		right: 300px;
	}

	.Connettore9Container {
		top: 3000px;
	}

	.Connettore10Container {
		top: 3200px;
	}

	.Connettore11Container {
		top: 3600px;
	}

	.Connettore12Container {
		top: 3900px;
		width: 450px;
		right: 300px;
	}

	.Connettore13Container {
		top: 4150px;
	}

	.Connettore14Container {
		top: 4500px;
		width: 450px;
		right: 300px;
	}

	.Connettore15Container {
		top: 4730px;
	}

	.Connettore16Container {
		top: 5300px;
	}

	.Connettore17Container {
		top: 5300px;
		display: none;
	}
	
}


@media only screen and (max-width: 1050px) {
	.ElementContainer {
		text-align: center;
	}
	
	.FondoArancio {
		position: inherit;
		width: 50%;
		margin: 0 auto;
	}

	.FondoArancio h2 {
		color: #ffffff; 
		font-size: 30px; 
		font-weight: 500; 
		padding: 0;
	}
	
	.h3-container {
		position: inherit;
		left: inherit;
		top: inherit;
		margin: 0 auto;
		margin-top: -20px;
	}
	
	.h3-container h3 {
		/*
		margin-top: 20px;
		*/
	}
	
	.TestoSottolineato {
		position: inherit;
		width: 40%;
		margin: 0 auto;
		margin-top: 30px; 
		left: inherit;
		padding-left: 0px;
		padding-bottom: 5px;
		/*
		font-size: 23px;
		border-bottom: 16px solid #fb7500;
		color: #ffffff;
		*/
	}
	
	.TestoSottolineato h3 {
		margin-top: -25px;
		font-style: italic;
		/*
		color: #ffffff;
		font-weight: 400;
		font-size: 15px;
		line-height: 150%;
		*/
	}

	.virgolette {
		width: 35px;
		padding-right: 0px;
		margin-left: 0px;
		/*
		margin-top: 20px;
		*/
	}

	.virgoletteChiuse {
		width: 30px;
		padding-right: 0px;
		margin-left: 0px;
		right: 0;
		position: absolute;
		bottom: 8px;
		/*
		margin-top: -20px;
		transform:rotate(180deg);
		*/
		-ms-transform: rotate(180deg); /* IE 9 */
		-webkit-transform: rotate(180deg); /* Safari e Chrome */
	}
	
	.Milestones {
		margin-top: 20px;
		text-align: center;
		/*max-width: 1350px;
		padding-left: 0!important;
		padding-right: 0!important;*/
	}
	
	
	/* ------------------------------ */


	.Milestones {
		max-width: 100%;
		padding-left: 0!important;
		padding-right: 0!important;
		margin-top: 20px;
	}

	.AnnoContainer {

	}

	.ElementoSX {
		position: inherit;
		margin: 0 auto;
		margin-top: 40px;
	}

	.ElementoDX {
		width: 60%;
		margin-left: 0;
		position: inherit;
		height: inherit;
		margin: 0 auto;
		margin-top: 40px;
	}

	.FotoContainer {
		width: 60%;
		/*
		background: #cccccc;
		z-index: 9999;
		*/
	}

	.FotoContainer img {
		width: 75%;
	}

	.ElementoSX .FotoContainer {
		margin: 0 auto;
	}

	.ElementoSX .FotoContainer img {
		margin-left: 25%;
		/*mix-blend-mode: luminosity;*/
	}

	.ElementoSX .Anno {
		text-align: right;
		width: 100%;
	}

	.ElementoDX .Anno {
		text-align: right;
		width: 100%;
		margin-top: 20px;
	}

	.ElementoDX .FotoContainer {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 300px;
		width: 100%;
		/*
		z-index: 99999;
		*/
	}

	.ElementoDX .FotoContainer img {
		/*mix-blend-mode: luminosity;*/
		height: 300px;
		width: auto;
		float: left;
	}

	.ContainerTestiAnno {
		width: 60%;
		padding: 0px 40px 50px 40px;
		/*
		background: #eaeaea;
		*/
	}

	.ElementoSX .ContainerTestiAnno {
		margin-left: 0;
		margin-top: 0;
		margin: 0 auto;
	}

	.ElementoDX .ContainerTestiAnno {
		position: inherit;
		width: 100%;
		margin-bottom: 0;
		margin-left: 0;
		padding-top: 50px;
		/*
		z-index: 88888;
		top: 0px;
		left: 0px;
		*/
	}

	.ElementoDX.Anno2 .FotoBackground, .ElementoDX.Anno4 .FotoBackground, .ElementoDX.Anno6 .FotoBackground, .ElementoDX.Anno8 .FotoBackground, .ElementoDX.Anno10 .FotoBackground, .ElementoDX.Anno12 .FotoBackground, .ElementoDX.Anno14 .FotoBackground, .ElementoDX.Anno16 .FotoBackground, .ElementoDX.Anno18 .FotoBackground, .ElementoDX.Anno20 .FotoBackground {
		position: inherit;
		top: 0;
		height: 300px;
		/*
		background: #000000;
		z-index: 77777;
		width: 100%;
		left: 0px;
		*/
	}

	.Anno {
		font-size: 50px;
		color: #ffffff;
		font-weight: 700;
	}

	.TitoloAnno {
		padding-top: 0px;
	}

	.TitoloAnno h4 {
		font-size: 14px;
		font-weight: 800;
		color: #000000;
		padding: 0;
		padding-bottom: 20px;
	}

	.TestoAnno {
		padding-right: 0px;
		/*
		font-size: 12px;
		font-weight: 300;
		color: #000000;
		*/
	}

	.Anno1 .FotoContainer {
		background: #fb7500;
		margin: 0 auto;
	}

	.Anno3 .FotoContainer {
		margin: 0 auto;
		/*
		background: #717171;
		*/
	}

	.Anno4 .FotoContainer {
		background: #fb7500;
	}
	
	.ElementoDX.Anno6 .FotoContainer, .ElementoDX.Anno8 .FotoContainer, .ElementoDX.Anno10 .FotoContainer, .ElementoDX.Anno12 .FotoContainer, .ElementoDX.Anno14 .FotoContainer, .ElementoDX.Anno16 .FotoContainer, .ElementoDX.Anno18 .FotoContainer, .ElementoDX.Anno20 .FotoContainer  {
		top: 0;
	}

	.ElementoSX.AnnoContainer.Anno5 {

	}

	.ListaAnni {
		font-size: 13px;
		font-weight: 600;
	}

	.ElencoAnni {
		padding: 0;
		margin: 0 auto;
		text-align:center;
	}

	.ElencoAnni li {
		list-style: none;
		display: inline;
		padding: 0;
		margin: 0;
		line-height: 350%;
	}

	.ElencoAnni li a {
		padding: 8px 12px;
		margin: 0;
		background: #000000;
		color: #ffffff;
		text-decoration: none;
	}

	.ElencoAnni li a:hover {
		background: #fb7500;
	}
	
	.ComparsaAnni {
		position: fixed;
		bottom: 20px;
		z-index: 999999;
		width: 100%;
		display: block;
		padding: 0 25%;
	}

	.crop1 {
		height: 300px;
		width: 100%;
		/*
		overflow: hidden;
		*/
	}

	.crop1 img {
		margin-top: -190px;
		width: 75%!important;
		height: auto!important;
		float: left;
	}

	.Connettore1Container, .Connettore3Container, .Connettore5Container, .Connettore7Container, .Connettore9Container, .Connettore11Container, .Connettore13Container, .Connettore15Container, .Connettore17Container, .Connettore19Container {
		position: absolute;
		right: 10%;
		left: inherit;
		top: 410px;
		width: 10%;
		z-index: -1;
	}

	.Connettore2Container, .Connettore4Container, .Connettore6Container, .Connettore8Container, .Connettore10Container, .Connettore12Container, .Connettore14Container, .Connettore16Container, .Connettore18Container, .Connettore20Container {
		position: absolute;
		left: 10%;
		right: inherit;
		top: 1040px;
		width: 10%;
		z-index: -1;
	}

	.Connettore3Container {
		top: 1600px;
	}

	.Connettore4Container {
		top: 2210px;
	}
	
	.Connettore5Container {
		top: 2880px;
	}
	
	.Connettore6Container {
		top: 3500px;
	}
	
	.Connettore7Container {
		top: 4130px;
	}
	
	.Connettore8Container {
		top: 4750px;
	}
	
	.Connettore9Container {
		top: 5380px;
	}
	
	.Connettore10Container {
		top: 6030px;
	}
	
	.Connettore11Container {
		top: 6650px;
	}
	
	.Connettore12Container {
		top: 7280px;
	}
	
	.Connettore13Container {
		top: 8050px;
		display: none;
	}
	
	.Connettore14Container {
		top: 8640px;
	}
	
	.Connettore15Container {
		top: 9220px;
	}

	.Connettore1, .Connettore3, .Connettore5, .Connettore7, .Connettore9, .Connettore11, .Connettore13, .Connettore15, .Connettore17, .Connettore19 {
		border-top: 2px solid #bbbbbb;
		border-bottom: 2px solid #bbbbbb;
		border-right: 2px solid #bbbbbb;
		border-left: none;
		height: 240px;
	}
	
	.Connettore2, .Connettore4, .Connettore6, .Connettore8, .Connettore10, .Connettore12, .Connettore14, .Connettore16, .Connettore18, .Connettore20 {
		border-top: 2px solid #bbbbbb;
		border-bottom: 2px solid #bbbbbb;
		border-left: 2px solid #bbbbbb;
		border-right: none;
		height: 240px;
	}


	.ElementoDX.Anno4 .FotoContainer {
		top: 0px;
	}


}





@media only screen and (max-width: 756px) {
	.ElementContainer {
		text-align: center;
	}
	
	.FondoArancio {
		position: inherit;
		width: 80%;
		margin: 0 auto;
	}

	.FondoArancio h2 {
		color: #ffffff; 
		font-size: 30px; 
		font-weight: 500; 
		padding: 0;
	}
	
	.h3-container {
		position: inherit;
		left: inherit;
		top: inherit;
		margin: 0 auto;
		margin-top: -20px;
	}
	
	.h3-container h3 {
		/*
		margin-top: 20px;
		*/
	}
	
	.TestoSottolineato {
		position: inherit;
		width: 70%;
		margin: 0 auto;
		margin-top: 30px; 
		left: inherit;
		padding-left: 0px;
		padding-bottom: 5px;
		/*
		font-size: 23px;
		border-bottom: 16px solid #fb7500;
		color: #ffffff;
		*/
	}
	
	.TestoSottolineato h3 {
		margin-top: -25px;
		font-style: italic;
		/*
		color: #ffffff;
		font-weight: 400;
		font-size: 15px;
		line-height: 150%;
		*/
	}

	.virgolette {
		width: 35px;
		padding-right: 0px;
		margin-left: 0px;
		/*
		margin-top: 20px;
		*/
	}

	.virgoletteChiuse {
		width: 30px;
		padding-right: 0px;
		margin-left: 0px;
		right: 0;
		position: absolute;
		bottom: 8px;
		/*
		margin-top: -20px;
		transform:rotate(180deg);
		*/
		-ms-transform: rotate(180deg); /* IE 9 */
		-webkit-transform: rotate(180deg); /* Safari e Chrome */
	}
	
	.Milestones {
		margin-top: 20px;
		text-align: center;
		/*max-width: 1350px;
		padding-left: 0!important;
		padding-right: 0!important;*/
	}
	
	
	/* ------------------------------ */


	.Milestones {
		max-width: 100%;
		padding-left: 0!important;
		padding-right: 0!important;
		margin-top: 20px;
	}

	.AnnoContainer {

	}

	.ElementoSX {
		position: inherit;
		margin: 0 auto;
		margin-top: 0px;
	}

	.ElementoDX:first-child {margin-top: 40px;}
	
	.ElementoDX {
		width: 100%;
		margin-left: 0;
		position: inherit;
		height: inherit;
		margin: 0 auto;
		margin-top: 0px;
	}

	.FotoContainer {
		width: 100%;
		/*
		background: #cccccc;
		z-index: 9999;
		*/
	}

	.FotoContainer img {
		width: 75%;
	}

	.ElementoSX .FotoContainer {
		margin: 0 auto;
	}

	.ElementoSX .FotoContainer img {
		margin-left: 25%;
		/*mix-blend-mode: luminosity;*/
	}

	.ElementoSX .Anno {
		text-align: right;
		width: 100%;
	}

	.ElementoDX .Anno {
		text-align: right;
		width: 100%;
		margin-top: 20px;
	}

	.ElementoDX .FotoContainer {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 300px;
		width: 100%;
		/*
		z-index: 99999;
		*/
	}

	.ElementoDX .FotoContainer img {
		/*mix-blend-mode: luminosity;*/
		height: 300px;
		width: auto;
		float: left;
	}

	.ContainerTestiAnno {
		width: 100%;
		padding: 0px 40px 50px 40px;
		/*
		background: #eaeaea;
		*/
	}

	.ElementoSX .ContainerTestiAnno {
		margin-left: 0;
		margin-top: 0;
		margin: 0 auto;
	}

	.ElementoDX .ContainerTestiAnno {
		position: inherit;
		width: 100%;
		margin-bottom: 0;
		margin-left: 0;
		padding-top: 50px;
		/*
		z-index: 88888;
		top: 0px;
		left: 0px;
		*/
	}

	.ElementoDX.Anno2 .FotoBackground {
		position: inherit;
		top: 0;
		height: 300px;
		/*
		background: #000000;
		z-index: 77777;
		width: 100%;
		left: 0px;
		*/
	}

	.ElementoDX.Anno4 .FotoBackground {
		position: inherit;
		height: 300px;
		top: 0px;
		/*
		background: #fb7500;
		z-index: 77777;
		width: 100%;
		left: 0px;
		*/
	}


	.Anno {
		font-size: 50px;
		color: #ffffff;
		font-weight: 700;
	}

	.TitoloAnno {
		padding-top: 0px;
	}

	.TitoloAnno h4 {
		font-size: 14px;
		font-weight: 800;
		color: #000000;
		padding: 0;
		padding-bottom: 20px;
		line-height: 150%;
	}

	.TestoAnno {
		padding-right: 0px;
		/*
		font-size: 12px;
		font-weight: 300;
		color: #000000;
		*/
	}

	.Anno1 .FotoContainer {
		background: #fb7500;
		margin: 0 auto;
	}

	.Anno3 .FotoContainer {
		margin: 0 auto;
		/*
		background: #717171;
		*/
	}

	.Anno4 .FotoContainer {
		background: #fb7500;
	}

	.ElementoSX.AnnoContainer.Anno5 {

	}

	.ListaAnni {
		font-size: 13px;
		font-weight: 600;
	}

	.ElencoAnni {
		padding: 0;
		margin: 0;
		text-align:center;
	}

	.ElencoAnni li {
		list-style: none;
		display: inline;
		padding: 0;
		margin: 0;
	}

	.ElencoAnni li a {
		padding: 8px 12px;
		margin: 0;
		background: #000000;
		color: #ffffff;
		text-decoration: none;
	}

	.ElencoAnni li a:hover {
		background: #fb7500;
	}
	
	.ComparsaAnni {
		position: fixed;
		bottom: 70px;
		z-index: 999999;
		width: 100%;
		display: block;
		padding: 0 5%;
		display: none;
	}

	.crop1 {
		height: 300px;
		width: 100%;
		/*
		overflow: hidden;
		*/
	}

	.crop1 img {
		margin-top: -170px;
		width: 75%!important;
		height: auto!important;
		float: left;
	}

	.Connettore1Container, .Connettore3Container, .Connettore5Container, .Connettore7Container, .Connettore9Container, .Connettore11Container, .Connettore13Container, .Connettore2Container, .Connettore4Container, .Connettore6Container, .Connettore8Container, .Connettore10Container, .Connettore12Container, .Connettore14Container, .Connettore15Container, .Connettore16Container, .Connettore17Container, .Connettore18Container, .Connettore19Container, .Connettore20Container {
		position: inherit;
		padding-left: 49.5%;
		right: inherit;
		left: inherit;
		top: inherit;
		width: 2px;
		z-index: -1;
		padding-bottom: 0px;
		margin-bottom: 0px;
		display: block;
	}
	
	.Connettore1Container {
		display: none;
	}

	.Connettore1, .Connettore3, .Connettore5, .Connettore7, .Connettore9, .Connettore11, .Connettore13, .Connettore15, .Connettore17, .Connettore19, .Connettore2, .Connettore4, .Connettore6, .Connettore8, .Connettore10, .Connettore12, .Connettore14, .Connettore16, .Connettore18, .Connettore20 {
		border-top: none;
		border-bottom: none;
		border-right: 2px solid #bbbbbb;
		border-left: none;
		height: 60px;
	}
	
}



@media only screen and (max-width: 460px) {

	.SfondoGrigio {
		background: #717171;
		padding: 40px 30px;
		margin-top: 40px 0px;
		min-height: 200px;
	}

	.ElementContainer {
		position: inherit;
		max-width: 100%;
		margin: 0 auto;
		padding: 0;
	}

	.FondoArancio {
		background: #fb7500;
		padding: 20px 15px 12px 15px;
		width: 80%;
		position: inherit;
		left: 0px;
	}

	.FondoArancio h2 {
		color: #ffffff; 
		font-size: 30px; 
		font-weight: 500; 
		padding: 0;
	}

	.TestoSottolineato {
		font-size: 23px;
		border-bottom: 16px solid #fb7500;
		position: inherit;
		left: 0;
		width: 100%;
		color: #ffffff;
		padding-left: 0;
		padding-bottom: 10px;
		margin-top: 20;
	}

	.TestoSottolineato h3 {
		color: #ffffff;
		font-weight: 400;
		font-size: 15px;
		line-height: 150%;
	}

	.virgolette {
		width: 45px;
		margin-left: 0px;
		padding-right: 15px;
		margin-top: 20px;
	}

	.virgoletteChiuse {
		width: 45px;
		margin-left: 170px;
		padding-right: 15px;
		margin-top: -20px;
		transform:rotate(180deg);
		-ms-transform: rotate(180deg); /* IE 9 */
		-webkit-transform: rotate(180deg); /* Safari e Chrome */
	}

	.h3-container {
		width: 85%;
		position: inherit;
		left: inherit;
		top: 0;
	}

	.h3-container h3 {
		color: #ffffff;
		font-weight: 400;
		font-size: 15px;
		line-height: 150%;
	}
	
	.ElementoDX, .ElementoSX {
		width: 320px;
		margin-left: 0;
		position: inherit;
		height: inherit;
		margin: 0 auto;
		margin-top: 0px;
	}
	
	.crop1 {
		height: 300px;
		width: 100%;
		/*
		overflow: hidden;
		*/
	}
	
	.crop1 img {
		margin-top: 0;
	}
	
	.ElementoDX .FotoContainer {
		position: relative;
		top: 0px;
		left: 0px;
		height: auto;
		width: auto;
		/*
		z-index: 99999;
		*/
	}
	
	.ElementoDX .FotoContainer img {
		/*mix-blend-mode: luminosity;*/
		height: auto;
		max-width: 100%;
		float: left;
	}
	
	.ElementoDX.Anno2 .FotoBackground, .ElementoDX.Anno4 .FotoBackground, .ElementoDX.Anno6 .FotoBackground, .ElementoDX.Anno8 .FotoBackground, .ElementoDX.Anno10 .FotoBackground, .ElementoDX.Anno12 .FotoBackground, .ElementoDX.Anno14 .FotoBackground, .ElementoDX.Anno16 .FotoBackground, .ElementoDX.Anno18 .FotoBackground, .ElementoDX.Anno20 .FotoBackground {
		position: inherit;
		top: 0;
		height: 300px;
		display: none;
		/*
		background: #000000;
		z-index: 77777;
		width: 100%;
		left: 0px;
		*/
	}
	
	.ElementoDX .TitoloAnno {
		margin-top: 200px;
	}

	.ElementoDX.Anno4 .TitoloAnno, .ElementoDX.Anno6 .TitoloAnno, .ElementoDX.Anno8 .TitoloAnno, .ElementoDX.Anno10 .TitoloAnno, .ElementoDX.Anno12 .TitoloAnno, .ElementoDX.Anno14 .TitoloAnno, .ElementoDX.Anno16 .TitoloAnno, .ElementoDX.Anno18 .TitoloAnno, .ElementoDX.Anno20 .TitoloAnno {
		margin-top: 0px;
	}
	
	.ElementoDX.Anno6 .TitoloAnno {
		margin-top: 280px;
	}
	
	.ElementoDX.Anno8 .TitoloAnno {
		margin-top: 250px;
	}
	
	.ElementoDX.Anno10 .TitoloAnno {
		margin-top: 160px;
	}
	
	.ElementoDX.Anno12 .TitoloAnno {
		margin-top: 180px;
	}
	
	.ElementoDX.Anno14 .TitoloAnno {
		margin-top: 180px;
	}
	
	.ElementoDX.Anno16 .TitoloAnno {
		margin-top: 210px;
	}
	
}






