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

/************************ TYPO *********************************/
body	{ font-family: Tahoma,"Arial", Verdana, Helvetica, sans-serif; font-size: 11px; color: #818080;}

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

a.gray       { color: #818080; text-decoration: none;}
a.gray:hover { color: #818080; text-decoration: underline;}

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

a.gray_underline       { color: #818080; text-decoration: underline;}
a.gray_underline:hover { color: #818080; text-decoration: none;}

a.blue_bold       { color: #799EAF; text-decoration: none; font-weight: bold;}
a.blue_bold:hover { color: #799EAF; text-decoration: underline; font-weight: bold;}

.error { color: #CC0F13;}
.error_message {font-family: Tahoma,"Arial", Verdana, Helvetica, sans-serif; font-size: 11px; color: #CC0F13;}
.orange { color: #EE902C;}
.orange_bold { color: #EE902C; font-weight: bold;}
.blue_bold { color:  #76A0B4; font-weight: bold;}

.space_5b { margin-bottom: 5px;}
.space_5t { margin-top: 5px;}

a.blue { color: #3A94C8; font-weight: bold; text-decoration: none;}
a.blue:hover { color: #3A94C8; font-weight: bold; text-decoration: underline;}

h1 { color: #818080; font-family:  Arial, "Verdana", Helvetica, sans-serif; font-size: 17px; font-weight: normal; padding: 0 0 12px 30px;  background: url('../../img/site/BKG_header1.gif') 0 2px  no-repeat; }
h2 { color: #818080; font-family:  Arial, "Verdana", Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 0 0 5px 0;}
h3 { color: #EE902C; font-family:  Arial, "Verdana", Helvetica, sans-serif; font-size: 11px; font-weight: bold; }

#page { clear: left; padding-top: 11px; margin: 0 0 10px 0; text-align: right; line-height: 15px; }
#page a { color: #818080; background: #EBEBEB; text-decoration: none;}
#page a:hover { text-decoration: underline;}
#page a.letters { color: #818080;}
#page span { padding: 0 17px; }
#page span a { padding: 3px 7px; }
#page span a:hover,
#page span a.on { background: #B7B7B7; 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: #FFFFFF; }
body   { background: url(../../img/site/BKG_body.gif) left top repeat-x;}
#container 	{position: relative; padding-bottom: 30px; width: 780px; margin: 0px auto; }
#top	{width: 780px; height: 62px; margin-top: 0px;}

/************************ TOP *********************************/
#slogan	{float: left; width: 120px; height: 10px; margin: 37px 34px 0 69px;}
#top_img	{float: left; width: 372px; height: 62px;}
#lang {float: right; width: 110px; height: 12px; margin-top: 37px;}
a.lang_title {display: inline; font-family: "Arial", Verdana, Helvetica, sans-serif; color: #FFFFFF; font-weight: normal; text-decoration: none; padding-right: 20px;}
a.lang_title:hover {text-decoration: underline;}

/************************ MAIN MENU *********************************/
ul#nav {float:left; width: 780px; height: 12px; margin: 30px 10px 0 0; font-family:  Arial, "Verdana", Helvetica, sans-serif; list-style: none; *display: inline;}
ul#nav li {float:left; display: inline; list-style-type:none; background: none; font-size:11px; color:#949393; font-weight:bold; line-height:16px; padding:0 45px 0 0;}
ul#nav li a.numb {font-size:11px; color:#EE902C; font-weight:normal;  text-decoration:none;}
ul#nav li a.numb:hover {font-size:11px; color:#EE902C; font-weight:normal;  text-decoration:none;}
ul#nav li a {font-size:11px; color:#949393; font-weight:normal;  text-decoration:none;}
ul#nav li a:hover {font-size:11px; color:#EE902C; font-weight:normal;  text-decoration:none;}
ul#nav li a.on {font-size:11px; color:#EE902C; font-weight:normal;  text-decoration:none;}

/************************ HEADER *********************************/
#header	{float: left; width: 780px; height: 123px; margin-top: 30px;  border-top: 1px solid #8FA7A9; border-bottom: 1px solid #8FA7A9;}
#logo	{float: right; width: 149px; height: 123px; margin-right: 76px;}
#header_numb	{float: right; width: 124px; height: 123px;}
#header_img	{float: right; width: 373px; height: 123px;}

/************************ CONTENT *********************************/
#wrapper {float: left; width: 780px; border-bottom: 1px solid #8FA7A9; background: url(../../img/site/BKG_content.gif) left top repeat-y;}
#content	{float: left; width: 500px; min-height: 370px; padding: 35px 31px 20px 0;}

#img_txt	{float: left; width: 140px; height: 90px; padding: 3px !important; margin: 0 15px 5px 0; border: 1px solid #B7B7B7;}

#link_relation	{float: left; width: 100%; margin: 10px 0 10px 0; }
#link_relation a { color: #EE902C; font-weight: bold; text-decoration: none;}
#link_relation a:hover {text-decoration: underline;}

/* desna strana */
#right_side	{float: left; width: 220px; padding: 35px 0 20px 25px;}
.shadow {float: left; width: 135px; height: 195px; margin-bottom: 10px; background: url('../../img/site/BKG_shadow.gif') left top  no-repeat;}
#download_txt	{float: left; width: 210px; }
.right_box	{float: left; width: 100%; margin: 0 0 5px 0;}

/* tražilica-box */
#search_form { float: left; width: 100%; height: 25px; margin: 0 0 10px 0; }
#search_form input {float: left; padding: 2px; margin: 3px 10px 0 0; border: 1px solid #8FA7A9; background: #ffffff; font-size: 11px; color: #6E6E6E;}
#search_form #box_search {height: 15px; width: 125px;}
#search_form #search_button a.button4 { float: left; margin-top: 3px; background: transparent url('../../img/site/BKG_search_right.gif') no-repeat top right; color: #ffffff; display: block; font: bold 11px arial, sans-serif; height: 20px; padding-right: 21px; text-decoration: none;}
#search_form #search_button a.button4 span { background: transparent url('../../img/site/BKG_search_left.gif') no-repeat; display: block; line-height: 20px; padding: 0 3px 0 7px;} 
#search_form #search_button a.button4:hover {  color: #482c0e;  outline: none; /* hide dotted outline in Firefox */}

ul#download  {list-style: none; padding-bottom: 15px;}
ul#download li  {color: #818080; line-height: 12px; padding-left: 9px; margin: 0 0 4px 10px; background: url(../../img/site/orange_bullet.gif) 0px 3px no-repeat; height:1%;}
ul#download li a {color: #818080; text-decoration: none;}
ul#download li a:hover {color: #818080; text-decoration: underline;}

ul#news { list-style: none; }
ul#news h3 { color: #818080; margin-bottom: 0px; font-size: 11px; font-weight: bold;  padding: 0px;}
ul#news li { padding: 0 5px 5px 0;}
ul#news li .date {color: #EE902C; font-weight: normal; font-size: 11px;}
ul#news li p {color: #818080; font-weight: normal; font-size: 11px;}
.all {padding: 0 0 0 0px;}

/* novosti-box */
.newsWrapper  {width: 100%; margin-bottom: 15px; }
.newsWrapper h3 { color: #818080; margin-bottom: 0px; font-size: 11px; font-weight: bold;  padding: 0px;}
.newsWrapper h3 a       { color: #799EAF; text-decoration: none; font-weight: bold;}
.newsWrapper h3 a:hover { text-decoration: underline; }
.newsWrapper a       { color: #EE902C; text-decoration: none; font-weight: normal;}
.newsWrapper a:hover { text-decoration: underline; }
.newsWrapper a.more { cursor: pointer; color: #EE902C; }

/* novosti */
#select_box { float: left;  margin: 0 0 10px 0;}
#select_box .legend {float: left; display: block; color: #818080; padding: 2px 5px 0 0;}
#select_box fieldset	{ position:relative; font-weight:bold; }
#select_box select {float: left; width: 120px; height: 20px;  margin: 0 10px 0 0; border: 1px solid #B7B7B7; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #565555;}

ul#cont_box  {float: left; list-style: none; width: 500px; padding: 0 31px 20px 0;}
ul#cont_box .date  {color: #EE902C; font-weight: normal; font-size: 11px;}
ul#cont_box li {clear: both; margin: 5px 0 15px 0; zoom: 1; overflow: hidden; background: none;}
ul#cont_box li a.imgwrapper {float: left; display: block; text-align: center; border: 1px solid #B7B7B7; padding: 3px 3px 3px 3px; margin: 5px 10px 5px 0;}
ul#cont_box li .cont	{float: left; width: 125px; height: 75px; margin: 0 15px 10px 0; border: 1px solid #B7B7B7; padding: 3px !important;}
ul#cont_box li .cont_box_wrapp	{float: left; width: 400px; }
ul#cont_box li .cont_box_cell	{float: left; width: 230px; margin-right: 15px; }
ul#cont_box li ul li  {color: #C7C5C5; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 12px; padding-left: 9px; margin-bottom: 4px; background: url(../../img/site/orange.gif) 0px 3px no-repeat; height:1%;}

/* naslovnica */
#shop_windows 		{ float: left; width : 510px; margin-top: 20px;  overflow: hidden; }
.box_home 		{ float: left; width : 162px; height: 200px; padding: 15px 0 0 0; margin-right: 6px; zoom: 1; background: #EBEBEB; border: 1px solid #8FA7A9; overflow: hidden; }
.box 	{height: 95px; padding: 0 7px 15px 7px;}
.img_home 		{ float: left; width : 164px; height: 90px; border-top: 1px solid #8FA7A9; }

/* proizvodi */
.product_box 		{ float: left; width : 500px; margin: 5px 0 15px 0; zoom: 1; overflow: hidden; }
.product	{float: left; width: 98px; height: 98px; margin: 0 15px 0 0; border: 1px solid #8FA7A9;}
.product_wrapper 		{ float: left; width : 100px; margin: 10px 20px 0 0; zoom: 1; overflow: hidden; }
.product_text_wrapper 		{ float: left; width : 100%; margin: 10px 0 0 0; zoom: 1; overflow: hidden; }
.product_categ_wrapper 		{ float: left; width : 100%; margin: 0 0 20px 0; }
.product_categ_wrapper h2	{ padding: 0 0 0 0; }
.product_categ_wrapper .distrib_box { float: left; width : 135px; margin: 10px 20px 0 0;}

/* proizvod */
#product_title {font-size: 13px; color: #818080; font-weight: bold; margin-bottom: 15px;}
#product_big { float: left; width : 318px; height: 318px; margin-right: 25px; border: 1px solid #8FA7A9;}
#product_small_box { float: left; width : 155px;}
.product_small { float: left; width : 153px; height: 153px; margin-bottom: 10px; border: 1px solid #8FA7A9;}

#product_links {float: left; width: 500px; height: 12px; margin: 10px 0 15px 0;}
#product_links ul {float:left; font-family:  Tahoma, Arial, "Verdana", Helvetica, sans-serif;}
#product_links ul li {list-style-type:none; float:left; background: url('../../img/site/orange.gif') 0px 7px no-repeat; height:1%; font-size:11px; color:#949393; font-weight:bold; line-height:16px; padding:0 30px 0 0;}
* html #container #product_links ul li {border-top:1px solid #fff;}  /*  hack for IE6 */
#product_links a {font-size:11px; color:#949393; font-weight:bold;  text-decoration:none; padding:0 0 0 10px;}
#product_links a:hover, #product_links a.on {font-size:11px; color:#EE902C; font-weight:bold;  text-decoration:none;}

#product_txt {float: left; width : 490px; margin: 10px 0 15px 0;}
#product_txt ul {clear: both; list-style: none; margin: 10px 0 10px 20px;}
#product_txt ul li  {color:#818080; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; line-height: 12px; padding-left: 9px; margin-bottom: 4px; background: url('../../img/site/blue.gif') 0px 3px no-repeat; height:1%;}
#product_txt ul li a {color:#EE902C; text-decoration: none;}
#product_txt ul li a:hover {color:#EE902C; text-decoration: underline;}

/* projekti - galerija */
ul#gallery {list-style: none; padding: 0 !important; margin: 0 !important;}
ul#gallery li {width: 98px; height: 98px; border: 1px solid #8FA7A9; background: #FFF; float: left; margin: 0 25px 20px 0;  padding: 0 !important;}
ul#gallery li a { display: block; padding-top: 0px;}

/* brošura */
#form_txt	{float: left; width: 340px;}
#newsletter_box	{float: left; width: 135px; margin: 0 15px 0 0;}
#fields	{float: left; width: 340px; margin: 0 0 10px 0;}

/* kontakt */
#contact_box	{float: left; width: 500px; margin: 5px 0 15px 0;}
#contact_box #map_img { float: left; width : 98px; height: 98px; margin-right: 20px; border: 1px solid #8FA7A9;}
#contact_box .address { float: left; width : 135px; margin-right: 20px;}

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

/********************** FORM ********************************/
#query {float: left; overflow:hidden; width:340px; margin: 20px 0 20px 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: 780px; height: 50px; }

#footer_menu {float: left; width: 400px; height: 16px; }
#footer_menu ul {float:left; margin: 5px 0 0 -5px; font-family: "Arial", Verdana, Helvetica, sans-serif;}
#footer_menu ul li {list-style-type:none; float:left; background: url("../../img/site/topnav_bg.gif") 0% 50% no-repeat; font-size:9px; color:#EE902C; font-weight:bold; line-height:10px; padding:0 5px 0 5px;}
#footer_menu ul li.first {background:none;}
* html #container #footer_menu ul li {border-top:1px solid #fff;}  /*  hack for IE6 */
#footer_menu a {font-size:9px; color:#818080; font-weight: normal;  text-decoration:none;}
#footer_menu a:hover, #footer_menu a.on {font-size:9px; color:#EE902C; font-weight: normal;  text-decoration:none;}

.sign {float:right; margin: 5px 0 0 10px;}
.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; }
.sign span.black { color: #1A181D; }
.sign span.orange { color: #EB6E12; }

#rights {float: left; width: 780px; height: 16px; }