*		{ margin: 0; padding: 0; }
img, fieldset { border: none; }
:focus	{ outline: 0; }
a		{ text-decoration: underline; }
.alt	{ display: none; }

/************************ TYPO *********************************/
body {font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 12px; color: #746D5F;}

a       { color: #AC0101; text-decoration: underline;}
a:hover { color: #AC0101; text-decoration: none;}

a.orange { color:#DE5C02; text-decoration: underline;}
a.orange:hover { text-decoration: none;}

a.red_bold       { color: #AC0101; text-decoration: none; font-weight: bold;}
a.red_bold:hover { color: #AC0101; text-decoration: underline; font-weight: bold;}

a.red_underline       { color: #AC0101; text-decoration: underline;}
a.red_underline:hover { color: #AC0101; text-decoration: none;}

.error { color: #CC0F13;}
.red { color: #AC0101;}
.red_bold { color: #AC0101; font-weight: bold;}
.orange_bold { color: #DE5C02; font-weight: bold;}
.gray_bold { color: #746D5F; font-weight: bold;}
.gray_normal { color: #746D5F; font-weight: normal;}
.spacer_1b { margin-bottom: 1px; }

h1 { color: #746D5F; font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 17px; font-weight: normal; padding: 15px 0 25px 0; }
h2 { color: #5B5A5A; font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 15px; font-weight: normal; padding: 17px 0 0 0;}
h3 { color: #AC0101; font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; padding: 0 0 5px 0;}

#page { float: right; width: 100%; margin: 0 0 20px 0; text-align: right; line-height: 20px; }
#page a { color: #fff; background: #C6C6C6; text-decoration: none; }
#page a:hover { text-decoration: underline;}
#page a.letters { color: #746D5F;}
#page span { padding: 0 17px; }
#page span a { padding: 3px 7px 3px 7px; }
#page span a:hover,
#page span a.on { background: #979797; color: #fff; font-weight: normal; }
#page a.back,
#page a.forward { background: none; font-weight: normal; }
#page a.back { background: url('../../img/site/BKGmore2.gif') left 2px no-repeat; padding-left: 14px; }
#page a.forward { background: url('../../img/site/BKGmore.gif') right 2px no-repeat; padding-right: 14px; }

.clear { margin: 10px 0 10px 0; overflow: hidden; width: 100%;}
.clear a.button { background: transparent url('../../img/site/BKG_button_right.gif') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 11px arial, sans-serif; height: 22px; margin-right: 6px; padding-right: 14px; /* sliding doors padding */ text-decoration: none;}
.clear a.button span { background: transparent url('../../img/site/BKG_button_left.gif') no-repeat; display: block; line-height: 12px; padding: 5px 0 5px 13px;} 
.clear a.button:active { background-position: bottom right; color: #000;  outline: none; /* hide dotted outline in Firefox */}
.clear a.button:active span{ background-position: bottom left; padding: 6px 0 4px 14px; /* push text down 1px */} 
 
/************************ GENERAL *********************************/
html {background: url('../../img/site/BKG_html.jpg'); }
body {background: url('../../img/site/BKG_body.gif') left top repeat-x; }
#container {position: relative; width: 920px; margin: 0px auto; z-index: 3; padding-bottom: 30px;}
.column { width: 50%;  position: absolute;  top: 0;} 
.left {left: 0;} 
.right {right: 0;} 
#leftcol {position: relative; margin-right: 460px; background: url('../../img/site/BKG_body.gif') left top repeat-x; min-height: 152px; z-index: 1;}
#rightcol {position: relative; margin-left: 460px; background: url('../../img/site/BKG_body.gif') left top repeat-x; min-height: 152px; z-index: 2;}

/************************ TOP *********************************/
#top_wrapper	{float: left; position: relative; width: 100%; height: 141px; z-index: 4; }
#ts_left	{float: left; width: 10px; height: 141px; background: url('../../img/site/BKG_ts_left.gif') left top no-repeat; }
#top	{float: left; width: 900px; height: 141px; background: url('../../img/site/BKG_top.jpg') left top no-repeat; }
#logo	{float: left; width: 225px; height: 69px; margin: 15px 0 0 338px;}
#top_lang	{float: right; width: 150px; height: 19px; color: #746D5F;  }
#lang {float: right; width: 120px; height: 12px; margin: 20px 25px 0 0; text-align: right;}
#lang a.lang_title { font-family: "Arial", Verdana, Helvetica, sans-serif; color: #746D5F; font-size: 11px; font-weight: bold; text-decoration: none;}
#lang a.lang_title:hover, #lang a.on {text-decoration: underline;}
#ts_right	{float: left; width: 10px; height: 141px; background: url('../../img/site/BKG_ts_right.gif') left top no-repeat; }
#main_menu	{float: left; width: 900px; height: 37px; margin-top: 20px; background: url('../../img/site/BKG_main_menu.gif') left top no-repeat;}
#hand	{ position: relative; width: 272px; height: 182px;  z-index: 6; top: -146px; left: -160px; }

/************************ HEADER *********************************/
#wrapper {float: left; position: relative; z-index: 3; width: 100%; top: -41px; background: url('../../img/site/BKG_wrapper.gif') left top repeat-y; }
#hs_left	{float: left; width: 10px; height: 11px; background: url('../../img/site/BKG_hs_left.gif') left top no-repeat; }
#header {float: left; width: 900px; height: 187px; background: url('../../img/site/BKG_header.gif') left top repeat-x;}
#hs_right	{float: left; width: 10px; height: 11px; background: url('../../img/site/BKG_hs_right.gif') left top no-repeat; }

/************************ CONTENT *********************************/
#site_body {float: left; width: 900px; padding-left: 10px; }
#white_line_top {float: left; width:  100%; height: 11px; background: url('../../img/site/BKG_white_line_top.gif') left top repeat-x; }
#white_line_bottom {float: left; width:  100%; height: 11px; background: url('../../img/site/BKG_white_line_bottom.gif') left top repeat-x; }

/* leftside */
#leftside {float: left; width:  251px; min-height: 500px;}
#date {float: left; width:  100%; height: 20px; text-align: right; padding: 25px 0 0 0 ; font-size: 11px;}

.box 	{float: left; width : 100%;  margin: 0 0 10px 0; zoom: 1; overflow: hidden; background: url('../../img/site/BKG_box.gif') 0 0 no-repeat;}
.box .heading	 { width : 100%; height: 36px; }
.box .heading span	{display: block; padding: 10px 0 0 22px; color: #746D5F; font-size: 12px; font-weight: bold; }

ul.sub_menu  {clear: both; list-style: none; margin: 10px 0 10px 22px;}
ul.sub_menu li  {color: #746D5F; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 12px; padding-left: 9px; margin-bottom: 4px; background: url('../../img/site/BKG_sub_menu.gif') 0px 3px no-repeat; height:1%;}
ul.sub_menu li a {color:#746D5F; text-decoration: none; padding-left: 5px;}
ul.sub_menu li a.on {color:#AC0101; text-decoration: none; padding-left: 5px;}
ul.sub_menu li a:hover {color:#746D5F; text-decoration: underline;}

.banner {float: left; width:  210px; margin: 5px 0 10px 20px; }

/* content */
#content {float: left; width:  609px; min-height: 50px; padding: 0 20px 30px 20px; background: url('../../img/site/BKG_content.gif') left top repeat-x; }
#home_box {float: left; width:  385px; padding-right: 10px; }

#sub_box {float: left; list-style: none; margin: 5px 0 10px 0; width: 100%;}
#sub_box li {float: left; width: 180px; height: 115px; margin: 0 15px 20px 0; overflow: hidden;}
#sub_box li.even {margin: 0 0 20px 0;}
#sub_box li h3 { color: #746D5F; font-size: 12px; font-weight: bold; padding: 0 0 10px 0; background: url('../../img/site/BKG_sub_box.gif') left 5px repeat-x;}
#sub_box li .sub_img {float: right; margin: 5px 0 0 5px;}
#sub_box li a { color: #AC0101; font-size: 11px; text-decoration: none; font-weight: bold; cursor: pointer;}
#sub_box li a:hover { text-decoration: underline; }

/* o nama */
#content_text	{float: left; width: 600px; padding-bottom: 30px;}
#dubble_img	{float: left; width: 135px; margin: 0 10px 0 0; }
.left_img	{float: left; width: 125px; height: 85px; padding: 5px !important; margin: 0 10px 10px 0; background: url('../../img/site/BKG_left_img.gif') 0px 0px no-repeat; }
#content_text .error_message { color: #CC0F13;}

.pro_box	{float: left; width: 600px; padding-bottom: 10px;}
.pro_box h2 { color: #AC0101; font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; padding: 0 0 10px 0;}

/* novosti-box */
#news_box {float: left; width:  200px; }
.newsWrapper  {float: left; width: 180px; padding: 0 0 10px 20px; margin-top: 15px; background: url('../../img/site/BKG_news_box.gif') left top repeat-y; }
.newsWrapper a { color: #746D5F; font-size: 11px; text-decoration: none; font-weight: bold;}
.newsWrapper a:hover { color:#746D5F; text-decoration: underline; font-weight: bold;}
.newsWrapper a.more, .newsWrapper a.all { color:#AC0101; cursor: pointer;}
.newsWrapper a.more:hover, .newsWrapper a.all:hover { color:#AC0101; cursor: pointer; text-decoration: underline;}

.news { list-style: none; }
.news h3 a { color: #746D5F; font-size: 12px; font-weight: bold;  padding: 0 0 0 0;}
.news li { margin-bottom: 5px; padding: 5px 5px 0 0;}
.news li .date {color: #AC0101; font-weight: normal; font-size: 11px;}
.news li p {color: #746D5F; font-weight: normal; font-size: 12px;}

/* stalci */
ul#products {list-style: none; padding: 0 !important; margin: 0 !important;}
ul#products li {float: left; width: 125px; height: 185px; margin: 0 15px 20px 0;  padding: 5px; background: url('../../img/site/BKG_products.gif') 0px 0px no-repeat;}
ul#products li span {color: #746D5F; display: block; height: 14px; padding: 4px 5px 3px 5px; line-height: 10px; text-align: center;}
ul#products li a.imgwrapper { display: block; text-align: center; padding: 7px 0 0 0;}
ul#products li a { font-weight: normal; color: #0C0C0C; }
ul#products li a:hover { font-weight: normal; color: #A7020D; }

/* stalak */
#product {float: left; width: 125px; height: 185px; margin: 0 10px 10px 0;  padding: 5px; background: url('../../img/site/BKG_products.gif') 0px 0px no-repeat;}
#product span {color: #746D5F; display: block; height: 14px; padding: 4px 5px 3px 5px; line-height: 10px; text-align: center;}

/* stalak */
#board {float:left; border-collapse: separate; border-spacing: 0px; border: 0px; width: 300px;  text-align: left; vertical-align: top; margin: 5px 0 10px 0; font-size: 12px;}
#board th { height: 13px; color: #DE5C02; padding: 2px 2px 0 0; }

/* novosti */
#select_box { float: left;  margin: 0 0 10px 0; border: none; width: 100%; }
#select_box .legend {float: left; display: block; color: #5D5D5D; padding-top: 2px;}
#select_box fieldset	{ position:relative; font-weight:bold; font-size: 11px; border: none;}
#select_box select {float: left; width: 120px; height: 20px;  margin: 0 0 0 10px; border: 1px solid #B7B7B7; font-size: 11px; color: #565555;}

ul#cont_box  { list-style: none; width : 100%; }
ul#cont_box .date  {color: #DE5C02; font-weight: normal; font-size: 12px;}
ul#cont_box li {float: left; display: block; margin: 0 0 10px 0; width: 590px; }
ul#cont_box li a.imgwrapper {float: left; width: 125px; height: 185px; text-align: center; padding: 5px; background: url('../../img/site/BKG_products.gif') 0px 0px no-repeat; margin: 5px 10px 5px 0;}

/* lokacija */
#location {float: left; border: 1px solid #E3D7BE; padding: 3px; margin: 20px 0 20px 0; }

/* kontakt */
#contact_box	{float: left; width: 600px; margin: 0 0 15px 0;}
#contact_box .address { float: left; width : 170px; margin: 10px 20px 0 0;}

/********************** FORM ********************************/
#query {float: left; overflow:hidden; width:340px; margin: 20px 30px 10px 0;}
#query legend { font-size:1.333em; font-weight:bold; }
#query select, #query textarea, #query input { font-size:11px; border:1px solid #cdcdcd; margin-right: 3px; padding: 2px; color:#686868; }
#query select { padding:1px 2px; }
#query label { display:block; margin:0 0 5px; position:relative; }
#query em { color: #EE902C; font-family:  Tahoma, Arial, "Verdana", Helvetica, sans-serif; font-size: 11px; font-weight: bold;  }

#query  fieldset { width:265px; }
#query  input { width:256px; }
#query  select { width:262px; }
#query  textarea { width:256px; height:158px; overflow:auto; font-family:  Tahoma, Arial, "Verdana", Helvetica, sans-serif; font-size: 11px;}
#query  input.half { width:122px; }
#query  input.big { width:180px; }
#query  input.small { width:64px; }
#query  img { display: block; float: left; margin:0 7px 5px 0; border: 1px solid #BABABA; }
#query  #code { float: left; margin-top:0px;}


/************************ FOOTER *********************************/
#footer {float: left; width: 100%; height: 47px; background: url('../../img/site/BKG_footer.jpg') left top no-repeat;  }
#rights {margin: 0px auto; width: 500px; height: 20px; margin-top: 10px;  text-align: center; color: #ffffff;}
.sign {float: left; width: 900px; padding: 0 0 20px 10px; margin-top: -40px;}
.sign a{ font-family: Arial, Verdana,  sans-serif; font-size: 11px; text-decoration: none; color: #2284C7; }
.sign a:hover{color: #676869;}
.sign span{ color: #676869; }