body {
height: 100%;
margin: 0 auto;
padding : 0;
font-size: small;
text-align: center; 
background: #ffffff;
}
#container {
position: relative;
width : 988px;
margin: 0 auto;
padding : 0;	
background: url(cien2.png) repeat-y;
}
#centruj {
width: 964px;
height: 100%;
margin: 0 auto;
border-top: 10px solid #3142ac;
background-color: #ac1e3f;
}
.baner {
width: 964px;
height: 180px;
margin: 0;
padding: 0 0 0 0;
background: #ffffff;
}
#baner2 {
float: right;
width: 674px;
height: 180px;
background: url(baner5.3.jpg) no-repeat;/*baner_ferie_zimowe_2011.jpg */
}
/* 	#button_lato {
	position: absolute;
	top: 40px;
	right: 60px;
	width: 271px;
	height: 107px;
	}
	a:link #button_lato, a:visited #button_lato, a:hover #button_lato {
	border: 0 none;
	margin: 0;
	}
	a:hover #button_lato {
	margin: 0 -3px 0 0px;
	} */
	
	#button_lato {
	position: absolute;
	top: 80px;
	right: 60px;
	width: 282px;
	height: 70px;
	}
	a:link #button_lato, a:visited #button_lato, a:hover #button_lato {
	border: 0 none;
	margin: 0;
	}
	a:hover #button_lato {
	margin: 0 -3px 0 0px;
	}

#logo {
float: left;
width: 186px;
height: 123px;
margin: 30px 0 0 65px;
border: none;
}
.menu1, .menu2 {
width: 100%;
height: 30px;
border-top: 1px solid #c3cfee;
border-bottom: 1px solid #c3cfee;
background: #3142ac url(menu1.png) repeat-x;
}
.menu2 {
border-top: none;
border-bottom: 1px solid #c3cfee;
background: #3142ac url(menu2.png) repeat-x;
}

		ul.menu11  {
		margin: 0;
		padding: 8px 0 8px 0;
		font:  bold 12px verdana,  Arial, sans-serif;
		text-align: center;
		}
		.menu11 li {
		display: inline;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		}
		.menu11 a {
		margin: 0 0 0 0;
		padding: 8px 25px 8px 25px; /* rozmiar przyciskow */
		text-decoration: none;
		}
		
				.menu11 a:active {
				background: #d174a4; 
				text-decoration: none;
				}
				.menu11 a:link, .menu11 a:visited {
				color: #eef4ff;
				text-decoration: none;
				}
				.menu11 a:hover {
				background: #ac1e3f;
				color: #ffffff;
				text-decoration: none;
				}
				
				a#wybrane {
				background: #ac1e3f;
				}
				

.blok1 {
margin: 0 290px 0 0;
}		

		#lewo {
		background-color: #ebebeb;
		height: 100%;
		margin: 0 0 0 0;
		padding: 7px;
		}
			.tresc {
			padding: 7px;
			background-color: #ffffff;
			min-height: 1350px;
			} 
				.akapit {
				margin: 0 0 7px 0;
				padding: 0 30px 30px 30px;
				border-top: 2px solid #ac1e3f;
				}			
		 				.akapit a:link .pic,
						.akapit a:link .pic2,
						.akapit a:link .pic3,
						.akapit a:visited .pic,
						.akapit a:visited .pic2,
						.akapit a:visited .pic3 {
						border: 2px solid #384e67;
						}
						.akapit a:hover .pic,
						.akapit a:hover .pic2,
						.akapit a:hover .pic3,
						.akapit a:active .pic,
						.akapit a:active .pic2,
						.akapit a:active .pic3 {
						border: 2px solid #3a68df;
						}
						.akapit a:link,
						.akapit a:visited,
						.akapit a:active {
						color: #000000;
						text-decoration: underline;
						}
						.akapit a:hover  {
						color: #3a68df;
						text-decoration: underline;
						}
				
				h1, h2, h3, h4 {
				margin: 0;
				padding: 10px 0 30px 0;
				color: #000000;/*384e67 4a6687 */
				font:  160% verdana,  Arial, sans-serif;
				text-align: center;
				
				line-height: 1.5em;
				} 
				h2 {
				padding: 10px 0 10px 0;
				font:  140% verdana,  Arial, sans-serif;
				text-align: left;
				}
				h3 {
				margin: 20px 0 0 0;
				padding: 0 0 0 0;
				font:  bold 120% verdana,  Arial, sans-serif;
				text-align: center;
				}
				h4 {
				margin: 0 0 0 30px;
				padding: 0 0 0 0;
				font:  bold 120% verdana,  Arial, sans-serif;
				text-align: left;
				}
				
/* .akapit2 - w ofertach */
				.akapit2 {
				margin: 0 0 7px 0;
				padding: 0 30px 30px 30px;
				border-top: 2px solid #ac1e3f;
				}
				
						.akapit2 a:link .pic,
						.akapit2 a:link .pic2,
						.akapit2 a:link .pic3,
						.akapit2 a:visited .pic,
						.akapit2 a:visited .pic2,
						.akapit2 a:visited .pic3 {
						border: 2px solid #475a89;
						}
						.akapit2 a:hover .pic,
						.akapit2 a:hover .pic2,
						.akapit2 a:hover .pic3,
						.akapit2 a:active .pic,
						.akapit2 a:active .pic2,
						.akapit2 a:active .pic3 {
						border: 2px solid #c3cfee;
						}
						.akapit2 a:link,
						.akapit2 a:visited,
						.akapit2 a:active {
						color: #4a6687;
						text-decoration: underline;
						}
						.akapit2 a:hover  {
						color: #3a68df;
						text-decoration: underline;
						}
				
				.akapit2 h1, .akapit2 h2, .akapit2 h3, .akapit2 h4, .akapit2 h5, .akapit2 h6 {
				padding: 10px 0 10px 0;
				color: #4a6687;
				font:  180% verdana, Helvetica, Arial, sans-serif;
				text-align: center;
				line-height: 1.5em;
				} 
				.akapit2 h1 {
				margin: 0 0 0 40px;
				}
				.akapit2 h2 {
				margin: 30px 0 10px 0;
				padding: 2px 10px 2px 10px;
				font:  140% verdana, Helvetica, Arial, sans-serif;
				text-align: left;
				background: #ededed;
				}
				.akapit2 h3 {
				margin: 0;
				padding: 0 0 0 20px;
				font:  bold 130% verdana, Helvetica, Arial, sans-serif;
				text-align: left;
				}
				.akapit2 h4 {
				margin: 0;
				padding: 0 0 0 40px;
				font: bold 120% verdana, Helvetica, Arial, sans-serif;
				text-align: left;
				}
				.akapit2 h5 {
				margin: 0;
				padding: 0 0 0 40px;
				font: bold 120% verdana, Helvetica, Arial, sans-serif;
				text-align: left;
				}
				.akapit2 h6 {
				margin: 0;
				padding: 0 0 0 40px;
				font: bold 120% verdana, Helvetica, Arial, sans-serif;
				text-align: left;
				}
				.akapit2 p {
				margin: 0px 0 10px 0;
				}				


/* Wycieczki szkolne	 */
				.wycieczki {
				width: 100%;
				margin: 0 0 10px 0;
				padding: 10px;
				background: #ededed;
				overflow: hidden;
				border: 1px solid #d2d2d2;
				}
				.wycieczki_left {
				float: left;
				width: 180px;
				
				margin: 0;
				padding: 10px;
				
				/* border: 1px solid red; */
				}
				.wycieczki_right {
				float: right;
				width: 350px;
				
				margin: 0;
				padding: 10px;
				border-left: 1px solid #959fb6;
				}

				.wycieczki p {
				padding: 5px;
				font: 90% verdana,  Arial, sans-serif;
				text-align: left;
				}
				.wycieczki h1 {
				margin: 0;
				padding: 0 0 2px 0;
				font: 140% verdana,  Arial, sans-serif;
				text-align: left;
				border-bottom: 1px solid #959fb6;
				}
				
				.wycieczki h2 {
				margin: 0  0 10px 0;
				padding: 0;
				font: bold 100% verdana,  Arial, sans-serif;
				text-align: left;
				}
				
				.wyc_123d {
				margin: 0 5px 0 5px;
				width: auto;
				float: left;
				}
				.center {
				margin: 0 auto 0 auto;
				width: 500px;
				overflow: hidden;
				}
				
				
				
				
				.wycieczki_gl2 a {
				display: block;
				width: 500px;
				/* height: 80px; */
				
				margin: 0 0 2px 0;
				padding: 20px 20px 20px 20px;
				background: url(gl/gdansk_gdynia/small/1_2.jpg) 20px 0 no-repeat;
				/* overflow: hidden; */
				border: 1px outset #475a89;
				}	
				.wycieczki_gl2 a:link, .wycieczki_gl2 a:active, .wycieczki_gl2 a:visited {
				text-decoration: none;
				/* background: #f1f1f1; */
				}
				.wycieczki_gl2 a:hover {
				text-decoration: none;
				/* background: #475a89; */
				}
				/* .wycieczki_gl2 a:hover h1, .wycieczki_gl2 a:hover h2, .wycieczki_gl2 a:hover p {
				color: #ffffff; 
				}*/
				
				.wycieczki_gl2 h1 {
				
				}
				
				
				
				
				
				
		
/* Wycieczki z Gazetą Lubuską	 */
				.wycieczki_gl a {
				display: block;
				margin: 0 0 2px 0;
				padding: 0 20px 0 20px;
				background: #ffffff;
				overflow: hidden;
				border: 1px outset #475a89;
				}	
				.wycieczki_gl a:link, .wycieczki_gl a:active, .wycieczki_gl a:visited {
				text-decoration: none;
				background: #f1f1f1;
				}
				.wycieczki_gl a:hover {
				text-decoration: none;
				background: #475a89;
				}
				.wycieczki_gl a:hover h1, .wycieczki_gl a:hover h2, .wycieczki_gl a:hover p {
				color: #ffffff;
				}

				.wycieczki_gl img {
				float: left;
				margin: 3px 0;
				border: 2px solid #475a89;				
				}
				.wycieczki_gl h1.styl1 {
				margin: 15px 0 5px 150px;
				padding: 0 0 0 0;
				color: #000000;
				font: 150% Arial, verdana,  sans-serif;
				text-align: left;
				}
				
				.wycieczki_gl h2.styl2 {
				margin: 15px 0 0 150px;
				padding: 0 0 0 0;
				color: #000000;
				font: 140% Arial, verdana,  sans-serif;
				text-align: left;
				}
				
				.wycieczki_gl h2.styl3 {
				margin: 10px 0 10px 150px;
				padding: 0 0 0 0;
				color: #000000;
				font: 130% Arial, verdana,  sans-serif;
				text-align: left;
				}
				.wycieczki_gl img.pdficon {
				margin: 5px 0 0 0;
				border: 0 none;
				}
				
				.wycieczki_gl p {
				margin: 5px 0 5px 150px;
				padding: 0;
				color: #000000; /* róż #f4c1d8 */
				font: bold 110% Verdana, Arial, sans-serif;
				text-align: left;
				}
				
				p.wycieczki_gl_data {
				float: left;
				margin: 30px 0 5px 50px;
				}
				
				.wycieczki_gl h2 {
				margin: 0  0 5px 0;
				padding: 0;
				font: bold 100% verdana,  Arial, sans-serif;
				text-align: right;
				}
				
				
				
				
				
				
				
				
				
				
				

				.kadra {
				width: 100%;
				margin: 0 0 10px 0;
				padding: 5px 10px 5px 10px;
				background: #ededed;
				overflow: hidden;
				border: 1px solid #d2d2d2;
				}
				.kadra_left {
				float: left;
				width: 180px;
				margin: 0;
				padding: 0 0 0 10px;
				/*border: 1px solid red;  */
				}
				.kadra_right {
				float: right;
				width: 350px;
				margin: 0;
				padding: 10px;
				/* border-left: 1px solid #959fb6; */
				}
						.kadra p {
						padding: 3px 0 0 15px;
						font: 90% verdana,  Arial, sans-serif;
						text-align: left;
						}
						.kadra h1 {
						margin: 0;
						padding: 0 0 2px 0;
						font: 140% verdana,  Arial, sans-serif;
						text-align: left;
						border-bottom: 1px solid #959fb6;
						
/*						letter-spacing: 1px;
 						color: #fff;
						background: #ac1e3f; */
						}
						
						.kadra h2 {
						margin: 0  0 10px 0;
						padding: 0;
						font: bold 100% verdana,  Arial, sans-serif;
						text-align: left;
						}
				.kadra img {
				padding: 1px;
				border: 2px solid #384e67;
				}
				p.kadra_podpis  {
				padding: 2px 0 0 8px;
				font: /* italic */ bold 90% verdana,  Arial, sans-serif;
				
				}
				
				
				
								
/* ikona kolo tytulu h1 */
				.icon {
				float: left;
				margin: 10px 20px 0 0;
				padding: 0;
				}

/* dokumenty */
				.dok {
				text-align: left;
				}
				table.dok {
				margin: 30px 0 30px 0;
				text-align: left;
				font: 110% verdana,  Arial, sans-serif;
				}
				table.dok img {
				margin: 0 0 0 0;
				}
				table.dok td {
				padding: 5px 10px 5px 10px;
				border-top: 1px solid #d6d6d6;
				}
					table.dok a:link, a:visited {
					color: #000000;
					text-decoration: underline;
					}
					table.dok a:hover, a:active  {
					color: #3a68df;
					text-decoration: underline;
					}
					.dok a:link img {
					border: 0;
					}
					.dok a:visited img {
					border: 0;
					} 
					.dok a:hover img {
					border: 0;
					}
					.dok a:active img {
					border: 0;
					}				
				
				.oferta img {
				margin: 0 20px 40px 0;
				text-align: center;
				}


/* akapity */
				p, .p1, .p2 {
				margin: 0 0 0.5em 0;
				padding: 0;
				color: #000000;/*384e67 4a6687 */
				font: 120% Arial, Tahoma, sans-serif;
				text-align: justify;
				} 
				.p2 {
				font:  130%  Arial, sans-serif;
				letter-spacing: 1px;
				}
						.wstep {
						font: bold 140%  Garamond, "Times New Roman", serif;
						color: black;
						}
						.wstep:first-letter {
						font-size:  140%;
						}
				
				.styl1 {
				color: #d174a4; /* rozowy */
				}
				.styl2 { 
				color: #ff0000; /* czerwien */
				}
				.styl3 {
				text-align: center;
				}
				.styl4 { 
				color: #333366; /* niebieski */
				}
				.styl5 {
				color: #993300; /* braz */
				}
				.styl6 {
				color: #000000; /*  czarny */
				}
				
				div.styl7 p  {
				margin: 50px 0 0 0;
				border-top: 1px solid #6b6b6b;
				padding: 5px 0 10px 0; 
				color: #6b6b6b;
				font: italic bold 100% Arial, sans-serif; 
				}
				
				.small {
				margin: 0 0 1em 0;
				padding: 0;
				color: #000000;
				font:  100%  Arial, sans-serif;
				text-align: justify;
				}
				
				
/* 	Listy */	

/* gl - Wycieczki z GL */
				ul.gl {
				margin: 0 0 50px 20px;
				}
				.gl li {
				margin: 0 0 5px 0;
				padding: 0;
				text-align: left;
				color: #000000;
				font: bold 120%  Arial, sans-serif;
				line-height: 140%;
				}
			
				ul, ol {
				margin: 0.5em 0 1em 0;
				}
				.oferta1 li, .lista2 li, .lista3 li, .lista1 li {
				margin: 0 0 0 20px;
				padding: 0;
				color: #000000;
				font:  120%  Arial, sans-serif;
				text-align: left;
				}
				.lista1 li {
				font: bold 120%  Arial, sans-serif;
				}
				.lista2 li {
				color: black;
				}
				.lista3 li {
				list-style-type: circle;
				}
				
				
/* tabele */
				.table1 {
				margin: 0 0 20px 40px;
				font: bold 110% verdana,  Arial, sans-serif;
				color: #000000;
				}				
				.table1 td {
				padding: 5px;
				border-top: 1px solid #384e67;
				}
				
				
/* Adresy */	
				address {
				margin: 10px 0 10px 0;
				padding: 0 0 0 0;
				font:   italic medium  Arial, sans-serif;
				color: #000000;
				text-align: center;
				}


/* zdjecia w .akapit */
				.pic, .pic2, .pic3 {
				float: left;
				margin: 5px 20px 5px 0;
				padding: 1px;
				border: 2px solid #475a89;
				}
				.pic2 {
				float: none;
				margin: 0;
				}
				.pic3 {
				float: none;
				margin: 10px 0;				
				text-align: center;
				}
				
/* film */
				.film {
				width: 425px;
				height: 344px;
				margin: 20px 0 20px 0;
				padding: 0;
				border: 2px solid #475a89;
				}				
				
				
/* Foto, Filmy - blok-tlo za miniaturami */				
				.divgal {
				height: 100%; 
				margin: 2px auto 0 auto;
				padding: 10px 40px 10px 40px;
				border-top: 1px solid #d6d6d6;
				overflow: hidden;
				}

	 			.divgal h2 {
				margin: 0 0 0 0;
				padding: 30px 0 0 0;
				font:  medium  Arial, sans-serif;
				text-align: right;
				}
				.divgal2 {
				margin: 30px 0 30px 0;
				}	
				.divgal2 img {
				/* border: 3px solid #f5f5f5; */
				padding: 1px;
				}
				.divgal2 a:link img, .divgal2 a:active img, .divgal2 a:visited img {
				border: 3px solid #de9bbe;
				}
				.divgal2 a:hover img {
				border: 3px solid #3a68df;
				}

				 .partnerzy li {
				display: inline;
				}
	
				
/* prawy blok z ofertami	 */			
		#prawo {
		float: right;
		width: 290px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		border-top: 7px solid #c3cfee;
		border-bottom: 7px solid #de9bbe; /**/
		}		
				.oferty1 {
				/* width: 282px; */
				margin: 4px auto 4px auto;
				padding : 0 10px 5px 0;
				overflow: hidden; 
				border-top: 1px solid #de9bbe;
				background-color: #5a6fb3;
				}
				.oferty1 h1 {
				margin: 0 -15px 10px 0;
				padding: 3px 15px 3px 15px;
				color:  #e4e4e4;
				font: bold 90% verdana, tahoma, sans-serif;
				text-align: right;
				background-color: #475a89;
				}
				.oferty1 h2 {
				float: left;
				width: 125px;
				margin: 0 0 0 0;
				padding: 10px 0 7px 7px;
				color:  #e4e4e4;
				text-align: center; 
				font: bold 110% tahoma, verdana, sans-serif;
				}
						.oferty1 h1 a:link, .oferty1 h1 a:active, .oferty1 h1 a:visited {
						color : #e4e4e4;
						text-decoration : none;
						}
						.oferty1 h1 a:hover {
						color : #ffffff;
						text-decoration : underline;
						}
				
		.oferty1_right {
		float: left;
		width: 126px;
		padding: 10px 0 0 10px;
		}
				.oferty1 ul {
				margin: 5px 0 0 0;
				padding: 0 0 0 30px;
				color:  #ffffff;
				font: bold 110% Tahoma, Arial, sans-serif;
				list-style-type: circle;
				text-align: left;
				}
				.oferty1 li {
				margin: 15px 0;
				padding: 0;
				}
				.oferty1 p {
				margin: 0;
				padding: 10px 0 0 0;
				color: #ffffff; 
				font: bold 90% Arial, Tahoma, sans-serif;
				text-align: left;
				}
						.oferty1 a:link, .oferty1 a:active, .oferty1 a:visited  {
						color : #B4DEFF;
						text-decoration : underline;
						}
						.oferty1 a:hover {
						color : #ffffff;
						text-decoration : underline;
						}
				
			.oferty1 table {
			padding: 0;
			margin: 0;
			color: #ffffff; 
			font: bold 90% Arial, Tahoma, sans-serif;
			text-align: left;
			}	
			.oferty1 table td {
			padding: 5px;
			border-top: 1px solid #475a89;
			}
				
.oferty1 img {
float: right; 
margin: 0;
padding: 0;
}			

.oferty1 a:link img, .oferty1 a:active img, .oferty1 a:visited img {
border: 2px solid #B4DEFF;
margin: 0;
}
.oferty1 a:hover img {
border: 2px solid #ffffff;
margin: 0 -3px 0 0;
}


/* Stopka */
		#footer {
		margin: 0;
		padding: 0;
		height: 37px;
		background-color: #ac1e3f;
		}
				.pf, .autor {
				float: right;
				margin: 0;
				padding: 10px 0 0 0;
				color: #f17c97;
				font:  bold 14px Garamond, "Times New Roman", serif;
				}
				.autor {
				float: none;
				padding: 0 80px 0 100px;
				letter-spacing: 1px;
				}
				.autor a:link, .autor a:active, .autor a:visited {
				color: #f17c97;
				text-decoration: none;
				}
				.autor a:hover {
				color: #ffffff;
				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(W3C_HTML_icon.png);
		}
		a.przes_html:hover, a.przes_css:hover {
		background-position: bottom;
		}
		
		a.przes_css {
		margin: 4px 5px 0 0;
		background-image: url(W3C_CSS_icon.png);
		}
		
		
		
		
/* .okazja {
position: absolute;
z-index: 10;
top: 210px;
right: 320px;
width: 57px;
height: 47px;
background: url(okazja.png) no-repeat;

} */		
		

		

/* LightBox	 */	
#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; 
border: 6px solid  #5b73b0;
}
#imageContainer{ padding: 3px; }

#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%	; padding: 0 6px 0 6px; }

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