@charset "UTF-8";
/*******RESET********/
html, body, p, a, ul, ol, li, img, h1, h2, h3, h4 {margin:0;padding:0;border:none;outline:none;list-style:none;text-decoration:none;}


/*******OSNOVNI*********/
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}

a:link {color: #000000;}
a:visited {color: #000000;}
a:hover {color: #000000;text-decoration: underline;}

img, input, select { vertical-align: middle; }

h1 { font-size: 18px; margin-bottom: 10px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }

caption { text-align: left; font-weight: bold; padding-left: 10px; }

#global { width: 927px; text-align:center; }

#flashheader { width: 927px; height: 188px; }

#nav {
	background: url(/img/nav_bg.jpg) repeat-x;
	width: 927px;
	height: 36px;
	text-align:left;
	overflow: hidden;
	margin: 8px 0px 15px 0px;
}
#nav #l { background: url(/img/nav_l.jpg); width:5px; height: 36px; float:left; margin-right: 5px; }
#nav #r { background: url(/img/nav_r.jpg); width:5px; height: 36px; float:right; }
#nav li{
	float:left;
	display:block;
	line-height:36px;
	margin: 0px;
	text-align: center;
	font-size:12px;
	background:url(/img/nav_li.jpg) no-repeat right;
}
#nav li a{
	text-align:center;
	display:block;
	padding: 0px 10px 0px 10px;
	font-weight:bold;
	color:#000;
	font-size:12px;
}
#nav li a:hover{
	background:url(/img/nav_over.jpg) repeat-x;
	text-decoration:none;
	color:#fff;
}
#nav li span { display: block; padding: 0px 10px 0px 10px; }

#left{
	float:left;
	width:183px;
	overflow:hidden;
}
#left_t{
	width:183px;
	height:33px;
	overflow:hidden;
	background:url(/img/left_t.jpg) no-repeat;
}
#left_c{
	border:2px solid #dddddd;
	width:174px;
	overflow:hidden;
	border-top:none;
	padding:5px 3px 5px 2px;
	text-align: justify;
}
#left_c a {
	display: block; 
	background:url(/img/lli.jpg) no-repeat;
	width:169px;
	height:25px;
	overflow:hidden;
	margin-top: 2px;
	padding-left: 5px;
	text-align: left;
	line-height: 26px;
	font-size: 13px;
	color: #0e2c3f;
}
#left_c a:hover {
	background: #838383;
	text-decoration:none;
	line-height: 27px;
	color:#fff;
}


#fullWidth {
	width: 907px;
	overflow: hidden;
	border: 1px solid #C0C0C0;
	padding: 10px;
	text-align: justify;
}

#main {
	float:right;
	width: 708px;
	overflow: hidden;
	border: 1px solid #C0C0C0;
	padding: 10px;
	text-align: justify;
}

#main li { list-style-type: disc; margin: 1px 0px 0px 20px; padding-left: 5px;}

#footer {
  height:30px;
  line-height:30px;
	background:url(/img/line.jpg) repeat-x top;
	text-align:center;
}


/******* INFO U BOJI ********/
.infoR, .infoG, .infoB { width:320px; padding:10px; }
.infoR { background-color: #FFEBE8; border: 1px solid #DD3C10; }
.infoG { background-color: #D7EBB8; border: 1px solid #8CC63F; }
.infoB { background-color: #D3E7F2; border: 1px solid #7FB8DB; }


.spacer5 { clear:both; height:5px;}
.spacer10 { clear:both; height:10px;}
.spacer20 { clear:both; height:20px;}
.spacerDot { clear:both; height: 20px; background:url(/img/line.jpg) repeat-x bottom; margin-bottom:10px;}

.inputfield, .inputfield_ba {
	width: 180px;
	height: 16px;
	padding: 0px 5px 0px 5px;
	border: 1px solid #888888;
	font-size:12px;
}
.inputfield_ba { width: 100px; color: #FF0000; }
.inputfield:focus, textarea:focus { border-color: #000000;}

.redborder { border-color:#BB4444;}
.redborder:focus { border-color:#FF0000;}

#nav .inputfield { width: 100px; }
#nav .inputfield:focus { border-color: #CCCCCC;}
#regform .inputfield { width: 320px; }



.searchcontainer {
  width: 208px;
  display: inline-block;
  vertical-align: middle;
}
.search {
	float: left;
	border-width: 1px 0px 1px 1px;
}
.cancelsearch {
  float: right;
  border: 1px solid #888888;
  height: 8px;
  padding: 4px;
  border-width: 1px 1px 1px 0px;
}
.cancelsearch img, .korpa_kpm img { opacity: 0.3; filter: alpha(opacity=30); cursor: pointer; }
.cancelsearch img:hover, .korpa_kpm img:hover { opacity: 0.6; filter: alpha(opacity=60); }

.korpa_kol_container {
  width: 100px;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 5px 0px 5px;
}
.korpa_kol {
  float: left;
  width: 76px;
  height: 32px;
  border: 1px solid #888888;
  border-width: 1px 0px 1px 1px;
  font-size: 24px;
  text-align: right;
  padding-right: 5px;
}
.korpa_kpm {
  float: right;
  border: 1px solid #888888;
  height: 8px;
  padding: 4px;
  border-width: 1px 1px 1px 0px;
}



.select {
	width: 192px;
	height: 18px;
	padding-right: 0px;
}

.button {
  height: 18px;
  border: 1px solid #888888;
  font-size: 12px;
}

.korpabtn {
  height: 24px;
  font-size: 16px;
  margin: 0px 10px 0px 10px;
  display: inline-block;
}

.gost-art-box {
  float: left;
  width: 160px;
  padding: 4px;
  border: 1px solid #666;
  margin: 0px 0px 0px 9px;
}
.gost-art-box.first { margin: 0px; }

.gost-art-box .naziv { float: left; width: 90px; padding: 3px 2px; background-color: #DDD; }
.gost-art-box .cena  { float: right; width: 60px; padding: 3px; background-color: #DDD; text-align: right}


textarea {
	width: 180px;
	height: 82px;
	padding: 5px;
	border: 1px solid #888888;
	font-size: 12px;
}

.outfld {
  display: inline-block;
  width: 80px;
  height: 14px;
  background-color: #EEEEEE;
  text-align: right;
  vertical-align: middle;
  padding: 2px;
}

.tbl th {
  background-color: #888888;
  color: #FFFFFF;
  padding: 2px 3px 2px 3px;
}
.tbl td { padding: 1px 3px 1px 3px; }

.tbl .par { background-color: #CCCCCC; }
.tbl .nepar { background-color: #DDDDDD; }
.tbl .par:hover, .tbl .nepar:hover { background-color: #AABBCC; }

.tbl .red { background-color: #FFEBE8; }
.tbl .blue { background-color: #90A8E0; }

.tbl .dashtop { background:url(/img/line.jpg) repeat-x top; padding-top:3px; }

.tbl a { font-weight: bold; color: #0e2c3f; }
.tbl a.inactive { color: #DD3333; }

.kupac {
	font-size: 13px;
}
.kupac th { padding: 3px; }
.kupac td { padding: 2px 3px 2px 3px; }