@charset "utf-8";
/* CSS Document */

.LTR {
	background-color:#d7cab4;
	color:#7b776e;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:70%;
	height:100%;
	line-height:150%;
	margin:0pt auto;
	padding:0pt;
	text-align:center;
}

a {
	color: #568398;
	text-decoration: none;
}

a:link {
	color: #568398;
	text-decoration: none;
}

a:visited {
	color: #568398;
	text-decoration: none;
}

a:hover {
	color: #6aa0b9;
	text-decoration: underline;
}


p {
	margin: 10px 0 10px 0;
}

ul {
	margin-top: 0;
	list-style-type: square;
}


form {
	margin: 0px;
}

hr {
	background-color: #AE9B87;
	border: 0px solid;

	height: 1px;
}

h1 {
	color: #AE9B87;
	font-size: 200%;
	margin: 0 0 10px 0;
	padding: 0;
	display: inline;
}

h2 {
	color: #7B776E;
	font-size: 140%;
	margin: 0 0 1em 0;
	padding: 0;
}


h3 {
	color: #56859a;
	font-size:12px;
	margin-top:5px;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#page {
	width: 1042px;
	background-color:#D7CAB4;
	background-image:url(../images/pagebg.jpg);
	background-repeat:no-repeat;
	margin: 0 auto; /* align div to center */

}

#wrapperL {
	background-color:#D7CAB4;
	background-image:url(../images/wrapperL.jpg);
	background-repeat:no-repeat;
	float:left;
	height:965px;
	text-align:left;
	width:121px;
}

#wrapperR {
	width: 121px;
	text-align: left;
	background-image: url(../images/wrapperR.jpg);  
	background-repeat: no-repeat;
	background-color:#d7cab4;
	float:left;
	height:965px;
}

#wrapper {

	margin:0px auto;
	text-align:left;
	width:800px;


}

#header {
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	height: 44px;
	padding: 160px 0px 0px 545px;
}

#content {
	clear: both;
	background-color: #eceae0;
	background-image:url(../images/contentbg.gif);
	background-repeat:repeat-y;
	padding-bottom:20px;
}

#footer {
	background-color:#D7CAB4;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	clear:both;
	color:#AAAAAA;
	font-size:0.9em;
	height:87px;
	line-height:31px;
	margin-bottom:30px;
	text-align:center;
	width:800px;
}

.clear {
clear: both; height: 1px; font-size: 0.1px; border: none; margin: -1px 0 0 0; padding: 0; background: transparent;} 

/***********************************************/
/* Components                                  */
/***********************************************/

#colL {
	width: 193px;
	float: left;
	background-image:url(../images/menibg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	padding: 0px 0px 25px;
}

#colC {
	padding:0px 12px;
	width:390px;
	float: left;
	margin:0px 0px 20px;
	background-image:url(../images/colCbg.gif);
	background-repeat:repeat-x;
}

#colR {
	margin-left:1px;
	width:190px;
	float: left;
}

/************ vertical menu ****************/

#menuElem {
	width: 193px;
	margin:0;
	padding: 0;
	list-style: none;

}

#menuElem a {
	width: 193px;
	height: 27px;
	line-height: 18px;
	display: block;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	background-image: url(../images/buttonbg.jpg);
	background-repeat: no-repeat;
	background-position: right;
	text-transform: normal;
	text-indent:42px;
	line-height:27px;
}

#menuElem a:link, #menuElem a:visited  {
	color: #5a5a5a;
}



#menuElem a:hover {
	color: #56859a;

}

#vMenu li {
  	background-image: url(../images/menu_item_bg.gif);
	background-position: right;
	background-repeat: no-repeat;
 	display: inline; /* Removes gaps in IE/WIN */
}

/* -- */
/***************** box1 *********************/

.box1 {
	background:#EFECE7 url(../images/boxRbg.gif) repeat-x scroll center bottom;
	clear:both;
	margin:0px 1px;
	padding-bottom:10px;
	width:189px;
}

.box1 .title1 {
	color:#AE9B87;
	font-weight:bold;
	margin:0pt 10pt 5pt;
	padding-top:15px;
}

.box1 .title {
	color:#AE9B87;
	font-weight:bold;
	margin:0pt 10pt 5pt;
	padding-top:12px;
}

.box1 .text {
	margin:0pt 10pt 5pt;
}

.box1 .thumb {
	border: 2px solid #ffffff;
	margin: 0px;
	float: left;
}

/***************** article *********************/

.articleBox {
	padding:0pt 5px 10px;
}

.articleBox .image {
	background-color:#FFFFFF;
	padding:5px;
	text-align:center;
	width:120px;
	float:left;
}

.articleBox .more {
	background-image:url(../images/visebg.gif);
	background-repeat:repeat-x;
	height:35px;
	margin-top:5px;
	padding-top:5px;
	text-align:center;

}

.articleBox .date {
	font-size:10px;
	color: #a8a8a8;
}

.articleBox .uvod {
	float:left;
	padding-left:10px;
	width:230px;
}

.articleBox .uvodnitext {
	margin:10px 0px 0px;
}
.articleBox .title {
	color:#56859A;
	font-size:12px;
	font-weight:bold;
}
.vise a, .vise a:link, .vise a:visited  {
	background-image:url(../images/icn.gif);
	background-position:0px center;
	background-repeat:no-repeat;
	color:#6C6C6C;
	display:block;
	float:right;
	padding-left:15px;
	width:70px;
} 

.vise a:hover {
	color:#000000;
	text-decoration:none;
}

.NewsPreviewSummary {
	

}

.NewsContent {
	color: #5A5A5A;

}

.NewsContent .image {
	background-color:#FFFFFF;
	padding:5px;
	text-align:center;
	width:120px;
	float:left;
	margin-right:5px;
}

.PagerNumberArea {

	text-align:center;
}


.PagerResults {
	text-align:center;

}

element.style {
	margin-bottom:0pt;
	margin-left:0in;
	margin-right:0in;
	margin-top:0in;
}

.gallery {
	border:0px solid;
	display:block;
	float:left;
	text-align:center;
	width:170px;
}

.slikatitle {
	text-align:center;
	color: #56859A;
	font-size: 12px;
	padding: 5px 0px 10px;
	font-weight: bold;
	height: 27px;
}

.slikatitle a, .slikatitle a:hover  {
	text-align:center;
}

.thumb {
	border:4px solid #FFFFFF;
	margin:2px;
}
.thumb a, .thumb a:hover {
	border:4px solid #FFFFFF;
	margin:2px
}

.nekiopis {
	text-align:center;
	display: block;
	padding: 10px;
}

.PollAnswers {
	padding: 5px 0px

}

.PollAnswer {
	padding: 2px 0px;
}

.PollVoteButton {
	background-color: #ebe7dd;
	color: #787268;
	border: 1px solid #EBE7DD;
	font-weight: bold;
}

.PollCount {
	padding-left:10px;
}

.PollGraph0 {
	background-color: #787268;
	border: 2px solid #FFFFFF;
}
.PollGraph1 {
	background-color: #787268;
	border: 2px solid #FFFFFF;
}
.PollGraph2 {
	background-color: #787268;
	border: 2px solid #FFFFFF;	
}
.PollGraph3 {
	background-color: #787268;
	border: 2px solid #FFFFFF;
}
.PollGraph4 {
	background-color: #787268;
	border: 2px solid #FFFFFF;
}
.PollGraph5 {
	background-color: #787268;
	border: 2px solid #FFFFFF;
}
.PollGraph6 {
	background-color: #787268;
	border: 2px solid #FFFFFF;
}
.PollGraph7 {
	background-color: #787268;
	border: 2px solid #FFFFFF;
}
.PollGraph8 {
	background-color: #787268;
	border: 2px solid #FFFFFF;
}
.PollGraph9 {
	background-color: #787268;
	border: 2px solid #FFFFFF;
}
.PollGraph10 {
	background-color: #787268;
	border: 2px solid #FFFFFF;
}
.PollGraph11 {
	background-color: #787268;
	border: 2px solid #FFFFFF;

}


/*#Photo gallery#*/
.photoalbum {
	background:white none repeat scroll 0% 50%;
	border:1px solid #CCCCCC;
	float:left;
	margin:0px 0px 5px;
	padding:9px;
	width:365px;
}

.photoalbum .title {
	font-size:14px;
	font-weight:bold;
	margin:5px 0px 2px;
}
.photoalbum .info {
	float:left;
	width:200px;
}

.photoalbum .teaser {
	border:2px solid #F0F0F0;
	margin:0px 7px 0px 0px;
	float:left;
}

.thumbholder {
	float:left;
	position:relative;
	text-align:center;
	vertical-align:middle;
	width:120px;
	float:left;
	height:130px;
}

.thumbholder img {
	border:4px solid #FFFFFF;
	margin: 0px;
}

.slk_tjedna {
	border:2px solid #FFFFFF;
	margin:0px;
}

#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%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.PagerControl {
display:block;
float:left;
}
.PagerNumberArea {
	text-align:center;
}
.SelectedPage {
	background-color:#7B776E;
	border:1px solid #7B776E;
	color:#EAEEF1;
	margin-right:2px;
	padding:2px 5px;
	width:5px;
}
.UnselectedPage {
	background-color:#D7CAB4;
	border:1px solid #D7CAB4;
	color:#FFFFFF;
	margin-right:2px;
	padding:2px 5px;
	width:5px;
}
.PagerNumberArea a, .PagerNumberArea a:link, .PagerNumberArea a:visited {
	background-color:#D7CAB4;
	border:1px solid #D7CAB4;
	color:#FFFFFF;
	margin-right:2px;
	padding:2px 5px;
	width:5px;
}
.PagerNumberArea a:hover {
	background-color:#7B776E;
	border:1px solid #7B776E;
	color:#EAEEF1;
	margin-right:2px;
	padding:2px 5px;
	text-decoration:none;
	width:5px;
}

.TextboxField, .TextAreaField {
	border:1px solid #D7CAB4;
	font-sizer:11px;
	width:180px;
	font-size:11px;
	padding:3px;
	color:#7B776E;
	margin-left:10px;
}

.FormButton {
	background-color:#D7CAB4;
	border:1px solid #D7CAB4;
	color:#FFFFFF;
	margin-left:10px;
}

.Bread {
	padding:5px 5px 17px;
	display:block;
}

.Bread h2 {
	padding:0px;
	margin:0px;
}