/*
	Author:		Softeam  UNITRE Cesano Maderno 
	Name		tabellone-corsi-new.css
	Version:	1.00	Date: 12.10.2025	Versione iniziale
	Comment:
	
	*/
	
	
	body {
		width: 1920px;
		margin: 0 auto 0 auto;                                     	
		background-color: #c1f1f9;
	}

	header {
		width: 1880px;
		height: 200px;                        
		background-color: #c1f1f9; 
		padding: 5px;
		margin: 10px 0 0 15px;
	}
	
	header img {
		border: 1px solid black;
		width:1880px;
		height:200px;  /* era 180 */
	}

	article {
		width: 1890px;
		height: 800px;			
		float: left;
		background-color:#c1f1f9;
		padding: 10px;
		margin: 10px;	
	}

	table {
   		border-collapse: collapse;
		white-space: nowrap;
		
	}
	
	.col-larga {
		width: 80%;
	}
	
	.col-stretta {
		width: 20%;	
	}
	
	#tab1{
		width: 33%;
		float:left;
		margin: 10px 0 0 20px;
	}
	
	#tab2{
		width: 32%;
		float:left;
		margin: 10px 0 0 10px;
	}
	
	#tab3{
		width: 32%;
		float:left;
		margin: 10px 0 0 10px;
	}
	
	th {
		border: 1px solid black;
		border-collapse: collapse;
		font: 700 26px/1.0 system-ui, sans-serif;
		text-align:center;
		padding: 5px 5px 5px 10px;
		background: radial-gradient(circle, lightgreen ,green);
		color: black;
	}
	
	td {
		border: 1px solid black;
		border-collapse: collapse;
		font: 400 24px/1.2 system-ui, sans-serif;
		text-align:left;
		padding: 5px 5px 5px 10px;
	}
	
	.trglass{
		color:#c1f1f9;
		background-color:#c1f1f9;
	}
	
	.tdglass{
		color:#c1f1f9;
		background-color:#c1f1f9;
		border-left:transparent;
		border-right:transparent;
	}

	table tr:nth-child(even) {
		background-color: #ffffff;
	}
	
	table tr:nth-child(odd) {
		background-color:#ffffff;
	}
	
	footer {
		position: absolute;
		width: 1865px;
		height: 130px;
		padding: 10px;
		margin: 850px 0 0 10px;
	}

	#marqueeDiv1{
		position: absolute;
		float: left;
		width: 1878px;
		height: 50px;
		border-right: 1px solid black;
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		border-radius: 5px;
	}
	
	#div2{
		position:absolute;
		margin-top: 80px;
		float: left;
		width: 1710px;
		height: 50px;
		display: flex;
		align-items: center;     /* Allinea verticalmente */
		justify-content: center; /* Allinea orizzontalmente (opzionale) */
		background: linear-gradient(to bottom, green, lightgreen);
		border-left: 1px solid black;
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		font: 600 20px/1.5 system-ui, sans-serif;
		border-radius: 5px 0 0 5px;
	}

	#div3{
		position: relative;
		margin-top: 80px;
		margin-right: -15px;
		float: right;
		width: 170px;
		height: 50px;
		display: flex;
		align-items: center;     /* Allinea verticalmente */
		justify-content: center; /* Allinea orizzontalmente (opzionale) */
		background: linear-gradient(to bottom, green, lightgreen);
		border-right: 1px solid black;
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		font: 600 20px/1.5 system-ui, sans-serif;
		border-radius: 0 5px 5px 0;
	}

	.banner{
		position: relative;
		float: left;
	}
	
	#ora {
		position: absolute;
		top: 10px;
		left: 305px;
		text-align:center;
		font-family:Arial;
		font-size: 50px;
		font-weight: bold;
		color: #185f33;
	}

	#data {
		position: absolute;
		top: 20px;
		left: 700px;
		text-align:center;
		font-family:Arial;
		font-size: 40px;
		font-weight: bold;
		color: #185f33;
	}

	.news-banner {
		display: flex;
		align-items: center;
		overflow: hidden;
		background: #FFFFFF; /* colore base */
		color: #000000;
		font: 600 24px/1.5 system-ui, sans-serif;
	}

	.news-banner-label {
		position: absolute;
		z-index: 10; /* sta sopra */
		flex: 0 0 6rem;
		display: flex;
		align-items: center;
		justify-content: center;
		background: linear-gradient(to bottom, green, lightgreen);
		color: #000000;
		font: 600 24px/1.5 system-ui, sans-serif;
		letter-spacing: 0.05em;
		padding: 8px 10px;
		border: 1px solid black;
	}

	.news-banner-track {
		display: inline-flex;
		white-space: nowrap;
		margin-left: 100%;
	  
	}

	.news-banner-track-span {
		animation: scroll-left linear 1;
		font: 600 28px/1.5 system-ui, sans-serif;
	}

	@keyframes scroll-left {
		from { transform: translateX(0%); }
		to   { transform: translateX(-100%); }
	}
	
	@keyframes fadeInAnimation {
		from { opacity: 1; }
		to { opacity: 1; }
	}

	.fadein {
		animation-name: fadeInAnimation;
		animation-duration: 30s; /* Durata effetto */
		animation-fill-mode: both;
		margin: 0 0 0 190px;
		font: 600 28px/1.5 system-ui, sans-serif;
	}