/* Copyright Osemka Internet Media*/
/* Modyfication: Cosmo */

/*------- autopromocja -------*/
.linki_top { background-color: #BFBFBF; margin: 0; padding: 0; font-size: 10px; border-bottom: 2px #9F9F9F solid;}
.linki_top .inner { width: 960px; text-align: right; margin: 0 auto; }
.linki_top .inner ul { list-style: none; display: inline; }
.linki_top .inner ul li { display: inline; color: #8F8F8F; padding: 2px 0; border-right: 1px solid #AFAFAF; }
.linki_top .inner ul li.last { border: 0; }
.linki_top .inner ul li a {color: #ffffff; line-height: 18px; vertical-align: middle; text-decoration: none; font-weight: normal;  margin: 0 15px; }
.linki_top .inner ul li a:hover { text-decoration: underline; }

body { margin: 0; text-align: center; font-family: tahoma, helvetica, trebuchet ms, tahoma, verdana; background-color: #f7f7f7; }
h1 { color: #00578a; font-size: 20px; border-bottom: 1px solid #ccc; }

h2 { color: #989898; font-size: 14px; border-bottom: 1px solid #f1efeb; }

.h1_bc { font-weight: normal; font-size: 11px; display: inline; }

.h2_bc { font-weight: normal; font-size: 11px; display: inline; }

.h1_user { font-size: 23px; display: inline; border-bottom: 0px; }

a { color: #FF9000; text-decoration: none; }

a:hover { color: #ff6600; text-decoration: underline; }

img { border: 0px; }

.profil_szczegoly { width: 575px; padding-top: 10px; padding-bottom: 10px; background-color: white; }
  .profil_szczegoly_inner { width: 550px; margin-left: 25px; text-align: left; }

.profil_ramka { width: 565px; height: 46px; margin-left: 7px; background-color: #00578A; border-bottom: 1px solid #E7E7E7; }
  .profil_ramka_top { width: 565px; height: 38px; }
  .profil_ramka_text { width: 540px; height: 25px; margin-top: 7px; *margin-top: 0px; *padding-top: 7px; margin-bottom: 6px; float: left; *float: none; color: white; font-family: impact, arial; font-size: 19px; margin-left: 25px; text-align: left; }

.profil_inner { width: 565px; background-color: white; border-bottom: #CCCCCC; }
  .profil_inner_text { width: 540px; margin-left: 10px; margin-top: 5px; padding-bottom: 5px; float: left; *float: left; *margin-top: 0px; *padding-top: 5px; text-align: left; }

.profil_ramka_bottom { width: 565px; height: 8px; background-color: #5992B3; }

.container { width: 905px; margin: auto; background-color: #F7F7F7; border-left: 1px solid #EFEFEF; border-right: 1px solid #EFEFEF; text-align: center; font-size: 11px; }

/* HEADER */

 .container_header { width: 905px; height: 100px; font-size: 10px; color: #00578A; background: url('/_img/glowna/top_bg.png') repeat-x; margin-bottom: 10px; }
  .header_logo { width: 250px; height: 100px; float: left; background: url('/_img/glowna/header_bg.png') no-repeat; }
  .header_logo a { height: 60px; display: block; }
  .header_middle { width: 300px; height: 100px; float: left; background: url('/_img/glowna/top_middle_bg.png') repeat-x top; }
  .header_ikonki { width: 300px; height: 50px; margin-top: 5px; margin-bottom: 20px; }
  .header_ikonki_inner { width: 260px; height: 50px; margin-left: 20px; margin-right: 20px; }

  ul.top_menu { list-style: none; width: 260px; height: 50px; margin: 0; padding: 0; }
  ul.top_menu li { width: 60px; height: 50px; float: left; margin-right: 5px; text-align: center; }
  ul.top_menu li a { width: 60px; height: 50px; font-size: 10px; color: #00578A; display: block; text-decoration: none; }
  ul.top_menu li a:hover { text-decoration: underline; }

  .top_ico_grupy { background: url('/_img/glowna/top_ico_grupy.png') no-repeat bottom; }
  .top_ico_poczta { background: url('/_img/glowna/top_ico_poczta.png') no-repeat bottom; }
  .top_ico_ustawienia { background: url('/_img/glowna/top_ico_ustawienia.png') no-repeat bottom; }
  .top_ico_kontakty { background: url('/_img/glowna/top_ico_kontakty.png') no-repeat bottom; }

  ul.top_menu2 { list-style: none; width: 260px; height: 55px; margin: 0; padding: 0; }
  ul.top_menu2 li { width: 50px; height: 55px; float: left; margin-right: 1px; text-align: center; }
  ul.top_menu2 li a { width: 50px; height: 55px; font-size: 10px; color: #00578A; display: block; text-decoration: none; }
  ul.top_menu2 li a:hover { text-decoration: underline; }

  .top_ico_grupy2 { background: url('/_img/glowna/top_ico_grupy3.png') no-repeat bottom; }
  .top_ico_poczta2 { background: url('/_img/glowna/top_ico_poczta3.png') no-repeat bottom; }
  .top_ico_ustawienia2 { background: url('/_img/glowna/top_ico_ustawienia3.png') no-repeat bottom; }
  .top_ico_czytelnia { background: url('/_img/glowna/top_ico_czytelnia3.png') no-repeat bottom; }
  .top_ico_kontakty2 { background: url('/_img/glowna/top_ico_kontakty3.png') no-repeat bottom; }

  

  /* info line */
  .infoLine{height: 20px; font-size: 13px; font-weight: bold; letter-spacing: 1px}		
   .infoLine a{color: #00C505}		
	
  /* header logowanie */	
  .header_logowanie { width: 350px; height: 100px; float: right; }
  .header_logowanie_top { width: 350px; height: 50px; margin-top: 10px; }
  .header_logowanie_top form { margin: 0; padding: 0; }
  
  .logowanie_line { width: 350px; height: 25px; }
  .logowanie_line input { width: 155px; font-size: 12px; }
  .logowanie_line_left { width: 95px; float: left; height: 20px; margin-top: 5px; margin-right: 5px; text-align: right; }
  .logowanie_line_middle { width: 170px; height: 25px; float: left; text-align: left; }
  .logowanie_line_right { width: 80px; height: 25px; float: left; text-align: left; }
  .logowanie_line_right img { cursor: pointer; }

  .header_logowanie_bottom { width: 350px; height: 30px; text-align: center; vertical-align: top; }

  .kolektyw_link { text-decoration: none; font-size: 11px; color: #00578A; font-weight: bold; border-bottom: 2px dotted white; }
  .kolektyw_link:hover { border-bottom: 2px dotted #F93; }

/* MIDDLE */	
.skyscraper { position:absolute;top:17px;left:-165px; }	
.container_middle { position: relative; width: 905px; margin-top: 10px; }

  /* container middle bottom */
  .containerMiddleBottom{width: 565px; height: 25px; background: #FFFFFF;}	
  .containerMiddleBottom p{color: #00AF39; font-size: 12px; font-weight: bold; border-top: 1px #EFEFEF solid; padding-top: 4px; margin: 0 15px 0 15px;}

/* Middle Left */

.container_middle_left { width: 575px; float: left; overflow: hidden; }

 .middle_osoby { width: 575px; height: 470px; padding-top: 5px; background: url('/_img/glowna/middle_osoby.png') no-repeat; font-size: 11px; }
 .middle_osoby_header { width: 575px; height: 20px; margin-bottom: 1px; }
 .middle_osoby_plec {width: 270px; height: 15px; float: left; border-bottom: 1px #EFEFEF solid; margin: 0 0 0 7px; overflow: hidden;}
   .middle_osoby_plec a{font-size: 11px; color: #00578A; font-weight: bold; letter-spacing: 1px; }
   .middle_osoby_plec a:hover{}
 .middle_osoba { width: 135px; height: 141px; margin-top: 2px; margin-left: 4px; float: left; background: url('/_img/glowna/middle_osoba_bg.png') bottom; }
 
 .middle_filmik { width: 250px; height: 170px; margin-top: 5px; text-align: center; float: left; }
 .middle_osoba_fota { width: 123px; height: 90px; margin: 6px; margin-bottom: 0px; margin-top: 10px; }
 .middle_osoba_nazwa { width: 125px; height: 13px; margin-left: 5px; margin-right: 5px; margin-top: 8px; color: #00578A; font-size: 11px; text-align: center; overflow: hidden; }
 .middle_osoba_poznaj { width: 125px; margin-left: 5px; margin-right: 5px; margin-top: 18px; height: 12px; margin-bottom: 9px; font-size: 11px; color: #00C505; font-weight: bold; }
 .middle_osoba_poznaj a { text-decoration: none; color: #FF6600; }
 .middle_osoba_poznaj a:hover { text-decoration: underline; }

 .middle_tut { width: 560px; height: 215px; }

.tut_top { width: 540px; height: 50px; margin-left: 5px; margin-right: 30px; margin-top: 35px; float: left; *float: none; }

.tut_top_left { width: 210px; height: 50px; float: left; text-align: left; margin-left: 60px; *margin-left: 30px; font-size: 11px; color: white; }

.tut_top_right { width: 210px; height: 50px; float: left; margin-left: 60px; text-align: left; font-size: 11px; color: white; }

.tut_bottom { width: 540px; height: 50px; margin-left: 5px; margin-right: 30px; margin-top: 5px; float: left; *float: none; }

.tut_bottom_left, .tut_bottom_right { width: 200px; height: 50px; float: left; margin-left: 70px; *margin-left: 32px; text-align: left; font-size: 9px; color: white; }

.tut_bottom_right { margin-left: 70px; }

.container_middle_right { width: 325px; float: right; overflow: hidden; }

.middle_szukaj { width: 325px; height: 208px; background: url('/_img/glowna/right_szukaj.png') no-repeat; }

.middle_szukaj form { margin: 0; padding: 0; }

.middle_szukaj_form { width: 270px; height: 70px; float: left; margin-top: 65px; *float: none; *margin-top: 0; *padding-top: 65px; margin-left: 30px; margin-right: 25px; }

.szukaj_line { width: 270px; height: 35px; font-size: 10px; }

.szukaj_line select, .szukaj_line input { width: 125px; font-size: 10px; }

.szukaj_line #zdjecie_checkbox { width: 15px; margin-top: 12px; float: left; }

.szukaj_line_left { width: 130px; height: 35px; float: left; margin-right: 5px; text-align: left; }

.szukaj_line_right { width: 135px; *width: 125px; height: 35px; float: right; text-align: left; }

.middle_szukaj_bottom { width: 270px; height: 73px; margin-left: 30px; margin-right: 25px; }

.szukaj_bottom_inner { width: 270px; height: 32px; float: left; margin-top: 15px; margin-bottom: 26px; }

.szukaj_bottom_button { width: 135px; height: 22px; margin-top: 5px; float: left; text-align: center; }

.szukaj_bottom_button img { cursor: pointer; }

.szukaj_bottom_zaawansowane { width: 135px; height: 27px; float: right; text-align: center; }

/* Online Box */

 .middle_online { width: 325px; background: url('/_img/glowna/right_online_bg.png') repeat-y; font-size: 11px; }
  .online_header { width: 325px; height: 47px; background: url('/_img/glowna/right_online.png') no-repeat; }
   .online_header_inner { width: 250px; height: 25px; margin-top: 8px; *margin-top: 0; *padding-top: 8px; margin-bottom: 14px; margin-left: 30px; margin-right: 45px; float: left; *float: none; font-size: 19px; color: white; font-family: impact, arial; text-align: left; }
 
 .online_body { width: 325px; background: url('/_img/glowna/right_online_bg.png') repeat-y; }

 .online_ludz { width: 263px; height: 42px; float: left; margin-left: 30px; margin-right: 35px; margin-top: 5px; *margin-top: 0; *padding-top: 5px; *float: none; }
  .ludz_avatar { width: 42px; height: 42px; float: left; }
  .ludz_avatar_img { width: 40px; height: 40px; border: 1px solid white; background-repeat: no-repeat; background-position: center center; background-size: 40px 40px; }
  .ludz_avatar_img img { width: 9px; height: 9px; margin-top: 30px; margin-bottom: 1px; margin-left: 30px; margin-right: 1px; }
  .ludz_center { width: 175px; height: 42px; float: left; margin-left: 25px; }
   .ludz_center_top { width: 175px; height: 13px; margin-top: 4px; *margin-top: 0; *padding-top: 4px; text-transform: capitalize; font-weight: bold; text-align: left; overflow: hidden; }
   .online_link { color: #FFEBCA; font-size: 11px; text-decoration: none; margin: 0; padding: 0; float: left; }
   .online_link:hover { color: #F90; }
   .ludz_center_bottom { width: 160px; height: 18px; margin-left: 15px; margin-top: 5px; margin-bottom: 4px; background: url('/_img/glowna/raquo.png') no-repeat left; float: left; color: white; font-size: 11px; text-align: left; overflow: hidden; *margin-top: 0; *padding-top: 5px; *float: none; }

  .opis_ramka { width: 150px; margin-left: 10px; height: 18px; overflow: hidden; position: relative; }
  .opis_tresc { width: 320px; height: 16px; cursor: pointer; position: relative; float: left; border-bottom: 2px dotted #F90; }
  .online_opis { color: white; font-size: 11px; border-bottom: 2px dotted #8CB3CA; text-decoration: none; }
  .online_opis:hover { border-bottom: 2px dotted #f90; }

  .ludz_koperta { width: 18px; height: 42px; float: left; vertical-align: top; }
  .ludz_avatar img { border: 1px solid white; }

 .online_bottom { width: 325px; height: 25px; background: url('/_img/glowna/right_online_bottom.png') no-repeat; }
  .online_bottom_inner { width: 90px; height: 17px; margin-bottom: 8px; margin-left: 210px; margin-right: 25px; float: left; text-align: right; }

/* Online Page */	
  .onlinePage{width: 580px; height: 507px;}
  .onlineUser { width: 260px; height: 42px; float: left; background: #F2F2F2; text-align: left; margin: 5px 0 0 20px; border-bottom: 1px #DFDFDF solid;}
   .onlineUserAvatar{width: 40px; height: 40px; float: left; margin: 1px 15px 0 2px;}
   .onlineUser p{padding: 5px 0 0 0; margin: 0px;} 

.middle_grupy { width: 325px; background: url('/_img/glowna/grupy_bg.png') repeat-y; font-size: 11px; }

.grupy_header { width: 325px; height: 47px; background: url('/_img/glowna/grupy_header.png') no-repeat; }

.grupy_header_inner { width: 250px; height: 23px; margin-top: 10px; margin-bottom: 14px; margin-left: 30px; margin-right: 45px; float: left; font-size: 19px; color: white; font-family: impact, arial; text-align: left; *margin-top: 0; *padding-top: 10px; *float: none; }

.grupy_body { width: 325px; background: url('/_img/glowna/grupy_bg.png') repeat-y; }

.grupy_body_line { width: 250px; height: 20px; float: left; margin-top: 2px; margin-left: 50px; margin-right: 25px; text-align: left; font-size: 11px; color: #8CE38E; *float: none; }

.grupy_link { font-size: 11px; text-decoration: none; border-bottom: 2px dotted #8CE38E; color: white; }

.grupy_link:hover { border-bottom: 2px dotted #390; }

.grupy_bottom { width: 325px; height: 50px; background: url('/_img/glowna/grupy_bottom.png') no-repeat; }

.container_footer { width: 900px; height: 67px; background: url(/_img/glowna/footer.png) no-repeat; font-size: 11px; color: #989898; }

.footer_top { width: 320px; height: 15px; float: left; *float: none; margin-top: 20px; margin-left: 290px; margin-right: 290px; text-align: center; font-weight: bold; }

.footer_bottom { width: 650px; height: 15px; float: left; *float: none; margin-top: 2px; margin-bottom: 22px; margin-left: 125px; margin-right: 125px; text-align: center; }

.footer_link { color: #989898; font-size: 11px; text-decoration: none; }

.show_button { width: 74px; height: 20px; display: inline; float: left; margin-left: 3px; }

.show_button_bg { width: 74px; height: 20px; color: white; font-family: verdana, arial; font-size: 9px; background: url(http://www.8.pl/_img/empty_gran.png) no-repeat; cursor: pointer; display: block; letter-spacing: -1px; }

.show_button_inner { width: 74px; height: 12px; margin-top: 3px; margin-bottom: 5px; float: left; *float: none; *margin-top: 0px; *margin-bottom: 0px; *padding-top: 3px; text-align: center; }

ul.ulbutton { width: 74px; height: 20px; list-style: none; margin: 0; margin-left: 2px; margin-right: 2px; padding: 0; display: inline; float: left; }

ul.ulbutton li { width: 74px; height: 20px; }

ul.ulbutton li a { width: 74px; height: 18px; padding-top: 2px; display: block; background: url(http://www.8.pl/_img/empty_gran.png) no-repeat; color: white; text-decoration: none; font-size: 9px; font-family: verdana, arial; }

ul.ulbutton li a:hover { background: url(http://www.8.pl/_img/empty_gran_over.png) no-repeat; }

.active { font-weight: bold; color: #000000; text-decoration: none; }

.online_link_akcja { font-weight: bold; color: #00c505; text-decoration: none; }

.online_link_akcja:hover { color: #ffa500; }

#loading { z-index: 100; width: 200px; height: 100px; margin-top: 250px; border: 1px solid black; position: absolute; display: block; top: expression((x=(document.documentElement.offsetHeight-this.offsetHeight)/2)<0?0:x+'px'); left: 50%; margin-left: -120px; background-color: #FFFFFF; filter: alpha(opacity=75); -moz-opacity: 0.75; }

/* Buttons */

.blueButton{width: 80px; height: 20px; background: url(http://static.osemka.pl/img/kolektyw/blueButton.png) no-repeat; font-family: tahoma; font-size: 11px; font-weight: bold; color: #FFFFFF; border: 0px; padding-bottom: 3px; cursor: pointer;}
.blueButton:hover{background: url(http://static.osemka.pl/img/kolektyw/blueButtonOver.png) no-repeat;} 
 
.greenButton{width: 80px; height: 20px; background: url(http://static.osemka.pl/img/kolektyw/greenButton.png) no-repeat; font-family: tahoma; font-size: 11px; font-weight: bold; color: #FFFFFF; border: 0px; padding-bottom: 3px; cursor: pointer;}
.greenButton:hover{background: url(http://static.osemka.pl/img/kolektyw/greenButtonOver.png) no-repeat;} 
 
.redButton{width: 80px; height: 20px; background: url(http://static.osemka.pl/img/kolektyw/redButton.png) no-repeat; font-family: tahoma; font-size: 11px; font-weight: bold; color: #FFFFFF; border: 0px; padding-bottom: 3px; cursor: pointer;} 
.redButton:hover{background: url(http://static.osemka.pl/img/kolektyw/redButtonOver.png) no-repeat;}  

/* Pages */
.pages {height: 20px; margin: 3px auto; color: #B5DFB7; padding-top: 2px;}
.pages a{color: #FFFFFF;}
 .pagesBut{font-size: 11px; font-weight: bold;}
 .pagesBut a{color: #00C105}
 .pagesNumber{background: #00C105; font-size: 9px; font-weight: bold; border: 1px #00AF03 solid; padding: 1px; margin: 0 0 0 2px;}
 .pagesNumber:hover{background: #6FDF71; cursor: pointer;}
 .pagesNumberActive{background: #6FDF71; color: #FFFFFF; font-size: 12px; font-weight: bold; border: 1px #00AF03 solid; padding: 1px; margin: 0 0 0 2px;}

/* Messages */
 .messages{width: 565px; margin: auto;}
  
  .messagesInfo{width: 565px; background: #FFFFFF; border-bottom: 1px #DFDFDF solid; margin: 0 0 10px 0;}
  .messagesInfo h1{text-align: center; color: #00578A; font-size: 26px;  border-bottom: 1px #F1EFEB solid; padding: 10px 0 5px 0; margin: 0;}
  .messagesInfo p{margin-bottom: 10px;}
	
  .messagesList{width: 565px; margin: 0 0 10px 0;}
   .messagesListItem{background: #FFFFFF; text-align: left; border-bottom: 1px #DFDFDF solid; margin: 3px 0 0 0;}  
   .messagesListItem p{height: 22px; float: left; margin: 0 0 0 3px;}  
   .messagesListItem input{width: 12px; height: 12px; font-size: 10px; margin: 0 0 5px 5px}  
	 .messagesListItemIco{width: 25px;}
	 .messagesListItemAutor{width: 340px; padding-top: 5px;}
	 .messagesListItemDate{width: 110px; padding-top: 5px;}
	 .messagesListItemOptions{width: 70px; padding-top: 5px;}
	 
   .messagesListOptions{width: 565px; height: 25px; background: #FFFFFF; text-align: right; font-weight: bold; border-bottom: 1px #DFDFDF solid; padding-top: 8px; margin: 10px 0 10px 0;}

.bubble { display: none; font-size: 12px; font-weight: bold; position: absolute; text-align: center; background-color: #F1EFEB; padding: 20px; padding-top: 10px; border: 2px solid #2673C3; filter: alpha(opacity=85); opacity: 0.95; }

/* Info Box Ajax */
.infoBox{width:500px; height:50px; background:#47D24B; display: none; text-align:center;  padding: 10px 20px 20px 20px; border:2px solid #00578A; filter: alpha(opacity=85); -moz-opacity: 0.89; position:absolute; top:100px; left:25%;}
 .infoBox h3{color: #FFFFFF; font-size: 18px; letter-spacing: 1px; margin: 0 0 3px 0;}
 .infoBoxMsg{font-size:14px;}
 .infoBoxInp{width: 320px; color: #00486F; border: 1px #00578A solid; padding: 2px;}

/* Web dev info */
#cot_tl_fixed{	position:fixed;	_position:absolute;	bottom:0px;	right:0px;	clip:rect(0 100 85 0); _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight); _left:expression(document.body.scrollLeft + document.body.clientWidth - offsetWidth);
				} 
/* del */
 .active { font-weight: bold; color: #000000; background-color: #8ce38e; padding: 2px; text-decoration: none; }

 .list_msg { float: left; padding-top: 2px; padding-left: 2px; margin: auto; overflow: hidden; }
 .list_msg div { float: left; padding-top: 2px; padding-left: 2px; margin: auto; overflow: hidden; }
 .list_msg_kop { width: 40px; height: 20px; text-align: center; overflow: hidden; }
 .list_msg_nadawca { width: 270px; text-align: left; height: 20px; overflow: hidden; }
 .list_msg_data { width: 120px; height: 20px; overflow: hidden; }
 .list_msg_akcja { width: 70px; height: 20px; overflow: hidden; }
 
 
 /* Sharper modifications */
.header_logowanie_top input { font-size: 11px; }
.header_logowanie_top input.button { color: #fff; font-weight: bold; border: 1px solid #00C105; background-color: #32CC36;}
.new_msg { width: 40%; font-size: 11px; font-weight: bold; background-color: #00C105; border: 1px solid #47D24B; padding: 0; margin: 0 auto; color: #fff; }

#reklama { width: 855px; height: 20px; margin-left: 25px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; padding: 10px 0; font-size: 0; clear: both; }
 #reklama ul li { display: block; float: left; padding-left: 20px;}
  #reklama ul li a { display: block; float: left; font-size: 0; text-indent: -9999px; border: 0;}
   #reklama ul li a:hover { background-position: 0 -20px; }
   #reklama ul li a#log8:hover { background-position: 0 -14px; }
   #reklama ul li a#linkr:hover { background-position: 0 -15px; }
   #reklama ul li a#plikus:hover { background-position: 0 -15px; }
   #reklama ul li a#satyr:hover { background-position: 0 -15px; }
   #reklama ul li a#capslock:hover { background-position: 0 -15px; }
a#log8 { background: url('/_img/buttons/8log.png') no-repeat; width: 53px; height: 14px; margin-top: 2px;}
a#hotjpg { background: url('/_img/buttons/hotjpg.png') no-repeat; width: 29px; height: 20px}
a#jpg { background: url('/_img/buttons/jpg.png') no-repeat; width: 25px; height: 20px}
a#kolektyw { background: url('/_img/bv/kolektyw.png') no-repeat; width: 115px; }
a#linkr { background: url('/_img/buttons/linkr.png') no-repeat; width: 48px; height: 15px; margin-top: 5px;}
a#mototu { background: url('/_img/buttons/mototu.png') no-repeat; width: 52px; height: 20px; }
a#plikus { background: url('/_img/buttons/plikus.png') no-repeat; width: 38px; height: 15px; margin-top: 2px; }
a#radiofriko { background: url('/_img/buttons/radiofriko.png') no-repeat; width: 25px; height: 20px;}
a#satyr { background: url('/_img/buttons/satyr.png') no-repeat; width: 53px; height: 15px; margin-top: 4px;}
a#zafriko { background: url('/_img/buttons/zafriko.png') no-repeat; width: 19px; height: 20px; }
a#capslock { background: url('/_img/buttons/capslock.png') no-repeat; width: 62px; height: 15px; margin-top: 4px;}
a#b401 { background: url('/_img/buttons/401.png') no-repeat; width: 55px; height: 20px}
a#osemka { background: url('/_img/buttons/osemka.png') no-repeat; width: 27px; height: 20px}