.button {
  padding: 0px;
  color: #000;  
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.div {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 200ms;
  z-index:8;
  display:none;  
}

.alg {
    color:#000;
    border:1px #ddd solid;
    border-radius: 25px;
    //display:block;
    width:38px;
    float:left;
    padding:5px;
    margin:5px;
    line-height:1px;
}

.foto {
  float:left;
  height:250px;
  overflow:hidden;
  margin-bottom:10px;
}
.testata {
  width:100%;  
  padding:5px 10px;
  border-bottom:1px #ccc solid;
  height:45px;
}

.logo {
  float:left;
}

.logo img{
  width:50px !important;
}
.sponsor{
 border:1px #ccc solid;
 border-radius: 25px;
 transition: all 5s ease-in-out;
 margin-bottom:10px;
 padding:auto;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 200ms;
  visibility: hidden;
  opacity: 0;
  z-index:8;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 10px;
  margin: auto;
  padding: 0px;
  background: #fff;
  border-radius: 5px;
  //width: 90%;
  max-width: 400px;
  position: relative;
  transition: all 5s ease-in-out;
  line-height:15px;
}

.popup h2 {
  padding: 10px 0px 10px 5px;
  margin:0px;
  color: #333;
  font-size: 20px;  
}
.popup p {
  margin:0px;
  padding:0px 5px;
  font-size: 17px !important;
  line-height:19px;  
}

.popup .close {
  position: absolute;
  top: 20px;
  right: 10px;  
  float:right;
  cursor: pointer;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  line-height:5px;  
  text-align:center;
}
.popup span {
  font-weight: 400;
  font-size: 13px;      
}

.popup .close:hover { color: #F00; }
.popup .content { overflow: auto;}
.img1 {  
  max-width: 100%;
  float:left;  
  }


@media screen and (max-width: 700px){
  .popup{
    width: 90%;
    margin:15px auto;
  }
}
///// ALLERGENI /////

input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label {
    color:#000;
    cursor:pointer;
    border:1px #ddd solid;
    border-radius: 25px;
    //display:block;
    width:150px;
    float:left;
    margin:5px;
    font-size:15px;    
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:25px;
    height:25px;
    margin:3px;
    vertical-align:middle;
    background-size: 25px 25px;
}
input[type="checkbox"]:checked + label {
    background:#f00;
    color:#fff;
}

input[type="checkbox"]:checked + label {
    background:#f00;
    color:#fff;
}

.myButton {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:6px;
	border:1px solid #aaa;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:8px 45px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
  margin-top:20px;  
}
.myButton:hover {
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	background-color:#e9e9e9;
}
.myButton:active {
	position:relative;
	top:1px;
}
.myButton:disabled{
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:6px;
	border:1px solid #aaa;
	display:inline-block;
	cursor: no-drop;
	color:#aaa;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:8px 45px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
  margin-top:20px;  
}

.arachidi { background:url(../images/arachidi.png); }	
.crostacei { background:url(../images/crostacei.png); }	
.frutta { background:url(../images/frutta.png); }	
.glutine { background:url(../images/glutine.png); }
.latte { background:url(../images/latte.png); }	
.lupini { background:url(../images/lupini.png); }	
.molluschi { background:url(../images/molluschi.png); }	
.pesce { background:url(../images/pesce.png); }
.sedano { background:url(../images/sedano.png); }	
.senape { background:url(../images/senape.png); }	
.sesamo { background:url(../images/sesamo.png); }	
.soia { background:url(../images/soia.png); }
.solfiti { background:url(../images/solfiti.png); }	
.uova { background:url(../images/uova.png); }

//// QR CODE ////