div.titolocategoriamenu{
	min-height:40px;
	width:100%;
	background: rgba(37,20,6, 0.7);
}

a.menoquantita{
background-color: #a6774e;
color: #fff;
padding: 4px 12px;
border-radius: 5px;
margin-right: 5px;
font-weight: bold;
    font-size: 1.2rem;
}

input.selezionadalmenu{
	background-color: #000;
	color: #fff;
	border: 1px solid #000;
	/*height: 28px;*/
	margin-left: 10px;
	margin-top:2px;
	/*border-radius: 10px;*/
	background: linear-gradient(135deg,#636363,#000);
}

a.piuquantita{
    background-color: #a6774e;
    color: #fff;
    padding: 4px 11px;
    border-radius: 5px;
    margin-left: 4px;
    font-weight: bold;
    font-size: 1.2rem;
}

input.quantita{
	font-weight:bold;
	width:32px;
	text-align:center;
	border: 1px solid #9b9b9b;
	border-radius:0px;
	padding-bottom: 0px;
}

p.lenostrescelte{
	color:#ffffff;
	text-align:center;
	background-color:#836853;
	font-size:1.3rem;
}

div.tastoamministrazione{
	border:2px solid #d4a886;
	border-radius:5px;
	height:150px;
}

img.immagineelimina{
	margin-top: 25px;	
}

#framevideo{
	width:600px;
	height:338px;
	z-index: 100 !important;
	opacity:1;
	background-color: #fff;
	border-radius:5px;
} 

div.provasfondo::before{
	background: #010101;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
opacity: 0.4;
}

input.salvanumerotavoli,input.salvanumerotavoli2{
	background-color: #353535;
	border: 1px solid #d4a886;
	color: #d4a886;
	border-radius: 5px;
	cursor: pointer;
	min-height: 42px !important;
	margin-left: 5px;
	width:110px;
}

div.divcategoria{
	width:100%;
	min-height:100px;
	border:2px solid #000;
	border-radius:5px;
	cursor:pointer;
	opacity: 0.7;
}

div.divcategoria:hover{
	opacity:1;
}

div.divtavolo{
	background-color: #5a371d;
	border-radius:5px;
	box-shadow: 1px 1px 3px #696969;
	width:90px;
	height:90px;
	color:#ffffff;
	font-size: 2rem;
	text-align: center;
	line-height: 2.6rem;
}

div.divtavoloordinazioni{
	border-radius:10px;
	box-shadow: 2px 2px 4px #000;
	width:100px;
	height:100px;
	color:#ffffff;
	font-size: 2rem;
	text-align: center;
	line-height: 2.6rem;
}
img.ordineattivo{
	position: absolute;
	float: right;
	margin-left: 43px;
	margin-top: 77px;
	border-radius: 0px 0px 10px;
}

div.nonattivotavolo{
	background-color:#34220e !important;
}

div.attivotavolo{
	background-color:#046913 !important;
}
img.immagineprint{
	height:82px;
	padding-top: 1rem;
}

div.divdescrizione{
	width:100%;
}
	
input.testonumerotavolo{
	width:50px !important;
}


h1.areariservata{
	font-size:2rem;
	font-weight:300;
	margin:auto;
	letter-spacing: 0.2rem;
}
h3.titoloiniziale,h4.titoloiniziale,p.titoloiniziale{
	color:#000;
	position:absolute;
	z-index:-1;
}

body{
	background-color:#000;
}

div#scopridipiu,div#comefunziona{
	background-color:#fff;
}

div.divemail{
	margin-top:2rem;
}

a.linkregistrazione{
	letter-spacing: 0.1rem;
	width:100%;
	letter-spacing:0.3rem;
	color:#d4a886;
	border-bottom: 0.5px solid #fff;
}

select {
min-height: 38px;
border: 1px solid #010101;
border-radius: 0px;
padding: 10px;
width: 100%;
}

.labelrichiesto{
	color: #d4a886;
	width: 100%;
	text-align: left;
	background-color: #2e2e2e;
	padding-left: 5px;
	border-radius: 5px;
}

.labelnonrichiesto{
	color: #ffffff;
	width: 100%;
	text-align: left;
	/*background-color: #d4a886;*/
	padding-left: 5px;
	border-radius: 5px;
	background: rgba(175, 139, 111, 0.8);
}

@media (max-width: 414px) {
	#framevideo{
	width:360px;
	height:203px;
	}
}


@media (max-width: 375px) {
	
	h1.titolomenu{
		font-size:2rem !important;
	}
	
	div.divtavoloordinazioni{
	border-radius:10px;
	box-shadow: 2px 2px 4px #000;
	width:80px;
	height:80px;
	color:#ffffff;
	font-size: 1.8rem;
	text-align: center;
	line-height: 1.9rem;
	}
	
	img.ordineattivo{
	position: absolute;
	float: right;
	margin-left: 31px;
	margin-top: 59px;
	border-radius: 0px 0px 10px;
	}
	
	#framevideo{
	width:340px;
	height:191px;
	}
	
	img.immagineelimina{
		margin-top: 14px;	
	} 
	
	div.divcategoria{
	width:100%;
	min-height:90px;
	border:2px solid #000;
	border-radius:5px;
	cursor:pointer;
	opacity: 0.7;
	}
	
	img.imgriservata{
		margin-top:2rem;
	}
	
	input.testonumerotavolo{
	width:50px !important;
	min-height:30px !important;
	}
	
	input.salvanumerotavoli,input.salvanumerotavoli2{
	background-color: #353535;
	border: 1px solid #d4a886;
	color: #d4a886;
	border-radius: 5px;
	cursor: pointer;
	min-height: 30px !important;
	margin-left: 5px;
	width:80px;
	}
	
	div.divtavolo{
	background-color:#34220e;
	border-radius:5px;
	width:60px;
	height:60px;
	color:#d4a886;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.8rem;
	}
	
	div.fotopr{
		width:100% !important;
		height: 70px !important;
	}
	
	div.rigacategorie,div.rigatavoli{
		height: 70px;
	}
	
	
	
	img.immagineprint{
	height:60px;
	padding-top: 0px;
	}
	
	input.selezionadalmenu{
	font-size:0.8rem;
	}
}

@media (max-width: 320px) {
	
	input.selezionadalmenu{
	background-color: #000;
	color: #fff;
	border: 1px solid #000;
	/*height: 28px;*/
	margin-left: 5px;
	font-size:0.8rem;
	/*border-radius: 10px;*/
	background: linear-gradient(135deg,#636363,#000);
	}
	
	h1.titolomenu{
		font-size:2rem !important;
	}
	
	img.ordineattivo{
	position: absolute;
	float: right;
	margin-left: 31px;
	margin-top: 59px;
	border-radius: 0px 0px 10px;
	}
	
	
	
	#framevideo{
	width:290px !important;
	height:163px !important;
	}
	
	img.immagineelimina{
		margin-top: 14px;	
	} 
	
	div.divcategoria{
	width:100%;
	min-height:70px !important;
	border:2px solid #000;
	border-radius:5px;
	cursor:pointer;
	opacity: 0.7;
	}
	
	div.rigacategorie,div.rigatavoli{
		height: 70px;
	}
	
	input.salvanumerotavoli2{
		background-color: #353535;
		border: 1px solid #d4a886;
		color: #d4a886;
		border-radius: 5px;
		cursor: pointer;
		min-height: 30px !important;
		margin-left: 5px;
		width:60px !important;
	}
	
	div.divtavolo{
	background-color:#34220e;
	border-radius:5px;
	width:60px;
	height:60px;
	color:#d4a886;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.8rem;
	}
	
	img.immagineprint{
	height:60px;
	padding-top: 0px;
	}
	
	input.testonumerotavolo{
	width:50px !important;
	min-height:30px !important;
	}
	
	
	img.imgriservata{
		margin-top:5rem;
	}
	h1.areariservata{
	font-size:1.5rem;
	}
	div.divemail{
	margin-top:0rem;
	}
	a.linkregistrazione{
		font-size:0.8rem;
	}
}

@media (max-width: 360px) {
	#framevideo{
	width:330px;
	height:186px;
	}
}

p.pform{
	padding:0px !important;
	margin:0px !important;
	float:left;
}

input.tastosalvadati{
		background-color: #353535;
		border: 1px solid #d4a886;
		color: #d4a886;
		border-radius:5px;
		cursor:pointer;
		min-height:42px;
		margin-top:5px;
		width:100%;
	}

@media (min-width: 960px) {
	p.pform{
		padding:5px !important;
		float:right;
	}
	input.tastosalvadati{
		background-color: #353535;
		border: 1px solid #d4a886;
		color: #d4a886;
		border-radius:5px;
		cursor:pointer;
		min-height:42px;
		margin-top:5px;
		float:right;
		width:350px;
	}
	
	div.divcategoria{
	width:100%;
	min-height:150px;
	border:2px solid #000;
	border-radius:5px;
	cursor:pointer;
	opacity: 0.7;
	}
	
	
}




input.tastoupload{
	width: 100%;
	background-color: #353535;
	border: 1px solid #d4a886;
	color: #d4a886;
	border-radius:5px;
	cursor:pointer;
	min-height:35px;
	margin-top:5px;
}



input.tastoupload:hover{
	color:#353535;
	background-color: #d4a886;
	border: 1px solid #353535;
}

input.testoinput,textarea.textareainput{
	border: 1px solid #010101;
	min-height:42px;
	width:100%;
	padding-left:5px;
}

div.dagiocare{
	padding:0px;
	height:50px;
	background-color:#000;
	background-image:url("/icone/puntointerrogativo.jpg");
	background-size:cover;
	background-repeat:no-repeat;
}

div.divcasella {
	border: 1px solid #3d3c3c;
	background-color:#000;
}

 div.carda {
            background: #f9fafc !important;
            border-radius: 12px;
           padding: 5px 10px;
            display: flex;
            align-items: center;
            gap: 12px;
            transition: transform 0.2s, box-shadow 0.2s;
			width: 300px;
  margin: auto;
  margin-top: 10px;
  font-family: arial;
  font-size:1.2rem;
  color:#000;
        }

        div.carda:hover {
            transform: translateY(-4px);
            box-shadow: 0 6px 15px rgba(0,0,0,0.08);
        }
		
		
		
.upload-card{
    width:100%;
    max-width:380px;
    background:#1a1a1d;
    border:1px solid rgba(255,255,255,0.08);
    border-radius:28px;
    padding:28px;
    text-align:center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
	 margin: auto;
  }

  .upload-title{
    font-size:22px;
    font-weight:300;
    margin-bottom:10px;
	font-family: arial;
  }

  .upload-subtitle{
    font-size:14px;
    color:#a1a1aa;
    line-height:1.5;
    margin-bottom:24px;
  }

  .upload-box{
    position:relative;
    border:2px dashed rgba(255,255,255,0.15);
    border-radius:22px;
    padding: 30px 10px;
    transition:0.25s ease;
    cursor:pointer;
    overflow:hidden;
    background:rgba(255,255,255,0.02);
  }

  .upload-box:hover{
    border-color:#8b5cf6;
    background:rgba(139,92,246,0.08);
    transform:translateY(-2px);
  }

  .upload-icon{
    font-size:42px;
    margin-bottom:14px;
  }

  .upload-text{
    font-size:16px;
    font-weight:600;
    margin-bottom:8px;
	color:#fff;
  }

  .upload-small{
    font-size:13px;
    color:#9ca3af;
  }

  input[type="file"]{
    position:absolute;
    inset:0;
    opacity:0;
    cursor:pointer;
  }
  
  .previewscattafoto{
    margin-top:22px;
    display:none;
  }

  .previewscattafoto img{
    border-radius:10px;
    object-fit:cover;
    max-height:250px;
	max-width:100%;
  }