*		{ 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: #5D5D5D;}

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

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

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

.error { color: #CC0F13;}
.error_message { color: #CC0F13;}
.orange { color: #DE5C02;}
.orange_bold { color: #DE5C02; font-weight: bold;}
.gray_bold { color: #5D5D5D; font-weight: bold;}
.gray_normal { color: #5D5D5D; font-weight: normal;}
.spacer_1b { margin-bottom: 1px; }

h1 { color: #5B5A5A; font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 18px; font-weight: normal; padding: 5px 0 0 0; }
h2 { color: #5B5A5A; font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 15px; font-weight: normal; padding: 10px 0 0 0;}
h3 { color: #DE5C02; font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; padding: 0 0 5px 0;}

#page { float: right; width: 90%; margin: 0 20px 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: #E9E9E1; }
body {background: url('../../img/site/BKG_body.gif') left top repeat-x;}
#container {position: relative; width: 897px; 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: 448px; background: url('../../img/site/BKG_body.gif') left top repeat-x; min-height: 290px; z-index: 1;}
#rightcol {position: relative; margin-left: 448px; background: url('../../img/site/BKG_body.gif') left top repeat-x; min-height: 290px; z-index: 2;}

/************************ TOP *********************************/
#top	{float: left; width: 100%; height: 136px; background: url('../../img/site/BKG_top.gif') left top repeat-x; }
#logo	{float: left; width: 220px; height: 108px; margin: 0 0 0 93px;}
#top_lang	{float: right; width: 300px; height: 19px; color: #ffffff;  }
#lang {float: right; width: 210px; height: 12px; margin: 15px 10px 0 0; text-align: right;}
#lang a.lang_title { font-family: "Arial", Verdana, Helvetica, sans-serif; color: #ffffff; font-size: 11px; font-weight: bold; text-decoration: none;}
#lang a.lang_title:hover, #lang a.on {text-decoration: underline;}
#slogan	{float: left; width: 330px; height: 21px; margin: 28px 0 0 200px;}
#iso9001	{float: right; width: auto; height: 60px; margin: -30px 0 0 0;}
#main_menu	{float: left; width: 100%; height: 28px; margin-left: 8px;}

/************************ ADDRESS *********************************/
#address_wrapper {float: left; width: 100%; height: 44px; background: url('../../img/site/BKG_address_wrapper.gif') left top no-repeat;}
#address {float: left; width: 600px; height: 13px; margin: 17px 0 0 7px;}

/************************ SITE BODY *********************************/
#left_shadow {float: left; width: 7px; height: 425px; background: url('../../img/site/BKG_left_shadow.gif') left top no-repeat;}
#site_body {float: left; width: 880px; min-height: 453px; background: url('../../img/site/BKG_site_body.gif') left top repeat-y; border: 1px solid #C4C3C3; }
#right_shadow {float: left; width: 7px; height: 425px; background: url('../../img/site/BKG_right_shadow.gif') left top no-repeat; }

/************************ HEADER *********************************/
#header {float: left; width: 100%; height: 350px; background: #F6F6EE;}

/************************ CONTENT *********************************/
#wrapper {float: left; width: 840px; padding: 0 20px 0 20px;}
#content	{float: left; width: 610px; }
#content_text	{float: left; width: 590; padding: 0 20px 30px 0; }
#title_left {float: left; width: 100%; height: 40px; background: #F6F6EE; margin-bottom: 15px; border-bottom: 1px solid #C4C3C3;}
#right_side {float: right; width: 230px;}
#title_right {float: left; width: 100%; height: 40px; background: #F6F6EE; border-bottom: 1px solid #C4C3C3;}
#content_text .error_message { color: #CC0F13;}

#machine	{float: left; width: 200px; height: 110px; padding: 3px !important; margin: 0 15px 5px 0; border: 1px solid #C4C3C3;}

/* novosti-box */
.newsWrapper  {float: left; width: 210px; padding: 10px 0 30px 20px; }
.newsWrapper a { color: #5D5D5D; text-decoration: none; font-weight: bold;}
.newsWrapper a:hover { color:#5D5D5D; text-decoration: underline; font-weight: bold;}
.newsWrapper a.more, .newsWrapper a.all { color:#DE5C02; cursor: pointer;}

.news { list-style: none; }
.news h3 { color: #5D5D5D; margin-bottom: 0px; 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: #E25800; font-weight: normal; font-size: 12px;}
.news li p {color: #5D5D5D; font-weight: normal; font-size: 12px;}

/* naslovnica - prozori */
ul#home_box {float: left; list-style: none; padding: 0 !important; margin: 20px 0 0 0; width: 100%;}
ul#home_box li {float: left; width: 267px; height: 160px; background: #FFF; margin: 0 20px 20px 0;  padding: 3px; border: 1px solid #C4C3C3;}
ul#home_box li .heading	{ width : 267px; height: 32px; margin-bottom: 3px; background: #D6D6D6; }
ul#home_box li .heading span {display: block; padding: 8px 0 0 10px; color: #5D5D5D; font-size: 12px; font-weight: bold; }
ul#home_box li .intro {padding: 5px 0 0 0;}
ul#home_box li a.title {text-align: left; padding: 5px 0 5px 0; font-weight: normal; text-decoration: none; font-weight: bold; color:#DE5C02;}
ul#home_box li a.title:hover { text-decoration: underline;}

/* lista strojeva, 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: #F0830E; 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; display: block; text-align: center; border: 1px solid #C4C3C3; padding: 3px; margin: 5px 10px 5px 0;}
ul#cont_box li .cont	{float: left; width: 137px; height: 75px; margin: 0 15px 10px 0; border: 1px solid #C4C3C3; padding: 3px !important;}
ul#cont_box li .cont_box_wrapp	{float: left; width: 400px; }
ul#cont_box li a.title {text-align: left; padding: 5px 0 5px 0; font-weight: normal; text-decoration: none; font-weight: bold; color:#DE5C02;}
ul#cont_box li a.title:hover { text-decoration: underline;}

/* tab - galerija */
ul#gallery {list-style: none; padding: 0 !important; margin: 0 !important;}
ul#gallery li {float: left; width: 106px; height: 61px; background: none; margin: 0 15px 15px 0;  padding: 0 !important; border: 1px solid #C4C3C3;}
ul#gallery li a.imgwrapper { display: block; text-align: center; padding: 3px;}
ul#gallery li a { font-weight: normal; color: #0C0C0C; }
ul#gallery li a:hover { font-weight: normal; color: #A7020D; }

/* Reference */
ul#link_cont { margin-left: 0px; width: 100%; }
ul#link_cont { list-style: none; }
ul#link_cont h3 { color: #5D5D5D; margin-bottom: 6px; font-size: 12px; font-weight: bold;}
ul#link_cont li {float: left; width: 100%; margin-bottom: 10px; overflow: hidden; }
ul#link_cont li .portfolio_img {float: left; width: 130px; margin-right: 10px; }
ul#link_cont li .link_text {float: left; width: 400px; overflow: hidden;}

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

/* kontakt */
#contact_box	{float: left; width: 575px; margin: 0 30px 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: 882px; height: 38px; background: url('../../img/site/BKG_footer.gif') left top repeat-x; margin: 0 0 0 7px; }
#rights {margin: 0px auto; width: 500px; height: 20px; margin-top: 13px;  text-align: center; color: #D4D4D4;}
.sign {float: left; width: 882px; padding: 5px 0 30px 7px;}
.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; }