@charset "utf-8";

* {margin:0; padding:0;}
body { background:url(../img/back_gradiend.jpg) top left repeat-x;font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:11px; color:#808285;}
img {border:0;}


#wrap {width:100%; margin:auto;}

#splashImg {float:left; width:981px; text-align:center; padding:150px 0 0 0;}
#splashTxt {float:left; width:921px; text-align:center; padding:50px 30px;}
#splashTxt h1 {font-size:12px; font-weight:normal; color:#666666;}
#splashTxt p {color:#999999; font-size:10px; padding:30px 0 0 0;}

#splashHolder {float:left; width:922px; padding:180px 0 0 29px;}
.splashLeft {width:316px; float:left; padding:5px 0 0 0;}
.splashRight {width:292px; float:right; padding:5px 0 0 0;}
.splashCenter {width:280px; float:left; height:345px; background:url(../img/splash-bgr.png) top no-repeat; background-position:center 5px; padding:0 0 0 34px;}


#footer {width:960px; margin:0 auto;}
#footerInfo {color:#999999; font-size:10px; padding:20px 0px; width:490px; text-align:left; vertical-align:text-bottom;}
#footerNewsletter {float:left; width:450px; text-align:left; padding:20px 10px;}
#footerNewsletter input.footerField {height:15px; width:150px; font-size:11px;}
#footerNewsletter input.footerButton {height:20px; width:50px; border:0; background:#ccc; font-size:11px;}


#header {width:981px; margin:0 auto; height:100px; background:url(../img/header_img.png) top right no-repeat; padding-bottom:10px;}
	
		#header h1 a{display:block; width:183px; height:108px; background:url(../img/logo.png) top right no-repeat; text-indent:-9999px}
	#header img{float:right;}

.headerContent {float:left; width:705px;}

#nav {width:981px; margin:0 auto;}
	#nav ul{padding-bottom:10px;}
		#nav ul li{ display:inline; padding-left:15px;}
			#nav ul li a{ font-family:Calibri, Arial, Helvetica, sans-serif;font-size:16px; text-decoration:none; color:#808285; }
				#nav ul li a:hover{ color:#F00;}
			#nav ul li.last{padding:0;}
				#nav ul li a img{padding:4px 6px 0 0; }
				

#slideshow {width:100%; height:200px; background-color:#999; position:relative; overflow:hidden;}
	#tabs {position:relative;}
		
		.ui-tabs .ui-tabs-hide {display: none;}
		#tabs h2 { font-family:Calibri, Arial, Helvetica, sans-serif; color:#FFF; font-size:60px; display:block;padding-left:100px;}
		#tabs p {width:200px; height:200px; font-family:Calibri, Arial, Helvetica, sans-serif; color:#FFF; font-size:16px; padding-left:135px;}
		#tabs ul { list-style-type:none; position:absolute; bottom:10px; left:138px; height:16px;}
		#tabs ul li {display:block; width:14px; height:15px; float:left; padding-right:5px;}
		#tabs ul li a{width:15px; height:14px; display:block; background:url(../img/slide_button.jpg) top left no-repeat;text-indent:-9999px; z-index:10; padding-right:6px; outline:none;}
		#tabs ul li a:hover{background-position:0 -14px;}
		#tabs ul li.ui-tabs-selected a { background-position:0 -14px;}
		
		
		
		#tabs {width:981px; height:200px; margin:0 auto;}
			#tabs img {width:600px; height:200px; position:absolute; right:0; top:0;}

.headerImg {float:left; width:705px; text-align:center; padding:35px 0 0 0;}
.navBar {float:left; width:705px; text-align:center; padding:35px 0 0 0; height:20px;}
.navBar a {padding:17px 4px; font-size:13px; text-decoration:none; color:#000; height:20px;}
.navBar a:hover {color:#db2032; height:20px;}

#content {width:981px; text-align:left; margin: 0 auto;}
	#content p{ font-size:12px; line-height:16px;}
	#content ul{ list-style-type:none; display:inline;}
		#content ul li{ font-size:13px; line-height:16px;}

#pageTitle {float:left; width:981px; clear:both; margin:0 auto; padding:10px 0 10px 0; /* padding:20 0 20px 140px;*/} 
#pageTitle h2 {font-size:25px; color:#e5e5e5; font-weight:normal; text-transform:uppercase; padding: 10px 0 5px 12px;}

/* About us page */
#contentAboutUs {width:981px; margin: 0 auto; padding-top:6px; position:relative; }
#contentAboutUs p {text-align:justify; font-size:12px; line-height:16px; padding-bottom:3px;}
#bottomPictures {float:left; width:981px;}
#bottomPictures1 {float:left; width:981px;}
#bottomPictures2 {float:left; width:981px;}
#bottomPictures3 {float:left; width:981px;}
#bottomPictures4 {float:left; width:981px;}

/* Paleta page */
#contentPaleta {width:981px; margin:0 auto; float:left;}
	/*#contentPaleta ul{ list-style-type:none;}*/
		#contentPaleta  a{position:relative;}
			#contentPaleta  a span{position:absolute; bottom:0; left:0; width:100px; height:37px; background:#666; vertical-align:text-bottom; filter: alpha(opacity=50);opacity: .8;}
		
a.productCatBox {float:left; width:100px; height:100px; text-align:center;/* padding-top:85px;*/ background-color:#000; color:#fff; text-decoration:none; text-transform:uppercase; background-position:0 0; background-repeat:no-repeat; margin:0px 11px 11px 0; border:#666 solid 1px;}
a:hover.productCatBox {background-position: 0 -100px; background-color:#d71921; border:#d71921 solid 1px;}



/* Kategorija page */
#contentKategorija {float:left; width:951px; padding:10px 0 20px 30px}
.productBox {float:left; width:435px; padding:10px 10px 20px 10px;}
.productBox:hover {background:#f4f5f6;}
.productBox a img {float:left; border:#ccc solid 2px; padding:1px; width:100px; height:100px;}
.productBox a:hover img {border:#666666 solid 2px;}
.productBoxDetails {float:right; width:320px;}
.productBoxDetails h2 a{float:left; font-size:14px; color:#d71921; text-decoration:none; width:320px;}
.productBoxDetails h2 a:hover {text-decoration:underline;}
.productBoxDetails p {float:left; padding:5px 0 0 0; width:320px; height:70px; height:auto !important; min-height:70px; text-align:justify;}
.productBoxDetails a.detaljnije {float:left; width:320px; text-align:right; color:#d71921;}
.productBoxDetails a:hover.detaljnije {text-decoration:none;}

/* Proizvod page */
#contentProizvod {float:left; width:705px; padding:10px 138px 30px 138px;}
#singleProduct {float:left; width:685px; padding:10px; border:#ccc solid 1px;}
#singleProduct img {float:left; border:#ccc solid 2px; padding:1px;}
.singleProductDetails {float:right; width:490px; background:url(../img/bag-icon.png) top no-repeat; background-position:470px 0;}
.singleProductDetails ul li {list-style-type:none;}
.singleProductDetails h2 {float:left; font-size:16px; color:#000; text-decoration:none; width:320px;}
.singleProductDetails p {float:left; width:490px; padding:20px 0; font-size:12px; text-align:justify;}
.singleProductDetails a.poruci {float:right; width:58px;font-weight:bold; font-size:12px; color:#992e2e; text-decoration:none; text-align:left; padding:5px;}
.singleProductDetails a:hover.poruci {text-decoration:underline;}

/* Galerija page */
#contentGalerija {float:left; width:881px; padding:10px 0 20px 100px; text-align:center;}
a.galerijaBox {float:left; width:100px; height:20px; text-align:center; padding:105px 0 0 0; background-color:#d71921; color:#fff; text-decoration:none; text-transform:uppercase; background-repeat:no-repeat; margin:0 11px 0 0; border:#d71921 solid 1px;}
a:hover.galerijaBox {border:#000 solid 1px; background-color:#000;}
#contentGalerijaMore {float:left; width:981px; padding:10px 0 20px 0; text-align:center;}
#contentGalerijaMore a img.galerijaMore {border:#ccc solid 1px; padding:5px; margin:0 5px;}
#contentGalerijaMore a:hover img.galerijaMore {border:#000 solid 1px;}
.pagination {float:left; width:981px; text-align:center; padding:30px 0 0 0;}
.pagination a {color:#ae251d; text-decoration:none; padding:0 5px;}
.pagination a:hover {text-decoration:underline;}

/* Download page */
#contentDownload {float:left; width:861px; padding:10px 0 20px 120px; text-align:center;}
.downloadBox {width:100px; text-align:center; padding:5px; float:left; border:#fff solid 1px;}
.downloadBox:hover {border:#ccc solid 1px;}
.downloadBox a {color:#666666; text-decoration:none;}

/* Referent list page */
#contentReferentpage {float:left; width:881px; padding:10px 0 20px 100px; text-align:center; background: url(../img/za_referentnu_listu.jpg) no-repeat 700px 50px}
#contentReferentpage ol { list-style: decimal inside; padding:0 0 0 35px; text-align:left; float:left;}
#contentReferentpage p { padding:0 0 0 35px;  text-align:left;}

/* Extra page */
#contentExtra {float:left; width:861px; padding:10px 0 20px 120px; text-align:left;}
.extraBox {float:left; width:250px; background:#ececec; padding:5px;}
.extraBox p {float:left; width:100px; padding:0 0 0 15px;}
.extraBox b a{font-size:12px; color:#333;}
.extraBox img {float:left;}
p.extraParagraph {float:left; width:800px; padding:5px;}

/* Extra page */
#contentContact {float:left; width:861px; padding:20px 0 20px 120px; text-align:left;}
.contactBox {width:500px; float:left;}
.contactBox label {float:left; clear:left; width:100px; text-align:right; padding:0 10px 0 0;}
.contactBox input {float:left; clear:right; width:200px; margin:0 0 2px 0;}
.contactBox textarea {float:left; clear:right; width:300px; margin:0 0 2px 0; overflow:auto;}
.contactBox img {float:left;}
.contactBox i {float:left; padding:5px 0 0 20px;}
.contactBox label.verifyLabel {padding:10px 10px 0 0;}
.contactBox input.verityField {float:left; clear:right; width:70px; margin:5px 0 2px 0;}
.contactBox input.sendButton {width:70px; float:left; clear:right; margin:0 0 2px 0;}

.addressBox {float:left; width:250px;}


p.fixed{ width:680px;}
.akcija{ position:absolute; top:40px; right:0px;}