/* border: 1px solid red; background-color: #ff0; */
/* stale */
* {font-family: Verdana,Arial,  sans-serif;}
* {margin:0; padding:0;}

/* ogolnie */
body {background: #ede9de url('img/tlo_body.jpg') repeat top; color:#000; font-size:80%; text-align:center; line-height:1.3em;}
#all {width:807px; height:100%; background: transparent url('img/tlo_all.jpg') repeat-y top left; margin:0px auto; padding:0 0 0px 0;}

img {display: block; border: 0px; margin: auto;}
strong {font-weight:bold; color:#333;}
a {font-weight:normal; text-decoration:underline; color:#000;}
a:hover {text-decoration:none; color:#333;}
a:hover img {border-color:#900;}
.clear {clear:both;}
.left {text-align:left;}
.small {font-size:0.9em; color:#666; line-height:1.4em;}

/* glowa */
#glowa {float:left; width:807px; height:290px; background: transparent url('img/glowa.jpg') no-repeat bottom right;}
#glowa h1   {width:200px; height:290px; overflow:hidden; background: transparent url('img/logo.jpg') no-repeat 14px 74px;}
#glowa h1 a {overflow:hidden; display:block; width:200px; height:280px;  font-size:9px; line-height:9px; color:#998; color:#bba; text-decoration:none; text-align:center; }


/* menu */
#menu  { width:200px; float:left; }
#menu ul   {width: 200px; border-top: 1px solid #999; clear:both; overflow: hidden; margin:40px 0 0 0px; padding:0px }
#menu li   {width: 200px; list-style:none; padding:0; text-align:left; margin:0;}
#menu li a {width:200px; display:block; font-size:1.2em; font-weight:bold; color:#593; color:#421;color:#4e4a43; text-align:center; text-decoration: none; line-height:1.1em; padding:7px 0; border-color:#887; border-bottom: 1px solid #887; font-family: "comic Sans MS",Arial,sans-serif; border-top: 1px solid transparent; }
#menu li a:hover, #menu li a.on { background: transparent url('img/menu_on.jpg') repeat-y  center; color:#fff; border-color:#fff; border-top: 1px solid #fff;}





/* tresc */
#tresc {width:574px; float:right; padding:0px 0px 80px; display:inline;  }
h2 {text-align:left; color:#c8232b; font-size:2.4em; line-height:1.2em; font-weight:normal; margin:33px 0 0 0;  font-family: "comic Sans MS",Arial,sans-serif;}
h3 {text-align:left; color:#333333; font-size:1.5em; line-height:1.2em; font-weight:normal; margin:23px 0 0 0;  font-family: "comic Sans MS",Arial,sans-serif;}
h4 {text-align:left; color:#333333; font-size:1.3em; line-height:1.2em; font-weight:normal; margin:23px 0 0 0;  font-family: "comic Sans MS",Arial,sans-serif;}

p {margin:10px 0 5px 0px;  text-align:left;}
ul {margin-left:23px; text-align:left; list-style-type: square;}
ol {margin-left:33px; text-align:left;}
li {margin-top:3px;}
ul.inside {list-style-position: inside;}

.c {clear:both; text-align:center;}
.clear {clear:both;}
.przerwa {clear:both; font-size:1px; text-align:center; line-height:1.0em;}
p.haslo {text-align:left; color:#900; font-size:1.3em; line-height:1.6em; font-style: italic; margin-top:20px;}
p.dogory {clear:both; text-align:right; color:#888; font-weight:bold; line-height:1.6em; margin:20px 0; padding-top:0px; border-top: 1px solid #ddd;}
p.dogory a {color:#aaa; font-weight:normal; }

ul.linki a {font-weight:bold; color:#555;}

/* zdjecia w tekscie  SPRAWDZONE I OK */
p.l  {float:left;  margin:10px 20px 5px 0px; display:inline;}
p.p  {float:right; margin:15px 0px 5px 20px; display:inline;}
p.c  img {margin:3px 6px;}
p.l img, p.p img, p.c img  {padding:5px; background-color: #eee; border: 1px solid #aaa; display:inline; }
p.l a:hover img, p.p a:hover img, p.c a:hover img  {border-color:#d03; background-color: #ddd;}


/* zdjecia w tekscie z podpisami */
.zdjp, .zdjl { text-align:center; padding:8px 8px 4px; background-color: #f7f5ea; border: 1px solid #cba}
.zdjp {float:right; margin: 12px 2px 12px 15px; clear:left;  display:inline;} /* moze być clear:left gdy chcemy 2 obok siebie */
.zdjl {float:left;  margin: 12px 7px 12px 6px; clear:right; display:inline;}
.zdjp img, .zdjl img {display:block; margin:0px auto 0px; padding:0; border: 1px solid #cba; display:inline;}
.zdjp p,   .zdjl p   {display:block; margin:0; padding:2px 0 0 0; font-size:0.9em; line-height:1.0em; color:#654; text-align:center;}



/* form */
form#fkontakt {margin:40px auto; text-align:center;}
form#fkontakt fieldset { border: 1px solid #ccc; width:500px;  background-color: #ede9de; }
form#fkontakt legend {border: 1px solid #ccc; text-align:center; color: #666; font-weight:bold; padding: 2px 5px; margin-left:7em;}
form#fkontakt p {margin:5px 0 0 0; color: #666; font-size: 0.99em; text-align:center;}
form#fkontakt p.bledy {padding:10px 0; margin:10px 0; color: #d00; font-size: 1.1em; text-align:center; background-color:#fff;}
form#fkontakt input		{background: #f7f5ea; border: #aaa 1px solid; font-size: 1em; padding:0.2em;}
form#fkontakt textarea	{background: #f7f5ea; border: #aaa 1px solid; font-size: 1em; padding:0.2em; overflow:auto;}
form#fkontakt .przycisk	{background: #f7f5ea; border: #aaa 1px solid; font-size: 1em; font-weight:bold; line-height:3em; margin-top:10px; margin-bottom:10px; width:10em; height:3em;}

/* stopka */


div#stopa {clear:both;  text-align:left; margin:0px 230px; padding:5px 0; }
div#stopa a {color: #aaa; text-decoration: none; font: normal 9px/15px Verdana, Arial, ArialCE, sans-serif;}
div#stopa a:hover {color: #fff; border-color:#fff;}



/* =========== 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; }
#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(lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/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-size:1.3em;	}
#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; }