#cont {
	width:800px;
	margin: 100px auto;
	background: #FCFAFC;
	padding:10px 20px;
}
#tema {
        padding-top: 10px;
	color: #4E447C;
	font-size: 20pt;	
	font-weight: bold;
}
#test {
	color: #4E447C;
	font-size: 20pt;	
	font-style: italic;
}

#dpN {
	color: blue;
	font-size: 20pt;	
}
#dp1, #dp2, #dp3, #dp4, #dp5, #dp6, #dp7, #dp8, #dp9, #dp10, #dp11, #dp12 {
	color: blue;
	font-size: 20pt;	
}
#dvp11, #dvp12, #dvp13, #dvp14, #dvp15, #dvp16, #dvp17, #dvp18, #dvp21, #dvp22, #dvp23, #dvp24,  #dvp25, #dvp26, #dvp27, #dvp28, #dvp31, #dvp32, #dvp33, #dvp34, #dvp35, #dvp36, #dvp37, #dvp38  {
	font-size: 16pt;
	display: inline;
	padding-left: 10px;
}
#dvp41, #dvp42, #dvp43, #dvp44, #dvp45, #dvp46, #dvp47, #dvp48, #dvp51, #dvp52, #dvp53, #dvp54,  #dvp55, #dvp56, #dvp57, #dvp58, #dvp61, #dvp62, #dvp63, #dvp64, #dvp65, #dvp66, #dvp67, #dvp68  {
	font-size: 16pt;
	display: inline;
	padding-left: 10px;
}
#dvp71, #dvp72, #dvp73, #dvp74, #dvp75, #dvp76, #dvp77, #dvp78, #dvp81, #dvp82, #dvp83, #dvp84,  #dvp85, #dvp86, #dvp87, #dvp88, #dvp91, #dvp92, #dvp93, #dvp94, #dvp95, #dvp96, #dvp97, #dvp98  {
	font-size: 16pt;
	display: inline;
	padding-left: 10px;
}
#dvp101, #dvp102, #dvp103, #dvp104, #dvp105, #dvp106, #dvp107, #dvp108, #dvp111, #dvp112, #dvp113, #dvp114,  #dvp115, #dvp116, #dvp117, #dvp118, #dvp121, #dvp122, #dvp123, #dvp124, #dvp125, #dvp126, #dvp127, #dvp128  {
	font-size: 16pt;
	display: inline;
	padding-left: 10px;
}



.vvtabz td {
	background: #EBFDE3;
	border: 1px solid #BDCCF9;	
	padding-left: 10px;
	}
.vvtabz td b {
	padding-right: 10px;
	font-size: 14pt;
	}	
.vtabl td {
	width: 25px;
	height: 30px;
	background: #EBFDE3;
	text-align: center;
	font-weight: bold;
	}
.vto{
	border: 1px solid #BDCCF9;		
	}	
.vtabz {
	border: 1px solid #BDCCF9;
	}
.vtabz {
	border: 1px solid #BDCCF9;
	}			
#b1 {
	display: inline;
}			

#strrez {
	width:800px;
	margin: 0px auto;
	background: #FCFAFC;
	padding:10px 20px;	
	text-align: center;
	font-weight: bold;	
	font-size: 16pt;	
	border: 1px solid #BDCCF9;	
}

/*
vpop[1], vpop[2] ... vpop[12] максимум - масив з правильними відповідями
v=... - №№ питання

1) Питання "один з багатьох" - перша відповідь є правильною(!), на екрані переставляються 
		vpo[..]=... відповіді людини
2) Питання з "відповідністю" - vpop[..] є шифром(!) правильних відповідей, на екрані А-D у довільній послідовності.
		strot..=... - накопичення, vpo[..]=strot.. відповіді людини
3) Питання "декілька з багатьох" - перші відповіді є правильними(!), на екрані переставляються 
		vpo[..]=... відповіді людини
4) Питання "записати" - vpop[..] є шифром(!) правильних відповідей
		vpo[..]=.. value відповіді людини

*/
