@-ms-viewport {
  width: 1024px;
  height: 731px;
  orientation: landscape;
}

@viewport {
  width: 1024px;
  height: 731px;
}

* {
  box-sizing: border-box;
}

html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
body {
  margin: 0;
  padding: 0px;
  width: 1024px;
  height: 731px;
}
.content {
  width: 100%;
  height: 100%;
  background-color: gray;
}

a {
   outline: 0;
}

#tabellone_gioco {

	width: 1024px;
	height:731px;
	
	position:relative;
	margin:auto;
	
	background-image:url(../img/base-italiano.jpg);
	background-size:contain; 
	background-repeat: no-repeat; 
	background-position:center;
	
	display:none;
}

#nuovo_gioco {
	width: 238px;
	height: 34px;
	
	position: absolute;
	left: 761px;
	top: 676px;
	
	background-image: url(../img/nuovo-gioco.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	
	cursor: pointer;	
}

#istruzioni {
	width: 265px;
	height: 67px;
	
	position: absolute;
	left: 740px;
	top: 0px;
	
	background-image: url(../img/istruzioni.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	
	cursor: pointer;	
}

#new_game {

	width: 1024px;
	height:731px;
	
	position:relative;
	margin:auto;
	
	background-image:url(../img/fondo-italiano.jpg);
	background-size:contain; 
	background-repeat: no-repeat; 
	background-position:center;
}

#img_alert {
	
	width: 1024px;
	height:731px;
	
	position:absolute;
	top: 0;
	left: 0;
		
	cursor: pointer;	
	
	display: none;
}

.input_player {
	width: 449px;
	height: 50px;
	position: absolute;
	
	text-align:center;
	font-size:32px;
	font-weight:bold;
	
	text-transform: uppercase;
	background:none;
	border:none;
}

#txt_0 {
	left: 327px;
	top: 203px;
	color:#03afed;
}

#txt_1 {
	left: 327px;
	top: 327px;
	color:#49ac4f;
}

#txt_2 {
	left: 327px;
	top: 445px;
	color:#cf252e;
}

#txt_3 {
	left: 327px;
	top: 565px;
	color:#efdc28;
}

#via {
	width: 148px;
	height: 78px;
	position: absolute;
	left: 834px;
	top: 632px;
	cursor: pointer;
}

.giocatori {
	width:70px;
	height:70px;
	position: absolute;
	cursor:pointer;
	
	display:none;
}

#g0 {
	left: 311px;
	top: 256px;
}

#g1 {
	left: 311px;
	top: 330px;
}

#g2 {
	left: 388px;
	top: 256px;
}

#g3 {
	left: 388px;
	top: 330px;
}

.pedine {
	width:40px;
	height:40px;
	position: absolute;	
	
	display:none;
}

#p0 {
	left: 677px;
	top: 277px;
}

#p1 {
	left: 678px;
	top: 278px;
}

#p2 {
	left: 675px;
	top: 279px;
}

#p3 {
	left: 674px;
	top: 276px;
}

.bottoni {
	width:60px;
	height:60px;
	position: absolute;	
	cursor:pointer;
	
	display:none;
}

#b1 {
	left: 573px;
	top: 301px;
}

#b2 {
	left: 494px;
	top: 301px;
}

.dadi {
	position: absolute;
	left: 529px;
	top: 295px;
	
	width: 80px;
	height: 80px;
	
	display:none;
}

#dado3d {
	width: 80px;
	height: 74px;
}



.fine_partita {
	width: 1024px;
	height:731px;
	
	position:relative;
	margin:auto;
	
	
	display:none;
}

.nuovo_gioco {
	width: 268px;
	height: 42px;
	position: absolute;
	left: 714px;
	top: 668px;
	cursor: pointer;
}

.coccarda {
	width: 344px;
	height: 485px;
	position: absolute;
	left: 570px;
	top: -485px;
	
	display:none;
}

.nome_vincitore {
	width: 499px;
	height: 40px;
	position: absolute;
	left: 263px;
	top: 416px;
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	text-transform: uppercase;
}

.blu {
	color:#03afed;
}

.verde {
	color:#49ac4f;
}

.rosso {
	color:#cf252e;
}

.giallo {
	color:#efdc28;
}

#vincitore0 {	
	background-image:url(../img/vincitore0.jpg);
	background-size:contain; 
	background-repeat: no-repeat; 
	background-position:center;
}

#vincitore1 {	
	background-image:url(../img/vincitore1.jpg);
	background-size:contain; 
	background-repeat: no-repeat; 
	background-position:center;
}

#vincitore2 {	
	background-image:url(../img/vincitore2.jpg);
	background-size:contain; 
	background-repeat: no-repeat; 
	background-position:center;
}

#vincitore3 {	
	background-image:url(../img/vincitore3.jpg);
	background-size:contain; 
	background-repeat: no-repeat; 
	background-position:center;
}