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: 50px;
	background: #E8F8F5;
	height: 30px;	
	margin: 5px;
	min-width:1000px;
}
#bodybl{
	margin: 0 auto;
	width:100%;
	height: 560px;	
	display:block;
	position:relative;	
}
#menu1 {
	position: absolute;
	left: 50%;
	width: 580px;  
	height: 580px;
	margin-left: -290px;
}
#krest {
	position: absolute;
	width: 45px;  
	height: 45px;
	margin-left: 520px;
	margin-top: -490px;
}
#avtor {
	position: absolute;
	width: 45px;  
	height: 45px;
	margin-left: 520px;
	margin-top: -500px;
}
#krest:hover {
	cursor:pointer;
}
#avtor:hover {
	cursor:pointer;
}
#menu3 {
	width:330px;
	height:330px;
	display:none; 
	background: #f3f3f3;
	position: absolute;
	margin-left: 23%;
	margin-top: -450px;	
	box-shadow: 5px 5px 5px 4px rgba(0, 0, 255, .2);
	padding:2px;
	border-width:1;
    border-color: rgb(190,190,190);
    border-style: double;
	text-align:center;
	line-height:1;
}
.bla1{
	color:green;
	font-size:26pt;
}
.bla2{
	color:black;
	font-size:26pt;
}
.bla3{
	color:#408080;
	font-size:10pt;
}
#bla4 {
	text-align:left;
	line-height:1;
	padding-left:20px;
}
.bla5{
	color:#black;
	font-size:12pt;
	text-align:left;
}
#bla6{
	color:#black;
	font-size:10pt;
	text-align:left;	
	line-height:1.3;
	padding-left:20px;
}
#bla7{
	color:#black;
	font-size:12pt;
	text-align:left;	
	padding-left:20px;
}
#bla7_2{
	float:right;
	padding-right:20px;
}

/*  вибір букв   */
#bodyblb{
	margin: 0 auto;
	width:100%;
	height: 600px;	
	display:block;
	position:relative;		
	min-width:1000px;
}
#menu4 {
	position: absolute;
	left: 50%;
	width: 815px;  
	height: 580px;
	margin-left: -400px;
}
#menu5 {
	width:300px;
	height:460px;
	display:none; 
	background: #f3f3f3;
	position: absolute;
	margin-left: 25%;
	margin-top: -550px;	
	box-shadow: 5px 5px 5px 2px rgba(0, 0, 255, .2);
	padding:20px 20px;
	border-width:1;
    border-color: rgb(190,190,190);
    border-style: double;
	text-align:left;
	line-height:1;
}
.bukvacursor{
	cursor:pointer;	
}

#bla8{
	color:#000;
	font-size:12pt;
	text-align:left;	
	padding-left:10px;
}
#bla8_2{
	float:right;
	padding-right:10px;
}
#menu5 input:hover {
	cursor:pointer;
}
.rad {
	margin-left:10px;
	padding-left:30px;
}
.rad2 {
	padding:5 50px 5px 20px; 
	font-weight: bold;
	margin-top:20px;
}
.rad2 input{
	margin:10px;
}
#menu5 table {
	width:300px;
    border-style:solid;	
	border:1px;	
	border-color:GrayText;		
}
#polz{	
	width:280px;	
}

/*  одна буква   */
#menu9 {
	position: absolute;
	left: 50%;
	width: 800px;  
	height: 570px;
	margin-left: -400px;   
	border-width:1px;
    border-color: rgb(190,190,190);
    border-style: solid;	
}
#krest2 {
	position: absolute;
	width: 45px;  
	height: 45px;
	margin-left: 720px;
	margin-top: 480px;
}
#krest2:hover {
		cursor:pointer;
}
#bbuk {
	position: absolute;
	width: 250px;  
	height: 250px;					
	margin-left: 300px;
	margin-top: 150px;	
	color:#1A3A8C;
	font-size:150pt;	
	text-align:center;
	font-weight: bold;	   
	border-width:1px;
    border-color: rgb(190,190,190);	
	border-style: solid;	
}
/*  малюнок букви   */
#bodyblr{
	margin: 0 auto;
	width:100%;
	height: 600px;	
	display:block;
	position:relative;	
	min-width:1000px;
}
#menu10 {
	position: absolute;
	left: 50%;
	width: 800px;  
	height: 580px;
	margin-left: -400px;   
	border-width:1px;
    border-color: rgb(190,190,190);
    border-style: solid;	
	background:#fff;
}
#m--enu10 img{
	margin:0px;   
	padding:0px;
}
#s--etkamenu0 {
	position: absolute;
	width: 810px;  
	height: 94px;
	margin-left: -810px;
	margin-top: 480px;
}

#k--rest3 {
	position: absolute;
	width: 45px;  
	height: 45px;
	margin-left: 720px;
	margin-top: 480px;
}
#k---rest3:hover {
		cursor:pointer;
}
#bbukb:hover {
		cursor:pointer;
}

#r---isr {
	position: absolute;
	width: 217px;  
	height: 348px;
	top:500px;	
	left: 150px;	
		d---isplay:none;	
}
#f---ragment {
	position: absolute;
	width: 495px;  
	height: 425px;
	top:100px;	
	left: 150px;	
		display:block;
}

