html, body {
    height: 100%;
}
body{
	background-image: url("/img/fons.jpeg");
 	background-color: black;
 	background-size: cover;
 	background-repeat: no-repeat;
 	background-attachment: fixed;
}
.minh-100 {
  min-height: 100% !important;
}
.container, 
.container-fluid{
 	background-color: rgba(0, 0, 0, 0.7);
}
a{
	text-decoration: none;
	color: #5a0d5e;
}
a:hover{
	color: #000000;
}
.logo-header{
	max-width: 150px;
	max-height: 150px;
	-webkit-box-shadow: 0 0 10px 0 rgba(255,255,255,1);
	box-shadow: 0 0 10px 0 rgba(255,255,255,1);
	border-radius: 50%;
		background-color: black;
}
.logo-header-small{
	max-width: 32px;
	max-height: 32px;
	-webkit-box-shadow: 0 0 10px 0 rgba(255,255,255,1);
	box-shadow: 0 0 10px 0 rgba(255,255,255,1);
	border-radius: 50%;
		background-color: black;
}
.list-group-item.active{
	background-color: #1a1a1a;
	border-color: #ffffff;
}
.decora{
	font-weight: bold;
	color: rgba(255,255,255,0.1);
	font-size: 3rem;

}
.navbar-text,
.navbar-text a{
	color: white;
}
.publicitat{
	background-color: #000000;
	color: #ffffff;
	font-size: 9px;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5px;
	letter-spacing: 1px;
}
.publicitat a{
	color: #ffffff;
}
.guio{
	background-image: url("/img/guio.png");
 	background-repeat: no-repeat;
 	background-position: 0px 14px;
}
#idioma{
	width: 100%;
}
#cargando,
#error{
	background-color: white;
	border-radius: 10px;
}
#solicitar{
	border-radius: 10px;
}
#camarero img,
#cuenta img{
	border-radius: 4px;	
}

#idiomaForm #idioma{
	padding-right: calc(var(--bs-gutter-x) * -0.5);
	padding-left: calc(var(--bs-gutter-x) * -1);
	border-radius: 0;
}