@media only screen{
    
    header { position: absolute; }
    
    td {
      border-radius: 5px;
      border: 1px solid #999;
      /*xborder-collapse: collapse;*/
    }
   
    th {
      border-radius: 5px;
      border: 1px solid #999;
      /*xborder-collapse: collapse;*/
    }
   
	/*	img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 500px;
        padding: 10px;
    }
	*/   

	.dispari {
      background-color: #E0E0E0;
    }
    
    /*.pari {}*/
    
    table {
      border-radius: 5px;
      border: 1px solid #999;
      /*xborder-collapse: collapse;*/
    }

	.invisible {
		border: none;
	}
	
	.cellTrofeo {
		width:200px;
	}

	.cellGara {
		width:120px;
	}
    
    header {
      position: fixed;
    /*  display:block; */
    /*  width: 1100px; */
      opacity: 1;
      z-index: 10;
    }
    
    
	.no-screen {
		display:none;
	}    
    
    
    footer {
		margin-top: 20px;
		margin-left: 200px;
    }
    
    ul.menu {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    li.menu {
      display:block;
      width: 200px;
      height: 40px;
    }
    
    a.menu {
      width: 180px;
      height: 40px;
      vertical-align: middle;
    }
    
    .contenitore {
      padding: 20px;
      margin-left: 220px;
      margin-right: 20px;
    }
    
    .contenuto {
    	position:relative;
    	z-index: 1;
    }
    
    a.image_container {
    	display: block;
    	/*overflow: hidden;*/
    }
	a.image_container img {
    	width: auto; // to maintain aspect ratio. You can use 100% if you don't care about that
	    height: 100%;
	}

    .box_arrotondato {
      border-radius: 20px;
      border-style: solid;
      border-width: 5px;
    }
    
    
    
    a.menu:link, a.menu:visited {
        display: block;
        /*width: 120px;*/
        font-weight: bold;
        color: white;
        background-color: red;
        text-align: center;
        padding: 4px;
        text-decoration: none;
        text-transform: uppercase;
    }
    
    a.menu:hover, a.menu:active {
        background-color: #990000;
    }
    
    /*.sezione {
      text-transform: uppercase;
    }*/
    
    h2 {
      text-transform: uppercase;
    }
    
    h1 {
      text-transform: uppercase;
    }
    
    .gare {
      float: left;
      padding: 10px; 
      color: black;
    }
    
    /*#contenitore_gare  {
    }*/
    
    #gare_meeting {
      background-color:red;
      border-color: red;
      color: white;
    }
    
    #gare_maschili {
      background-color:blue;
      border-color: blue;
      color:white;
    }
    
    #gare_femminili {
      background-color:pink;
      border-color: pink;
    }
    
    #gare_esordienti {
      background-color:yellow;
      border-color: yellow;
    }
    
    #contenitore_gare_extra {
      background-color:black;
      border-color: black;
      color:yellow;
    }
    #gare_extra {
      background-color:white;
      border-color: white; 
    }
    
    #orario {
      clear: both;
      margin-top: 40px;
    }
    
}


@media only screen and (max-device-width: 480px) {
    .menu {
        display: none;
    }
    .contenitore {
      padding: 20px;
      margin-left: 0px;
      margin-right: 0px;
    }
    .zoomMobile{
        font-size:2em;
    }

	td {
		border-radius: 5px;
		border: 1px solid #999;
		font-size:1em;
	}
	
    
	th {
		border-radius: 5px;
		border: 1px solid #999;
		font-size:1em;
	}
	
    
	table {
		font-size:1em;
	}
}

/* REGOLA PER L'ELENCO TROFEI A 3 COLONNE CON PUNTINI */
.elenco-trofei {
display: grid !important;
grid-template-columns: max-content 1fr max-content !important;
gap: 8px 12px !important;
align-items: baseline !important;
max-width: 500px !important;
}

.elenco-trofei .puntini {
border-bottom: 2px dotted #aaa !important;
height: 0.8em !important;
min-width: 30px;
}

/* SFONDI PER CATEGORIE E GARE */

/* Cadette (Rosa pallido) */
.rosa-pallido,
td.cadette {
background-color: #ffe6f2 !important;
}

/* Assolute / Femminili (Rosa) */
.rosa,
td.assolute {
background-color: #ffb3d9 !important;
}

/* Cadetti (Azzurro pallido) */
.azzurro-pallido,
td.cadetti {
background-color: #e6f2ff !important;
}

/* Assoluti / Maschili (Azzurro) */
.azzurro,
td.assoluti {
background-color: #99ccff !important;
}

/* SFONDO VERDE PALLIDO PER LE RIGHE */
tr.verde,
tr.verde td {
background-color: #90ee90 !important;
}

.locandina {
    max-width: 100%;
    max-height: 100%;
    /* Eventuali altre personalizzazioni per lo schermo */
}