@import url(reset.css);



	/*----------------------------

	------------HOME--------------

	----------------------------*/



	h2 { font-size:24px; color:#000000; margin-bottom:20px;}

	h3 { font-size:24px; color:#4f4f4f;}

	h4 { font-size:24px; color:#ffa200;}

	h5 { font-size:16px; color:#4f4f4f;}

	

	body {background:url(../img/main-background.jpg) 0 0 repeat-x #ffcd00;}

		#mainholder { width:960px; margin:0px auto;}

		.maincontentholder {width:100%; padding:28px 0; background:#ffffff;}

			.maincontent {overflow:hidden; width:960px; margin:0px auto;}	

	

		/*----------------------------

		-------KORPA I PRETRAGA-------

		----------------------------*/

	

		#top {width:960px; height:26px; z-index:2; }

			ul#korpa-pretraga {float:right; height:26px; display:inline; margin-right:16px;}

				ul#korpa-pretraga li {width:auto; float:left; padding:6px 6px 0px 6px; height:20px; font-size:11px; color:#424242;}

				ul#korpa-pretraga li.right {background:url(../img/pretraga-separator.jpg) left center no-repeat; padding-left:8px; cursor:pointer;}

					ul#korpa-pretraga li a {height:12px; background:url(../img/korpa-link-back.jpg) 0 0 no-repeat; padding-left:15px;  font-size:11px; color:#ffffff; float:left; overflow:hidden;}

					ul#korpa-pretraga li a:hover {background-position:0 -12px; color:#d30201;}
					
					p#praznakorpa {height:14px; background:url(../img/korpa-link-back.jpg) 0 -24px no-repeat; padding-left:15px; font-size:11px; color:#b37200; float:left; overflow:hidden;}

					ul#korpa-pretraga li ul.search {position: absolute; right: 14px; top: 26px; background:url(../img/search-holder.png) 0 0 no-repeat; display: none; float: left; width: 244px; height:30px; cursor:default; }
						ul#korpa-pretraga li ul.search li {float:left;padding:1px 0 0 8px; margin:0px;}
							fieldset.searchform { width:228px; height:22px; float:left; padding:0px 0 0 4px; margin:0px;}
								td.gsc-input { width:164px; height:14px; padding:4px 10px; background:url(../img/search-input.jpg) 0 0 no-repeat !important; float:left;}
								td.gsc-search-button {width:23px !important; height:22px !important; padding:0px !important; background:none !important; vertical-align:top !important; margin:0px !important; }
								fieldset.searchform span input { width:164px; height:14px; background:none; font-size:12px; color:#424242;}
								fieldset.searchform input.gsc-search-button { width:23px; height:22px; background:url(../img/search-button.jpg) top left; cursor:pointer; float:left;  border:none !important;  }
								td.gsc-clear-button {width:21px !important; height:22px !important; padding:0px !important; margin:0px !important; background:url(../img/search-close.jpg) top left no-repeat !important; overflow:hidden;}
                                                                a.gsc-trailing-more-results {display:none !important;}
  

				

		/*----------------------------

		------------HEADER------------

		----------------------------*/



		.header {height:115px; background:url(../img/header-back-home.jpg) 0 0 no-repeat; position:relative;}

			h1 {width:261px; height:38px; float:left; display:inline; margin:36px 0 0 22px;}

				h1 a {width:261px; height:38px; display:block; text-indent:-9999px; outline:none; background:url(../img/logo.png) 0 0 no-repeat;}

			ul.mainnav { width:auto; height:114px; padding-top:1px; float:right; overflow:hidden;}

				ul.mainnav li { width:auto; border-left:1px solid #ffe063; border-right:1px solid #efb900; float:left; height:114px; }

				ul.mainnav li.first {border-left:none;}

				ul.mainnav li.last {border-right:none;}

					ul.mainnav li a { width:auto; height:50px; display:block; padding: 44px 24px; font-size:16px; color:#000000; text-shadow:0px 1px 1px #fff; float:left;} 

					ul.mainnav li a:hover {color:#a90202}

						body#izdanja ul.mainnav li a#izdanja,

						body#onama ul.mainnav li a#onama,

						body#kontakt ul.mainnav li a#kontakt {background:url(../img/mainnav-active-back.jpg) 0 0 repeat-x; color:#a90202;}

						

		/*----------------------------

		-----------BANNER-------------

		----------------------------*/



		#banner {height:397px; width:966px; margin-left:-6px; background:url(../img/banner-back.jpg) 0 0 no-repeat; position:relative;}

			img#izdvajamo {width:131px; height:131px; position:absolute; top:0px; left:8px; z-index:3;}

				a#uclanitese b {font-size:20px;}

				a#uclanitese {width:192px; height:51px; display:block; position:absolute; bottom:33px; right:163px; background:url(../img/uclanitese-button.png) 0 0 no-repeat; font-size:17px; color:#1a5201; padding:8px 0 0 28px; text-shadow:0px 1px 1px #fff; line-height:22px; z-index:2;}

			#tabs {width:958px; overflow:hidden; margin-left:8px;}

			.ui-tabs .ui-tabs-hide {display: none;}

				#tabs div {height:397px; width:542px; float:left; overflow:hidden; position:relative;}

					#tabs div img { z-index:1; width:542px; height:397px;}

					#tabs div a {width:542px; height:397px; display:block; position:absolute; top:0px; left:0px; z-index:2; text-indent:-9999px; outline:none; background:url(../img/visedetalja.png) -200px -200px no-repeat; }

						#tabs div a:hover {background-position:center;}

				#tabs ul { width:406px; margin-top:41px; overflow:hidden; padding-left:1px; }

					#tabs ul li { margin-top:2px; height:59px; float:left; width:407px;}

						#tabs ul li a {display:block; height:53px; padding-left:25px; padding-top:6px; width:382px; font-size:13px; color:#ffcd00; line-height:17px; outline:none; float:left;}

							#tabs ul li a b {font-size:22px; color:#fceb7d; line-height:26px; padding:0px; height:26px !important; display:block; overflow:hidden; cursor:pointer;}

							#tabs ul li.ui-tabs-selected a {background:url(../img/tabs-link-hover.png) 0 0 no-repeat !important; background:none;}
							
								#tabs ul li.ui-tabs-selected a b {color:#ffffff;}

							#tabs ul li a:hover b {color:#ffffff;}

								

		/*----------------------------

		------AKCIJE I RECEPTI--------

		----------------------------*/

	

			ul#akcijerecepti {width:604px; background:#efeeee; float:left; padding:18px 16px; height:278px; position:relative;  margin-right:10px;}

				ul#akcijerecepti li { width:286px; float:left; border-right:1px solid #ffffff; padding:0 12px 0 0; height:278px; overflow:hidden; }

				ul#akcijerecepti li.last {border:none; padding:0 0 0 12px;} 

					ul#akcijerecepti li h3 {width:286px; padding-bottom:12px; border-bottom:1px solid #dedede; line-height:23px;}

					ul#akcijerecepti li ul li img {border:1px solid #ffffff; margin-bottom:4px;}

					ul#akcijerecepti li ul li span {color:#ff0000; font-size:14px; width:142px;}

				ul#akcijerecepti li.last div {width:286px; border-top:1px solid #ffffff; padding-top:11px; height:206px; padding-bottom:20px; overflow:hidden; position:relative;}

					ul#akcijerecepti li.last div img {float:left; margin:5px 10px 0 0;}
					
					ul#akcijerecepti li.last div h5 {padding-bottom:10px;}

					ul#akcijerecepti li.last div p {font-size:12px; color:#4f4f4f; line-height:18px;}

					a.procitajtevise { font-size:11px; color:#ff0000; line-height:18px; display:block; position:absolute; bottom:0px; right:0px;}

					a.procitajtevise:hover {text-decoration:underline;}

					

			/*----------------------------

			--------RECEPTI INFO----------

			----------------------------*/

					

					.popup {height:auto; background:#ffffff; padding:20px; overflow:auto; position:relative;}

						.popup img {float:left; margin:5px 10px 0px 0; position:relative;}

						.popup p {font-size:12px; line-height:18px; color:#4f4f4f; margin-bottom:10px; position:relative;}

					

					

		/*----------------------------

		-------MAILING LISTA----------

		----------------------------*/



			.mailinglistaholder { width:289px; height:314px; float:left; position:relative; overflow:hidden;}

				.mailinglistaholder p { color:#242424; font-size:12px; line-height:17px; margin:10px 0; width:289px; }
				
				.mailinglistaholder p.telefoni { margin:0px; position:absolute; left:0px; bottom:0px;}

				fieldset.mailinglista {width:289px; padding-top:0px;}
				
					fieldset.mailinglista ul {width:289px; margin-bottom:13px; overflow:hidden;}

						fieldset.mailinglista ul li {width:139px; margin-right:6px; float:left;}

							fieldset.mailinglista ul li label {font-size:11px; font-weight:bold; color:#333333; padding-bottom:3px; display:block;}

							fieldset.mailinglista ul li input {width:125px; background:#efeeee; border:1px solid #d9d9d9; height:19px; padding:5px 5px 5px 5px; font-size:12px;}

						fieldset.mailinglista ul li.last {margin:0px;}

					fieldset.mailinglista input.posalji {width:90px; height:33px; float:left; background:url(../img/posalji-button.jpg) 0 0 no-repeat; color:#000000; font-size:12px; border:none; text-shadow:0px 1px 1px #fff; cursor:pointer; margin:0 10px 0 0; padding:0; }

					fieldset.mailinglista input.check { margin:9px 0 0 0; width:16px; height:16px; float:left;}

					fieldset.mailinglista span {float:left; font-size:12px; color:#646363; margin:9px 0 0 3px; letter-spacing:-1px; padding:0px;}

				a.gdekupiti {width:289px; height:61px; display:block; background:url(../img/gdekupiti-banner.jpg) 0 0 no-repeat; position:absolute; left:0px; bottom:40px; text-indent:-9999px; outline:none;}

				.error_info { color:#ff0000 !important; font-size:12px !important; clear:both; padding-top:5px; margin:0px !important; }

		/*----------------------------

		----------BANNERS-------------

		----------------------------*/
		
			ul#banners { padding:25px 0 0; border-top:1px solid #e0e0e0; width:916px; overflow:hidden; margin:25px auto 0; }
				ul#banners li {float:left; margin-right:10px; width:122px;}
				ul#banners li.last {margin:0px !important;}
					ul#banners li a {border:1px solid #e0e0e0; display:block; width:120px; height:60px;}
					
			.homebanners {width:960px !important;}
				.homebanners li {margin-right:17px !important;}

	/*----------------------------

	-----------FOOTER-------------

	----------------------------*/

	

		.footerholder {width:100%; background:url(../img/footer-back.jpg) 0 0 repeat-x;}

			.footer {width:910px; margin:0px auto; padding:35px 25px; height:30px; overflow:hidden;}

				p.copyright {width:auto; color:#ffffff; font-size:11px; padding-top:15px; background:url(../img/copyright-back.jpg) 0 0 no-repeat; float:left;}

				#footernavholder {width:auto; float:right; margin-right:-5px;}

				ul.footernav {float:right; width:auto; margin-bottom:5px; clear:both;}

					ul.footernav li {padding:0 5px; border-right:1px solid #c41a01; width:auto; float:left;}

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

					ul.footernav li a {color:#c41a01; font-size:11px; width:auto; float:left;}

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

					ul.footernav li a.active {text-decoration:underline;}
					
					ul.footernav li a.eutelnet {display:block; background:url(../img/eutelnet.jpg) 0 0 no-repeat; width:14px; height:14px; text-indent:-9999px; outline:none;}



	/*----------------------------

	---------INNER PAGES----------

	----------------------------*/

	

		/*----------------------------

		---------INNER HEADER---------

		----------------------------*/



		.innerheader { height:58px;}

			.innerheader h1 {width:166px; height:25px; margin-top:17px;}

				.innerheader h1 a {width:166px; height:25px; background:url(../img/logo-inner.png) 0 0 no-repeat;}
				
				* html .innerheader h1 a {width:166px; height:25px; background:url(../img/logo-inner.jpg) 0 0 no-repeat;}

			.innermainnav {height:58px !important;}

				.innermainnav li {height:58px;}

				.innermainnav li a {height:22px !important; padding:18px 24px !important;}

				

		/*----------------------------

		--------INNER CONTENT---------

		----------------------------*/



		.pathholder {width:916px; padding:0px; margin:0px auto; border-bottom:1px solid #e0e0e0; padding-bottom:10px; overflow:hidden;}

			.pathholder ul {width:auto; height:15px; overflow:hidden; float:left;}

				.pathholder ul li { padding:0 13px; background:url(../img/path-bullet-dark.png) left center no-repeat; float:left; color:#777777; font-size:12px;}

				.pathholder ul li.first {padding-left:0px; background:none;}

					.pathholder ul li a {color:#777777; font-size:12px;}

						.pathholder ul li a b {color:#323232;}

					.pathholder ul li a:hover {text-decoration:underline;}
					
			a.rss {display:block; float:right; width:16px; height:16px; background:url(../img/rss.png) 0 0 no-repeat; text-indent:-9999px; outline:none;}

		.innermaincontent { padding:18px 0px; width:916px; border-bottom:5px solid #e0e0e0;}

			.leftcolumn {width:604px; float:left; position:relative;}

				ul.izdanja {width:auto; margin-top:5px;}

					ul.izdanja li {border-bottom:1px solid #e0e0e0; width:250px; padding:10px; background:url(../img/izdanja-bullet.jpg) left 18px no-repeat;}

						ul.izdanja li a { padding-left:5px; font-size:20px; color:#2c2c2c; display:block;}

						ul.izdanja li a:hover {padding-left:10px;}
						
						ul.izdanja li ul {margin-top:10px; display:block; }
		
							ul.izdanja li  ul li { border-bottom:none; line-height:17px; padding:10px 0 10px 10px; font-size:12px; color:#585858; background:none !important;}
		
					ul.gdekupitilist {}
					
						ul.gdekupitilist li {width:350px;}
                                                
                                                img.gdekupitiimg {position:absolute; top:60px; right:0; float:none !important; margin:0px !important;}


				p.pogledajtejos { font-size:12px; color:#000000; margin:10px 0 10px 0;}

				.izdanje { padding-bottom:22px; width:596px; border-bottom:1px solid #e0e0e0; overflow:hidden; position:relative;}

					* html .izdanje {height:310px;}
					
					.izdanje ul {padding-top:10px; list-style-type:disc; list-style-position:inside;}
					
						.izdanje ul li {padding-left:15px; font-size:12px; color:#353535; line-height:18px;}
					
					.leftcolumn img {float:left; margin-right:20px;}

					.leftcolumn h2.bigger {font-size:27px; color:#2c2c2c; margin-bottom:15px;}

					.leftcolumn span { display:block; font-size:16px; color:#ffa200;}

					.leftcolumn p { font-size:12px; color:#353535; line-height:18px; padding:10px 0 0 0;}

					a.dodajukorpu {width:145px; height:28px; display:block; position:absolute; bottom:22px; right:0px; background:url(../img/dodajukorpu-button.jpg) 0 0 no-repeat; text-indent:-9999px; outline:none;}

						.izbaci { background-image:url(../img/ukloniizkorpe-button.jpg) !important;}

					p.cena {position:absolute; bottom:57px; right:0px; color:#777777; font-size:15px; padding:0px !important;}
					
					p#ukorpi { display:none; position:absolute; bottom:32px; right:0px; color:#ff0000; font-size:13px;}

				ul.productlist {width:604px; overflow:hidden; margin-bottom:10px; margin-top:-5px;}

					ul.productlist li {width:268px; height:107px; float:left; margin:10px 10px 0 0; background:#efeeee; padding:12px; position:relative; overflow:hidden;}

						ul.productlist li img {float:left; margin-right:10px; height:107px;}

						ul.productlist li h3 {font-weight:normal; font-size:20px; max-height:48px; overflow:hidden;}

						ul.productlist li p {font-size:12px; color:#ffa200; padding-top:5px; margin:0px; line-height:normal;}

						a.detaljnije { width:56px; height:15px; display:block; background:url(../img/detaljnije-button.png) 0 0 no-repeat; position:absolute; bottom:12px; right:12px; font-size:10px; color:#4d4d4d; padding:2px 0 0 8px;}

						a.detaljnije:hover {color:#000000;}

					.paginacija {padding:0px !important; border:0px !important;}

						span.current {display:inline !important; font-size:11px; font-weight:bold; margin:0 2px; }

						.paginacija a {display:inline !important; color:#353535; font-size:11px; margin:0 2px;}

							.paginacija a:hover {text-decoration:underline;}

				h3.top10 {font-size:20px; margin:18px 0 10px 0;}

					ul#top10list {width:594px;}

						ul#top10list li {width:494px; font-size:18px; color:#585858; padding:8px 100px 8px 0; border-bottom:1px solid #e0e0e0; line-height:21px; position:relative}

							ul#top10list li span { color:#ffa200; font-size:14px; }

						ul#top10list li a {width:56px; line-height:normal; height:15px; display:block; background:url(../img/detaljnije-button.png) 0 0 no-repeat; font-size:10px; color:#4d4d4d; padding:2px 0 0 8px; position:absolute; right:0px; bottom:8px; }

							ul#top10list li a:hover {color:#000000;}

			.rightcolumn {width:289px; float:right;}

				.rightcolumn ul {width:289px; margin:15px 0 32px 0;}

					.rightcolumn ul li { border-bottom:1px solid #e0e0e0; width:289px;}

							.rightcolumn ul li a {font-size:14px; color:#585858; background:url(../img/path-bullet-orange.png) 5px 9px no-repeat; padding:4px 0 4px 15px; width:274px; display:block;}

							.rightcolumn ul li a:hover {color:#ff6c00;}

						.rightcolumn ul li.active {background:url(../img/rightcolumn-li-back.jpg) left bottom repeat-x;}

							.rightcolumn ul li.active a { color:#ff6c00; background:url(../img/path-bullet-dark.png) 5px 10px no-repeat;}

				a.uclanitesebanner { display:block; width:289px; height:99px; background:url(../img/uclanitese-banner.jpg) 0 0 no-repeat; text-indent:-9999px; outline:none; margin-top:45px;}

			

		/*----------------------------

		----INNER MAILING LISTA-------

		----------------------------*/				

				

			.innermailinglistaholder {width:916px; height:auto; padding:22px 0px 0 0px; margin:0px auto; position:relative; float:none;}

				.innermailinglistaholder p {float:left; margin-right:18px;}

				.innermailinglistaholder fieldset {float:left;}

				.innergdekupiti {position:relative !important; float:right; margin-top:17px; bottom:0px !important;}
				
				.innermailinglistaholder p.telefoniinner {float:right; margin:0px; padding-top:6px;}
				





	/*----------------------------

	-----------KONTAKT------------

	----------------------------*/

	

		p.contactinfo {position:absolute; right:80px; top:53px; line-height:24px;}
		
		fieldset.forma {width:auto; height:auto; }
		
		* html fieldset.forma {float:left;}

			fieldset.forma label {font-size:12px; font-weight:bold; color:#333333; padding-bottom:3px; display:block;}

			fieldset.forma input {width:185px; display:block; background:#efeeee; border:1px solid #d9d9d9; height:19px; padding:5px 5px 5px 5px; font-size:12px; margin:2px 0 15px 0;}

			fieldset.forma textarea {width:400px; height:150px; background:#efeeee; border:1px solid #d9d9d9; padding:5px 5px 0 5px; font-size:13px; overflow:auto; margin:2px 0 15px 0; font-size:12px; display:block; resize:none;}

			fieldset.forma input.posalji {width:90px; height:33px; display:block; background:url(../img/posalji-button.jpg) 0 0 no-repeat; color:#000000; font-size:12px; border:none; text-shadow:0px 1px 1px #fff; cursor:pointer; padding:0; float:left; margin-right:15px; }
			
			.info {color:#ff0000; font-size:12px; float:left; margin-top:10px; border:none !important; width:auto; }
			
			#sifraerror {color:#ff0000; font-size:12px; float:left; padding-top:8px; border:none !important; width:auto;}

	/*----------------------------

	-----------UCLANI SE----------

	----------------------------*/

	

		fieldset.uclanise {width:auto; height:auto; overflow:hidden;}

		fieldset.uclanise p {font-size:12px; color:#353535; line-height:18px; margin-bottom:15px;}

			fieldset.uclanise ul {width:320px;}

				fieldset.uclanise li {height:35px; overflow:hidden;}

					fieldset.uclanise ul li label {font-size:12px; font-weight:bold; color:#333333; padding-bottom:3px; width:120px; float:left; padding-top:6px;}

					fieldset.uclanise ul li input {width:185px;background:#efeeee; border:1px solid #d9d9d9; height:15px; padding:5px 5px 5px 5px; font-size:12px; margin:2px 0 15px 0; float:left;}

					fieldset.uclanise ul li input.posalji {width:90px; height:33px; display:inline-block; background:url(../img/posalji-button.jpg) 0 0 no-repeat; color:#000000; font-size:12px; border:none; text-shadow:0px 1px 1px #fff; cursor:pointer; padding:0; float:right; margin:0 0px 0 0;}	

					fieldset.uclanise ul li input.check { margin:7px 0 0 0; width:16px; height:16px; float:left; padding:0px;}

					fieldset.uclanise ul li span {float:left; font-size:12px; color:#333333; margin:7px 0 0 10px; padding:0px;}

		.infosuccess {width:340px; text-align:center; margin:50px auto; font-size:18px !important; line-height:27px !important;} 

		fieldset.vecclan { float:right;}
		
			fieldset.vecclan ul {width:200px;}
			
				fieldset.vecclan ul li {width:200px; height:auto;}
				
					fieldset.vecclan ul li label {float:none;}
					
					fieldset.vecclan ul li input {float:none; margin-bottom:0px; margin-bottom:5px;}
		

	/*----------------------------

	------------KORPA-------------

	----------------------------*/

	

		table {width:600px;}

				table thead td {padding:0 10px; height:30px; background:#e0e0e0; font-weight:bold; font-size:13px; color:#4f4f4f;}

			table tbody td {background:#ededed; color:#4f4f4f; font-size:12px; padding:0 10px; height:30px;}
			
				a.obrisi {display:block; width:16px; height:16px; background:url(../img/obrisi-button.png) 0 0 no-repeat; text-indent:-9999px; outline:none; margin:0px auto;}
				
				table tbody td input {width:70px; background:none; color:#4f4f4f; font-size:12px; border:1px solid #4f4f4f;}
				
				table tbody td input.korpaprice { border:none;}

			table tfoot td {padding:0 10px; height:30px; background:#e0e0e0; font-weight:bold; font-size:13px; text-align:right; color:#4f4f4f;}	

			table tfoot th {padding:0 10px; height:30px; background:#e0e0e0; font-weight:bold; font-size:13px; text-align:left; color:#4f4f4f;}	
			
				table tfoot th input {width:70px; background:none; color:#4f4f4f; font-size:13px; font-weight:bold;}

				.potvrdi {float:right !important; margin:15px 5px 0 0 !important;}
				
				.kupi {margin:0px; float:left !important; margin-top:5px;	}