/* GENERAL
------------------------------------------- */
* {margin:0; padding:0;;}

body {background:url(../img/bgr.gif) left top repeat-x #313131; font-family:Arial, Helvetica, sans-serif; color:#353535; font-size:12px;}

a {outline:none; color:#d72901;}
img {border:0;}
h4 {color:#fff;}

.jsclass body .randomproducts {display:none}
	
/* TOP SEGMENT
------------------------------------------- */
	#topSegment {width:960px; margin:auto; position:relative; z-index:5;}
		#logo {float:left; padding:42px 0 0 0; width:auto;}
			#logo h1 {float:left; width:211px; height:40px; text-indent:-9999px; background:url(../img/logo.gif) 0 0 no-repeat;}
		#rightTop {float:left; width:670px; margin-left:70px;}
			#topNavBar {float:right; padding-top:5px; height:25px; padding-right:18px; width:auto;}
				#topNavBar ul {float:left; padding-top:3px; width:auto;}
					#topNavBar ul li {float:left; color:#a4a3a3; list-style-type:none; font-size:11px; width:auto;}
						#topNavBar ul li a {padding:0 10px; color:#dedede; text-decoration:none;}
							#topNavBar ul li a:hover {text-decoration:underline;}
				#topNavBar form {float:left; width:212px;}
					#topNavBar fieldset {float:left; width:212px; height:14px; padding:4px 0 0 4px; border:0; background:url(../img/search-bgr.gif) 0 0 no-repeat;}
						#topNavBar fieldset input.searchField {float:left; width:180px; height:14px; border:0; font-size:11px; background:none;}
						#topNavBar fieldset input.searchButton {float:left; width:32px; height:14px; border:0; background:none; cursor:pointer;}
			
			
			#mainNav {float:right; width:650px;;}



#mainHolder {float:left; width:100%; position:relative; background:#fff; z-index:1;}

/* HEADER HOME
------------------------------------------- */
	#homeHeader {width:966px; margin:auto; padding:20px 0; position:relative; z-index:1;}
	
		.header {height: 370px; width: 966px; padding:0; margin:0; overflow: hidden }
			.header img { height: 370px; width: 966px; padding: 0px; border: 0px solid #ccc; background-color: #eee; top:0; left:0 }
		
		.nav {position:absolute; top:0; left:0; z-index:10; width:100%;}
			.nav a {position:absolute; top:160px; text-indent:-9999px; height:64px; width:31px; background-position:0 0; background-repeat:no-repeat;}
				.nav a#next {background-image:url(../img/right-arrow.gif); right:-28px;} 
				.nav a#prev {background-image:url(../img/left-arrow.gif); left:-28px;}

/* PAGES
------------------------------------------- */
	#pageHolder {width:966px; margin:auto; overflow:auto; padding:20px 0; position:relative; z-index:1;}
		
		#innerPageHolder {float:left; width:966px;}
			.innerPageBgr {background:url(../img/bgr-main.gif) left top repeat-y;}
			.innerPageBgr0 {background:url(../img/bgr-main-veliki.gif) left top repeat-y;}
			.innerPageBgr1 {background:url(../img/bgr-main-stampa.gif) left top repeat-y;}
			.innerPageBgr2 {background:url(../img/bgr-main-plast.gif) left top repeat-y;}
			.innerPageBgr3 {background:url(../img/bgr-main-koricenje.gif) left top repeat-y;}
			.innerPageBgr4 {background:url(../img/bgr-main-ostale.gif) left top repeat-y;}
			
			.pageTitle {float:left; width:941px; height:48px; padding:25px 0 0 25px;}
				.pageTitle {background:url(../img/top-bgr.png) left top no-repeat;}
				.pageTitle0 {background:url(../img/top-bgr-veliki.png) left top no-repeat;}
				.pageTitle1 {background:url(../img/top-bgr-stampa.png) left top no-repeat;}
				.pageTitle2 {background:url(../img/top-bgr-plast.png) left top no-repeat;}
				.pageTitle3 {background:url(../img/top-bgr-koricenje.png) left top no-repeat;}
				.pageTitle4 {background:url(../img/top-bgr-ostale.png) left top no-repeat;}
				
				.pageTitle h2 {float:left; display:block; width:700px; height:26px; text-indent:-9999px; background-position:0 0; background-repeat:no-repeat;}
					.pageTitle h2.titleOnama {background-image:url(../img/title-onama.png);}
					.pageTitle h2.titlePitanjaOdgovori {background-image:url(../img/title-pitanja-odgovori.png);}
					.pageTitle h2.titleKontakt {background-image:url(../img/title-kontakt.png);}
					.pageTitle h2.titlePorudzbina {background-image:url(../img/title-porudzbina.png);}
					.pageTitle h2.titleStampaVelForm {background-image:url('../img/title-veliki-format-stampa.png');}
					.pageTitle h2.titleStampaVelPosteri {background-image:url('../img/title-stampa-i-kopiranje-posteri.png');}
					.pageTitle h2.titleStampaVelKanvas {background-image:url('../img/title-stampa-kanvas.png');}
					.pageTitle h2.titleStampaVelSken {background-image:url(../img/title-skeniranje-velikih-formata.png);}
					.pageTitle h2.titleStampaiKopiranje {background-image:url(../img/title-stampa-i-kopiranje.png);}
					.pageTitle h2.titleCbStampaiKopiranje {background-image:url(../img/title-cb-stampa-i-kopiranje.png);}
					.pageTitle h2.titleVelStampaiKopiranje {background-image:url(../img/title-veliki-format-stampa-i-kopiranje.png);}
					.pageTitle h2.titlePlastifikacijaDokumenata {background-image:url(../img/title-plastifikacija-dokumenata.png);}
					.pageTitle h2.titleVizitkeIDkartice {background-image:url(../img/title-vizitke-idkartice.png);}
					.pageTitle h2.titleFinisiranjeDorada {background-image:url(../img/title-finisiranje-i-dorada.png);}
					.pageTitle h2.titleSkeniranjeDocMenadzment {background-image:url(../img/title-skeniranje-docmenadzment.png);}
					.pageTitle h2.titleKoricenje {background-image:url(../img/title-koricenje.png);}
				
			.pageContent {float:left; width:960px; padding:0 3px 21px 3px;}
				.pageContent {background:url(../img/bottom-bgr.png) left bottom no-repeat;}
				.pageContent0 {background:url(../img/bottom-bgr-veliki.png) left bottom no-repeat;}
				.pageContent1 {background:url(../img/bottom-bgr-stampa.png) left bottom no-repeat;}
				.pageContent2 {background:url(../img/bottom-bgr-plast.png) left bottom no-repeat;}
				.pageContent3 {background:url(../img/bottom-bgr-koricenje.png) left bottom no-repeat;}
				.pageContent4 {background:url(../img/bottom-bgr-ostale.png) left bottom no-repeat;}
				
				
				.mainPageContent {float:left; width:720px;word-wrap:break-word;}
					.mainPageContent p {line-height:18px; padding-bottom:15px;}
					.mainPageContent blockquote {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:20px; color:#d72901; font-style:italic; padding-bottom:15px;}
					.mainPageContent h5 {font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; color:#d72901; font-style:italic; padding-top:15px; padding-bottom:15px;}
						.mainPageContent h5.titleMarginFix {padding-top:0;}
						.mainPageContent h5 span {font-size:12px; font-style:normal; display:block; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
					.mainPageContent ul {padding-bottom:15px;}
						.mainPageContent ul li {list-style-type:none; display:block; line-height:18px; padding-left:18px; background:url(../img/bullet-3.gif) 10px 7px no-repeat;}
							.mainPageContent ul li b {display:inline-block; width:80px;}
						
						ul.twoColumnList {margin-bottom:15px;}
							ul.twoColumnList li {float:left; width:80px;}
						ul.twoColumnList2 {margin-bottom:15px;}
							ul.twoColumnList2 li {float:left; width:210px;}
					
					.mainPageContent dl {padding-bottom:15px; float:left; display:block; font-size:12px; width:auto;}
						.mainPageContent dl dt {width:72px; float:left; display:block; clear:left; font-weight:bold; line-height:18px; padding-left:15px;}
						.mainPageContent dl dd {display:block; width:370px; float:left; line-height:18px;}
					
					.mainPageLeftColumn {float:left; width:210px; padding:20px 20px 0 20px;}
					.mainPageRightColumn {float:left; width:457px; padding:20px 0 0 0;}
					
						/* veliki formati styles */
						.pageContent0 h5, .pageContent0 blockquote {color:#006c95;}
						.pageContent0 ul li {background:url(../img/bullet-2.gif) 10px 7px no-repeat;}
						.pageContent0 .sideBar ul li {background:none;}
						
						/* plastifikacija styles */
						.pageContent2 h5, .pageContent2 blockquote {color:#218100;}
						.pageContent2 ul li {background:url(../img/bullet-4.gif) 10px 7px no-repeat;}
						.pageContent2 .sideBar ul li {background:none;}
						
						/* koricenje styles */
						.pageContent3 h5, .pageContent3 blockquote {color:#006c95;}
						.pageContent3 ul li {background:url(../img/bullet-2.gif) 10px 7px no-repeat;}
						.pageContent3 .sideBar ul li {background:none;}
						
						/* ostale usluge styles */
						.pageContent4 h5, .pageContent4 blockquote {color:#e22702;}
						.pageContent4 ul li {background:url(../img/bullet-3.gif) 10px 7px no-repeat;}
						.pageContent4 .sideBar ul li {background:none;}
					
					
				.innerPageContent {float:left; width:660px; padding:15px 20px 0 40px;}
					.innerPageContent ol li {list-style-type:none; font-weight:bold; color:#006c95; padding:10px 0; line-height:18px;}
						.innerPageContent ol li span {display:block; font-weight:normal; padding:5px 0 0 0; color:#353535;}
						.innerPageContent ol li:hover {background:#eaebeb;}
						
						.innerPageContent ol li ul {padding:10px 0 0 10px;}
							.innerPageContent ol li ul li {background:none; padding:0; font-weight:normal; color:#353535;}
					
					/* Contact form */
					.innerPageContent fieldset {float:left; width:400px; border:0; padding:25px 0; background:url(../img/form-separator.gif) right top repeat-y;}
						.innerPageContent fieldset label {float:left; width:90px; padding:4px 10px 4px 4px; clear:left; text-align:right; margin-bottom:10px;}
						.innerPageContent fieldset input {float:left; width:200px; font-size:11px; padding:4px; margin-bottom:10px; background:#dddede; border:#bfc1c1 solid 1px;}
						.innerPageContent fieldset textarea {float:left; width:250px; font-size:11px; padding:4px; height:190px; margin-bottom:15px; background:#dddede; border:#bfc1c1 solid 1px; font-family:Arial, Helvetica, sans-serif; overflow:auto;}	
						
						.innerPageContent fieldset button {float:right; margin-right:35px; border:0; cursor:pointer; width:83px; height:35px; background:url(../img/send-button.gif) 0 0 no-repeat;}
						.innerPageContent fieldset button:hover {background-position:0 -46px;}
					
					/* Order form */
					.innerPageContent fieldset.order {float:left; width:630px; border:0; padding:25px 0; background:none;}
						.innerPageContent fieldset.order label {float:left; width:190px; padding:4px 10px 4px 4px; clear:left; text-align:right; margin-bottom:10px;}
						.innerPageContent fieldset.order select {float:left; width:200px; padding:2px; font-size:11px; text-align:left; margin-bottom:10px;}
						.innerPageContent fieldset.order input.orderField {float:left; width:300px;  padding:4px; margin-bottom:10px; background:#dddede; border:#bfc1c1 solid 1px;}
							.innerPageContent fieldset.order div.radioButtons {float:left; width:425px; padding:5px 0 0 205px;}
							.innerPageContent fieldset.order div.radioButtonsShort {float:left; width:400px; font-size:11px; padding:5px 0; margin-bottom:10px;}
							.innerPageContent fieldset.order div.radioOptions {float:left; width:630px; padding:5px 0 0 0;}
								.innerPageContent fieldset.order div.radioOptions label {margin-bottom:0; padding-top:0;}
								.innerPageContent fieldset.order input.orderRadio {float:left; border:0; width:16px; height:16px; background:none;}
								.innerPageContent fieldset.order span {float:left; padding:0 15px 0 2px; width:auto;}
								.innerPageContent fieldset.order div.radioButtonsShort span {padding:0 5px 0 2px;}
								.innerPageContent fieldset.order div.radioButtonsShort span i {font-style:normal; font-size:11px;}
							
						.innerPageContent fieldset.order textarea {float:left; width:350px; font-size:11px; padding:4px; height:100px; margin-bottom:15px; background:#dddede; border:#bfc1c1 solid 1px; font-family:Arial, Helvetica, sans-serif; overflow:auto;}
					
						.innerPageContent p.orderTitle {float:left; width:630px; font-size:12px; font-weight:bold; border-bottom:#ccc solid 1px; padding:5px 0 10px 0;}
						
						/* New order form elements */
						.innerPageContent a.orderCategory {float:left; width:610px; font-size:11px; font-weight:bold; padding:10px 0 10px 20px; background:url(../img/order-icon.gif) right 10px no-repeat;}
							.innerPageContent a.activeOrderCategory {background-position:right -250px;}
						
						div.orderCategoryBox {display:none;}
						
						
						
						
						#info {float:right; font-size:11px; padding:8px 5px 0 0; text-align:right; width:auto;}
						
					.contactInfo {float:right; width:225px;}
						.contactInfo p {padding:0; line-height:16px; font-size:11px; color:#777777;}
							.contactInfo p b {color:#006c95;}
							.contactInfo p a {color:#777777;}
							.contactInfo p.titleContact {border-bottom:#dedfdf solid 1px; float:left; width:225px; padding:20px 0 3px 0; margin-bottom:3px;}
								.contactInfo p.titleContact b {font-size:14px; float:left; color:#353535; line-height:14px; width:auto;}
								.contactInfo p.titleContact a {float:right; display:block; text-indent:-9999px; background:url(../img/vidimapu-icon.gif) 0 0 no-repeat; width:15px; line-height:13px; height:13px;}
									.contactInfo p.titleContact a:hover {background-position:0 -18px;}
					
					
					#kolorManPopup {display:none;}
						.innerPopup {background:#e5f2f8; padding:20px;}
							.innerPopup h5 {font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; color:#e22702; font-style:italic; padding-bottom:15px;}
							.innerPopup p {color:#353535; line-height:20px; font-size:12px; padding-bottom:10px;}
				
				
				/* Side bar */
				.sideBar {float:right; width:239px;}
					.sideBar h4 {float:left; width:222px; padding-left:17px; text-transform:uppercase; line-height:50px; height:50px; font-size:12px;}
						.sideBar h4.sideTitleVeliki {background:url(../img/side-title-bgr0.jpg) left top repeat-x;}
						.sideBar h4.sideTitleStampa {background:url(../img/side-title-bgr1.jpg) left top repeat-x;}
						.sideBar h4.sideTitlePlast {background:url(../img/side-title-bgr2.jpg) left top repeat-x;}
						.sideBar h4.sideTitleKoricenje {background:url(../img/side-title-bgr3.jpg) left top repeat-x;}
						.sideBar h4.sideTitleOstale {background:url(../img/side-title-bgr4.jpg) left top repeat-x;}
						
					.sideBar ul {float:left; width:239px;}
						.sideBar ul li {float:left; display:block; width:239px; line-height:25px; height:25px; border-bottom:#fff 1px solid; list-style-type:none;}
							.sideBar ul li a {font-size:12px; color:#575757; line-height:25px; text-decoration:none; padding:0 0 0 22px; background:url(../img/bullet-2.gif) 15px 5px no-repeat;}
								.sideBar ul li a:hover {text-decoration:underline; color:#000;}
								.sideBar ul li.activeSideNav {background:#000; float:left; width:239px;}
									.sideBar ul li.activeSideNav a {color:#fff;}
									.sideBar ul li.activeSideNav a:hover {text-decoration:none; color:#fff;}
							
					.sideBanners {float:left; width:239px; padding:10px 0; text-align:center;}
						.sideBanners img {margin:10px 0;}


/* BOTTOM
------------------------------------------- */
#bottomHolder {float:left; width:100%; position:relative; padding-top:28px; background:url(../img/bottom-bgr.gif) left top repeat-x;}
	#bottomContent {width:960px; margin:auto;}
	
		#bottomInnerContent {float:left; width:960px; padding-bottom:25px;}
			.bottomLeftContent {float:left; width:480px;}
				.bottomLeftContent h3 {float:left; width:480px; height:38px; background:url(../img/title-izdvajamo.gif) 0 0 no-repeat; text-indent:-9999px;}
				.bannerHolder {float:left; height:100px; width:480px;}
					.bannerHolder a {float:left; display:block; height:100px; text-indent:-9999px; width:auto;}
						.bannerHolder a.banner-1 {background:url(../img/banner-stampa-velikih-formata.jpg) 0 0 no-repeat; width:242px;}
						.bannerHolder a.banner-2 {background:url(../img/banner-skeniranje.jpg) 0 0 no-repeat; width:238px;}
						.bannerHolder a.banner-3 {background:url(../img/banner-crno-belo.jpg) 0 0 no-repeat; width:236px;}
						.bannerHolder a.banner-4 {background:url(../img/banner-kolor-stampa.jpg) 0 0 no-repeat; width:238px;}
				
			.bottomRightContent {float:right; width:464px; margin-top:38px;}
				.bottomRightContent h3 {float:left; width:464px; height:38px; background:url(../img/title-gde-se-nalazimo.gif) 0 0 no-repeat; text-indent:-9999px;}
				.bottomRightContent p {font-size:12px; color:#cccaca;}
					.bottomRightContent p span {font-size:14px; color:#f0d674; padding-bottom:5px; display:block;}
					
				.addressBoxes {float:left; width:464px; padding-top:13px;}
					.addressBoxes a {float:left; display:block; background:url(../img/vidimapu-bgr.gif); width:204px; height:32px; padding:10px; color:#cccaca; font-size:11px; text-decoration:none;}
						.addressBoxes a span {font-size:14px; color:#fff; font-weight:bold;}
						
		#footerContent {float:left; width:960px; background:url(../img/footer-bgr.gif) left top repeat-x; padding:20px 0; position:relative;}
			p.leftFooter {float:left; font-size:10px; color:#888888; line-height:20px; width:auto;}
				p.leftFooter a.footerLogo {display:block; float:left; text-indent:-9999px; width:87px; height:20px; background:url(../img/footer-logo.gif) 0 5px no-repeat; margin-right:3px;}
					p.leftFooter a {color:#888888; text-decoration:none;}
						p.leftFooter a:hover {text-decoration:underline;}
				p.leftFooter span {color:#c5c4c4;}
				
			p.rightFooter {float:right; font-size:10px; color:#4e4d4d; line-height:20px; text-align:right; width:auto;}
				p.rightFooter a {color:#888888; text-decoration:none;}
					p.rightFooter a:hover {text-decoration:underline;}
		#footerContent i{font-size:10px; position:absolute;color:#ccc; bottom:5px; right:0px;}