body
	{
		box-shadow: inset 0px 200px 100px -50px #dddddd;
		margin:0px;
		overflow:hidden;
		min-width:900px;
		min-height:640px;
		background: url(02.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	button
	{
		width:225px;
		padding-left:10px;
		margin-top:5px;
		margin-left:5px;
		text-align:left;
	}
	.active
	{
		background-color:#3367d6;
		color:#fff;
	}
	p
	{
		text-align:justify;
	}
	.head
	{
		border-bottom: 1px solid;
		background-color: #3367d6;
		box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
	}
	.progressbar
	{
		background-color: #336790;
		padding:2px 0px 2px 0px;
		margin:0px;
		width:0px;;
		font: 17px/10px Roboto,sans-serif;
		color:#fff;
		white-space: nowrap;
	}
	.questions
	{
		padding:10px;
		font-family:Arial;
		font-size:small;
		color:#000000;
		width: 1000px;
		text-align:left;
	}
	.descr
	{
		padding:2px 10px 2px 10px;
		margin:0px;
		font-family:Arial;
		font-size: 16px;
		color:#000000;
		margin-top:0px;
		white-space: initial;
	}
	.termins{
		padding:2px;
		margin:0px;
		font-family:Arial;
		font-size:12px;
		color:#000000;
		margin-top:0px;
		white-space: initial;
		display: none;
	}
	li
	{
		margin:0px;
		width:100%;
		font-family:Arial;
		font-size:small;
		color:#000000;
	}
	ol
	{
		margin-left: -15px;
	}
	button
	{
		/* margin-left:320px;
		margin-top:300px; 
		width:600px; 
		text-align: center; */
		cursor: pointer;
	}
	.buttons button
	{
		width:100px;
		text-align:center;
		cursor: pointer; 
	}
	#nextbtn, #prevbtn
	{
		background-color: #0288d1;      
		font: 14px/24px Roboto, sans-serif;    
		color: #fff;   
		cursor: pointer;     
		display: inline-block;     
		font-weight: 500;     
		font-size: 14px;      
		text-align: center;     
		text-decoration: none;     
		text-transform: uppercase;   
		position: relative;    
		min-width: 88px;  
		border-radius: 3px;     
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.26); 
		letter-spacing: .5px;     
		line-height: 24px;
		margin-left: 9px;
		margin-top: 8px;
	}
	#startbtn
	{
		/* background-color: #3367d6;      */ 
		font: 14px/24px Roboto, sans-serif;
		cursor: pointer;     
		display: inline-block;          
		font-size: 21px;      
		text-align: center;     
		/* text-transform: uppercase;  */
		position: relative;    
		min-width:  140px;
		min-height: 60px; /* 140px; */
		line-height: 20px; /* 140px; */
		border-radius: 40px; /* 70px; */
		box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.26);
		/* letter-spacing: 2.5px;  */
		padding-top: 20px;
	}
	.bott
	{
		font-family:Arial;
		font-size:small;
		border: 1px solid;
		height: 30px;
		width: 100%;
	}
	#STEPS
	{
		display: none;
	}
	#test01, #test1, #test2, #test3, #test4, #test5, #test6, #test7, #test8, #test9, #test10, #test11, #test12, #test13, #test14, #test15, #test16, #test17, #test18, #test19, #test20
	{
		display: none;
		padding: 2px 0px 4px 2px;
		font-size: 16px;
		box-shadow: inset 0px 80px 80px -50px #dddddd;
		overflow-y: auto;
		height: 500px;
	}
	#test19, #test20{
		overflow-y: auto;
		height: 500px;
	}
	.checkboxes
	{
		background-color:#fff;
	}
	label
	{
		font-weight: bold;
		cursor: pointer;		
		padding-left: 40px;
		text-indent: -40px;
		display: inline-block;
	}
	#res
	{
		border: 1px solid;
		width: 100%;
		max-width: 700px;
		font-family: Arial;
		font-size: small;
		color: #000000;
		border: none;
		border-collapse: collapse;
		border-spacing: 0;
	}
	#descr_table
	{
		border: 1px solid;
		width: 100%;
		max-width: 960px;
		font-family: Arial;
		font-size: 16px;
		color: #000000;
		border: none;
		border-collapse: collapse;
		border-spacing: 0;
	}
	#res td
	{
		border: 1px solid;
		padding: 2px 7px;
	}
	#descr_table td
	{
		border: 1px solid;
		padding: 7px;
	}
	/* class for results */
	.best
	{
		background-color:green;
	}
	.good
	{
		background-color:yellow;
	}
	.bad
	{
		background-color:red;
	}
	.progr_table
	{
		border: none;
		border-collapse: collapse;
		border-spacing: 0;
		display: none;
	}
	.progr_table td
	{
		background-color: white;
		border-right: 1px solid;
		border-top: 1px solid;
		text-align: center;
		width: 5.5%;
		font: 14px/16px Roboto,sans-serif;
		color: #000;
		padding: 2px 0px 2px 0px;
	}
	#ness_act
	{
		text-align: left;
		background-color: white;
		box-shadow: inset 0px 100px 100px -50px #dddddd;
	}
	#ans1, #ans2, #ans3
	{
		/* background-color: white; */
	}