body { color:#b2b2b2; font-size:7pt; font-family:verdana; line-height:9pt; background-color:#2b2b2b; background-image:url(images/body_pik.gif); background-repeat:repeat-x; margin: 0; }
p { margin: 0; padding: 0; }
ul{list-style-type:square;}
a:link {color:#00a6eb;font-size:8pt;font-family:verdana;text-decoration:none;}
a:visited {color:#00a6eb;font-size:8pt;font-family:verdana;text-decoration:none;}
a:hover {color:#00a6eb;font-size:8pt;font-family:verdana;text-decoration:none;}
a:active {color:#00a6eb;font-size:8pt;font-family:verdana;text-decoration:none;}
a.drukuj:link {color:#6b6a6a;font-size:8pt;font-family:verdana;text-decoration:none;}
a.drukuj:visited {color:#6b6a6a;font-size:8pt;font-family:verdana;text-decoration:none;}
a.drukuj:hover {color:#00a6eb;font-size:8pt;font-family:verdana;text-decoration:none;}
a.drukuj:active {color:#6b6a6a;font-size:8pt;font-family:verdana;text-decoration:none;}
.tekst{color:#8e8e8e;background-image:url(images/tlo_tekst.gif);background-repeat:repeat-x;background-position:0 top;vertical-align:top;height:201px;}
.tresc{color:#8e8e8e;font-size:8pt;font-family:verdana;line-height:11pt;vertical-align:top;}
.tresc_1{color:#8e8e8e;font-size:8pt;font-family:verdana;line-height:11pt;}
.kwadrat_main{color:#8c8c8c;background-image:url(images/kwadrat_main.gif);background-repeat:no-repeat;width:165px;margin-right:13px;margin-left:13px;}
.tekst_blog{color:#8c8c8c;font-size:7pt;font-family:verdana;line-height:9pt;text-align:right;padding-right:13px;padding-left:13px;}
.witamy{color:#b2b2b2;font-size:8pt;font-family:verdana;line-height:10pt;}
.stopka1{font-size:6pt;font-family:verdana;line-height:9pt;background-image:url(images/stopka.gif);background-repeat:no-repeat;}
.stopka_txt{font-size:7pt;vertical-align:bottom;padding-bottom:10px;}
.designed { font-size: 7pt; padding-bottom: 7px; }
a.stopka:link {color:#6b6a6a;font-size:7pt;font-family:verdana;text-decoration:none;}
a.stopka:visited {color:#6b6a6a;font-size:7pt;font-family:verdana;text-decoration:none;}
a.stopka:hover {color:#6b6a6a;font-size:7pt;font-family:verdana;text-decoration:none;}
a.stopka:active {color:#6b6a6a;font-size:7pt;font-family:verdana;text-decoration:none;}
.zespol_imie{color:#00a6eb;font-size:15px;line-height:18px;}
.zespol_naglowek{color:#8e8e8e;font-size:11px;line-height:12px;}
.blog_tytul{color:#00a6eb;font-size:8pt;line-height:11pt;}
a.publikacje:link {color:#6b6a6a;font-size:8pt;font-family:verdana;line-height:11pt;text-decoration:none;margin-top:50px;padding-top:50px;}
a.publikacje:visited {color:#6b6a6a;font-size:8pt;font-family:verdana;line-height:11pt;text-decoration:none;margin-top:50px;padding-top:50px;}
a.publikacje:hover {color:#6b6a6a;font-size:8pt;font-family:verdana;line-height:11pt;text-decoration:none;margin-top:50px;padding-top:50px;}
a.publikacje:active {color:#6b6a6a;font-size:8pt;font-family:verdana;line-height:11pt;text-decoration:none;margin-top:50px;padding-top:50px;}
.publikacje{padding-top:4px;}
a.blog:link {color:#8e8e8e;font-size:7pt;font-family:verdana;line-height:10pt;text-decoration:none;}
a.blog:visited {color:#8e8e8e;font-size:7pt;font-family:verdana;line-height:10pt;text-decoration:none;}
a.blog:hover {color:#b9b8b8;font-size:7pt;font-family:verdana;line-height:10pt;text-decoration:none;}
a.blog:active {color:#8e8e8e;font-size:7pt;font-family:verdana;line-height:10pt;text-decoration:none;}
a.skype:link {color:#2b2b2b;font-size:7pt;font-family:verdana;line-height:10pt;text-decoration:none;}
a.skype:visited {color:#2b2b2b;font-size:7pt;font-family:verdana;line-height:10pt;text-decoration:none;}
a.skype:hover {color:#2b2b2b;font-size:7pt;font-family:verdana;line-height:10pt;text-decoration:none;}
a.skype:active {color:#2b2b2b;font-size:7pt;font-family:verdana;line-height:10pt;text-decoration:none;}
.input{color:#7b7b7b;font-size:7pt;font-family:verdana;line-height:7pt;background-color:#494949;width:70px;padding:2px;border:solid 1px #2b2b2b;}
.input2{color:#7b7b7b;font-size:7pt;font-family:verdana;background-color:#494949;text-decoration:none;text-align:center;width:150px;margin:1px;padding:1px;border:solid 0 #2b2b2b;}
.input3{color:#7b7b7b;font-size:7pt;font-family:verdana;background-color:#494949;text-align:center;padding:2px;width:146px;border:solid 1px #2b2b2b;}
.linia{background-image:url(images/pik_blog.gif);background-repeat:repeat-x;background-position:0 center;height:10px;}
/*lightbox*/
#lightbox{ position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; padding-top: 25px; }

#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #2b2b2b; width: 250px; height: 250px; margin: 0 auto; border: solid 1px #00a6eb; }

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left; background: url(images/prevlabel.gif) left 15% no-repeat;}
#nextLink { right: 0; float: right; background: url(images/nextlabel.gif) right 15% no-repeat;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{ font: 10px/1.4em verdana,Helvetica,sans-serif; background-color: #2b2b2b; margin: 0 auto; }

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; padding-top: 10px; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 80px; float: right; padding-top: 10px; padding-bottom: 0.7em; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #2b2b2b;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block;
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
#info_baner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }