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

} 





body {

	margin: 0;

	padding: 0;

	font-family: Garamond, "Franklin Gothic Medium", Arial;

	font-size: 13px;

	color: #333333;

	background-color: #FFCC66;

	background-repeat: repeat-x;

	background-image: url(images/img01.gif);

}



h1, h2, h3 {

	margin: 0;

	font-weight: normal;

	color: #FFFFFF;

}



h1 {

	font-size: 197%;

}



h2 {

	font-size: 167%;

}



h3 {

	font-size: 150%;

}



p, ol, ul {

	line-height: 170%;

}



p {

}



ol {

	margin-left: 0;

	padding-left: 0;

	list-style-position: inside;

}



ul {

	margin-left: 0;

	padding-left: 0;

	list-style: none;

}



ul li {

	padding-left: 15px;

	background: url(images/img07.gif) no-repeat 0px 7px;

}



blockquote {

	margin: 0;

	padding-left: 20px;

	font-style: italic;

}



blockquote * {

	line-height: normal;

}



a {
	color: #333333;

}



a:hover {
	text-decoration: none;
	color: #333333;

}



img {



}



img.left {

	float: left;

	margin: 3px 15px 0 0;

	border: thin solid #FFFFFF;

}



img.right {

	float: right;

	margin: 3px 0 0 15px;

	border: thin solid #FFFFFF;

}



hr {

	display: none;

}



/* Menu */



#jezyki{

	width: auto;

	height: auto;

	float: left;

	padding-left: 20px;

}



#menu {

	width: 870px;

	height: 70px;

	background-color: #FDECA7;

	border-top-width: medium;

	border-right-width: medium;

	border-bottom-width: medium;

	border-left-width: medium;

	border-top-style: none;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #784615;

	border-right-color: #784615;

	border-bottom-color: #784615;

	border-left-color: #784615;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	background-image: url(images/ramka_02.gif);

	background-repeat: no-repeat;

	padding: 0;

}



#menu ul {

	margin: 0;

	padding: 0;

	list-style: none;

	line-height: normal;

}



#menu li {

	display: inline;

	margin: 0;

	padding: 0;

}



#menu a {

	display: block;

	float: left;

	width: 125px;

	height: 40px;

	text-decoration: none;

	text-align: center;

	font-size: 136%;

	color: #333333;

	background-image: url(images/img02.gif);

	background-repeat: no-repeat;

	padding-top: 0px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

	border-left-width: 2px;

	border-left-style: solid;

	border-left-color: #D4CBA4;

	margin-top: 29px;

	margin-right: 1px;

	margin-bottom: 0px;

	margin-left: 1px;

}



#menu a:hover {

	color: #000000;

	background-image: url(images/img04.gif);

	background-repeat: no-repeat;

}



#menu .active a {

	border: none;

	color: #784615;

	background-image: url(images/img03.gif);

	background-repeat: no-repeat;

}

/* Header */



#header {

	width: 870px;

	height: 330px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	border-top-width: medium;

	border-right-width: medium;

	border-bottom-width: medium;

	border-left-width: medium;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: none;

	border-left-style: solid;

	border-top-color: #784615;

	border-right-color: #784615;

	border-bottom-color: #784615;

	border-left-color: #784615;

}



/* Logo */



#logo {

	float: right;

	width: 345px;

	height: 220px;

	background: #3FD9EC url(images/img06.jpg) no-repeat;

}



#logo h1, #logo h2 {

	text-align: center;

}



#logo h1 {

	padding-top: 77px;

	font-size: 240%;

}



#logo h2 {

	font-size: 150%;

}



#logo a {

	text-decoration: none;

	color: #144B6B;

}



/* Page */



#page {

	width: 870px;

	background-color: #D4AA54;

	border: medium solid #784615;

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 25px;

	padding-right: 0;

	padding-bottom: 30px;

	padding-left: 0;

}



/* Content */



#content {

	float: none;

	width: auto;

	margin-right: 90px;

	padding: 15px;

	border: medium solid #FFFFFF;

	background-color: #005E5E;

	margin-left: 90px;

}



.twocols {

}



.twocols .title {

	padding-bottom: 10px;

	border-bottom: 1px solid #4AF4FE;

}



.twocols .col1, .twocols .col2 {

	width: auto;

}



.twocols .col1 {

	float: left;

}



.twocols .col2 {

	float: right;

}



.twocols ul {

}



.twocols ul li {

	padding-left: 0;

}



/* Sidebar */



#sidebar {

	float: left;

	width: 280px;

	background-color: #FDECA7;

	margin-left: 10px;

	border: medium solid #FFFFFF;

}



.boxed {

}



.boxed .title {

	height: 33px;

	margin: 0;

	padding: 12px 0 0 20px;

	text-transform: uppercase;

	font-size: 125%;

	color: #FDECA7;

	background-color: #784615;

	background-repeat: no-repeat;

}



.boxed .content {

	padding: 20px;

}



.boxed h3 {

	margin: 0;

}



.boxed p, .boxed ul, .boxed ol {

	margin: 0;

	padding: 0;

	list-style: none;

	line-height: normal;

}



.boxed ul {

}



.boxed ul li {

	padding: 10px 15px;

	border-top: 1px solid #4AF4FE;

}



.boxed ul li.first {

	border: none;

}



/* Search */



#search {

}



#search form {

	margin: 0;

	padding: 0;

}



#search fieldset {

	margin: 0;

	padding: 0;

	border: none;

}



#search p {

	margin: 0;

	font-size: 120%;

	font-weight: lighter;

}



#searchinput {

	width: 180px;

}



#searchsubmit {

}



/* Footer */



#footer {

	width: 870px;

	margin: 0 auto;

	height: 30px;

	padding: 10px;

	background: #FFCC66;

}



#footer p {

	margin: 0;

	line-height: normal;

	font-size: 85%;

}



#footer a {

}



#legal {

	float: left;

}



#links {

	float: right;

}