@import url(reset.css);



body {
       background-image:url('bg.jpg');
       background-repeat: repeat-x;
       background-color:#e3e1e0;}

	#header { width:884px; height:98px; background-color:#000000; margin:0px auto;}

		h1 {width:305px; height:27px; float:left; display:inline; margin:56px 0 0 16px;}

			h1 a {width:305px; height:27px; text-indent:-9999px; background:url(../images/logo.jpg) 0 0 no-repeat; outline:none; display:block;}

		ul#language {width:auto; float:right; display:inline; margin:14px 18px 0 0; height:10px;}

			ul#language li { width:auto; float:left; padding:0px 8px 0px 8px; border-right:1px solid #ffffff; list-style-type:none;}

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

				ul#language li a { font-size:9px; line-height:10px; color:#ffffff; float:left;}

					ul#language li a:hover {color:#c4d6ab;}

					ul#language li a.active {color:#c4d6ab;}					

		ul#mainnav {width:456px; float:right; display:inline; margin:48px 18px 0 0; clear:right; height:14px; position:relative;}

			ul#mainnav li { width:auto; float:left; padding:0 16px 0 16px; border-right:1px solid #ffffff; height:14px; position:relative; list-style-type:none;}

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

				ul#mainnav li a {font-size:12px; color:#ffffff; float:left; line-height:12px; display:block; height:14px;}

				ul#mainnav li a:hover {color:#00aaad;}

				ul#mainnav li a.active {color:#00aaad;}				

				ul#mainnav li a.last {display:block; float:left; width:57px; height:14px; text-indent:-9999px; background:url(../images/eshop-button.jpg) 0 0 no-repeat; outline:none;}	

				ul#mainnav li ul { position:absolute; top:14px; left:7px; list-style:none; width:206px; overflow:hidden;}

					ul#mainnav li ul li {width:auto; float:left; display:inline; padding:14px 12px 0px 12px; border:none; height:20px !important; height:17px; }

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

							ul#mainnav li ul li a {font-size:11px; color:#ffffff; float:left; display:inline; height:20px !important; height:17px;}

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

							ul#mainnav li ul li a.active {color:#A1CC36;}

	#main {width:854px; margin:16px auto 0px auto; background-color:#ffffff; overflow:hidden; padding:15px;}

		h2.home {font-size:15px; color:#837b79; margin-top:2px;}

		p.home {font-size:13px; color:#837b79; width:450px;}

		img.home { margin-top:10px; display:block;}

	#footer {height:16px; width:850px; margin:0px auto; overflow:hidden; background-color:#000000; padding:7px 17px;}

	p.copyright { font-size:13px; color:#bbd0ab; width:auto; float:left;}
	
	p.linked {width:auto; float:left; padding-left:50px;}

	p.footercontact { font-size:12px; color:#c0bcbc; height:16px; width:auto; float:right;}

		p.footercontact a.text {display:inline; font-size:12px; color:#c0bcbc; text-decoration:underline;}

		p.footercontact a.image { width:109px; height:16px; display:inline-block; background:url(../images/footercontact.jpg) 0 0 no-repeat; text-indent:-9999px; margin-left:5px; outline:none;}

		

	/* VESTI */

	

	ul#vesti {width:854px; margin:0; background-color:#ffffff; overflow:hidden; padding:0px; list-style:none;}

			ul#vesti li img {display:block;}

		ul#vesti li.left {width:203px; float:left; padding-right:7px;}

			ul#vesti li.left p {width:auto; font-size:13px; color:#3e3e3e; line-height:20px; margin:11px 0 23px 0;} 

		ul#vesti li.center {width:414px; border-right:1px solid #8f8887; border-left:1px solid #8f8887; float:left; padding:0 6px;}	

			ul#vesti li.center p {width:auto; font-size:13px; color:#414141; line-height:20px; margin:11px 26px 23px 26px; text-align: justify;} 

		ul#vesti li.right {width:207px; float:left; padding-left:8px;}

			ul#vesti li.right p { width:185px; padding:5px 11px; background-color:#e3e1e0; font-size:13px; line-height:20px; color:#090909;}

			ul#vesti li.right ul {width:207px; background-color:#e3e1e0; list-style:none; overflow:hidden;}
												
				ul#vesti li.right ul li {padding:5px 5px 0 0; width:182px; margin-bottom:11px; overflow:hidden;}				
								
				.firstA {display:block; width:175px; height:74px; overflow:hidden; float:left; background:url(../images/products-backA.jpg) top left no-repeat;}
				
				.firstA:hover{ background-position:bottom left;}																				

				ul#vesti li.right ul li p {width:auto; float:right; display:inline; margin-bottom:10px; font-size:16px; color:#000000; line-height:20px; text-align:right; padding:0px; }

					ul#vesti li.right ul li img {width:auto; display:block; float:right;}

					

	/* O NAMA */

	

		.stripViewer .panelContainer .panel ul {text-align: left; margin: 0 15px 0 30px;}



		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}

		.csw .loading {margin: 200px 0 300px 0; text-align: center}



		.stripViewer { position: relative; overflow: hidden;  border-top: 10px solid #000000;  width: 852px; height: 208px; clear: both; background: #000;}

		

		.stripViewer .panelContainer { position: relative; left: 0; top: 0; width: 100%; list-style-type: none;}

			.stripViewer .panelContainer .panel { float:left; height: 100%; position: relative; width: 852px; }

				.stripViewer .panelContainer .panel .wrapper { padding: 10px; }

		

		.stripNav {display:none;}

			.stripNavL, .stripNavR {display:none;}

		

		p#cross-links { text-align: center; width:852px; padding-top:10px; height:35px; background:url(../images/onama-gallery-back.jpg) left bottom no-repeat #000000; }

			p#cross-links a {color:#c1d6b0; font-size:15px; font-weight:bold; padding:0 5px;}

	

	p.onama {width:714px; margin:50px auto; color:#423f3f; font-size:15px; line-height:20px; text-align:center;}

	

	/* ISTORIJA */

	

	img.istorija { width:852px; height:208px; padding:10px 0 45px 0; background:url(../images/onama-gallery-back.jpg) left bottom no-repeat #000000;}ww

		

		

	/* O NAMA PRICAJU */

	

	ul#pricaju {width:760px; margin-top:23px; overflow:hidden; }

		ul#pricaju li {background-color:#edecec; width:752px; margin-bottom:23px; overflow:hidden; padding:4px; position:relative; list-style:none; }

			ul#pricaju li img {float:left; display:block; width:115px; height:80px; border-top:15px solid #000000; border-bottom:15px solid #000000; border-right:4px solid #000000; border-left:4px solid #000000;}

			ul#pricaju li p {width:620px; float:right; display:inline; font-size:13px; color:#6a6463; margin-bottom:10px;}

			ul#pricaju li span {position:absolute; right:0px; bottom:0px; background-color:#030202; color:#f6f4f3; font-size:14px; width:auto; height:auto; padding:4px;}

	a.pricajudalje {display:inline-block; width:38px; height:23px; float:right; background:url(../images/pricaju-dalje.jpg) 0 0 no-repeat; outline:none; text-indent:-9999px; margin-right:20px;}

	a.pricajunazad {display:inline-block; width:38px; height:23px; float:right; background:url(../images/pricaju-nazad.jpg) 0 0 no-repeat; outline:none; text-indent:-9999px; margin-right:20px;}

	

	

	/* E-SHOP */



	#main-smallerback {width:854px; margin:16px auto 0px auto; background:url(../images/maindiv-back-smaller.jpg) left bottom no-repeat #ffffff; overflow:hidden; padding:15px;}

	ul#shop {width:854px; overflow:hidden; list-style:none; margin-bottom:20px;}

		ul#shop li { height:116px; float:left; display:inline; border-bottom:1px solid #000000; padding:15px; overflow:hidden;}

			ul#shop li.larger { width:670px; border-right:1px solid #000000;}

			ul#shop li.smaller {width:123px;}

			ul#shop li.last {border-bottom:0px;}

			ul#shop li img {width:auto; float:left; display:inline-block; margin-right:10px;}

			ul#shop li h2 { width:auto; float:left; display:block; font-size:15px; color:#000000;}

			ul#shop li p { width:506px; float:left; font-size:12px; color:#000000; line-height:20px; }

			ul#shop li span {display:block; width:auto; color:#bc0000; font-size:26px; font-weight:bold; margin-top:35px; position:relative;}


    /*VESTI FULL*/
    ul#shop2 {width:854px; overflow:hidden; list-style:none; margin-bottom:20px;}

		ul#shop2 li { float:left; display:inline; border-bottom:1px solid #000000; padding:15px;}

			ul#shop2 li.larger { width:800px; border-bottom:1px solid #000000;}

			ul#shop2 li.last {border-bottom:0px;}

			ul#shop2 li img {width:120px; height: 120px; float:left; margin-right:10px;}

			ul#shop2 li h2 { width:auto; float:left; display:block; font-size:15px; color:#000000;}

			ul#shop2 li p { width:550px; float:left; font-size:12px; color:#000000; line-height:20px; }

			ul#shop2 li span {display:block; width:auto; color:#bc0000; font-size:26px; font-weight:bold; margin-top:35px; position:relative;}




	/* GALERIJA */

	

	#main-largerback {width:854px; margin:16px auto 0px auto; background:url(../images/maindiv-back-larger.jpg) right bottom no-repeat #ffffff; overflow:hidden; padding:15px;}

	ul#gallery {width:854px; overflow:hidden; list-style:none;}

		ul#gallery li {width:427px; float:left; display:inline; height:114px; margin-bottom:50px;}

		ul#gallery li.last {margin-bottom:0px;}

			ul#gallery li a.image {float:left; margin-right:20px; display:block; width:145px; height:106px; border:1px solid #000000;}

			ul#gallery li img {width:145px; height:106px; float:left; display:block; }

			ul#gallery li a.leftcolumn {display:inline-block; width:auto; color:#837b79; font-size:15px; line-height:20px; font-weight:bold; margin:47px 0 0 0; float:left;}

				ul#gallery li a.leftcolumn:hover {color:#434040;}

			ul#gallery li a.rightcolumn {display:inline-block; width:auto; color:#434040; line-height:20px; font-size:15px; font-weight:bold;  margin:35px 0 0 0; float:left;}

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

	

	body#galerija {background-color:#ffffff;}

	.stripViewer1 { position: relative; overflow: hidden; padding-top:10px; margin: 0; float:left; width:500px; } 

		.stripViewer1 ul { margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } 

			.stripViewer1 ul li { float:left; } 

	.stripTransmitter1 { overflow: auto; width: 500px; height:45px; padding-top:10px; float:left;} 

		.stripTransmitter1 ul { margin: 0px auto; padding: 0; position: relative; list-style-type: none; width:360px; } 

			.stripTransmitter1 ul li{ width: 20px; float:left; margin: 0px; } 

		.stripTransmitter1 a{ font-weight: bold; font-size: 15px; text-align: center; line-height: 22px; color: #837b79; text-decoration: none; display: block; } 

			.stripTransmitter1 a:hover, a.current{color: #434040; } 

			.stripTransmitter1 a.current{color: #434040; }

		

	/* KONTAKT */

	

	#main-smallerbackright {width:854px; margin:16px auto 0px auto; background:url(../images/maindiv-back-smaller-right.jpg) right bottom no-repeat #ffffff; overflow:hidden; padding:90px 15px 15px 15px; height:500px;}

		

		#contactdiv {width:730px; position:relative; overflow:hidden; margin:0px auto;} 

		fieldset.contact { width:480px; float:left;}

			fieldset.contact label {width:120px; margin:0 20px 10px 0 ; float:left; display:inline; height:20px; color:#4a4a4a; font-size:15px; }

			fieldset.contact span.smaller {width:328px; float:right; margin-bottom:10px; display:inline; height:18px; border:1px solid #4a4a4a;}

			fieldset.contact span.active {border:1px solid #000000; background-color:#f6f6f6;}

				fieldset.contact span.smaller input {width:328px; background:none; font-size:15px; color:#4a4a4a; padding: 0 5px 0 5px;}

			fieldset.contact span.larger {width:478px; height:120px; margin-bottom:10px; border:1px solid #4a4a4a; float:left;}

				fieldset.contact span.larger textarea {width:468px; height:110px; background:none; overflow:auto; font-size:15px; color:#4a4a4a; padding:5px; }	

			fieldset.contact input.button {width:55px; height:25px; float:right; background-color:#343434; color:#ffffff; font-size:15px; cursor:pointer; margin-bottom:10px;}

			fieldset.contact p {width:470px; color:#343434; font-size:11px;  clear:both;}

		p.contact {width:250px; float:right; display:inline; text-align:right; color:#343434; font-size:13px; line-height:20px; padding-top:50px;}

			p.contact  a {text-decoration:underline; color:#343434; font-size:13px;}

		#info2 {width:480px; margin-top:10px; color:#ff0000; font-size:15px;