.przezroczystosc {
	filter: alpha(opacity=50);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: .5;
}

.gora {
vertical-align: top;
}

.dol {
vertical-align: bottom;
}


.oblacl {
    margin: 0px 10px 0px 10px;
	 float:left;
}

.oblacr {
    margin: 0px 10px 0px 10px;
	 float:right;
}

/* nowe css */
/* page_monit */
.another-monit{ 
	margin: 10px 0 10px 0; 
	}
/*
	
.error, .success{ 
	color: white; 
	}
	
*/
.error, .success{ 
	margin: 10px 0 10px 0; 
	width: 400px; /* text-align: center; */ 
	padding: 10px; 
	}
	
	
.success{ 
	background-color: #5c8c1c; 
	} 
	
.error a, .success a{ 
	color: white; 
	font-weight: bold; 
	cursor: pointer; 
	}
	
.info a{ 
	color: black; 
	font-weight: bold; 
	cursor: pointer; 
	}
	

/* dla formularzy :: addinput */
ul.form{ 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	}
	
ul.form li label{ 
	float: left; 
	display: block; 
	width: 100px; 
	}
	
ul.form li{ 
	clear: both; 
	margin-bottom: 10px; 
	}
	
	
.textarea{ 
	width: 95%; 
	height: 150px; 
	border: 1px gray solid; 	
	}
	
div.submit{ 
	margin: 10px 0 10px 0; 
	width: 95%; 
	text-align: right; 
	}
	
.linia-1 { 
	background-color: #FFC; 
	}

.linia-0 { 
	background-color: #CF9; 
	}

.linia-2 { 
	background-color: #CCF; 
	}
	
	
table tr.linia-1  , .table-line-1 { background-color: #FFC; }
table tr.linia-0 , .table-line-0 {  background-color: #CF9; }
table tr.head span{ font-size: 18px; }

/* system news */
#news-mod { 
	list-style: none; 
	margin: 0; padding: 0; 
	}
	
#news-mod .nm-item { width: 635px; clear: both; margin: 0 0 10px; padding: 19px 0 0; background: url(/image/bg-cnt-top.png) no-repeat 0 0; }
	
#news-mod .image-box { 
	width: 130px; 
	float: left; 
	margin: 0 0 0 -160px; 
	}
	
	
#content { width: 635px; float: right; padding: 0 11px 0 0; color: #858585; }
#content p { margin: 10px 0 0; }
#content #header { height: 70px; line-height: 70px; margin: 10px 0; padding: 0 20px; color: #0069ac; background: url(/image/bg-header.png) no-repeat 0 0; font-size: 3.1em; font-weight: normal; }
#content #header span {  }

#content .text { width: 635px; clear: both; margin: 0 0 10px; padding: 19px 0 0; background: url(/image/bg-cnt-top.png) no-repeat 0 0; }
#content .text .inner { padding: 5px 10px 10px; background: #ececec url(/image/bg-cnt-bottom.png) no-repeat 0 100%; }
#content .text .inner .sub-header { position: relative; width: 615px; float: left; margin: -17px -13px 10px; padding: 0 13px 2px; border-bottom: 2px solid #0069ac; color: #cd0008; font-size: 1.1em; font-weight: bold; }
#content .text .inner .sub-header a { color: #cd0008; font-size: 1em; font-weight: bold; }


#news-mod .nm-header { position: relative; width: 615px; float: left; margin: .2em; padding: 0 13px 2px;  color: #cd0008; font-size: 1.1em; font-weight: bold; }
#news-mod .nm-header a { position: relative; width: 605px; float: left; margin: -17px -13px 10px; padding: 0 13px 2px; border-bottom: 2px solid #0069ac; color: #cd0008; font-size: 1.1em; font-weight: bold; }

#news-mod .nm-item .nm-desc { padding: 5px 10px 10px; background: #ececec url(/image/bg-cnt-bottom.png) no-repeat 0 100%; }
	
#news-mod .nm-item .nm-desc h3 { position: relative; width: 615px; float: left; margin: -17px -13px 10px; padding: 0 13px 2px; border-bottom: 2px solid #0069ac; color: #cd0008; font-size: 1.1em; font-weight: bold; }




#news-mod .nm-item .img { float: left; clear: left; margin: 0 0 0 -90px;  }
#news-mod .nm-item .img img { border: 1px solid #cdcdcd; overflow: hidden; }

#news-mod .nm-item .nm-desc h3 a { color: #cd0008; font-size: 1em; font-weight: bold; }
#news-mod .nm-item .nm-desc .nm-date { display: block; color: #a0717a; }
#news-mod .nm-item .more { width: 113px; height: 23px; line-height: 23px; float: right; margin: -30px -10px 0px 0; padding: 0 10px; color: #fff; background: url(/image/bg-more.png) no-repeat 0 0  }
#news-mod .nm-item .more span {  padding: 0 9px 0 0; color: #fff; background: url(/image/icon-raquo.png) no-repeat 100% 55%; font-weight: bold; }
#news-mod .nm-item .item-img { padding-left: 100px; }
#news-mod .nm-item .item-img  h3 { margin-left: -103px; }

.short{ 
	font-weight: bold; 
	}
	
#content-box{ 
	margin: 15px 0 15px 0; 
	}
	
.header1 { 
	font-size: 14px; 
	font-weight: bold; 
	}


.clear{ 
	clear: both; 
	}
	
.center{ 
	text-align: center !important; 
	}
	
.button { 
	text-align: center; 
	padding: 5px; 
	background-color: #990909; 
	color: white; 
	margin: 10px auto 10px auto; 
	width: 400px; 
	}
	
.button a{ 
	color: white !important; 
	text-decoration: none;  
	font-size: 14px !important; 
	}

	
	
/* system cv */
ul.test2 {
    font-family: Tahoma;
    color: #000099;
    font-size: 11px;
    text-align: left;
    list-style: url(image/checkbox2.png) disc;
}

ul.test {
    font-family: Tahoma;
    color: #000099;
    font-size: 11px;
    text-align: left;
    list-style: url(image/checkbox.png) disc;
}

form	{ 
	padding: 0; 
	margin: 0; 
}

  textarea	{ 
	overflow: auto; 
} 


#menup dl {
    width: 100px;
    margin: 0 auto;
    padding: 0 0 10px 0;
    background: #69c url(image/bottom.gif) no-repeat bottom;
}

#menup dt {
    margin: 0;
    padding: 10px;
    font-size: 1.1em;
    font-weight: bold;
    color: #fff;
    border-bottom: 1px solid #fff;
    background: #69c url(image/top.gif) no-repeat top left;
}

#menup dd {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 9px;
    border-bottom: 1px solid #fff;
    background: #47a;
}

#gallery a, #gallery a:visited {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 5px 5px 5px 15px;
    background: #47a url(image/arrow.gif) no-repeat 5px 7px;
    width: 80px;
}

#gallery a:hover {
    background: #258 url(image/arrowr.gif) no-repeat 5px 7px;
    color: #9cf;
}

ol li {
    font-size: 11px;
}


#container {
    position: relative;
}

#menu {
    text-align: center;
    position: relative;
    height: 24px;
}

.box {
    position: relative;
    float: left;
    top: 0px;
}

#menu a, #menu a:visited {
    position: relative;
    text-decoration: none;
    background-color: #06a;
    color: #fff;
    font-size: 9px;
    font-family: Arial;
    display: block;
    width: 70.5px;
    height: 15px;
    padding: 5px;
    margin: 0 1px;
}

#menu a .topleft, #menu a .topright {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    border-top: 10px solid #fff;
}

#menu a .topleft {
    left: 0;
    border-right: 10px solid #06a;
}

#menu a .topright {
    left: 70px;
    border-left: 10px solid #06a;
}

#menu a:hover {
    background-color: #C0C0C0;
}

#menu a:hover .topleft {
    border-right: 10px solid #000;
    border-top: 10px solid #fff;
}

#menu a:hover .topright {
    border-left: 10px solid #000;
    border-top: 10px solid #fff;
}

#pion a, #pion a:visited {
    position: relative;
    text-decoration: none;
    text-align: center;
    background-color: #CFCFCF;
    color: #000;
    font-size: 9px;
    font-family: Arial;
    display: block;
    width: 100px;
    border: 1px solid #fff;
    border-color: #def #678 #345 #cde;
    padding: 0.25em;
    margin: 0.05em auto;
}

#pion a:hover {
    top: 2px;
    left: 2px;
    color: #006;
    border-color: #345 #cde #def #678;
}

.enter {
    font: 5px Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

ul.itemize {
    font-family: Tahoma;
    color: #000099;
    font-size: 11px;
    text-align: left;
    line-height: 70pt;
    list-style: url(images/fancydot.gif) disc;
}

ul.itemize2 {
    font-family: Tahoma;
    color: #000066;
    font-size: 11px;
    text-align: left;
    list-style: url(images/fancydot.gif) disc;
}

ul.itemize3 {
    font-family: Tahoma;
    color: #000099;
    line-height: 24px;
    font-size: 11px;
    text-align: left;
    list-style: url(images/fancydot.gif) disc;
}

ul.itemize4  {
    font-family: Tahoma;
    font-size: 9px;
    line-height: 16px;	 
    color: #000066;
	 padding: 5px 5px 5px 15px;
    text-decoration: none;
    text-transform: none;
    margin: 0px;
	 list-style: url(images/fancydot.gif);
}

.cen {
    text-align: center;
}

.tab {
	 margin: 0px auto;
}



body {
    background-image: url(images/kratka.gif);
    background-attachment: scroll;
    background-attachment: fixed;
    background-repeat: repeat;
}

.dojazd {
    background-image: url(images/tlo5.jpg);
    background-repeat: no-repeat;
}

.nawig {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    color: #900;
    text-decoration: none;
    text-transform: none;
    vertical-align: top;
    text-align: center;
}

.background {
    background-image: url(images/kratka_c.gif);
    background-attachment: fixed;
    background-repeat: repeat;
}

.opis {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    color: #0252CA;
    text-align: left;
}

.opis2 {
    font-family: Tahoma;
    background-image: url(images/pasekp.jpg);
    background-repeat: repeat-x;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    color: #0252CA;
    text-align: left;
}

.zapr {
    font-family: Tahoma;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    color: #0099CC;
}

.zapr2 {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    color: #0099CC;
}

.error {
    font-family: Tahoma;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    height: 12px;
    color: #FF0000;
    text-align: center;
}

.imieniny {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    height: 12px;
    color: #336666;
    text-align: center;
}

.afor {
    font-family: Tahoma;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    height: 10px;
    color: #000066;
    text-align: center;
}

.kiedy {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    color: #FF0033;
}

.confirm {
    font-family: Tahoma;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    color: #000099;
}

.adres {
    font-family: Tahoma;
    font-size: 17px;
    font-weight: bold;
    font-style: normal;
    color: #227F75;
    line-height: 18pt;
}

.tresc {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    color: #000066;
    line-height: 14pt;
    text-align: left;
}

.trescl {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #000066;
    line-height: 12pt;
    text-align: left;
}

.tabcv {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #000000;
    line-height: 14pt;
    text-align: left;
}

.trescj {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    color: #000066;
    line-height: 16pt;
    text-align: justify;
}

.mmenu {
    font-family: Tahoma;
    font-size: 12px;
    color: #006666;
    font-weight: bold;
    text-decoration: none;
    text-transform: none;
}

.marq {
    font-family: Tahoma;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding-top: 5px;
}

.href {
    font-family: Tahoma;
    font-weight: normal;
    font-style: normal;
    font-size: 11px;
    font-variant: normal;
    text-decoration: none;
    text-transform: none;
}

.obramowanie {
    padding-left: 5px;
    letter-spacing: 1mm;
    border: dotted 1px;
    text-transform: none;
    text-decoration: none;
    color: #996633;
    background-image: url(grafika/kropki.gif);
    background-repeat: repeat;
    padding-bottom: 3px;
}

.obwod {
    padding-left: 2px;
    border: dotted 1px;
    text-transform: none;
    text-decoration: none;
    color: #FF9933;
    background-color: #FFFFCC;
    padding-bottom: 3px;
}

.href1 {
    font-family: inherit;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    color: #0000FF;
    font-variant: normal;
    text-decoration: none;
    text-transform: none;
}

.href2 {
    font-family: Tahoma;
    font-size: 11px;
    color: #0000CC;
    background: #CCFFFF;
    font-weight: normal;
    line-height: 12pt;
    text-decoration: none;
    text-transform: none;
    padding-left: 5px;
    padding-right: 2px;
    letter-spacing: 1mm;
}

.href3 {
    font-family: Tahoma;
    font-size: 11px;
    color: #006666;
    background: #99FF99;
    font-weight: normal;
    line-height: 12pt;
    padding-left: 5px;
    padding-right: 2px;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 1mm;
}

.href4 {
    font-family: Tahoma;
    font-weight: normal;
    font-style: normal;
    font-size: 11px;
    line-height: 12pt;
    color: #996633;
    background: #FFFFCC;
    text-decoration: none;
    text-transform: none;
    padding-left: 5px;
    padding-right: 2px;
    letter-spacing: 1mm;
}


.href5 {
    font-family: Arial;
    font-weight: normal;
    font-style: normal;
    font-size: 10px;
    color: #996633;
    background: #FFFFCC;
    padding-left: 5px;
    padding-right: 2px;
    padding-top: 5px;
    padding-bottom: 3px;
    letter-spacing: 2px;
}

.href6 {
    font-family: Tahoma;
    font-weight: bold;
    font-style: normal;
    font-size: 11px;
    line-height: 12pt;
    color: #05717E;
    background: #FFFFEA;
    text-decoration: none;
    text-transform: none;
    padding-left: 5px;
    padding-right: 2px;
    letter-spacing: 1mm;
}

.nod {
    font-family: Arial;
    font-weight: bold;
    font-style: normal;
    font-size: 11px;
    line-height: 13pt;
    color: #FFC;
    background: #006069;
    text-decoration: none;
    text-transform: none;
    padding-left: 2px;
    padding-right: 2px;
    letter-spacing: 0.5mm;
}

.film {
    font-family: Tahoma;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    line-height: 14pt;
    color: #336666;
    text-align: justify;
}

.wtab {
    font-family: Arial;
    font-size: 14px;
    color: #800000;
    font-weight: bold;
    line-height: 15pt;
    text-align: left;
}

.gtab {
    font-family: Arial;
    font-size: 14px;
    color: #0000CC;
    font-weight: bold;
    line-height: 15pt;
    text-align: center;
}

.atab {
    font-family: Arial;
    font-size: 14px;
    color: #006666;
    font-weight: bold;
    line-height: 15pt;
    text-align: center;
}

.tekst {
    padding-left: 6px;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    color: #000066;
    line-height: 12pt;
    text-align: justify;
}

.txt {
    padding-left: 6px;
    font-family: Tahoma;
    font-size: 21px;
    font-weight: normal;
    font-style: normal;
    color: #000066;
    line-height: 12pt;
    text-align: justify;
}

.tekst5 {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    color: #000066;
    line-height: 14pt;
    text-align: justify;
}

.tekst6 {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    color: #000066;
    line-height: 15pt;
    text-align: justify;
}

.tekst2 {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #000066;
    line-height: 9pt;
    text-align: justify;
}

.tekst3 {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #000066;
    line-height: 15pt;
    text-align: justify;
}

.czolowka {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    color: #000066;
    line-height: 15pt;
    text-align: justify;
    text-indent: 13px;
    word-spacing: 11px;
}

.krynia {
    font-family: Tahoma;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    color: #000066;
}

.wylicz {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    color: #000066;
    line-height: 16pt;
}

.email {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #000066;
    line-height: 16pt;
}

.wyliczanka {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #000066;
    line-height: 15pt;
}

.stopka {
    font-family: Tahoma;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    text-align: center;
    color: #0099CC;
}

TD.result {
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    height: 10px;
    text-align: center;
}

TD.error {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    background: #FF8A8A;
}

TD.errormessage {
    font-family: Tahoma;
    font-weight: normal;
    font-style: normal;
    font-size: 11px;
    color: #FF0033;
}

.stopafor {
    font-family: Tahoma;
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    color: #808080;
    text-align: center;
}

.spis {
    font-family: Arial;
    font-weight: bold;
    font-style: normal;
    font-size: 13px;
    font-variant: normal;
    color: #FFCC00;
    text-align: center;
    vertical-align: middle;
    background: #FFFFCC;
}

.moja_stopka {
    font-family: Tahoma;
    font-weight: bold;
    font-style: italic;
    font-size: medium;
    font-variant: normal;
    color: #0000CC;
    background: #FFFFCC;
}

DIV.copyright {
    font-family: Tahoma;
    font-size: 9px;
    color: #000066;
    padding-top: 0px;
    padding-bottom: 5px;
}

.male {
    font-family: Tahoma;
    font-size: 9px;
    color: #FFFFFF;
	 padding: 5px 5px 5px 15px;
    background: url(image/arrowp.gif) no-repeat 4px 6px;
    text-decoration: none;
    text-transform: none;
}

.w_prawo {
    font-family: Tahoma;
    font-size: 11px;
    color: #00C;
	 padding: 5px 5px 5px 15px;
    background: url(image/arrowp.gif) no-repeat 4px 6px;
    text-decoration: none;
    text-transform: none;
}

.w_lewo {
    font-family: Tahoma;
    font-size: 11px;
    color: #00C;
	 padding: 5px 5px 5px 15px;
    background: url(image/arrowl.gif) no-repeat 4px 6px;
    text-decoration: none;
    text-transform: none;
}

.w_p {
    font-family: Tahoma;
    font-size: 11px;
    color: #00C;
	 padding: 5px 5px 5px 15px;
    background: url(images/w_p.png) no-repeat 4px 6px;
    text-decoration: none;
    text-transform: none;
}

.w_l {
    font-family: Tahoma;
    font-size: 11px;
    color: #00C;
	 padding: 5px 5px 5px 15px;
    background: url(images/w_l.png) no-repeat 4px 6px;
    text-decoration: none;
    text-transform: none;
}
/* 
- Jeżeli podamy jeden, trzy pozostałe będą miały taką sama wartość. 
- Jeżeli podamy dwa, pierwszy określi top i bottom, a drugi right i left 
- Jeżeli podamy trzy, pierwszy określi top, drugi right i left, trzeci bottom. 
 */
 
font.com {
    font-weight: bold;
    color: #000087;
    font-family: arial, calibri, tahoma, verdana, sans-serif;
    font-style: normal;
    font-size: 14px;
    letter-spacing: 0.2em;
}

font.video {
    font-weight: bold;
    color: #ff0000;
    font-family: arial, calibri, tahoma, verdana, sans-serif;
    font-style: normal;
    font-size: 14px;
    letter-spacing: 0.2em;
}

.com {
    font-weight: bold;
    color: #000087;
    font-family: arial, calibri, tahoma, verdana, sans-serif;
    font-style: normal;
    font-size: 14px;
    letter-spacing: 0.2em;
}

.video {
    font-weight: bold;
    color: #ff0000;
    font-family: arial, calibri, tahoma, verdana, sans-serif;
    font-style: normal;
    font-size: 14px;
    letter-spacing: 0.2em;
}

font.co {
    font-weight: bold;
    color: #000087;
    font-family: arial, calibri, tahoma, verdana, sans-serif;
    font-style: normal;
    font-size: 13px;
    letter-spacing: 0.2em;
    font-variant: small-caps;
}

font.vi {
    font-weight: bold;
    color: #ff0000;
    font-family: arial, calibri, tahoma, verdana, sans-serif;
    font-style: normal;
    font-size: 13px;
    letter-spacing: 0.2em;
    font-variant: small-caps;
}

h1, h2, h3, h4, h5, h6 {
    padding-top: 0px;
    font-family: calibri, tahoma, verdana, arial, sans-serif;
}

textarea {
    font-family: Tahoma;
    font-size: 8pt;
    color: black;
    background-color: #C0C0C0;
}

select {
    font-family: Arial, helvetica, verdana;
    font-size: 8pt;
    color: black;
    background-color: #C0C0C0;
}

span.imgtitle {
    font-family: Arial, helvetica, verdana;
    font-size: 8pt;
    color: black;
}

span.counter {
    font-family: Arial, helvetica, verdana;
    font-size: 7pt;
    color: #000066;
	 padding-left: 5px;
	 padding-right: 3px;	 
    letter-spacing: 1mm;
	 border-color: #808080; 
	 border-width: 2px;
    background-color: #CACACA;
    padding-bottom: 3px;
    padding-top: 3px;
}

span.smallnote {
    font-family: Arial, helvetica, verdana;
    font-size: 8pt;
    font-style: italic;
    color: #990033;
    text-align: justify;
    line-height: 10pt;
}

p.pagenums {
    font-family: Arial, helvetica, verdana;
    font-size: 8pt;
    text-align: right;
    font-weight: bold;
}

P.presentation:first-line {
    font-size: 12pt;
    font-weight: bold;
    color: #660000;
}

table.subadmin {
    vertical-align: top;
    font-family: Arial, helvetica, verdana;
    font-size: 10pt;
    background-color: #C0C0C0;
}

img.photos {
    background-color: #CC0000;
}

a#klawisz1 {
    text-decoration: none;
    display: block;
    background: url(images/klawisz_g.png) 0 0 no-repeat;
    height: 24px;
    width: 72px;
}

a#klawisz1:hover {
    background-position: 0 -24px;
}

a#klawisz1_active {
    display: block;
    width: 72px;
    height: 24px;
    background: url(images/b1_.png) 0 0 no-repeat;
}

a#klawisz2 {
    text-decoration: none;
    display: block;
    background: url(images/klawisz_a.png) 0 0 no-repeat;
    height: 24px;
    width: 72px;
}

a#klawisz2:hover {
    background-position: 0 -24px;
}

a#klawisz2_active {
    display: block;
    width: 72px;
    height: 24px;
    background: url(images/b2_.png) 0 0 no-repeat;
}

a#klawisz3 {
    text-decoration: none;
    display: block;
    background: url(images/klawisz_of.png) 0 0 no-repeat;
    height: 24px;
    width: 72px;
}

a#klawisz3:hover {
    background-position: 0 -24px;
}

a#klawisz3_active {
    display: block;
    width: 72px;
    height: 24px;
    background: url(images/b3_.png) 0 0 no-repeat;
}

a#klawisz4 {
    text-decoration: none;
    display: block;
    background: url(images/klawisz_o.png) 0 0 no-repeat;
    height: 24px;
    width: 72px;
}

a#klawisz4:hover {
    background-position: 0 -24px;
}

a#klawisz4_active {
    display: block;
    width: 72px;
    height: 24px;
    background: url(images/b4_.png) 0 0 no-repeat;
}

a#klawisz5 {
    text-decoration: none;
    display: block;
    background: url(images/klawisz_c.png) 0 0 no-repeat;
    height: 24px;
    width: 72px;
}

a#klawisz5:hover {
    background-position: 0 -24px;
}

a#klawisz5_active {
    display: block;
    width: 72px;
    height: 24px;
    background: url(images/b5_.png) 0 0 no-repeat;
}

a#klawisz6 {
    text-decoration: none;
    display: block;
    background: url(images/klawisz_to.png) 0 0 no-repeat;
    height: 24px;
    width: 72px;
}

a#klawisz6:hover {
    background-position: 0 -24px;
}

a#klawisz6_active {
    display: block;
    width: 72px;
    height: 24px;
    background: url(images/b6_.png) 0 0 no-repeat;
}

a#klawisz7 {
    text-decoration: none;
    display: block;
    background: url(images/klawisz_f.png) 0 0 no-repeat;
    height: 24px;
    width: 72px;
}

a#klawisz7:hover {
    background-position: 0 -24px;
}

a#klawisz7_active {
    display: block;
    width: 72px;
    height: 24px;
    background: url(images/b7_.png) 0 0 no-repeat;
}

a#klawisz8 {
    text-decoration: none;
    display: block;
    background: url(images/klawisz_l.png) 0 0 no-repeat;
    height: 24px;
    width: 72px;
}

a#klawisz8:hover {
    background-position: 0 -24px;
}

a#klawisz8_active {
    display: block;
    width: 72px;
    height: 24px;
    background: url(images/b8_.png) 0 0 no-repeat;
}

a#klawisz9 {
    text-decoration: none;
    display: block;
    background: url(images/klawisz_fo.png) 0 0 no-repeat;
    height: 24px;
    width: 72px;
}

a#klawisz9:hover {
    background-position: 0 -24px;
}

a#klawisz9_active {
    display: block;
    width: 72px;
    height: 24px;
    background: url(images/b9_.png) 0 0 no-repeat;
}