@charset "utf-8";
body { 
margin : 0; 
padding : 0; 
width : 100%; 
background-image : url(../images/b1.jpg); 
background-repeat : repeat-x; 
background : #ededed;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
} 
html { 
padding : 0; 
margin : 0; 
} 
a { 
color : #000; 
font : normal .9em Arial, Helvetica, sans-serif; 
line-height : 1.8em; 
text-decoration : underline; 
} 
a:hover { 
text-decoration : none; 
} 
.main { 
width : 100%; 
padding : 0; 
margin : 0 auto; 
} 
.resize { 
width : 1000px; 
margin : 0 auto; 
} 
.header { 
background-image : url(../images/b2.jpg); 
background-repeat : repeat-x; 
} 
.block_header { 
margin : 0 auto; 
width : 980px; 
} 
.logo { 
float : left; 
padding : 0; 
margin : 0; 
width : 323px; 
} 
.menu { 
padding : 0; 
margin : 50px 0 0 0; 
width : 650px; 
float : right; 
height : 39px; 
} 
.menu ul { 
padding : 0; 
margin : 0 30px 0 0; 
list-style : none; 
border : 0; 
} 
.menu ul li { 
float : left; 
margin : 0; 
padding : 0 5px; 
border : 0; 
} 
.menu ul li a { 
float : left; 
margin : 0 1px 0 0; 
padding : 15px 0; 
color : #a12c31; 
font : normal 13px Arial, Helvetica, sans-serif; 
text-decoration : none; 
} 
.menu ul li a span { 
padding : 15px 15px; 
background : none; 
} 
.menu ul li a:hover { 
color : #fff; 
background : url(../images/r_menu.gif) no-repeat right; 
} 
.menu ul li a:hover span { 
color : #fff; 
background : url(../images/l_menu.gif) no-repeat left; 
} 
.menu ul li a.active { 
color : #fff; 
background : url(../images/r_menu.gif) no-repeat right; 
} 
.menu ul li a.active span { 
color : #fff; 
background : url(../images/l_menu.gif) no-repeat left; 
} 
.slider { 
background : url(../images/jq-01.jpg) repeat-x top; 
margin : 0; 
padding : 0; 
height : 224px; 
color:#FFF;
} 
.slider .slider_resize { 
width : 978px; 
margin : 0 auto; 
padding : 6px 0 !important ; 
padding : 6px 0 0 0; 
height : 	140px !important ; 
height : 120px;

} 
.slider div h2 { 
font : normal 20px Tahoma, Geneva, sans-serif;  
margin : 0; 
padding : 25px 10px 10px 10px; 
line-height : 1.2em; 
} 
.slider div p { 
font : normal 11px Arial, Helvetica, sans-serif; 
color : #9ccef1; 
margin : 0; 
line-height : 1.8em; 
padding : 5px 10px; 
} 
.slider div p.img { 
float : right; 
padding : 0 42px 0 0; 
margin : 0;
width:auto;
} 
.slider2 { 
margin : 0 auto; 
padding : 0; 
height : 106px; 
} 
.slider2_resize { 
width : 970px; 
margin : 0 auto; 
padding : 0; 
} 
.slider2_resize h2 { 
font : normal 20px Tahoma, Geneva, sans-serif; 
margin : 0; 
padding :  10px; 
line-height : 1em; 
} 

.slider2_resize h1 { 
font : normal 20px Tahoma, Geneva, sans-serif; 
margin : 0; 
padding :  10px; 
line-height : 1em; 
} 

.slider2_resize p { 
font : normal 11px Arial, Helvetica, sans-serif; 
color : #9ccef1; 
margin : 0; 
line-height : 1.8em; 
padding : 5px 10px; 
} 
.body { 
padding : 0; 
margin : 0; 
background : #ededed; 
} 

.body h1 { 
font : normal 18px Arial, Helvetica, sans-serif; 
color : #a12c31; 
padding : 10px 35px; 
margin : 0;
background-image:url(../images/ho-m.gif);
background-position:left;
background-repeat:no-repeat;
}

.body h2 { 
font : normal 18px Arial, Helvetica, sans-serif; 
color : #a12c31; 
padding : 10px 35px; 
margin : 0;
background-image:url(../images/ho-m.gif);
background-position:left;
background-repeat:no-repeat;
}

h2.blue { 
font : normal 18px Arial, Helvetica, sans-serif; 
color : #a12c31; 
padding : 10px 35px; 
margin : 0;
background-image:url(../images/ho-m-b.gif);
background-position:left;
background-repeat:no-repeat;
}

h2.green { 
font : normal 18px Arial, Helvetica, sans-serif; 
color : #a12c31; 
padding : 10px 35px; 
margin : 0;
background-image:url(../images/ho-m-g.gif);
background-position:left;
background-repeat:no-repeat;
}

h2.vaga { 
font : normal 18px Arial, Helvetica, sans-serif; 
color : #a12c31; 
padding : 10px 45px; 
margin : 0;
background-image:url(../images/ho-m-v.gif);
background-position:left;
background-repeat:no-repeat;
}

.body h3 { 
font : bold 14px Arial, Helvetica, sans-serif; 
color : #a12c31; 
padding : 5px; 
margin : 0; 
}  
.body em { 
color : #666666; 
} 
.body p { 
font : normal 0.9em Arial, Helvetica, sans-serif; 
color : #463930; 
line-height : 1.8em; 
padding : 2px 5px; 
} 
.body p.gray { 
color : #c4c4c4; 
} 
.body span { 
line-height : 1.8em; 
} 
.body_resize { 
width : 960px; 
margin : 0 auto; 
padding : 0; 
background : #ededed; 
} 

DIV#content{ 
	width : 570px; 
	margin : 30px auto; 
	float : left;
}
DIV#right{ float:left; width:290px; }

.Welcome { 
width : 530px; 
padding : 10px 20px; 
background : #fff; 
border : 1px solid #d2d2ca; 
position: relative;
} 
.Latest { 
width : 288px; 
margin : 10px; 
padding : 20px 20px 10px 20px; 
float : left; 
} 
.Latest2 { 
width : 290px; 
margin : 10px; 
padding : 10px 20px; 
float : left; 
border : 1px solid #d1d2cd; 
background : #fff; 
color : #666; 
} 
.Latest .data { 
font : bold 14px Arial, Helvetica, sans-serif; 
color : #3895d5; 
background : #ededed; 
padding : 5px 8px; 
float : left;
width:auto;
margin : 5px 0; 
} 
.Latest a.news { 
background : url(../images/a_bg_News.gif) no-repeat right; 
padding : 0 20px 0 0; 
} 
p.response { 
text-align : center; 
color : red; 
font : bold 11px Arial, Helvetica, sans-serif; 
line-height : 1.8em; 
width : auto; 
} 
.butt { 
float : right;
width:auto;
} 

.butt2 { 
float : right;
margin-top:50px;

} 
.footer { 
padding : 0; 
margin : 0; 
background : #ededed; 
} 
.footer .resize div { 
padding : 25px 0; 
width : 100%; 
color : #a12c31; 
font : normal 11px Arial, Helvetica, sans-serif; 
text-align : center; 
} 
.footer .resize div p { 
padding : 0; 
margin : 0; 
} 
.footer .resize div a { 
padding : 0 5px; 
color : #a12c31; 
} 
.text_left { 
text-align : right; 
} 
p.clr, .clr { 
clear : both; 
padding : 0; 
margin : 0; 
background : none; 
} 
li.bg, .bg { 
clear : both; 
border-top : 1px dashed #808080; 
padding : 0; 
margin : 5px 0; 
background : none; 
} 
li.bg2, .bg2 { 
clear : both; 
border-top : 2px solid #3d3d3d; 
padding : 0; 
margin : 5px 0; 
background : none; 
} 
.btn { 
display : block; 
position : relative; 
background : #aaa; 
padding : 5px;
width:auto;
float : left; 
color : #fff; 
text-decoration : none; 
cursor : pointer; 
} 
.btn * { 
font-style : normal; 
background-image : url(../images/btn20000.png); 
background-repeat : no-repeat; 
display : block; 
position : relative; 
} 
.btn i { 
background-position : top left; 
position : absolute; 
margin-bottom : -5px; 
top : 0; 
left : 0; 
width : 5px; 
height : 5px; 
} 
.btn span { 
background-position : bottom left; 
left : -5px; 
padding : 0 0 5px 10px; 
margin-bottom : -5px; 
} 
.btn span i { 
background-position : bottom right; 
margin-bottom : 0; 
position : absolute; 
left : 100%; 
width : 10px; 
height : 100%; 
top : 0; 
} 
.btn span span { 
background-position : top right; 
position : absolute; 
right : -10px; 
margin-left : 10px; 
top : -5px; 
height : 0; 
} 
.btn.blue { 
background : #a00; 
} 
.btn.green { 
background : #9d4; 
} 
.btn.pink { 
background : #e1a; 
} 
.btn:hover { 
background-color : #2ae; 
} 
.btn:active { 
background-color : #444; 
} 
.btn[class] { 
background-image : url(../images/shade000.png); 
background-position : bottom; 
} 
* html .btn { 
border : 3px double #aaa; 
} 
* html .btn.blue { 
border-color : #2ae; 
} 
* html .btn.green { 
border-color : #9d4; 
} 
* html .btn.pink { 
border-color : #e1a; 
} 
* html .btn:hover { 
border-color : #a00; 
} 
p { 
clear : both; 
padding-bottom : 2em; 
} 
form { 
margin-top : 2em; 
} 
form p .btn { 
margin-right : 1em; 
} 
textarea { 
margin : 1em 0; 
} 
.big { 
font-size : 80%; 
} 
img, img a { 
border : 0; 
} 

/**slider**/

#slider { 
margin : 0; 
padding : 0; 
list-style : none; 
} 
#slider ul, #slider li { 
margin : 0; 
padding : 0; 
list-style : none; 
} 
#slider li { 
width : 978px; 
height : 140px !important ; 
height : 120px; 
overflow : hidden; 
} 
p#controls { 
margin : 0; 
position : relative; 
} 
#prevBtn, #nextBtn { 
display : block; 
margin : 0; 
overflow : hidden; 
width : 69px; 
height : 23px; 
position : absolute; 
left : 0; 
top : -50px; 
} 
#nextBtn { 
left : 75px; 
} 
#prevBtn a { 
display : block; 
width : 69px; 
height : 23px; 
background : url(../images/pn.png) no-repeat 0 0; 
} 
#nextBtn a { 
display : block; 
width : 69px; 
height : 23px; 
background : url(../images/pr.png) no-repeat 0 0; 
} 


/*button*/

.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(../images/btn20000.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #a00; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(../images/shade000.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }




#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:978px; height:212px !important; height:206px; overflow:hidden; }
p#controls { margin:0; position:relative; }
#prevBtn,
#nextBtn { display:block; margin:0; overflow:hidden; width:69px; height:23px; position:absolute; left:0; top:-50px; }
#nextBtn { left:75px; }
#prevBtn a { display:block; width:69px; height:23px; background:url(../images/pn.png) no-repeat 0 0; }
#nextBtn a { display:block; width:69px; height:23px; background:url(../images/pr.png) no-repeat 0 0; }

#logotip{
	float:left;
	width:160px;
	height:150px;
	}
	
#broj_posjeta{
	float:right; 
	position:absolute; 
	top:22px; 
	right: 20px; 
	color:#A12C31; 
	font-weight:bold; 
	text-align:right;
}
	
#popis{
	float:left;
	width:80px;
	height:80px;
}
	
#kontakt_podaci{
float:left;
width:330px;
padding:10px;
margin-left:10px;
line-height:0.9em;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:0.9em;
}
		
#kontakt_podaci ul{
	margin:0px;
	padding:0px;
}

#kontakt_podaci li{
	list-style-type:none;
	padding:0px 0px 0px 15px;
	margin:5px 0px;
	background : url(../images/ho-s.gif) no-repeat left; 
}

h3{margin:0 0 2px 0;font-size:110%}


/********** styles for the star rater *************/	
	
	
	.star-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 150px;
		height: 30px;
		position: relative;
		background: url(../images/star_rat2.gif) top left repeat-x;		
	}
	.star-rating li{
		padding:0px;
		margin:0px;
	
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:30px;
		height: 30px;
		line-height:30px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}
	.star-rating li a:hover{
		background: url(../images/star_rat2.gif) left center;
		z-index: 2;
		left: 0px;
		border:none;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:30px;
	}
	.star-rating a.two-stars{
		left:30px;
	}
	.star-rating a.two-stars:hover{
		width: 60px;
	}
	.star-rating a.three-stars{
		left: 60px;
	}
	.star-rating a.three-stars:hover{
		width: 90px;
	}
	.star-rating a.four-stars{
		left: 90px;
	}	
	.star-rating a.four-stars:hover{
		width: 120px;
	}
	.star-rating a.five-stars{
		left: 120px;
	}
	.star-rating a.five-stars:hover{
		width: 150px;
	}
	.star-rating li.current-rating{
		background: url(../images/star_rat2.gif) left bottom;
		position: absolute;
		height: 30px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
	
	
	
	/***************dropshadow input, text***************/
	
.input, textarea {
    background: url(../images/drop_shadow_image.gif) no-repeat 0 0;
}

.input, textarea {
    background: url(../images/drop_shadow_image.gif) no-repeat 0 0;
}
/* not for IE/Mac \*/
* html textarea {
    background-attachment: fixed;
}
/**/

/* pagination */
.pagination { padding-left: 0; text-align: center; margin:0px; }
.pagination li { display: inline; padding: 0px 2px 0px 0px; margin:0px }
.pagination a {	text-decoration:none; border: 1px solid #666; padding: 1px 6px; color:#666; }
.pagination a.current { background-color:#A12C31; color:#fff; }
/* end pagination */

table.prijava{width:530px;  font : normal 11px Arial, Helvetica, sans-serif; text-align:left; margin: 10px 0px; }
table.prijava th{width: 75px;  padding: 1px 4px; text-align:left; }
table.prijava td{width: 190px;  padding:2px; }
table.prijava input.button{border:1px solid #999999; background-color:#eee; cursor:pointer; margin: 5px 0px;}
table.prijava input{font : normal 11px Arial, Helvetica, sans-serif; border:1px solid #ccc;}
table.prijava select{font : normal 11px Arial, Helvetica, sans-serif; border:1px solid #ccc;}
table.prijava textarea{font : normal 11px Arial, Helvetica, sans-serif; background:none; border:1px solid #ccc; width:380px; height:100px;}
table.prijava th.upozorenje{ background-color:#CC2E1A; color:#FFFFFF;}
table.prijava td.upozorenje{ color:#CC2E1A;}
table.prijava th.poslano{ background-color:#0080C0; color:#FFFFFF;}
table.prijava td.poslano{}

label.search{ font-weight:bold; font-size:12px; }


.banner{ width:570px; height:70px;  display:block; margin-left:9px;}

ul#suggest_list {
	color: #000;
	cursor:pointer;
	position:absolute;
	top: 27px;
	left:0px;
	font-size: 11px;
	width: 240px;
	border: 1px solid #463930;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul#suggest_list li {
	padding: 0px 5px 0px 5px;
}
.list_item {background-color:white;}
#suggest_list li:hover {background-color: #cccccc;}