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


.copy {	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #ffffff;	font-size:11px;}
.txt1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#262626;}
.txt15 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color:#262626;}
.txt1a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#AE0004;}
.txt2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #442e1c;}
.lewa {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #442e1c; padding:0 30px 30px 30px;}
.lewatyt {font-family: Georgia, "Times New Roman", Times, serif; font-size: 28px; color: #442e1c; padding:0 30px 10px 30px; text-align:left;}
h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; color: #442e1c; padding:0 30px 30px 30px; float:left;}
.prawa {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #442e1c; padding:0 30px 30px 30px; text-decoration:none;}
.txt4w {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#b2b2b2; }
.txt4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#474c4b; }
.listwa {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#ffffff; font-weight:bold}
.boo {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#999; text-align:left; text-decoration:none; padding-top: 35px;}

#navigation {margin:0;padding: 0;clear:both;width:960px;height:64px;background: #442e1c url(images/dropdown-bg.png) repeat-x left top;}
ul.nav-main,ul.nav-main li {list-style: none;margin: 0;padding: 0;}
ul.nav-main {position: relative;z-index: 597;}
ul.nav-main li:hover > ul {visibility: visible; text-align: left;}
ul.nav-main li.hover,
ul.nav-main li:hover {	position: relative;	z-index: 599;cursor: pointer; background-color:#2e1b0b;}
ul.nav-main li {
	float: left;
	display: block;
	height: 64px;
	color: #fff;
	font: 14px Arial, Helvetica, sans-serif;
	background: url(images/separator.png) no-repeat right center;
}
ul.nav-main li a {
	display: block;
	padding: 23px 37px 0 37px;
	height: 39px;
	color: #fff;
	font: 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
ul.nav-main li a:hover {color: #fff; text-align: left;}
ul.nav-main *.list {padding-right: 22px;background: url(images/navigation-arrow.gif) no-repeat right top;}
ul.nav-sub {visibility: hidden;position: absolute;padding:10px;top: 64px;left: 0;z-index: 598;background: #353535 url(images/dropdown-list-bg.gif) repeat-x left top;	border-right: 1px solid #000;border-bottom: 1px solid #000;	border-left: 1px solid #000;}
ul.nav-sub li {list-style:none;display:block;padding: 0;height: 40px;float: none;width:220px;border-bottom: 1px solid #442e1c;background: none;}
ul.nav-sub li a {list-style:none;display:block;padding: 6px 8px 6px 8px;height: 15px;float: none;width:220px;background: none;font: 12px Arial, Helvetica, sans-serif;}



/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {min-height: 100%;}
#main {overflow:auto; padding-bottom: 220px;}  /* must be same height as the footer */
#footer {position: relative; margin-top: -220px; /* negative value of footer height */
		 height: 220px; clear:both;} 

/*Opera Fix*/
body:before {content:""; height:100%; float:left; width:0; margin-top:-32767px;}

* {margin:0;padding:0}
body{
	background-color: #bcbcbc;
	background-image: url(images/blue.jpg);
	background-repeat: repeat-x;
	background-position: top;
	font: 11pt Georgia, Times New Roman, serif;
	line-height: normal;
	color: #444444
}
a img {border:none}
a:link {
	color: #7A0A17;
	text-decoration: underline
}
a:hover {
	color: #993333;
	text-decoration: underline
}
a:visited {
	color: #7A0A17;
	text-decoration: underline
}
p {margin:10px 0 5px 0; text-align: left;}

/* IE8 hack to get it to apply margin auto centering to element inside this one */
#wrap {width:100%}

/* Main Area*/
#main {margin:0 auto; clear:both; width:960px; background-image:url(images/bg.png); background-repeat:repeat-y;}
#main #left {width:256px; padding-top:20px; float:left;}
#main #right {width:704px; float:right; padding-top:20px;}
#main #right #navi {width:704px; height:37px; border:0px; float:left;}
#main #right img {border:none; margin:0 0 0 30px;}
#main #right #tabela {width:100%; height:100%; background:#FFF; margin-top:37px;}
#main #right #tabela2 {width:100%; height:100%; background:#FFF; margin-top:37px;}
#main #right #tabela p {color:#000; padding:30px 30px 30px 30px;}
#main #right #tabela2 p {color:#000; padding:0 30px 0 30px;}

/* Header */
#header {width:960px; height:224px; background-color:#FFF; margin-top:62px;}
#header #logo {width:960px; margin:0 auto; float:inherit;}
#header #menu {width: 960px; margin: 0 auto; float: right; padding-top: 0px}

/* Footer */
#footer {background:url('images/foo.png') repeat-x; color:#292929; font-size:11px; font-family:Verdana, Arial, sans-serif;}
#footer a {color:#999; text-decoration:none;}
#footer a:hover {color:#999; text-decoration:none;}
#footer p {margin:0 0 15px 0}
#footer p.axe img {margin-bottom:-7px}

#foot {width:960px; margin:0 auto; height:184px; line-height:1.1em; padding:0 0px 0 0px}
#foot #left {width:500px;float:left;padding-top:19px}
#foot #right {width:180px;float:right;text-align:right;padding-top:12px}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block}
* html .clearfix {height: 1%}
.clearfix {display: block}
.txt_black {color: #000;}

.floating-menu {position:fixed; z-index:100; text-decoration:none;}

/* Cookie warning */
#cookie-warn{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    position: fixed;
    bottom: 0;
    background: #EEE;
    margin: 0;
    padding: 15px;
    width: 99%;
    display: none;
    z-index: 99;
}
 
#cookie-warn a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #D66E1A;
    text-transform: uppercase;
    float: right;
    padding-right: 5px;
}
 
#cookie-warn p{
	padding-right: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
}