/* -------------------- tag styles --------------------*/
body,td,div {font-family: verdana; font-size: 11px; color: #818181; text-align: justify;}
html,body{margin:0;padding:0;height:100%;border:none;}
table {border-spacing: 0px; border-collapse: collapse;}
td {vertical-align: top; padding:0px;}
img {border: 0px;}

h1, h2, h3, h4, h5, h6 {margin: 0px; font-weight: bold; color: silver;}
h1 {font-size: 20px;}
h2 {font-size: 14px; color: #818181;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}

a {text-decoration: none; color: #818181;}
a:hover {color: #fff;}
a:focus {outline: none;}
a:active {}
a:visited {}

/* -------------------- standard styles --------------------*/
.b {font-weight: bold;}
.n {font-weight: normal;}
.i {font-style: italic;}

.tr{text-align:right;}
.tl{text-align:left;}
.tc{text-align:center;}

.pa {position: absolute;}
.pr {position: relative;}

.fl {float: left;}
.fr {float: right;}

.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}

.fc1 {color: #000;}
.fc2 {color: #FFF;}
.fc3 {color: #979797;} /*gray*/
.fc4 {color: #818181;} /*gray text div*/
.fc5 {color: red;}

a.fc6 {color: #00ADEF;}
a.fc7 {color: #EC008C;}
a.fc8 {color: #FFF200;}
a.fc9 {color: #00A650;}
a.fc10 {color: #ED1C24;}

td#top-menu a.fc6:hover {color: #00ADEF; text-decoration: underline;}
td#top-menu a.fc7:hover {color: #EC008C; text-decoration: underline;}
td#top-menu a.fc8:hover {color: #FFF200; text-decoration: underline;}
td#top-menu a.fc9:hover {color: #00A650; text-decoration: underline;}
td#top-menu a.fc10:hover {color: #ED1C24; text-decoration: underline;}

.ls075{letter-spacing:0.075em;}
.ls025{letter-spacing:0.025em;}

.dn {display: none;}
.db {display: block;}
.ti3 {text-indent: 3px;}
.w80 {width: 80px;}
.lh16 {line-height: 16px;}
.mt3 {margin-top: 3px;}
.hand {cursor: pointer; cursor: hand;}

a.lnk1 {color: gray;}
a.lnk1:hover {color: silver;}

a.lnk2 {color: red;}
a.lnk2:hover {color: blue;}

a.lnk3 {color: green;}
a.lnk3:hover {color: purple;}

table.table{width:885px; height:100%; margin: 192px 0 0 61px;}

table.table td img {border: 0; margin: 0; padding: 0;}
/* -------------------------------------------------------------------------------------------*/

body {background: #000;/*background: #364242;*/ overflow: hidden;}
div#siteHeaderContent {position: absolute; top:0; left: 0px; display:block; z-index: 1; width: 482px; height:211px; background: #000/*#364242*/;}
div#siteGalleryContent {position: absolute; top:50%; margin-top: -175px; left: 525px; display:block; z-index: 1; width: 420px; height:350px; background: #000/*#364242*/;}
div#siteContent {display: block; height: 100%; max-height: 100%; overflow: auto; position: relative; z-index: 0; width:100%; overflow-x: hidden; }

/* -------------------- HEAD start --------------------*/
td#top-left {
	height: 63px; 
	width: 421px; 
	vertical-align: bottom; 
	text-align: right; 
	padding: 0 0 9px 0; 
	font-size:12px;
}

span.default-lang {color: #FFFF33; font-weight:bold;}

td#top-middle {width: 45px;}
td#top-right {width: 420px;}

td.left {width: 421px;}
td.middle {width: 45px;}
td.right {width: 420px;}

td#top-logo {background: #FFFF33; height: 105px;}
div#logo-holder {width: 105px; height: 31px; margin: 72px 0 0 307px;}

td#top-menu {height: 23px; text-align: left; vertical-align: middle; font-size: 13px; margin: 0 0 20px 0;}
/* --------------------- HEAD end ---------------------*/

/* -------------------- MAIN start --------------------*/
td#main-left {width: 421px; height: auto; padding: 19px 0 186px 0;}

td#main-left h1 {
	width: 421px;
	height: 20px; 
	background: #717171; 
	margin: 0 0 5px 0; 
	line-height: 19px;
	font-size: 13px;
	letter-spacing: 0.025em;
	font-weight: bold;
	color: #000;
	text-indent: 3px;
}

div.label-holder {
	width: 421px;
	height: 20px; 
	margin: 39px 0 19px 0; 
	border-bottom: 1px solid #939598;
	font-family: Times New Roman;
}

div.active-holder {border-bottom: 1px solid #fff;}

div.label-holder a:hover {color: #fff;}
div.label-holder a.active-a {color: #fff;}

a.linky {
	display: block; 
	width: 421px;
	height: 20px; 
	background: #717171; 
	margin: 0 0 5px 0; 
	line-height: 19px;
}

a.linky:hover {
	background: #00A54F; 
	color: #000;
}

a.glinky {
	display: block; 
	width: 421px;
	height: 20px; 
	background: #00A54F; 
	color: #000;
	margin: 0 0 5px 0; 
	line-height: 19px;
}

a.glinky:hover {color: #000;}

div.opener {padding: 0 3px 21px 3px;}
div.opener a:hover {text-decoration: underline;}

td#main-left li, td#main-left ul {padding: 0; margin: 0; list-style-type:none;}


td#main-left a.content-link {color: #ffff33; text-decoration: underline; line-height: 16px;}
td#main-left a.content-link:hover {color: #ffffff; text-decoration: none;}

div.smallpic {height: 94px; width: 94px; left: 466px; top: -25px; display: none;}

div.picture-holder {height: 316px; width: 420px; /*left: 466px; top: -3px;*/}
div.picture-holder-map {height: 316px; width: 420px; left: 466px; top: -3px;}
div.galinner {width: 416px;}

div#inner-gallery img {cursor: pointer; cursor: hand; margin:5px 3px;}

div#mghx {top: 0; left: 0;}
div.loader {/*left: 466px;*/ top: -3px; width: 420px; height: 316px; background: url(../images/loader.gif) no-repeat center center; display: none;}

div.square-links {height: 20px; /*left: 466px;*/ top: 317px; width: 420px;}

div.square-links a.square-link {
	display: block; 
	float: left; 
	background: #717171; 
	height: 20px; 
	width: 20px; 
	margin: 1px;
	text-align: center;
	color: black;
	line-height: 19px;
	color: #000;
	font-weight: bold;
	font-size: 11px;
}

div.square-links a.square-link:hover {
	background: #00A54F;
	color: #000;
}

div.square-links a.active-square-link {
	display: block; 
	float: left; 
	background: #00A54F; 
	height: 20px; 
	width: 20px; 
	margin: 1px;
	text-align: center;
	line-height: 19px;
	color: #000;
	font-weight: bold;
	font-size: 11px;	
}

div.square-links a.active-square-link:hover {color: #000;}

div.picnum {height: 20px; line-height: 19px; padding: 0 0 0 10px;}

div#catalogue-holder {
	background: #000;
}

#gallery {position: relative; width:420px; margin:0; padding:0; list-style-type:none;}
#gallery li {background: #000;}

div.portret-holder {right: -158px; display: none;}
div.person-holder {cursor: pointer; cursor: hand; margin-bottom: 10px;}

p#cat-desc {margin: 14px 0 0 1px; width: 418px;}
p#cat-desc span {color: white;}
p#cat-desc b {color: white;}
/* --------------------- MAIN end ---------------------*/

/* -------------------- FOOT start --------------------*/
td#bottom-left {height: 25px; vertical-align: middle;}
/* --------------------- FOOT end ---------------------*/

div#back_black {
	background-color: #000;
	top: 0;
	left: 0;
	width: 1200px;
	height: 1000px;
	opacity:0.7;
	filter:alpha(opacity=70);
}

div#reklama {
	height: 427px;
	width: 605px;
	top: 50%;
	left: 50%;
	background-color: #fff;
}

img#oglas1, img#oglas2 {top: 0; left: 0;}

a#close_oglas {
	top: 5px;
	right: 10px;
	font-size: 16px;
	color: #000;
	display: none;
}