* {
	font-size: 14px; font-family: "Comic Sans MS", sans-serif;
	color: #000;
}
body, h1, h2, h3, p, ol {
	margin: 0; padding: 0;
}
ol {
	list-style: none;
}
body {
	background-color: #222;
}

#canvas_1, #canvas_2, #canvas, #page {
	width: 950px; height: 600px;
	position: absolute;
	top: 20px; /*50%;*/
	left: 50%;
	/*margin-top: -300px;*/
	margin-left: -475px; 
	background-repeat: no-repeat;
}
#canvas_1 {
	display: none;
	background-color: #B70606;
	background-image: url("../images/bg1.gif");
}
#canvas_2 {
	display: none;
	background-image: url("../images/bg2.gif");
}
#canvas {
	display: none;
	background-image: url("../images/aula.gif");
}
#page {
	display: none;
	background-color: #B70606;
	z-index: 2000;
	background-repeat: no-repeat;
	background-image: url("../images/senato.gif");
	background-position: right bottom;
}
#page button {
	margin-left: 20px;
}

h1 {
	display: none;
}

#score {
	width: 203px; height: 106px;
	position: absolute; top: 3px; left: 10px;
	background-image: url("../images/score.gif");
	background-repeat: no-repeat;
	display: none;
	text-transform: uppercase;
	color: #FF0000; font-weight: bold;
}
#score.score2 {
	background-image: url("../images/score2.gif");
}
	#score ol {
		margin: 8px 0 0 9px;
	}
	#score li {
		height: 30px; margin: 0; padding: 0;
		background-repeat: no-repeat;
		position:  relative; font-weight: bold;
		display: block; float: left; width: 152px; /*****/
	}
		.score_bar {
			position: absolute; top: 5px; left: 0;
			width: 100px; height: 5px;
			border: 1px solid #000;
		}
			.score_bar div {
				height: 5px;
				/*background-color: #FF0000;*/
			}
			li#p_0 div.score_bar div {
				background-color: #0845EF;
			}
			li#p_1 div.score_bar div {
				background-color: #F7D300;
			}
			li#p_2 div.score_bar div {
				background-color: #03AC3F;
			}
		#score span.name {
			position: absolute; top: 13px; left: 0px;
			font-size: 10px; width: 125px; height: 15px; overflow: hidden;
		}
		#score span.perc {
			position: absolute; top: 0px; right: 1px;
			font-size: 10px; text-align: right;
		}
#quiz {
	width: 500px; min-height: 100px;
	position: absolute; top: 130px; left: 214px;
	padding: 5px 5px 10px 5px;
	text-transform: uppercase;
	border: 5px double #F9B200;
	background-color: #F3ECCC;
	/*text-align: center;*/
	z-index: 1000;
	display: none;
}
#quiz.bg_p0 {
	background-color: #CBDFE6;
}
#quiz.bg_p1 {
	background-color: #F6F68B;
}
#quiz.bg_p2 {
	background-color: #9AF49A;
}

#quiz h2 {
	font-size: 24px; padding: 5px 0 5px 0;
	text-align: center; text-transform: uppercase;
}
#quiz div.balloon {
	width: 100%; height: 115px;
	overflow: hidden;
}
#quiz div.balloon div {
	width: 270px; padding-left: 15px; height: 115px;
	overflow: hidden;
}
#quiz.bg_right {
	/*background-color: #F3ECCC;*/
	background-repeat: no-repeat;
	background-position: top right;
	background-image: url("../images/right.gif");
}
#quiz.bg_wrong {
	/*background-color: #F3ECCC;*/
	background-repeat: no-repeat;
	background-position: top right;
	background-image: url("../images/wrong.gif");
}
#quiz.bg_bonus {
	/*background-color: #F3ECCC;*/
	background-repeat: no-repeat;
	background-position: right 55px;
	background-image: url("../images/bonus.gif");
}
#quiz.bg_malus {
	/*background-color: #F3ECCC;*/
	background-repeat: no-repeat;
	background-position: right 55px;
	background-image: url("../images/malus.gif");
}

#quiz.fine_legislatura {
	width: 496px; min-height: 328px;
	left: 218px;
	background-image: url("../images/voto_bg.gif");
	background-repeat: no-repeat;
	position: relative;
}
#quiz.fine_legislatura #btn {
	position: absolute; top: 50px; left: 410px;
}
	#quiz p {
		font-weight: bold; text-align: left;
		margin-bottom: 15px; 
	}
	#quiz .balloon p {
		font-size: 13px; /*text-align: center;*/
	}
	#quiz p.centrato {
		text-align: center; 
	}
	#quiz p.partito {
		padding-left: 35px; min-height: 30px;
		background-repeat: no-repeat;
		color: #CC0000;
	}
	#quiz p.partito span {
		color: #000; font-size: 10px;
	}
	#quiz p.intro {
		font-size: 12px;
	}
	#quiz ol {
		text-align: left;
	}
	ol#sceltaPartiti {
		margin: 10px auto;
		width: 320px;
	}
		#quiz li {
			margin-bottom: 10px; font-weight: bold;
		}
		#sceltaPartiti li {
			height: 30px; padding-left: 50px; margin-bottom: 18px;
			background-repeat: no-repeat;
		}
			#sceltaPartiti input {
				width: 260px; color: #CC0000; 
				font-weight: bold; text-transform: uppercase;
			}
			#quiz li span.question_text {
				
			}
	ol#startingQ {
		margin: 10px auto;
		width: 200px;
	}
		#startingQ li {
			padding-left: 50px; margin-bottom: 18px;
			font-size: 12px;
			background-repeat: no-repeat;
		}
			#startingQ input {
				width: 100px; color: #CC0000; 
				font-weight: bold; text-transform: uppercase;
			}
	#button_div {
		text-align: center;
	}
	#btn_more, #btn {
		border: none; background-color: transparent; font-weight: bold;
	}
	#verifica {
		margin-left: 20px; margin-right: 20px;
		padding: 5px; background-color: #F3ECCC;
		/*color: #00CC00;*/
	}
	#situazione {
		margin: 20px 20px 0 20px;
		border-top: 1px solid #F9B200;
		padding-top: 5px;
		text-align: center;
	}
	#situazione p {
		font-style: italic; margin-bottom: 5px;
	}
	#situazione table {
		margin: 0 auto 10px auto;
	}
	#situazione th {
		padding: 0 20px 0 0;
		border-bottom: 1px dotted #666;
	}
	#situazione td {
		padding: 0 20px 0 0;
	}
	#situazione td.partito {
		font-weight: bold;
	}

#p {
	position: absolute;
	top: 85px; left: 460px;
}

#m {
	position: absolute;
	top: 83px; left: 422px;
}

.senatori {
	position: absolute; display: none;
	/* DEBUG */
	width: 68px; height: 58px;
}
/* DEBUG */
.senatori span {
	position: absolute; top: 10px; left: 30px;
	padding: 0 2px;
	font-weight: bold;
	color: red; background: white;
	z-index: 5000;
}

#numero_livello {
	position: absolute; top: 70px; right: 10px;
	width: 200px;
	text-align: right; font-weight: bold;
	font-size: 16px; color: #FFF;
	display: none;
}

#numero_legislatura {
	position: absolute; bottom: 10px; right: 10px;
	width: 200px;
	text-align: right; font-weight: bold;
	font-size: 16px; color: #FFF;
	display: none;
}

#navigazione {
	position: absolute; left: 10px; bottom: 10px;
	display: none;
}
	#navigazione ol {
	
	}
		#navigazione li {
			float: left; margin-right: 5px;
		}

#finale {
	position: absolute; top: 0; left: 0;
	width: 950px; height: 600px;
	z-index: 10000;
}
#fb_finale {
	position: absolute; top: 45px; left: 300px;
	width: 450px;
	font-size: 22px; font-weight: bold; line-height: 120%;
	color: #FFFFFF; text-align: center;
	z-index: 10001;
}
	#fb_finale p {
		font-size: 22px; margin-bottom: 20px; color: #FFFFFF;
	}
	#fb_finale span {
		font-size: 22px; color: #FFFFFF; text-transform: uppercase;
	}
#btn_newgame {
	position: absolute; top: 10px; left: 10px;
	z-index: 10002;
}

#pageframe {
	margin-bottom: 20px;
}

button {
	cursor: pointer;
}