/****************

    ERIC MEYER'S RESET

****************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
HTML{ height:100%; }
body {
	height:100%;
	line-height: 1;
	color: #000000;
	background:url("bg/bg.jpg");
	font-family:Verdana;
	font-size:14px;
	scrollbar-face-color: #2d2c2f;
	scrollbar-shadow-color: #818181;
	scrollbar-highlight-color:#2d2c2f;
	scrollbar-3dlight-color: #818181;
	scrollbar-darkshadow-color: #414143;
	scrollbar-track-color: #5b5b5d;
	scrollbar-arrow-color: #ffffff;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
strong{
    font-weight:bold; 
}
em{ 
    font-style:italic; 
}

/****************

    STRUCTURE

****************/
#overlay{ width:100%; height:100%; z-index:10000; position:absolute; background:url("bg/ajax-loader.gif") 50% 50% no-repeat #000; text-align:center;}
.overlay{ width:100%; height:100%; z-index:1000; position:absolute;  background:url("bg/bg.jpg");}
#container{ width:100%; height:100%; margin:0 auto; /**/ }
    #header{ /**/ height:132px; background:url("bg/head_bg.jpg") repeat-x; }
		#logo{ float:left; }
		#options{ float:right; margin:25px 15px 0px 0px; }
			#options a{ margin-left:5px; }
		#keys{ float:left; margin-left:30px; }
	    #navigation{ /**/ float:left; width:100%; height:40px; background:url("bg/navigation_bg.jpg"); }
		#table{ min-width:100%; height:100%; }
			#table td{ border:0px; vertical-align:top; }
			#sidebar{ width:250px; }
			#content{  }
		#footer{ height:40px; background:url("bg/footer_bg.jpg") 10px 0px; }
		#footer a{ color:#FFF; margin:0px 20px 0px 0px; line-height:40px; }
		#footer a:hover{ color:#FF7B24;}
#content {
	background-color: #FFF;
	padding: 5px;
	width: 960px;
	margin:0px auto;
	min-height:400px;
	padding-top:10px;
}
#content_box {
	background-color: #efefef;
	width: 440px;
	min-height: 250px;
	float:left;
	margin-left:0px; margin-right:20px; margin-top:10px;
	 padding:4px;
}

.box{ margin:10px; padding:5px; background-color: #efefef; }

.stavka{
	width: 530px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #446588;
	min-height: 40px;
}
.stavka_in{
	padding: 2px;
	float: left;
	width: 50px;
	margin-right: 5px;	
};
		
		#print{ display:none; }
/****************

    TEXT

****************/

h1{color:#446588; font-size:16px; width:945px; border-bottom-color:#efefef; border-bottom:1px; border-bottom-style:dotted; padding-bottom:3px; margin-bottom:5px;}
h2{width:calc(100%-10px); height:30px; padding:0px 5px 0px 5px; line-height:30px; font-size:15px; background-color:#446588; color:#ffffff; }
h3{}
h4{}
h5{color:#ffffff; width:920px; height:25px; background-color:#446588; padding:4px; font:24; padding-top:10px; margin-top:10px;}
h6{}
p{}

/****************

    LINKS

****************/

a{ text-decoration:none; color:#446588; }
a img{ border:0px; }
a:hover{}

/****************

    IMAGES

****************/

img{}

/****************

    LISTS

****************/
ul li{ list-style:none; }

#keys ul li{ float:left; height:45px; margin-top:-1px; background:url("bg/keys_button.png"); position:relative; line-height:36px; color:#fff; font-size:13px; }
#keys ul li a{ display:block; height:100%; padding-left:20px; padding-right:14px; color:#fff; text-decoration:none; }

#navigation ul{ /**/ height:100%; }
	#navigation ul li{ /**/ display:inline; height:100%; border-right:1px solid #434343; }
	#navigation ul li.pomoc{ float:right; border-left:1px solid #434343;}
	#navigation ul li.search{ padding:0px; border:0px;}
	#search{ }
	#navigation ul li.search div{ float:left;  width:250px; margin-top:6px; height:29px; background-color:#3c3c3e; }
	#navigation ul li.search input[type="text"]{ width:170px; height:27px; float:left; margin-left:25px; background-color:#3c3c3e; border:0px; color:#fff; line-height:25px; }
	#navigation ul li.search input[type="submit"]{ width:25px; height:25px; float:left; margin-top:2px; background:url("bg/search.png"); border:0px; cursor:pointer; }
	#navigation ul li.stol{ width:400px; float:right; }
		.dodajStol{ height:25px; cursor:pointer; margin-left:5px;  margin-right:40px; font-weight:bold; }
		.odaberiStol{ width:140px; margin-left:10px; font-weight:bold; }
	#navigation ul li{ /**/ min-width:120px; height:100%; padding-left:20px; padding-right:20px; line-height:38px; }
	#navigation ul li a{ /**/ color:#fff; width:200px; font-size:14px; }

#submenu ul{ width:250px; border:0px; background:none; height:100%; overflow-y:scroll; overflow-x:hidden; }
	#submenu ul .arrow{ float:right; margin-top:15px; margin-right:5px; }
	#submenu ul li a{ width:205px; height:100%; display:block; padding-left:20px; padding-right:25px; background-image:url("bg/submenu_bg.png"); color:#fff; line-height:52px; min-height:52px; border-top:1px solid #343838; cursor:pointer; border-right:1px solid #343838; border-bottom:1px solid #343838; border-left:1px solid #2d3031; }
	#submenu ul li.k-state-selected{ background-image:url("bg/articles_bg_hover.png");}
	#submenu ul .itemhover, #submenu ul li:hover{ background-image:url("bg/articles_bg_hover.png");}

	#artikli{ margin-top:10px; }
	#artikli ul li{ width:100%; min-height:25px; list-style:none; cursor:pointer; float:left; overflow:hidden; }
		#artikli ul li a{ display:block; width:100%; height:100%; }
		#artikli ul li .frame{ margin:2px; background:#C9D6E4; border:1px solid #446588; }
		#artikli ul .img{ width:50px; height:60px; float:left; overflow:hidden}
		#artikli ul h3{ width:100%; overflow:hidden; margin:5px 0px 0px 5px; font-size:13px; font-weight:bold; line-height:15px; }
		#artikli .frame div{ margin:5px 0px 0px 5px; font-size:12px; color:#446588; line-height:15px; }
		#artikli .frame p{ width:140px; float:left; }
label {
	height: 18px;
	width: 180px;
	margin-right: 20px;
	display: block;
	float: left;
	padding-top:3px;
	margin-top:6px;
}

.login{ margin:100px auto 100px auto; width:277px; }
.login p{ padding-bottom:3px; padding-top:3px; width:100%; height:30px; position:relative; }
.login label{ width:100px; height:100%; vertical-align:top; line-height:22px; position:relative; font-size:12px; display:inline-block; margin-top:0px; }
.login .it{ width:150px;  }
.login .gumb{ float:right;}

/* račun */
#filter{ margin:10px 0px 0px 0px; }
#filter li{ height:40px; float:left; margin-right:10px; line-height:20px; }
#filter label{ width:auto; margin:0px 0px 0px 0px; padding:0px 10px 0px 10px; }
#filter select{ width:150px; }

.racun_left{ float:left; width:550px; }
.racun_right{ float:left; width:340px; margin-left:10px; }
#racun{ width:100%;}
	#stavke{ width:100%; overflow-y:scroll; overflow-x:hidden;}
	.racun{ width:100%; }
	.racun thead td{ color:#000; height:23px; font-size:12px; line-height:33px; text-align:center; } 
	.racun thead td.naz{ text-align:left;}
	.racun thead td:first-child{ padding-left:10px; text-align:left; } 
	.racun tbody{ color:#000; }
	.racun textarea{ display:block; width:540px; height:50px; resize:none; }
	.racun .input{ width:80px; margin:0px; margin-right:5px; font-size:13px }
	.racun .kol{ width:40px; text-align:center; margin:auto; float:none; }
	.racun tbody td{ padding:5px 0px 5px 0px; font-size:12px; text-align:center; vertical-align:top; }
	.racun tbody td.border{ border-top:1px solid #446588 !important; }
	.racun tbody td:first-child{  text-align:left; line-height:15px; }
	.racun tbody td:first-child div{ height:30px; overflow:hidden; }
	.racun .ui-spinner{ position:relative; margin-left:20px; margin-top:0px; }
	.racun .ui-spinner-down{ width:20px; height:20px; position:absolute; left:0px; border:0px; background:url("bg/spinner_down.jpg"); color:transparent; cursor:pointer;}
	.racun .ui-spinner-box{ width:30px; height:20px; position:absolute; left:20px; border:0px; background-color:#707070; padding:0px; font-size:11px; text-align:center; color:#fff; }
	.numeric{ width:30px !important; margin-top:0px; height:20px; border:0px; background-color:#707070; padding:0px;}
	.racun .ui-spinner-up{ width:20px; height:20px; position:absolute; left:50px; border:0px; background:url("bg/spinner_up.jpg"); color:transparent; cursor:pointer;}
	.racun .opt{ width:60px; margin:auto;}
	.racun .opt a{ float:left; font-weight:bold; line-height:20px; margin-right:5px; }
	.racun .delete{ width:20px; height:20px; float:left; margin-left:5px; border:0px; background:url("bg/delete.jpg"); cursor:pointer; }
	
	.forma p{ padding-bottom:3px; padding-top:3px; width:410px; height:30px; position:relative; }
	.forma label{ width:130px; height:100%; vertical-align:top; line-height:22px; position:relative; font-size:12px; display:inline-block; margin-top:0px; }
	.forma .input{width:130px; }

	.suma .cijena{ display:block; position:relative; text-align:right; font-family:Arial; font-weight:bold; color:#446588; font-size:30px; }
	.suma .opcije{ width:100%; }
	.suma .opcije div.l{ width:200px; margin:15px 0px 10px 10px; float:left; }
	.suma .opcije div.r{ width:180px;margin:15px 15px 10px 0px; float:right; text-align:right; }
 	.suma select{ width:65px; height:22px; line-height:22px; margin-left:10px; font-size:14px;}
 	.suma .l select{ width:95px; }
	.suma p{ display:block; width:100%; margin:10px 0px 10px 0px}
	.suma .input{ width:120px; }
	
		
	.suma .odustani{ width:120px; margin:0px 10px 10px 0px; float:right; height:40px; border:0px; background:url("bg/button_odustani.png"); cursor:pointer; }
	.suma .troskovnik{ width:120px; margin:10px 10px 10px 0px; float:right; height:40px; border:0px; background:url("bg/button_predracun.png"); cursor:pointer; }
	.suma .end{ width:149px; margin:10px 10px 10px 0px; float:right; height:40px; border:0px; background:url("bg/button_end.png"); cursor:pointer;}
	
	.postotak{ display:none; margin-top:2px; }
	.button_postotak{ width:22px; height:22px; text-align:center; cursor:pointer; border:0px; background-color:#446588; color:#fff; }
	.button_refresh{ width:22px; height:22px; position:absolute; left:0px; top:5px; border:0px; background:url("bg/button_refresh.png"); background-size:cover; cursor:pointer; }
	
	#r1{ width:90%; margin:auto; display:visible; }
	#r1 p{ display:block; margin:0px; padding:0px; width:100%; position:relative; }
	#r1 label{ color:#000; display:block; line-height:20px;  }
	#r1 input[type="text"]{ display:block; width:100%; height:21px; padding:2px; margin-bottom:5px; border:2px solid #7eb923; }
	#label_tip_racuna{ cursor: pointer;}
	
	#r1{ width:90%; margin:auto; display:visible; }
	#r1 p{ display:block; margin:0px; padding:0px; width:100%; position:relative; }
	#r1 label{ color:#000; display:block; line-height:20px;  }
	#r1 input[type="text"]{ display:block; width:100%; height:21px; padding:2px; margin-bottom:5px; border:2px solid #7eb923; }
	#label_tip_racuna{ cursor: pointer;}

.ispis_racuna{ width:16cm; font-size:13px; line-height:1.2; }

.left{ float:left; }
.right{ float:right; }

.clear {
	clear:both;
}
.edit {
	text-decoration: underline;
}
/*forme*/
input {
	font-size: 12px;
	/*width:200px;*/
	color: #000;
	height: 18px;
	border: 1px solid #446588;
	padding-left:2px; padding-right:2px;
	/*margin-top:6px;
	margin-right:10px;;*/
	float:left;
}

input:focus {
	border: 1px solid #000000;
	background-color: #C9D6E4;
}
.text {
	font-size: 12px;
	width:500px;
	color: #000;
	border: 1px solid #446588;
	padding-left:2px; padding-right:2px;
	margin-top:6px;
	margin-right:10px;
	float:left;
}

.text:focus {
	border: 1px solid #000000;
	background-color: #C9D6E4;
}
input:hover {
	background-color: #FF7B24;
}
select {
	font-size: 12px;
	color: #000;
	height: 22px;
	border: 1px solid #446588;
	padding-left:2px;
}

select:focus {
	border: 1px solid #000000;
	background-color: #C9D6E4;
}
select:hover {
	background-color: #FF7B24;
}
/*
usefull classes
*/
.clear{ width:100%; clear:both; height:1%; font-size:1px; }
.flash-replaced .alt { display: block; height: 0; position: absolute; overflow: hidden; width: 0; }
.gumb {
	height: 22px;
	width: 120px;
	line-height:20px;
	border: 1px solid #446588;
	background-color: #C9D6E4;
	cursor:pointer;
}
.gumb_veci {
	height: 35px;
	width: 200px;
	border: 1px solid #446588;
	background-color: #C9D6E4;
	font-size: 16px;
}

.grid_header {
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #446588;
	height:40px;
	padding:2px;
}

.grid_row {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #446588;
	height:25px;
	padding:2px;
}
.grid_row {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #446588;
	height:25px;
	padding:2px;
}
.grid_row select {
	margin-top:-10px;
	padding:0;
	width:100%;	
}
.grid_row input {
	margin-top:-7px;
	padding:0;
	width:100%;	
}