BODY {
background: url(http://pumilo.pl/yorklublin/images/tlo2.jpg); z-index:1;

 font-family: Georgia;
	 color: #000000;
	 line-height: 100%;
              text-align:justify;
	 margin: 0px;
	 font-size: 8pt;}

table {width:100%; cellpadding: 0;}
td	{font-size: 8pt;
      	  border: 0px;}
a
{
	color: #3D4232;
	text-decoration: none;

}
a:hover
{
color: #7E8177;
cursor: hand;
}

      
.bok  {z-index: 0; width: 690px; background-repeat: repeat-y; background-image: 
       url('http://pumilo.pl/yorklublin/images/tlo.gif'); margin-left: auto; margin-right: auto; margin-top: 15px;}
.top {height:375px; }
.middle {
z-index:2;
padding-left: 20px;
padding-right: 20px;
padding-top: 0px;
text-align: justify;
line-height: 13pt;
font-size: 8pt;

	letter-spacing: 1px;
letter-spacing:0pt;
}
.stopka {
background-repeat: no-repeat;
background-image: url('http://pumilo.pl/yorklublin/images/stopka.jpg');

height: 74px;
padding-bottom: 0px; }
.stopka2 {
float: right;
padding-left: 20px;
padding-right: 20px;
padding-top: 7px; }

a img {border:0px}

h1 {
	font-family: georgia;
	font-size: 18px;
	font-style: italic;
	letter-spacing: 2pt;
	font-weight: bold;
	color: #7A745E;
	border-bottom: 1px dotted #4A4531;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	line-height: 23px;
        text-align: right;
	width: 650px;}
h2 {
	font-family: georgia;
	font-size: 13px;
	letter-spacing: 2pt;
	font-weight: bold;
	color: #7A745E;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	line-height: 15px;
        text-align: center;}

.graphic {border: #7A7359 1px dotted;}
.fot {border: #ffffff 1px solid;}

#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;
}
#tabela {width: 100%; }
.p1 {
padding: 2px;
BORDER: #7A7359 1px solid;
align: center;
width: 25%;
background-color:#FAF9F7;
}
.p2 {
padding: 2px;
BORDER: #7A7359 1px solid;
align: center;
width: 25%;
background-color:#EDE9E1;
}
.p3 {
padding: 2px;
BORDER: #7A7359 1px solid;
align: center;
width: 25%;
background-color:#E3DBCC;
}
.p4 {
padding: 2px;
BORDER: #7A7359 1px solid;
align: center;
width: 25%;
background-color:#DBD1BD;
}
.p5 {
padding: 2px;
BORDER: #7A7359 1px solid;
align: center;
width: 25%;
background-color:#D4C6A9;
}
.top {
width:120px;
height:40px;
background:#EE8800;
border:2px;
border-color:#FFAA22;
border-style:outset;
padding:5px;
font:bold 11px verdana;
color:white;
text-decoration:none;
text-align:center;
}