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: 10px 5px;
	min-width:1200px;
}
#bodywn{
	margin: 0 auto;
	width:800px;
	height: 620px;	
	display:block;
	position:relative;	
	background: #f4dbc3;	
}
#winstart {
	position: absolute;
	width: 800px;  
	height: 620px;  
	border-style: ridge;
}
#zagolv{
	width:800px;
	height:70px;
	font-style: italic;		
}
#zagolv hr{
	height:3px;	
	background:#E9E7E7;
	width:95%;
}
#zagoll{
	width:420px;
	height:55px;
	float:left;
	padding:15px;	
}
.tz{
	color:#0B3861;	
	font-size: 20pt;	
	padding-right:20px;
	padding-left:20px;
}
.tt{	
	font-size: 30pt;	
	color:#2957a7;
	font-weight: bold;	
}
#zagolp{
	width:320px;
	height:75px;
	float:right;
	padding:5px;		
	font-size: 14pt;	
	color:#800080;
	font-weight: bold;	
	background:#E9E7E7;
	text-align:center;
	border-radius: 15px; 
	margin:3px;
}
#zagoln{
	margin-top:20px;
	width:100%;
	height:110px;
}
#bodyk{
	margin-top:20px;	
	width:100%;
	height:410px;	
}
#bodydop{	
	width:790px;
	height:110px;
	padding:5px 5px;
}
#bodyk hr {
	height:3px;	
	background:#E9E7E7;
	width:95%;
}
#bodykl{
	width:400px;
	height:370px;
	padding:10px;
	float:left;	
	text-align:center;
	margin-top:10px;	
}
#bodykp {
	width:360px;
	height:390px;
	margin:10px 5px 5px 5px;	
	float:right;	            
}
.tzt1, .tzt2, .tzt3, .tzt4, .tzt5 {	
	width:330px;
	font-size: 24pt;	
	color:#0B2161;
	font-weight: bold;	
	font-style: italic;			
	cursor:pointer;	
}
#ml, #mr, #mlt, #mrt {
	cursor:pointer;		
}
#ml {
	padding-right:50px;	
}
#mr {
	padding-left:50px;	
	position:absolute;
	left:650px;
	top:500px;
}
#kdop1, #kdop2, #kdop3 {
	padding:0px 35px;
	padding-top:-10px;
}
.bodyklp{
	width:330px;
	color:#610B4B;	
	font-size: 16pt;	
	font-style: italic;	
}
#item1p, #item2p, #item3p, #item4p, #item5p, #item6p {
	display:none;
	position:absolute;
	left:380px;
	top:90px;
	width:410px;
	height:390px;	
	margin:5px;
	background:#f4dbc3;			
} 
#mlt {
	position:absolute;
	left:480px;
	top:400px;		
}
#mrt {
	position:absolute;
	left:730px;
	top:400px;	
}
#cxema1 {
	position:absolute;
	left:540px;
	top:110px;	
}
#knaprcx {
	position:absolute;
	left:390px;
}
/*___1___*/
#item1p {
	background-image:url("img/item1p.png");
}
/*___2___*/
#item2p  {
	background-image:url("img/item2p.png");
}
/*___3___*/
#item3p  {
	background-image:url("img/item3p.png");
}
/*___4___*/
#item4p  {
	background-image:url("img/item4p.png");
}
/*___5___*/
#item5p  {
	background-image:url("img/item5p.png");
}
/*___6___*/
#item5p  {
	background-image:url("img/item6p.png");
}
#item1pd1 {
	padding:7px 5px 0px 43px;
	margin-left:50px;
	width:20px;
	height:390px;
	color:#000;	
	font-size: 16pt;	
	font-style: italic;			
	font-weight: bold;		
}
#imgvyhid {
	display:none;
	position:absolute;
	left:720px;
	top:110px;
	cursor:pointer;	
}

   [data-tooltip] {
    position: relative; 
   }
   [data-tooltip]::after {
	font-size:14pt;
    content: attr(data-tooltip); 
    position: absolute; 
    width: 280px; 
    left: 0; top: 0; 
    background: #3989c9; 
    color: #fff; 
    padding: 0.5em; 
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); 
    pointer-events: none; 
    opacity: 0; 
    transition: 1s; 
   } 
   [data-tooltip]:hover::after {
    opacity: 1; 
    top: 2em; 
	z-index:100;
   }