@import url(reset.css);
@import url(order.css);

	#mainholder { width:982px; margin:0px auto; overflow:visible;}
		.holder {width:982px; height:73px; overflow:hidden; background:url(../images/horizontal-separator.jpg) left bottom repeat-x;}
			.top {background:url(../images/top-back.jpg) top center no-repeat; width:982px; height:73px; overflow:hidden;}
				h1 {width:211px; height:39px; float:left; display:inline; margin:16px 0 0 2px;}
					h1 a {width:211px; height:39px; display:block; text-indent:-9999px; background:url(../images/logo.jpg) 0 0 no-repeat; outline:none;}
				.banner {float:left; width:550px; height:70px;}
				ul#lokacije {width:187px; height:56px; background:url(../images/lokacije-back.jpg) 0 0 no-repeat; margin:8px 1px 0 0; float:right; display:inline; padding-left:24px;}
					ul#lokacije li.top {width:187px; height:27px; float:right; border-bottom:1px solid #d9d8d8; background:url(../images/lokacije-top-back.jpg) top right no-repeat #eeeded;} 
					ul#lokacije li.bottom {width:187px; height:27px; float:right; border-top:1px solid #ffffff; background:url(../images/lokacije-bottom-back.jpg) bottom right no-repeat #eeeded;}
						ul#lokacije li p { font-size:11px; color:#9d9d9d; width:auto; float:left; margin:6px 0 0 7px; display:inline;}
							
							ul#lokacije li p b { font-size:12px; color:#4d4d4d;}
						ul#lokacije li a {width:14px; height:12px; float:right; display:inline; background:url(../images/lokacije-button.jpg) 0 0 no-repeat; text-indent:-9999px; outline:none; margin:8px 8px 0 0;}
		.menuholder {height:25px; padding-top:8px; overflow:visible; z-index:20;}
			ul#mainnav {width:auto; float:left;}
				ul#mainnav li { padding:0 14px 0 14px; border-left:1px solid #c4c4c4; float:left;}
				ul#mainnav li.first {padding-left:0px; border-left:none;}
					ul#mainnav li a { font-size:12px; font-weight:bold; color:#353535;}
					ul#mainnav li a:hover {color:#00aeef;}
					ul#mainnav li a.active {color:#00aeef;}
					
					
					ul.naslovnaNav a#naslovna,
					ul.proizvodiNav a#proizvodi,
					ul.porudzbinaNav a#porudzbina,
					ul.pitanjaNav a#pitanja {color:#00aeef; z-index:20;}
					
					
					ul#mainnav li div {width:1000px; height:265px; background:url(../images/dropdown-selector.png) 125px 0 no-repeat; position:absolute; left:-10px; top:22px; z-index:20; padding-top:12px; display:none;}
						ul#mainnav li div ul { background-color:#e6e6e6; height:370px; width:1000px; border-right:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4; padding-top:15px;}
							ul#mainnav li div ul li { width:145px; border-right:1px solid #dddbdb; float:left; padding:0 10px 0 10px; border-left:none;height:360px;}
							ul#mainnav li div ul li.last {border:none;}
								ul#mainnav li div ul li h2 { font-size:16px; color:#00aeef; font-weight:normal; margin-bottom:16px;}
									ul#mainnav li div ul li a { padding-left:10px; background:url(../images/dropdown-bullet.png) 0 8px no-repeat; color:#505050; font-size:12px; line-height:18px; display:block; font-weight:normal;}
									
					
					ul.menuInnerList li ul {background-color:none !important; border:0 !important; height:auto !important; padding-top:0 !important; width:auto !important;}
						ul.menuInnerList li ul li {border-right:0 !important; float:none !important; height:auto !important; padding:0 !important; width:auto !important;}
					
									
									
			ul#directnav {width:auto; float:right;}
				ul#directnav li { padding:0 14px 0 14px;float:left;}
				ul#directnav li.last {padding-right:0px; border-right:none;}
					ul#directnav li a { font-size:12px; color:#00aeef;}
					ul#directnav li a:hover {text-decoration:underline;}
		.maincontent { height:auto; padding-top:16px; background:none; overflow:hidden;}
			#slideshow {width:457px; height:198px; float:left; background:url(../images/contentchanger-backdark2.jpg) 0 0 no-repeat; padding:14px; overflow:hidden;}
				a.izdvajamo {width:98px; height:98px; display:block; position:absolute; top:0px; right:0px; text-indent:-9999px; outline:none; background:url(../images/izdvajamo-button.png) 0 0 no-repeat; z-index:2;}				
				#tabs { overflow: hidden; width: 457px; z-index:1; height:204px; }
					.ui-tabs .ui-tabs-hide {display: none;}
						#tabs div { width: 457px; float: left; height:204px;}
							#tabs div h2 { font-size:20px; color:#fce046; margin-bottom:5px; width:206px; line-height:20px; }
							#tabs div span { font-size:13px; color:#DFF7FF; width:206px;}
							#tabs div p { font-size:12px; line-height:14px; color:#ffffff; margin-top:5px; width:206px;}
							#tabs div a {display:block; width:91px; height:19px; position:absolute; left:120px; bottom:2px; background:url(../images/saznajvise-button.png) 0 0 no-repeat; font-size:10px; color:#ffffff; text-align:center; padding-top:5px;}
							img.izdvajamoimg {display:block; width:233px; height:202px; position:absolute; top:0px; right:0px;}
					#tabs ul { position:absolute; bottom:5px; left:2px; z-index:10;}
						#tabs ul li { float: left; width:14px; height:14px; margin-right:7px;}
							#tabs ul li a { width:14px; height:14px; background:url(../images/tab-button.png) 0 0 no-repeat; text-indent:-9999px; outline:none; float:left;}
							#tabs ul li.ui-tabs-selected a { background-position:0 -14px;}
			.paroleholder {width:477px; float:right; display:inline; margin-left:20px; padding-top:2px; height:224px; background:url(../images/home-contact-bgr-dark2.jpg) right bottom no-repeat;}
					.paroleholder h2 { font-size:16px; font-weight:bold; color:#01AFEE; margin-bottom:2px; font-family:'Calibri',Arial, Helvetica, sans-serif;}
					.paroleholder p { font-size:12px; color:#2a2a2a; line-height:16px; margin-bottom:17px;}
					p.lighter {color:#666666;}
					a.contactbanner {height:60px; display:block; font-size:12px; color:#fff; outline:none; position:absolute; left:15px; bottom:0px;}
		
		ul#productlist { width:982px; overflow:hidden; margin-top:23px !important; margin-top:4px; height:auto;}
			ul#productlist li {width:155px; float:left; display:inline; margin-right:10px; overflow:hidden;}
			ul#productlist li.last {margin-right:0px;}
				ul#productlist li h2 {width:155px; height:30px; text-indent:-9999px; margin-bottom:12px;}
				ul#productlist li h2.velikiformati {background:url(../images/velikiformati-list-title.jpg) 0 0 no-repeat;}
				ul#productlist li h2.stampakopiranje {background:url(../images/stampakopiranje-list-title.jpg) 0 0 no-repeat;}
				ul#productlist li h2.koricenje {background:url(../images/koricenje-list-title.jpg) 0 0 no-repeat;}
				ul#productlist li h2.plastifikacija {background:url(../images/plastifikacija-list-title.jpg) 0 0 no-repeat;}
				ul#productlist li h2.vizitid {background:url(../images/personalizovana-list-title.jpg) 0 0 no-repeat;}
				ul#productlist li h2.ostale {background:url(../images/ostaleusluge-list-title.jpg) 0 0 no-repeat;}
				a.cenovnik {display:block; width:118px; height:29px; background:url(../images/cenovnik-button.jpg) 0 0 no-repeat; outline:none; margin:0 0 25px 12px; font-size:11px; font-weight:bold; color:#ffffff; padding:16px 0 0 13px}
				ul#productlist li ul {margin-left:10px; width:145px;}
					ul#productlist li ul li { padding-left:10px; width:135px; background:url(../images/productlist-bullet.jpg) 0 8px no-repeat;}
						ul#productlist li ul li a { font-size:12px; color:#505050; font-weight:bold; line-height:18px;}
						ul#productlist li ul li a:hover {text-decoration:underline;}
						
						/*podkategorije ostalih usluga*/
						ul#podKategorije{ padding-left:0px; margin-left:0px !important;}
						ul#podKategorije li{ padding-left:0px !important; background:none !important;}
						ul#podKategorije li a{ font-size:11px !important; line-height:13px !important; color:#999 !important; font-weight:normal !important; background:none !important;}
						ul#podKategorije li a:hover{ color:#00AEEF !important;}
		
		p.footer {color:#818181; font-size:10px; float:left;}
		
		p.fussNote { color:#cccccc; font-size:10px; font-style:italic; position:absolute; bottom:43px; left:0px;}
				
		ul#footernav {width:auto; float:right;}
			ul#footernav li { padding:0 10px 0 10px; border-right:1px solid #c4c4c4; float:left;}
			ul#footernav li.last {padding-right:0px; border-right:none;}
				ul#footernav li.last a {display:block; width:60px; height:13px; background:url(../images/eutel_logo.jpg) 0 0 no-repeat; text-indent:-9999px; outline:none;}
				ul#footernav li a { font-size:10px; color:#818181;}
				
				ul#footernav li a:hover {text-decoration:underline;}
				ul#footernav li a.active {text-decoration:underline;}
				p.left i{ color:#00AEEF;}
				span.smalpList{ font-size:11px; line-height:11px;}

	/* INNER PAGE 
	----------------------- */
	
		.innerpageholder { height:auto; padding:32px 0 50px 0;}
			.innerleftcolumn { width:650px; float:left; display:inline; margin-right:12px; overflow:hidden;}
				.innerleftcolumn img {display:block; margin-bottom:20px;}
				.innerleftcolumn h2 { font-size:22px; line-height:25px; color:#00aeef; font-weight:normal;}
				p.left { float:left; width:310px; }
				.left a{ margin-left:20px;}
					p.left span{ text-align:left; text-indent:14px;}
				p.right { float:right; width:310px;}
					
					p.right span{ text-align:left; text-indent:14px;}
					
					
				.innerleftcolumn p { margin-top:18px; font-size:12px; line-height:18px; color:#2d2d2d;text-align:justify;}
			.innerrightcolumn { width:320px; float:right;}
				.innerrightcolumn ul {width:313px; padding:0 0 20px 7px; height:auto;}
					.innerrightcolumn ul li {padding-left:10px; width:303px; background:url(../images/listitem-bullet.jpg) 0 10px no-repeat; font-size:14px; line-height:23px; color:#000000;}
						.innerrightcolumn ul li.products{font-size:12px; font-weight:bold;}
							.innerrightcolumn ul li.products ul { list-style-image:url(../images/listitem-bullet.jpg); padding:0 0 3px 10px;}
								.innerrightcolumn ul li.products ul li{ font-size:12px; line-height:14px; color:#666; font-weight:normal; background:none; padding-left:0px;}
							
						.innerrightcolumn ul li.light {font-size:12px;}
							.innerrightcolumn ul li.light span{ color:#00ADEF;}
						.innerrightcolumn ul li.light sup { font-size:9px; line-height:normal;}
				.innerrightcolumn h2 { margin:20px 0 16px 16px; font-size:14px; color:#00aeef; font-weight:bold;}
				.innerrightcolumn h2.catName{ margin:0 0 16px 10px; font-size:18px; font-weight:normal;}
					
				.textheading {font-size:12px;padding-bottom:6px; color:#00aeef; font-weight:bold;}
				
				ul.paragrafList{ width:300px; overflow:hidden;}
				
				ul.noBulletsLong{list-style-type:none !important; background-image:none;}
					ul.noBulletsLong li{ background-image:none !important; font-size:12px; line-height:18px;}
				
				ul.noBullets { list-style-type:none; background-image:none; width:160px;}
					ul.noBullets li{ background-image:none; line-height:19px; width:100%;}
						ul.noBullets li a{  color:#333;}
				
		.innerPageContent {float:left; width:600px;}
			
			.innerPageContent h2 {color:#00aeef; font-weight:normal; font-size:30px; margin-bottom:20px;}
			.innerPageContent ol li {list-style-type:none; font-size:12px; font-weight:bold; color:#333; padding:10px 0; line-height:18px;}
				.innerPageContent ol li span {display:block; font-weight:normal; padding:5px 0 0 0; color:#666;}
				
				.innerPageContent ol li ul {padding:10px 0 0 10px;}
					.innerPageContent ol li ul li {background:none; padding:0; font-weight:normal; color:#353535;}
					.inItems{padding-left:15px; font-size:11px; line-height:12px;}
					
					
					/* KONTAKT 
	----------------------- */
					
					.mainPageContent {float:left; width:720px;}
					
					/* Contact form */
					
					.innerPageContent{ float:none; width:700px;}
					
					.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;}
*/						
						.mail{ padding:0px;}
						
						select.kontaktSelect{ width:260px; margin-top:7px;}
						
						
						/* Contact info */
						.contactInfo {float:right; width:225px;}
						.contactInfo p {padding:0; line-height:16px; font-size:11px; color:#777777;}
							.contactInfo p b {color:#00AEEF;}
							.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;}