/*-------------main---------------*/
html {
		height:100%
}

body {
		background-color: #9FA7AB;
		background-image: url(../i/bg-body.png);
		background-repeat: repeat-x;
		margin: 0px;
		padding: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
}

form {
		margin: 0px;
		padding: 0px;
}

select, input, textarea, label {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
}

.frontpageText {
		padding-left: 5px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #666666;
}

.frontpageText ul {
		padding: 0px 0px 0px 10px;
}

.frontpageText a, .frontpageText a:link, .frontpageText a:visited {
		color: #666666;
}

.frontpageText a:hover {
		color: #999999;
}

.frontpageText img {
		margin: 0px 5px 5px 0px;
		clear: both;
		float: left;
}

.pageTitle {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 18px;
		padding: 5px 0px 0px 0px;
		color: #333333;
}

.pageText {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
		padding: 10px 20px 10px 30px;
		line-height: 150%;
}

.pageText a, .pageText a:link, .pageText a:active, .pageText a:visited, .pageText a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
}

.menuBig, .menuBig a, .menuBig a:link, .menuBig a:visited {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #333333;
		text-decoration: underline;
}

.menuBigActive, .menuBigActive a, .menuBigActive a:link, .menuBigActive a:visited {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #333333;
		text-decoration: none;
}

.menuSmall, .menuSmall a, .menuSmall a:link, .menuSmall a:visited {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #666666;
		text-decoration: underline;
}

.menuSmallActive, .menuSmallActive a, .menuSmallActive a:link, .menuSmallActive a:visited {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #666666;
		text-decoration: none;
}

#print {
		margin: 10px 10px 10px 10px;
		clear: both;
		float: right;
}

/*-------------//main---------------*/

/*----------------------advanced----------------------*/
.sloboda {
		font-family: Candara;
		font-size: 36px;
		font-weight:extralight;
}

.menuTop {
		color:#FFFFFF;
		padding-left:10px;
		padding-right:10px;
}

.menuTop a {
		color:#FFFFFF;
		text-decoration:none
}

.menuTop a:hover {
		color:#ffffcc;
		text-decoration:none
}

.menuTop_active a, .menuTop_active a:hover {
		color:#ffffcc;
		text-decoration:none;
		padding-left:10px;
		padding-right:10px;
}

.menuTop_active {
		color:#ffffcc;
		text-decoration:none
}

.header {
		color:#000000;
		font-size:12px;
		padding-left:10px;
		padding-right:5px
}

.footer_index {
		color:#FFFFFF;
		padding-top:20px;
		padding-bottom:20px;
		padding-right:10px;
		padding-left:10px
}

.footer {
		color:#FFFFFF;
		padding-top:7px;
		padding-bottom:1px;
		padding-right:5px;
		padding-left:10px
}


/*---------------//advanced--------*/

/*-----------lightbox------------*/

.img_box {
}

.img_box a:link img {
		border-color: #000000;
}

.img_box a:visited img {
		border-color:#330000;
}

.img_box a:hover img {
		border-color:#ffffcc;
}

#lightbox {
		position: absolute;
		top: 40px;
		left: 0;
		width: 100%;
		z-index: 100;
		text-align: center;
		line-height: 0;
}

#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: transparent url(../i/pix.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
}

#prevLink {
		left: 0;
		float: left;
}

#nextLink {
		right: 0;
		float: right;
}

#prevLink:hover, #prevLink:visited:hover {
		background: url(../i/prev.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
		background:url(../i/next.gif) right 15% no-repeat;
}

#imageDataContainer {
		font: 10px Verdana, Helvetica, sans-serif;
		background-color: #fff;
		margin: 0 auto;
		line-height: 1.4em;
}

#imageData {
		padding:0 10px;
}

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

#overlay {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 90;
		width: 100%;
		height: 500px;
		background-color: #000;
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
}

.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
}

* html>body .clearfix {
		display: inline-block;
		width: 100%;
}

* html .clearfix {
		/* Hides from IE-mac \*/
	height: 1%;/* End hide from IE-mac */
}
/*-----------------//lightbox----------------*/