
/*	-------------------------------------------------------------------------- */
/*	Desktop  
/*	-------------------------------------------------------------------------- */

	.Container .TreProvince {
		margin-top: 1.5rem;
		border-top:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
		padding-top: 1rem;
		padding-bottom: 1rem;

		display: grid;
		grid-template-columns: 1fr 1px 1fr 1px 1fr;;
		grid-column-gap: 17px;
	}
	.Container .TreProvince .Colonna {
		display: block;
	}
	.Container .TreProvince .Colonna H3 {
		display: block;
		background-color: var(--MainColor);
		margin:0;
		padding:0;
		font-size: 1.5rem;
		line-height: 1.5em;
		padding-left: 0.5rem;
		box-sizing: border-box;
		color: #ffffff;
		margin-bottom: 1rem;
		font-weight: 500;
	}
	.Container .TreProvince .Colonna H3 A {
		text-decoration: none;
		color: #ffffff;
		display: block;
	}
	.Container .TreProvince .BoxProvincia {
		display: block;
		margin-bottom: 1rem;
		width: 300px;
		height: 250px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.Container .TreProvince .BoxProvincia:last-child {
		margin-bottom: 0;
	}
	.Container .TreProvince .Separatore {
		display: block;
		width:1px;
		height: 100%;
		background-color: #cccccc;
	}
	.Container .TreProvince .BoxProvincia P {
		display: block;
		margin: 0;
		padding: 0;
		width:100%;
		height: 100%;
	}
	.Container .TreProvince .BoxProvincia A {
		display: block;
		width:100%;
		height: 100%;
		text-decoration: none;
		color: #333333;
		font-size: 1rem;
		line-height: 1.3em;
		font-weight: normal;
	}
	.Container .TreProvince .BoxProvincia A IMG {
		width:100%;
		height: auto;
		margin-bottom: 0.1rem;
		box-sizing: border-box;
		border: 1px solid #00000022;
		background-color: #00000011;
	}

/*	-------------------------------------------------------------------------- */

	.Container H3.TitleAltro {
		margin: 0;
		padding: 0;
		font-size: 1.7rem;
		font-weight: 700;
		color: #ffffff;
		background-color: #999999;
		padding-left: 0.6rem;
		padding-right: 0.6rem;
		line-height: 1.5em;
		margin-bottom: 1.5rem;
	}
	.Container .DueColonne {
		display: grid;
		grid-template-columns: 653px 300px;
		grid-column-gap: 17px;
	}
	.Container .DueColonne .ColonnaSinistra {

	}
	.Container .DueColonne .ColonnaDestra {
		
	}

/*	-------------------------------------------------------------------------- */

	.Container #VediAltri {
		display: block;
		padding-top:1rem;
		margin-bottom: 3rem;
	}
	.Container #VediAltri span {
		display: block;
		font-size:1.1rem;
		font-weight: 700;
		text-align: center;
		margin-bottom: 1rem;
	}
	.Container #VediAltri ul,
	.Container #VediAltri ul li {
		margin:0;
		padding:0;
		list-style: none;
		list-style-type: none;
	}
	.Container #VediAltri ul {
		text-align: center;
	}
	.Container #VediAltri ul li {
		display: inline-block;
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}
	.Container #VediAltri ul li A {
		display: block;
		border:1px solid var(--MainColor);
		padding-left: 1rem;
		padding-right: 1rem;
		line-height: 2rem;
		color: var(--MainColor);
		text-decoration: none;
		-webkit-border-radius: 0.3em;
		-moz-border-radius: 0.3em;
		border-radius: 0.3em;
	}
	.Container #VediAltri ul li A:HOVER {
		background-color: var(--MainColor);
		color:#ffffff;
	}

/*	-------------------------------------------------------------------------- */

/*	ADVERTISING TUTTI I DESKTOP */
	@media screen and (min-device-width: 770px) {

		#SuperBoxA, #SuperBoxB, #SuperBoxC, #SuperBoxD, #SuperBoxE, #SuperBoxF { 
			margin-bottom:1.0rem;
		}

		.ElencoEventi .Evento.Restart {
			padding-top:0 !important;
			border-top:0 !important;
		}
		.ElencoEventi .Evento.Restart .Tags {
		    top: 0 !important;
		} 

		#SuperBoxD, #SuperBoxE, #SuperBoxF { 
			display: block;
			width:300px;
			height: 250px;
			margin-bottom: 1rem;
			overflow: hidden;
		}

	}

/*	DESKTOP SMALL */
	@media screen and (min-device-width: 770px) and (max-device-width: 1015px) {

		.Container .DueColonne {
			grid-template-columns: calc(100% - 317px) 300px !important;
		}

	}

/*	----------------------------------------------------------------------------- */
/*	DESKTOP da 770 a 1015 (banner 728)
/*	----------------------------------------------------------------------------- */
	@media screen and (min-device-width: 770px) and (max-device-width: 1015px) {

		.Container .TreProvince .BoxProvincia {
			width: auto;
			height: auto;
			overflow: visible;
			text-overflow: unset;
		}

	}



/*	-------------------------------------------------------------------------- */
/*	Mobile  
/*	-------------------------------------------------------------------------- */
	@media screen and (max-device-width: 769px) {

		.Container{
			margin-top: calc(170px + 1.9rem)!important;
		}

		.Container .TreProvince {
			margin-top: 1rem;
			border-top:0;
			border-bottom:0;
			padding-top: 1rem;
			padding-bottom: 1rem;

			display: block;
			grid-template-columns: unset;
			grid-column-gap: unset;
		}
		.Container .TreProvince .BoxProvincia:last-of-type {
			padding-bottom: 1rem;
		}

		.Container .TreProvince .BoxProvincia {
			width: auto;
			height: auto;
			overflow: visible;
			text-overflow: unset;
			margin-bottom: 2rem;
		}
		.Container .TreProvince .BoxProvincia:last-of-type {
			padding-bottom: 0;
		}
		.Container .TreProvince .BoxProvincia:last-child {
			margin-bottom: 2rem;
		}
		.Container .TreProvince .BoxProvincia A {
			font-size: 1.58rem;
			line-height: 1.2em;
		}
		.Container .TreProvince .Separatore {
		    display: none;
		}

		.Container .DueColonne {
			display: block;
			grid-template-columns: unset;
			grid-column-gap: unset;
		}
		.Container .DueColonne .ColonnaSinistra {

		}
		.Container .DueColonne .ColonnaDestra {
			
		}
		.Adv.BannerAgenda {
			display:none !important;
		}
		#SuperBoxA, #SuperBoxB, #SuperBoxC, #SuperBoxD, #SuperBoxE, #SuperBoxF { 
			margin-bottom:2rem;
		}


		.Container #VediAltri span {
		    font-size: 1.4rem;
		}
		.Container #VediAltri ul li A {
		    line-height: 2.5rem;
		    font-size: 1.5rem;
		}
		.ElencoEventi .Evento.Restart {
			padding-top:0 !important;
			border-top:0 !important;
		}
		.ElencoEventi .Evento.Restart .Tags {
		    top: -2rem !important;
		}   

	}