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;
}
#bodysc{
	margin: 0 auto;
	width:1085px;
	height: 760px;	
	display:block;
	position:relative;	
}
#winstart {
	position: absolute;
	width: 1085px;  
	height: 760px;
	margin-top: -10px;       
}
#cxemablock {
	position: absolute;
	width:700px;
	height:400px;
	margin-left: 200px;
	margin-top: -650px;
	font-size:20pt;
	color:#0d686b;
	font-weight: bold;	

}
.zaglgl{
	font-size:24pt;
	color:#343434;	
	padding:0px 0px 0px 200px;	
	t-ext-align:center;
}
.zaglm{
	font-size:20pt;
	color:#343434;		
	padding:0px 0px 0px 150px;
}
#km{
	margin:0px 30px 0px 0px;	
}
#avtorsc {
	position: absolute;
	width:70px;
	height: 70px;		
	margin-left: 530px;
	margin-top: -300px;
	display: block;
}
#avtorsc:hover {
	cursor:pointer;
}
#x:hover {
	cursor:pointer;
}
#startsc {
	position: absolute;
	width:100px;
	height: 100px;		
	margin-left: 420px;
	margin-top: -780px;
	display: block;
}
#startsc:hover {
	cursor:pointer;
}
#nastrsc {
	position: absolute;
	width:100px;
	height: 100px;		
	margin-left: 580px;
	margin-top: -780px;
	display: block;
}
#nastrsc:hover {
	cursor:pointer;
}

#cxemaavtorsc {
	position: absolute;
	width:570px;
	height: 370px;		
	margin-left: 250px;
	margin-top: -620px;
	display: none;
	background:#FCF2E3;
	padding-left:40px;
}
.avz{
	font-size:38pt;
	font-style:italic;
	color:#0d686b;
	font-weight: bold;			
}
.avb1{
	font-size:16pt;
	font-style:normal;
	color:#000;		
}
.avb2{
	font-size:24pt;
	font-style:normal;
	color:#0d686b;	
}
.avb3{
	font-size:20pt;
	color:#000;		
}
.avb4{
	font-size:24pt;
	font-style:normal;
	color:#0d686b;		
}

#knop2{
	width:100px;
	height:100px;
	margin-left:400px;
}
#cxemanastrsc {
	position: absolute;
	width:600px;
	height: 370px;		
	margin-left: 250px;
	margin-top: -620px;
	display: none;
	background:#FCF2E3;
}
#zagolnastr {
	font-size:18pt;
	color:#0d686b;
	font-weight: bold;	
	text-align:center;	
	width:550px;
	margin:20px;
}
#block1{
	width:230px;
	height: 150px;
	float: left;
	margin:10px 5px 10px 20px;		
	border:3px #0d686b  double;
}
#block1 h2{	
	text-align:center;		
}
#block2{
	width:290px;
	height: 150px;	
	float: right;
	margin:10px 20px 10px 5px;
	border:3px #0d686b  double;
}
#block2 h2{	
	text-align:center;		
}
.b1{
	font-size:18pt;	
	color:#0d686b;
	font-weight: bold;	
	text-align:left;	
	padding-left:30px;	
}
#knop{
	width:300px;
	height:100px;
	margin-left:20px;
	float: left;	
}
#blnastr{
	position: absolute;
	width:300px;
	height:50px;
	margin-left:50px;
	float: left;	
}
#knopx{		
	width:160px;
	height:100px;
	float: right;
	padding-top:20px;
}
#x2:hover {
	cursor:pointer;
}
#kchpole{
	font-size:18pt;
	color:#0d686b;
	font-weight: bold;	
	text-align:center;
	display:none;
	position: absolute;
	margin-left: 130px;
	margin-top: -30px;	
}

/* START  */

#lenta{
	position: absolute;	
	margin-left: 260px;
	margin-top: -215px;		
	width:590px;
	height:55px;		
}
#lenta img{
	width:55px;
	height:55px;	
}
#lenta img:hover{
	cursor:pointer;
}
#kch{
	position: absolute;	
	margin-left: 78px;
	margin-top: -513px;		
	width:82px;
	height:107px;		
}

/* SHAR  */
#idsharik{
	position: absolute;	
	width:168px;
	height:208px;	
	z-index: 0;
}
#polesharik {
	position: absolute;
	width:600px;
	height: 370px;		
	margin-left: 250px;
	margin-top: -620px;
	overflow:hidden;
}
#ramkaid{
	z-index: 999;
}
#idvopr{
	position: absolute;	
	width:52px;
	height:55px;	
	z-index: 1;
}
#idchsh1{
	position: absolute;	
	width:52px;
	height:55px;	
	z-index: 2;
}
#idchsh2{
	position: absolute;	
	width:52px;
	height:55px;	
	z-index: 3;
	display:none;
}
/*  MED  */ 
#polemed {
	position: absolute;
	width:600px;
	height: 370px;		
	margin-left: 250px;
	margin-top: -620px;
	overflow:hidden;
}
#poletab {
	position: absolute;
	width:205px;
	height: 350px;		
	left: 390px;
	top: 10px;
	border-style: inset;
}
#lenta2{
	position: absolute;	
	margin-left: 260px;
	margin-top: -215px;		
	width:590px;
	height:55px;		
}
#lenta2 img:hover{
	cursor:pointer;
}
#idmed1, #idmed2, #idmed3, #idmed4, #idmed5, #idmed6, #idmed7, #idmed8, #idmed9, #idmed10, #idmed11, #idmed12 {
	position: absolute;	
	width:60px;
	height:60px;	
}
#idmed1{
	left: 5px;
	top: 10px;		
} 
#idmed2{
	left: 65px;
	top: 10px;		
} 
#idmed3{
	left: 125px;
	top: 10px;		
} 
#idmed4{
	left: 185px;
	top: 10px;		
} 
#idmed5{
	left: 245px;
	top: 10px;		
}
#idmed6{
	left: 305px;
	top: 10px;		
}

#idmed7{
	left: 5px;
	top: 75px;		
} 
#idmed8{
	left: 65px;
	top: 75px;		
} 
#idmed9{
	left: 125px;
	top: 75px;		
} 
#idmed10{
	left: 185px;
	top: 75px;		
} 
#idmed11{
	left: 245px;
	top: 75px;		
}
#idmed12{
	left: 305px;
	top: 75px;		
}

#poletabz {
	width:225px;
	height: 40px;		
	font-size:18pt;
	color:#0d686b;
	font-weight: bold;	
	text-align:center;
}
#pr1, #pr2, #pr3, #pr4, #pr5, #pr6, #pr7, #pr8, #pr9, #pr10, #pr11, #pr12 {
	width:225px;
	height: 25px;		
	font-size:16pt;
	color:#3f5b7d;
	font-weight: bold;	
	text-align:left;
	padding-left:30px;
}
#idbochka{
	position: absolute;	
	display:block;
	z-index: 999;
}
#knopka0, #knopka1, #knopka2{
	position: absolute;			
	border-style:inset;	
	height:30px;
	width:150px;	

}
#knopka0{
	left:25px;	
}
#knopka1{
	left:220px;
}
#knopka2{
	left:415px;	
}
#ocinka{
	width:380px;
	height:70px;	
	display:none;
	font-size:40pt;
	color:#0d686b;
	font-weight: bold;	
	text-align:center;
}

