/**** Root.css ****/
/** Variabili globali **/
/* nessuna */






/**** Root.css ****/
/** Variabili globali **/
:root {
  --bianco:	#ffffff;
  --nero:	#000000;
  --backg:	hsl(40 60% 98%);
  --blu:	hsl(217 100% 21%);
  --backgtr85:	hsl(40 60% 98% / .85);
  --backgtr90:	hsl(40 60% 98% / .90);
  --backgtr95:	hsl(40 60% 98% / .95);
  --grigioE:	#eeeeee;
  --grigioD:	#dddddd;
  --grigioC:	#cccccc;
  --grigioB:	#bbbbbb;
  --grigioA:	#aaaaaa;
  --grigio8:	#888888;
  --grigio7:	#777777;
  --grigio6:	#666666;
}

/** Font Aci **/
@font-face{font-family:FontAci ;src:url("../.img/font/Aci/ACI-Type-Regular.woff2      ");}
@font-face{font-family:FontBold;src:url("../.img/font/Aci/SourceSansPro-Bold.woff2    ");}
@font-face{font-family:FontLt  ;src:url("../.img/font/Aci/SourceSansPro-Light.woff2   ");}
@font-face{font-family:FontReg ;src:url("../.img/font/Aci/SourceSansPro-Regular.woff2 ");}
@font-face{font-family:FontSemi;src:url("../.img/font/Aci/SourceSansPro-SemiBold.woff2");}






/**** Main.css ****/
/** Html **/
html{			margin:0;padding:0;}

/** Body **/
body{
  margin:		0;
  padding:		0;
  color:		var(--blu);
  background:		var(--backg);
  font-family:		FontLt,sans-serif;
  font-size:		var(--unit16);
}

/** Link body **/
img{		border:			none;}
a{		text-decoration:	none;}
a:visited{	color:			var(--blu);}
a:link{		color:			var(--blu);}
a:hover{	color:			var(--blu);}
a:active{	color:			var(--blu);}

/** Icone **/
img.IcoT{ display:block;margin:auto;width:var(--unit  );height:var(--unit  );}
img.IcoS{ display:block;margin:auto;width:var(--unit12);height:var(--unit12);}
img.IcoM{ display:block;margin:auto;width:var(--unit16);height:var(--unit16);}
img.IcoL{ display:block;margin:auto;width:var(--unit20);height:var(--unit20);}
img.IcoX{ display:block;margin:auto;width:var(--unit25);height:var(--unit25);}

/** Comuni **/
.tr{		background-color:transparent;border:none;}
.pr{		background-color:#ffffff;}
.sx{		text-align:left;}
.cx{		text-align:center;}
.dx{		text-align:right;}
.ju{		text-align:justify;}

/** Fade in **/
@keyframes FadeIn{
    0% { opacity:		0;}
  100% { opacity:		1;}
}
/**** Intest.css ****/
div.int{
  margin:		0 0 var(--unit5) 0;
  display:		flex;
  padding:		var(--unit5);
  background-color:	var(--blu);
  align-items:		stretch;
  align-content:	stretch;
  gap:			var(--unit);
}

/** Logo **/
div.int div.logo{	padding:var(--unit5);}
div.int div.logo a.ico{
  display:		block;
  width:		100%;
  height:		100%;
}
div.int div.logo img.icol{	width:calc(4*var(--unit));}

/** Titolo **/
div.int div.title{		padding:var(--unit5);color:var(--bianco);}
div.int div.title p.title{	font-family:FontAci,sans-serif;font-size:200%;margin:.1em;}
div.int div.title p.sub{	font-family:FontReg,sans-serif;font-size:100%;margin:.1em;}

/** Foto bologna **/
div.int div.bol{
  flex:			1 1 auto;
  background-image:	url("../.img/img/mid/bologna.png");
  background-position:	center;
  background-repeat:	no-repeat;
  background-size:	cover;
  border:		solid 2px var(--bianco);
  border-radius:	var(--unit);
}
@media(max-width:1024px){
  div.int{		flex-wrap:wrap;}
  div.int div.bol{	flex:1 1 100%;padding-bottom:15%;}
}

/**** Footer ****/
div.foot{
  margin:		var(--unit5) 0 0 0;
  display:		flex;
  padding:		var(--unit);
  color:		var(--bianco);
  background-color:	var(--blu);
  align-items:		flex-start;
  align-content:	flex-start;
  justify-content:	center;
  gap:			var(--unit20);
}
div.foot a:visited{	color:var(--bianco);}
div.foot a:link{	color:var(--bianco);}
div.foot a:hover{	color:var(--bianco);}
div.foot a:active{	color:var(--bianco);}
div.foot h1{		font-family:FontAci,sans-serif;font-size:60%;margin:.1em;}
div.foot p{		font-family:FontReg,sans-serif;font-size:50%;margin:.1em;}
div.foot div.logo a.ico{
  display:		block;
  width:		100%;
  height:		100%;
}
div.logo img.icol{	width:calc(2*var(--unit));}

/**** Menu.css ****/
div.qmenu{
  width:			80%;
  margin:			0 auto 10px;
  background-color:		var(--ColorHBLt);
  padding:			5px;
  border:			2px solid var(--ColorBBXd);
  border-radius:		12px;
  animation:			FadeIn ease .5s;
  animation-iteration-count:	1;
  animation-fill-mode:		forwards;
}
div.qmenu:hover{ background-color:var(--ColorHBBr);}

/** Tabella portante **/
div.qmenu table{
  margin:			0 auto;
  width:			80%;
  padding:			0px;
  background-color:		transparent;
  color:			transparent;
  border:			none;
  border-collapse:		separate;
  border-spacing:		0px;
}
div.qmenu div.int{
  background-color:		var(--ColorHB);
  color:			var(--ColorHF);
  padding:			5px;
  border:			2px solid var(--ColorBBXd);
  border-radius:		10px;
  vertical-align:		middle;
  text-align:			center;
}
div.qmenu div.int h1{
  font-size:			100%;
  font-family:			FontHRV,sans-serif;
}
div.qmenu td{
  background-color:		transparent;
  color:			transparent;
  padding:			0;
  border:			none;
  vertical-align:		middle;
  font-family:			FontBRV,sans-serif;
}
div.qmenu td a{
  display:			block;
  background-color:		var(--ColorBB);
  color:			var(--ColorBF);
  border:			1px solid var(--ColorBBXd);
}
div.qmenu td:first-child a{	border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
div.qmenu td:last-child  a{	border-top-right-radius:10px;border-bottom-right-radius:10px;}

div.qmenu tr:hover td a{	background-color:var(--ColorBBLt);}
div.qmenu td a p{
  display:			inline-block;
  margin:			0;
  padding:			calc(var(--Ico_T)/2);
}

/** Paragrafo per diciture **/
div.qmenu td a.lev0{	margin:0 0 0 calc(var(--Ico_T)*0);}
div.qmenu td a.lev1{	margin:0 0 0 calc(var(--Ico_T)*1);}
div.qmenu td a.lev2{	margin:0 0 0 calc(var(--Ico_T)*2);}
div.qmenu td a.lev3{	margin:0 0 0 calc(var(--Ico_T)*3);}
div.qmenu td a.lev4{	margin:0 0 0 calc(var(--Ico_T)*4);}
div.qmenu td a.lev5{	margin:0 0 0 calc(var(--Ico_T)*5);}
div.qmenu td a.lev6{	margin:0 0 0 calc(var(--Ico_T)*6);}
div.qmenu td a.lev7{	margin:0 0 0 calc(var(--Ico_T)*7);}
div.qmenu td a.lev8{	margin:0 0 0 calc(var(--Ico_T)*8);}
div.qmenu td a.lev9{	margin:0 0 0 calc(var(--Ico_T)*9);}
div.qmenu td a img{	display:inline-block;vertical-align:middle;margin:0 0 5px 5px;width:var(--Ico_T);height:var(--Ico_T)}

/**** Menu.css ****/
div.menu{
  display:			flex;
  box-sizing:			border-box;
  flex-flow:			row wrap;
  justify-content:		center;
  width:			100%;
  background-color:		var(--backg);
  padding:			var(--unit16) var(--unit);
  gap:				var(--unit);
  border:			none;
  border-radius:		var(--unit);
  animation:			FadeIn ease .5s forwards;
  position:			relative;
}

/** Singolo item **/
div.menu div.item{
  flex:				0 1 31%;
  background-color:		var(--backg);
  padding:			0;
  border:			2px solid var(--blu);
  border-radius:		var(--unit);
}
@media(max-width:1024px){
  div.menu div.item{		flex:0 1 47%;}
}

div.menu div.item a{			display:block;width:100%;height:100%;}
div.menu div.item a div.sub{		padding:calc(8*var(--unit)) var(--unit5) var(--unit5) var(--unit5);border-radius:var(--unit);}
div.menu div.item div.text{		padding:var(--unit5);border-radius:var(--unit5);background-color:var(--backgtr85);}
div.menu div.item:hover div.text{	background-color:var(--backgtr95);}
div.menu div.item div.text h1{
  margin:			var(--unit5) auto;
  font-family:			FontHRV,sans-serif;
  font-size:			90%;
  font-weight:			bold;
  color:			var(--blu);
  text-align:			center;

}
div.menu div.item div.text p{
  margin:			var(--unit5) auto;
  font-size:			50%;
  font-weight:			bold;
  color:			var(--blu);
  text-align:			center;
}

div.menu div.up{
  position:			absolute;
  top:				0;
  left:				0;
  padding:			var(--unit3);
  border-radius:		var(--unit5);
  background-color:		var(--backgtr90);
}/**** Sezione normale ****/
div.w90{  width: 90%; margin-left:auto;margin-right:auto;}
div.w80{  width: 80%; margin-left:auto;margin-right:auto;}
div.w70{  width: 70%; margin-left:auto;margin-right:auto;}
div.w60{  width: 60%; margin-left:auto;margin-right:auto;}
div.w50{  width: 50%; margin-left:auto;margin-right:auto;}
div.w40{  width: 40%; margin-left:auto;margin-right:auto;}
div.w30{  width: 30%; margin-left:auto;margin-right:auto;}
div.w20{  width: 20%; margin-left:auto;margin-right:auto;}
div.w10{  width: 10%; margin-left:auto;margin-right:auto;}

div.w90s{ width: 90%; margin-left:0   ;margin-right:auto;}
div.w80s{ width: 80%; margin-left:0   ;margin-right:auto;}
div.w70s{ width: 70%; margin-left:0   ;margin-right:auto;}
div.w60s{ width: 60%; margin-left:0   ;margin-right:auto;}
div.w50s{ width: 50%; margin-left:0   ;margin-right:auto;}
div.w40s{ width: 40%; margin-left:0   ;margin-right:auto;}
div.w30s{ width: 30%; margin-left:0   ;margin-right:auto;}
div.w20s{ width: 20%; margin-left:0   ;margin-right:auto;}
div.w10s{ width: 10%; margin-left:0   ;margin-right:auto;}

div.w90d{ width: 90%; margin-left:auto;margin-right:0;}
div.w80d{ width: 80%; margin-left:auto;margin-right:0;}
div.w70d{ width: 70%; margin-left:auto;margin-right:0;}
div.w60d{ width: 60%; margin-left:auto;margin-right:0;}
div.w50d{ width: 50%; margin-left:auto;margin-right:0;}
div.w40d{ width: 40%; margin-left:auto;margin-right:0;}
div.w30d{ width: 30%; margin-left:auto;margin-right:0;}
div.w20d{ width: 20%; margin-left:auto;margin-right:0;}
div.w10d{ width: 10%; margin-left:auto;margin-right:0;}

div.sez{
  width:			auto;
  background-color:		var(--ColorBB);
  padding:			20px;
  margin:			20px 5px;
  border:			none;
  border-radius:		0px;
}

/** Intestazione sezione **/
div.sez div.int{
  background-color:		transparent;
  padding:			0;
  margin:			0;
  border:			none;
}
div.sez div.int h1{
  margin:			0 0 5px 0;
  padding:			10px;
  background-color:		var(--ColorBB);
  color:			var(--ColorBF);
  text-align:			center;
  font-size:			100%;
  font-family:			FontHRV,sans-serif;
  border:			2px solid var(--ColorBBXd);
  border-radius:		10px;
}
div.sez div.int:last-child h1{ margin:0;border:none;}
div.sez div.int table{
  margin:			-5px -5px 0 -5px;
  width:			auto;
  padding:			0px;
  background-color:		transparent;
  color:			var(--ColorBF);
  border:			none;
  border-spacing:		5px;
  border-collapse:		separate;
  border-radius:		0px;
}
div.sez div.int:last-child table{ margin:-5px;}
div.sez div.int.mini table{	margin:-5px;}
div.sez div.int th{
  background-color:		var(--ColorBB);
  color:			var(--ColorBF);
  padding:			5px;
  border:			2px solid var(--ColorBBXd);
  border-radius:		10px;
  vertical-align:		middle;
  text-align:			center;
  font-family:			FontHRV,sans-serif;
}
div.sez div.int.mini th{	font-size:80%;padding:0px;}
div.sez div.int th.ico{		width:1%;font-size:60%;}
div.sez div.int th:hover.ico{	background-color:var(--ColorBBLt);}
div.sez div.int th.narrow{      width: 1%;white-space:nowrap;padding:0 20px 0 20px;font-family:FontHRV,sans-serif;}
div.sez div.int th.mid{         width:20%;white-space:nowrap;padding:0 20px 0 20px;font-family:FontHRV,sans-serif;}
div.sez div.int th a{		display:block;width:100%;height:100%;}
div.sez div.int th a:visited{	color:var(--ColorBF);}
div.sez div.int th a:link{	color:var(--ColorBF);}
div.sez div.int th a:hover{	color:var(--ColorBFLt);}
div.sez div.int th a:active{	color:var(--ColorBFBr);}
div.sez div.int th.sp{		background-color:transparent;border:none;width:1%;}
div.sez div.int th.fill{	background-color:transparent;border:none;}

/** Tabelle dati **/
div.sez div.data{
  margin:			0;
  padding:			0;
  background-color:		var(--ColorBB);
  color:			var(--ColorBF);
  border:			none;
  border-radius:		11px;
}
div.sez div.data table{
  --Border:			1px solid var(--ColorBBXd);
  margin-bottom:		10px;
  width:			100%;
  padding:			0;
  background-color:		transparent;
  color:			var(--ColorBF);
  border:			var(--Border);
  border-collapse:		separate;
  border-spacing:		0;
  border-radius:		11px;
}
div.sez div.data table:last-of-type{	margin:0;}
div.sez div.data th{
  background-color:		var(--ColorHB);
  color:			var(--ColorHF);
  padding:			5px 10px;
  vertical-align:		middle;
  text-align:			center;
  font-family:			FontHRV,sans-serif;
  border:			var(--Border);
}
div.sez div.data th.ico{		width:1%;}
div.sez div.data th.narrow{		width:1%;white-space:nowrap;padding:0 20px 0 20px;}
div.sez div.data th a{			display:block;width:100%;height:100%;}
div.sez div.data th a:visited{		color:var(--ColorHF);}
div.sez div.data th a:link{		color:var(--ColorHF);}
div.sez div.data th a:hover{		color:var(--ColorHFLt);}
div.sez div.data th a:active{		color:var(--ColorHFBr);}
div.sez div.data th.fill{		background-color:transparent;border:none;}

div.sez div.data td{
  background-color:		var(--ColorBB);
  color:			var(--ColorBF);
  padding:			5px 10px;
  vertical-align:		middle;
  font-family:			FontBRV,sans-serif;
  border:			var(--Border);
}
div.sez div.data tr:hover td{		background-color:var(--ColorBBLt);}
div.sez div.data td.ico{		width:1%;}
div.sez div.data td.narrow{		width:1%;white-space:nowrap;padding:0 20px 0 20px;}
div.sez div.data td a{			display:block;width:100%;height:100%;}
div.sez div.data td a:visited{		color:var(--ColorBF);}
div.sez div.data td a:link{		color:var(--ColorBF);}
div.sez div.data td a:hover{		color:var(--ColorBFLt);}
div.sez div.data td a:active{		color:var(--ColorBFBr);}
div.sez div.data td.fill{		background-color:transparent;border:none;}

/** Solo tab **/
div.sez div.data table.tab thead            tr:first-child th:first-child{	border-top-left-radius :   10px;}
div.sez div.data table.tab thead            tr:first-child th:last-child{	border-top-right-radius:   10px;}
div.sez div.data table.tab thead:only-child tr:only-child  th:first-child{	border-top-left-radius :   10px;border-bottom-left-radius :10px;}
div.sez div.data table.tab thead:only-child tr:only-child  th:last-child{	border-top-right-radius:   10px;border-bottom-right-radius:10px;}
div.sez div.data table.tab tbody            tr:last-child  td:first-child{	border-bottom-left-radius: 10px;}
div.sez div.data table.tab tbody            tr:last-child  td:last-child{	border-bottom-right-radius:10px;}
div.sez div.data table.tab tbody:only-child tr:first-child td:first-child{	border-top-left-radius:    10px;}
div.sez div.data table.tab tbody:only-child tr:first-child td:last-child{	border-top-right-radius:   10px;}
div.sez div.data table.tab tbody:only-child tr:only-child  td:first-child{	border-top-left-radius:    10px;border-bottom-left-radius: 10px;}
div.sez div.data table.tab tbody:only-child tr:only-child  td:last-child{	border-top-right-radius:   10px;border-bottom-right-radius:10px;}


/** Solo mask **/
div.sez div.data table.mask th{	text-align:right;}
div.sez div.data table.mask tbody            tr:first-child :first-child{	border-top-left-radius :   10px;}
div.sez div.data table.mask tbody            tr:first-child :last-child {	border-top-right-radius:   10px;}
div.sez div.data table.mask tbody            tr:last-child  :first-child{	border-bottom-left-radius: 10px;}
div.sez div.data table.mask tbody            tr:last-child  :last-child {	border-bottom-right-radius:10px;}
div.sez div.data table.mask tbody:only-child tr:only-child  :first-child{	border-top-left-radius:    10px;border-bottom-left-radius: 10px;}
div.sez div.data table.mask tbody:only-child tr:only-child  :last-child{	border-top-right-radius:   10px;border-bottom-right-radius:10px;}


/** Documenti **/
div.sez div.data div.doc{
  --Border:			2px solid var(--blu);
  margin-bottom:		10px;
  width:			auto;
  padding:			0;
  color:			var(--blu);
  border:			var(--Border);
  border-radius:		11px;
  font-size:			60%;
}
div.sez div.data div.doc:last-of-type{	margin-bottom:0;}
div.sez div.data div.doc div.testo{	margin:20px 20px 40px 20px;position:relative;}
div.sez div.data div.doc div.backsez:first-child{	margin:auto;height:300px;border-top-left-radius:10px;border-top-right-radius:10px;}
div.sez div.data div.doc div.backsez{			margin:100px auto auto auto;height:300px;border-top-left-radius:10px;border-top-right-radius:10px;}
div.sez div.data div.doc div.up{			position:absolute;top:20px;left:20px;background-color:var(--backg);border-radius:10px;}
div.sez div.data div.doc div.testo h1{	font-size:130%;font-family:FontHRV,sans-serif;margin-top:2em;}
div.sez div.data div.doc div.testo h2{	font-size:110%;font-family:FontHRV,sans-serif;margin-top:2em;}
div.sez div.data div.doc div.testo h3{	font-size:100%;font-family:FontHRV,sans-serif;margin-top:2em;}
div.sez div.data div.doc div.testo h4{	font-size:100%;font-family:FontHRV,sans-serif;margin-top:2em;}
div.sez div.data div.doc div.testo h5{	font-size:100%;font-family:FontHRV,sans-serif;margin-top:2em;}
div.sez div.data div.doc div.testo h6{	font-size:100%;font-family:FontHRV,sans-serif;margin-top:2em;}
div.sez div.data div.doc div.testo a.lnk{	color:var(--ColorBFXd);}
div.sez div.data div.doc div.testo a.ico{	margin:20px;}
div.sez div.data div.doc div.testo img.icol{	display:block;}
div.sez div.data div.doc div.testo img.icoe{	display:block;}
div.sez div.data div.doc div.testo img.icoa{	display:block;}
div.sez div.data div.doc div.testo p.huge{	font-size:300%;}
div.sez div.data div.doc div.testo table.paglogo{		padding:10px;}
div.sez div.data div.doc div.testo table.paglogo tr:hover td{	background-color:var(--ColorBB);}
div.sez div.data div.doc div.testo table.paglogo td{
  padding:			100px;
  text-align:			center;
  vertical-align:		middle;
  border:			none;
  font-size:			600%;
  font-family:			FontHRV,sans-serif;
}
div.sez div.data div.doc div.testo p.cal{
  width:			fit-content;
  padding:			10px 20px;
  background-color:		var(--grigioE);
  font-size:110%;font-family:FontHRV,sans-serif;font-weight:bold;
  border:			solid 2px var(--blu);
  border-radius:		10px;
}
div.sez div.data div.doc div.testo div.cal{	position:relative;}
div.sez div.data div.doc div.testo div.cal.xs{	font-size:80%;}
div.sez div.data div.doc div.testo div.cal table{
  width:			100%;
  border-collapse:		separate;
  border-spacing:		5px;
  border:			solid 2px var(--blu);
  border-radius:		10px;
}
div.sez div.data div.doc div.testo div.cal table caption{
  margin:			0 0 5px 0;
  padding:			10px;
  font-weight:			bold;
  border:			solid 2px var(--blu);
  border-radius:		10px;
  text-align:			center;
  vertical-align:		middle;
  font-size:			110%;
  font-family:			FontHRV,sans-serif
}
div.sez div.data div.doc div.testo div.cal table th{
  padding:			10px;
  text-align:			center;
  vertical-align:		middle;
  border:			solid 2px var(--blu);
  border-radius:		10px;
  font-size:			110%;
  font-family:			FontHRV,sans-serif
}
div.sez div.data div.doc div.testo div.cal table td{
  padding:			10px;
  text-align:			center;
  vertical-align:		middle;
  border:			solid 2px var(--blu);
  border-radius:		10px;
}
div.sez div.data div.doc div.testo div.cal table td.top{	vertical-align:top;}
div.sez div.data div.doc div.testo div.cal table td.off{	background-color:var(--grigioD);}
div.sez div.data div.doc div.testo div.cal table td p{		margin:20px;line-height:100%;}
div.sez div.data div.doc div.testo div.cal table td p.int{	margin:0;background-color:var(--grigioE);padding:10px;border-radius:10px;}
div.sez div.data div.doc div.testo div.cal table td p b:after{	content:" ";}
div.sez div.data div.doc div.testo div.cal table td p span.mini{	font-size:80%;}
div.sez div.data div.doc div.testo div.cal table td p img{		display:inline;}
div.sez div.data div.doc div.testo div.cal table td p a{		display:inline;}

div.sez div.data div.doc div.testo div.cal.xs div.edit{
  display:	flex;
  align-items:	center;
  justify-content:center;
  position:	absolute;
  top:		0;
  width:	100%;
  height:	100%;
  background-color:	hsl(0 0% 50% / 70%);
  border-radius:	10px;
}
div.sez div.data div.doc div.testo div.cal.xs div.edit div.form{
  display:		flex;
  flex-direction:	column;
  align-items:		center;
  justify-content:	center;
  width:		30%;
  height:		50%;
  background-color:	var(--backg);
  border-radius:	10px;
}
div.sez div.data div.doc div.testo div.cal.xs div.edit div.form h2{	text-align:center;}




/** Tab Show **/
div.sez div.data table.tshow{
  --Border:			2px solid var(--ColorBBXd);
  margin-bottom:		10px;
  width:			100%;
  padding:			0 10px;
  background-color:		transparent;
  color:			var(--ColorBF);
  border:			var(--Border);
  border-collapse:		separate;
  border-spacing:		0 10px;
  border-radius:		11px;
}
div.sez div.data table.tshow:last-of-type{	margin:0;}
div.sez div.data table.tshow tr{		padding-bottom:10px;}
div.sez div.data table.tshow td{
  background-color:		var(--ColorBB);
  color:			var(--ColorBF);
  padding:			0;
  vertical-align:		middle;
  font-family:			FontBRV,sans-serif;
  border-right:			none;
  border-left:			none;
  border-top:			var(--Border);
  border-bottom:		var(--Border);
  border-radius:		0;
}
div.sez div.data table.tshow td:first-child{		border-left: var(--Border);border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
div.sez div.data table.tshow td:last-child{		border-right:var(--Border);border-top-right-radius:10px;border-bottom-right-radius:10px;}
div.sez div.data table.tshow td:first-child img.imgm{	display:block;border-top-left-radius:9px;border-bottom-left-radius:9px;}
div.sez div.data table.tshow td p{			margin:20px;}