html {
  scroll-behavior: smooth;
}

.MyZR {
	border: 2px solid #EAEAEA;
	-webkit-transition: background-color 0.8s , border 0.8s, color 0.8s; /* Altri Browser */
	transition: background-color 0.8s, border 0.8s, color 0.8s;
}
.MyZR:hover {
	border: 2px solid #2366b1;
	cursor: pointer;
}
.SelezionatoRettangolare {
	border: 2px #2366b1 solid;
}

/* Data */
.dettaglio_data_dx {
	text-align:center;
	text-transform:uppercase;
	width:76px;
	height:88px;
	background:url(/FIAPNAZIONALE_WEB/images/fondo_data_dx.png);
	float:right;
}
.dettaglio_data_dx .giornotxt{
	padding:7px 3px 0px 3px;
	font-size:12px;
	color:#FFF;
}
.dettaglio_data_dx .giornonum{
	padding:0px 5px 0px 5px;
	font-size:25px;
	line-height: 25px;
	color:#FFF;
}
.dettaglio_data_dx .meseanno{
	padding:3px;
	font-size:15px;
	color:#FFF;
}
.dettaglio_data {
 	text-align:center;
	text-transform:uppercase;
	width:100%;
}
.dettaglio_data .giornotxt{
	padding:3px 3px 0px 3px;
	font-size:12px;
	color:#414445;
}
.dettaglio_data .giornonum{
	padding:0px 5px 0px 5px;
	font-size:25px;
	line-height: 25px;
	color:#414445;
}
.dettaglio_data .meseanno{
	padding:3px;
	font-size:15px;
	color:#414445;
}
.ombracell {
	width: 220px;
	-moz-box-shadow: 0px 1px 4px #BBB;
	-webkit-box-shadow: 0px 1px 4px #BBB;
	box-shadow: 0px 1px 4px #BBB;
}
.linkgrassetto {font-weight: bold !important; font-size: 20px !important;}
.linknormale {font-weight: normal !important;}
.linkgrassetto a {color: #3A9D4D !important;}
.linknormale a {color: #3A9D4D !important;}
.linkgrassetto a:link {color: #3A9D4D !important;}
.linknormale a:link {color: #3A9D4D !important;}

.linkpiede a:visited {color: #444444 !important}

/* FOCUS CONTENT */
.ombra {
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
}
.divfocus {
	padding: 0;	
	overflow: hidden;
	font-size: 1vw;
	background: none;
	position: relative;
	width: 100%;
    max-height: 500px;	
	height: 500px;
	background: #F6F6F6;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);	
}
.divvideo {
	padding: 0;	
	overflow: hidden;
	font-size: 1vw;
	background: none;
	position: relative;
	width: 100%;
    max-height: 500px;	
	height: 500px;
	background: #F6F6F6;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);	
}
.divdocumenti {
	padding: 0;	
	overflow: hidden;
	font-size: 1vw;
	background: none;
	position: relative;
	width: 100%;
    max-height: 500px;	
	min-height: 250px;
	background: #F6F6F6;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);	
}
.testoarticolo p {
	color: #666;
	font-size: calc(20px + (20 - 18) * ((100vw - 1200px) / (1920 - 1200)));
}
.testoarticolo ul {
	color: #3C82AC;
	font-size: calc(20px + (20 - 18) * ((100vw - 1200px) / (1920 - 1200)));
	margin: 0px;
	padding: 0px;
}
.testoarticolo ul li a {
	color: #3C82AC;
	font-size: calc(20px + (20 - 18) * ((100vw - 1200px) / (1920 - 1200)));
}

/* SLIDE CONTENT */

#slide_wrap {
	width: 100%;
	height: 500px;
    max-height: 500px;	
	background: #F6F6F6;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);	
	/*border: 1px solid #EEE;*/
}
#slide_wrapEventi {
	width: 100%;
	height: 500px;
    max-height: 500px;	
	background: #F6F6F6;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);	
}
/*#txt_heading {
    font-size: calc(22px + (22 - 18) * ((100vw - 1200px) / (1920 - 1200)));
	line-height: calc(23px + (23 - 19) * ((100vw - 1200px) / (1920 - 1200)));
    margin: 10px 0 0px; 
    color: #fff; 
    background: #7fc241; 
    padding: 14px 15px; 
    display:  inline-block;
	top: 1px;
}*/
#txt_heading {
    font-size: calc(22px + (22 - 18) * ((100vw - 1200px) / (1920 - 1200)));
	line-height: calc(23px + (23 - 19) * ((100vw - 1200px) / (1920 - 1200)));
    margin: 0px; 
    color: #444; 
    padding: 0px; 
    display:  inline-block;
	top: 1px;
}
#data_heading {
    font-size: calc(18px + (18 - 16) * ((100vw - 1200px) / (1920 - 1200)));
	line-height: calc(21px + (19 - 17) * ((100vw - 1200px) / (1920 - 1200)));
    margin: 0px; 
    color: #444; 
    padding: 0px; 
    display:  inline-block;
	top: 1px;
}
@media screen and (max-width:1200px) {
	.divfocus {
		height: 420px;
	}
	.divvideo {
		height: 420px;
	}
	.divdocumenti {
    max-height: 500px;	
	min-height: 250px;
	}

	#slide_wrap {
		width: 100%;
		height: 420px;
		position: static;	
		-webkit-transform:  translate3d(0, 0, 0);
		-ms-transform: 		translate(0, 0);
		transform: 			translate3d(0, 0, 0);
	}
	#slide_wrapEventi {
		width: 100%;
		height: 420px;
		position: static;	
		-webkit-transform:  translate3d(0, 0, 0);
		-ms-transform: 		translate(0, 0);
		transform: 			translate3d(0, 0, 0);
	}
	#txt_heading {
		font-size: calc(20px + (20 - 16) * ((100vw - 840px) / (1200 - 840)));
		line-height: calc(21px + (21 - 17) * ((100vw - 840px) / (1200 - 840)));
	}
	#data_heading {
		font-size: calc(16px + (16 - 14) * ((100vw - 840px) / (1200 - 840)));
		line-height: calc(19px + (17 - 15) * ((100vw - 840px) / (1200 - 840)));
	}
}
@media only screen and (max-width: 840px) {
	.divfocus {
		height: 420px;
	}
	.divvideo {
		height: 420px;
	}
	.divdocumenti {
    max-height: 500px;	
	min-height: 250px;
	}
	#slide_wrap {
		width: 100%;
		height: 420px;
		position: static;	
		-webkit-transform:  translate3d(0, 0, 0);
		-ms-transform: 		translate(0, 0);
		transform: 			translate3d(0, 0, 0);
	}
	#slide_wrapEventi {
		width: 100%;
		height: 420px;
		position: static;	
		-webkit-transform:  translate3d(0, 0, 0);
		-ms-transform: 		translate(0, 0);
		transform: 			translate3d(0, 0, 0);
	}
	#txt_heading {
		font-size: calc(18px + (18 - 14) * ((100vw - 640px) / (840 - 640)));
		line-height: calc(19px + (19 - 13) * ((100vw - 640px) / (840 - 640)));
	}
	#data_heading {
		font-size: calc(14px + (14 - 12) * ((100vw - 640px) / (840 - 640)));
		line-height: calc(17px + (15 - 13) * ((100vw - 640px) / (840 - 640)));
	}
}
@media only screen and (max-width: 640px) {
	.divfocus {
		height: 300px;
	}
	.divvideo {
		height: 470px;
	}
	.divdocumenti {
    max-height: 500px;	
	min-height: 250px;
	}
	.testoarticolo p {
		color: #666;
		font-size: calc(14px + (14 - 12) * ((100vw - 1200px) / (1920 - 1200)));
	}
	#slide_wrap {
		width: 100%;
		height: 420px;
		position: static;	
		-webkit-transform:  translate3d(0, 0, 0);
		-ms-transform: 		translate(0, 0);
		transform: 			translate3d(0, 0, 0);
	}
	#slide_wrapEventi {
		width: 100%;
		height: 420px;
		position: static;	
		-webkit-transform:  translate3d(0, 0, 0);
		-ms-transform: 		translate(0, 0);
		transform: 			translate3d(0, 0, 0);
	}
	#txt_heading {
		font-size: calc(16px + (16 - 12) * ((100vw - 480px) / (640 - 480)));
		line-height: calc(17px + (17 - 13) * ((100vw - 480px) / (640 - 480)));
	}
	#data_heading {
		font-size: calc(12px + (12 - 10) * ((100vw - 480px) / (640 - 480)));
		line-height: calc(15px + (13 - 11) * ((100vw - 480px) / (640 - 480)));
	}
}
@media only screen and (max-width: 480px) {
	.divfocus {
		height: 350px;
	}
	.divvideo {
		height: 350px;
	}
	.divdocumenti {
    max-height: 500px;	
	min-height: 250px;
	}
	#slide_wrap {
		width: 100%;
		height: 420px;
		position: static;	
		-webkit-transform:  translate3d(0, 0, 0);
		-ms-transform: 		translate(0, 0);
		transform: 			translate3d(0, 0, 0);
	}
	#slide_wrapEventi {
		width: 100%;
		height: 420px;
		position: static;	
		-webkit-transform:  translate3d(0, 0, 0);
		-ms-transform: 		translate(0, 0);
		transform: 			translate3d(0, 0, 0);
	}
	#txt_heading {
		font-size: calc(14px + (14 - 10) * ((100vw - 320px) / (480 - 320)));
		line-height: calc(15px + (15 - 11) * ((100vw - 320px) / (480 - 320)));
	}
	#data_heading {
		font-size: calc(10px + (10 - 8) * ((100vw - 320px) / (480 - 320)));
		line-height: calc(13px + (11 - 9) * ((100vw - 320px) / (480 - 320)));
	}
}
/* CSS FOR THIS DEMO*/
.lcms_contents_fullheight .lcms_content {
	top: 0px; /*top: calc((100% - 150px)/((100vw - 320px) / (480 - 320)));*/
}
.lcms_nopadding .lcms_content {
	padding: 0;	
}
.lcms_txt_padding .lcms_content {
	padding: 0;	
	overflow: hidden;
	font-size: 1vw;
	background: none;
}
.lcms_txt_padding .lcms_content  .categoriaarticolo{
	padding: 10px 25px;	
	top: calc(34px + (34 - 30) * ((100vw - 1200px) / (1920 - 1200)));
	right: 0px;
	min-width: 3%;
	height: 15px;
	background: #D03136;
	position: absolute;
	font-size: calc(18px + (18 - 16) * ((100vw - 1200px) / (1920 - 1200)));
	line-height: 15px;
	z-index: 1;
	color: #fff !important;
}
.lcms_txt_padding .lcms_content  .lineaarticolo{
	padding: 0px;	
	top: calc(50px + (34 - 30) * ((100vw - 1200px) / (1920 - 1200)));
	right: 0px;
	min-width: 100%;
	height: 3px;
	background: #D03136;
	position: absolute;
	z-index: 0;
}
.lcms_txt_padding .lcms_content  .testoarticolo{
	padding: 20px 25px 0px 25px;	
	width: 95%;
	display:  block;
}
.lcms_txt_padding .lcms_content .TitoloSezione {
	font-size: calc(34px + (34 - 30) * ((100vw - 1200px) / (1920 - 1200)));
	padding: 15px 25px;	
	color: #D03136;
	display:  block;
}
.lcms_txt_padding .lcms_content .immaginearticolo {
	width: 100%;
	height: 75%;
	bottom: 0px;
	margin: 2% 0 0 0;
	display:  block;
}

/* divfocus */
.divfocus  .categoriaarticolo{
	padding: 10px 25px;	
	top: calc(34px + (34 - 30) * ((100vw - 1200px) / (1920 - 1200)));
	right: 0px;
	min-width: 3%;
	height: 15px;
	background: #3C82AC;
	position: absolute;
	font-size: calc(18px + (18 - 16) * ((100vw - 1200px) / (1920 - 1200)));
	line-height: 15px;
	z-index: 1;
	color: #fff !important;
}
.divfocus  .lineaarticolo{
	padding: 0px;	
	top: calc(50px + (34 - 30) * ((100vw - 1200px) / (1920 - 1200)));
	right: 0px;
	min-width: 100%;
	height: 3px;
	background: #3C82AC;
	position: absolute;
	z-index: 0;
}
.divfocus  .testoarticolo{
	padding: 20px 25px 0px 25px;	
	width: 90%;
	display:  block;
}
.divfocus .TitoloSezione {
	font-size: calc(34px + (34 - 30) * ((100vw - 1200px) / (1920 - 1200)));
	padding: 0px 25px;	
	color: #3C82AC;
	display:  block;
}
.divfocus .immaginearticolo {
	width: 100%;
	height: 75%;
	bottom: 0px;
	margin: 2% 0 0 0;
	display:  block;
}

/* divVideo */
.divvideo  .categoriaarticolo{
	padding: 10px 25px;	
	top: calc(34px + (34 - 30) * ((100vw - 1200px) / (1920 - 1200)));
	right: 0px;
	min-width: 3%;
	height: 15px;
	background: #1C9143;
	position: absolute;
	font-size: calc(18px + (18 - 16) * ((100vw - 1200px) / (1920 - 1200)));
	line-height: 15px;
	z-index: 1;
	color: #fff !important;
}
.divvideo  .lineaarticolo{
	padding: 0px;	
	top: calc(50px + (34 - 30) * ((100vw - 1200px) / (1920 - 1200)));
	right: 0px;
	min-width: 100%;
	height: 3px;
	background: #1C9143;
	position: absolute;
	z-index: 0;
}
.divvideo  .testoarticolo{
	padding: 20px 25px 0px 25px;	
	width: 90%;
	display:  block;
}
.divvideo .TitoloSezione {
	font-size: calc(34px + (34 - 30) * ((100vw - 1200px) / (1920 - 1200)));
	padding: 0px 25px;	
	color: #1C9143;
	display:  block;
}
.divvideo .immaginearticolo {
	width: 100%;
	height: 75%;
	bottom: 0px;
	margin: 2% 0 0 0;
	display:  block;
}


/* divdocumenti */
.divdocumenti  .categoriaarticolo{
	padding: 10px 25px;	
	top: calc(34px + (34 - 30) * ((100vw - 1200px) / (1920 - 1200)));
	right: 0px;
	min-width: 3%;
	height: 15px;
	background: #3C82AC;
	position: absolute;
	font-size: calc(18px + (18 - 16) * ((100vw - 1200px) / (1920 - 1200)));
	line-height: 15px;
	z-index: 1;
	color: #fff !important;
}
.divdocumenti  .lineaarticolo{
	padding: 0px;	
	top: calc(50px + (34 - 30) * ((100vw - 1200px) / (1920 - 1200)));
	right: 0px;
	min-width: 100%;
	height: 3px;
	background: #3C82AC;
	position: absolute;
	z-index: 0;
}
.divdocumenti  .testoarticolo{
	padding: 20px 25px 0px 25px;	
	width: 90%;
	display:  block;
}
.divdocumenti .TitoloSezione {
	font-size: calc(34px + (34 - 30) * ((100vw - 1200px) / (1920 - 1200)));
	padding: 0px 25px;	
	color: #3C82AC;
	display:  block;
}
.divdocumenti .immaginearticolo {
	width: 100%;
	height: 75%;
	bottom: 0px;
	margin: 2% 0 0 0;
	display:  block;
}
