@media only screen and ( min-width: 1280px ) 
{
    div#Foreground{
        margin-top:45px;
		width:1178px;
	    height:486px;	  
    }
    
    div#ShowMap{
      height:380px;
      
    }
    
    div.Scheda .SchedaDati{
     
 
      
  
    }
    
    div.Scheda h1.SchedaTitle{
       padding-bottom:25px;
       font-size: 30px;
    }
    
    div.SchedaFirst .SchedaDati ul.SchedaTags{
   
     
      height:60px;
   
      line-height:60px;
  
      font-size:13px;
    
    }
    
    div.Scheda .SchedaText{
  
      width:1000px;
      font-size:14px;
      
    }

    div.SchedaFirst .SchedaDati{
    
     
    }
    
    
   
   #Container{
	 width:1178px;	  
  }
  
  #Logo img{
    width:254px;
  }
  
  #Menu ul li{
  
    width:100px;
    height:100px;
  }
  
  #Menu ul li img{
   
    width:50px;
    height:50px;
    top:18px;
    left:25px;
  }
  
  #Menu ul li span{
    font-size:12px;
  }
  
  
  div.History{
    padding-top:60px;
    padding-left:10px;
    
  
  }

  div.History .HistoryIcon{
    width:70px;
  }
  
  div.History .HistoryIcon img{
    width:50px;
    height:50px;
  }

  div.History .HistoryData{
    padding-top:15px;
  }
  
  div.History .HistoryTitle{
    
    font-size:20px;
  }

  div.History ul.HistoryList{
    font-size:12px;
    padding-top:10px;
  }

  div.History ul.HistoryList li{
 
    margin-right:15px;
  }

  div#Footer{
    margin-top:120px;
  }
}

@media only screen and ( max-width: 1279px ) 
{
  #Container{
	 width:990px;	  
  }
  
  #Logo img{
    width:220px;
  }
  
  #Menu ul li{
  
    width:80px;
    height:80px;
  }
  
  #Menu ul li img{
   
    width:40px;
    height:40px;
    top:14px;
    left:20px;
  }
  
  #Menu ul li span{
    font-size:11px;
  }
  
  div#Foreground{
        margin-top:35px;
		width:990px;
	    height:406px;  
    }
    
    div#ShowMap{
      height:300px;
      
    }
    
    div.Scheda .SchedaDati{
      
      
 
      
  
    }
    
    div.Scheda h1.SchedaTitle{
       padding-bottom:20px;
       font-size: 26px;
    }
    
    div.SchedaFirst .SchedaDati ul.SchedaTags{
   
     
      height:50px;
   
      line-height:50px;
  
      font-size:12px;
    
    }
    
    div.Scheda .SchedaText{
  
      width:800px;
      font-size:13px;
      
    }

    div.SchedaFirst .SchedaDati{
     
     
    }
    
    
    div#Footer div.FooterCol{
     float:left;
     width:40%;
     margin:25px;
    }
    
    div#Footer div.FooterColRight{
      padding-top:0;
      margin-top:0;
      float:right;
    }
    
  
  
}


/***********************
   768 > 1023 
************************/

@media only screen and ( max-width: 1023px ) 
{
  #Container{
	 width:742px;
     margin:auto;	  
  }
  
  #Header{
    padding-top:30px;
  }
  
  #Logo img{
    width:160px;
    height:auto;
  }
  
  #Menu{
    padding-top:20px;
  }
  
  #Menu ul li{
  
    width:60px;
    height:60px;
  }
  
  
  
  #Menu ul li.Selected a{
    background:none;
  }
  
  
  
  #Menu ul li.Selected span,#Menu ul li.Unselected span{
    left:4px;
  }
  
 
  
  #Menu ul li img{
   
    width:30px;
    height:30px;
    top:8px;
    left:14px;
  }
  
  #Menu ul li span{
    font-size:10px;
    left:0px;
    bottom:4px;
    width:50px;
    text-align:center;
  }
  
  div.History{
    padding-top:30px;
  }
  
  div#Foreground{
        margin-top:35px;
		width:742px;
	    height:306px;  
    }
    
    div#ShowMap{
      height:270px;
      
    }
    
    div.Scheda .SchedaDati{
      width:742px;
 
      
  
    }
    
    div.Scheda h1.SchedaTitle{
       padding-bottom:20px;
       font-size: 26px;
    }
    
    div.SchedaFirst .SchedaDati ul.SchedaTags{
   
     
      height:50px;
   
      line-height:50px;
  
      font-size:12px;
    
    }
    
    div.Scheda .SchedaText{
  
      width:620px;
      font-size:12px;
      
    }

    div.SchedaFirst .SchedaDati{
     
    }
    
    div.Scheda .SchedaRiquadri{
      
      padding-bottom:2px;
     

   }
   
   div.Scheda .SchedaRiquadri .SchedaRiquadro{
   
     
   
  
   }



  div.Scheda .SchedaRiquadri .SchedaRiquadro img{
    
  }
  
  div.Scheda .SchedaRiquadri .SchedaRiquadroLink img
  {
    
    
  }
  
  div.Scheda .SchedaRiquadri .SchedaRiquadro span{
  
    
 
    font-size:12px;
  
  } 
  
  div#Footer{
    margin-top:80px;
  
  }
  
  div.Scheda .SchedaRiquadri .SchedaRiquadroLarge,div.Scheda .SchedaRiquadri .SchedaRiquadroLarge img
  {

    width:142px;
    height:142px
   
  }
  
  div.Scheda .SchedaRiquadri .SchedaRiquadroMedium,div.Scheda .SchedaRiquadri .SchedaRiquadroMedium img
  {

    width:100px;
    height:100px
   
  }
  
}


/***********************
   < 768 
************************/

@media only screen and ( max-width: 767px ) 
{
  #Container{
	 width:468px;
     margin:auto;	  
  }
  
  #Header{
    padding-top:30px;
  }
  
  #Logo img{
    width:160px;
    height:auto;
  }
  
  ul.HistoryList{
    max-width:400px;
  }
  
  .mobile-menu{
     display:block;
     position:absolute;
     top:12px;
     right:12px;
     cursor:pointer;
     z-index:1000;
   }
  
  #Menu{
    
    float:none;
    display:none;
    position:fixed;
     overflow-y:auto;
     top:0;
     right:0;
     bottom:0;
     width:100%;
     padding:0;
     margin:0;
     background-color:#000;
     z-index:100;
  }
  
  
 #Menu ul li.MenuMarginLeft{
    margin-left:0px;
   
  }
  
  #Menu ul li img{
   
    display:inline-block;
    padding:0;
    margin:0;
  }
  
  
  
  #Menu ul li span{
    font-size:14px;
    left:10px;
    bottom:0px;
    line-height:46px;
    width:auto;
    text-align:left;
    padding-left:50px;
  }
  
  
  #Menu ul{
     
     width:100%;
     
   }
   
   #Menu ul li{
     display:block;
     width:100%;
     height:46px;
     margin-top:2px;
     margin-right:0px;
     margin-left:0;
   }
   
   #Menu ul li:first-child{
     
   }
   
   #Menu ul li:last-child{
     margin-bottom:20px;
   }
   
   #Menu ul li a{
     width:100%;
     display:block;
    
   }
   
   #Menu ul li.selected {
     
   }
  
  
  
  
  
  div.History{
    padding-top:30px;
  }
  
  div#Foreground{
        margin-top:35px;
		width:468px;
	    height:auto;
        padding-bottom:2px;  
    }
    
    div#ShowMap{
      height:240px;
      
    }
    
    div.Scheda .SchedaDati{
      width:468px;
 
      
  
    }
    
    div.Scheda h1.SchedaTitle{
       padding-bottom:20px;
       font-size: 26px;
    }
    
    div.SchedaFirst .SchedaDati ul.SchedaTags{
   
     
      height:50px;
   
      line-height:50px;
  
      font-size:12px;
    
    }
    
    div.Scheda .SchedaText{
  
      width:440px;
      font-size:12px;
      
    }

    div.SchedaFirst .SchedaDati{
     
    }
    
    div.Scheda .SchedaRiquadri{
      
      padding-bottom:2px;
     

   }
   
   div.Scheda .SchedaRiquadri .SchedaRiquadro{
   
     
   
  
   }



  div.Scheda .SchedaRiquadri .SchedaRiquadro img{
    
  }
  
  div.Scheda .SchedaRiquadri .SchedaRiquadroLink img
  {
    
    
  }
  
  div.Scheda .SchedaRiquadri .SchedaRiquadro span{
  
    
 
    font-size:12px;
  
  } 
  
  div#Footer{
    margin-top:80px;
  
  }
  
  div#Footer div.FooterCol{
     float:none;
     width:auto;
     padding:25px;
     margin:0;
    }
  
  div#Footer div.FooterColRight{
    float:none;
    text-align:left;
  }
  
  div.Scheda .SchedaRiquadri .SchedaRiquadroLarge,div.Scheda .SchedaRiquadri .SchedaRiquadroLarge img
  {

    width:112px;
    height:112px
   
  }
  
  div.Scheda .SchedaRiquadri .SchedaRiquadroMedium,div.Scheda .SchedaRiquadri .SchedaRiquadroMedium img
  {

    width:84px;
    height:84px
   
  }
  
  
}

/***********************
   < 480 
************************/

@media only screen and ( max-width: 479px ) 
{
  #Container{
	 width:90%;
     margin:auto;	  
  }
  
  #Header{
    padding-top:20px;
  }
  
  #Logo img{
    width:150px;
    height:auto;
  }
  
  ul.HistoryList{
    max-width:280px;
  }
  
  
  
  
  
  
  
  div.History{
    padding-top:30px;
  }
  
  div#Foreground{
        margin-top:35px;
		width:100%;
	    height:auto;
        padding:2px 2px 0 2px;
       
    }
    
    div#ShowMap{
      height:200px;
      
    }
    
    div.Scheda .SchedaDati{
      width:100%;
 
      
  
    }
    
    div.Scheda h1.SchedaTitle{
       padding-bottom:20px;
       font-size: 26px;
    }
    
    div.SchedaFirst .SchedaDati ul.SchedaTags{
   
     
      height:50px;
   
      line-height:50px;
  
      font-size:12px;
    
    }
    
    div.Scheda .SchedaText{
  
      width:94%;
      font-size:12px;
      
    }

    div.SchedaFirst .SchedaDati{
     
    }
    
    div.Scheda .SchedaRiquadri{
      
      padding-bottom:2px;
     

   }
   
   div.Scheda .SchedaRiquadri .SchedaRiquadro{
   
     
   
  
   }



  div.Scheda .SchedaRiquadri .SchedaRiquadro img{
    
  }
  
  div.Scheda .SchedaRiquadri .SchedaRiquadroLink img
  {
    
    
  }
  
  div.Scheda .SchedaRiquadri .SchedaRiquadro span{
  
    
 
    font-size:12px;
  
  } 
  
  div#Footer{
    margin-top:80px;
  
  }
  
}