@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;
	}
}