*{
   margin:0px;
   padding:0px;
   font-family:monospace;

}

body {
	overflow:hidden;
	width:100vw;
	height:100vh;
	background-image:url("fons.jpg");
	background-size: cover;
	background-position:top right;
	}

#IDpantalla {
	background-color:black;
	opacity:70%;
	color:white;
	font-size: 20px;
	width:1060px;
	height:800px;
	overflow:hidden;
	padding:16px;
	border-radius: 10px 10px 10px 10px;
}

#IDlogo {
	position:absolute;
	width:40%;
	top:20px;
	left:300px;
}
#IDsup {
	position:absolute;
	color: rgb(35,90,130);
}

#IDtaula {
	overflow:auto;
	margin-top:220px;
}

#IDllista td {
	padding-right: 15px;
}

#IDmenu{
	position:fixed;
	left:-250px;
	width:306px;
	transition:1s;
}

#IDmenu:hover{
	left:0px;
}
#IDboto{
	background-color:RGBA(200,200,200,.9);
	height:64px;
	text-align:right;
}

#IDbotoIcona{
	float:right;
	background-color:RGBA(200,200,200,.9);
	height:64px;
	width:48px;
	text-align:right;	
	padding-right:8px;
	padding-bottom:8px;
	font-weight:bold;
	font-size:50px;
}
#IDopcions{
	background-color:RGBA(200,200,200,.9);
	width:250px;
	font-size:24px;
	text-align:center;
}

.desconectat{
	display:none;
}

.opcio{
	width:100%;
	text-align:left;
}
.opcio:hover{
	background-color:gold;
}