body {
	background: #FDF2E9;
		
}
/*  початкове вікно   */
#headstart{
	width:100%;
	height: 50px;
	background: #E8F8F5;  
	margin:5px;
	font-size:24pt;
	color:#0d686b;
	font-weight: bold;	
	min-width:1000px;
	text-align:center;	  
}
#footerend {
	width:100%;
	height: 40px;
	background: #E8F8F5;
	margin: 5px;
	min-width:1200px;
}
#bodycx{
	margin: 0 auto;
	width:1200px;
	height: 760px;	
	display:block;
	position:relative;	
}
#winstart {
	position: absolute;
	width: 1200px;  
	height: 760px;
	margin-top: -10px;
}
#cxemablock {
	position: absolute;
	width:800px;
	height:500px;
	margin-left: 200px;
	margin-top: -650px;
	font-size:20pt;
	color:#0d686b;
	font-weight: bold;	

}
.zaglgl{
	font-size:24pt;
	color:#343434;	
	text-align:center;
}
.zaglm{
	font-size:20pt;
	color:#343434;		
	padding:0px 0px 0px 100px;
}
#km{
	margin:0px 30px 0px 0px;	
}
#cxemanastr {
	position: absolute;
	width:805px;
	height: 550px;		
	margin-left: 200px;
	margin-top: -670px;
	display: none;
	background: #FCF2E3;
}
#cxemalenta {
	display: block;
	position: absolute;
	width:520px;
	height: 80px;		
	margin-left: 350px;
	margin-top: -120px;
	background: #fff;
	border-style: solid;
	border-color: #F8C471;
}
#pryklad {
	font-size:16pt;
	color:#0d686b;
	font-weight: bold;	
	text-align:left;	
	display: none;	
}
#idstartwin:hover {
	cursor:pointer;
}
#idstop:hover {
	cursor:pointer;
}
#idwork:hover {
	cursor:pointer;
}
#zagolnastr {
	font-size:22pt;
	color:#0d686b;
	font-weight: bold;	
	text-align:center;	
	width:800px;
	margin-top:20px;
}
#block1{
	width:236px;
	height:350px;
	float: left;
	padding:10px 10px 10px 10px;
	margin:1px;
	border:3px #0d686b  double;
	margin-top:20px;
}
#block1 h2{	
	text-align:center;		
}
#block2{
	width:230px;
	height:350px;
	float: left;
	padding:10px 10px 10px 10px;
	margin:1px;
	border:3px #0d686b  double;
	margin-top:20px;
}
#block2 h2{	
	text-align:center;		
}
#block3{
	width:255px;
	height:350px;
	float: right;
	padding:10px 10px 10px 10px;
	margin:1px;
	border:3px #0d686b  double;
	margin-top:20px;
}
#block3 h2{	
	text-align:center;		
}
#stilpr{	
	margin: 20px;	
}
.b1{
	font-size:16pt;	
	color:#0d686b;
	font-weight: bold;	
	text-align:left;	
}
#intch{	
	margin: 20px;	
}
#ch0{	
	margin: 20px;	
}
#kilpr{	
	margin: 20px;	
}
#ocpr{	
	margin: 20px;	
}
#knop{
	width:200px;
	height:80px;
	float: left;
	padding:10px 300px 0px 300px;	
}
#strelka{
	float: left;		
}
#avtor{
	float: right;		
}
#strelka:hover {
	cursor:pointer;
}
#avtor:hover {
	cursor:pointer;
}
#cxemaavtor {
	position: absolute;
	width:765px;
	height: 550px;		
	margin-left: 200px;
	margin-top: -670px;
	display: none;
	background: #FCF2E3;
	padding-left:40px;
}
.avz{
	font-size:60pt;
	font-style:italic;
	color:#0d686b;
	font-weight: bold;			
}
.avb1{
	font-size:24pt;
	font-style:normal;
	color:#000;		
}
.avb2{
	font-size:24pt;
	font-style:normal;
	color:#0d686b;	
}
.avb3{
	font-size:28pt;
	color:#000;		
}
.avb4{
	font-size:24pt;
	font-style:normal;
	color:#0d686b;		
}
#strelka2:hover {
	cursor:pointer;
}
#knop2{
	width:100px;
	height:80px;
	margin-left:320px;
}
#blnastr{
	position: absolute;
	width:300px;
	height:80px;
	margin-left:230px;
}


/*  two index  */

#prykladpr {
	font-size:16pt;
	color:#0d686b;
	font-weight: bold;	
	text-align:left;
}
#cxemablockpr {
	position: absolute;
	margin-left: 200px;
	margin-top: -650px;
}
#cxemablocksp {
	position: absolute;
	width:340px;
	height:570px;
	margin-left: 670px;
	margin-top: -680px;
	background:#FCF7E3;
}
#cxemarezult {
	position: absolute;
	width:340px;
	height:570px;
	margin-left: 670px;
	margin-top: -680px;
	background: #FCF7E3;
	font-size:2em;
	color:#0d086b;
	font-weight: bold;	
}

#vv1, #vv2, #vv3, #vv4, #vv5, #vv6{
	position: absolute;	
	width:100px;
	height:40px;
	font-size:24pt;
	color:#0d686b;
	font-weight: bold;	
	text-align:center;	
} 
#vv1{
	margin-left: 518px;
	margin-top: -650px;		
	width:135px;
	border:1px #0d686b  solid;		
}
#vv2{
	margin-left: 373px;
	margin-top: -509px;			
}
#vv3{
	margin-left: 373px;
	margin-top: -415px;		
}
#vv4{
	margin-left: 210px;
	margin-top: -360px;		
}
#vv5{
	margin-left: 532px;
	margin-top: -360px;		
}
#vv6{
	margin-left: 373px;
	margin-top: -265px;		
}

.zagarch{
	text-align:center;
	width:340px;
	font-size:18pt;
	color:#0d686b;
	font-weight: bold;		
}
#pr1, #pr2, #pr3, #pr4, #pr5, #pr6, #pr7, #pr8, #pr9, #pr10, #pr11, #pr12 {		
	width:330px;
	height:28px;
	padding:5px;
	margin:2px;
	display:none;
		font-size:0.8em;
}
#gopr{
	position: absolute;
	margin-left: 600px;
	margin-top: -200px;	
}
#gopr:hover{
	cursor:pointer;
}
#idppovt:hover{
	cursor:pointer;
}
#vv6pole{
	font-size:18pt;
	color:#0d686b;
	font-weight: bold;	
}
#idppovt{
	display:none;	
}