@charset "utf-8";
/* DRVNI CENTAR */

@import url("http://fast.fonts.com/t/1.css?apiType=css&projectid=43ab270d-49a6-40e5-9b02-b552fff44f57");
@font-face{
font-family:"HelveticaNeueW02-47LtCn 694048";
src:url("/Fonts/3fd2c21d-af8b-45be-a1e2-4e7182b7639e.eot?iefix") format("eot");}
@font-face{
font-family:"HelveticaNeueW02-47LtCn 694048";
src:url("/Fonts/3fd2c21d-af8b-45be-a1e2-4e7182b7639e.eot?iefix");
src:url("/Fonts/4d888997-2061-451b-8569-6cee195e9915.woff") format("woff"),url("/Fonts/bc71ac4a-9cc7-4120-a150-788ae80b91ec.ttf") format("truetype"),url("/Fonts/3cf3e566-7fc6-488f-8058-e5eb7ac5dc23.svg#3cf3e566-7fc6-488f-8058-e5eb7ac5dc23") format("svg");
}

html{
	height:100%; width:100%;
	margin:0; padding:0;
}

body{
	height:100%; width:100%;
	margin:0; padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, p { margin:0; padding: 0; font-weight: normal; }

ul {
	list-style:none;
	padding:0;
	margin:0;
}
	
img#bg {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

div#okvir{
	height:100%;
	width:100%;
	z-index:1;
	position: absolute;
	top:0;
	left:0;
}

div#sadrzaj{
	width:997px;
	margin:0 auto;
}

div#header{
	width:997px;
}
	div#header ul{
		width:997px;
		padding-left:10px;
	}
		div#header ul li{
			width:480px;
			height:45px;
			font-size:11px;
			color:#FFF;
			float:left;
		}
		div#header ul li a{
			text-decoration:none;
			color:#FFF;
		}
		div#header ul#vrh_head li a:hover{
			color:#CCC;
		}
		
		div#header ul li h1{
			background:url(/images/logo.png) no-repeat;
			width:291px; height:33px;
			text-indent: -10000px;
		}
		div#header ul li h1 a{
			display:block;
			width:291px; height:33px;
		}
		
		div#header ul li form{
			background:url(/images/search_bg.jpg) no-repeat;
			width:245px; height:28px;
			display:block;
			float:right;
		}
		
		div#header ul li.meni_item{
			width:161px; height:45px;
			margin-right:3px;
			display:block;
		}
		div#header ul li.meni_item a{
			background:url(/images/meni_tab.png) no-repeat;
			width:133px; height:30px;
			display:block;
			font-size:12px;
			color:#fff;
			text-decoration:none;
			padding:15px 0 0 28px;
		}
		div#header ul li.meni_item a:hover{
			background:url(/images/meni_tab2.png) no-repeat;
			color:#312222;
		}
		div#header ul li.meni_item a.selected{
			background:url(/images/meni_tab2.png) no-repeat;
			width:133px; height:30px;
			display:block;
			font-size:12px;
			color:#312222;
			text-decoration:none;
			padding:15px 0 0 28px;
		}
		
		div#header div#opened_item{
			width:997px;
			margin:0;
			padding:10px 0 0 0;
			background:url(/images/head_podmeni_bg2.jpg) no-repeat;
		}
		div#header div#opened_item ul#podmeni{
			width:946px; height:90px;
			padding:10px 0 12px 22px;
			font-family:"HelveticaNeueW02-47LtCn 694048";
			display:none;	
		}
			div#header div#opened_item ul#podmeni li{
				width:946px;
				font-size:28px;
				color:#565656;
				height:38px;
			}
			div#header div#opened_item ul#podmeni li.item{
				font-size:18px;
				color:#565656;
				float:left;
				margin-right:15px;
				width:auto;		
			}
				div#header div#opened_item ul#podmeni li.item a{
					text-decoration:none;
					font-size:18px;
					color:#565656;			
				}
				div#header div#opened_item ul#podmeni li.item a:hover{
					color:#720a0a;			
				}
				div#header div#opened_item ul#podmeni li.item a.selected{
					text-decoration:none;
					font-size:18px;
					color:#720a0a;			
				}
a.open_podmeni{
	/*background: url(/images/open_podmeni.png) no-repeat 115px 0px;*/
	background: url(/images/back_btn.png) no-repeat 60px 0px;
	width:50px; height:32px;
	display:block;
	position:absolute;
	top:0px;
	right:29px;
	font-size:12px;
	text-decoration:none;
	color:#939393;
	line-height:32px;
	text-align:right;
	padding-right:60px;
}
a.open_podmeni:hover{
	/*background: url(/images/open_podmeni.png) no-repeat 115px -32px;*/
	background: url(/images/back_btn.png) no-repeat 60px -32px;
	color:#b7b6b6;
}

div#content{
	width:997px;
	position:relative;
	background: url(/images/content_bg.jpg) no-repeat top #FFF;
	padding:0 0 50px 0px;
}

	div#content div#page_lijevo{
		width:260px;
		float:left;
		padding-left:10px;
	}
	
		div#content div#page_lijevo h2{
			color:#575850;
			font-size:32px;
			line-height:64px;
		}
		div#content div#page_lijevo h2 a{
			color:#575850;
			font-size:32px;
			line-height:64px;
			text-decoration:none;
		}
		div#content div#page_lijevo h2 a:hover{color:#e2001a;}
		
		a.pmItem{
			text-decoration:none;
			font-size:12px;
			line-height:24px;
			color:#575850;
			display:block;
		}
		a.pmItem:hover{color:#e2001a;}
		a.pmPodItem{
			text-decoration:none;
			font-size:11px;
			line-height:24px;
			color:#858585;
			display:block;
			padding-left:5px;
		}
		a.pmPodItem:hover{color:#e2001a;}

div#content div#page_desno{
	width:695px;
	float:right;
	padding-right:10px;
	color:#858585;
	font-size:15px
	
}
	div#content div#page_desno div#page_pic{
		width:695px; height:291px;
		z-index:0;
		position:relative;
	}
	
	div#content div#page_desno h1.sivi20{
			color:#575850;
			font-size:20px;
			line-height:24px;
			margin:0 0 20px 0;
		}
			div#content div#page_desno div.opsirno{
				/*line-height: 18px;*/
				line-height: 25px; 
				color: rgb(134, 134, 134);
				font-size:14px;
			}
				
				div#content div#page_desno div.opsirno a:link, div#content div#page_desno div.opsirno a:visited {
					text-decoration: none;
					color: #8d0202;
				}
				
				div#content div#page_desno div.opsirno a:hover, div#content div#page_desno div.opsirno a:active {
					color: black;
					text-decoration: underline;
				}
			
		div#content div#page_desno h3.sivi13{
			/*color:#858585;
			font-size:13px;
			line-height:18px;*/
			margin:0 0 20px 0;	
			
			font-size:18px;
			color: rgb(134, 134, 134);
			line-height: 26px;		
		}

div#content h1.naslov{
	font-family:"Times New Roman", Times, serif;
	font-size:28px;
	color:#565656;
	padding:15px 0 0 23px;
	width:690px;
}

div#content h2.kratki{
	line-height:18px;
	width:690px;
	font-size:13px;
	color:#565656;
	padding:15px 0 0 23px;
}

div#content div.dugi{
	width:690px;
	color:#878787;
	font-size:12px;
	line-height:20px;
}

img#page_bottom{
	position:absolute;
	bottom:-25px; left:-11px;
}

div.lijevi{
	width:364px;
	float:left;
	margin:32px 0 0 19px;
}

div.desni{
	width:558px;
	float:right;
	margin:32px 29px 0 0;
}
	div.desni h1{
		font-size:30px;
		color:#787878;
		font-family: Georgia, Arial, "Times New Roman", Times, serif;
		/*height:35px;*/
		
	}
	div.desni h2{
		font-size:12px;
		line-height:20px;
		color:#747474;
		font-family: Arial, Helvetica, sans-serif;
		min-height:130px;
		margin:10px 0 40px 0;
	}
	div.desni div.opsirno{
		width:558px;
		color:#878787;
		font-size:12px;
		line-height:20px;
	}
		div.desni div.opsirno p.detalji{
			height:38px; width:306px;
			border-bottom:1px solid #e0e0e0;
			font-size:25px;
			color:#747474;
		}	
		div.desni div.opsirno a{
			color:#720a0a;
			text-decoration:none;
			font-weight: bold;
		}
		div.desni div.opsirno a:hover{
			color:#878787;
		}
		div.desni div.opsirno h1{
			font-size:18px;
			font-weight: bold;
			margin:15px 0 5px 0;
		}
		div.desni div.opsirno h2{
			font-size:16px;
			font-weight: bold;
			margin:15px 0 5px 0;
		}
		div.desni div.opsirno h3{
			font-size:14px;
			font-weight: bold;
			margin:10px 0 4px 0;
		}
		div.desni div.opsirno h4{
			font-size:12px;
			font-weight: bold;
			margin:7px 0 3px 0;
		}
		div.desni div.opsirno h5{
			font-size:11px;
			font-weight: bold;
			margin:7px 0 3px 0;
		}
		
a.slider_next{
	background: url(/images/scroll_next.png) no-repeat 0px 0px;
	width:85px;
	height:67px;
	display:block;
	position:absolute;
	top:363px;
	right:12px;
	z-index:999;
}
a.slider_next:hover{
	background: url(/images/scroll_next.png) no-repeat 0px -67px;
}
a.slider_prev{
	background: url(/images/scroll_prev.png) no-repeat 0px 0px;
	width:85px;
	height:67px;
	display:block;
	position:absolute;
	top:363px;
	right:102px;
	z-index:999;
}
a.slider_prev:hover{
	background: url(/images/scroll_prev.png) no-repeat 0px -67px;
}

ul#home_slider{
	width:997px;
	height:551px;
}
	ul#home_slider li{
		width:997px;
		height:551px;
	}
	ul#home_slider li a{
		width:997px;
		height:551px;
		display:block;
		font-family: "Times New Roman", Times, serif;
		position:relative;
		text-decoration:none;
		color:#656363;
		background-color:#f8f4ed;
	}
	ul#home_slider li a:hover{
		/*color:#a49777;*/
		background-color:#fff;
	}
		ul#home_slider li img{
			width:997px;
			height:430px;
			border-bottom:1px solid #fff;
		}
		ul#home_slider li a h2{
			font-size:28px;
			position:absolute;
			top:455px;
			left:19px;
			width:280px;
			height:80px;
			overflow:hidden;
		}
		ul#home_slider li a h3{
			font-size:16px;			
			line-height:22px;
			position:absolute;
			top:455px;
			left:338px;
			width:470px;
			height:80px;
			overflow:hidden;
		}

ul#home_sadrzaj{
	width:997px;
}
	ul#home_sadrzaj li.lijevo{
		width:756px;
		float:left;
	}
	ul#home_sadrzaj li.desno{
		width:216px;
		float:right;
		background: url(/images/home_sjena_desno.jpg) no-repeat left;
		padding:0 0 0 25px;
		min-height:400px;
	}
	
a.home_box{
	width:217px; height:275px;
	display:block;
	float:left;
	color:#5f5f5f;
	font-size:12px;
	text-decoration:none;
	padding:20px 0 15px 0;
	margin:0 6px 0 23px;
}		
a.home_box:hover{
	color:#7e7d7a;
}	
	a.home_box h1{
		font-size:16px;
		font-weight:bold;
		height:33px; width:217px;
		overflow:hidden;
		padding-bottom:9px;
	}
	a.home_box h2{
		margin-top:15px;
		color:#5f5f5f;
		height:105px; width:217px;
		overflow:hidden;
		font-size:12px;
		line-height:18px;
	}


a.prod_item{
	width:170px;
	height:200px;
	display:block;
	float:left;
	color:#919191;
	text-decoration:none;
	margin:15px 6px 0 20px;
	overflow:hidden;
}
a.prod_item:hover{
	color:#858585;
}
	a.prod_item h3{
		font-size:16px;
		font-weight:bold;
		padding:7px 0 0 0;
	}
	a.prod_item h4{
		font-size:11px;
		padding:7px 0 0 0;
	}
	a.prod_item img{
		width:162px;
		height:95px;
		padding:3px;
		border:1px solid #c3c2c2;
	}


a.to_top{
	background:url(/images/to_top.gif) no-repeat 0px 0px;
	width:43px; height:32px;
	display:block;
	position:absolute;
	bottom:0px;
	right:29px;
}

a.to_top:hover{
	background:url(/images/to_top.gif) no-repeat 0px -32px;
}

div#footer_meni{
	padding:20px;
	width:957px;
	margin:15px 0 15px 0;
}
	div#footer_meni p{
		font-size:16px;
		color:#FFF;
		margin-bottom:15px;
	}
	a.main_item{
		font-size:16px;
		color:#FFF;
		text-decoration:none;
		width:100px;
		float:left;
	}
	a.main_item:hover{
		color:#e2001a;
	}	
	a.pod_item{
		background: url(/images/footer_natuknica.png) no-repeat 0 5px;
		font-size:11px;
		padding-left:10px;
		color:#FFF;
		text-decoration:none;
		width:115px;
		display:block;
		line-height:21px;
	}
	a.pod_item:hover{
		color:#e2001a;
	}
	
	div.box1{
		width:122px;
		border-right:1px solid #adadad;
		float:left;
	}
	div.box2{
		width:540px;
		border-right:1px solid #adadad;
		float:left;
		margin-left:20px;
		color:#eeeeee;
		font-size:11px;
	}
	div.box3{
		width:240px;
		float:right;
		color:#eeeeee;
		font-size:12px;
		line-height:18px;
	}
		div.box3 a.kontakti_link{
			text-decoration:none;
			color:#eeeeee;
			font-size:12px;
			line-height:18px;
		}
		div.box3 a.kontakti_link:hover{ color:#e2001a; }
	
div#footer_copyright{
	padding:20px;
	width:959px;
	margin:0 0 20px 0;
	color:#fff;
	font-size:11px;
	line-height:17px;
	line-height:36px;
}
div#footer_copyright a.size{
	float:left; margin-right:15px;
}
	div#footer_copyright div.idea{
		float:right;
		width:185px;
		text-align:right;
	}
		div#footer_copyright div.idea a{
			color:#fff;
			text-decoration:none;
		}
		div#footer_copyright div.idea a:hover{
			color:#e2001a;
		}
	
	div#footer_copyright div.copyright{
		width:330px;
		float:left;
	}

p.home_katalog_naslov{
	font-size:22px;
	color:#888888;
	font-weight:bold;
	margin-bottom:10px;
}
a.home_katalog{
	background:url(/images/dokument.jpg) no-repeat 0px 10px;
	padding-left:25px;
	font-size:11px;
	line-height:18px;
	color:#868686;
	text-decoration:none;
	padding-bottom:10px;
	
	border-top:1px dotted #d6d6d6;
	padding-top:5px;
	display:block;
	width:170px;
}
a.home_katalog:hover{
	color:#720a0a;
}

p.home_kontakti_naslov{
	font-size:22px;
	color:#720a0a;
	font-weight:bold;
	margin-bottom:10px;
}
p.home_kontakti_red{
	font-size:11px;
	line-height:20px;
	color:#868686;
	text-decoration:none;
	padding-bottom:10px;
	border-bottom:1px dotted #d6d6d6;
	margin-bottom:10px;
	display:block;
	width:195px;
}
a.bc_link{
	color:#c4c4c4;
	text-decoration:none;
}
a.bc_link:hover{color:black;}

/*cjenici i dokumenti*/
a.cd_titleLink{
	font-size: 18px;
	 color:#720a0a; 
	text-decoration:none;
}
a.cd_titleLink:hover{color:#d7d4d4;}

a.cd_preuzmite{
	font-size: 13px;
	color:#928f8f;
	text-decoration:none;
}
a.cd_preuzmite:hover{color:#d7d4d4;}

div#vezani_proizvodi{
	background:url(/images/vezani_prod_bg.jpg) no-repeat;
	width:962px;
	margin-left:18px;
}
	div#vezani_proizvodi h3{
		font-size:18px;
		color:#747474;
		padding:12px;
	}

