#layer1 {
  left: 0px;
  top:  0px;
  width:667px;
  height:300px;
  z-index: 0; }

#layer2 { 
  left: 0px;
  top:  0px;
  width:667px;
  height:34px;
  z-index: 2; }

#layer3 {
  
  left: 0px;
  top: 266px;
  width:667px;
  height:34px;
  z-index: 2;
  }

#polosa {
	
  left: 0px;
  width:667px;
  height:1.2px;
  background-color:#D4D4D4;
  opacity: 0.07; 
  filter: alpha(Opacity=60);
  z-index: 2;
  }
	
#InfoBox{
  image-rendering: optimizeSpeed;             
  image-rendering: -moz-crisp-edges;          
  image-rendering: -webkit-optimize-contrast; 
  image-rendering: -o-crisp-edges;            
  image-rendering: pixelated;                 
  -ms-interpolation-mode: nearest-neighbor;

width: 148px;
height: 52px;
left: 0px;
top:  34px;
border-radius: 0 0 10px 0 ;
— moz-border-radius: 0 0 10px 0;
— webkit-border-radius: 0 0 10px 0;
— khtml-border-radius: 0 0 10px 0;

opacity: 0.26; 
filter: alpha(Opacity=70);
background-color:#000000;
z-index: 3;
}	

#gradient{
width: 667px;
height: 13px;
opacity: 0.59; 
filter: alpha(Opacity=59);
left:0px;
top:29px;

z-index: 1;
background: linear-gradient(180deg, #000000, transparent );
}
#gradient2{
width: 667px;
height: 13px;
opacity: 0.59; 
filter: alpha(Opacity=59);
left:0px;
top:259px;

z-index: 1;
background: linear-gradient(180deg, transparent, #000000 );
}

#zaglavie{
text-rendering: optimizeLegibility;
letter-spacing:0.7px;
position: absolute;
left: 17px;
top:  -4px;
z-index: 16;
}
#sim{
text-rendering: optimizeLegibility;
color:#FDFCD4;
font-family:Trebuchet MS;
font-style: bold; 
font-size:13px; 
}

#z2{
text-rendering: optimizeLegibility;
letter-spacing:0.7px;
position: absolute;
left: 72px;
top:  -4px;
z-index: 16;
}

#con{
text-rendering: optimizeLegibility;
color:#FDFCD4;
font-family:Trebuchet MS;
font-style: bold; 
font-size:13px; 
}
 
#text1{
text-rendering: optimizeLegibility;
position: absolute;
left: 17px;
top:  35px;
z-index: 6;
}
p{
text-rendering: optimizeLegibility;
color:#FDFCD4;
font-family:Trebuchet MS;
font-style: regular; 
font-size:10px; 
font-weight: normal;
}

p.daty{
text-rendering: optimizeLegibility;
color:#FDFCD4;
font-family:Trebuchet MS;
font-style: regular; 
font-size:8px; 
font-weight: normal;
}
#t1{
text-rendering: optimizeLegibility;
position: absolute;
left: 7px;
top:  268px;
z-index: 100;}

#t2{
text-rendering: optimizeLegibility;
position: absolute;
left: 28px;
top:  268px;
z-index: 101;}

#t3{
text-rendering: optimizeLegibility;
position: absolute;
left: 50px;
top:  268px;
z-index: 102;}

#t4{
text-rendering: optimizeLegibility;
position: absolute;
left: 72px;
top:  268px;
z-index: 102;}

#t5{
text-rendering: optimizeLegibility;
position: absolute;
left: 94px;
top:  268px;
z-index: 102;}

#t6{
text-rendering: optimizeLegibility;
position: absolute;
left: 116px;
top:  268px;
z-index: 102;}

#t7{
text-rendering: optimizeLegibility;
position: absolute;
left: 140px;
top:  268px;
z-index: 102;}

#t8{
text-rendering: optimizeLegibility;
position: absolute;
left: 162px;
top:  268px;
z-index: 102;}

#t9{
text-rendering: optimizeLegibility;
position: absolute;
left: 184px;
top:  268px;
z-index: 102;}

#t10{
text-rendering: optimizeLegibility;
position: absolute;
left: 206px;
top:  268px;
z-index: 102;}

#t11{
text-rendering: optimizeLegibility;
position: absolute;
left: 228px;
top:  268px;
z-index: 102;}

#t12{
text-rendering: optimizeLegibility;
position: absolute;
left: 250px;
top:  268px;
z-index: 102;}

#t13{
text-rendering: optimizeLegibility;
position: absolute;
left: 272px;
top:  268px;
z-index: 102;}

#t14{
text-rendering: optimizeLegibility;
position: absolute;
left: 294px;
top:  268px;
z-index: 102;}

#t15{
text-rendering: optimizeLegibility;
position: absolute;
left: 316px;
top:  268px;
z-index: 102;}

#t16{
text-rendering: optimizeLegibility;
position: absolute;
left: 338px;
top:  268px;
z-index: 102;}

#t17{
text-rendering: optimizeLegibility;
position: absolute;
left: 360px;
top:  268px;
z-index: 102;}

#t18{
text-rendering: optimizeLegibility;
position: absolute;
left: 382px;
top:  268px;
z-index: 102;}

#t19{
text-rendering: optimizeLegibility;
position: absolute;
left: 404px;
top:  268px;
z-index: 102;}

#t20{
text-rendering: optimizeLegibility;
position: absolute;
left: 426px;
top:  268px;
z-index: 102;}

#t21{
text-rendering: optimizeLegibility;
position: absolute;
left: 448px;
top:  268px;
z-index: 102;}

#t22{
text-rendering: optimizeLegibility;
position: absolute;
left: 470px;
top:  268px;
z-index: 102;}

#t23{
text-rendering: optimizeLegibility;
position: absolute;
left: 491px;
top:  268px;
z-index: 102;}

#t24{
text-rendering: optimizeLegibility;
position: absolute;
left: 513px;
top:  268px;
z-index: 102;}
  
#t25{
text-rendering: optimizeLegibility;
position: absolute;
left: 535px;
top:  268px;
z-index: 102;}

#t26{
text-rendering: optimizeLegibility;
position: absolute;
left: 557px;
top:  268px;
z-index: 102;}
 
#t27{
text-rendering: optimizeLegibility;
position: absolute;
left: 579px;
top:  268px;
z-index: 102;}

#t28{
text-rendering: optimizeLegibility;
position: absolute;
left: 601px;
top:  268px;
z-index: 102;}

#t29{
text-rendering: optimizeLegibility;
position: absolute;
left: 623px;
top:  268px;
z-index: 102;}

#t30{
text-rendering: optimizeLegibility;
position: absolute;
left: 645px;
top:  268px;
z-index: 102;}
 
div.stolb{
	
  position: relative;
  width:17px;
  height:20px;
  background: linear-gradient(180deg, #FDE700, #FFBF00 );
 
	 
  z-index: 150;	
	
}
div.stolb:hover{
	  opacity: 0.8;
  }


#kv1{
	
	left: 7px;
   top: 241px;
  
  } 
  
#kv2{
	
	left: 29px;
   top: 241px; 
   
  }   
	
#kv3{
	left: 51px;
   top: 241px;
  } 
  
#kv4{
	left: 73px;
   top: 241px;
  }   	

#kv5{
	left: 95px;
   top: 241px;
  } 
  
#kv6{
	left: 117px;
   top: 241px;
  }   
	
#kv7{
	left: 139px;
   top: 241px;
  } 
  
#kv8{
	left: 161px;
   top: 241px;
  }   	
  
#kv9{
	left: 183px;
   top: 241px;
  } 
  
#kv10{
	left: 205px;
   top: 241px;
  }   
	
#kv11{
	left: 227px;
   top: 241px;
  } 
  
#kv12{
	left: 249px;
   top: 241px;
  }   	  

#kv13{
	left: 271px;
   top: 241px;
  } 
  
#kv14{
	left: 293px;
   top: 241px;
  }   
	
#kv15{
	left: 315px;
   top: 241px;
  } 
  
#kv16{
	left: 337px;
   top: 241px;
  }  
  
#kv17{
	left: 359px;
   top: 241px;
  } 
  
#kv18{
	left: 381px;
   top: 241px;
  }   
	
#kv19{
	left: 403px;
   top: 241px;
  } 
  
#kv20{
	left: 425px;
   top: 241px;
  }   	  

#kv21{
	left: 447px;
   top: 241px;
  } 
  
#kv22{
	left: 469px;
   top: 241px;
  }   	  

  #kv23{
	left: 491px;
   top: 241px;
  }  

  #kv24{
	left: 513px;
   top: 241px;
  } 
  
    #kv25{
	left: 535px;
   top: 241px;
  } 
  
    #kv26{
	left: 557px;
   top: 241px;
  } 
  
      #kv27{
	left: 579px;
   top: 241px;
  }       
  
  #kv28{
	left: 601px;
   top: 241px;
  }       
  
  #kv29{
	left: 623px;
   top: 241px;
  } 

  #kv30{
	left: 645px;
   top: 241px;
  } 
  
   #floatTip {
	text-rendering: optimizeLegibility;   
    position: absolute; 
	width: 50px; 
	display: none; 
    border: 1px solid #000; 
	padding: 4px;
	border-radius: 5px;
    font-family: sans-serif; 
	font-size: 9pt;
	text-align:  center;
    color: #333;
	background: #ffe5ff;
	box-shadow: 0 0 3px 2px #3e3e3e;
	z-index: 500;
   }