html, body  
	{background:url(tlolinki.gif);
	 text-align: center; 
	 font-size: 0.9em; 
	 font-family: 'Trebuchet MS', Helvetica, Univers, Arial, sans-serif;
	 }
body *
	{margin: 0px;
	 padding: 0px; 
	 font-size: 1em; 
	 text-align: left;
	}

#pojemnik
  {width:990px;
	 margin: 50px auto ;
	 border: none;
	}
#pojemnik3
  {width:990px;
	 height:488px;
	 margin: 0px auto ;
	 border: none;
	}
#pojemnikfoto
  {width:800px;
	 height:575px;
	 margin: 0px auto ;
	 border: none;
	 background: url(foto.jpg);
	}
#pojemnikvideo
  {width:990px;
	height:452px;
	 margin: 0px auto ;
	 border: none;
	}
#pojemnikzespoly
  {width:990px;
	 height: 500px;
	 margin: 0px auto;
	 border: none;
	 background: url(tlozespoly.jpg);
	 text-align: center;
	}

#menu
   {width:978px;
	  height: 25px;
		margin: 0px auto 2px;
		padding: 5px 0px 0px 10px;
		border: solid 1px #ffffff;
		background: url(menu.jpg);
		text-align: left;
	 }
#menu2
   {width:890px;
	  height: 25px;
		margin: 0px auto 2px;
		padding: 5px 0px 0px 10px;
		border: solid 1px #ffffff;
		background: url(menu.jpg);
		text-align: left;
	 }
#menu3
   {width:966px;
	  height: 25px;
		margin: 0px auto 2px;
		padding: 5px 0px 0px 10px;
		border: solid 1px #ffffff;
		background: url(menu.jpg);
		text-align: left;
	 }
#banner
	  {width: 250px;
		 height: 444px;
		 float: left;
		 border: solid 1px #ffffff;
		 margin: 0px auto;
		 background: url(banner.jpg);
		 padding: 5px 10px 0px;
		 text-align:left;
		 font-weight:bold;
		 font-size: 0.9em;
		}
#banner2
	  {width: 250px;
		 height: 444px;
		 float: left;
		 border: solid 1px #ffffff;
		 margin: 0px auto;
		 background: url(zespoly.jpg);
		 padding: 5px 10px 0px;
		 text-align:left;
		 font-weight:bold;
		 font-size: 0.9em;
		}
#banner3
	  {width: 250px;
		 height: 444px;
		 float: left;
		 border: solid 1px #ffffff;
		 margin: 0px auto;
		 background: url(foto2.jpg);
		 padding: 5px 10px 0px;
		 text-align:left;
		 font-weight:bold;
		 font-size: 0.9em;
		}
	#banner4
	  {width: 250px;
		 height: 444px;
		 float: left;
		 border: solid 1px #ffffff;
		 margin: 0px auto;
		 background: url(video2.jpg);
		 padding: 5px 10px 0px;
		 text-align:left;
		 font-weight:bold;
		 font-size: 0.9em;
		}
#napis
    {float:right;
		 margin: 60px auto 0px
		}
#napis2
    {float:right;
		 margin: 10px auto 0px;
		}

#foto
	  {width:715px;
		height: 450px;
		border: solid 1px #ffffff;
		background:url(moments.jpg);
		float: right;
		margin: 0px auto;
    }
#foto2
	  {width:715px;
		height: 450px;
		border: solid 1px #ffffff;
		background:url(foto.jpg);
		float: right;
		margin: 0px auto;
    }
#foto3
	  {width:715px;
		height: 450px;
		border: solid 1px #ffffff;
		background:url(video.jpg);
		float: right;
		margin: 0px auto;
		}
#news
    {width: 988px;
		
		 border: solid 1px #ffffff;
		 margin: 0px auto;

		 background: url(news.jpg);
		 
		}
#news2
    {width: 988px;
		 border: none;
		 margin: 0px auto;
		 text-align: center;
		}
#news3
    {width: 892px;
		 border: none;
		 margin: 0px auto;
		 text-align: center;
		}
#newskontakt
    {width: 968px;
		
		 border: solid 1px #ffffff;
		 margin: 0px auto 15px;
	
		 background: url(kontakt.jpg);
		 padding: 10px;
		}
#down
    {width: 978px;
		 height:25px;
		 margin:0px auto 10px;
		 
		 font-size: 0.8em;
		 border: solid 1px #ffffff;
		 background: url(menu.jpg);
		 text-align: right;
		 	padding: 5px 10px 0px 0px;
		}
#down2
    {width: 888px;
		 height:25px;
		 margin:0px auto 10px;
		 
		 font-size: 0.8em;
		 border: solid 1px #ffffff;
		 background: url(menu.jpg);
		 text-align: right;
		 	padding: 5px 10px 0px 0px;
		}
#text
     {width: 604px;
		 
			border: solid 1px #ff0000;
			float: left;
			margin: 60px 0px 0px 30px;
			font-weight: bold;
			text-align: justify;
			padding: 0px;
			
		 }
#text2
     {width: 634px;
		 
			border: none;
			float: left;
			margin: 15px 0px 0px 20px;
			font-weight: bold;
			text-align: justify;
			padding: 0px;
			color:#ffffff;
		 }
		 
#marta
     {width: 990px;
		  padding: 0px;
		  margin:2px auto 0px;
			border: solid 1px #d2d2d2;
		  font-weight:bold;
			background-color: #ffffff;
			color:#3b3b3b;
			text-align: justify;
		 }
p
  {border: solid 1px #c0c0c0;
	padding: 5px;
	margin: 2px 4px 2px 4px;
	}
p.zespoły
  {border: none;
	padding: 10px 18px;
	margin: 0px 4px 0px 4px;
	text-align: justify;
   }
p.foto
  {padding: 378px 33px 0px;
	 margin: 0px auto;
	 text-align: justify;
	 color: #000000;
	 border: none;
	
	}
p.video
  {border: none;
	padding: 40px 20px 20px 20px;
	margin: 0px auto;
	text-align: justify;
	color: #000000;
	width:678px;
	height: 390px;
	background:url(video.jpg);
	float: right;
	}
p.oferta
   {padding: 10px 20px 20px;
	  border: solid 1px #ffffff;
		width: 620px;
		margin: 0px auto;
	 }
img 
  {border: 0px;
	}
h1 
	{font-size: 1.2em;
	 font-family: Trebuchet MS,tahoma, arial, helvetica, sans-serif;
	 margin: 40px 0px 0px 0px;
	 padding: 0px 0px 0px 45px;
	}
h2 
	{font-size: 1.2em;
	 font-family: Trebuchet MS,tahoma, arial, helvetica, sans-serif;
	 margin:  0px;
	 padding: 0px 0px 0px 45px;
	 background: url(marta.jpg);
	}
h3
	{font-size: 1.2em;
	 font-family: Trebuchet MS,tahoma, arial, helvetica, sans-serif;
	 margin:  0px;
	 padding: 0px 0px 0px 45px;
	 background: url(marta.jpg);
	}
h4
   {font-size: 1.2em;
	 font-family: Trebuchet MS,tahoma, arial, helvetica, sans-serif;
	 margin: 0px;
	 padding: 0px 0px 0px 45px;
	 background: url(marta.jpg);
	}
h5 
	
	{font-size: 1.2em;
	 font-family: Trebuchet MS,tahoma, arial, helvetica, sans-serif;
	 margin:  0px;
	 padding: 0px 0px 0px 45px;
	 background: url(marta.jpg);
	}
h6
   {font-size: 1.2em;
	 font-family: Trebuchet MS,tahoma, arial, helvetica, sans-serif;
	 margin: 0px;
	 padding: 0px 0px 0px 45px;
	 background: url(marta.jpg);
	}
table.main 
	{padding: 0px; 
	 border: 0px; 
	 margin: 0px auto 0px auto; 
	 width: 700px; 
	 background: #fafafa;
	}
#flash
  {width: 990px;
	 height: 160px;
	 margin: 0px auto;
	 border: none;
	 float: right;
	}
li
  {width:980px;
	 margin: 0px auto;
	 list-style-type:none;
	}
li.foto
  {width:800px;
	 text-align: center;
	 border: solid 1px #ffffff;
	 margin: 0px auto 2px;
	 padding: 3px 0px 3px 0px;
	}

li.top
  {width:988px;
	 text-align: center;
	 border: solid 1px #ffffff;
	 margin: 0px auto 2px;
	 padding: 3px 0px 3px 0px;
	}
li.top2
  {width:890px;
	 text-align: center;
	 border: solid 1px #ffffff;
	 margin: 0px auto 2px;
	 padding: 3px 0px 3px 0px;
	}
td 
	{text-align: left; 
	 vertical-align: top; 
	 background: #ffffff;
	}
a:link  
	{color: #000000; 
	 font-size: 1.3 em;
	 text-decoration:none;
	 font-weight: bold;
	 
	}
a:visited 
	{color: #000000;
	 text-decoration:none;
	 font-weight: bold;
	}
a:hover 
	{color: #d3412c;
	 font-weight: bold;
	}
a:active 
  { color: #0080ff; 
	} 
#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; }

