/* CSS Document */

body{
	margin:0; padding:0; background:url(images/bg_top.png) repeat-x 0 0 #e8f3fb fixed;
	color:#000000;
	
	}
ul{
	list-style:none;}
div, p, h1, h2, h3, ul, li, a, form, input, label, img{
	margin:0; padding:0;
	}
	
.spacer{
	line-height:0; font-size:0; clear:both;
	}
	
	
/*------------------------------------------Header Start----------------------------------*/

#container{
	width:955px;
	margin: 0px auto 34px auto;
	padding:0 0 0 17px;
	position:relative;
	background: #F8F8F8;
	-moz-box-shadow: 0 0 7px #888;
	-webkit-box-shadow: 0 0 7px#888;
	box-shadow: 0 0 5px #888;
	-moz-border-radius: 0 0 15px 15px;
	border-radius: 0 0 15px 15px;
	}
#containerInside{
	width:770px;
	float:right;
	}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#containerInside { margin-top:-16px;}
}	

#header{
	width:770px;
	height:150px;
	float:left;
	background:url(images/header_bg.gif) no-repeat 0 0 #FFFFFF;
	color:#000000;
	position:relative;
	}
#header img{
	/* position:absolute; left:23px; top:0px; */
	
	}
#header ul img{
	margin:1px;
}
.logoimage {
    left: -202px;
    margin-left: 0;
    position: absolute;
}
#header h1 {
    background-color: #FFFFFF;
    color: #000000;
    font: 13px "Trebuchet MS",Arial,Helvetica,sans-serif;
    left: -176px;
    position: absolute;
    top: 135px;
}

#header ul {
    float: right;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 325px;
}
#header ul li{
	float:left;
	display:block;
	}
#header ul li a.home{
	background:url(images/home_icon.gif) no-repeat 0 0 #FBFBFB;
	font:bold 13px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	display:block;
	margin-top: 0;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 14px;
	}
#header ul li a.contact{
	background:url(images/contact_icon.gif) no-repeat 0 4px #FBFBFB;
	font:bold 13px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000; text-decoration:none; padding:0 0 0 18px; display:block;
	}
#header ul li a:hover{
	background-color:#FBFBFB; color:#CC0000;
	}

/*------------------------------------------Header End----------------------------------*/

/*------------------------------------------Right Start----------------------------------*/

#right{
	width:760px;
	margin:0;
	padding:5px;
	float:left;
	}

#right h1{
	font: inherit 14px Arial, Helvetica, sans-serif;
	color:#FFFFFF; background:url(images/naslov.gif) no-repeat;
	padding: 8px 10px 9px 20px;
	margin-bottom: 5px;
	}
#right h2{
	font:inherit 13px Arial, Helvetica, sans-serif;
	color:#FFFFFF; background:url(images/naslov2.gif) no-repeat;
	padding: 3px 10px 4px 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	
	}
#right h4 {	
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#386F00; background-color:#FFFFFF;
	padding: 3px 10px 3px 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	}	

#right p {
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#7E7E7E;
	}
#right a{
	color: #67a526;
	text-decoration:none;
}
#right a:hover{
	color: #67a526;
	text-decoration:underline;
}
.slikasmestaj { 
 border:#DFDFDF solid 6px; 
}

.lightGrey{
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color:#7E7E7E; background-color:#FFFFFF;
	padding:15px 23px 20px 0;
	}
	
#right p.darkGrey{
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color:#7E7E7E;
	background-color:#FFFFFF;
	width:747px;
	float:left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 31px;
	padding-left: 0;
	}
#right p.darkGrey a{
	background:url(images/read_more_bg.gif) no-repeat 0 0 #FFFFFF;
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color:#7E7E7E; text-indent:-1000px; width:83px; height:14px; display:block; 
	text-decoration:none; margin:-15px 0 0 0; 
	float:right;
	}
#right p.darkGrey a:hover{
	background:url(images/read_more_bg_on.gif) no-repeat 0 0 #FFFFFF;
	color:#000000;
	}

#right div.archivesBg{
	background:url(images/archives_bg.gif) repeat-x 0 0 #5C9C00;
	color:#000000; 
	width: 740px;
	padding:8px 0; 
	margin:0 0 19px 0;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

#right div.no1{
	width:165px; float:left; margin:0 7px 0 0;
	border-right:#A5D055 solid 1px; padding:0 0 0 20px;
	}
#right div.no1 h2{
	background:url(images/green_bg_1.gif) repeat-x 0 0 #5C9C00;
	font:normal 16px Arial, Helvetica, sans-serif;
	color:#FBFBFB; padding:0 10px 0 0; 
	height:70px; float:left;
	padding-top: 15px;
	}
#right div.no1 h2 span{
	background:url(images/green_bg_2.gif) repeat-x 0 0 #5C9C00;
	font:normal 36px/36px Arial, Helvetica, sans-serif;
	color:#FBFBFB;
	}
#right div.no1 a{
	background:url(images/read_more_bg_1.gif) no-repeat 0 0 #64AA00;
	font:normal 10px/12px Arial, Helvetica, sans-serif;
	color:#FBFBFB; text-indent:-1000px; width:80px; height:12px;
	float:left; margin:-25px 0 0 0;
	}
#right div.no1 a:hover{
	background:url(images/read_more_bg_1_on.gif) no-repeat 0 0 #64AA00;
	color:#FBFBFB;
	}
#right div.no2{
	width:160px; padding:5px 10px 0 10px; float:left;
	}
#right div.no2 h3{
	background:url(images/date_bg.gif) no-repeat 0 0 #009900;
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#000000; text-align:center; text-transform:uppercase;
	width:160px; margin:0 0 4px 0; 
	float:left; display:block; 
	}	
#right div.no2 ul{
	margin:0; padding:0 0 0 5px; list-style:none;
	}
#right div.no2 ul li{
	/* background:url(images/white_dotted.gif) repeat-x 0 100% #5C9C00; */
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#FFFFFF; width:150px; height:20px;
	display:block;
	}
#right div.no2 ul li.noline{
	background:none; background-color:#5C9C00;
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#FFFFFF;display:block;
	}
#right div.no2 ul li a{
	background:url(images/date_list.gif) no-repeat 0 8px #5C9C00;;
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-decoration:none; display:block;
	padding:0 0 0 9px;
	float:left;
	border-bottom: 1px dotted;
	width: 143px;
	
	}
#right div.no2 ul li a:hover{
	background-color:#87BF23; color:#FFFFFF;
	
	}
	
#right div.about{
	width:229px; background-color:#F8F8F8; border:#DFDFDF solid 1px; color:#000000;
	padding:27px 27px 42px 24px; margin:0 7px 0 0; float:left;
	}
#right div.about h2{
	background:url(images/about_bg.gif) no-repeat 0 3px #F8F8F8;
	font:bold 22px/24px Arial, Helvetica, sans-serif;
	color:#000000; height:43px; 
	padding:0 0 0 50px; margin:0 0 20px 0; 
	}
#right div.about h2 span{
	font:bold 22px/24px Arial, Helvetica, sans-serif;
	color:#386F00; background-color:#F8F8F8;
	}
	
#right div.about h2 span.date{
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	color:#7D633C; background-color:#F8F8F8;
	text-transform:uppercase;
	}
	

	#right div.najava{
	width:730px; background-color:#F8F8F8; border:#DFDFDF solid 1px; color:#000000;
	padding:10px 10px 10px 24px; 
	margin:3px; float:left;
	}
#right div.najava h2{
	background:url(images/about_bg.gif) no-repeat 0 3px #F8F8F8;
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#000000; height:43px; 
	padding:0 0 0 50px; margin:0 0 20px 0; 
	}
#right div.najava h2 span{
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#386F00; background-color:#F8F8F8;
	}
	
#right div.najava h2 span.date{
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	color:#7D633C; background-color:#F8F8F8;
	text-transform:uppercase;
	}
#right div.najava img{
float:right;
	}
	
.lightGrey2{
	font:12px/16px Arial, Helvetica, sans-serif;
	color:#7E7E7E; background-color:#F8F8F8;
	}
#right strong{
	font-weight:bold;
	}
	
#right div.about ul{
	margin:20px 0 0 0; padding:0; list-style:none;
	}
#right div.about ul li{
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#BCBCBC; background-color:#F8F8F8;
	display:block; float:left;
	}
#right div.about ul li a.nec{
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#000000; background-color:#F8F8F8;
	padding:0 8px 0 0; text-decoration:underline;
	}
#right div.about ul li a.lacus{
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#000000; background-color:#F8F8F8;
	padding:0 0 0 8px; text-decoration:underline;
	}
#right div.about ul li a:hover{
	background-color:#FFFFFF; color:#000000;
	text-decoration:none;
	}
a.read{
	background:url(images/read_more_bg.gif) no-repeat 0 0 #F8F8F8;
	font:normal 10px/12px Arial, Helvetica, sans-serif;
	color:#000000; text-indent:-1000px; width:83px; height:14px; display:block; 
	text-decoration:none; 
	float:right;
	}
a.read:hover{
	background:url(images/read_more_bg_on.gif) no-repeat 0 0 #F8F8F8;
	color:#000000;
	}

#right div.news{
	width:425px; background-color:#F8F8F8; border:#DFDFDF solid 1px; color:#000000;
	padding:27px 27px 42px 24px; float:left;
	}

#right div.news h2{
	background:url(images/current_news.gif) no-repeat 0 0 #F8F8F8;
	font:bold 22px/24px Arial, Helvetica, sans-serif;
	color:#000000; height:43px; 
	padding:0 0 0 50px; margin:0 0 20px 0; 
	}
#right div.news h2 span{
	font:bold 22px/24px Arial, Helvetica, sans-serif;
	color:#386F00; background-color:#F8F8F8;
	}
	
#right div.news h2 span.date{
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	color:#7D633C; background-color:#F8F8F8;
	text-transform:uppercase;
	}

#right div.news ul{
	margin:20px 0 0 0; padding:0; list-style:none;
	}
#right div.news ul li{
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#BCBCBC; background-color:#F8F8F8;
	display:block; float:left;
	}
#right div.news ul li a.nec{
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#000000; background-color:#F8F8F8;
	padding:0 8px 0 0; text-decoration:underline;
	}
#right div.news ul li a.lacus{
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#000000; background-color:#F8F8F8;
	padding:0 0 0 8px; text-decoration:underline;
	}
#right div.news ul li a:hover{
	background-color:#FFFFFF; color:#000000;
	text-decoration:none;
	}
#right form {
	font-size:12px;
}

.rekord  a {
font-size:12px;
}
	
	
/*------------------------------------------Right End----------------------------------*/

/*------------------------------------------Left Start----------------------------------*/

#left{
	width:175px; margin:154px 0 0 0; padding:0; float:left;
	font-size: 11px
	}
#left a {
text-decoration:none;
color:#666666;
}
#left a:hover {
text-decoration:underline;
color:#666666;
}

#left ul.leftnav{
	margin:0 0 12px 0;; padding:30px 18px 41px 14px; list-style:none;
	background:url(images/left_top_gradient.gif) no-repeat 0 0 #F8F8F8;
	color:#7C7C7C;
	}
#left ul.leftnav li{
	background:url(images/grey_dotted.gif) repeat-x 0 100% #F8F8F8;
	font:bold 11px/19px Arial, Helvetica, sans-serif; height:20px;
	color:#7C7C7C;
	}
#left ul.leftnav li a{
	background:url(images/arrow_list.gif) no-repeat 0 5px #F8F8F8;
	font:bold 11px Arial, Helvetica, sans-serif; display:block;
	color:#7C7C7C; padding:0 0 0 13px; text-decoration:none; height:19px;	
	}
#left ul.leftnav li a:hover{
	background:url(images/arrow_list.gif) no-repeat 0 5px #F8F8F8;
	font:bold 11px Arial, Helvetica, sans-serif; display:block;
	color:#7C7C7C; 
	padding:0 0 0 15px; text-decoration:none; height:19px;	
	}
#left ul.leftnav li a.services{
	background:url(images/arrow_list.gif) no-repeat 0 5px #FFFFFF;
	font:bold 11px/19px Arial, Helvetica, sans-serif; display:block;
	color:#7C7C7C; padding:0 0 0 13px; text-decoration:none; height:19px;	
	}
#left ul.leftnav li.archives{
	background:none; background-color:#F8F8F8;
	font:bold 11px/19px Arial, Helvetica, sans-serif; height:20px;
	color:#7C7C7C;
	}
#left ul.leftnav li a:hover{
	background-color:#FFFFFF; color:#7C7C7C;
	}

#left form#member{
	padding:21px 14px 27px 14px; margin:0 0 12px 0; width:148px;
	background-color:#F4F0EA; color:#000000;
	}
#left form#member h2{
	font:bold 16px/18px Arial, Helvetica, sans-serif;
	color:#4D3F2A; background-color:#F4F0EA;
	padding:0 0 0 0; float:left;
	}
#left form#member input{
	background-color:#FFFFFF; 
	border-top:#808080 solid 1px; border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px; border-left:#808080 solid 1px;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#000000; width:122px; height:12px; padding:4px;
	float:left;
	}
#left form#member label{
	line-height:12px; display:block; float:left;
	}
a.register{
	font:bold 10px/12px Arial, Helvetica, sans-serif;
	color:#990200; background-color:#F4F0EA;
	margin:10px 0 8px 0; text-decoration:none; float:left;
	}
a.register:hover{
	background-color:#FFFFFF; color:#990200;
	}
a.password{
	background:url(images/password_bg.gif) no-repeat 0 0 #F4F0EA;
	font:bold 11px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-align:center; text-decoration:none;
	width:132px; height:16px; display:block; float:left;
	margin:0 0 10px 0;
	}
#left form#member input.goBtn{
	background:url(images/go_bg.gif) no-repeat 0 0 #F4F0EA;
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	color:#FFFFFF; width:24px; height:14px; border:none;
	cursor:pointer; padding:0 0 5px 0; float:right; 
	}
	
#left ul.bottomlink{
	margin:13px 0 0 14px; padding:0; list-style:none;
	}
#left ul.bottomlink li{
	background:url(images/box_list.gif) no-repeat 0 4px #FFFFFF;
	font:bold 11px/13px Arial, Helvetica, sans-serif;
	color:#000000; padding:0 0 0 12px; margin:0 0 3px 0;
	}
#left ul.bottomlink li a{
	background:url(images/green_arrow.gif) no-repeat 64px 2px #FFFFFF;
	font:bold 11px/13px Arial, Helvetica, sans-serif;
	color:#000000; text-decoration:none; width:80px;
	display:block;
	}
#left ul.bottomlink li a:hover{
	background:url(images/green_arrow.gif) no-repeat 70px 2px #FFFFFF;
	color:#000000;
	}


/*------------------------------------------Left End----------------------------------*/

/*------------------------------------------Footer Start----------------------------------*/

#footer{
	background:url(images/footer_bg.gif) repeat-x 0 0 #000000;
	color:#FFFFFF; height:64px; padding:26px 0 0 0;
	clear: both;
	}

#footer ul.nav{
	margin:0 auto; padding:0; list-style:none;
	width:610px;
	}
#footer ul.nav li{
	font:bold 11px/13px Arial, Helvetica, sans-serif;
	color:#F8F8F8; background-color:#474747; 
	float:left;display:block;
	}
#footer ul.nav li a{
	font:bold 11px/13px Arial, Helvetica, sans-serif;
	color:#F8F8F8; padding:0 8px; text-decoration:none;
	background-color:#474747;	
	}
#footer ul.nav li a:hover{
	background-color:#898888; color:#FFFFFF;
	}

#footer p.copyright{
	margin:0 auto; width:320px; padding:8px 0;
	font:normal 11px/13px Arial, Helvetica, sans-serif;
	color:#FFC57C; background-color:#474747;
	}
#footer p.design{
	margin:0 auto; padding:0; width:215px;
	font:bold 15px/17px Arial, Helvetica, sans-serif;
	color:#7FD702; background-color:#474747;
	}
#footer p.design a{
	font:bold 15px/17px Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#474747; text-decoration:none;
	}
#footer p.design a:hover{
	background-color:#676767; color:#FFFFFF;
	}



/*------------------------------------------Footer End----------------------------------*/
.podnaslov {
font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #FFFFFF;
height:22px;
background:url(images/podnaslov.gif) no-repeat 0 0 #F4F0EA;
padding-left: 20px;
padding-top: 1px;
margin-bottom: 0px;
}


#left ul{
	padding:14px 0px 0px 0px;}
#left ul li a{
	background:url(images/red_bullet.gif) no-repeat 11px 6px #FFFFFF;
	color:#7C7C7C;
	font:bold 11px/19px Arial, Helvetica, sans-serif; display:block;
	text-decoration:none;
	height:19px;
	width:155px;
	padding:0 0 0 21px;
	display:block; }
#left ul li a:hover{
	background:url(images/right_link_bg.gif) no-repeat 0px 0px #F3ECD9;
	color:#D57700;
	font:bold 11px/19px Arial, Helvetica, sans-serif; display:block;
	text-decoration:none;
	height:19px;
	width:155px;
	padding:0 0 0 21px;
	display:block; 
	}
* { 
font-family: Verdana; 
font-size: 96%; 
}
label { 
width: 10em; 
float: left; 
}
label.error { 
float: none; 
color: red; 
padding-left: .5em;
vertical-align: top; 
}
p { 
clear: both;
}
.submit { 
margin-left: 12em;
height: 25px !important;
}
em { 
font-weight: bold;
padding-right: 1em;
vertical-align: top;
}

/* Za meni */

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 170px;
}

ul#menu a {
  display: block;
  text-decoration: none;
  width: 170px;
}

ul#menu li {
  margin-top: 1px;
  width: 170px;

}

ul#menu li a {
  background:url(images/podnaslov.gif) no-repeat 0 0 #F4F0EA;
  color: #fff;
  font-size: 12px;	
  height: 21px;
  width: 155px;
  margin:0;
  padding-top: 1px;
}

ul#menu li a:hover {
  background:url(images/podnaslov_hover.gif) no-repeat 0 0 #F4F0EA;
  font-size: 12px;	
  color:#FFFFFF;
  font-weight:bold;
  width: 155px;
  height: 21px;
  padding-top: 1px;
}

ul#menu li ul li a {
  background: #fae3b6;
  color: #000;
  padding-left: 20px;
  width: 155px;
}

ul#menu li ul li a:hover {
  color: #b54b00;
  background: #fff;
  border-left: 5px #dc8801 solid;
  padding-left: 15px;
  width: 155px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }

.blok {
width: 240px;
float: left;
padding: 0;
margin-right: 10px;

}
.bloknaslov {
 color: #ffffff;
 padding-top: 3px;
 padding-left: 10px;
 padding-bottom:0px;
 width: 240px;
 background:url(images/block.jpg) no-repeat;
 height: 19px;
 font-weight: bold;
 margin: 0;
}
.bloknaslovzelen{
 color: #ffffff;
 padding-top: 3px;
 padding-left: 10px;
 padding-bottom:0px;
 width: 240px;
 background:url(images/blockzelen.jpg) no-repeat;
 height: 19px;
 font-weight: bold;
 margin: 0;
}
.bloknaslovplav{
 color: #ffffff;
 padding-top: 3px;
 padding-left: 10px;
 padding-bottom:0px;
 width: 240px;
 background:url(images/blockplavi.jpg) no-repeat;
 height: 19px;
 font-weight: bold;
 margin: 0;
}
.bloksadrzaj {
border-left: 1px solid #DFDFDF;
border-right: 1px solid #DFDFDF;
border-bottom: 1px solid #DFDFDF;
border-top: 1px solid #da7f01;
-moz-border-radius: 0 0 7px 7px;
border-radius: 0 0 7px 7px;
padding: 10px;
color: #474747;
margin: 0;
height:260px;
font-size: 11px;
line-height: 13px;

}
.bloksadrzaj a {
color: #5C9C00;
text-decoration: none;
font-weight: bold;
}
.bloksadrzaj a:hover {
color: #5C9C00;
text-decoration: underline;
}
.sadrzajclanovi {
padding: 10px;
background: #FFFFFF;
margin-right: 20px;
margin-bottom: 5px;
}
.sadrzajclanovi a {
display: block;
background: #ccc;
}
/* Navigation korisnika*/

#navigation ul, #navigation li {display: inline;}
#navigation {
clear: both;
height: 23px;
width: 730px;
border: 1px solid #ccc;
padding: 10px;
margin: 0 0 5px 0;
background: #ffffff;
}
#navigation a {
	background: #67a526;
	color: #ffffff;
	float: left;
	margin-right: 1px;
	font-weight: bold;
	padding: 5px 6px;
	text-align: center;
	text-decoration: none;
}
#navigation a:hover,#navigation li.current_page_item a {
	color: #543;
	background: #e69603;
}

/* Galerija slika */
.slika {
width: 170px;
height: 128px;
border: 1px solid #ccc;
float: left;
padding: 5px;
margin-right: 5px;
margin-bottom: 5px;
}
.slikainside{
width: 150px;
height: 113px;
margin: auto;
text-align: center;
}
.slikainside img {
border: 0;
}
.slikaopcije {
margin: auto;
width: 150px;
height: 15px;
text-align: center;
color: #ccc;
padding-top:2px;
}
.slikaopcije a {
color: #474747;
text-decoration: none;
}
.slikaopcije a:hover {
color: #e79901;
text-decoration: underline;
}
.osnovno {
width: 730px;
border: 1px solid #ccc;
-moz-border-radius: 7px;
border-radius: 7px;
-moz-box-shadow: 0 0 1px #888;
-webkit-box-shadow: 0 0 1px #888;
padding: 10px;
margin-bottom: 5px;
background: #ffffff;
}
.osnovno img {
border:0px solid #fff;
margin-right: 10px;
margin-bottom: 10px;
}
.glavni_blok {
width: 730px;
border: 1px solid #ccc;
-moz-border-radius: 7px;
border-radius: 7px;
-moz-box-shadow: 0 0 1px #888;
-webkit-box-shadow: 0 0 1px #888;
padding: 10px;
margin-bottom: 5px;
background: #ffffff;
height: 250px;
}
.glavni_blok img {
border:0px solid #fff;
margin-right: 10px;
margin-bottom: 10px;
}
.glavnipodaci {
width: 360px;
float:right;
padding: 10px;
padding-top:0;
background: #ffffff;
font-size: 14px;
height: 220px;
}
.dodatni {
float: left;
width: 350px;
height: 150px;
border: 1px solid #ccc;
-moz-border-radius: 7px;
border-radius: 7px;
-moz-box-shadow: 0 0 1px #888;
-webkit-box-shadow: 0 0 1px #888;
padding:10px;
margin-right: 8px;
margin-bottom: 5px;
}
.karakteristike {
width: 730px;
border: 1px solid #ccc;
-moz-border-radius: 7px;
border-radius: 7px;
-moz-box-shadow: 0 0 1px #888;
-webkit-box-shadow: 0 0 1px #888;
padding: 10px;
margin-top: 0;
margin-bottom: 5px;
background: #ffffff;
}
.karakteristike img{
border:0;
}
.rezultat {
width: 745px;
border: 1px solid #ccc;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 2px;
background: #ffffff;
margin-bottom: 3px;
}
.rezultat img {
border: 1px solid #ccc;
padding: 2px;
}
.rezultat a {
	color: #67a526;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.rezultat a:hover {
color: #db8401;
text-decoration: underline;
}
.detaljnije {
    background: url("images/detaljnije.gif") no-repeat scroll right 3px transparent;
    font-size: 10px;
    padding-right: 7px;
}

.zvezdice {
	width: 140px;
	float: right;
	text-align:right;
}
.zvezdice img {
	border: 0;
}
#google_translate_element {
	float:right;
	width: 155px;
}
#google_translate_element img{
margin-left: 923px;
margin-top: 1px;
}
.komentar {
	padding-top: 3px;
	padding-bottom: 3px;
	color:#999;
}
.pages {
width: 750px;
margin: auto;
}
.pages a {
border: 1px solid #93855F;
background-color: #F3ECD9;
font-family: Arial;
font-size: 12px;
color: #616161;
display: block;
float:left;
text-decoration: none;
width: 22px;
padding: 2px;
text-align:center;
margin: 2px;
}
.pages a:hover {
background: #CFC4A8;
border: 1px solid #4E8500;
}
.actpage a {
display: block;
background:#CFC4A8;
color:#616161;
}
.rekord  {
font-size:12px;
}
.smestajne_jedinice a {
	color:#000 !important;
	display: block;
	background: #fae3b6;
	padding: 10px;
	float: left;
	margin-left: 5px;
	text-decoration:none;
}
.smestajne_jedinice a:hover {
	color:#fff !important;
	background:#e08d01;
	text-decoration:none !important;
}
.sm_jed {
	border: 1px solid #ccc;
	padding:10px;
	padding-left: 20px;
	margin-bottom: 10px;
	width: 722px;
}
.dodaj_smestajnu {
	color:#000;
	display: block;
	background: #fae3b6;
	padding:6px;
	padding-left:10px;	
	width: 167px;
}
.dodaj_smestajnu hover{
	color:#FFF;
	display: block;
	background: #da7f01;
	padding:6px;
	padding-left:10px;	
	width: 167px;
}
.smestajne_jedinice a.active { 
	color:#fff !important;
	background:#e08d01;
	text-decoration:none !important;
}
#map {
width: 750px;
height: 400px;
border: 0px;
}

.infobox a{
	font-size: 13px;
}
.infobox a:focus { outline: none; }
.infobox h3{
	font-size: 13px;
}
.upit {
    background: #BAD9EB;
    padding: 11px;
    width: 731px;
	margin-bottom: 10px;
	-moz-box-shadow: 0 0 7px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 0 0 15px 15px;
}
.upit p{
	color: #525252 !important;
}
.upit span{
	color: #000 !important;
}
.uslovi ul {
padding: 20px;
list-style: square;
}
.uslovi ul li {
	text-align: left;
}
.lang_bar {
width: 120px;
height: 17px;
margin-left: 370px;
padding: 8px;
background-color:#ffffff;
border:1px solid black;
opacity:0.6;
}
.lang_bar a{
color: #DB8401;
font-weight: bold;
text-decoration: none;
}
.lang_bar a:hover{
color: #5A981B;
}
.lang_bar img {
border: 0;
float: left !important;
}
.mapa_icon { 
height: 15px;
float:right;
margin-top: -19px;
width: 86px;
}
.traka {
position: absolute;
z-index: 5;
border: 0;
}
.traka img {
border: 0;
}

#registracijaForm input {
height: 18px;
font-size: 11px;
padding: 2px;
}
#registracijaForm select {
height: 22px;
font-size: 11px;
padding: 2px;
}
#registracijaForm  {
font-size: 11px;
}

#registracijaForm td {
font-size: 11px;

}
.steps {
    background: none repeat scroll 0 0 #FAE3B6;
    font-size: 14px;
    margin: 2px 2px 10px;
    padding: 11px 3px 12px;
    width: 620px;
}
.steps span {
    border: 1px solid #FFFFFF;
    margin-right: 5px;
    padding: 8px;
}
span.active {
background:#AACEE3;
}
#registracijaForm.submit input
{
font-size: 15px;
} 
#posalji { 
	height: 30px !important;
	font-size:14px!important;
	background: #AACEE3;
	
	}
	
.reportaza {
position: absolute;
margin-left:600px;
z-index: 5;
border: 0;
}
.reportaza img {
border: 0;
}
.mapa_naslov {
background: #fff;
color: #67A526;
padding: 5px;
}
#slika {
height: 25px !important;
}
.uslovi {
font-size: 9px !important;
}
#rezervacijaForm input{
width:200px;
padding:4px 0 4px 4px;
margin-bottom: 3px;
}
#rezervacijaForm {
font-size: 13px !important;
}
#rezervacijaForm h2 {
    height: 17px !important;
    padding-top: 5px;
}
#rezervacijaForm #submit {
width:100px
}
#kontaktForm  input {
width:160px;
padding:4px 0 4px 4px;
margin-bottom: 3px;
}
#kontaktForm  #button {
width:100px
}

.clear {
clear: both;
}
.iframe_hoteli {
border: 0;
}

/*  Language bar */

/*
#language {
	height: 32px;
	width: 184px;
	float:right;
	z-index: 1;
	position:relative;
}

ul, li {
	margin:0; 
	padding:0; 
	list-style:none;
	z-index: 1;
}

.menu_class {
    background: url("images/button.png") no-repeat scroll right center #302F2F;
    color: #FFFFFF;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    padding: 5px 0 5px 11px;
    text-decoration: none;
    width: 110px;
}
.lang_list {
	display:none;
	width:119px;
	border: 1px solid #1c1c1c;
	font-size:12px;
	z-index: 1;
}

.lang_list li {
	background-color: #474747;
}

.lang_list li a {
    color: #FFFFFF;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    padding: 7px;
    text-decoration: none;
}

.lang_list li a:hover {
	padding: 7px;
	color: #DF8C00;
}
.flag{
	float:left;
	border:none;
	margin-right:12px;
	margin-top:2px;
	
}
*/
.hotels {
color: #fff;
width: 318px;
float: right;
font-family: Verdana;
font-weight: bold;
padding-top: 4px;
height:25px;
text-align: center;
background: url("/images/hotels.jpg") no-repeat;
}
.hotels a {
color: #fff !important;
}
.qr {
float: right;
}
.headbaner {
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    top: 24px;
	left:3px;
}
.osnova_objekat {
width: 730px;
border: 1px solid #ccc;
-moz-border-radius: 7px;
border-radius: 7px;
-moz-box-shadow: 0 0 1px #888;
-webkit-box-shadow: 0 0 1px #888;
padding: 10px;
margin-bottom: 5px;
background: #ffffff;
height: 250px;
}
.osnova_slika {
width: 340px;
border: 1px solid #ccc;
float:left;
}
.osnova_podaci {
width: 380px;
float: right;
border: 1px solid #ccc;
}