<html>

<head>
<title>SKJ Golden Dream</title>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"> </script>
<script type="text/javascript" src="js/lightbox.js"></script>


<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

</head>

<style type="text/css">

.powitanie 
{
background-image: url('img4.jpg');
background-position: top center;
background-repeat: repeat; 
background-attachment: inherit;
margin: 0, 0, 0, 0;
width: 770px;
height: 131px;
}

.zawartosc
{
margin: 0, 0, 0, 0;
}


.stopka
{
background-image: url('stopka.jpg');
background-position: top center;
background-repeat: repeat; 
background-attachment: inherit;
margin: 0, 0, 0, 0;
width: 770px;
height: 54px;
}

.tekst
{
background-image: url('bg_txt.jpg');
margin: 0, 0, 0, 0;
width: 770px;
}

.obr
{
background-image: url('banner_konie.jpg');
margin: 0, 0, 0, 0;
width: 770px;
height: 250px;
}

.menu
{
background-image: url('bg_menu_pl3.jpg');
width: 770px;
height: 167px;
align: center;
text-align: center;
vertical-align: bottom;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#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 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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



</style>


<body bgcolor="#be8052" topmargin="0" bottommargin="0" hspace="0" vspace="0">

<center>

<div class="menu">




<img src="puste.png" width="770" height="167" usemap="#menu" border="0" hspace="0" vspace="0">

<map name="menu">
<area shape="rect" coords="40,10,150,110" href="index.html">
<area shape="rect" coords="90,140,170,160" href="osrodek.html">
<area shape="rect" coords="180,140,285,160" href="osiagniecia.html">
<area shape="rect" coords="300,140,360,160" href="oferta.html">
<area shape="rect" coords="360,140,435,160" href="kontakt.html">
<area shape="rect" coords="455,140,510,160" href="konie.html">
<area shape="rect" coords="520,140,580,160" href="galeria.html">
<area shape="rect" coords="590,140,680,160" href="sprzedaz.html">
</map>


</div>




<div class="obr">

</div>



<div class="tekst">



<table width="95%">




<tr><td>
<table width="700" bgcolor="#f4ede8" align="center">
<tr>
<td width="420"><font size="4"><i><b>Asterix</b> old<br>
ur 1992r<br>
m. Lagoni / Welstreit<br>
o. Argentinus</td>
<td><a href="asterix2.jpg"  rel="lightbox" title="Asterix"><img src="asterix2_mini.jpg" width="150" height="200" align="right" border="0"></a></td>
<td><a href="asterix1.jpg"  rel="lightbox" title="Asterix"><img src="asterix1_mini.jpg" width="150" height="200" align="right" border="0"></a></td>
</tr>
</table>
</td></tr>

<tr><td></td></tr>

<tr><td>
<table width="700" bgcolor="#f4ede8" align="center">
<tr>
<td width="420"><font size="4"><i><b>Rumba Hit</b> sp<br>
ur 2004r<br>
m. Rowa/ o.m Rotspon<br>
o. Samba Hit / o,o Sandro Hit</td>
<td><a href="rumba2.jpg"  rel="lightbox" title="Rumba Hit"><img src="rumba2_mini.jpg" width="150" height="200" align="right" border="0"></a></td>
<td><a href="rumba1.jpg"  rel="lightbox" title="Rumba Hit"><img src="rumba1_mini.jpg" width="150" height="200" align="right" border="0"></a></td>
</tr>
</table>
</td></tr>

<tr><td></td></tr>

<tr><td>
<table width="700" bgcolor="#f4ede8" align="center">
<tr>
<td width="420"><font size="4"><i><b>Agrest</b> młp<br>
ur 2003r<br>
m. Aragonia/ o,m Szał<br>
o. Divisor xx<br>
wł, S.O Janów Podlaski<br>
<td><a href="agrest2.jpg"  rel="lightbox" title="Agrest"><img src="agrest2_mini.jpg" width="150" height="200" align="right" border="0"></a></td>
<td><a href="agrest1.jpg"  rel="lightbox" title="Agrest"><img src="agrest1_mini.jpg" width="150" height="200" align="right" border="0"></a></td>
</tr>
</table>
</td></tr>

<tr><td></td></tr>

<tr><td>
<table width="700" bgcolor="#f4ede8" align="center">
<tr>
<td width="420"><font size="4"><i><b>Walerii</b> han<br>
ur 2004r<br>
m. Arabia h / Archipel<br>
o. Weltregent h
<td><a href="walerii2.jpg"  rel="lightbox" title="Walerii"><img src="walerii2_mini.jpg" width="250" height="200" align="right" border="0"></a></td>
<td><a href="walerii1.jpg"  rel="lightbox" title="Walerii"><img src="walerii1_mini.jpg" width="150" height="200" align="right" border="0"></a></td>
</tr>
</table>
</td></tr>

<tr><td></td></tr>

</table>








</div>

<div class="stopka">

</div>





</body>
</html>