BODY { 
	background-color : #FFC000;
	z-index : 1;
	text-align : center;
	margin : 0;
} 
img {
	border : 0;
}
.middle { 
	background-image : url("http://mtmk-icf.home.pl/swinki/images/image.jpg");
	background-repeat : no-repeat;
	padding-left : 0;
	padding-right : 0;
	padding-top : 0;
	text-align : right;
} 
.bok { 
	background-image : url("http://mtmk-icf.home.pl/swinki/images/tlo.jpg");
	z-index : 0;
	width : 770px;
	background-color : #e4e3e0;
	margin-left : auto;
	margin-right : auto;
	margin-top : 0;
} 
.center {
	text-align: center;
}
.tresc { 
	float: right;
	font-family : Verdana, "Georgia", "Tahoma";
	color : #000000;
	line-height : 160%;
	font-size : 8pt;
	z-index : 2;
	margin-top : 308px;
	text-align : justify;
	color : #000000;
	padding-right : 5px;
	padding-top : 0;
	padding-bottom : 0;
	width : 595px;
	line-height: 23px;
} 
.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 : 'times new roman', georgia;
	font-size : 23px;
	letter-spacing: 4px;
	font-weight : bold;
	font-style: italic;
	color : #000000;
	margin : 0;
	padding : 2px 0 2px 0;
	line-height : 32px;
	width : 585px;
} 
h2 {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
}
.wyr {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
}
.wyr2 {
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 2px;
}
h3 {
	font-weight: bold;
	border-bottom : 1px dotted #FFC000;
	font-size: 12px;
	text-align: center;
}
.graphic { 
	border : 3px solid #ffffff;
} 
.wizimg {
	border : 2px dashed #6A7705;
}
.right {
	text-align: right;
}
.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;
}

.wiz {
	width: 100%;
}
.wiz2 {
	background-image : url("http://mtmk-icf.home.pl/swinki/images/tlowiz.gif");
	width: 426px;
	background-repeat : no-repeat;
}
.navigation { 
	margin-top: 277px;
	text-align: left;
	width : 132px;
	float : left;
	margin-left: 10px;
	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: #67730A;
	border-bottom: 1px dotted #FF9100;
	border-top: 1px dotted #FF9100;
	text-decoration: none;
} 

.small { 
	font-size : 7pt;
	line-height : 9pt;
	color : #131313;
	font-family : "tahoma", "trebuchet ms";
} 
#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://mtmk-icf.home.pl/swinki/images/prev.gif") left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
background: url("http://mtmk-icf.home.pl/swinki/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: #FFC000;
}