@import url(reset.css);



html {background:url(../../images/frontend/main-background.jpg) top center no-repeat;}

	body { background:url(../../images/frontend/top-background.png) 0 0 repeat-x !important; background:url(../../images/frontend/top-background-ie6.jpg) top center no-repeat; }

		#topholder {width:912px; height:67px; margin:0px auto; position:relative; z-index:2;}

			h1 {width:221px; height:28px; float:left; display:inline; margin-top:19px;}

				h1 a {display:block; width:221px; height:28px; background:url(../../images/frontend/logo.png) 0 0 no-repeat; text-indent:-99999999px; outline:none;}

			ul#mainnav {width:auto; float:right; height:66px; }

				ul#mainnav li { height:66px; width:auto; float:left;}

					ul#mainnav li a {width:auto; height:43px; padding:23px 16px 0 16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#ffffff; text-shadow:0px 1px 1px #000; float:left;}

					ul#mainnav li a:hover {color:#e0f2ff;}

					/*ul#mainnav li a.active {color:#e0f2ff; background:url(../../images/frontend/mainnav-back.png) 0 0 repeat-x;}*/
					
					body.naslovna ul#mainnav li a#naslovna,
					body.o_nama ul#mainnav li a#o_nama,
					body.proizvodi ul#mainnav li a#proizvodi,
					body.proizvod ul#mainnav li a#proizvodi,
					body.download ul#mainnav li a#download,
					body.metalka_shop ul#mainnav li a#metalka_shop,
					body.kontakt ul#mainnav li a#kontakt {color:#e0f2ff; background:url(../../images/frontend/mainnav-back.png) 0 0 repeat-x;}


					ul#mainnav li ul {width:666px; position:absolute; left:240px; top:66px; height:auto; background:url(../../images/frontend/submenu-back.png) left bottom no-repeat; padding-bottom:10px;}

						ul#mainnav li ul li {float:left; margin-top:10px; height:auto;}

							ul#mainnav li ul li a {color:#f7f6f9; font-size:12px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 10px; border-right:1px solid #6a7087; height:auto;}

							ul#mainnav li ul li a:hover {background-color:#6a7087;}

							ul#mainnav li ul li a.active {background-color:#6a7087;}
					

		.mainholder {width:100%; height:auto; position:relative;}

		.inner { background:url(../../images/frontend/inner-background.jpg) 0 0 repeat-x #ffffff; }

			.banner {width:912px; margin:0px auto; overflow:hidden; height:302px; border-bottom:4px solid #aed6f4;}

				.banner h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:48px; color:#ffffff; position:absolute; left:0px; top:58px; font-weight:normal; text-shadow:0px 1px 1px #000;}

				.banner p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#013a66; width:600px; line-height:24px; position:absolute; left:0px; top:120px;}

				.banner a {display:block; width:214px; height:44px; background:url(../../images/frontend/more-button.png) 0 0 no-repeat; position:absolute; left:0px; top:205px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#ee1600; padding:7px 0 0 22px;}

			.maincontent { width:912px; margin:0px auto; overflow:hidden; padding-bottom:25px;}

				.maincontenttop {width:912px; padding:15px 0; overflow:hidden; border-bottom:1px solid #e0ecf5}

					.contenttopinner {padding-top:30px;}

					.maincontenttop h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#434343; float:left; display:inline; font-weight:normal;}
					

					.maincontenttop fieldset {  width:214px; height:30px; float:right;}

						.maincontenttop fieldset span {display:block; width:171px; height:30px; background:url(../../images/frontend/search-field.png) 0 0 no-repeat; float:left;}

							.maincontenttop fieldset span input {width:151px; height:20px; margin:5px 10px 5px 10px; background:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#036ab2; cursor:text;}

						.maincontenttop fieldset input { width:43px; height:30px; float:left; background:url(../../images/frontend/search-button.png) 0 0 no-repeat; cursor:pointer;} 

				ul.productslist {margin-top:23px; overflow:hidden; background:url(../../images/frontend/featured-bgr.gif) top center repeat-y;}

					ul.productslist li {width:275px; height:162px; float:left; padding:0 14px; position:relative;}

					ul.productslist li.last {border:none;}

						a.productslistimg {display:block; float:left; margin-right:10px; width:101px; height:111px; overflow:hidden; position:relative; padding:9px 0 0 9px;}

						a.productslistimg span {display:block; width:110px; height:120px; background:url(../../images/frontend/img-holder.png) 0 0 no-repeat; position:absolute; top:0px; left:0px; z-index:2;}

						a.productslistimg:hover span {background-position:0 -120px;}

						ul.productslist li img {width:auto;}

						ul.productslist li h3 a {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#036ab2; line-height:18px; font-weight:normal;}

						ul.productslist li h3 a:hover {text-decoration:underline;}

						ul.productslist li p a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#6e6e6f; line-height:18px;}

						ul.productslist li p a:hover {text-decoration:underline;}

						a.detaljnijehome {bottom:1px !important;}

			.footer { width:912px; margin:0px auto; overflow:hidden; padding:16px 0; border-top:1px solid #aed6f4;}

				.footer p {float:left; height:14px; padding-left:120px; background:url(../../images/frontend/copyright.jpg) 0 0 no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#636363;}

				.footer ul {width:auto; float:right; padding:0px;}

					.footer ul li {padding:0 12px; width:auto; float:left; border-right:1px solid #bcbcbc; }

					.footer ul li.last {padding-right:0px; width:auto; float:left; border:none;}

						.footer ul li a {font-size:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; line-height:11px;}

						.footer ul li a:hover {text-decoration:underline;}

						/*.footer ul li a.active {text-decoration:underline;}	*/	

						

	/* INNER */

	

		.leftcolumn { width:675px; float:left; /*border-top:1px solid #e0ecf5;*/ padding-top:23px;}
		
			.leftcolumn h3.listName { color:#036ab2; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; padding-bottom:25px; border-bottom:1px solid #E0ECF5;}

			.leftcolumn p { margin-bottom:15px; font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#6e6e6f; line-height:21px;}
				.leftcolumn p strong{ font-size:12px; width:168px;}
			.leftcolumn td{ padding:0 5px;}

		.rightcolumn {width:205px; float:right; padding:23px 0 0 10px;}

			.rightcolumn h3 { color:#036ab2; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; margin-bottom:15px;}

			.rightcolumn p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#6e6e6f; line-height:17px; margin-bottom:15px; padding-left:15px;}

			.rightcolumn p.last {margin-bottom:30px;}

				.rightcolumn p b {margin-left:-15px; display:inline-block; margin-bottom:5px;}

				.rightcolumn p a {color:#036ab2;}

				.rightcolumn p a:hover { text-decoration:underline;}

				.rightcolumn p a.active { text-decoration:underline;}				

			a.map {display:block; width:84px; height:57px; background:url(../../images/frontend/map-button.jpg) 0 0 no-repeat; text-indent:-9999px; outline:none; float:left; margin-right:10px;}

				a.map:hover {background-position:0 -57px; }

				

	/* METALKA SHOP */

	

		ul.metalkashop {width:675px; overflow:hidden; margin-bottom:25px;}

			ul.metalkashop li {width:212px; float:left; height:130px; padding:10px 0 0 10px; font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#6e6e6f; line-height:21px; border-bottom:1px solid #e0ecf5; border-right:1px solid #e0ecf5;}

			ul.metalkashop li.lastright {border-right:none;}

			ul.metalkashop li.lastbottom {border-bottom:none;}

			

	/* DOWNLOAD */

	

		ul#download {width:675px; overflow:hidden;}

			ul#download li { padding-left:10px; background:url(../../images/frontend/images/blue-bullet.jpg) 0 7px no-repeat;  margin-bottom:15px; overflow:hidden;}

			ul#download li a { font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#036ab2; display:block; float:left; margin-right:15px;}

			ul#download li a:hover {text-decoration:underline;}

			a.pdf {display:block; width:16px; height:16px; background:url(../../images/frontend/pdf-icon.png) 0 0 no-repeat; text-indent:-9999px; outline:none; margin-top:2px;}

			

	/* PRODUCTS */

	

		ul.productlistinner {width:675px; border:none; background:url(../../images/frontend/dot.gif) top center repeat-y; padding:0px; margin:0; margin-bottom:-1px;}

			ul.productlistinner li {width:316px; height:130px; padding:10px 10px 0 10px; border-bottom:1px solid #e0ecf5;}

			a.detaljnije {display:block; width:65px; height:18px; position:absolute; bottom:12px; right:12px; background:url(../../images/frontend/detaljnije-button.jpg) 0 0 no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px; color:#ee1600; font-weight:bold; padding:5px 0 0 9px;}

		#paginacija { overflow:hidden; padding-top:23px;}

			span.current{ display:block; float:left; margin-right:3px; width:16px; height:16px; background-color:#909090; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-align:center; font-weight:bold;}

			#paginacija a { display:block; margin-right:3px; width:16px; height:16px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#036ab2; text-align:center;}

			#paginacija a:hover {background-color:#f1f1f1; color:#909090;}

		ul#details {width:535px; float:right;}

			ul#details li {padding-left:10px; background:url(../../images/frontend/blue-bullet.jpg) 0 9px no-repeat;  margin-bottom:10px; font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#6e6e6f; line-height:21px; }

			

		/* KONTAKT */

		

			fieldset {width:auto;}

				fieldset label { font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#6e6e6f; line-height:21px; display:block; margin-bottom:10px;}

				fieldset span {width:215px; height:30px; display:block; background:url(../../images/frontend/input-back.png) 0 0 no-repeat; overflow:hidden;  margin-bottom:10px;}

				fieldset span.bigger {background:url(../../images/frontend/textarea-back.png) 0 0 no-repeat; margin-bottom:20px; width:372px; height:156px;}

				fieldset span.active {background-position:0 -30px;}

				fieldset span.areaactive {background-position:0 -156px;}

					input.field {width:195px; height:20px; padding:5px 10px; background:none; color:#434343; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

					fieldset span.bigger textarea {width:352px; height:146px; padding:5px 10px; background:none; color:#434343; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; overflow:auto;}

				fieldset input.send { width:74px; height:23px; background:url(../../images/frontend/detaljnije-button.jpg) 0 0 no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px; color:#434343; font-weight:bold; cursor:pointer; float:left; margin-right:20px;}

				#info2 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#ee1600; float:left;  }