/* CSS Document */

*, html {
	margin:0;
	padding:0;
}



body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: url(images/body_bg.jpg) no-repeat #1f477b center top;
}

p {
	margin-bottom:15px;
	}

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

a:active, a:hover {
	text-decoration:underline;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	text-transform:uppercase;
	font-weight:normal;
}

h2 {
	font-size:11px;
	font-weight:normal;
	color: #626262;
}

.novosti-heading {
	display:block;
	float:left;
	position:relative;
}	

img.thumb {
	border:1px #585858 solid;

}

img.thumb-galerija {
	border:3px #ffffff solid;
	margin-right:4px;

}

img.icon-novosti {
	padding:3px;
	border: 1px solid #bfbfbf;
}

img.stars {
	vertical-align: super;
	margin-left:5px;
}


#container {
	position:relative;
	width:1000px;
	margin:0 auto;
	
}
#header	{
	width:100%;
	position:relative;
	
}	

#logo {

	float:left;
	position:relative;
}	

#pretraga	{
	float:right;
	position:relative;
	padding-top:10px;
	text-align:right;
	color:#ffffff;
}	

#pretraga form{
	margin:0;
	padding:0;
}

#pretraga .pretraga-input {
	color:#393939;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:173px;
	height:20px;
	padding-top:3px;
	padding-left:3px;
	border:0;
	background:url(images/pretraga-input.jpg) no-repeat;
}

#pretraga .pretraga-button {
	border:0;
	background:none;
	position:absolute;
	top:-200px;
	left:-50px;
}

#navigation {
	position:relative;
	top:3px;
	width:994px;
	height:48px;
	background-image: url(images/menu-bg.jpg);
	background-repeat: repeat-x;
	margin:0 auto;
	font-family:georgia,"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:normal;
	padding:0;

}

#navigation ul {
	width:100%;
	display:block;
	list-style:none;
	margin:0 auto;
	padding:0;
}

#navigation ul li {
	float:left;
	padding:0;
	height:32px;
  	position: relative;
  	left: 0px;
  	top: 0px;
  	color: #731d1f;
  	font-weight: normal;
	margin:0;
	border:none;
}



#kajron {
	width:100%;
	height:21px;
	background:url(images/kajron-bg.jpg) repeat-x;
	margin-top:6px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	padding-top:5px;
	font-weight:normal;
	position:relative;
}

.marquee {
	position:relative;
     overflow:hidden;
     width:980px;
     height:25px;
	 margin:0 auto;

}

#main_content	{
	width:100%;
	position:relative;
	float:left;
	background:#ffffff;
}	

#flash {
	width:645px;
	position:relative;
	float:left;
	padding:4px;
}

#top-right {
	width:346px;
	float:right;
	position:relative;
	margin-top:4px;
}

#heading-red {
	width:331px;
	height:21px;
	background:url(images/red-bg.jpg) repeat-x;
	padding:8px 0 0 15px;
  	color: #731d1f;
  	font-weight: normal;
	margin:0;
	font-family:georgia,"Times New Roman", Times, serif;
	font-size:14px;
}

span.shadow {
	font-family:georgia,"Times New Roman", Times, serif;
	font-size:14px;
	position: absolute;
  	left: -2px;
  	top: -2px;
  	color: #ffffff;
	padding:8px 0 0 15px;
}
	
.grey-box {
	width:346px;
	background: url(images/blog-right-bg.jpg) repeat-x #b1b1b1;
	font-family:Arial, Helvetica, sans-serif;
}


.grey-box ul {
	width:300px;
	padding-left:30px;
	padding-top:15px;
	display:block;
	list-style:url(images/grey-bullet.gif);
}

.grey-box ul li {
	padding-bottom:10px;
}

.grey-box ul li a {
	color:#484848;
}
.links {
	margin:0;
	color:#484848;
}

.links a, .links a:visited {
	text-decoration:underline;
	color:#484848;
}	

.links a:hover, .links a:active {
	text-decoration:none;

}	

#left {
	width:650px;
	float:left;
	position:relative;
}

.grey-heading {
	background: #585858;
	height:22px;
	font-family:georgia,"Times New Roman", Times, serif;
	font-size:14px;
	width:633px;
	color: #414141;
	padding:8px 0 0 15px;
	position:relative;

}

#grey-nav {
	background: #585858;
	height:24px;
	font-family:georgia,"Times New Roman", Times, serif;
	font-size:14px;
	width:704px;
	color: #94272d;
	font-size:16px;
	padding:6px 0 0 0px;
	position:relative;
	float:left;
	bottom:0px;
	left:0px;
	text-align:center;

}

#grey-nav2 {
	background: #585858;
	height:24px;
	font-family:georgia,"Times New Roman", Times, serif;
	font-size:14px;
	width:704px;
	color: #94272d;
	font-size:16px;
	padding:6px 0 0 0px;
	position:relative;
	float:left;
	bottom:0px;
	left:0px;
	text-align:center;

}

#grey-nav a,#grey-nav2 a{
	
	color: #ffffff;

}


.grey-heading2 {
	background: #585858;
	height:22px;
	font-family:georgia,"Times New Roman", Times, serif;
	font-size:14px;
	width:633px;
	color: #414141;
	padding:8px 0 0 15px;
}

.grey-subheading {
	background: url(images/grey-bg.jpg);
	height:21px;
	width:633px;
	padding:7px 0 0 15px;
}
	
a.un, a.un:visited {
	text-decoration:underline;
}

a.un:active, a.un:hover {
	text-decoration:none;
}
	
.thumb-container{
	background:url(images/thumb-container.jpg) no-repeat;
	width:90px;
	height:94px;
	float:left;
	padding:5px 0 0 7px;
}

.thumb-container-gallery-h{
	background:url(images/galerija-thumb-horizontal.jpg) no-repeat center top;
	width:166px;
	height:160px;
	float:left;
	text-align:center;
	padding-top:6px;

}
.thumb-container-gallery-v{
	background:url(images/galerija-thumb-vertical.jpg) no-repeat center top;
	width:166px;
	height:160px;
	float:left;
	text-align:center;
	padding-top:6px;

}


.thumb-container a, .large-container a:visited {
	text-decoration:underline;
	color:#5a5959;
}

.thumb-container a:hover, .large-container a:active {
	text-decoration:none;

}
.large-container{
	background:url(images/large-pic-container.jpg) no-repeat;
	width:262px;
	height:275px;
	float:left;
	padding:14px 0 0 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}	

.large-container a, .large-container a:visited {
	text-decoration:underline;
	color:#5a5959;
}

.large-container a:hover, .large-container a:active {
	text-decoration:none;

}

.contain {
	width:647px;
	height:615px;
	background:url(images/left-bg.jpg) repeat-x bottom;
	float:left;
	position:relative;
}

.item {
	padding:10px 0 0 10px;
	margin-bottom:14px;
	width:630px;
	position:relative;
	float:left;
}	

.text-novosti {
margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;
}

.item-small {
	padding:6px 0 0 10px;
	margin-bottom:0px;
	width:630px;
	position:relative;
	float:left;
}	

.item-aktivnosti {
	padding:17px 0 0 0;
	height:32px;
	width:630px;
	position:relative;
	float:left;
}	

.markice {
	float:left; 
	padding-left: 10px; 
	width:125px;
	background:#fff;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
}
	
#right {
	width:346px;
	position:relative;
	float:right;

}	

.bloger {
	color:#484848;
	font-size:10px;
	text-decoration:underline;
	margin:0;
	padding:0;
}

.blog-naslov {
	color:#1a1a1a;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0;
	font-weight:bold;
}

.blog-text {
	color:#1a1a1a;
	margin:0;
	padding:0;
	text-align:justify;
}

.blog-dalje {
	color:#1a1a1a;
	margin:3px 0 0 0;
	padding:0;
	font-size:10px;
	text-align:right;
}

.blog-dalje a, .blog-dalje a:visited{
	color:#1a1a1a;
	text-decoration:underline;
}

.blog-dalje a:hover, .blog-dalje a:active{
	text-decoration:none;
}

.vesti-naslov {
	margin:0;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}


.vesti-naslov a{
	color:#a22d33;
}

.aktivnosti-naslov {
	margin:0;
	font-size:13px;
	font-family:Georgia, "Times New Roman", Times, serif;

}

#left-column {
	width:275px;
	padding:5px;
	float:left;
	position:relative;


}

#right-column {
	width:709px;
	padding:5px 0 0 0;
	float:left;
	position:relative;
}

.grey-inner-heading {
	width:275px;
	background:url(images/heading-right.jpg) no-repeat right top;
	height:37px;
	
}

#content {
	margin-top:5px;
	width:704px;
	float:left;
	position:relative;
	background:url(images/domacinski.jpg) no-repeat right bottom #f4f3f1;
	padding-bottom:95px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	text-align:justify;


}	

#content2 {
	margin-top:5px;
	width:704px;
	float:left;
	position:relative;

	padding-bottom:95px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	text-align:justify;


}	

.grey-inner-heading-right {
	background:url(images/heading-left.jpg) no-repeat left top;
	display:block;
	width:259px;
	height:27px;
	font-family:georgia,"Times New Roman", Times, serif;
	font-size:14px;
	position:relative;
	padding:10px 0 0 12px;
	color: #414141;
	}

#left-menu {
	width:268px;
	float:left;
	position:relative;
	margin-top:5px;
	margin-left:0px;
	margin-bottom: -4000px;
	padding: 2px 2px 4000px 2px;
	border: 1px #d4d4d4 solid;
	
		 
}

#left-menu ul {
	width:268px;
	margin-left:0px;
	background:url(images/ul-bg.jpg);
	list-style-type:none;
}

#left-menu ul li{
	background: url(images/bullet.jpg) no-repeat #585858 10px 10px;
	font-family:georgia,"Times New Roman", Times, serif;
	font-size:14px;
	position:relative;
	padding:7px 0 0 25px;
	color: #414141;
	margin-left:0px;
	margin-bottom:1px;
	height:22px;
}

#left-menu ul li a{
	color: #FFFFFF;
	display:block;
	width:260px;
	height:22px;
}

#left-menu ul li a:hover{
	text-decoration:none;
}

#left-menu ul li.current{
	background: url(images/bullet-red.jpg) no-repeat #98242a 10px 10px;
	font-family:georgia,"Times New Roman", Times, serif;
	font-size:14px;
	position:relative;
	padding:7px 0 0 25px;
	color: #414141;
	margin-left:10px;
	height:22px;
	border-bottom:0;

}

#left-menu ul li.blog{
	background: url(images/bullet.jpg) no-repeat #585858 20px 10px;
	font-family:georgia,"Times New Roman", Times, serif;
	font-size:14px;
	position:relative;
	padding:7px 0 0 35px;
	color: #414141;
	margin-left:0px;
	height:22px;
	border-bottom:0;

}
#left-menu ul li.blog:hover{
	background: url(images/bullet-red.jpg) no-repeat #98242a 20px 10px;
	font-family:georgia,"Times New Roman", Times, serif;
	font-size:14px;
	position:relative;
	padding:7px 0 0 35px;
	color: #414141;
	margin-left:0px;
	height:22px;
	border-bottom:0;

}


#left-menu ul li.blog-current,#left-menu ul li.blog-current:hover{
	background: url(images/bullet-red.jpg) no-repeat #98242a 20px 10px;
	font-family:georgia,"Times New Roman", Times, serif;
	font-size:14px;
	position:relative;
	padding:7px 0 0 35px;
	color: #414141;
	margin-left:0px;
	height:22px;
	border-bottom:0;

}

#left-menu ul li:hover {
	background: url(images/bullet-red.jpg) no-repeat #98242a 10px 10px;
	font-family:georgia,"Times New Roman", Times, serif;
	font-size:14px;
	position:relative;
	padding:7px 0 0 25px;
	color: #414141;
	margin-left:10px;
	height:22px;
	border-bottom:0;

}

span.shadow-left {
	font-family:georgia,"Times New Roman", Times, serif;
	font-size:14px;
	position: absolute;
  	left: -2px;
  	top: -2px;
  	color: #ffffff;
	padding:8px 0 0 25px;

}

span.shadow-left-active{
	font-family:georgia,"Times New Roman", Times, serif;
	font-size:14px;
	position: absolute;
  	left: -2px;
  	top: -2px;
  	color: #ffffff;
	padding:8px 0 0 25px;
	display:block;
}
span.shadow-left-blog{
	font-family:georgia,"Times New Roman", Times, serif;
	font-size:14px;
	position: absolute;
  	left: -2px;
  	top: -2px;
  	color: #ffffff;
	padding:8px 0 0 35px;
	display:block;
}

#saopstenja {
	width:670px;
	float:left;
	position:relative;
	margin-top:30px;
}

.saopstenja-items {
	float:left;
	width:335px;
	position:relative;
	margin-bottom:20px;
}		

#center {
	width:100%;
	float:left;
	position:relative;
	background:url(images/left-column-bg.jpg) 5px bottom no-repeat;
	
}		

#bottom {
	background:#585858;
	width:974px;
	float:left;
	position:relative;
	top:5px;
	border-bottom:1px solid #404040;
	padding-left:26px;
	padding-top:20px;
	padding-bottom:15px;
}	

#bottom ul {
	float:left;

	
}
#bottom ul a{
	color:#e5e5e5;

	
}
	
#bottom ul li{
	background:url(images/bullet.jpg) no-repeat left 3px;
	list-style:none;
	list-style-image:none;
	padding-left:12px;

}

#bottom ul li ul{
	padding-left:0px;
	list-style:none;
	margin-left:0px;
	margin-top:5px;
	float:none;

}	

#bottom ul li ul li{
	margin-left:0px;
	padding-left:5px;
	border-left:1px solid #838383;
	list-style-image:none;
	list-style:none;
	background:none;
	padding-bottom:7px;
}
#bottom ul li ul.pad{
	padding-left:0px;
	list-style:none;
	margin-left:0px;
	margin-top:5px;
	float:none;
	width:250px;

}	
#bottom ul li ul li.padd{
	margin-left:0px;
	padding-left:5px;
	border-left:1px solid #838383;
	list-style-image:none;
	list-style:none;
	background:none;
	padding-bottom:0px;
	color:#e5e5e5;
	width:75px;
	float:left;
}

#bottom ul li ul li.padd-next{
	margin-left:0px;
	padding-left:0;
	border-left:none;
	list-style-image:none;
	list-style:none;
	background:none;
	padding-bottom:0px;
	color:#e5e5e5;
	width:150px;
	float:left;
}

#bottom ul li ul li.last{
	margin-left:0px;
	padding-left:5px;
	border-left:none;
	list-style-image:none;
	list-style:none;
	background:none;
	padding-bottom:0px;

	color:#e5e5e5;
}

#paging_gallery {
	position:relative;
	float:left;
	width:100%;
	padding-top:15px;
	height:41px;
	background:url(images/paging-bg.png) no-repeat center;
	margin-top:70px;
	text-align:center;
	color:#FF0000;

}

#paging_gallery a, #paging_gallery a:visited {

	color:#fff;
	text-decoration:none;
}
#paging_gallery a:active, #paging_gallery a:hover {

	text-decoration:underline;
	color:#FF0000;
}

.under {
	text-decoration:underline;
}	

.heading {
	width:100%;
	background:url(images/right-box-header.gif) no-repeat;
	height:37px;
	padding:8px 0 0 20px;
}

.main-right {
	width:100%;
	background:url(images/right-box-bg.gif) repeat-y;
	padding:8px 0 0 20px;
}

.bottom {
	width:100%;
	height:17px;
	background-image: url(images/right-box-bottom.gif);
	background-repeat: no-repeat;
	background-position: 2px bottom;
}

#footer {
	width:990px;
	font-size:11px;
	color:#a5a5a5;
	text-align:right;
	padding-right:10px;
	padding-top:12px;
	height:52px;
	background-image: url(images/footer-bg.jpg);
	background-repeat: repeat-x;
	float:left;

}

#footer-center {
	width:939px;
	margin:0 auto;
}

#footer-left {
	width:375px;
	float:left;
}
#footer-right {
	width:175px;
	float:right;
	
}

img.footer {
	margin-left:10px;
	}

a.tab {
  
  padding: 2px 4px;
  text-decoration: none;
  cursor:pointer;

}

a.tab, a.tab:visited {
  color: #808080;
}

a.tab:hover {
  color: #606060;
}


div.tabContent {

  display: none; /* ne menjati */

}
div.tabContent88 {
  padding:10px 30px 0 10px;
  display: none; /* ne menjati */
}

div.tabContent2 {

  display: none; /* ne menjati */

}
div.tabContent3  {
	width:550px; float:left;
  display: none;
 /* ne menjati */

}

div.tabContent9  {
	width:460px;
	margin:0 auto;

 /* ne menjati */

}

div.tabContent4  {

  display: none;
  margin:0 auto; /* ne menjati */
  width:367px;

}
.left-arrow {
	width:32px;
	float:left;
	margin-top:100px;
}	

#middle {
	width:300px;
	padding:0 30px;
	float:left;
	text-align:center;
}

form.pristupnica {
	margin:0;
	width:704px;
	padding:0;
	color:#484848;
	font-size:14px;
}

form.pristupnica fieldset {

  border:0;
  padding:0;
  margin:0 0 10px 0;


}
form.pristupnica select {

  width:207px;
  font-style:italic;
  font-size:12px;
  color:#6a6969;
  font-family:Georgia, "Times New Roman", Times, serif;
  padding:3px;

}

form.pristupnica a, form.pristupnica a:visited {

  text-decoration:underline;
  color:#484848;


}

form.pristupnica a:hover, form.pristupnica a:active {

  text-decoration:none;

}

form.pristupnica span{
	width:694px;
	height:27px;
	display:block;
	padding:5px 0 0 10px;
	background:url(images/grey-bg.jpg) repeat-x;

}

form.pristupnica input {
	border:1px #a5acb2 solid;
	width:205px;
	}
	
form.pristupnica input.button {
	border:0;
	width:99px;
	height:33px;
	background:url(images/uclani-se.jpg) no-repeat;
	}	

form.pristupnica label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  padding-left:10px;
}
form.pristupnica label {
  width: 120px; /* Width of labels */
}
form.pristupnica fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}


form.pristupnica fieldset ol {
  margin: 10px 0 0 0;
  padding: 0;
}
form.pristupnica fieldset li {
  list-style: none;
  padding: 0px;
  margin: 0;
}



form.kontakt {
	margin:0;
	width:500px;
	padding:0;
	color:#484848;
	font-size:14px;
}

form.kontakt fieldset {

  border:0;
  padding:0;
  margin:0 0 10px 0;


}
form.kontakt select {

  width:207px;
  font-style:italic;
  font-size:12px;
  color:#6a6969;
  font-family:Georgia, "Times New Roman", Times, serif;
  padding:3px;

}

form.kontakt a, form.kontakt a:visited {

  text-decoration:underline;
  color:#484848;


}

form.kontakt a:hover, form.kontakt a:active {

  text-decoration:none;

}



form.kontakt input {
	border:1px #a5acb2 solid;
	width:378px;
	height:22px;
	font-style:italic;
	padding-top:5px;
	padding-left:5px;
	color:#545454;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
form.kontakt input.button {
	border:0;
	width:89px;
	height:31px;
	background:url(images/posalji.jpg) no-repeat;
	}	

form.kontakt label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  padding-left:10px;
}
form.kontakt label {
  width: 120px; /* Width of labels */
}
form.kontakt fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}


form.kontakt fieldset ol {
  margin: 10px 0 0 0;
  padding: 0;
}
form.kontakt fieldset li {
  list-style: none;
  padding: 0px;
  margin: 5px 0 0 0;
}




/* galerija */


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 255px; /*Width of Carousel Viewer itself*/
height: 570px; /*Height should enough to fit largest content's height*/
float:left;
margin: 0px;

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
 /*margin around each panel*/
width:100px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:570px;
background:url(images/gallery-bottom.gif) no-repeat bottom;
margin:0px 0 0 0px;
padding-left:20px;
}

.stepcarousel .thumb{
margin-bottom:10px;
}
.stepcarousel2{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 460px; /*Width of Carousel Viewer itself*/
height: 100px; /*Height should enough to fit largest content's height*/

margin: 70px auto 0 auto;

}

.stepcarousel2 .belt2{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel2 .panel3{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
 /*margin around each panel*/
width:110px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:90px;
margin:0px 5px 0 5px;
}


.panel2{
float: left; /*leave this value alone*/
width:163px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:140px;
background:url(images/gallery-bottom.gif) no-repeat bottom;
margin:0px 10px 10px 5px;
}


.galp {
	margin:0;
}
.galpa {
	margin:5px 0 5px 10px;
	width:133px;
}

.galpa a, .galpa a:visited{
	color:#898989;
	text-decoration:none;
}

.galpa a:active, .galpa a:hover{
	text-decoration: underline;
}

.formstyle {
	width:454px;
	height:38px;
	color:#1d2219;
	margin:2px 0;
	font-size:12px;
	background:url(images/contact-input.jpg) no-repeat;
	border:0;
padding-left:10px;
	padding-top:10px;
}

.formstyle3 {
	width:573px;
	overflow:hidden;
	height:176px;
	color:#1d2219;
	margin:2px 0;
	border:0;
	font-size:12px;
	background:url(images/contact-textarea.jpg) no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:10px;
	padding-top:10px;

}

.formstyle2 {
	display:block;
	width:573px;
	text-align:right;

}

.formbutton {
	background:url(images/send.jpg) no-repeat;
	width:64px;
	height:13px;
	border:0;
}