@charset "utf-8";
/* CSS Document */
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:20px 0px 20px 0px; background-image:url(../images/bg.jpg); 	background-repeat:repeat-x; }
#logo { height:135px; width:850px; margin:auto auto 10px auto; }
#site { width:850px; height:auto; margin:auto; padding:1px 1px 1px 1px; border:#069 solid 0px; }
#site_elements { height:316px; background-image:url(../images/site.jpg); background-repeat:no-repeat; padding: 1px 1px 1px 1px; border: 1px solid #666; }
#menu { height:19px; }
#box1 { width:280px; height:135px; float:left; margin-top:0px; border:0px solid #666; }
#box1 a:link, #box1 a:visited { display:block; width:280px; height:135px; background-image:url(../images/dla-dzieci1.jpg); }
#box1 a:hover { background-image:url(../images/dla-dzieci2.jpg); }
#box2 { width:280px; height:135px; float:left; margin-left:3px; margin-top:0px; border:0px solid #666; }
#box2 a:link, #box2 a:visited { display:block; width:280px; height:135px; background-image:url(../images/dla-mlodziezy1.jpg); }
#box2 a:hover { background-image:url(../images/dla-mlodziezy2.jpg); }
#box3 { width:280px; height:135px; float:right; margin-top:0px; border:0px solid #666; }
#box3 a:link, #box3 a:visited { display:block; width:280px; height:135px; background-image:url(../images/dla-doroslych1.jpg); }
#box3 a:hover { background-image:url(../images/dla-doroslych2.jpg); }
#stopka { float:right; width:846px; height:25px; padding:1px 1px 1px 1px; border:1px solid #666; margin-top:2px; background-image: url(../images/stopka.jpg); background-repeat: no-repeat; }
.stopka_txt { color:#FFF; width: 150px; font-size:11px; float:left; margin-top: 3px; margin-left: 5px; } 
.stopka_web { float:right; width:150px; font-size:11px; color:#AECDDF; text-align:right; margin-top: 3px; margin-right: 5px; }
.stopka_web a, .stopka_web a:hover { color:#AECDDF; text-decoration:none; }
.stopka_txt a {color:#FFF; text-decoration:none; }
.stopka_txt a:hover { color:#FFC; text-decoration:none; }
#zapisy { width:200px; margin:0px 1px 0px 1px; background-color:#F90; height:38px; border-right: 1px solid #FFF; float:left; } 
.zapisy { text-align:center; font-family:"Arial Black", Gadget, sans-serif; font-size:24px; padding-top:2px; }
.zapisy a { color:#FFF; text-decoration:none; } 
.zapisy a:hover { color:#000; text-decoration:none; }
#slogan { width:630px; height:auto; float:right; text-decoration: blink; }
.slogan { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#000; padding-top:5px; }
.slogan_a { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#FFF; padding-top:0px; text-align:center; }
.slogan_b { font-size:15px; color:#FFF; padding-top:0px; text-align:left; }
.slogan_c { font-size:13px; color:#FFF; padding-top:0px; text-align:left; }
#picto { float:left; width:150px; height:auto; margin-top:85px; }
#logo_pic { width:550px; float:left; text-align:center; }
#telefon { margin-top:20px; float:right; width:250px; color:#FFF; text-align: right; margin-right: 150px; }
.tel { font-size:24px; padding-left:10px; }
#galeria_foto { float:right; margin:1px 4px 0px 4px; width:635px; height:60px; }
#txt { margin:20px 0px 0px 20px; width:550px; height:auto; overflow:auto; }
.txt { color:#FFF; font-family:Arial, Helvetica, sans-serif; overflow:scroll; }
.txt p { margin:0; padding:0;}
.cennik { color:#000; font-size:11px; }
.cennik2 { color:#000; font-size:11px; }
.cennik3 { color:#000; font-size:11px; padding-left:3px; }
.cennik4 { color:#FFF; font-size:11px; } 
.cennik4 a, .cennik4 a:hover { color:#FFF; text-decoration:none; }
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 50%; background: #FFF; margin-top:10px;}
.jScrollPaneDrag { position: absolute; background: #CCC; cursor: pointer; overflow: hidden; height:20px; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -3000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowUp:hover { /*background-color: #f60;*/ }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowDown:hover { 	/*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { 	/*background-color: #f00;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:ho ver {	background-position: 0 -30px; }
.orange-bar .jScrollPaneTrack { background: #f60; }
.orange-bar .jScrollPaneDrag { background: #00f url(../images/drag_grab.gif) no-repeat 50% 50%; }
.orange-bar .scroll-pane { background: #69f; }
.holder { float: left; margin: 10px; }
#scroll_div { width:550px; height:auto; padding:15px 15px 10px 15px; }
#scroll_div2 { width:650px; height:200px; padding:15px 15px 10px 15px; }
.scroll-pane2 { width: 650px; height: 200px; float: left; margin-left:0px; margin-top:0px; margin-bottom:0px; color:#FFF; padding:0px 0px 0px 0px; } 
.scroll-pane2 p {margin:0; padding:0;}
.scroll-pane { width: 530px; height: 200px; float: left; margin-left:0px; margin-top:0px; margin-bottom:0px; color:#FFF; padding:0px 0px 0px 0px; } 
.scroll-pane p {margin:0; padding:0; font-size:13px; }
.wide { width: 400px; }
.super-wide { width: 700px; }
.tall { height: 400px; }
#pane2 { height: auto; margin: 10px 0px 10px 20px; padding-right: 20px; padding-bottom: 1px; float: left; }
#zam_online { height: auto; margin: 10px 0px 10px 20px; padding-right: 20px; padding-bottom: 1px; float: left; }
.zam_online { width: 730px; height: 200px; float: left; margin-left:0px; margin-top:0px; margin-bottom:0px; color:#FFF; padding:0px 0px 0px 0px; } 
.zam_online p {margin:0; padding:0; font-size:13px; }
#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; }
.galeria_f { color:#CCC; font-size:11px; }
.opinie { font-size:11px; }
.cennik_prawy { margin:0; padding:0; }
.cennik_prawy ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; list-style: disc }