@charset "utf-8";
/* CSS Document */
/* Autor: Damjan Gataric, damjan.gataric@gmail.com */


body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #dedede;
}
p, h1, h2, h3, form {
	margin: 0;
	padding: 0;
}
a {
	outline: none;
}

/****** divovi ******************************************************************************************/

#heder {
	margin: 0 auto;
	width: 968px;
	position: relative;
	height: 430px;
		z-index: 80;
}

#logoh {
	background: #2c2c2c url(pics/logo-heder-bg.jpg) no-repeat;
	width: 305px;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#heders {
	background: url(pics/heder-bg.jpg) no-repeat;
	width: 900px;
	height: 250px;
	position: absolute;
	left: 34px;
	top: 100px;
	z-index: 3;
}
#hedermeni {
	background: url(pics/heder-meni-bg-lines_edit.png);
	height: 25px;
	width: 100%;
}
#navd {
	margin: 0 auto;
	width: 100%;
	height: 69px;
	padding-top: 19px;
	background: url(pics/nav-bg.jpg) top left no-repeat;
	position: absolute;
	top: 331px;
	z-index: 2;
}
#sadrzaj {
	margin: 0 auto;
		margin-top: 2px;
	width: 900px;
		z-index: 1;
		position: relative;
}
#futer {
	margin: 0 auto;
	margin-top: 20px;
	width: 900px;
	height: 270px;
	clear: both;
}
#specoffers {
	width: 155px;
	height: 77px;
	background: url(pics/spec-offers.png) no-repeat;
	float: right;
	margin-top: 90px;
	padding-left: 93px;
}

div.specoffer {
	width: 435px;
	height: 204px;
	margin-left: 50px;
	padding-left: 35px;
	background: url(pics/spec-offers-bg.gif) no-repeat;
	float: right;
	clear: right;
	position: relative;
}


#kont-byproduct {
	position: absolute;
	top: 93px;
	left: 34px;
	width: 212px;
	z-index: 50;
}
#kont-pricefrom {
	position: absolute;
	top: 172px;
	left: 34px;
	width: 75px;
	z-index: 30;
}
#kont-priceto {
	position: absolute;
	top: 172px;
	left: 126px;
	width: 75px;
	z-index: 30;
}

#sadrzaj-meni {
	float: left;
	margin-bottom: 29px;
	width: 570px; /* glupi ie */
}


div.podmeni {
	display: none;
	position: absolute;
	top:22px;
	left:0;
	padding-left: 2px;
	padding-right: 2px;
	z-index: 100;
}
div.siri {
	width: 205px;
	background: url(pics/podmeni-siri.png) repeat-y;
}
div.uzi {
	width: 68px;
	background: url(pics/podmeni-uzi.png) repeat-y;
}

div.leva-kolona {
	width: 375px;
	float: left;
}
div.desna-kolona {
	width: 390px;
	padding-left: 70px;
	margin-left: 50px;
	float: right;
	background: url(pics/vert-line.gif) left repeat-y;
}

div.product-list {
	position: relative;
	float: left;
	width: 140px;
	height: 184px;
	background: url(pics/product-list-bg.gif) no-repeat;
	margin-top: 40px;
	padding-right: 290px;
	text-align: right;
}
div.product-list2 {
	margin-right: 40px;
	clear: both;
}


div.opis {
	float: right;
	width: 210px;
}
div.product-gallery {
	float: left;
	width: 640px;
	margin-top: 30px;
}

/****** linkovi ******************************************************************************************/

a {
	color: #f05500;
}

#logoh a {
	text-decoration: none;
	background: url(pics/logo-heder.png) no-repeat;
	display: block;
	width: 237px;
	height: 53px;
	margin: 0px auto;
	margin-top: 30px;
}

#hedermeni a {
	text-decoration: none;
	color: #fff;
	font-size: 9pt;
	line-height: 25px;
	text-align: center;
	display: block;
	float: left;
	width: 150px;
}
a.logof {
	display: block;
	width: 148px;
	height: 60px;
	background: url(pics/logo-futer.jpg) no-repeat bottom;
	text-decoration: none;
	float: right;
}

#specoffers a {
	display: block;
	width: 137px;
	height: 25px;
	color: #2b2b2b;
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9pt;
	line-height: 25px;
}
#specoffers a:hover {
	color: #000;
}

div.specoffer a, div.product-list a {
	display: block;
	margin-top: 18px;
	color: #f05500;
	font-size: 10pt;
	text-decoration: none;
}
div.specoffer a:hover, div.product-list a:hover {
	text-decoration: underline;
}

a.but {
	display: block;
	float: left;
	text-decoration: none;
	width: 24px;
	height: 24px;
	background: url(pics/as-bt.gif);
	outline: none;
	cursor: pointer;
}


div.podmeni a {
	display: block;
	color: #333;
	font-size: 80%;
	text-indent: 10px;
	padding: 3px 0;
	cursor: pointer;
	width: 100%;
	z-index: 200;
}
div.podmeni a:hover {
	background: #d0c5b8;
}

.zadnji-siri {
	background: url(pics/podmeni-siri-last.png) bottom no-repeat;
}
.zadnji-uzi {
	background: url(pics/podmeni-uzi-last.png) bottom no-repeat;
}

a.pdf {
	color: #595959;
	text-decoration: none;
	font-size: 80%;
	display: block;
	background: url(pics/pdf-ico.gif) left bottom no-repeat;
	height: 16px;
	padding-top: 7px;
	padding-left: 30px;
	margin-bottom: 25px;
}
a.pdf:hover {
	text-decoration: underline;
}

a.newsletter {
	color: #595959;
	text-decoration: none;
	font-size: 80%;
	display: block;
	background: url(pics/pdf-ico.gif) left bottom no-repeat;
	height: 16px;
	padding-top: 7px;
	padding-left: 30px;
	margin-bottom: 10px;
}
a.newsletter:hover {
	text-decoration: underline;
}

a.galerija {
	text-decoration: none;
}

a.foto-aboutus {
	width: 86px;
	height: 86px;
	display: block;
	margin-bottom: 50px;
	margin-right: 60px;
	float: left;
	overflow: hidden;
	position: relative;
}

#sadrzaj-meni a {
	font-size: 75%;
	text-decoration: none;
	color: #2b2b2b;
	display: block;
	float: left;
	margin-right: 20px;
	margin-top: 12px;
}
#sadrzaj-meni a:hover {
	text-decoration: underline;
}
#sadrzaj-meni a.akt {
	color: #f05500;
}

#sadrzaj div.product-gallery a {
	text-decoration: none;
	display: block;
	margin-right: 65px;
	margin-bottom: 30px;
	float: left;
}

#navf a {
	display: block;
	line-height: 40px; /* centriraj vertikalno */
	color: #959595;
	font-size: 10pt;
	padding: 0 12px;
	text-decoration: none;
}
#navf a:hover {
	color: #bbb;
}

#sadrzaj ul.sitemap a {
	color: #2b2b2b;
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#sadrzaj ul.sitemap a:hover {
	text-decoration: underline;
}
#sadrzaj ul.sitemap li a {
	font-size: 100%;
	font-weight: bold;
}
#sadrzaj ul.sitemap li ul li a {
	font-size: 90%;
	font-weight: bold;
	color: #4b4b4b;
}
#sadrzaj ul.sitemap li ul li ul li a {
	font-size: 80%;
	font-weight: normal;
}

/****** slike ******************************************************************************************/

#specoffers img {
	height: 2px;
	width: 136px;
	padding: 0px;
	display: block;
}

div.specoffer img.sign {
	position: absolute;
	top: -14px;
	left: -16px;
	z-index: 1;
}
div.specoffer img.product {
	position: absolute;
	top: 2px;
	right: 2px;
	z-index: 1;
}

#sadrzaj img.ikona {
	display: block;
	margin-bottom: 7px;
}

.galerija img {
	border: none;
}


img.hl {
	clear: both;
	margin-bottom: 50px;
	width: 100%;
}

div.product-list img {
	position: absolute;
	top: 2px;
	right: 2px;
	z-index: 1;
}

img.product-single {
	float: left;
	clear: both;
}
#sadrzaj div.product-gallery img {
	border: none;
}

span.okvir {
	background: url(photos/aboutus-okvir.gif);
	width: 86px;
	height: 86px;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 1;
}


/****** tekst ******************************************************************************************/

#heders h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14pt;
	font-weight: normal;
	color: #000;
	position: absolute;
	top: 45px;
	left: 35px;
}
#heders label {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #2e2e2e;
	position: absolute;
	z-index: 5;
	left: 35px;
}
#heders label.product {
	top: 73px;
}
#heders label.price {
	top: 134px;
	color: #000
}
#heders label.pricefrom {
	top: 151px;
	left: 38px;
	color: #372812;
}

#heders label.priceto {
	top: 151px;
	left: 128px;
	color: #372812;
}

#futer p {
	padding-top: 20px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 7pt;
	color: #424242;
}


#sadrzaj h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 170%;
	font-weight: normal;
	margin-bottom: 25px;
	color: #f05500;
}
.narandzasti {
	color: #f05500;
}
h1.naslov-meni {
	float: left;
	margin-right: 50px;
}

#sadrzaj p {
	color: #595959;
	font-size: 70%;
	line-height: 1.5em;
	margin-bottom: 20px;
}
#sadrzaj p span {
	display: block;
	font-size: 110%;
	font-weight: bold;
}

#sadrzaj div.specoffer h3 {
	color: #f05500;
	font-size: 10pt;
	font-weight: normal;
	margin-top: 45px;
	width: 120px;
}
#sadrzaj  div.product-list h3 {
	color: #f05500;
	font-size: 10pt;
	font-weight: normal;
	margin-top: 35px;
}
#sadrzaj div.specoffer p,#sadrzaj  div.product-list p {
	color: #f05500;
	margin-top: 18px;
	font-size: 10pt;
}
#sadrzaj div.specoffer span, #sadrzaj div.product-list span {
	display: block;
	margin-top: 18px;
	font-size: 10pt;
}

#sadrzaj div.opis h1 {
	padding: 0;
	margin-bottom:  36px;
	line-height: 1.2em;
	position: relative;
	top: -7px;
	
}
#sadrzaj div.opis h2 {
	color: #2b2b2b;
	font-size: 80%;
	margin-bottom: 15px;
	font-family: Verdana, Geneva, sans-serif;
}
#sadrzaj div.opis span {
	display: block;
	color: #2b2b2b;
	font-size: 140%;
	font-family: "Times New Roman", Times, serif;
	margin-top: 30px;
}

#sadrzaj h3.question, #sadrzaj h3.answer {
	color: #2b2b2b;
	font-size: 10pt;
}
#sadrzaj h3.ans-quest {
	margin-top: 10px;
	padding-top: 10px;
	background: url(pics/hor-line.gif) top repeat-x;
}
#sadrzaj h3.answer {
	cursor: pointer;
}
#sadrzaj h3.answer span {
	font-size: 80%;
	font-weight: normal;
	color: #f05500;
}

/****** forme ******************************************************************************************/

form.newsletter {
	display: block;
	width: 196px;
	height: 73px;
	position: absolute;
	right: 260px;
	padding: 0;
	padding-right: 27px;
	text-align: right;
}
form.search {
	display: block;
	width: 196px;
	padding: 0;
	padding-left: 33px;
	height: 73px;
	position: absolute;
	right: 30px;
	background: url(pics/search-bg.gif) no-repeat;
}

form.newsletter label, form.search label {
	display: block;
	width: 193px;
	margin: 0;
	padding: 0;
	margin-top: 29px;
	margin-bottom: 7px;
	color: #f1592a;
	font-size: 9pt;
	font-weight: bold;
}
form.newsletter input.text, form.search input.text {
	background: url(pics/nl-bs-txt.gif) top left no-repeat;
	width: 165px;
	height: 18px;
	border: none;
	margin: 0px;
	padding: 2px;
	padding-top: 4px;
	display: block;
	float: left;
}
form.newsletter input.buton, form.search input.buton {
	background: url(pics/nl-bs-bt.gif) no-repeat;
	border: none;
	width: 24px;
	height: 24px;
	cursor: pointer;
	display: block;
	float: left;
	margin: 0px;
}


#kont-byproduct input {
	border: none;
	background: url(pics/as-txt.gif);
	display: block;
	float: left;
	width: 180px;
	height: 18px;
	padding: 2px;
	padding-top: 4px;
	margin: 0;
	font-size: 80%;
	color: #333;
	text-indent: 10px;
}
#kont-byproduct input.byproduct-value {
	height: 0;
	width: 0;
	padding: 0;
	margin: 0;
	background: none;
}
#kont-pricefrom input, #kont-priceto input {
	border: none;
	background: url(pics/as-txt.gif);
	display: block;
	float: left;
	width: 44px;
	height: 18px;
	padding: 2px;
	padding-top: 4px;
	margin: 0;
	font-size: 80%;
	color: #333;
	text-indent: 10px;
}

#heders input.submit {
	position: absolute;
	top: 172px;
	left: 216px;
	margin: 0;
	padding: 0;
	border: none;
	background: url(pics/heders-submit.gif) no-repeat;
	display: block;
	width: 25px;
	height: 24px;
	cursor: pointer;
}

#sadrzaj label.name, label.email, label.subject, label.message, label.username, label.password {
	display: block;
	color: #2b2b2b;
	font-size: 9pt;
	margin-bottom: 3px;
	padding-left: 30px;
}
input.name, input.email, input.subject, textarea.message, input.username, input.password {
	display: block;
	margin-bottom: 20px;
	width: 294px;
	margin-left: 20px;
	border: 1px solid #777;
	padding: 2px;
}
textarea.message {
	height: 100px;
}
input.send {
	margin-left: 240px;
	width: 80px;
	border: 1px solid #cc4800;
	background: #f05500;
	color: #fff;
}



/**** liste ***********************************************************************************/

#navf {
	display: block;
	clear: both;
	margin: 0 auto;
	padding: 0;
	position: relative;
	height: 40px;
	width: 884px;
	padding-left: 16px;
	background: #2a2a2a;
}
#navf li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}



#sadrzaj ul.sitemap {
	list-style: none;	
	padding-left: 10px;
}
#sadrzaj ul.sitemap li ul li {
	list-style: none;
	margin-top: 5px;
}
#sadrzaj ul.sitemap li ul li ul li {
	margin-top: 0px;
}

* html #nav ul { line-height: 0; } /* IE6 "fix" */
/*   	#nav ul a { zoom: 1; } /* IE6/7 fix */