BODY { 
	background-color : #c9c5c4;
	z-index : 1;
	text-align : center;
	margin : 0;
} 
img {
	border : 0;
}
.middle { 
	background-image : url("http://pumilo.pl/grafika/ver9/image.jpg");
	background-repeat : no-repeat;
	padding-left : 0;
	padding-right : 0;
	padding-top : 0;
	text-align : right;
} 
.intro { 
	font-family : Verdana, "Georgia", "Tahoma";
	color : #000000;
	line-height : 160%;
	font-size : 8pt;
	text-align : center;
	color : #000000;
} 
.intro a { 
	color : #000000;
	border-bottom: 1px dashed #FFC000;
	text-decoration : none;
	font-variant: small-caps;
} 
.intro a:hover { 
	color : #000000;
	border-bottom: 1px dashed #FFD600;
	font-variant: small-caps;
} 
.introtext {
color: #000000;
font-size: 14pt;
font-weight: bold;
font-family: 'Times New Roman', Verdana;
	font-variant: small-caps;
letter-spacing: 3px;
}
.bok { 
	background-image : url("http://pumilo.pl/grafika/ver9/tlo.jpg");
	z-index : 0;
	width : 770px;
	background-color : #e4e3e0;
	margin-left : auto;
	margin-right : auto;
	margin-top : 0;
} 
.tresc { 
	font-family : Verdana, "Georgia", "Tahoma";
	color : #000000;
	line-height : 160%;
	font-size : 8pt;
	z-index : 2;
	margin-top : 399px;
	text-align : center;
	color : #000000;
	float : left;
	padding-left : 25px;
	padding-top : 0;
	padding-bottom : 0;
	width : 605px;
} 
.tresc a { 
	color : #000000;
	border-bottom: 1px dashed #FFC000;
	text-decoration : none;
	font-variant: small-caps;
} 
.tresc a:hover { 
	color : #000000;
	border-bottom: 1px dashed #FFD600;
	font-variant: small-caps;
} 
p {
padding: 5px;
}
h1 { 
	text-align : center;
	font-family : georgia;
	font-size : 20px;
	letter-spacing: 2px;
	font-weight : bold;
	color : #000000;
	margin : 0;
	font-variant: small-caps;
	padding : 2px 0 2px 0;
	line-height : 32px;
	background-color: #FFC000;
	width : 605px;
} 
h4 { 
	text-align : center;
	font-family : "times new roman";
	font-size : 18px;
	letter-spacing: 2px;
	font-weight : bold;
	font-style : italic;
	color : #000000;
	margin : 0;
	padding : 2px 0 2px 0;
	line-height : 25px;
	background-color: #FFC000;
	width : 605px;
} 
h2 {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 5px;
}
h3 {
	font-weight: bold;
	text-decoration: underline;
	font-size: 12px;
}
.graphic { 
	border : 3px solid #ffffff;
} 
.data {
font-weight: bold;
line-height: 200%;
font-family: "georgia";
}
.data2 {
font-weight: bold;
font-size: 13px;
line-height: 200%;
font-family: "georgia";
}
.f {
font-weight: bold;
line-height: 150%;
font-size: 13px;
}
.x {
border: 1px dashed black;
}
.tabelka {
width: 100%;
}
.navigation { 
	margin-top: 7px;
	text-align: center;
	width : 140px;
	float : right;
	line-height : 20pt;
	font-size : 10pt;
	letter-spacing : 0;
	font-family : "tahoma", "trebuchet ms";
} 
.navigation a { 
	color: #000000;
	text-decoration: none;
} 
.navigation a:hover { 
	color: #5F5F5F;
	border-bottom: 1px solid #FF9100;
	text-decoration: none;
} 

small { 
	font-size : 7pt;
	line-height : 9pt;
	color : #666b70;
	font-family : "tahoma", "trebuchet ms";
} 
.webd {width: 100%;}
.show1 {
border: 1px solid #c9c5c4;
width: 5%;
}
.show2 {
border: 1px solid #c9c5c4;
width: 10%;
}
.show3 {
border: 1px solid #c9c5c4;
background-color: #F0F0F0;
width: 45%;
}
.show3b {
border: 1px solid #c9c5c4;
width: 45%;
}
.show4 {
border: 1px solid #c9c5c4;
width: 30%;
}
.show5 {
border: 1px solid #ffffff;
background-color: #EBEBEB;
padding: 5px;
}
.show6 {
width: 100%;
}
#lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#lightbox a img {
border: none;
}
#outerImageContainer {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#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("http://pumilo.pl/s/images/blank.gif") no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink {
left: 0;
float: left;
}
#nextLink {
right: 0;
float: right;
}
#prevLink:hover, #prevLink:visited:hover {
background: url("http://pumilo.pl/s/images/prev.gif") left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
background: url("http://pumilo.pl/s/images/next.gif") right 15% no-repeat;
}
#imageDataContainer {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
}
#imageData {
padding:0 10px;
color: #666;
}
#imageData #imageDetails {
width: 70%;
float: left;
text-align: left;
}
#imageData #caption {
font-weight: bold;
}
#imageData #numberDisplay {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}
#overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #e4e3e0;
}