body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS",verdana,tahoma,sans-serif;
	font-size: 11px;
	color: #5D574B;
	text-align: center;
}
div#container {
	line-height: 1.25em;
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

/* ----------------[ common elements ]---------------- */
h1, h2{ font-size:1.5em; font-weight:normal; margin:0; color: #00497D;}
h3{ font-size:2.3em; margin:0; line-height: 1em; }
h4{ font-size:1.3em; font-weight:bold; margin:5px 0 4px 8px; color: #00497D;}
h5{font-size:1.5em; font-weight:normal; margin:4px 0 2px; line-height: 1.2em;}
h6{font-size:1.4em; margin:0; line-height: 1.2em;}
a:link, a:visited { color: #00497D; text-decoration: none;}
a:hover{ text-decoration: underline;}
a:link img, a:visited img{border: 0;}

.hidden { display: none; }

/* ----------------[ header top ]---------------- */
#header-top img{float:left}
#header-top ul{margin:0; padding:0; list-style:none; float:right; width:27%; font-size: .9em; text-align:right; margin: 8px 0 0 0;}
#header-top li{margin:0; padding:0 4px 0 4px; float:left; text-align:right;}

/* ----------------[ navigation ]---------------- */
#navigation{
	height:40px;
	margin-bottom:4px;
	background: url(/img/nav_bg.jpg) repeat-x;
}
* html #navigation{margin-bottom:0;}
#nav{list-style:none; margin:0 0 0 6px; padding:0; font-size:1.6em;}
#nav li{position: relative; float:left; margin:0; padding:0;}
#nav li a:link, #nav li a:visited{padding:16px 11px 10px 11px; display: block;}

#nav ul { 
	position: absolute;
	min-width:150px;
	font-size:.9em;
	font-weight:normal;
	max-width: 220px;
	top: 2.5em;
	left: 0;
	padding:0 5px;
	background-color:#FFF;
	list-style-type: none;
	list-style-position: outside;
	/*background:url(/img/submenu_bck.png);*/
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;

}
*:first-child+html #nav ul{left: -3em;}

#nav ul li { display: none; float:none; padding:0; margin:0; border: none;}
#nav li li a:link, #nav li li a:visited {margin:0; padding:7px 5px 5px 5px;} 
*:first-child+html #nav li li a:link, *:first-child+html #nav li li a:visited{ padding:4px 5px 4px 5px;}
* html #nav li li a:link, * html #nav li li a:visited {margin:0; padding:4px 5px 0px 5px;} 

#nav ul li a:hover, #nav li.active ul li a:hover {background-color:#FFF;}
* html  #nav ul li a:hover{background-image:none;}
#nav li:hover li, #nav ul li:hover, #nav li.hovered li, #nav ul li.hovered{ display: block; }
* html #nav ul{left: -3em;}

/* ----------------[ offer center ]---------------- */
#our-offer{margin:0 0 3px 0;}
#our-offer div{float:left; width:298px; margin-right:3px; background: url(/img/ponuda_bg.jpg) repeat-x;}
#our-offer div.last{margin-right:0;}
#our-offer div img{float:left; margin:0 4px 0 4px;}
#our-offer div span{line-height:2.2em; vertical-align:middle;}

/* ----------------[ content]---------------- */
#content{width:100%; min-height:200px; margin:15px 0 20px 0;}
#special-offer{background:url(/img/special_offer_bg.jpg) no-repeat; min-height: 90px; height: 1%; position: relative; }
	#special-offer-container { float: left; width: 816px; overflow: hidden; position: relative; }
	#special-offer-content { position: relative;  }

#special-offer p{margin:0; color:#FFF; font-size: 1.3em; padding:5px 0 0 15px;}
#special-offer .left-arrow{padding:80px 0 0 0; width:40px; float:left;}
#special-offer .right-arrow{padding:80px 0 0 0; width:40px; float:right;}
#special-offer .special-offer-box{
	width:180px;
	height:133px;
	background:url(/img/special_offer_box.jpg) no-repeat;
	float: left;
	position: relative;
	margin: 15px 12px 0 12px;
}
#special-offer .special-offer-box img{border:solid 1px #00497D; margin:0 50px 5px 8px; width:100px; height:75px;}
#special-offer .special-offer-box span{float:left; margin-left:10px; font-size: 1.1em; font-weight:bold;}
#special-offer .special-offer-box a.special-offer-link{float:right; margin-right:10px;}

/* ----------------[ content - news & calculator ]---------------- */
#news{width: 585px; float: left; padding:30px 0 0 22px; margin-right:15px; background: url(/img/content_line.jpg) no-repeat;}
#news .news-box{float:left; width:42%; margin-right:6%;}
* html #news .news-box{margin-right:30px;}
#news .news-box div{margin:4px 0 8px 0;}
#news .news-box a{float:right; font-size:0.9em;}
#news .news-box span{float:left;}
#news h2.main-news-sub{ margin:5px 0 12px 0; font-size:1.4em; color: #5D574B;}
#news .main-news-img{padding:2px; border:solid 1px #407FC4; float:left; margin:0 5px 3px 0;}

#news-content { width: 585px; }
#news-content.loading { height: 100px; background: url(/img/loading.gif) no-repeat center center; }

/* ----------------[ content - products ]---------------- */
#products-list{width:600px; float:left;}
#products-list.loading { height: 250px; background: url(/img/loading.gif) no-repeat center center; }
#products-list ul{margin:0; padding:0; list-style:none;}
#products-list ul li{width:290px; float:left; margin:15px 10px 0 0;}
#products-list ul li img{width:100px; height:75px; border:solid 1px #D5E7F5; float:left; margin-bottom:2px;}
.product-list-info{width:180px; float:right; color: #00497D;}
.product-list-info p{margin:0; font-size:1.2em; font-weight:bold; border-bottom:1px solid #407FC4;}
#products-list .product-list-info ul li{margin:3px 0; color:#5D574B;} 
.product-list-price{width:290px; height:24px; background:url(/img/product_list_bg.jpg) repeat-x;}
.product-list-price .price{float:left; width:35%; padding:3px 0 0 5px; color: #00497D; font-size:1.1em; font-weight:bold;}
.product-list-price a{float:right; display:block; text-align:right; width:60%; padding:3px 5px 0 0;}

#static-content{width: 590px; float: left; padding:30px 10px 0 22px; background: url(/img/content_line.jpg) no-repeat}
#static-content li{list-style:square;}

#calculate{float:right; background:url(/img/calculate.jpg) no-repeat; width:260px; min-height: 225px; margin:0 0 0 5px; padding:5px 0 0 10px; }
#calculate form{margin:0; position: relative; padding-bottom: 15px;}
#calculate input { width: 75px; }
#calculate #capacity { width: 150px; }
#calculate p{margin:0;}


#calculate .submit{background:transparent url(/img/izracunaj_btn.jpg) no-repeat scroll left top; border:0 none; height:20px; width:84px;}
#capacity_err { position: absolute; bottom: 2px; left: 0; color: red; }

.reference{margin-top:10px; border-bottom:solid 1px #e6e6e6;}
.reference p{margin:0;}

.faq{margin:5px 0 5px 0; font-size:1em;}
.faq a{margin:3px 0 3px 0; border-bottom:solid 1px #00497D; font-size:1.2em; display:block;}
.faq div{margin:5px 0 5px 0; border:solid 1px #e6e6e6; padding:5px;}

#static-content ul.contacts{margin:20px 0 0 0; padding:0;}
#static-content ul.contacts li {list-style:none; padding:2px 0 2px 0; font-size:1.2em;}
#static-content ul.contacts li span{font-weight:bold; width:120px; display:block; float:left;}
#static-content ul.contacts li.title{font-size:1.4em; margin-bottom:5px; font-weight:bold;}

#static-content ul.services{font-size:1.1em; font-weight:bold; line-height:1.4em;}
#static-content ul.services span{font-weight:normal;}

/* ----------------[ content - navigations ]---------------- */
#news-nav, #products-list #products-nav-container{width:600px; clear: both; text-align: center; padding-top:20px; font-weight: bold; min-height:35px;}
#news-nav ul, #products-list #products-nav-container ul{list-style:none; margin:0; padding:0;}
#news-nav li, #products-list #products-nav-container li{display: inline; margin:0; padding:0 2px 0 2px;}
#news-nav li.active, #products-list #products-nav-container li.active{ border:solid 1px #CCC;}
#news-nav li.active a:link, #news-nav li.active a:visited, #products-list #products-nav-container li.active a:link, #products-list #products-nav-container li.active a:visited{color: #CCC;}

#products-list #products-nav-container li{width:auto;}
#products-list #products-nav-container img{border:none; width:auto; height:auto;}

.main-news-date{text-align:right;}



/* ----------------[ price list ]---------------- */
p.price-list-title{font-size:1.4em; margin:15px 0 0 0; border-bottom:solid 1px #00497D;}
p.price-list-title a:hover{text-decoration:none; display:block; font-weight:bold;}
table{width:100%; border:none;}
table .price-table-titles{font-weight:bold;}
table .product-title{width:200px;}
table .product-code{width:50px;}
table .product-warranty{width:80px;}
table .product-price{width:100px;}
table .product-detial{width:100px;}
table .product-order{width:100px;}
table a{font-weight:bold;}
table td{border-bottom:solid 1px #ccc; }
table .price-table-titles td{border-bottom:solid 2px #999; padding:4px 0 2px 0; font-size:1.2em;}
table .old-price{width:80px;}
table .discount{width:60px;}
table td.discount-content{ text-decoration:line-through;}

/* ----------------[ order ]---------------- */
#order .order-header{margin:10px 0 0 0;}
#order div img{float:left; margin:0 6px 0 0; border: 1px solid #D5E7F5;}
#order div.order-title{font-size:1.4em; width:60%; float:left; color: #00497D;}
#order div.order-price{width:21%; float:right; text-align:right; font-size:1.3em; margin:6px 0 0 0; font-weight:bold; color: #00497D;}
#order div.delivery-price{margin:4px 0 0 0; font-size:1.2em; font-weight:bold; width:81%; float:left;}
#order div.order-num{width:95%; float:left; margin:6px 0 0 0;}
	#order div.order-num span { margin: 0 .25em 0 .75em }

#order div.order-body{width:100%; font-size:1.1em;}
#order div.order-body p{font-size:1.2em; font-weight:bold; border-bottom: solid 1px #999;}
#order div.order-body div{margin:3px 0 3px 0; position: relative; }
#order div.order-body label{ width:35%; float:left}
#order div.order-body input{ min-width: 200px;}
#order div.order-body select{ min-width: 204px;}
#order div.order-body input.check-input{min-width:20px;}

#order div.order-body span { position: absolute; right: 165px; top: 3px; }
#order div.order-body span.error { position: relative; display: block; top: 0; right: 0; margin: .35em 0 .75em 35%; color: red; }
 
#order #submit { margin: 1em 0 0 200px; width: 198px; height: 30px; background: url(/img/order_btn.jpg) no-repeat left top; border: 0; }

#order-thaks-note{font-size:1.3em;}
#order-thaks-note .order-pdf{text-align:center; margin:25px 0 20px 0; font-weight:bold;}

/* ----------------[ actions ]---------------- */
.actions-title{font-size:1.3em; font-weight:bold;  color: #00497D; border-bottom:solid 1px #999;}


/* ----------------[ detail ]---------------- */
#detail{width:600px; float:left;}
#detail img{width:300px; height:225px; border:solid 2px #D5E7F5; float:left; margin:0 6px 2px 0;}
#detail h1{width:290px; float:right; line-height:1.3em; font-size:1.4em; font-weight:bold; border-bottom:solid 1px #407FC4; margin-bottom:3px;}
#detail ul{list-style:none; margin:0; padding:0; font-size:1.1em;}
#detail li{margin:5px 0 0 4px;}
#detail span{font-weight:bold;}

#detail-price{width:600px; height:34px; background:url(/img/detail_price_bg.jpg) repeat-x; margin:5px 0 5px 0; color: #00497D;}
#detail-price .price{float:left; width:60%; margin:10px 5px;}
#detail-price .price span{color: #5D574B; font-size:1.3em;}
#detail-price .price span.old-price{text-decoration:line-through;}
#detail-price .price span.new-price{font-size:1.5em; color: #00497D;}
#detail-price a{float:right; background:url(/img/detail_arrow.gif) no-repeat 100% 50%; padding:10px 25px 10px 0; font-size:1.4em; font-weight:bold; margin:0 5px 0 0;}

/* ----------------[ footer]---------------- */
#footer .footer-top{background:url(/img/footer_bg.jpg) repeat-x; height:80px; vertical-align: middle;}
#footer .footer-top img{
	/* margin:0 150px 0 0; */
}
#footer .footer-down{text-align:center; margin:4px 0 10px 0; font-size: 0.8em;}
#footer .footer-down span{font-size:1.3em}

/* ----------------[ float clears & fixes ]---------------- */
#header-top, #content, #our-offer, #news-nav, #special-offer, #special-offer-container, #special-offer-content, .product-list-price, #detail-price, #order div.order-header{ overflow: hidden;}

/* IE5-6 */	
* html #header-top, * html #special-offer, * html #calculate, * html #special-offer-container, * html #special-offer-content, * html #order #submit-container
	{ overflow: visible; height: 1%; }

	* html #special-offer-container 
		{ overflow: hidden; }
	* html #calculate{ margin:0; height:225px; width:250px;}
	
/* IE7 */
*:first-child+html #content, *:first-child+html #special-offer-container, *:first-child+html #special-offer-content
{ min-height: 0;}