html {
min-height : 100%;
}
* {
margin : 0;
padding : 0;
border : none;
}
a {
color : #b24;
text-decoration : underline;
}
a:hover {
color : #f00;
}
body {
background-color : #FFFFFF;
Background-attachment : fixed;
background-repeat: no-repeat;
background-position: top center;
color : #444;
font : normal 62.5% Tahoma, sans-serif;
padding-top : 6px;
text-align : justify;
line-height : 1.4;
}
p, code, ul {
padding-bottom : 1.2em;
}

ul {
	padding-left: 20px;
}
li {
	list-style-position: inside;
	background: url(img/li.gif) no-repeat left top;
	padding-left: 20px;
}
h1 {
font : normal 1.8em Tahoma, sans-serif;
}
h2 {
font : bold 1.4em Tahoma, sans-serif;
}
h3 {
font : bold 1em Tahoma, sans-serif;
}
h4 {
font : normal 1.2em Tahoma, sans-serif;
}
form, input {
margin : 0;
padding : 0;
display : inline;
}
code {
background : #fff;
border : 1px solid #eee;
border-left : 6px solid #ccc;
color : #666;
display : block;
font : normal 1em Tahoma, sans-serif;
line-height : 1.6em;
margin-bottom : 12px;
padding : 8px 10px;
white-space : pre;
}

table {
border-collapse : collapse;
}
table.center {
table-layout : fixed;
width : 100%;
}
table.obramowanie {
border : 1px solid;
}
table td {
padding : 3px;
border : 1px solid;
}
td.center {
padding : 3px;
text-align : center;
border : none;
}
tr.center {
padding : 3px;
text-align : center;
}
.none {
border : none;
}
blockquote {
background : url(img/quote.gif) no-repeat;
display : block;
font-weight : bold;
padding-left : 28px;
}
h1, h2, h3 {
padding-top : 6px;
color : #553;
margin-bottom : 4px;
}
input {
border : 1px solid #bbbbbb;
font-size : 12px;
background-color : #ffffff;
color : #000000;
height : 19px;
}
textarea {
border : 1px solid #bbbbbb;
font-size : 11px;
color : #000000;
background-color : #ffffff;
}
.center {
text-align : center;
}
.center a {
color : #554;
display : block;
text-decoration : none;
}
.center a:hover {
color : #b24;
}
.clearer {
clear : both;
font-size : 0;
}
.left {
text-align : left;
}
.right {
float : right;
}
.mini {
	font-size : 11px;
	color: #988;
}
.inner-container {
border : 2px solid #d7d7d2;
background : #fff;
font-size : 1.2em;
margin : 0 auto;
padding : 10px;
width : 780px;
}
.header {
background : #222 url('logo.html') no-repeat;
height : 186px;
margin-bottom : 0;
text-align : center;
}
.header .title {
color : #fff;
padding-top : 50px;
}
.header .title .sitename a {
border-bottom : 1px dashed #657382;
color : #fff;
font : normal 3em sans-serif;
padding-bottom : 2px;
text-decoration : none;
}
.header .title a:hover {
border-color : #f60;
}
.header .title .slogan {
font : normal 1.1em Verdana, sans-serif;
padding-top : 6px;
}
.path {
background : #222222;
color : #fff;
font : normal 0.9em Verdana, sans-serif;
padding : 8px 12px;
}
.path a {
color : #fff;
text-decoration : none;
}
.path a:hover {
color : #fff;
text-decoration : underline;
}
.main {
background : url(img/main.gif) repeat-y;
border-top : 4px solid #fff;
padding : 8px 12px 0 0;
}
.content {
float : right;
width : 538px;
}
.content .descr {
color : #664;
font-size : 0.9em;
margin-bottom : 6px;
}

.content p {
font-family : "Lucida Sans Unicode", sans-serif;
}
.navigation {
float : left;
width : 210px;
}
.navigation h1 {
color : #5a5a43;
font : 0.9em Tahoma, sans-serif;
margin : 0;
padding-left : 12px;
}

.navigation h2 {
color : #5a5a43;
font : bold 1.1em Tahoma, sans-serif;
line-height : 20px;
margin : 0;
padding-left : 6px;
}
.navigation h2 a {
color : #5a5a43;
font : bold 0.9em Tahoma, sans-serif;
line-height : 20px;
margin : 0;
padding-left : 6px;
}

.navigation h2 a:hover {
color : #b24;
font : bold 0.9em Tahoma, sans-serif;
line-height : 20px;
margin : 0;
padding-left : 6px;
}

.navigation h3 {
color : #5a5a43;
font : bold 1.1em Tahoma, sans-serif;
margin : 0;
padding-left : 12px;
}
.navigation h4 {
color : #5a5a43;
font : bold 1.2em Tahoma, sans-serif;
margin : 0;
padding-left : 12px;
}
.navigation ul {
padding : 0;
border-top : 1px solid #eaeada;
}
.navigation li {
list-style-type: none;
border-bottom : 1px solid #eaeada;
}
.navigation li a {
list-style-type: none;
font-size : 1.1em;
color : #554;
display : block;
padding : 8px 0 8px 5%;
text-decoration : none;
width : 95%;
}
.navigation li a:hover {
background : #f0f0eb;
color : #b24;
}
.footer {
background : #222222;
color : #ccc;
font : bold 0.9em sans-serif;
margin-top : 5px;
padding : 8px 12px;
}
.footer a {
color : #fff;
text-decoration : none;
}
.footer a:hover {
color : #fff;
text-decoration : underline;
}
.title {
font : bold 1em Tahoma, sans-serif;
color : #553;
margin-bottom : 4px;
padding-top : 6px;
}
.title a {
color : #553;
text-decoration : none;
}
.title a:hover {
color : #b24;
text-decoration : none;
}
.title2 {
font : normal 1.2em Tahoma, sans-serif;
color : #553;
margin-bottom : 4px;
padding-top : 6px;
}
.title2 a {
color : #553;
text-decoration : none;
}
.title2 a:hover {
color : #b24;
text-decoration : none;
}
.titlewdn {
border : none;
border-bottom : none;
font : bold 1em Tahoma, sans-serif;
color : #553;
}
.titlewdn a {
border : none;
border-bottom : none;
font : bold 1em Tahoma, sans-serif;
color : #553;
}
.titlewdn a:hover {
border : none;
border-bottom : none;
font : bold 1em Tahoma, sans-serif;
color : #553;
}
.title_dobry {
font : bold 1em Tahoma, sans-serif;
color : #3a3;
margin-bottom : 4px;
padding-top : 6px;
}
.title_dobry a {
color : #3c3;
text-decoration : none;
}
.title_dobry a:hover {
color : #3c3;
text-decoration : none;
}
.title_zly {
font : bold 1em Tahoma, sans-serif;
color : #c33;
margin-bottom : 4px;
padding-top : 6px;
}
.title_zly a {
color : #c33;
text-decoration : none;
}
.title_zly a:hover {
color : #c33;
text-decoration : none;
}

.footer2 {
background : #000000;
margin-top : 5px;
padding : 8px 12px;
text-align : center;
}

.hidden {
display: none; 
}

.hide {position:absolute; left:-9000em; } /*display:none;*/

#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%;
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
right : 0;
float : right;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(../images/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(../images/nextlabel.gif) no-repeat right 15%;
}
#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 : 1em;
}
#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;
}