﻿body{
margin:0;
font-family:Verdana;
font-size:11px;
text-align:center;
background:#eeeeec;
}
img
{
border:0px;
}
a:hover{
text-decoration:underline !important;
}
#mainContainer{
position:relative;
width:800px;
margin:0px auto;
text-align:left;
}
#header{
position:relative;
width:800px;
height:82px;
background:url(../img/headerBg.jpg) no-repeat top left;
}
#logo{
position:absolute;
top:19px;
left:49px;
}
#searchBox{
position:absolute;
width:190px;
height:45px;
bottom:2px;
right:23px;
text-align:left;
}
.searchText{
float:left;
width:156px;
height:16px;
margin:0px 1px 0px 0px;
padding:0px;
border:1px #bcbcbc solid;
font-size:11px;
color:#666;
padding-left:2px;
padding-right:2px;
padding-top:2px;
}
#searchBtn
{
width:24px;
height:20px;
display:block;
}
.SearchShadow
{
position:absolute;
left:0px;
bottom:-8px;
}
#lang{
text-align:right;
font-family:Tahoma;
font-size:10px;
margin-top:10px;
}
a.langActive{
color:#eb3d00;
text-decoration:none;
}
a.langPasive{
color:#3a3a3a;
text-decoration:none;
}
a.langActive:hover{
text-decoration:underline;
}
a.langPasive:hover{
text-decoration:underline;
}
#centerContainer{
position:relative;
width:800px;
height:235px;
background:url(../img/centerBg.jpg) no-repeat top left;
}
#contentContainer{
position:relative;
left:10px;
top:15px;
width:775px;
padding-top:15px;
border:1px #8f9187 solid;
background:#fff;
border-top:none;
}
#articleContainer{
position:relative;
float:right;
width:552px;
border-left:1px #e0e0e0 solid;
margin-bottom:35px;
}
#articleTitle{
position:relative;
font-family:Trebuchet MS;
font-size:24px;
font-weight:normal;
color:#eb3d00;
margin-left:11px;
margin-top:-5px;
margin-right:20px;
padding-right:20px;
z-index:4;
}
.articleSubTitle{
position:relative;
font-family:Trebuchet MS;
font-size:12px !important;
font-weight:bold;
color:#eb3d00;
margin-bottom:5px;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
}
.textContainer{
font-family:Verdana;
font-size:11px;
color:#000;
margin-left:11px;
margin-right:20px;
line-height: 1.5em;
}
.textContainer p {
margin: 0 0 18px 0;
line-height: 1.5em;
}
.textContainer a {
color:#eb3d00;
text-decoration: underline;
}
.textContainer a:hover {
color:#000;
text-decoration: underline;
}
#banner{
position:relative;
width:222px;
}
#footer{
position:absolute;
width:777px;
height:22px;
background:url(../img/footerBg.jpg) no-repeat top left;
bottom:-24px;
left:0px;
text-align:right;
font-size:10px;
font-family:tahoma;
}
#artTitleBgImg{
position:absolute;
top:0px;
right:21px;
z-index:3;
}
#bannerGrad{
position:relative;
background:#fff url(../img/bannerGradient.jpg) no-repeat top left;
width:202px;
min-height:155px;
margin:0px;
margin-left:11px;
}
#mainMenu{
position:relative;
top:15px;
left:28px;
list-style:none;
width:184px;
margin:0px;
padding:0px;
}
#mainMenu li{
background:url(../img/menuSeparatorBrdr.gif) no-repeat bottom center;
height:24px;
}
#mainMenu li a.Active{
display:block;
color:#eb3d00;
text-decoration:none;
padding-top:4px;
padding-left:17px;
font-weight:bold;
font-family:Tahoma;
font-size:11px;
zoom:1;
background:url(../img/menuBulletRed.gif) no-repeat top left;
}
#mainMenu li a.Active:hover{
text-decoration:none !important;
}
#mainMenu li a.Pasive{
display:block;
color:#4a4a4a;
font-weight:bold;
text-decoration:none;
padding-top:4px;
padding-left:17px;
font-family:Tahoma;
font-size:11px;
zoom:1;
}
#mainMenu li a.Pasive:hover{
background:url(../img/menuBulletGray.gif) no-repeat top left;
text-decoration:none !important;
}

#subMenu{
position:relative;
margin:0px;
padding:0px;
width:200px;
border:1px #ded1b9 solid;
list-style:none;
margin-left:11px;
padding-top:10px;
padding-bottom:5px;
background:#f4ecdf url(../img/subMenuGrad.jpg) no-repeat bottom left;
}
#subMenu li{
position:relative;
height:24px;
}
#subMenu li a.subActive{
display:block;
text-decoration:none;
padding-top:4px;
padding-left:23px;
font-weight:bold;
font-family:Tahoma;
font-size:10px;
color:#eb3d00;
zoom:1;
}
#subMenu li a.subActive:hover{
text-decoration:none !important;
color: #f26c3e;
}
#subMenu li a.subPasive{
display:block;
text-decoration:none;
padding-top:4px;
padding-left:23px;
font-weight:bold;
font-family:Tahoma;
font-size:10px;
color:#4a4a4a;
zoom:1;
}
#subMenu li a.subPasive:hover{
text-decoration:none !important;
color:#797979;
}


/*moj css*/
.GroupSubTitle {
position:relative;
font-family:Verdana;
font-size:11px;
font-weight:bold;
margin-bottom:2px;
margin-left:0px;
margin-right:20px;
}
.GroupSubTitle a{
text-decoration:none;color:#4a4a4a;
}
.GroupSubTitle a:hover{
text-decoration:none !important;
color:#f03c00;
}
.GrouptextContainer{
font-family:Verdana;
font-size:11px;
color:#000;
margin-left:11px;
margin-right:20px;
line-height:1.5em;
}
.GrouptextContainer P
{
padding: 0;
margin: 0 0 20px 0;
}
.SearchBox{
position:relative;
border:1px solid #bcbcbc;
height:45px;
margin-left:10px;
margin-right:20px;
background:#fbf7f2;
font-family:verdana;
font-size:9px;
font-weight:bold;
color:#656565;
margin-bottom:22px;
}
.SearchBox p
{

margin:0px 0px 6px 9px;
}

.searchPages{
position:absolute;
top:3px;
right:6px;
font-family:Trebuchet MS;
font-size:30px;
font-weight: bold;
font-style: italic;
color:#858585;
}
.paging{
text-align:right;
}
.Form{
position:relative;
forn-family:Verdana;
font-size:11px;
color:#000000;
margin-left:11px;
margin-right:20px;
line-height:1.5em;
}
.Form span
{
	position:absolute;
}

.webForm {
position:relative;
width:100%;
padding-top:20px;
}
.webForm label {
margin:0px 0px 10px 13px;
float: left;
width: 160px;
text-align: right;
}

.txtBox {
font: 10px Verdana;
color:#424141;
text-align:left;
width:150px;
height:16px;
border:1px solid #bcbcbc;
margin-bottom:10px;
margin-left:6px;
padding:2px 4px 0px 4px;
}
.DiVSubmit{
width:100%;
}
.buttonSub{
padding-left:178px;
width:95px;
height:20px
}
.Message{
position:absolute;
right:38px;
top:64px;
font-family:Verdana;
font-size:10px;
font-weight:bold;
color:#3d7a01;
text-align:center;
line-height:1.2em;
}
.dropDown
{
width:160px;
font: 10px Verdana;
color:#424141;
height:18px;
margin-bottom:10px;
margin-left:5px;
}
.dropDown2
{
width:160px;
font: 10px Verdana;
color:#424141;
height:18px;
margin-bottom:10px;
margin-left:5px;

}


.txtField{
font: 10px Verdana;
color:#424141;
height:80px;
width:226px;
margin:0px 0px 10px 6px;
text-align: left;
border:1px solid #bcbcbc;
padding:2px 4px 0px 4px;

}
.txtField2{
font: 10px Verdana;
color:#424141;
height:50px;
width:226px;
margin:2px 0px 10px 6px;
text-align: left;
border:1px solid #bcbcbc;
padding:2px 4px 0px 4px;

}
.txtLbl{
padding-top:0px;
margin-bottom:0px;
padding-bottom:0px;

}

.Check label{

width:50%;
margin:0px 0px 6px 108px;
}
.Chb{
text-align:center;
margin-bottom:10px;
}
.fileUploadBox{
font: 10px Verdana;
color:#424141;
text-align:left;
width:226px;
height:18px;
margin-bottom:10px;
margin-left:6px;
padding:0px;
}
.radio
{
padding-left:50px;
}

	/* ---------------------------------------------------- lightBox -----------------------------------------------------*/
   #lightbox{ position: absolute; 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(../img/blank.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(../img/prevlabel.gif) left 15% no-repeat; }
   #nextLink:hover, #nextLink:visited:hover { background: url(../img/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;	}	
   #overlay{ position: absolute; top: 0; left: 0; z-index: 90;	width: 100%; height: 500px;	background-color: #000;	}