/**** CSS comune ****/

/** link **/
img{          border:		none;}
a{            text-decoration:	none;}
a:link{       color:		var(--bianco);}
a:visited{    color:		var(--grigioE);}
a:hover{      color:		var(--grigioD);}
a:active{     color:		var(--grigioC);}


/** Body **/
html{
  max-width:		100vw;
  max-height:		100vh;
  margin:		0;
  padding:		0;
}
body{
  background-color:	var(--dk10);
  margin:		0;
  padding:		0;
  font-family:		normal;
  font-size:		2vh;
  color:		var(--bianco);
  max-width:		100vw;
  max-height:		100vh;
  overflow:		hidden;
  touch-action:		none;
  cursor:		none;
}
body.stampa{
  background-color:	var(--bianco);
  color:		var(--nero);
  margin:		5mm;
}
body.cursor{		cursor:auto;}
table{			font-size:100%;}
h1{			font-size:200%;}
h2{			font-size:160%;}
h3{			font-size:130%;}


/** di comodo **/
.sx  {   		text-align:	left;}
.cx  {   		text-align:	center;}
.dx  {   		text-align:	right;}
.datal{  		font-size:	150%;}
.oral{   		font-size:	300%;}
.datam{  		font-size:	120%;}
.oram{   		font-size:	250%;}
.datas{  		font-size:	100%;}
.oras{   		font-size:	200%;}
.giallo { 		color:		var(--giallo);}
.mex{
  padding:		20px;
  color:		var(--giallo);
  font-size:		20pt;
}
.china{			font-family:china;}


/** Audio **/
div.audioa{		display:none;}
div.null{		display:none;}


/** Ticker **/
@keyframes scroll{
  from{ left:100%;transform:translateX(   0%);}
  to{   left:0%  ;transform:translateX(-100%);}
}
div.ticker{
  overflow:		hidden;
}
div.ticker div{
  display:		inline-block;
  vertical-align:	middle;
  position:		relative;
  animation:		scroll 200s linear forwards;
}
div.ticker div p{
  margin:		0;
  font-size:		180%;
  white-space:		nowrap;
}
div.ticker div p span{  padding:0px 20px 0px 20px;}


/** Fade **/
@keyframes fade{
    0%{ opacity:0;}
   10%{ opacity:1;}
   90%{ opacity:1;}
  100%{ opacity:0;}
}
@keyframes nofade{
  0%,100%{ }
}
@keyframes fadein{
    0%{ opacity:0;}
   50%{ opacity:1;}
  100%{ opacity:1;}
}
@keyframes fadeout{
    0%{ opacity:1;}
   50%{ opacity:1;}
  100%{ opacity:0;}
}
@keyframes instampa{
    0% {opacity:0;}
   40% {opacity:1;}
   80% {opacity:1;}
  100% {opacity:0;}
}
@keyframes fades{
    0%{ opacity:0;}
   20%{ opacity:1;}
   90%{ opacity:1;}
  100%{ opacity:0;}
}
@keyframes movein{
   0%{ opacity:0;transform:translate(100%,0);}
  20%{ opacity:1;transform:translate(0,0);}
  90%{ opacity:1;transform:translate(0,0);}
 100%{ opacity:0;transform:translate(0,0);}
}
@keyframes emblema{
    0%{ transform:rotate(-15deg);}
   70%{ transform:rotate(-15deg);}
   72%{ transform:rotate(-10deg);}
   74%{ transform:rotate(-20deg);}
   76%{ transform:rotate(-10deg);}
   78%{ transform:rotate(-15deg);}
  100%{ transform:rotate(-15deg);}
}
div.dark{		filter:brightness(20%);}
div.fade{
  display:		table;
  width:		100%;
  max-height:		100%;
  margin:		0;
  padding:		0;
  background-color:	var(--bianco);
  border-spacing:	0;
  border:		none;
  border-image-width:	0;
}
div.fade.led256{	width:256px;height:384px;position:absolute;top:1536px;}
div.fade.led384h{	width:384px;height:256px;}
div.fade.led384{	width:384px;height:384px;}
div.fade.led512{	width:512px;height:256px;}
div.fade.led640{	width:640px;height:384px;}
div.fade div.slidea{
  display:		table-cell;
  width:		100%;
  max-height:		100%;
  margin:		0;
  padding:		0;
  vertical-align:	middle;
  text-align:		center;
  border-spacing:	0;
  border:		none;
  border-image-width:	0;
  animation:		fade 5s linear forwards;
}
div.fade div.nofade{
  animation:		nofade 5s linear forwards;
}
div.fade div.slidea.slow10{	animation:fade   10s linear forwards;}
div.fade div.slidea.slow15{	animation:fade   15s linear forwards;}
div.fade div.nofade.slow10{	animation:nofade 10s linear forwards;}
div.fade div.nofade.slow15{	animation:nofade 15s linear forwards;}
div.fade div.videoa{
  display:		table-cell;
  width:		100%;
  max-height:		100%;
  margin:		0;
  padding:		0;
  vertical-align:	middle;
  text-align:		center;
  border-spacing:	0;
  border:		none;
  border-image-width:	0;
}
div.fade div p{		color:var(--scuro);font-size:200%;margin:50px;}
div.fade img.slidea{
  display:		block;
  width:		100%;
  margin:		0;
  border:		none;
  border-image-width:	0;
  object-fit:		contain;
}
div.fade video{
  display:		block;
  width:		100%;
  margin:		0;
  border:		none;
  border-image-width:	0;
  object-fit:		contain;
}
div.fade.led256 img.slidea{	width:256px;height:384px;object-fit:fill;}
div.fade.led256 video{		width:256px;height:384px;object-fit:fill;}
div.fade.led384h img.slidea{	width:384px;height:256px;object-fit:fill;}
div.fade.led384h video{		width:384px;height:256px;object-fit:fill;}
div.fade.led384 img.slidea{	width:384px;height:384px;object-fit:fill;}
div.fade.led384 video{		width:384px;height:384px;object-fit:fill;}
div.fade.led512 img.slidea{	width:512px;height:256px;object-fit:fill;}
div.fade.led512 video{		width:512px;height:256px;object-fit:fill;}
div.fade.led640 img.slidea{	width:640px;height:384px;object-fit:fill;}
div.fade.led640 video{		width:640px;height:384px;object-fit:fill;}

/** Tabella strutturale di fondo **/
table.str{
  table-layout:			fixed;
  width:			100%;
  height:			100%;
  border-spacing:		5px;
  border:			none;
  padding:			0px;
}
table.str td{			vertical-align:middle;padding:0px;}
table.str td.top{		vertical-align:top;}
table.str td.mul{		vertical-align:top;height:50%;}
table.str td.intest{		height:10%;}
table.str td.intest div{	height:100%;}
table.str td.side{		width:20%;height:100%;}
table.str td.side div{		height:100%;}
table.str td.side33{		width:33%;height:100%;}
table.str td.side33 div{	height:100%;}
table.str td.news{
  padding:			0px 20px;
  height:			10%;
  border:			none;
  background-color:		var(--scuro);
}
table.str td.slide{		background-color:var(--bianco);height:79vh;}
table.strsub{
  width:			100%;
  height:			100%;
  border-spacing:		0;
  border:			none;
}
table.strsub td.slide{		border-right:5px solid var(--dk10);}


/** Tabella strutturale verticale **/
table.strv{
  table-layout:			fixed;
  width:			100%;
  height:			100%;
  border-spacing:		5px;
  border:			none;
  padding:			0px;
  font-size:			55%;
}
table.strv td{			vertical-align:middle;padding:0px;}
table.strv td.top{		vertical-align:top;}
table.strv td.mul{		vertical-align:top;height:50%;}
table.strv td.intest{		height:10%;}
table.strv td.intest div{	height:100%;}
table.strv td.up{		width:100%;height:50%;}
table.strv td.up div{		height:100%;}
table.strv td.down{		width:100%;height:30%;}
table.strv td.down div{		height:100%;}
table.strv td.news{
  padding:			0px 20px;
  height:			10%;
  border:			none;
  background-color:		var(--scuro);
}
table.strv td.slide{		background-color:var(--bianco);height:39%;}
table.strvsub{
  width:			100%;
  height:			100%;
  border-spacing:		0;
  border:			none;
}
table.strvsub td.slide{		border-right:5px solid var(--dk10);}
table.strv td.up table.num{	margin-top:30px;font-size:70%;}
table.strv table.intest th.ico{	display:none;}
table.strv.led960{				width:320px;height:960px;font-size:30%;}
table.strv.led960 table.intest th{		padding:5px;}
table.strv.led960 table.intest th.sx img{	width:100px;height:23px;}
table.strv.led960 table.taborari{		border-spacing:5px;border-radius:10px;}
table.strv.led960 table.taborari td{		padding:5px;border-radius:12px;}
table.strv.led960 table.taborari td img{	width:30px;}
table.strv.led960 div.fade.led960{		width:310px;height:527px;}
table.strv.led960 div.fade.led960 img.slidea{	width:310px;height:527px;object-fit:fill;}
table.strv.led960 div.fade.led960 video{	width:310px;height:527px;object-fit:fill;}
table.strv.led960 td.news{			font-size:180%;}


/** Tabella strutturale quadrata **/
table.strq{
  table-layout:			fixed;
  width:			100%;
  height:			100%;
  border-spacing:		5px;
  border:			none;
  padding:			0px;
  font-size:			100%;
}
table.strq td{			vertical-align:middle;padding:0px;}
table.strq td.intest{		height:10%;}
table.strq td.intest div{	height:100%;}
table.strq td.taborari{		background-color:var(--bianco);height:10%;}
table.strq td.slide{		background-color:var(--bianco);height:59%;}
table.strq td.news{
  padding:			0px 20px;
  height:			10%;
  border:			none;
  background-color:		var(--scuro);
}
table.strq table.intest th.ico{			display:none;}
table.strq.led1080{				width:1078px;height:1078px;font-size:70%;}
table.strq.led1080 table.intest th{		padding:5px;}
table.strq.led1080 table.intest th.sx img{	width:250px;height:58px;}
table.strq.led1080 table.taborari{		border-spacing:5px;border-radius:10px;}
table.strq.led1080 table.taborari td{		padding:5px;border-radius:12px;}
table.strq.led1080 table.taborari td img{	width:30px;}
table.strq.led1080 div.fade.led1080{		width:1068px;height:618px;}
table.strq.led1080 div.fade.led1080 img.slidea{	width:1068px;height:618px;object-fit:fill;}
table.strq.led1080 div.fade.led1080 video{	width:1068px;height:618px;object-fit:fill;}
table.strq.led1080 td.news{			font-size:120%;}


/** Tabella di prova **/
table.test{
  width:			95%;
  margin:			auto;
  border:			none;
  border-spacing:		20px;
  border-collapse:		separate;
  border-radius:		60px;
  background-color:var(--bianco);
}
table.test td{
  padding:			20px;
  vertical-align:		middle;
  text-align:			center;
  font-size:			200%;
  border-radius:		40px;
  color:var(--bianco);
}


/** Tabella intestazione **/
table.intest{
  width:			100%;
  height:			100%;
  border:			none;
  border-collapse:		collapse;
  background-color:		var(--bianco);
  color:			var(--scuro);
  font-size:			200%;
}
table.intest.vert{		font-size:100%;}
table.intest th{
  padding:			10px 30px;
  vertical-align:		middle;
  text-align:			center;
}
table.intest th.sx{		text-align:left;}
table.intest th.dx{		text-align:right;}
table.intest th span.data{	font-size:80% ;display:inline-block;vertical-align:middle;}
table.intest th span.ora{	font-size:110%;display:inline-block;vertical-align:middle;}
table.intest.mini th{		padding:5px 15px;font-size:50%;}
table.intest th.ico{		width:2%;padding:5px 5px;}
table.intest th.mid{		width:30%;}


/** Tabella magazzino **/
table.mon{
  width:			100%;
  border:			none;
  border-collapse:		collapse;
  background-color:		var(--dk10);
}
table.mon tr.giallo td{		color:var(--giallo);}
table.mon tr.uno    td{		background-color:var(--scuro);}
table.mon th{
  padding:			5px;
  vertical-align:		middle;
  text-align:			center;
  background-color:		var(--chiaro);
  font-size:			100%;
  color:			var(--bianco);
  border:			1px solid var(--nero);
  border-radius:		0px;
}
table.mon th.sx{		text-align:left;}
table.mon td{
  padding:			5px;
  vertical-align:		middle;
  background-color:		var(--dk10);
  font-size:			190%;
  color:			var(--bianco);
  border:			1px solid var(--nero);
  border-radius:		0px;
}
table.mon.mini th{		padding:2px;font-size:80%;}
table.mon.mini td{		padding:2px;font-size:80%;}


/** Tabella riepilogativo **/
table.riep{
  width:		100%;
  height:		100%;
  background-color:var(--bianco);
  border:		none;
  border-spacing:	10px 20px;
  border-radius:	15px;
  font-size:		230%;
}
table.riep td{
  padding:		20px;
  vertical-align:	middle;
  background-color:	var(--chiaro);
  color:		var(--bianco);
  border:		none;
  border-radius:	20px;
}
table.riep td.coda{		width:18%;padding:10px;}
table.riep td.coda span.nome{	font-size:50%;font-family:regular;}
table.riep td.freccia{		width:9%;background-color:var(--scuro);text-align:center;}
table.riep td.amico{		background-color:var(--rosa);}
table.riep td.dermo{		background-color:var(--cyan);}
table.riep td span.fadein{	animation:fadein  2s forwards;}
table.riep td span.fadeout{	animation:fadeout 2s forwards;}


/** Tabella totem **/
table.totem{
  width:		90%;
  height:		95%;
  margin:		auto;
  border:		none;
  border-spacing:	40px;
  border-radius:	80px;
  background-color:	var(--offw);
  table-layout:		fixed;
}
table.totem th{
  width:		50%;
  vertical-align:	middle;
  text-align:		center;
  background-color:	var(--chiaro);
  color:		var(--bianco);
  border:		none;
  border-radius:	40px;
}
table.totem th a{			display:inline-block;width:100%;height:100%;}
table.totem th a:link{			color:var(--bianco);cursor:none;}
table.totem th a:visited{		color:var(--bianco);cursor:none;}
table.totem th a:hover{			color:var(--scuro); cursor:none;}
table.totem th a:active{		color:var(--scuro); cursor:none;}
table.totem th div{			display:table;width:100%;height:100%;}
table.totem th div div{			display:table-cell;vertical-align:middle;text-align:center;}
table.totem th.amico{			background-color:var(--rosa);}
table.totem th.dermo{			background-color:var(--cyan);}
table.totem th div div table{		width:100%;height:100%;}
table.totem th div div table td{	text-align:center;vertical-align:middle;}
table.totem th div div table td img{	margin:5px;display:inline-block;vertical-align:middle;}
table.totem th a:hover  div div table td{color:var(--scuro);}
table.totem th a:active div div table td{color:var(--scuro);}

table.totem th.totem1 p.nome{		margin:0em 0px .5em 0px  ;font-size:400%;}
table.totem th.totem1 p.serviamo{	margin:0px               ;font-size:200%;}
table.totem th.totem1 p.num{		margin:0px               ;font-size:300%;}
table.totem th.totem1 p.attesa{		margin:1em 0px 0em 0px   ;font-size:180%;}
table.totem th.totem1 p.nomec{		margin:0em 0px .5em 0px  ;font-size:400%;color:var(--grigio);}
table.totem th.totem1 p.orari{		margin:1em 0px 0em 0px   ;font-size:180%;color:var(--grigio);}

table.totem th.totem2 p.nome{		margin:0em 0px .5em 0px  ;font-size:300%;}
table.totem th.totem2 p.serviamo{	margin:0px               ;font-size:180%;}
table.totem th.totem2 p.num{		margin:0px               ;font-size:260%;}
table.totem th.totem2 p.attesa{		margin:1em 0px 0em 0px   ;font-size:160%;}
table.totem th.totem2 p.nomec{		margin:0em 0px .5em 0px  ;font-size:300%;color:var(--grigio);}
table.totem th.totem2 p.orari{		margin:1em 0px 0em 0px   ;font-size:150%;color:var(--grigio);}

table.totem th.totem3 p.nome{		margin:0em 0px .5em 0px  ;font-size:270%;}
table.totem th.totem3 p.serviamo{	margin:0px               ;font-size:150%;}
table.totem th.totem3 p.num{		margin:0px               ;font-size:250%;}
table.totem th.totem3 p.attesa{		margin:1em 0px 0em 0px   ;font-size:120%;}
table.totem th.totem3 p.nomec{		margin:0em 0px .5em 0px  ;font-size:270%;color:var(--grigio);}
table.totem th.totem3 p.orari{		margin:1em 0px 0em 0px   ;font-size:130%;color:var(--grigio);}

table.totem th.totem4 p.nome{		margin:0em 0px .5em 0px  ;font-size:220%;}
table.totem th.totem4 p.serviamo{	margin:0px               ;font-size:120%;}
table.totem th.totem4 p.num{		margin:0px               ;font-size:170%;}
table.totem th.totem4 p.attesa{		margin:1em 0px 0em 0px   ;font-size:110%;}
table.totem th.totem4 p.nomec{		margin:0em 0px .5em 0px  ;font-size:220%;color:var(--grigio);}
table.totem th.totem4 p.orari{		margin:1em 0px 0em 0px   ;font-size:100%;color:var(--grigio);}

table.totem th.totem6 p.nome{		margin:0em 0px .5em 0px  ;font-size:180%;}
table.totem th.totem6 p.serviamo{	margin:0px               ;font-size:100%;}
table.totem th.totem6 p.num{		margin:0px               ;font-size:140%;}
table.totem th.totem6 p.attesa{		margin:1em 0px 0em 0px   ;font-size: 90%;}
table.totem th.totem6 p.nomec{		margin:0em 0px .5em 0px  ;font-size:180%;color:var(--grigio);}
table.totem th.totem6 p.orari{		margin:1em 0px 0em 0px   ;font-size: 90%;color:var(--grigio);}

table.totem th.totem9 p.nome{		margin:0em 0px .5em 0px  ;font-size:150%;}
table.totem th.totem9 p.serviamo{	margin:0px               ;font-size: 90%;}
table.totem th.totem9 p.num{		margin:0px               ;font-size:110%;}
table.totem th.totem9 p.attesa{		margin:1em 0px 0em 0px   ;font-size: 80%;}
table.totem th.totem9 p.nomec{		margin:0em 0px .5em 0px  ;font-size:150%;color:var(--grigio);}
table.totem th.totem9 p.orari{		margin:1em 0px 0em 0px   ;font-size: 80%;color:var(--grigio);}

table.totem th.totem12 p.nome{		margin:0em 0px .5em 0px  ;font-size:130%;font-family:regular;}
table.totem th.totem12 p.serviamo{	margin:0px               ;font-size: 90%;font-family:regular;}
table.totem th.totem12 p.num{		margin:0px               ;font-size:100%;font-family:regular;}
table.totem th.totem12 p.attesa{	margin:1em 0px 0em 0px   ;font-size: 60%;font-family:regular;}
table.totem th.totem12 p.nomec{		margin:0em 0px .5em 0px  ;font-size:200%;font-family:regular;color:var(--grigio);}
table.totem th.totem12 p.orari{		margin:1em 0px 0em 0px   ;font-size: 90%;font-family:regular;color:var(--grigio);}

table.totem th.totem1v p.nome{		margin:0em 0px .5em 0px  ;font-size:200%;}
table.totem th.totem1v p.serviamo{	margin:0px               ;font-size:100%;}
table.totem th.totem1v p.num{		margin:0px               ;font-size:150%;}
table.totem th.totem1v p.attesa{	margin:1em 0px 0em 0px   ;font-size: 90%;}
table.totem th.totem1v p.nomec{		margin:0em 0px .5em 0px  ;font-size:200%;color:var(--grigio);}
table.totem th.totem1v p.orari{		margin:1em 0px 0em 0px   ;font-size: 90%;color:var(--grigio);}

table.totem th.totem2v p.nome{		margin:0em 0px .5em 0px  ;font-size:150%;}
table.totem th.totem2v p.serviamo{	margin:0px               ;font-size: 90%;}
table.totem th.totem2v p.num{		margin:0px               ;font-size:130%;}
table.totem th.totem2v p.attesa{	margin:1em 0px 0em 0px   ;font-size: 80%;}
table.totem th.totem2v p.nomec{		margin:0em 0px .5em 0px  ;font-size:150%;color:var(--grigio);}
table.totem th.totem2v p.orari{		margin:1em 0px 0em 0px   ;font-size: 75%;color:var(--grigio);}

table.totem th.totem3v p.nome{		margin:0em 0px .5em 0px  ;font-size:135%;}
table.totem th.totem3v p.serviamo{	margin:0px               ;font-size: 70%;}
table.totem th.totem3v p.num{		margin:0px               ;font-size:125%;}
table.totem th.totem3v p.attesa{	margin:1em 0px 0em 0px   ;font-size: 60%;}
table.totem th.totem3v p.nomec{		margin:0em 0px .5em 0px  ;font-size:135%;color:var(--grigio);}
table.totem th.totem3v p.orari{		margin:1em 0px 0em 0px   ;font-size: 65%;color:var(--grigio);}

table.totem th.totem4v p.nome{		margin:0em 0px .5em 0px  ;font-size:110%;}
table.totem th.totem4v p.serviamo{	margin:0px               ;font-size: 60%;}
table.totem th.totem4v p.num{		margin:0px               ;font-size: 85%;}
table.totem th.totem4v p.attesa{	margin:1em 0px 0em 0px   ;font-size: 65%;}
table.totem th.totem4v p.nomec{		margin:0em 0px .5em 0px  ;font-size:110%;color:var(--grigio);}
table.totem th.totem4v p.orari{		margin:1em 0px 0em 0px   ;font-size: 50%;color:var(--grigio);}

table.totem th.totem6v p.nome{		margin:0em 0px .5em 0px  ;font-size: 90%;}
table.totem th.totem6v p.serviamo{	margin:0px               ;font-size: 50%;}
table.totem th.totem6v p.num{		margin:0px               ;font-size: 70%;}
table.totem th.totem6v p.attesa{	margin:1em 0px 0em 0px   ;font-size: 45%;}
table.totem th.totem6v p.nomec{		margin:0em 0px .5em 0px  ;font-size: 90%;color:var(--grigio);}
table.totem th.totem6v p.orari{		margin:1em 0px 0em 0px   ;font-size: 45%;color:var(--grigio);}

table.totem th.totem9v p.nome{		margin:0em 0px .5em 0px  ;font-size: 75%;}
table.totem th.totem9v p.serviamo{	margin:0px               ;font-size: 45%;}
table.totem th.totem9v p.num{		margin:0px               ;font-size: 65%;}
table.totem th.totem9v p.attesa{	margin:1em 0px 0em 0px   ;font-size: 40%;}
table.totem th.totem9v p.nomec{		margin:0em 0px .5em 0px  ;font-size: 75%;color:var(--grigio);}
table.totem th.totem9v p.orari{		margin:1em 0px 0em 0px   ;font-size: 40%;color:var(--grigio);}

table.totem th.totem12v p.nome{		margin:0em 0px .5em 0px  ;font-size: 65%;font-family:regular;}
table.totem th.totem12v p.serviamo{	margin:0px               ;font-size: 45%;font-family:regular;}
table.totem th.totem12v p.num{		margin:0px               ;font-size: 50%;font-family:regular;}
table.totem th.totem12v p.attesa{	margin:1em 0px 0em 0px   ;font-size: 30%;font-family:regular;}
table.totem th.totem12v p.nomec{	margin:0em 0px .5em 0px  ;font-size:100%;font-family:regular;color:var(--grigio);}
table.totem th.totem12v p.orari{	margin:1em 0px 0em 0px   ;font-size: 45%;font-family:regular;color:var(--grigio);}


/* Tabella instampa */
table.instampa{
  position:		absolute;
  width:		80%;
  height:		70vh;
  top:			50%;
  left:			50%;
  transform:		translate(-50%,-43%);
  margin:		auto;
  border:		none;
  border-spacing:	40px;
  border-radius:	80px;
  background-color:	var(--offw);
  animation:		instampa 2s forwards;
}
table.instampa th{
  width:		80%;
  height:		95%;
  vertical-align:	middle;
  text-align:		center;
  background-color:	var(--grigio);
  color:		var(--bianco);
  border:		none;
  border-radius:	40px;
}
table.instampa th p{
  margin:		40px;
  font-size:		200%;
}


/* Tabella pdl */
table.pdl{
  width:		420px;
  border:		1px solid var(--bianco);
  border-collapse:	collapse;
  background-color:	var(--scuro);
  font-size:		12pt;	/* non in proporzione allo schermo */
  cursor:		auto;
}
table.pdl th{
  padding:		5px 10px;
  vertical-align:	middle;
  text-align:		left;
  border:		1px solid var(--bianco);
  color:		var(--bianco);
}
table.pdl th.cx{	text-align:center;}
table.pdl th.logo{	padding:0px;
			width:25px;
			background-color:var(--bianco);
			text-align:center;
			vertical-align:top;
}
table.pdl th.logo table{	margin:auto;
				border:none;
				border-collapse:collapse;
				width:100%;
				height:100%;
}
table.pdl th.logo table th{	border:none;
				padding:10px 0px;
				text-align:center;
}
table.pdl th.logo table th.freccia{	padding:5px;background-color:var(--scuro);}
table.pdl th.logo table th.logor{	height:100%;}
table.pdl td{
  padding:		5px 10px;
  vertical-align:	middle;
  border:		1px solid var(--bianco);
  color:		var(--bianco);
  background-color:	var(--chiaro);
}
table.pdl th.ico{	width:2%;}
table.pdl td.ico{	width:2%;}
table.pdl td.amico{	background-color:var(--rosa);}
table.pdl td.dermo{	background-color:var(--cyan);}
table.pdl td.dx{	text-align:right;}
table td select{
  border:		none;
  font-size:		18pt;	/* non proporzionale allo schermo */
  font-family:		normal;
  color:		var(--bianco);
  background-color:	var(--chiaro);
}
table.pdl td.amico select{	background-color:var(--rosa);}
table.pdl td.dermo select{	background-color:var(--cyan);}
table.pdl td.salta{
  font-size:		18pt;	/* non proporzionale allo schermo */
  font-family:		regular;
  color:		var(--bianco);
  background-color:	var(--arancio2);
}
table.pdl td.saltar{
  font-size:		18pt;	/* non proporzionale allo schermo */
  font-family:		regular;
  color:		var(--bianco);
  background-color:	var(--rosso);
}
table.pdl th a{		display:inline-block;width:100%;height:50%;}
table.pdl th a:link{	color:var(--bianco);}
table.pdl th a:visited{	color:var(--bianco);}
table.pdl th a:hover{	color:var(--scuro);}
table.pdl th a:active{	color:var(--scuro);}
table.pdlm{
  width:		420px;
  border:		none;
  border-spacing:	5px;
  border-radius:	15px;
  background-color:	var(--scuro);
  font-size:		12pt;	/* non in proporzione allo schermo */
  cursor:		auto;
}
table.pdlm th{
  padding:		10px;
  vertical-align:	middle;
  text-align:		left;
  border:		1px solid var(--giallo);
  border-radius:	10px;
  color:		var(--giallo);
}
table.pdlm th a{		display:inline-block;width:100%;height:50%;}
table.pdlm th a:link{		color:var(--giallo);}
table.pdlm th a:visited{	color:var(--grigioC);}
table.pdlm th a:hover{		color:var(--bianco);}
table.pdlm th a:active{		color:var(--bianco);}


/* Tabella wgf */
table.wgf{
  width:		256px;
  height:		192px;
  border:		1px solid var(--bianco);
  border-collapse:	collapse;
  background-color:	var(--scuro);
  font-size:		64pt;	/* non in proporzione allo schermo */
  cursor:		auto;
}
table.wgf td{
  padding:		5px 10px;
  vertical-align:	middle;
  text-align:		center;
  border:		1px solid var(--bianco);
  color:		var(--bianco);
  background-color:	var(--chiaro);
}
table.wgf td.amico{	background-color:var(--rosa);}
table.wgf td.dermo{	background-color:var(--cyan);}


/* Tabella cal */
table.cal{
  width:		100%;
  height:		100%;
  border:		none;
  border-spacing:	10px;
  border-radius:	20px;
  background-color:	var(--bianco);
  font-size:		120%;
  cursor:		auto;
}
table.cal tr.head{	height:8%;}
table.cal th{
  padding:		10px;
  vertical-align:	middle;
  text-align:		center;
  border:		none;
  border-radius:	10px;
  font-size:		120%;
  background-color:	var(--scuro);
  color:		var(--bianco);
}
table.cal th table{
  margin:		auto;
  width:		70%;
  padding:		0;
  border:		none;
}
table.cal th table th{
  padding:		5px;
  vertical-align:	middle;
  text-align:		right;
  border:		none;
}
table.cal th table th.w05{ width:5%;}
table.cal th table th.w10{ width:10%;}
table.cal th table th.w15{ width:15%;}
table.cal th table th.w20{ width:20%;}
table.cal th table th.w25{ width:25%;}
table.cal th table th.w30{ width:30%;}
table.cal th table th.ico{ width:2%;}
table.cal th table th a{		display:inline-block;width:100%;height:50%;}
table.cal th table th a:link{		color:var(--bianco);}
table.cal th table th a:visited{	color:var(--bianco);}
table.cal th table th a:hover{		color:var(--scuro);}
table.cal th table th a:active{		color:var(--scuro);}
table.cal td{
  width:		14.28%;	/* 7 colonne uguali */
  padding:		10px;
  vertical-align:	top;
  border:		none;
  border-radius:	20px;
  background-color:	var(--chiaro);
  color:		var(--bianco);
}
table.cal td p{ 	margin:0em 0px 1em 0px;}
table.cal td p.cx{	margin:0;font-size:110%;text-align:center;}
table.cal td.salta{
  color:		var(--bianco);
  background-color:	var(--arancio2);
}
table.cal td.gray{	background-color:var(--grigioC);}



/* Tabella orari */
table.taborari{
  width:		100%;
  height:		100%;
  margin:		auto;
  border:		none;
  border-spacing:	20px;
  border-radius:	50px;
  background-color:	var(--bianco);
  font-size:		220%;
}
table.taborari td{
  width:		100%;
  padding:		10px;
  vertical-align:	middle;
  text-align:		center;
  background-color:	var(--chiaro);
  color:		var(--bianco);
  border:		none;
  border-radius:	30px;
}
table.taborari tr.uno td{	background-color:var(--scuro);}
table.taborari tr td.logo{	width:15%;}
table.taborari tr td.uno{	background-color:var(--scuro);width:auto;}
table.taborari tr td.due{	width:auto;}


/** Tabella ec **/
@keyframes blink{
    0%{ color:var(--bianco);}
   16%{ color:var(--dk05 );}
   32%{ color:var(--bianco);}
   50%{ color:var(--dk05 );}
   66%{ color:var(--bianco);}
   82%{ color:var(--dk05 );}
  100%{ color:var(--bianco);}
}
@keyframes big{
    0%{ transform:scale(1);}
   10%{ transform:scale(1.2);}
   90%{ transform:scale(1.2);}
  100%{ transform:scale(1);}
}
table.tabec{
  width:		100%;
  height:		100%;
  margin:		auto;
  border:		none;
  border-spacing:	20px;
  border-radius:	50px;
  background-color:	var(--bianco);
  font-size:		200%;
}
table.tabec th{
  padding:		10px;
  vertical-align:	middle;
  text-align:		center;
  background-color:	var(--chiaro);
  color:		var(--bianco);
  border:		none;
  border-radius:	30px;
}
table.tabec th.amico{		background-color:var(--rosa);}
table.tabec th.dermo{		background-color:var(--cyan);}
table.tabec th.salta{		background-color:var(--arancio2);}
table.tabec th.numc{		animation:blink 1.8s linear forwards;}
table.tabec th.numc p.num{	animation:big   1.8s linear forwards;}
table.tabec th.numc3{		animation:blink 2.8s linear forwards;}
table.tabec th.numc3 p.num{	animation:big   2.8s linear forwards;}
table.tabec th.numc4{		animation:blink 3.8s linear forwards;}
table.tabec th.numc4 p.num{	animation:big   3.8s linear forwards;}
table.tabec th p.nome     span.fadein{	animation:fadein  2s forwards;}
table.tabec th p.nome     span.fadeout{	animation:fadeout 2s forwards;}
table.tabec th p.serviamo span.fadein{	animation:fadein  2s forwards;}
table.tabec th p.serviamo span.fadeout{	animation:fadeout 2s forwards;}
table.tabec th p.cassa    span.fadein{	animation:fadein  2s forwards;}
table.tabec th p.cassa    span.fadeout{	animation:fadeout 2s forwards;}
table.tabec th p.attesa   span.fadein{	animation:fadein  2s forwards;}
table.tabec th p.attesa   span.fadeout{	animation:fadeout 2s forwards;}
table.tabec th p.nome     span.fadein3{		animation:fadein  3s forwards;}
table.tabec th p.nome     span.fadeout3{	animation:fadeout 3s forwards;}
table.tabec th p.serviamo span.fadein3{		animation:fadein  3s forwards;}
table.tabec th p.serviamo span.fadeout3{	animation:fadeout 3s forwards;}
table.tabec th p.cassa    span.fadein3{		animation:fadein  3s forwards;}
table.tabec th p.cassa    span.fadeout3{	animation:fadeout 3s forwards;}
table.tabec th p.attesa   span.fadein3{		animation:fadein  3s forwards;}
table.tabec th p.attesa   span.fadeout3{	animation:fadeout 3s forwards;}
table.tabec th p.nome     span.fadein4{		animation:fadein  4s forwards;}
table.tabec th p.nome     span.fadeout4{	animation:fadeout 4s forwards;}
table.tabec th p.serviamo span.fadein4{		animation:fadein  4s forwards;}
table.tabec th p.serviamo span.fadeout4{	animation:fadeout 4s forwards;}
table.tabec th p.cassa    span.fadein4{		animation:fadein  4s forwards;}
table.tabec th p.cassa    span.fadeout4{	animation:fadeout 4s forwards;}
table.tabec th p.attesa   span.fadein4{		animation:fadein  4s forwards;}
table.tabec th p.attesa   span.fadeout4{	animation:fadeout 4s forwards;}

table.tabec th.ec1 p.nome{	margin:0               ;font-size:100%;}
table.tabec th.ec1 p.serviamo{	margin:.5em 0px 0em 0px;font-size:70%;}
table.tabec th.ec1 p.num{	margin:0               ;font-size:350%;font-family:regular;}
table.tabec th.ec1 p.numh{      margin:0               ;font-size:600%;font-family:regular;}
table.tabec th.ec1 p.cassa{	margin:.1em 0px 0em 0px;font-size:100%;}
table.tabec th.ec1 p.attesa{	margin:.1em 0px 0em 0px;font-size:70%;}
table.tabec th.ec1 p.slot{	margin:0               ;font-size:170%;font-family:regular;}

table.tabec th.ec2 p.nome{	margin:0               ;font-size:90%;}
table.tabec th.ec2 p.serviamo{	margin:.5em 0px 0em 0px;font-size:50%;}
table.tabec th.ec2 p.num{	margin:0               ;font-size:350%;font-family:regular;}
table.tabec th.ec2 p.numh{      margin:0               ;font-size:350%;font-family:regular;}
table.tabec th.ec2 p.cassa{	margin:.1em 0px 0em 0px;font-size:90%;}
table.tabec th.ec2 p.attesa{	margin:.1em 0px 0em 0px;font-size:50%;}
table.tabec th.ec2 p.slot{	margin:0               ;font-size:170%;font-family:regular;}

table.tabec th.ec3 p.nome{	margin:0               ;font-size:90%;}
table.tabec th.ec3 p.serviamo{	margin:.5em 0px 0em 0px;font-size:50%;}
table.tabec th.ec3 p.num{	margin:0               ;font-size:320%;font-family:regular;}
table.tabec th.ec3 p.numh{      margin:0               ;font-size:320%;font-family:regular;}
table.tabec th.ec3 p.cassa{	margin:.1em 0px 0em 0px;font-size:90%;}
table.tabec th.ec3 p.attesa{	margin:.1em 0px 0em 0px;font-size:50%;}
table.tabec th.ec3 p.slot{	margin:0               ;font-size:300%;font-family:regular;}

table.tabec th.ec4 p.nome{	margin:0               ;font-size:80%;}
table.tabec th.ec4 p.serviamo{	margin:.5em 0px 0em 0px;font-size:40%;}
table.tabec th.ec4 p.num{	margin:0               ;font-size:270%;}
table.tabec th.ec4 p.numh{      margin:0               ;font-size:270%;}
table.tabec th.ec4 p.cassa{	margin:.1em 0px 0em 0px;font-size:80%;}
table.tabec th.ec4 p.attesa{	margin:.1em 0px 0em 0px;font-size:50%;}
table.tabec th.ec4 p.slot{	margin:0               ;font-size:200%;font-family:regular;}

table.tabec th.ec5 p.nome{	margin:0               ;font-size:70%;}
table.tabec th.ec5 p.serviamo{	margin:.5em 0px 0em 0px;font-size:30%;}
table.tabec th.ec5 p.num{	margin:0               ;font-size:200%;}
table.tabec th.ec5 p.numh{      margin:0               ;font-size:200%;}
table.tabec th.ec5 p.cassa{	margin:.1em 0px 0em 0px;font-size:70%;}
table.tabec th.ec5 p.attesa{	margin:.1em 0px 0em 0px;font-size:40%;}
table.tabec th.ec5 p.slot{	margin:0               ;font-size:200%;font-family:regular;}

table.tabec th.ec6 p.nome{	margin:0               ;font-size:60%;}
table.tabec th.ec6 p.serviamo{	margin:.5em 0px 0em 0px;font-size:25%;}
table.tabec th.ec6 p.num{	margin:0               ;font-size:150%;}
table.tabec th.ec6 p.numh{      margin:0               ;font-size:150%;}
table.tabec th.ec6 p.cassa{	margin:.1em 0px 0em 0px;font-size:60%;}
table.tabec th.ec6 p.attesa{	margin:.1em 0px 0em 0px;font-size:30%;}
table.tabec th.ec6 p.slot{	margin:0               ;font-size:150%;font-family:regular;}

table.tabec th.ec7 p.nome{	margin:0               ;font-size:50%;}
table.tabec th.ec7 p.serviamo{	margin:.5em 0px 0em 0px;font-size:20%;}
table.tabec th.ec7 p.num{	margin:0               ;font-size:130%;}
table.tabec th.ec7 p.numh{      margin:0               ;font-size:130%;}
table.tabec th.ec7 p.cassa{	margin:.1em 0px 0em 0px;font-size:50%;}
table.tabec th.ec7 p.attesa{	margin:.1em 0px 0em 0px;font-size:25%;}
table.tabec th.ec7 p.slot{	margin:0               ;font-size:130%;font-family:regular;}

table.tabec th.ec8 p.nome{	margin:0               ;font-size:45%;}
table.tabec th.ec8 p.serviamo{	margin:.5em 0px 0em 0px;font-size:18%;}
table.tabec th.ec8 p.num{	margin:0               ;font-size:120%;}
table.tabec th.ec8 p.numh{      margin:0               ;font-size:120%;}
table.tabec th.ec8 p.cassa{	margin:.1em 0px 0em 0px;font-size:45%;}
table.tabec th.ec8 p.attesa{	margin:.1em 0px 0em 0px;font-size:22%;}
table.tabec th.ec8 p.slot{	margin:0               ;font-size:120%;font-family:regular;}

table.tabec th.ec9 p.nome{	margin:0               ;font-size:40%;}
table.tabec th.ec9 p.serviamo{	margin:.5em 0px 0em 0px;font-size:16%;}
table.tabec th.ec9 p.num{	margin:0               ;font-size:110%;}
table.tabec th.ec9 p.numh{      margin:0               ;font-size:110%;}
table.tabec th.ec9 p.cassa{	margin:.1em 0px 0em 0px;font-size:40%;}
table.tabec th.ec9 p.attesa{	margin:.1em 0px 0em 0px;font-size:20%;}
table.tabec th.ec9 p.slot{	margin:0               ;font-size:110%;font-family:regular;}


/** Tabella num **/
table.num{
  width:		98%;
  height:		95%;
  margin:		auto;
  border:		none;
  border-spacing:	20px;
  border-radius:	40px;
  background-color:	var(--offw);
  table-layout:		fixed;
}
table.num th{
  padding:		20px;
  width:		50%;
  vertical-align:	middle;
  text-align:		center;
  background-color:	var(--chiaro);
  color:		var(--bianco);
  border:		none;
  border-radius:	20px;
}
table.num th.amico{			background-color:var(--rosa);}
table.num th.dermo{			background-color:var(--cyan);}
table.num th.salta{			background-color:var(--arancio2);}
table.num th.numc{			animation:blink 1.8s linear forwards;}
table.num th.numc3			animation:blink 2.8s linear forwards;}
table.num th.numc4{			animation:blink 3.8s linear forwards;}
table.num th p.nome span.fadein{	animation:fadein  2s forwards;}
table.num th p.nome span.fadeout{	animation:fadeout 2s forwards;}
table.num th p.cassa span.fadein{	animation:fadein  2s forwards;}
table.num th p.cassa span.fadeout{	animation:fadeout 2s forwards;}
table.num th p.attesa span.fadein{	animation:fadein  2s forwards;}
table.num th p.attesa span.fadeout{	animation:fadeout 2s forwards;}
table.num th p.nome span.fadein3{	animation:fadein  3s forwards;}
table.num th p.nome span.fadeout3{	animation:fadeout 3s forwards;}
table.num th p.cassa span.fadein3{	animation:fadein  3s forwards;}
table.num th p.cassa span.fadeout3{	animation:fadeout 3s forwards;}
table.num th p.attesa span.fadein3{	animation:fadein  3s forwards;}
table.num th p.attesa span.fadeout3{	animation:fadeout 3s forwards;}
table.num th p.nome span.fadein4{	animation:fadein  4s forwards;}
table.num th p.nome span.fadeout4{	animation:fadeout 4s forwards;}
table.num th p.cassa span.fadein4{	animation:fadein  4s forwards;}
table.num th p.cassa span.fadeout4{	animation:fadeout 4s forwards;}
table.num th p.attesa span.fadein4{	animation:fadein  4s forwards;}
table.num th p.attesa span.fadeout4{	animation:fadeout 4s forwards;}

table.num th.num1 p.nome{		margin:0em 0px -.4em 0px;font-size: 400%;}
table.num th.num1 p.num{		margin:0		;font-size:2500%;font-family:regular;}
table.num th.num1 p.numnoa{		margin:0em 0px -.2em 0px;font-size:3200%;font-family:regular;}
table.num th.num1 p.cassa{		margin:-1em 0px 0em 0px	;font-size: 400%;}
table.num th.num1 p.attesa{		margin:-1em 0px 0em 0px	;font-size: 400%;}
table.num th.num1 p.nomec{		margin:0em 0px .5em 0px	;font-size: 400%;color:var(--grigio);}
table.num th.num1 p.orari{		margin:1em 0px  0em 0px	;font-size: 180%;color:var(--grigio);}
table.num th.num1 p.slot{		margin:0		;font-size:2000%;font-family:regular;}

table.num th.num2 p.nome{		margin:0		;font-size: 300%;}
table.num th.num2 p.num{		margin:0		;font-size:2000%;font-family:regular;}
table.num th.num2 p.numnoa{		margin:0em 0px -.2em 0px;font-size:2000%;font-family:regular;}
table.num th.num2 p.cassa{		margin:0		;font-size: 300%;}
table.num th.num2 p.attesa{		margin:0		;font-size: 300%;}
table.num th.num2 p.nomec{		margin:0em 0px .5em 0px	;font-size: 300%;color:var(--grigio);}
table.num th.num2 p.orari{		margin:1em 0px  0em 0px	;font-size: 150%;color:var(--grigio);}
table.num th.num2 p.slot{		margin:0		;font-size:1200%;font-family:regular;}

table.num th.num3 p.nome{		margin:0		;font-size: 270%;}
table.num th.num3 p.num{		margin:0		;font-size:1200%;font-family:regular;}
table.num th.num3 p.numnoa{		margin:0em 0px -.2em 0px;font-size:1500%;font-family:regular;}
table.num th.num3 p.cassa{		margin:0		;font-size: 270%;}
table.num th.num3 p.attesa{		margin:0		;font-size: 270%;}
table.num th.num3 p.nomec{		margin:0em 0px .5em 0px	;font-size: 270%;color:var(--grigio);}
table.num th.num3 p.orari{		margin:1em 0px  0em 0px	;font-size: 130%;color:var(--grigio);}
table.num th.num3 p.slot{		margin:0		;font-size: 800%;font-family:regular;}

table.num th.num4 p.nome{		margin:0em 0px -.4em 0px;font-size: 220%;}
table.num th.num4 p.num{		margin:0		;font-size:1200%;font-family:regular;}
table.num th.num4 p.numnoa{		margin:0em 0px -.2em 0px;font-size:1500%;font-family:regular;}
table.num th.num4 p.cassa{		margin:-1em 0px 0em 0px	;font-size: 220%;}
table.num th.num4 p.attesa{		margin:-1em 0px 0em 0px	;font-size: 220%;}
table.num th.num4 p.nomec{		margin:0em 0px .5em 0px	;font-size: 220%;color:var(--grigio);}
table.num th.num4 p.orari{		margin:1em 0px  0em 0px	;font-size: 100%;color:var(--grigio);}
table.num th.num4 p.slot{		margin:0		;font-size:1000%;font-family:regular;}

table.num th.num6 p.nome{		margin:0em 0px -.4em 0px;font-size: 180%;}
table.num th.num6 p.num{		margin:0		;font-size:1200%;font-family:regular;}
table.num th.num6 p.numnoa{		margin:em 0px -.2em 0px	;font-size:1800%;font-family:regular;}
table.num th.num6 p.cassa{		margin:-1em 0px 0em 0px	;font-size: 180%;}
table.num th.num6 p.attesa{		margin:-1em 0px 0em 0px	;font-size: 180%;}
table.num th.num6 p.nomec{		margin:0em 0px .5em 0px	;font-size: 180%;color:var(--grigio);}
table.num th.num6 p.orari{		margin:1em 0px  0em 0px	;font-size:  90%;color:var(--grigio);}
table.num th.num6 p.slot{		margin:0		;font-size:1000%;font-family:regular;}

table.num th.num9 p.nome{		margin:0em 0px -.4em 0px;font-size: 150%;}
table.num th.num9 p.num{		margin:0		;font-size: 800%;font-family:regular;}
table.num th.num9 p.numnoa{		margin:0em 0px -.2em 0px;font-size:1200%;font-family:regular;}
table.num th.num9 p.cassa{		margin:-1em 0px 0em 0px	;font-size: 150%;}
table.num th.num9 p.attesa{		margin:-1em 0px 0em 0px	;font-size: 150%;}
table.num th.num9 p.nomec{		margin:0em 0px .5em 0px	;font-size: 150%;color:var(--grigio);}
table.num th.num9 p.orari{		margin:1em 0px  0em 0px	;font-size:  80%;color:var(--grigio);}
table.num th.num9 p.slot{		margin:0		;font-size: 600%;font-family:regular;}

table.num th.num12 p.nome{		margin:0em 0px -.4em 0px;font-size: 180%;font-family:regular;}
table.num th.num12 p.num{		margin:0		;font-size: 700%;font-family:regular;}
table.num th.num12 p.numnoa{		margin:0em 0px -.2em 0px;font-size:1000%;font-family:regular;}
table.num th.num12 p.cassa{		margin:-1em 0px 0em 0px	;font-size: 180%;font-family:regular;}
table.num th.num12 p.attesa{		margin:-1em 0px 0em 0px	;font-size: 180%;font-family:regular;}
table.num th.num12 p.nomec{		margin:0em 0px .5em 0px	;font-size: 180%;font-family:regular;color:var(--grigio);}
table.num th.num12 p.orari{		margin:1em 0px  0em 0px	;font-size:  90%;font-family:regular;color:var(--grigio);}
table.num th.num12 p.slot{		margin:0		;font-size: 600%;font-family:regular;}


/** Info png/jpg **/
@keyframes infoin{
    0%{ opacity:	0;}
  100%{ opacity:	1;}
}
table.info{
  table-layout:	fixed;
  width:	100%;
  height:	100%;
  margin:	0;
  padding:	0;
  border:		none;
}
/* table.info *{ cursor: none !important;} */
table.info td.info{		width:80vw;text-align:center;vertical-align:middle;}
/* Eventualmente touch-action:pinch-zoom; */
table.info td.info img.info{	max-width:78vw;min-height:80vh;max-height:95vh;object-fit:contain;animation:infoin 0.4s linear forwards;}
table.info td.side{
  width:		20%;
  padding:		0;
  text-align:		center;
  vertical-align:	middle;
}
table.info td.side table{
  margin:		auto;
  border:		none;
  border-spacing:	15px;
  border-radius:	30px;
}
table.info td.side table.citylife td{	background-color:var(--citylife);}
table.info td.side table td{
  background-color:	var(--bordeaux);
  padding:		5px;
  text-align:		center;
  vertical-align:	middle;
  border:		none;
  border-radius:	10px;
}
table.info td.side table td.ecomm{		padding:20px;}
table.info td.side table td p{			font-size:100%;padding:0;}
table.info td.side table td.title{		padding:60px 20px;}
table.info td.side table td.title p.head{	font-size:150%;}
table.info td.side table td.title p{		font-size:120%;}
table.info td.side table td.ico img{		display:block;margin:0 auto;}
table.info td.side table td.pag{		padding:20px;}
table.info td.side table td.gray{		background-color:var(--grigioC);}
table.info.intest{				color:var(--blu);}


/* Home page */
table.home{
  width:		90%;
  height:		95%;
  margin:		auto;
  border:		none;
  border-spacing:	40px;
  border-radius:	80px;
  background-color:	transparent;
  table-layout:		fixed;
}
table.home td{
  width:		50%;
  vertical-align:	middle;
  text-align:		center;
  background-color:	var(--bordeaux);
  color:		var(--bianco);
  border:		none;
  border-radius:	40px;
}

table.home td a{			display:inline-block;width:100%;height:100%;}
table.home td a:link{			color:var(--bianco);cursor:none;}
table.home td a:visited{		color:var(--bianco);cursor:none;}
table.home td a:hover{			color:var(--bianco);cursor:none;}
table.home td a:active{			color:var(--bordeaux); cursor:none;}
table.home td div{			display:table;width:100%;height:100%;}
table.home td div div{			display:table-cell;vertical-align:middle;text-align:center;}
table.home td.amico{			background-color:var(--rosa);}
table.home td.dermo{			background-color:var(--cyan);}
table.home td div div table{		width:100%;height:100%;}
table.home td div div table td{	text-align:center;vertical-align:middle;}
table.home td div div table td img{	margin:5px;display:inline-block;vertical-align:middle;}
table.home td.home1 p.title{	margin:0em 0px .5em 0px  ;font-size:300%;}
table.home td.home1 p.subj{	margin:0px               ;font-size:180%;}
table.home td.home2 p.title{	margin:0em 0px .5em 0px  ;font-size:270%;}
table.home td.home2 p.subj{	margin:0px               ;font-size:150%;}
table.home td.home3 p.title{	margin:0em 0px .5em 0px  ;font-size:220%;}
table.home td.home3 p.subj{	margin:0px               ;font-size:120%;}
table.home td.home4 p.title{	margin:0em 0px .5em 0px  ;font-size:180%;}
table.home td.home4 p.subj{	margin:0px               ;font-size:100%;}
table.home td.home5 p.title{	margin:0em 0px .5em 0px  ;font-size:160%;}
table.home td.home5 p.subj{	margin:0px               ;font-size: 80%;}

/* Barra orizzontale scorrimento */
#hbar{
  margin:		10px 0 0 0;
  width:		80%;
  height:		5px;
  appearance:		none;
  border:		none;
  border-radius:	3px;
  background-color:	var(--bordeaux);
  color:		var(--bordeaux);
  accent-color:		var(--bordeaux);
}

/* Pagina avvertenze - niente var per explorer */
body.normal{ overflow:auto;touch-action:auto;cursor:auto;line-height:150%;background-color:#ffffff;}
div.adv{		padding:0;}
div.adv div.intest{	padding:5px;background-color:#002664;}
div.adv div.info{	padding:5px;background-color:#ffffff;}
div.adv table.intest{
  width:		100%;
  height:		auto;
  border:		none;
  border-radius:	20px;
  background-color:	#ffffff;
  color:		#58a618;
}
div.adv table.intest.sec{	margin:5px 0 0 0;}
div.adv table.intest td{
  padding:		20px;
  border:		none;
  border-radius:	20px;
  background-color:	#ffffff;
  color:		#58a618;
  font-size:		60%;
  text-align:		center;
  vertical-align:	middle;
}
div.adv table.intest td span.big{	font-weight:bold;font-size:130%;}
div.adv table.intest td.nome{		padding:0px 20px 20px 20px;font-weight:bold;font-size:80%;}
div.adv table.intest td.logo{		width:15%;}
div.adv table.intest td a:link{		color:#58a618;}
div.adv table.intest td a:visited{	color:#58a618;}
div.adv table.intest td a:hover{	color:#92d400;}
div.adv table.intest td a:active{	color:#92d400;}
div.adv table.intest.ext{		background-color:#ffffff;border-spacing:2px;border-collapse:separate;table-layout:fixed;}
div.adv table.intest.ext td{		background-color:#58a618;color:#ffffff;border-radius:20px;font-size:50%;}
div.adv table.intest.ext td a:link{	color:#ffffff;}
div.adv table.intest.ext td a:visited{	color:#ffffff;}
div.adv table.intest.ext td a:hover{	color:#eeeeee;}
div.adv table.intest.ext td a:active{	color:#eeeeee;}
div.adv table.intest.ext td input{	color:#ffffff;background-color:#bbbbbb;border:solid 1px #ffffff;border-radius:5px;}
div.adv table.intest.ext.open{					background-color:#58a618;border-spacing:2px;border-collapse:separate;}
div.adv table.intest.ext.open td{				background-color:transparent;}
div.adv table.intest.ext.open td.tickethead{			padding:20px 20px 10px 20px;}
div.adv table.intest.ext.open td.ticket{			padding:0px 20px 20px 20px;}
div.adv table.intest.ext.open td.ticket form{    		background-color:#eeeeee;margin-block-end:0;border-radius:15px;padding:5px;}
div.adv table.intest.ext.open td.ticket label{			margin:5px;color:#58a618;border:none;}
div.adv table.intest.ext.open td.ticket input{			margin:5px;color:#58a618;border:none;}
div.adv table.intest.ext.open td.ticket input:focus{		outline:none;}
div.adv table.intest.ext.open td.ticket input[type=submit]{	margin:5px;border:1px solid #58a618;border-radius:5px;background-color:#ffffff;}
div.adv table.intest.ext.open td.ticket input[type=button]{	margin:5px;border:1px solid #58a618;border-radius:5px;background-color:#ffffff;}
div.adv table.intest.ext.open td.ticket input[type=file]{	margin:5px;border:1px solid #58a618;border-radius:5px;background-color:#ffffff;}
div.adv table.intest.ext.open td.ticket textarea{		margin:5px;border:none;background-color:#ffffff;color:#58a618;font-family:normal;font-size:90%;}
div.adv table.intest.ext.open td.ticket textarea:focus{		outline:none;}
div.adv table.intest.ext.open td.ticket select{			background-color:#ffffff;color:#58a618;font-size:90%;}
div.adv table.intest.ext.open td.ticket select option{		color:#58a618;}
div.adv p{
  margin:		10px 0;
  padding:		20px;
  background-color:	#58a618;
  color:		#ffffff;
  border:		none;
  border-radius:	20px;
  font-size:		120%;
}
div.adv p.err{		background-color:#d91920;}
div.adv p.wrn{		background-color:#f5772a;}
div.adv p b{		font-size:110%;}
div.adv p a{		color:#eeeeee;font-weight:bold;font-size:130%;}
div.adv p a:hover{	color:#ffffff;}



/* Slide automatiche */

/* Slide automatica igiene */
div.igiene{
  position:		relative;
  height:		100vh;
  font-size:		var(--unit);
  background-size:	cover;
  background-position:	center;
  overflow:		hidden;
}
table.str  div.igiene{	height:79vh;font-size:calc(.7*var(--unit));}
table.strq div.igiene{	height:59vh;font-size:calc(.5*var(--unit));}
table.strv div.igiene{	height:39vh;font-size:calc(.8*var(--unit));}
div.fade.led256    div.igiene{	height:384px;font-size:calc(.3*var(--unit));}
div.fade.led384h   div.igiene{	height:256px;font-size:calc(.3*var(--unit));}
div.fade.led384    div.igiene{	height:384px;font-size:calc(.3*var(--unit));}
div.fade.led512    div.igiene{	height:256px;font-size:calc(.4*var(--unit));}
div.fade.led640    div.igiene{	height:384px;font-size:calc(.4*var(--unit));}
table.strv.led960  div.igiene{	height:527px;font-size:calc(.3*var(--unit));}
table.strq.led1080 div.igiene{	height:618px;}
div.igiene div.title{
  position:		absolute;
  top:			5%;
  left:			0;
  width:		45%;
  height:		15%;
  background-color:	transparent;
}
div.igiene div.title p.title{
  margin:			0;
  padding:			20px 50px;
  font-size:			300%;
  font-weight:			bold;
  background-color:		var(--blu);
  color:			var(--bianco);
  text-align:			center;
  border:			solid 10px var(--biancotr);
  border-left:			none;
  border-top-right-radius:	50px;
  border-bottom-right-radius:	50px;
}
div.fade.led256   div.igiene div.title p.title{	padding:5px 7px;border-width:5px;}
div.fade.led384h  div.igiene div.title p.title{	padding:5px 7px;border-width:5px;}
div.fade.led384   div.igiene div.title p.title{	padding:5px 7px;border-width:5px;}
div.fade.led512   div.igiene div.title p.title{	padding:5px 7px;border-width:5px;}
div.fade.led640   div.igiene div.title p.title{	padding:5px 7px;border-width:5px;}
table.strv.led960 div.igiene div.title p.title{	padding:5px 7px;border-width:5px;}
div.igiene div.center{
  position:		absolute;
  top:			20%;
  left:			20%;
  width:		60%;
  height:		60%;
  background-color:	transparent;
  opacity:0;animation:fades 4.5s .25s linear forwards;
}
div.igiene div.center img{	width:100%;height:100%;object-fit:contain;}
div.igiene div.bottom{
  position:		absolute;
  top:			80%;
  left:			5%;
  width:		80%;
  height:		20%;
  background-color:	transparent;
  opacity:0;animation:fades 3s 1s linear forwards;
}
div.fade.led512 div.igiene div.bottom{	top:60%;}
div.igiene div.bottom p.prod{
  margin:		0 auto 0 0;
  padding:		10px 20px;
  font-size:		300%;
  max-width:		fit-content;
  color:		var(--blu);
  background-color:	var(--biancotr);
  border-radius:	10px;
}
div.igiene div.bottom p.descr{
  margin:		0 auto 0 0;
  padding:		10px 20px;
  font-size:		250%;
  max-width:		fit-content;
  color:		var(--blu);
  background-color:	var(--biancotr);
  border-radius:	10px;
}
div.igiene div.right{
  position:		absolute;
  top:			25%;
  left:			70%;
  width:		30%;
  height:		50%;
  background-color:	transparent;
}
div.fade.led256 div.igiene div.right{	top:5%;}
div.fade.led512 div.igiene div.right{	top:5%;}
div.igiene div.right p.descr{
  margin:			5px 0;
  padding:			10px 20px;
  font-size:			200%;
  color:			var(--bianco);
  background-color:		var(--blu);
  border:			solid 5px var(--biancotr);
  border-right:			none;
  border-top-left-radius:	25px;
  border-bottom-left-radius:	25px;
  opacity:0;animation:movein 3.80s 0.60s linear forwards;
}
div.fade.led256  div.igiene div.right p.descr{	padding:3px 5px;border-width:2px;}
div.fade.led384h div.igiene div.right p.descr{	padding:3px 5px;border-width:2px;}
div.fade.led384  div.igiene div.right p.descr{	padding:3px 5px;border-width:2px;}
div.fade.led512  div.igiene div.right p.descr{	padding:3px 5px;border-width:2px;}
div.fade.led640  div.igiene div.right p.descr{	padding:3px 5px;border-width:2px;}
div.igiene div.right p.descr.n2{ opacity:0;animation:movein 3.40s 0.80s linear forwards;}
div.igiene div.right p.descr.n3{ opacity:0;animation:movein 3.00s 1.00s linear forwards;}
div.igiene div.right p.descr.n4{ opacity:0;animation:movein 2.80s 1.20s linear forwards;}
div.igiene div.right div.arrow{
  margin:		0;
  width:		50%;
  opacity:0;animation:movein 2.40s 1.40s linear forwards;
}
div.igiene div.emblema{
  position:		absolute;
  top:			15%;
  left:			2%;
  width:		calc(10*var(--unit));
  height:		calc(10*var(--unit));
}
div.fade.led256    div.igiene div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
div.fade.led384h   div.igiene div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
div.fade.led384    div.igiene div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
div.fade.led512    div.igiene div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
div.fade.led640    div.igiene div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
table.strv.led960  div.igiene div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
table.strq.led1080 div.igiene div.emblema{	width:calc(5*var(--unit));height:calc(5*var(--unit));}
div.igiene div.emblema img{
  margin:		auto;
  width:		80%;
  height:		80%;
  padding:		10px;
  object-fit:		contain;
  background-color:	var(--grigioEtr);
  border-radius:	50%;
  animation:emblema 5s linear forwards;
}



/* Slide automatica orari */
div.orari{
  position:		relative;
  height:		100vh;
  font-size:		var(--unit);
  background-size:	cover;
  background-position:	center;
}
table.str  div.orari{	height:79vh;font-size:calc(.7*var(--unit));}
table.strq div.orari{	height:59vh;font-size:calc(.5*var(--unit));}
table.strv div.orari{	height:39vh;font-size:calc(.8*var(--unit));}
div.fade.led256    div.orari{	height:384px;font-size:calc(.3*var(--unit));overflow:hidden;}
div.fade.led384h   div.orari{	height:256px;font-size:calc(.3*var(--unit));overflow:hidden;}
div.fade.led384    div.orari{	height:384px;font-size:calc(.3*var(--unit));overflow:hidden;}
div.fade.led512    div.orari{	height:256px;font-size:calc(.4*var(--unit));overflow:hidden;}
div.fade.led640    div.orari{	height:384px;font-size:calc(.4*var(--unit));overflow:hidden;}
table.strv.led960  div.orari{	height:527px;font-size:calc(.4*var(--unit));}
table.strq.led1080 div.orari{	height:618px;}
div.orari div.top{
  position:		absolute;
  top:			0;
  left:			0;
  width:		100%;
  height:		25%;
  background-color:	var(--blu);
}
div.orari div.top p.nome{
  margin:			0 auto;
  width:			70%;
  padding:			20px 20px 30px 20px;
  font-size:			300%;
  font-weight:			bold;
  background-color:		var(--bianco);
  color:			var(--verde);
  text-align:			center;
  line-height:			.6em;
  border:			solid 10px var(--blutr);
  border-top:			none;
  border-bottom-left-radius:	50px;
  border-bottom-right-radius:	50px;
}
div.orari div.top p.nome img{				width:calc(20*var(--unit));height:auto;margin:0 auto 0 auto;}
div.fade.led256    div.orari div.top p.nome{		padding:3px 5px 7px 5px;border-width:5px;}
div.fade.led256    div.orari div.top p.nome img{	width:calc(10*var(--unit));height:auto;margin:0 auto 0 auto;}
div.fade.led384h   div.orari div.top p.nome{		padding:3px 5px 7px 5px;border-width:5px;}
div.fade.led384h   div.orari div.top p.nome img{	width:calc(10*var(--unit));height:auto;margin:0 auto 0 auto;}
div.fade.led384    div.orari div.top p.nome{		padding:3px 5px 7px 5px;border-width:5px;}
div.fade.led384    div.orari div.top p.nome img{	width:calc(10*var(--unit));height:auto;margin:0 auto 0 auto;}
div.fade.led512    div.orari div.top p.nome{		padding:3px 5px 7px 5px;border-width:5px;}
div.fade.led512    div.orari div.top p.nome img{	width:calc(10*var(--unit));height:auto;margin:0 auto 0 auto;}
div.fade.led640    div.orari div.top p.nome{		padding:3px 5px 7px 5px;border-width:5px;}
div.fade.led640    div.orari div.top p.nome img{	width:calc(10*var(--unit));height:auto;margin:0 auto 0 auto;}
table.strv.led960  div.orari div.top p.nome{		padding:3px 5px 7px 5px;border-width:5px;}
table.strv.led960  div.orari div.top p.nome img{	width:calc(6*var(--unit));height:auto;margin:0 auto 0 auto;}
table.strq.led1080 div.orari div.top p.nome img{	width:calc(10*var(--unit));height:auto;margin:0 auto 0 auto;}
div.orari div.mid{
  position:		absolute;
  top:			30%;
  left:			0;
  width:		100%;
  height:		60%;
}
div.orari div.mid div.midc{
  display:		table;
  margin:		0 auto;
  width:		80%;
  height:		100%;
  background-image:	linear-gradient(to bottom right,var(--biancotr),var(--grigioEtr));
  border:		solid 10px var(--verdetr);
  border-radius:	50px;
}
div.fade.led256   div.orari div.mid div.midc{	border-width:5px;}
div.fade.led384h  div.orari div.mid div.midc{	border-width:5px;}
div.fade.led384   div.orari div.mid div.midc{	border-width:5px;}
div.fade.led512   div.orari div.mid div.midc{	border-width:5px;}
div.fade.led640   div.orari div.mid div.midc{	border-width:5px;}
table.strv.led960 div.orari div.mid div.midc{	border-width:5px;}
div.orari div.midv{
  display:		table-cell;
  width:		100%;
  height:		100%;
  background-color:	transparent;
  vertical-align:	middle;
}
div.orari p.ind{
  margin:		15px auto;
  padding:		10px 30px;
  font-size:		240%;
  text-align:		center;
  max-width:		fit-content;
  color:		var(--blu);
  background-color:	var(--biancotr);
  border-radius:	10px;
  opacity:0;animation:fades 4.5s .25s linear forwards;
}
div.fade.led256   div.orari p.ind{	padding:0 10px;}
div.fade.led384h  div.orari p.ind{	padding:0 10px;}
div.fade.led384   div.orari p.ind{	padding:0 10px;}
div.fade.led512   div.orari p.ind{	padding:0 10px;}
div.fade.led640   div.orari p.ind{	padding:0 10px;}
table.strv.led960 div.orari p.ind{	padding:0 10px;}
div.orari p.orario{
  margin:		15px auto;
  padding:		10px 30px;
  font-size:		300%;
  text-align:		center;
  max-width:		fit-content;
  color:		var(--blu);
  background-color:	var(--biancotr);
  border-radius:	10px;
  opacity:0;animation:fades 4s .5s linear forwards;
}
div.fade.led256   div.orari p.orario{	padding:0 10px;}
div.fade.led384h  div.orari p.orario{	padding:0 10px;}
div.fade.led384   div.orari p.orario{	padding:0 10px;}
div.fade.led512   div.orari p.orario{	padding:0 10px;}
div.fade.led640   div.orari p.orario{	padding:0 10px;}
table.strv.led960 div.orari p.orario{	padding:0 10px;}
div.orari p.rif{
  margin:		15px auto;
  padding:		10px 30px;
  font-size:		240%;
  text-align:		center;
  max-width:		fit-content;
  color:		var(--blu);
  background-color:	var(--biancotr);
  border-radius:	10px;
  opacity:0;animation:fades 3.5s .75s linear forwards;
}
div.fade.led256   div.orari p.rif{	padding:0 10px;}
div.fade.led384h  div.orari p.rif{	padding:0 10px;}
table.srtq.led384 div.orari p.rif{	padding:0 10px;}
div.fade.led512   div.orari p.rif{	padding:0 10px;}
div.fade.led640   div.orari p.rif{	padding:0 10px;}
table.strv.led960 div.orari p.rif{	padding:0 10px;}
div.orari p.rif img{	vertical-align:middle;width:calc(3*var(--unit));}
div.orari div.emblema{
  position:		absolute;
  top:			20%;
  left:			2%;
  width:		calc(10*var(--unit));
  height:		calc(10*var(--unit));
}
div.fade.led256    div.orari div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
div.fade.led384h   div.orari div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
div.fade.led384    div.orari div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
div.fade.led512    div.orari div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
div.fade.led640    div.orari div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
table.strv.led960  div.orari div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
table.strq.led1080 div.orari div.emblema{	width:calc(5*var(--unit));height:calc(5*var(--unit));}
div.orari div.emblema img{
  margin:		auto;
  width:		80%;
  height:		80%;
  padding:		10px;
  object-fit:		contain;
  background-color:	var(--grigioEtr);
  border-radius:	50%;
  animation:emblema 5s linear forwards;
}



/* Slide automatica prodotti settimana/mese */
div.prod{
  position:		relative;
  height:		100vh;
  font-size:		var(--unit);
  background-size:	cover;
  background-position:	center;
  overflow:		hidden;
}
table.str  div.prod{	height:79vh;font-size:calc(.7*var(--unit));}
table.strq div.prod{	height:59vh;font-size:calc(.5*var(--unit));}
table.strv div.prod{	height:39vh;font-size:calc(.8*var(--unit));}
div.fade.led256    div.prod{	height:384px;font-size:calc(.3*var(--unit));}
div.fade.led384h   div.prod{	height:256px;font-size:calc(.3*var(--unit));}
div.fade.led384    div.prod{	height:384px;font-size:calc(.3*var(--unit));}
div.fade.led512    div.prod{	height:256px;font-size:calc(.4*var(--unit));}
div.fade.led640    div.prod{	height:384px;font-size:calc(.3*var(--unit));}
table.strv.led960  div.prod{	height:527px;font-size:calc(.3*var(--unit));}
table.strq.led1080 div.prod{	height:618px;}
div.prod div.mese{
  position:		absolute;
  top:			0;
  left:			0;
  width:		100%;
  height:		16%;
  background-color:	transparent;
}
div.prod div.mese p.title{
  margin:			0 10%;
  padding:			20px 50px;
  font-size:			400%;
  font-weight:			bold;
  background-image:		linear-gradient(to bottom right,var(--verdelt),var(--verdedk));
  color:			var(--bianco);
  text-align:			center;
  border:			solid 10px var(--biancotr);
  border-top:			none;
  border-bottom-left-radius:	50px;
  border-bottom-right-radius:	50px;
}
div.fade.led256   div.mese p.title{	padding:5px 7px;border-width:5px;}
div.fade.led384h  div.mese p.title{	padding:5px 7px;border-width:5px;}
div.fade.led384   div.mese p.title{	padding:5px 7px;border-width:5px;}
div.fade.led512   div.mese p.title{	padding:5px 7px;border-width:5px;}
div.fade.led640   div.mese p.title{	padding:5px 7px;border-width:5px;}
table.strq.led960 div.mese p.title{	padding:5px 7px;border-width:5px;}
div.prod div.mese p.title.care{		background-color:var(--care)       ;background-image:none;}
div.prod div.mese p.title.dolore{	background-color:var(--dolore)     ;background-image:none;}
div.prod div.mese p.title.elettro{	background-color:var(--elettro)    ;background-image:none;}
div.prod div.mese p.title.medicazione{	background-color:var(--medicazione);background-image:none;}
div.prod div.mese p.title.occhi{	background-color:var(--occhi)      ;background-image:none;}
div.prod div.mese p.title.patient{	background-color:var(--patient)    ;background-image:none;}
div.prod div.mese p.title.probiotici{	background-color:var(--probiotici) ;background-image:none;}
div.prod div.mese p.title.solari{	background-color:var(--solari)     ;background-image:none;}
div.prod div.mese p.title.stagionali{	background-color:var(--stagionali) ;background-image:none;}
div.prod div.mese p.title.vitamine{	background-color:var(--vitamine)   ;background-image:none;}
div.prod div.sett{
  position:		absolute;
  top:			0;
  left:			0;
  width:		100%;
  height:		16%;
  background-color:	var(--blu);
}
div.prod div.sett p.title{
  margin:			0 10%;
  padding:			20px 50px;
  font-size:			400%;
  font-weight:			bold;
  background-image:		linear-gradient(to bottom right,var(--bianco),var(--grigioE));
  color:			var(--verde);
  text-align:			center;
  border:			solid 10px var(--blutr);
  border-top:			none;
  border-bottom-left-radius:	50px;
  border-bottom-right-radius:	50px;
}
div.fade.led256   div.prod div.sett p.title{	padding:5px 7px;border-width:5px;}
div.fade.led384h  div.prod div.sett p.title{	padding:5px 7px;border-width:5px;}
div.fade.led384   div.prod div.sett p.title{	padding:5px 7px;border-width:5px;}
div.fade.led512   div.prod div.sett p.title{	padding:5px 7px;border-width:5px;}
div.fade.led640   div.prod div.sett p.title{	padding:5px 7px;border-width:5px;}
table.strv.led960 div.prod div.sett p.title{	padding:5px 7px;border-width:5px;}
div.prod div.subtitle{
  position:		absolute;
  top:			16%;
  left:			0;
  width:		100%;
  height:		7%;
  background-color:	transparent;
}
div.fade.led256   div.prod div.subtitle{	top:12%;}
div.fade.led384h  div.prod div.subtitle{	top:12%;}
div.fade.led384   div.prod div.subtitle{	top:12%;}
div.fade.led512   div.prod div.subtitle{	top:12%;}
div.fade.led640   div.prod div.subtitle{	top:12%;}
table.strv.led960 div.prod div.subtitle{	top:12%;}
div.prod div.subtitle p.subtitle{
  margin:		5px auto;
  max-width:		fit-content;
  padding:		10px 20px;
  font-size:		200%;
  font-weight:		bold;
  color:		var(--blu);
  background-color:	var(--biancotr);
  border-radius:	10px;
}
div.prod div.center{
  position:		absolute;
  top:			25%;
  left:			20%;
  width:		60%;
  height:		60%;
  background-color:	transparent;
  opacity:0;animation:fades 4.5s .25s linear forwards;
}
div.prod div.center img{	width:100%;height:100%;object-fit:contain;}
div.prod div.sconto{
  position:		absolute;
  top:			25%;
  left:			65%;
  width:		35%;
  height:		30%;
  background-color:	transparent;
  opacity:0;animation:movein 4s .5s linear forwards;
}
div.prod div.sconto p.sconto{
  margin:			0;
  padding:			10px;
  text-align:			center;
  font-size:			600%;
  font-weight:			bold;
  background-image:		linear-gradient(to bottom right,var(--promolt),var(--promodk));color:var(--bianco);
  border:			solid 10px var(--biancotr);
  border-right:			none;
  border-top-left-radius:	50px;
  border-bottom-left-radius:	50px;
}
div.fade.led256   div.prod div.sconto p.sconto{	padding:5px;border-width:5px;}
div.fade.led384h  div.prod div.sconto p.sconto{	padding:5px;border-width:5px;}
div.fade.led384   div.prod div.sconto p.sconto{	padding:5px;border-width:5px;}
div.fade.led512   div.prod div.sconto p.sconto{	padding:5px;border-width:5px;}
div.fade.led640   div.prod div.sconto p.sconto{	padding:5px;border-width:5px;}
table.strv.led960 div.prod div.sconto p.sconto{	padding:5px;border-width:5px;}
div.prod div.sconto p.sconto span.less{	font-size:60%;}
div.prod div.sconto p.sconto span.mini{	font-size:30%;}
div.prod div.right{
  position:		absolute;
  top:			55%;
  left:			70%;
  width:		28%;
  height:		35%;
  background-color:	transparent;
  opacity:0;animation:fades 3.5s .75s linear forwards;
}
div.fade.led256  div.prod div.right{	top:50%;}
div.fade.led384h div.prod div.right{	top:50%;}
div.fade.led384  div.prod div.right{	top:50%;}
div.fade.led512  div.prod div.right{	top:50%;}
div.fade.led640  div.prod div.right{	top:50%;}
div.prod div.right p.prezzo{
  margin:		3 0 3 auto;
  padding:		10px 20px;
  font-size:		400%;
  font-weight:		bold;
  color:		var(--promo);
  max-width:		fit-content;
  text-align:		right;
  background-color:	var(--biancotr);
  border-radius:	10px;
}
div.fade.led256   div.prod div.right p.prezzo{	padding:2px 4px;}
div.fade.led384h  div.prod div.right p.prezzo{	padding:2px 4px;}
div.fade.led384   div.prod div.right p.prezzo{	padding:2px 4px;}
div.fade.led512   div.prod div.right p.prezzo{	padding:2px 4px;}
div.fade.led640   div.prod div.right p.prezzo{	padding:2px 4px;}
table.strv.led960 div.prod div.right p.prezzo{	padding:2px 4px;}
div.prod div.right p.prezzo span.less{	font-size:70%;}
div.prod div.right p.prezzoint{
  margin:		3 0 3 auto;
  padding:		10px 20px;
  font-size:		250%;
  max-width:		fit-content;
  text-align:		right;
  text-decoration:	line-through;
  color:		var(--grigio8);
  background-color:	var(--biancotr);
  border-radius:	10px;
}
div.fade.led256   div.prod div.right p.prezzoint{	padding:2px 4px;}
div.fade.led384h  div.prod div.right p.prezzoint{	padding:2px 4px;}
div.fade.led384   div.prod div.right p.prezzoint{	padding:2px 4px;}
div.fade.led512   div.prod div.right p.prezzoint{	padding:2px 4px;}
div.fade.led640   div.prod div.right p.prezzoint{	padding:2px 4px;}
table.strv.led960 div.prod div.right p.prezzoint{	padding:2px 4px;}
div.prod div.right p.prezzoint span.mini{	font-size:70%;text-decoration:line-through;}
div.prod div.right p.descr{
  margin:		0 0 0 auto;
  padding:		10px 20px;
  font-size:		200%;
  max-width:		fit-content;
  text-align:		right;
  color:		var(--blu);
  background-color:	var(--biancotr);
  border-radius:	10px;
}
div.fade.led256   div.prod div.right p.descr{	padding:2px 4px;}
div.fade.led384h  div.prod div.right p.descr{	padding:2px 4px;}
div.fade.led384   div.prod div.right p.descr{	padding:2px 4px;}
div.fade.led512   div.prod div.right p.descr{	padding:2px 4px;}
div.fade.led640   div.prod div.right p.descr{	padding:2px 4px;}
table.strv.led960 div.prod div.right p.descr{	padding:2px 4px;}
div.prod div.right p.note{
  margin:		0 0 0 auto;
  padding:		10px 20px;
  font-size:		160%;
  max-width:		fit-content;
  text-align:		right;
  color:		var(--blu);
  background-color:	var(--biancotr);
  border-radius:	10px;
}
div.fade.led256   div.prod div.right p.note{	padding:2px 4px;}
div.fade.led384h  div.prod div.right p.note{	padding:2px 4px;}
div.fade.led384   div.prod div.right p.note{	padding:2px 4px;}
div.fade.led512   div.prod div.right p.note{	padding:2px 4px;}
div.fade.led640   div.prod div.right p.note{	padding:2px 4px;}
table.strv.led960 div.prod div.right p.note{	padding:2px 4px;}
div.prod div.bottom{
  position:		absolute;
  top:			75%;
  left:			2%;
  width:		50%;
  height:		20%;
  background-color:	transparent;
  opacity:0;animation:fades 3s 1s linear forwards;
}
div.fade.led512 div.prod div.bottom{	top:60%;}
div.prod div.bottom p.prod{
  margin:		0 auto 0 0;
  padding:		10px 20px;
  font-size:		300%;
  max-width:		fit-content;
  text-align:		left;
  color:		var(--blu);
  background-color:	var(--biancotr);
  border-radius:	10px;
}
div.prod div.bottom p.prodsub{
  margin:		0 auto 0 0;
  padding:		10px 20px;
  font-size:		160%;
  max-width:		fit-content;
  text-align:		left;
  color:		var(--blu);
  background-color:	var(--biancotr);
  border-radius:	10px;
}
div.prod div.bottom table.automed{
  margin:		0;
  padding:		10px 20px;
  color:		var(--blu);
  background-color:	var(--biancotr);
  font-size:		100%;
  border-radius:	10px;
}
div.prod div.bottom table.automed td{		text-align:left;}
div.prod div.bottom table.automed td img{	width:calc(3*var(--unit));}
div.fade.led256   div.prod div.bottom table.automed td img{	width:calc(2*var(--unit));height:calc(2*var(--unit));object-fit:contain;}
div.fade.led384h  div.prod div.bottom table.automed td img{	width:calc(2*var(--unit));height:calc(2*var(--unit));object-fit:contain;}
div.fade.led384   div.prod div.bottom table.automed td img{	width:calc(2*var(--unit));height:calc(2*var(--unit));object-fit:contain;}
div.fade.led512   div.prod div.bottom table.automed td img{	width:calc(2*var(--unit));height:calc(2*var(--unit));object-fit:contain;}
div.fade.led640   div.prod div.bottom table.automed td img{	width:calc(2*var(--unit));height:calc(2*var(--unit));object-fit:contain;}
table.strv.led960 div.prod div.bottom table.automed td img{	width:calc(2*var(--unit));height:calc(2*var(--unit));object-fit:contain;}
div.prod div.emblema{
  position:		absolute;
  top:			10%;
  left:			2%;
  width:		calc(10*var(--unit));
  height:		calc(10*var(--unit));
}
div.fade.led256    div.prod div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
div.fade.led384h   div.prod div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
div.fade.led384    div.prod div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
div.fade.led512    div.prod div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
div.fade.led640    div.prod div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
table.strv.led960  div.prod div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
table.strq.led1080 div.prod div.emblema{	width:calc(5*var(--unit));height:calc(5*var(--unit));}
div.prod div.emblema img{
  margin:		auto;
  width:		80%;
  height:		80%;
  padding:		10px;
  object-fit:		contain;
  background-color:	var(--grigioEtr);
  border-radius:	50%;
  animation:emblema 5s linear forwards;
}



/* Slide automatica prodotti con doppia offerta */
div.proddue{
  position:		relative;
  height:		100vh;
  font-size:		var(--unit);
  background-size:	cover;
  background-position:	center;
  overflow:		hidden;
}
table.str  div.proddue{	height:79vh;font-size:calc(.7*var(--unit));}
table.strq div.proddue{	height:59vh;font-size:calc(.5*var(--unit));}
table.strv div.proddue{	height:39vh;font-size:calc(.8*var(--unit));}
div.fade.led256    div.proddue{	height:384px;font-size:calc(.3*var(--unit));}
div.fade.led384h   div.proddue{	height:256px;font-size:calc(.3*var(--unit));}
div.fade.led384    div.proddue{	height:384px;font-size:calc(.3*var(--unit));}
div.fade.led512    div.proddue{	height:256px;font-size:calc(.4*var(--unit));}
div.fade.led640    div.proddue{	height:384px;font-size:calc(.3*var(--unit));}
table.strv.led960  div.proddue{	height:527px;font-size:calc(.3*var(--unit));}
table.strq.led1080 div.proddue{	height:618px;}
div.proddue div.topc{
  position:		absolute;
  top:			2%;
  left:			5%;
  width:		30%;
  height:		30%;
  background-color:	transparent;
}
div.proddue div.topc div.heart{
  position:		relative;
  top:			0;
  left:			0;
  width:		calc(20*var(--unit));
  height:		calc(20*var(--unit));
  transform:		rotate(-15deg);
}
div.fade.led256    div.proddue div.topc div.heart{	width:calc( 7*var(--unit));height:calc( 7*var(--unit));}
div.fade.led384h   div.proddue div.topc div.heart{	width:calc( 7*var(--unit));height:calc( 7*var(--unit));}
div.fade.led384    div.proddue div.topc div.heart{	width:calc( 7*var(--unit));height:calc( 7*var(--unit));}
div.fade.led512    div.proddue div.topc div.heart{	width:calc( 7*var(--unit));height:calc( 7*var(--unit));}
div.fade.led640    div.proddue div.topc div.heart{	width:calc( 7*var(--unit));height:calc( 7*var(--unit));}
table.strv.led960  div.proddue div.topc div.heart{	width:calc( 5*var(--unit));height:calc( 5*var(--unit));}
table.strq.led1080 div.proddue div.topc div.heart{	width:calc(10*var(--unit));height:calc(10*var(--unit));}
div.proddue div.topc div.heart svg{
  position:		absolute;
  top:			0;
  left:			0;
  width:		100%;
  height:		100%;
}
div.proddue div.topc div.heart p.title{
  position:		absolute;
  top:			25%;
  left:			0;
  width:		100%;
  height:		100%;
  font-size:		200%;
  color:		var(--bianco);
  margin:		0;
  text-align:		center;
  background-color:	transparent;
}
div.proddue div.topc div.heart p.title span.curs{	font-family:curs;}
div.proddue div.top1{
  position:		absolute;
  top:			3%;
  left:			30%;
  width:		30%;
  height:		25%;
  background-color:	transparent;
  opacity:0;animation:movein 4.5s .5s linear forwards;
}
div.proddue.vert div.top1{	top:5%;width:40%;}
div.proddue div.top1 p.title{
  position:		absolute;
  top:			20%;
  margin:		0;
  width:		35%;
  padding:		10px 30px 10px 20px;
  font-size:		150%;
  text-align:		center;
  color:		var(--promo);
  background-color:	var(--bianco);
  border:		solid 5px var(--biancotr);
  border-radius:	50px;
}
div.fade.led256    div.proddue div.top1 p.title{	padding:3px 10px 3px  3px;}
div.fade.led384h   div.proddue div.top1 p.title{	padding:3px 10px 3px  3px;}
div.fade.led384    div.proddue div.top1 p.title{	padding:3px 10px 3px  3px;}
div.fade.led512    div.proddue div.top1 p.title{	padding:5px 15px 5px 10px;}
div.fade.led640    div.proddue div.top1 p.title{	padding:5px 15px 5px 10px;}
table.strv.led960  div.proddue div.top1 p.title{	padding:5px 15px 5px 10px;}
table.strq.led1080 div.proddue div.top1 p.title{	padding:5px 15px 5px 10px;}
div.proddue div.top1 p.sconto{
  position:		absolute;
  margin:		0;
  padding:		.7em .3em;
  left:			45%;
  font-size:		500%;
  color:		var(--bianco);
  background-color:	var(--promo);
  border:		solid 10px var(--biancotr);
  border-radius:	50%;
}
div.proddue div.top1 p.sconto span.less{	font-size:60%;}
div.fade.led256    div.proddue div.top1 p.sconto{	border-width:5px;}
div.fade.led384h   div.proddue div.top1 p.sconto{	border-width:5px;}
div.fade.led384    div.proddue div.top1 p.sconto{	border-width:5px;}
div.fade.led512    div.proddue div.top1 p.sconto{	border-width:5px;}
div.fade.led640    div.proddue div.top1 p.sconto{	border-width:5px;}
table.strv.led960  div.proddue div.top1 p.sconto{	border-width:5px;}
table.strq.led1080 div.proddue div.top1 p.sconto{	border-width:5px;}
div.proddue div.top2{
  position:		absolute;
  top:			3%;
  left:			66%;
  width:		30%;
  height:		25%;
  background-color:	transparent;
  opacity:0;animation:movein 4s 1s linear forwards;
}
div.proddue.vert div.top2{	top:15%;left:55%;width:40%;}
div.proddue div.top2 p.title{
  position:		absolute;
  top:			20%;
  margin:		0;
  width:		35%;
  padding:		10px 30px 10px 20px;
  font-size:		180%;
  text-align:		center;
  color:		var(--promo);
  background-color:	var(--bianco);
  border:		solid 5px var(--biancotr);
  border-radius:	50px;
}
div.fade.led256    div.proddue div.top2 p.title{	padding:3px 10px 3px  3px;}
div.fade.led384h   div.proddue div.top2 p.title{	padding:3px 10px 3px  3px;}
div.fade.led384    div.proddue div.top2 p.title{	padding:3px 10px 3px  3px;}
div.fade.led512    div.proddue div.top2 p.title{	padding:5px 15px 5px 10px;}
div.fade.led640    div.proddue div.top2 p.title{	padding:5px 15px 5px 10px;}
table.strv.led960  div.proddue div.top2 p.title{	padding:5px 15px 5px 10px;}
table.strq.led1080 div.proddue div.top2 p.title{	padding:5px 15px 5px 10px;}
div.proddue div.top2 p.sconto{
  position:		absolute;
  margin:		0;
  padding:		.7em .3em;
  left:			45%;
  font-size:		550%;
  color:		var(--bianco);
  background-color:	var(--promo);
  border:		solid 10px var(--biancotr);
  border-radius:	50%;
}
div.proddue div.top2 p.sconto span.less{	font-size:60%;}
div.fade.led256    div.proddue div.top2 p.sconto{	border-width:5px;}
div.fade.led384h   div.proddue div.top2 p.sconto{	border-width:5px;}
div.fade.led384    div.proddue div.top2 p.sconto{	border-width:5px;}
div.fade.led512    div.proddue div.top2 p.sconto{	border-width:5px;}
div.fade.led640    div.proddue div.top2 p.sconto{	border-width:5px;}
table.strv.led960  div.proddue div.top2 p.sconto{	border-width:5px;}
table.strq.led1080 div.proddue div.top2 p.sconto{	border-width:5px;}
div.proddue div.center{
  position:		absolute;
  top:			30%;
  left:			25%;
  width:		50%;
  height:		50%;
  background-color:	transparent;
  opacity:0;animation:fades 4.5s .25s linear forwards;
}
div.proddue div.center img{	width:100%;height:100%;object-fit:contain;}
div.proddue div.right{
  position:		absolute;
  top:			45%;
  left:			70%;
  width:		28%;
  height:		35%;
  background-color:	transparent;
  opacity:0;animation:fades 3.5s .75s linear forwards;
}
div.fade.led384 div.proddue div.right{	top:50%;}
div.fade.led512 div.proddue div.right{	top:50%;}
div.proddue div.right p.prezzo{
  margin:		3 0 3 auto;
  padding:		10px 20px;
  font-size:		400%;
  font-weight:		bold;
  color:		var(--promo);
  max-width:		fit-content;
  text-align:		right;
  background-color:	var(--biancotr);
  border-radius:	10px;
}
div.fade.led256   div.proddue div.right p.prezzo{	padding:2px 4px;}
div.fade.led384h  div.proddue div.right p.prezzo{	padding:2px 4px;}
div.fade.led384   div.proddue div.right p.prezzo{	padding:2px 4px;}
div.fade.led512   div.proddue div.right p.prezzo{	padding:2px 4px;}
div.fade.led640   div.proddue div.right p.prezzo{	padding:2px 4px;}
table.strv.led960 div.proddue div.right p.prezzo{	padding:2px 4px;}
div.proddue div.right p.prezzo span.less{	font-size:70%;}
div.proddue div.right p.prezzo span.mini{	font-size:50%;}
div.proddue div.right p.prezzoint{
  margin:		3 0 3 auto;
  padding:		10px 20px;
  font-size:		250%;
  max-width:		fit-content;
  text-align:		right;
  text-decoration:	line-through;
  color:		var(--grigio8);
  background-color:	var(--biancotr);
  border-radius:	10px;
}
div.fade.led256   div.proddue div.right p.prezzoint{	padding:2px 4px;}
div.fade.led384h  div.proddue div.right p.prezzoint{	padding:2px 4px;}
div.fade.led384   div.proddue div.right p.prezzoint{	padding:2px 4px;}
div.fade.led512   div.proddue div.right p.prezzoint{	padding:2px 4px;}
div.fade.led640   div.proddue div.right p.prezzoint{	padding:2px 4px;}
table.strv.led960 div.proddue div.right p.prezzoint{	padding:2px 4px;}
div.proddue div.right p.prezzoint span.mini{	font-size:70%;text-decoration:line-through;}
div.proddue div.right p.descr{
  margin:		0 0 0 auto;
  padding:		10px 20px;
  font-size:		200%;
  max-width:		fit-content;
  text-align:		right;
  color:		var(--blu);
  background-color:	var(--biancotr);
  border-radius:	10px;
}
div.fade.led256   div.proddue div.right p.descr{	padding:2px 4px;}
div.fade.led384h  div.proddue div.right p.descr{	padding:2px 4px;}
div.fade.led384   div.proddue div.right p.descr{	padding:2px 4px;}
div.fade.led512   div.proddue div.right p.descr{	padding:2px 4px;}
div.fade.led640   div.proddue div.right p.descr{	padding:2px 4px;}
table.strv.led960 div.proddue div.right p.descr{	padding:2px 4px;}
div.proddue div.right p.note{
  margin:		0 0 0 auto;
  padding:		10px 20px;
  font-size:		160%;
  max-width:		fit-content;
  text-align:		right;
  color:		var(--blu);
  background-color:	var(--biancotr);
  border-radius:	10px;
}
div.fade.led256   div.proddue div.right p.note{	padding:2px 4px;}
div.fade.led384h  div.proddue div.right p.note{	padding:2px 4px;}
div.fade.led384   div.proddue div.right p.note{	padding:2px 4px;}
div.fade.led512   div.proddue div.right p.note{	padding:2px 4px;}
div.fade.led640   div.proddue div.right p.note{	padding:2px 4px;}
table.strv.led960 div.proddue div.right p.note{	padding:2px 4px;}
div.proddue div.bottom{
  position:		absolute;
  top:			75%;
  left:			2%;
  width:		50%;
  height:		20%;
  background-color:	transparent;
  opacity:0;animation:fades 3s 1s linear forwards;
}
div.fade.led512 div.proddue div.bottom{	top:60%;}
div.proddue div.bottom p.prod{
  margin:		0 auto 0 0;
  padding:		10px 20px;
  font-size:		300%;
  max-width:		fit-content;
  text-align:		left;
  color:		var(--blu);
  background-color:	var(--biancotr);
  border-radius:	10px;
}
div.proddue div.bottom p.prodsub{
  margin:		0 auto 0 0;
  padding:		10px 20px;
  font-size:		160%;
  max-width:		fit-content;
  text-align:		left;
  color:		var(--blu);
  background-color:	var(--biancotr);
  border-radius:	10px;
}
div.proddue div.bottom table.automed{
  margin:		0;
  padding:		10px 20px;
  color:		var(--blu);
  background-color:	var(--biancotr);
  font-size:		100%;
  border-radius:	10px;
}
div.proddue div.bottom table.automed td{	text-align:left;}
div.proddue div.bottom table.automed td img{	width:calc(3*var(--unit));}
div.fade.led256   div.proddue div.bottom table.automed td img{	width:calc(2*var(--unit));height:calc(2*var(--unit));object-fit:contain;}
div.fade.led384h  div.proddue div.bottom table.automed td img{	width:calc(2*var(--unit));height:calc(2*var(--unit));object-fit:contain;}
div.fade.led384   div.proddue div.bottom table.automed td img{	width:calc(2*var(--unit));height:calc(2*var(--unit));object-fit:contain;}
div.fade.led512   div.proddue div.bottom table.automed td img{	width:calc(2*var(--unit));height:calc(2*var(--unit));object-fit:contain;}
div.fade.led640   div.proddue div.bottom table.automed td img{	width:calc(2*var(--unit));height:calc(2*var(--unit));object-fit:contain;}
table.strv.led960 div.proddue div.bottom table.automed td img{	width:calc(2*var(--unit));height:calc(2*var(--unit));object-fit:contain;}
div.proddue div.emblema{
  position:		absolute;
  top:			20%;
  left:			2%;
  width:		calc(10*var(--unit));
  height:		calc(10*var(--unit));
}
div.fade.led256    div.proddue div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
div.fade.led384h   div.proddue div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
div.fade.led384    div.proddue div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
div.fade.led512    div.proddue div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
div.fade.led640    div.proddue div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
table.strv.led960  div.proddue div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
table.strq.led1080 div.proddue div.emblema{	width:calc(5*var(--unit));height:calc(5*var(--unit));}
div.proddue div.emblema img{
  margin:		auto;
  width:		80%;
  height:		80%;
  padding:		10px;
  object-fit:		contain;
  background-color:	var(--grigioEtr);
  border-radius:	50%;
  animation:emblema 5s linear forwards;
}




/* Slide automatica servizi */
div.serv{
  position:		relative;
  height:		100vh;
  font-size:		var(--unit);
  background-size:	cover;
  background-position:	center;
  overflow:		hidden;
}
table.str  div.serv{	height:79vh;font-size:calc(.7*var(--unit));}
table.strq div.serv{	height:59vh;font-size:calc(.5*var(--unit));}
table.strv div.serv{	height:39vh;font-size:calc(.8*var(--unit));}
div.fade.led256    div.serv{	height:384px;font-size:calc(.3*var(--unit));}
div.fade.led384h   div.serv{	height:256px;font-size:calc(.3*var(--unit));}
div.fade.led384    div.serv{	height:384px;font-size:calc(.3*var(--unit));}
div.fade.led512    div.serv{	height:256px;font-size:calc(.3*var(--unit));}
div.fade.led640    div.serv{	height:384px;font-size:calc(.3*var(--unit));}
table.strv.led960  div.serv{	height:527px;font-size:calc(.3*var(--unit));}
table.strq.led1080 div.serv{	height:618px;}
div.serv div.title{
  position:		absolute;
  top:			0;
  left:			0;
  width:		45%;
  height:		25%;
  background-color:	transparent;
}
div.serv div.title p.title{
  margin:			0;
  padding:			1em 50px 1em 50px;
  font-size:			400%;
  font-weight:			bold;
  color:			var(--bianco);
  text-align:			center;
  background-color:		var(--blu);
  border:			solid 10px var(--biancotr);
  border-top:			none;
  border-left:			none;
  border-bottom-right-radius:	2em;
}
div.fade.led256   div.serv div.title p.title{	padding:1em 5px 1em 5px;border-width:5px;}
div.fade.led384h  div.serv div.title p.title{	padding:1em 5px 1em 5px;border-width:5px;}
div.fade.led384   div.serv div.title p.title{	padding:1em 5px 1em 5px;border-width:5px;}
div.fade.led512   div.serv div.title p.title{	padding:1em 5px 1em 5px;border-width:5px;}
div.fade.led640   div.serv div.title p.title{	padding:1em 5px 1em 5px;border-width:5px;}
table.strv.led960 div.serv div.title p.title{	padding:1em 5px 1em 5px;border-width:5px;}
div.serv div.right{
  position:		absolute;
  top:			10%;
  left:			20%;
  width:		80%;
  height:		80%;
  background-color:	transparent;
  background-size:	contain;
  background-position:	right;
  background-repeat:	no-repeat;
  opacity:0;animation:fades 4s .50s linear forwards;
}
div.serv div.descr{
  position:		absolute;
  top:			30%;
  left:			10%;
  width:		80%;
  height:		40%;
  background-color:	transparent;
  opacity:0;animation:fades 4.5s .25s linear forwards;
}
div.serv div.descr p.descr{
  margin:		0 auto 0 0;
  padding:		.75em;
  font-size:		500%;
  text-align:		left;
  max-width:		fit-content;
  color:		var(--blu);
  background-color:	var(--biancotr2);
  border:		solid 10px var(--verdetr);
  border-radius:	50px;
}
div.fade.led256   div.serv div.descr p.descr{	border-width:5px;border-radius:20px;}
div.fade.led384h  div.serv div.descr p.descr{	border-width:5px;border-radius:20px;}
div.fade.led384   div.serv div.descr p.descr{	border-width:5px;border-radius:20px;}
div.fade.led512   div.serv div.descr p.descr{	border-width:5px;border-radius:20px;}
div.fade.led640   div.serv div.descr p.descr{	border-width:5px;border-radius:20px;}
table.strv.led960 div.serv div.descr p.descr{	border-width:5px;border-radius:20px;}
div.serv div.descr p.descr span.less{		font-size:50%;display:block;margin:50px 0 0 0;}
div.fade.led256   div.serv div.descr p.descr span.less{	margin:10px 0 0 0;}
div.fade.led384h  div.serv div.descr p.descr span.less{	margin:10px 0 0 0;}
div.fade.led384   div.serv div.descr p.descr span.less{	margin:10px 0 0 0;}
div.fade.led512   div.serv div.descr p.descr span.less{	margin:10px 0 0 0;}
div.fade.led640   div.serv div.descr p.descr span.less{	margin:10px 0 0 0;}
table.strv.led960 div.serv div.descr p.descr span.less{	margin:10px 0 0 0;}
div.serv div.bottom{
  position:		absolute;
  top:			85%;
  left:			60%;
  width:		40%;
  height:		40%;
  background-color:	transparent;
}
div.fade.led512   div.serv div.bottom{	top:80%;}
div.serv div.bottom p.bottom{
  margin:			0;
  padding:			1em 50px 5em 50px;
  font-family:			curs;
  font-size:			300%;
  font-weight:			bold;
  color:			var(--bianco);
  text-align:			center;
  background-color:		var(--verde);
  border:			solid 10px var(--biancotr);
  border-right:			none;
  border-bottom:		none;
  border-top-left-radius:	50px;
  opacity:0;animation:movein 4s .5s linear forwards;
}
div.fade.led256   div.serv div.bottom p.bottom{	border-width:5px;border-top-left-radius:20px;padding:1em 5px 5em 5px;}
div.fade.led384h  div.serv div.bottom p.bottom{	border-width:5px;border-top-left-radius:20px;padding:1em 5px 5em 5px;}
div.fade.led384   div.serv div.bottom p.bottom{	border-width:5px;border-top-left-radius:20px;padding:1em 5px 5em 5px;}
div.fade.led512   div.serv div.bottom p.bottom{	border-width:5px;border-top-left-radius:20px;padding:1em 5px 5em 5px;}
div.fade.led640   div.serv div.bottom p.bottom{	border-width:5px;border-top-left-radius:20px;padding:1em 5px 5em 5px;}
table.strv.led960 div.serv div.bottom p.bottom{	border-width:5px;border-top-left-radius:20px;padding:1em 5px 5em 5px;}
div.serv div.emblema{
  position:		absolute;
  top:			15%;
  left:			2%;
  width:		calc(10*var(--unit));
  height:		calc(10*var(--unit));
}
div.fade.led256    div.serv div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
div.fade.led384h   div.serv div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
div.fade.led384    div.serv div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
div.fade.led512    div.serv div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
div.fade.led640    div.serv div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
table.strv.led960  div.serv div.emblema{	width:calc(3*var(--unit));height:calc(3*var(--unit));}
table.strq.led1080 div.serv div.emblema{	width:calc(5*var(--unit));height:calc(5*var(--unit));}
div.serv div.emblema img{
  margin:		auto;
  width:		80%;
  height:		80%;
  padding:		10px;
  object-fit:		contain;
  background-color:	var(--grigioEtr);
  border-radius:	50%;
  animation:emblema 5s linear forwards;
}


/* Timbrature */
div.timb{
  box-sizing:		border-box;
  width:		600px;
  padding:		5px;
  background-color:	var(--verde);
  font-size:		12pt;	/* non in proporzione allo schermo */
}
div.timb table.timbint{
  width:		100%;
  background-color:	var(--bianco);
  font-size:		120%;	/* non in proporzione allo schermo */
}
div.timb table.timbint th{
  padding:		5px 10px;
  color:		var(--scuro);
}
div.timb table.timbint th.sx{		text-align:left;}
div.timb table.timbint th.dx{		text-align:right;}
div.timb table.timbint th span.data{	font-size:90%;}
div.timb table.timbint th span.ora{	font-size:120%;}
div.timb table.timbint th.big{		font-size:120%;}

div.timb div.form{	position:relative;}
div.timb form{		margin-block-end:0;}
div.timb table.timb{
  width:		100%;
  padding:		5px 10px;
  background-color:	var(--scuro);
  border-spacing:	5px;
  cursor:		auto;
}
div.timb table.timb th{
  padding:		10px;
  vertical-align:	middle;
  text-align:		center;
  color:		var(--bianco);
}
div.timb table.timb th{		font-size:110%;}
div.timb table.timb th label{	padding:10px;font-size:90%;}
div.timb table.timb th input{	margin:5px;padding:5px 10px;font-size:80%;color:var(--scuro);border-radius:10px;border:none;appearance:none;outline:none;}
div.timb table.timb th input.pwd{	-webkit-text-security:disc;}
div.timb table.timb td{
  padding:		10px;
  vertical-align:	middle;
  text-align:		center;
  color:		var(--bianco);
}
div.timb table.timb td a p{	margin:.2em;}
div.timb table.timb td input[type=submit]{		padding:20px 50px;font-size:120%;font-weight:bold;color:var(--bianco);border-radius:10px;border:solid 2px var(--bianco);}
div.timb table.timb td input[type=submit].verde{	background-color:var(--chiaro);}
div.timb table.timb td input[type=submit].rosso{	background-color:var(--rosso);padding:20px 60px;}
div.timb table.timb td input[type=submit].grigio{	background-color:var(--grigio7);font-size:100%;white-space:normal;padding:10px;}
div.timb table.timb td button{
  display:		flex;
  margin:		0 auto;
  padding:		3px 20px;
  border-radius:	10px;
  border:		solid 2px var(--bianco);
  align-items:		center;
  justify-content	center;
  gap:			20px;
  color:		var(--bianco);
  background-color:	var(--chiaro);
  cursor:		hand;
}
div.timb table.timb td button p{		font-size:90%;font-weight:bold;margin:5px;}
div.timb table.timb td button p span.big{	font-size:400%;font-weight:bold;}
div.timb table.timb td button.grigio{	background-color:var(--grigio7);}
div.timb table.timb td button.grigio p{ font-size:120%;}
div.timb table.timb td button.rosso{	background-color:var(--rosso);padding:5px 30px;}
div.timb div.scroll{
  overflow:		auto;
  max-height:		18em;
  scrollbar-color:	var(--verde) var(--scuro);
}
div.timb div.scroll table.list{
  margin:		10px auto;
  width:		95%;
  color:		var(--bianco);
  border:		solid var(--grigioA) 1px;
  border-radius:	10px;
  border-spacing:	0;
}
div.timb div.scroll table.list caption{	padding:5px;}
div.timb div.scroll table.list td{
  padding:		5px;
  text-align:		center;
  border-top:		solid var(--grigioA) 1px;
  position:		relative;
}
div.timb div.scroll table.list tr:first-child td:first-child{	border-top-left-radius:10px;}
div.timb div.scroll table.list tr:first-child td:last-child{	border-top-right-radius:10px;}
div.timb div.scroll table.list tr:last-child  td:first-child{	border-bottom-left-radius:10px;}
div.timb div.scroll table.list tr:last-child  td:last-child{	border-bottom-right-radius:10px;}
div.timb div.scroll table.list td.unk{				background-color:var(--grigio7);}
div.timb div.scroll table.list td.unk[data-tip]:hover::after{	background-color:var(--grigio7);}
div.timb div.scroll table.list td[data-tip]:hover::after{
  content:		attr(data-tip);
  padding:		10px;
  background-color:	var(--scuro);
  color:		var(--bianco);
  font-size:		80%;
  position:		absolute;
  top:			30%;
  left:			30%;
  transform:		translate(-100%,-100%);
  white-space:		nowrap;
  border:		solid 2px var(--bianco);
  border-top-left-radius:	10px;
  border-top-right-radius:	10px;
  border-bottom-left-radius:	10px;
  border-bottom-right-radius:	0;
}
div.msg{
  display:		flex;
  position:		absolute;
  width:		100%;
  height:		100%;
  top:			0;
  left:			0;
  flex-flow:		column nowrap;
  align-items:		center;
  justify-content:	center;
  background-color:	hsl(0 0% 20% / .7);
}
div.msg div{
  display:		flex;
  box-sizing:		border-box;
  width:		70%;
  height:		70%;
  padding:		5%;
  background-color:	var(--verde);
  border:		solid 5px var(--bianco);
  border-radius:	10px;
  flex-flow:		column nowrap;
  align-items:		center;
  justify-content:	center;
}
div.msg div.err{	background-color:var(--err);}
div.msg div.att{	background-color:var(--att);}
div.msg div p{		text-align:center;font-size:120%;}



/* Documentazione */
@media print{
  div.doc div.shot img{	max-width:8cm;height:auto;}
  div.doc div.pdf{	display:none;}
}
html.doc{
  max-width:		none;
  max-height:		none;
  margin:		0;
  padding:		0;
}
body.doc{
  background-color:	var(--offw);
  margin:		0;
  padding:		0;
  font-family:		normal;
  font-size:		12pt;
  color:		var(--verde);
  max-width:		none;
  max-height:		none;
  cursor:		auto;
  overflow:		visible;
  touch-action:		auto;
}
body.doc a{		color:var(--verdelt);}
div.doc{		padding:5%;}
div.doc div.pdf{	margin:0 0 0 auto;width:fit-content;text-align:center;}
div.doc div.pdf a{		color:var(--verde);}
div.doc div.pdf a:link{		color:var(--verde);}
div.doc div.pdf a:visited{	color:var(--verdelt);}
div.doc div.pdf a:hover{	color:var(--verdelt);}
div.doc div.pdf a:active{	color:var(--verdelt);}
div.doc h1{		margin:2em 0 1em 0;text-align:center;}
div.doc h2{		margin:1.5em 0 1em 0;}
div.doc p{
  margin:		.5em 0;
  line-height:		125%;
  orphans:		2;
  widows:		2;
}
div.doc div.shot{
  display:		flex;
  flex-direction:	column;
  align-items:		center;
  padding:		2em 0;
  break-inside:		avoid;
}
div.doc div.shot p{	font-size:90%;}
div.doc div.imgc{	display:flex;align-items:center;}
div.doc div.imgs{	display:flex;flex-flow:row wrap;gap:3%;width:100%;padding:3%;justify-content:center;align-items:center;}
div.doc div.img{	display:flex;flex-flow:column nowrap;align-items:center;}