@charset "UTF-8";

.nome_gioco {
	font-variant: small-caps;
}
.titolo_gioco {
	font-family: verdana;
}

ul.elenco_giochi {
	list-style-type: none;
}

@media (max-width: 1023px) {
	li.elenco_giochi {
		margin-bottom: 10px;
		margin-top: 10px;
	}
}




ul.elenco_totali {
	list-style-type: none;
	display: inline-block;
	margin-left: 5em;
}
li.elenco_totali {
	float: left;
	clear: both;
	margin: 2px;
}
li.elenco_totali.titoli {
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
	color: black;
}
li.elenco_totali:last-child {
	border-top: 1px dotted black;
	font-weight: bold;
	line-height: 2em;
	text-shadow: 2px 2px 5px gray;
}
li.elenco_totali:first-child { 
	border-bottom: 1px dotted black;
	text-shadow: 2px 2px 5px gray;
}
.autore {
	font-weight: bold;
	width: 130px;
	text-align: right;
	float: left;
}
.totale {
	float: left;
	margin-left: 1em;
	width: 100px;
	text-align: right;
}
li.elenco_totali:last-child div:nth-child(4) {
	color: darkred;
	font-size: 125%;
}
.totale_note {
	float: left;
	margin-left: 2em;
	width: auto;
	font-style: italic;
	color: gray;
}


@media (max-width: 750px) {
	.autore {
		width: 100px;
	}
	.totale {
		width: 80px;
	}
	li.elenco_totali.titoli {
		font-size: 85%;
	}
}

@media (max-width: 550px) {
	ul.elenco_totali {
		margin-left: 0px;
		width: 100%;
	}
	li.elenco_totali {
		float: none;
		text-align: center;
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	li.elenco_totali:last-child {
		line-height: 1em;
	}
	/*.totale_note {
		display: none;
	}*/
	.totale_note {
		float: left;
		clear: both;
		text-align: center;
		width: 100%;
		padding-bottom: 10px;
		margin-left: 0px;
		margin-right: 0px;
	}
	.autore {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		text-align: center;
		padding-bottom: 3px;
	}
	.totale {
		margin: auto;
	}
	.totale1a,
	.totale2a,
	.totale3a,
	.totale1b,
	.totale2b,
	.totale3b {
		float: none;
		width: auto;
		display: inline-block;
		margin-left: 0px;
		margin-right: 0px;
		text-align: center;
	}
	.totale2a:before {
		content: '+';
		margin-left: 3px;
		margin-right: 3px;
	}
	.totale3a:before {
		content: '=';
		margin-left: 3px;
		margin-right: 3px;
	}
	.totale2b:before {
		content: '-';
		margin-left: 3px;
		margin-right: 3px;
	}
	.totale3b:before {
		content: '=';
		margin-left: 3px;
		margin-right: 3px;
	}
	.totale1a,
	.totale1b {
		clear: left;
	}
	
}