@import url(reset.css);

html {background:url(../images/background-pattern.jpg) 0 0 repeat-x;}
	body {background:url(../images/background.jpg) top center no-repeat;}
		#mainholder { width:966px; margin:0px auto; overflow:hidden;}
			#top {width:966px; height:65px; overflow:hidden;}
				h1 {width:330px; height:39px; margin:12px 0 0 18px; float:left; display:inline;}
					h1 a {width:330px; height:39px; display:block; text-indent:-9999px; background:url(../images/logo.png) 0 0 no-repeat;}
				ul#mainnav { height:39px; width:auto; float:right; display:inline; margin:12px 7px 0 0;}
					ul#mainnav li { height:29px; width:auto; float:left; display:inline; padding:10px 17px 0 17px; background:url(../images/mainnav-separator.gif) top right no-repeat;}
					ul#mainnav li.last {background:none;}				
						ul#mainnav li a { font-size:16px; color:#ffffff; width:auto;}
						ul#mainnav li a:hover {color:#0a5a83;}
						ul#mainnav li a.active {color:#0a5a83;}
			#header { width:966px; height:55px; background:url(../images/header-back.jpg) 0 0 repeat-x; overflow:hidden;}
				#header ul { height:39px; width:auto; padding:16px 0 0 18px; float:left; display:inline; background:url(../images/header-back-left.jpg) top left no-repeat;}
					#header ul li { width:auto; height:26px; background:url(../images/header-button.png) 0 0 no-repeat; margin-right:37px; float:left; display:inline; padding:0px 0 0 14px;}
					#header ul li.active { background-position:0px -26px;}
						#header ul li span { width:22px; height:26px; display:block; margin:0 -22px 0 10px; float:left; background:url(../images/header-button-right.png) top right no-repeat;}
						#header ul li.active span {background-position:0 -26px;}
						#header ul li a { font-size:15px; color:#919191; width:auto; float:left; display:inline; padding-top:4px;}
						#header ul li a:hover {color:#018bc7;}
						#header ul li.active a {color:#018bc7;}
				#header p {height:33px; padding:22px 25px 0 0; float:right; display:inline; width:392px;  background:url(../images/header-back-right.jpg) top right no-repeat; font-size:11px; color:#000000; text-align:right;}
					#header p span {font-size:11px; color:#a1a1a1; margin:0 5px;}	
					#header p a {font-size:11px; color:#018bc7;}
						#header p a:hover {text-decoration:underline;}
						
					#header p a.flag {display:block; float:right; width:16px; height:11px; text-indent:-9999px; text-align:left; margin:3px 0 0 5px;}
						#header p a.eng {background:url(../images/gb.png) 0 0 no-repeat;}
						#header p a.srb {background:url(../images/rs.png) 0 0 no-repeat; margin-left:20px;}
						
						
						
			#homebox {width:966px; height:340px; background:url(../images/homebox-background.jpg) 0 0 no-repeat; overflow:hidden;}
				#homebox h2 { width:547px; height:45px; background:url(../images/homebox-title.png) 0 0 no-repeat; text-indent:-9999px; position:absolute; top:61px; left:56px;}
				#homebox p { width:503px; height:53px; background:url(../images/homebox-subtitle.png) 0 0 no-repeat; text-indent:-9999px; position:absolute; top:125px; left:60px;}
				a.registergreen {width:219px; height:58px; position:absolute; left:352px; bottom:76px; background:url(../images/register-button-green.png) 0 0 no-repeat; text-indent:-9999px; outline:none;}
				#homebox img {width:346px; height:292px; position:absolute; top:25px; right:26px;}
				a.registerorange {width:188px; height:188px; position:absolute; left:2px; bottom:1px; z-index:2px; background:url(../images/register-button-orange.png) 0 0 no-repeat; text-indent:-9999px; outline:none;}
					a.orangever2 {width:188px; height:188px; position:absolute; left:2px; bottom:1px; z-index:2px; background:url(../images/register-button-orange-ver2.png) 0 0 no-repeat; text-indent:-9999px; outline:none;}

				p.hoverInfoBox {position:absolute; z-index:100; width:199px !important; height:80px !important; background:url(../images/hover-box.png) 0 0 no-repeat !important; text-indent:0 !important; font-size:12px !important; color:#313131 !important; padding:15px; display:none;}
					p.regStripeInfo {left:95px !important; top:185px !important;}
					p.regButtonInfo {left:500px !important; top:105px !important;}
					
			ul#homecontent {width:966px; height:178px; overflow:hidden; background:url(../images/homecontent-back.jpg) 0 0 repeat-x;}
				ul#homecontent li h3 {height:23px; font-size:18px; text-shadow:0px 1px 1px #fff; font-weight:normal; color:#222222;}
				ul#homecontent li.left {width:423px; height:128px; float:left; display:inline; background:url(../images/homecontent-back-left.jpg) left top no-repeat; padding:21px 15px 29px 16px;}
					ul#homecontent li.left p {width:423px; height:86px; color:#464545; line-height:18px; margin-top:20px; font-size:12px;}
						ul#homecontent li.left p a {width:auto; float:right; font-size:11px; color:#1090cf;}
							ul#homecontent li.left p a:hover {text-decoration:underline;}
				ul#homecontent li.middle { width:223px; height:128px; float:left; display:inline;  background:url(../images/homecontent-separator.jpg) left center no-repeat; padding:21px 15px 29px 16px;}
					ul#homecontent li.middle ul {width:223px; height:86px; margin-top:20px;}
						ul#homecontent li.middle ul li { height:18px; line-height:18px; width:213px; color:#464545; font-size:11px; padding-left:10px; background:url(../images/primeri-bullet.png) left center no-repeat;}
							ul#homecontent li.middle ul li a {font-size:11px; color:#1c94cf;}
								ul#homecontent li.middle ul li a:hover {text-decoration:underline;}
				ul#homecontent li.right {width:258px; height:178px; float:left; display:inline; background:url(../images/homecontent-separator.jpg) left center no-repeat;}
					ul#homecontent li.right fieldset {width:227px; height:128px; padding:21px 15px 29px 16px; background:url(../images/homecontent-back-right.jpg) right top no-repeat;}
					ul#homecontent li.right fieldset span {width:221px; height:20px; display:block; background:url(../images/prijava-input-back.png) 0 0 no-repeat; margin-top:20px; padding-top:6px;}
					ul#homecontent li.right fieldset span.last { margin:5px 0 7px 0;}
						ul#homecontent li.right fieldset span input { height:14px; line-height:12px; width:187px; margin:0px 17px 0 17px; background:none; font-size:12px; color:#696969;}
					ul#homecontent li.right fieldset a {width:auto; line-height:24px; float:left; display:inline; margin-left:5px; color:#1090cf; font-size:11px;}
						ul#homecontent li.right fieldset a:hover {text-decoration:underline;}
					ul#homecontent li.right fieldset input.prijavise { width:76px; height:24px; background:url(../images/prijava-button.png) 0 0 no-repeat; float:right; display:inline; cursor:pointer; margin-right:5px;}
			p#footer {width:966px; text-align:center; margin-top:20px; color:#cccccc; font-size:11px;}
				p#footer a {color:#1090cf;}
				p#footer a:hover {text-decoration:underline;}
				
	/* INNER PAGE */
	
		#title { height:55px; width:963px; background:url(../images/title-back.jpg) 0 0 repeat-y; padding-left:3px;}
			#title h2 { width:946px; height:40px; background:url(../images/title-back-overlay.jpg) 0 0 repeat-x; font-size:18px; font-weight:normal; color:#04699b; display:block; padding:15px 0 0 14px; float:left;}
		#innercontent {width:934px; overflow:hidden; background:url(../images/innercontent-back.jpg) 0 0 repeat-y; padding:14px 16px 14px 16px;}
			#innercontentleft {float:left; display:inline; width:694px; margin-right:16px;}
			
			#info {width:609px; height:30px; overflow:hidden; font-size:12px; color:#252525; background:url(../images/infobox-back.jpg) 14px 14px no-repeat #dbdada; padding:9px 38px 9px 47px; line-height:18px;}
			#info a {font-weight:bold;}
				.alert { background-image:url(../images/infobox-alert-back.jpg) !important;}
			.infobutton {float:right; display:block; width:35px; height:15px; background:url(../images/info-button.jpg) 0 0 no-repeat; text-indent:-9999px; outline:none; cursor:pointer; margin-bottom:32px;}
			.activeinfo {background-position:0px -15px;}			
				ul#innercontentbuttons { width:694px; height:26px; overflow:hidden; margin-bottom:18px; }
					ul#innercontentbuttons li {width:auto; float:left;}
					ul#innercontentbuttons li.save {width:auto; float:right;}
						ul#innercontentbuttons li a { color:#616161; font-size:11px; padding-top:6px;}
						ul#innercontentbuttons li a.prev { width:93px; height:20px; display:block; background:url(../images/pagination-prev.jpg) 0 0 no-repeat; padding-left:28px;}
							
						ul#innercontentbuttons li a.next { width:104px; height:26px; display:block; background:url(../images/pagination-next.jpg) 0 0 no-repeat; padding-left:10px;}	
						ul#innercontentbuttons li a.save { width:111px; height:26px; display:block; background:url(../images/save-button.jpg) 0 0 no-repeat; padding-left:12px;}		
						ul#innercontentbuttons li a:hover {color:#000000;}
						ul#tabbuttons {width:694px; height:38px; padding-bottom:3px; background:url(../images/tabbuttons-back.jpg) left bottom no-repeat;}
							ul#tabbuttons li {width:auto; height:38px; float:left; display:inline; margin-right:5px; background:url(../images/tabbutton-back.jpg) 0 0 repeat-x;}
								ul#tabbuttons li a {width:auto; height:38px; display:block; float:left; background:url(../images/tabbutton-back-left.jpg) 0 0 no-repeat; padding-left:11px;}
								ul#tabbuttons li a:hover span {color:#000000;}
								ul#tabbuttons li a span {width:auto; height:26px; float:left; display:block; background:url(../images/tabbutton-back-right.jpg) top right no-repeat; padding: 12px 11px 0 0; font-size:12px; color:#626262;}
							ul#tabbuttons li.active {width:auto; height:38px; float:left; display:inline; margin-right:5px; background:#ffffff;}
								ul#tabbuttons li.active a {width:auto; height:38px; display:block; float:left; background:url(../images/tabbutton-active-back-left.jpg) 0 0 no-repeat; padding-left:11px;}
								ul#tabbuttons li.active a span {width:auto; height:26px; float:left; display:block; background:url(../images/tabbutton-active-back-right.jpg) top right no-repeat; padding: 12px 11px 0 0; font-size:12px; color:#4bb8e8; font-weight:bold;}							
						.tab { width:654px; background:url(../images/tabs-back.jpg) left bottom no-repeat #ffffff; padding:20px; overflow:hidden;}
							ul#tabcontent { width:654px; }
								ul#tabcontent li { width:654px; height:26px; margin-bottom:6px; overflow:hidden;}
									ul#tabcontent li label { width:140px; text-align:right; float:left; display:inline; font-size:12px; color:#616161; margin-right:19px; line-height:22px;}
									ul#tabcontent li span { display:block; float:left; background-color:#f1f1f1; border:1px solid #7fd2f4;}
										ul#tabcontent li span.active {background-color:#e5e5e5; border:1px solid #62a7c4;}
									ul#tabcontent li p { margin-left:10px; float:left; font-size:12px; color:#616161; width:auto; display:inline; height:16px; line-height:auto; padding-top:3px;}								
									ul#tabcontent li span input {background:none; float:left; height:15px; width:322px; padding:4px; color:#616161; font-size:12px;}
										ul#tabcontent li span input.smaller {width:161px;}
									ul#tabcontent li select {background-color:#f1f1f1; float:left; border:1px solid #7fd2f4; height:24px; width:332px; color:#616161;}
										ul#tabcontent li select.smaller {width:171px;}
									ul#tabcontent li.desc {height:112px; margin-bottom:0px;}
								ul#tabcontent li span textarea { background:none; height:100px; width:482px; padding:4px; color:#616161; font-size:12px; overflow:auto;}
			ul#innercontentright {float:right; width:223px; padding-bottom:2px; background:url(../images/innercontentright-bottom.jpg) left bottom no-repeat;}
				ul#innercontentright li {}
				ul#innercontentright li a.first { height:21px; width:212px; background:url(../images/innercontentright-button-first.jpg) 0 0 repeat-x;  padding:7px 0 0 11px;  }
				ul#innercontentright li a { color:#3f3f3f; font-size:12px; height:21px; width:212px; background:url(../images/innercontentright-button.jpg) 0 0 repeat-x; display:block; padding:5px 0 0 11px;}
				ul#innercontentright li a:hover {color:#000000;}
					ul#innercontentright li ul {width:223px; padding:0px; margin:0;}
						ul#innercontentright li ul li {width:191px; padding:0px;  background:url(../images/innercontentright-subbutton.jpg) 0 0 repeat-x; padding:0 0 0 32px;}
						ul#innercontentright li ul li a {width:auto; background:url(../images/innercontentright-submenu-item.png) left 8px no-repeat; padding:4px 0 0 10px; font-size:11px; color:#0881b7; display:block; height:20px;}
						ul#innercontentright li ul li a:hover {color:#024364;}
		p#innerfooter {width:966px; text-align:center; background:url(../images/innerfooter-back.jpg) 0 0 no-repeat; padding-top:36px; color:#cccccc; font-size:11px; margin-bottom:10px;}
			p#innerfooter a {color:#1090cf;}
			p#innerfooter a:hover {text-decoration:underline;}
																	  
	/* VAS NALOG */
	
		ul#tabcontent li input.check {margin-left:159px; width:19px; height:19px; float:left; display:inline; font-size:12px; color:#616161;}
		.innercontentright {float:right; width:223px;}
			.innercontentright h3 { font-size:16px; color:#04699b;}
				ul#tabbuttonsright {margin-top:24px; width:223px; height:38px; padding-bottom:3px; background:url(../images/tabbuttonsright-back.png) left bottom no-repeat;}
					ul#tabbuttonsright li {width:auto; height:38px; float:left; display:inline; margin-right:5px; background:url(../images/righttabbutton-back.png) 0 0 repeat-x;}
						ul#tabbuttonsright li a {width:auto; height:38px; display:block; float:left; background:url(../images/righttabbutton-back-left.png) 0 0 no-repeat; padding-left:11px;}
						ul#tabbuttonsright li a:hover span {color:#000000;}
						ul#tabbuttonsright li a span {width:auto; height:26px; float:left; display:block; background:url(../images/righttabbutton-back-right.png) top right no-repeat; padding: 12px 11px 0 0; font-size:12px; color:#626262;}
					ul#tabbuttonsright li.active {width:auto; height:38px; float:left; display:inline; margin-right:5px; background:#ffffff;}
						ul#tabbuttonsright li.active a {width:auto; height:38px; display:block; float:left; background:url(../images/righttabbutton-active-back-left.png) 0 0 no-repeat; padding-left:11px;}
						ul#tabbuttonsright li.active a span {width:auto; height:26px; float:left; display:block; background:url(../images/righttabbutton-active-back-right.png) top right no-repeat; padding: 12px 11px 0 0; font-size:12px; color:#4bb8e8; font-weight:bold;}							
			.righttab { width:183px; background:url(../images/righttabs-back.png) left bottom no-repeat #fbfbfb; padding:20px;}
					.righttab ul {width:183px;}
						.righttab ul li { margin-bottom:10px; line-height:18px; width:183px !important; color:#464545; font-size:12px; padding-left:10px; background:url(../images/primeri-bullet.png) left 8px no-repeat;}
							.righttab ul li a {font-size:12px; color:#1c94cf;width:173px !important;}
								.righttab ul  li a:hover {text-decoration:underline;}

	/* REGISTRACIJA */
	
		.tabless { padding:0px; width:694px;}
			.tablessform {padding:20px; width:654px; background:url(../images/tabs-back-top.jpg) top left no-repeat;}
				ul#tabcontent li.verify {height:115px;}
					ul#tabcontent li.verify img {display:block; margin-bottom:5px; margin-left:159px;}
					ul#tabcontent li.verify a {color:#1090cf; font-size:12px; margin-left:159px;}
					ul#tabcontent li.verify a:hover {text-decoration:underline;}
				ul#tabcontent li.button {margin-top:20px;}
					ul#tabcontent li input.send {margin-left:159px; width:101px; height:26px; font-size:12px; color:#616161; background:url(../images/formbutton.jpg) 0 0 no-repeat; cursor:pointer;}
	
	/* USLOVI KORISCENJA */
	
		ul#tabcontent li.terms {height:308px; margin-bottom:20px;} 
			ul#tabcontent li.terms textarea {width:632px; height:280px; background-color:#f1f1f1; border:1px solid #62a7c4; overflow:auto; padding:10px; font-size:12px;}
			 a.terms {display:block; width:162px; height:21px; background:url(../images/termsbutton.jpg) 0 0 no-repeat; font-size:12px; color:#616161; padding:5px 0 0 18px;}
				a.terms:hover {color:#000000;}
			
	/* KREDITNI KALKULATOR */
	
		ul#innercontentbuttons li a.calcprev {width:28px; height:26px; display:block; background:url(../images/calc-prev.jpg) 0 0 no-repeat; padding:0px; text-indent:-9999px;}
		ul#innercontentbuttons li a.calcnext {width:26px; height:26px; display:block; background:url(../images/calc-next.jpg) 0 0 no-repeat; padding:0px; text-indent:-9999px;}		
		ul#innercontentbuttons li a.calcadd {width:24px; height:26px; display:block; background:url(../images/calc-add.jpg) 0 0 no-repeat; padding:0px; text-indent:-9999px;}				
		ul#innercontentbuttons li a.calcpdf {width:27px; height:26px; display:block; background:url(../images/calc-pdf.jpg) 0 0 no-repeat; padding:0px; text-indent:-9999px;}				
		ul#innercontentbuttons li a.calcsave {width:31px; height:26px; display:block; background:url(../images/calc-save.jpg) 0 0 no-repeat; padding:0px; text-indent:-9999px;}		
		ul#innercontentbuttons li a.inactive {color:#c7c7c7; background-position:0 -26px;}
			ul#innercontentbuttons li a.inactive:hover {color:#c7c7c7;}
			ul#tabcontent li.descsmaller {height:50px; margin-bottom:0px;}
			ul#tabcontent li textarea.smaller { background:none; height:38px; width:200px; padding:4px; color:#616161; font-size:12px; overflow:auto;}
					ul#tabcontent li input.right {margin-left:15px;}
					
		img#loadingimg { width:220px; height:19px; display:none;}
		
	/* ENGLISH */
	
	a.logoeng {background-image:url(../images/logo-eng.png);}
	#homebox h2.homeboxtitleeng { width:613px; z-index:10; background-image:url(../images/homebox-title-eng.png);}
	#homebox p.homeboxsubtitleeng { width:550px; background-image:url(../images/homebox-subtitle-eng.png);}
	a.registergreeneng {background-image:url(../images/register-button-green-eng.png);}
	a.orangeeng {background-image:url(../images/register-button-orange-eng.png);}
	a.orangever2eng {background-image:url(../images/register-button-orange-ver2-eng.png);}
	ul#homecontent li.right fieldset input.login {background-image:url(../images/login-button.png);}	
	
	/* TABELA ZA FAKTURE */
	table.stavke {border-width: 1px 1px 1px 1px;border-spacing: 2px;border-style: none none none none;border-color: gray gray gray gray;border-collapse: collapse;background-color: white;}
	table.stavke th {border-width: 1px 1px 1px 1px;padding: 1px 1px 1px 1px;border-style: inset inset inset inset;border-color: gray gray gray gray;background-color: white;}
	table.stavke td {border-width: 1px 1px 1px 1px;padding: 1px 1px 1px 1px;border-style: inset inset inset inset;border-color: gray gray gray gray;background-color: white;}