body {
margin: 0 auto;
padding : 0;
background-color: #000000;
height: 100%;
font-size: small;
}

#container {
position: relative;
width : 990px;
margin: 0 auto;
padding : 0;
/* border: 1px solid white; */
}


.top {
position: relative; /* IE 7 */
margin: 20px 0 0 0;
height: 194px;
/* border: 1px solid white; */
}
		.logo {
		position: absolute;
		top: 0;
		left: 50px;
		width: 324px;
		height: 194px;
		background: url(logo.jpg) no-repeat;
		}
		.baner {
		position: absolute;
		top: 0;
		right: 50px;
		width: 554px;
		height: 194px;
		background: url(baner.jpg) no-repeat;
		}


.menu1 {
margin: 25px 0 25px 0;
width: 100%;
/* border: 1px solid white; */
}
		.menu1 ul {
		margin: 0;
		padding: 0;
		font:  bold 90% verdana, Helvetica, Arial, sans-serif;
		text-align: center;
		}
		.menu1 li {
		display: inline;
 		margin: 0;
		padding: 0;
		}
		.menu1 a {
		margin: 0 0 0 0;
		padding: 8px 25px 8px 25px; /* rozmiar przyciskow */
		text-decoration: none;
		}
				.menu1 a:link, .menu1 a:visited, .menu1 a:active  {
				color: #ffb257;
				}
				.menu1 a:hover {
				color: #ffffff;
				}


/* lewy blok ze zdjeciami z realizacji	 */
		#box_left {
		float : left;
		width: 190px;
		margin : 0 0 0 0;
		padding : 0 0 0 50px;
		/* border: 1px solid white; */
		}				
	

/* prawy blok z ofertami	 */			
		#box_right {		
		float: right;
		width: 190px;
		margin: 0 0 0 0;
		padding: 0 50px 0 0;
		/* border: 1px solid white; */
		}
		
		
/* bloki ze zdjeciami w box_left i box_right */
		.oferty1 {
		margin: 0 0 30px 0;
		padding : 0 0 0 0;
		border-bottom: 1px solid #8c2900;
		}
				.oferty1 h6 {
				margin: 0 0 1px 0;
				padding: 3px 15px 2px 0;
				font : bold 90% verdana, sans-serif, tahoma;
				text-align : left;
				background: url(pasek_tytul2.jpg);
				}
				.oferty1 h6 a:link, .oferty1 h6 a:active, .oferty1 h6 a:visited {
				color :  #e97b4f;
				text-decoration : none;
				letter-spacing: 1px;
				}
				.oferty1 h6 a:hover {
				color : #e97b4f;
				text-decoration : underline;
				}
				
				
				object {
				margin: 0 0 -3px 0;
				}




/* blok z trescia */
		#box_center {
		width: 480px;
		min-height: 720px;
		margin: 0 auto;
		padding: 0 0 0 0;	
		background: url(pasek_akapit2.jpg) top left no-repeat;
		/* border: 1px solid white; */
		}
				.akapit {
				margin: 0 0 0 0;
				padding: 40px 30px 20px 30px;
				}
						.akapit a:link, .akapit a:visited, .akapit a:active {
						color: #eeb84f;
						text-decoration: underline;
						}
						.akapit a:hover  {
						color: #ffffff;
						text-decoration: underline;
						}

				
				h1, h2, h3, h4 {
				margin: 0;
				padding: 10px 0 20px 0;
				color: #eeb84f;
				font:  140% verdana, Helvetica, Arial, sans-serif;
				text-align: center;
				} 
				h1 {
				letter-spacing: 1px;
				}
				h2 {
				font:  120% verdana, Helvetica, Arial, sans-serif;
				}
				h3 {
				font:  bold 110% verdana, Helvetica, Arial, sans-serif;
				}
				h4 {
				font:  bold medium verdana, Helvetica, Arial, sans-serif;
				text-align: left;
				}


/* akapity */
				.p1, .p2, ul {
				margin: 0 0 1em 0;
				padding: 0;
				color: #ffd482;
				font:  100% verdana, arial, sans-serif;
				text-align: justify;
				} 
				.p2 {
				margin: 0 0 0 0;
				font:  110% Helvetica, Arial, sans-serif;
				letter-spacing: 1px;
				text-align:  center;
				}

				ul li {
				margin: 0 0 0 30px;
				text-align: left;
				}
				
				.small {
				margin: 0 0 1em 0;
				padding: 0;
				color: #eeb84f;
				font:  90% Helvetica, Arial, sans-serif;
				text-align: justify;
				}
				
				address {
				margin: 5px 0 30px 10px;
				padding: 0 0 0 0;
				font:   italic 120% Helvetica, Arial, sans-serif;
				color: #eeb84f;
				text-align:  center;
				}



/* zdjecia w .akapit */
				.pic {
				float: left;
				margin: 5px 20px 5px 0;
				}
				.pic2 {
				float: none;
				}
				

/* blok z galeria */	
		#box_center_galeria {
		width: 780px;
		margin: 0 auto;
		padding: 0 0 0 0;	
		
		/* border: 1px solid white; */
}

.divgal {
				margin: 40px 0 0 0;
				text-align: center;
				
			/* 	border: 1px solid white; */
				}
				.divgal img {
				margin: 2px;
				padding: 1px; 
				border: 3px solid #353535;
				background: #1a1a1a;
				}
				.divgal a:link img, .divgal a:visited img, .divgal a:active img {
				border: 2px solid #434343;
				}	
				.divgal a:hover img {
				border: 2px solid #c05718;
				}
				
				
				
				
				
				
#footer {
margin: 0;
padding: 0 0 30px 0;
text-align: center;
border-top: 1px solid #3b1908; 
}
				.pf, .autor {
				margin: 0;
				padding: 10px 0 0 0;
				color: #990000;
				font:  bold 90% verdana, helvetica, arial, sans-serif;
				}
				.autor {
			/* 	padding: 10px 0 10px 0; */
				letter-spacing: 1px;
				}
				.autor a:link, .autor a:active, .autor a:visited {
				color: #990000;
				text-decoration: none;
				}
				.autor a:hover {
				color: #f2430e;
				text-decoration: none;
				}
		
		.astro  {
		margin: 0 30px 0 0; 
		float: right;
		}
		
/*  		a.przes_html, a.przes_css {
		margin: 4px 0 0 15px;
		float: left;
		display: block;
		width: 88px;
		height: 31px;
		background-image: url(vhtml.png);
		}
		a.przes_html:hover, a.przes_css:hover {
		background-position: bottom;
		}
		
		a.przes_css {
		margin: 4px 5px 0 0;
		background-image: url(vcss.gif);
		}  */
		
		
/*
----------------------------------- Lightbox JS v2.04 --------------------------------

----------------------- http://www.lokeshdhakar.com/projects/lightbox2/ --------------	
*/	 

#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; }