/****************** INFO ***
	Autor: Trinet racunalne usluge
	URL: http://www.trinet.hr
*/



/****************** 01/ DOKUMENT - RESET ***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, em, font, img, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; }
body { color: #222; font: 62.5% "Trebuchet MS", Tahoma, Arial, Geneva, sans-serif; background: #e6f2f6 url(images/pozadina.jpg) repeat-x; line-height: 1; text-align: center; padding: 0 0 20px; }
strong { font-weight: bold; }
:focus { outline: 0; }
a img, fieldset { border: 0; }
ol, ul, li {  line-height: 24px; font-size: 16px; list-style-type: square; list-style-image: none; }
table, tr, th, td { border-collapse: collapse; border-spacing: 0; }
table, table table { font-size: 1em; }
form, input, textarea { font-family: Arial, Tahoma, sans-serif; }
legend, caption { display: none; }
.link_as_list a { line-height: 24px; font-size: 16px; }



/****************** 02/ STRUKTURA ***/
#Layout { min-width: 975px; text-align: left; }
	#Sadrzaj { padding: 0 10px; background: url(images/sadrzaj/sekundarni/pozadina.gif) 10px 0 repeat-y; }
		.bodyLogin #Sadrzaj { background: none; }
		#Zaglavlje { height: 96px; position: relative; text-align: center; }
		#Sekundarni { float: left; width: 192px; padding-bottom: 35px; border-top: 1px solid #fff; }
		#Primarni { margin-left: 197px; padding-bottom: 15px; }
			.bodyLogin #Primarni { margin: 1px auto 0; background: #63c1e4 url(images/sadrzaj/primarni/pozadinaLogin.jpg) 0 100% repeat-x; padding-bottom: 30px; }
			.bodyLogin #PrimarniLogin {  margin: 0 auto; }
			    #divSluzbeneAplikacije { float: left; width: 50%; }
                #divTestneAplikacije { float: left; width: 50%; }
		#Podnozje { clear: both; height: 41px; line-height: 41px; background: url(images/podnozje/pozadina.gif) repeat-x; }
        .divNaVrhV { clear: both; height: 10px; position: relative; line-height: 0; }
		.divNaVrhV a { position: absolute; bottom: 0; right: 20px; display: block; width: 10px; height: 3px; line-height: 0; background: url(images/sadrzaj/primarni/ikNaVrh.gif) no-repeat; text-indent: -9999px; }



/****************** 03/ LINKOVI - GENERALNO ***/
a:link, a:visited { color: #ffffff; text-decoration: underline; }
a:hover, a:active { color: #000; text-decoration: underline; }



/****************** 04/ NAVIGACIJA ***/
/*** Zaglavlje ***/
#Zaglavlje ul { float: left; font-size: 1.1em; position: absolute; top: 0; right: 0; }
	#Zaglavlje ul li { display: inline; float: left; }
		#Zaglavlje ul li a { display: block; padding: 5px 20px 5px 12px; }
		
		#Zaglavlje ul li a:link, #Zaglavlje ul li a:visited { color: #86c3dc; text-decoration: none; }
		#Zaglavlje ul li a:hover, #Zaglavlje ul li a:active { color: #fff; text-decoration: none; }
		
		#Zaglavlje ul li a#liNavZag1-1 { background: url(images/zaglavlje/ikPocetna.gif) 0 50% no-repeat; }
		#Zaglavlje ul li a#liNavZag1-2 { background: url(images/zaglavlje/ikPomoc.gif) 0 50% no-repeat; padding-right: 0; }

/*** Sekundarni ***/
#Sekundarni ul { width: 177px; margin-left: 15px; font-size: 1.1em; font-weight: bold; }
	#Sekundarni ul li { width: 177px; margin-bottom: 2px; }
		#Sekundarni ul li a { display: block; width: 177px; }
			#Sekundarni ul li a span { display: block; width: 140px; padding: 10px 10px 10px 27px; }
		
		#Sekundarni ul li a:link, #Sekundarni ul li a:visited { background: url(images/sadrzaj/sekundarni/ulNavSekPoz.gif) repeat-y; color: #fff; text-decoration: none; }
		#Sekundarni ul li a:hover, #Sekundarni ul li a:active,
		#Sekundarni ul li a.aSelektiran:link, #Sekundarni ul li a.aSelektiran:visited, #Sekundarni ul li a.aSelektiran:hover, #Sekundarni ul li a.aSelektiran:active
		{ background: url(images/sadrzaj/sekundarni/ulNavSekPozHover.gif) 0 100% repeat-y; color: #075575; text-decoration: none; }

			#Sekundarni ul li a span { background-position: 5px -93px; background-repeat: no-repeat; cursor: pointer; }
			#Sekundarni ul li a:hover span, #Sekundarni ul li a:active span,
			#Sekundarni ul li a.aSelektiran:link span, #Sekundarni ul li a.aSelektiran:visited span, #Sekundarni ul li a.aSelektiran:hover span, #Sekundarni ul li a.aSelektiran:active span
			{ background-position: 5px 7px; }
			
			#Sekundarni ul li a.liNavSek1-1 span { background-image: url(images/sadrzaj/sekundarni/ikNavSek1-1.gif); }
			#Sekundarni ul li a.liNavSek1-2 span { background-image: url(images/sadrzaj/sekundarni/ikNavSek1-2.gif); }
			#Sekundarni ul li a.liNavSek1-3 span { background-image: url(images/sadrzaj/sekundarni/ikNavSek1-3.gif); }			
			#Sekundarni ul li a#liNavSek2-1 span { background-image: url(images/sadrzaj/sekundarni/ikNavSek2-1.gif); }



/****************** 05/ NASLOVI ***/
h1, h2, h3, h4, h5, h6 { color: #075575; padding: 0px 0px 0px 0px; font-family: "Trebuchet MS", Tahoma, Arial, Geneva, sans-serif; font-weight: normal; }
h1 { font-size: 2.8em; letter-spacing: -1px; }
h2 { font-size: 2em; }
h3 { font-size: 1.8em; color:#fff}
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; padding: 5px 15px 5px;}
h6 { font-size: 1.1em; }

	/*** Sekundarni ***/
	#Sekundarni h2 { font-size: 1.2em; color: #e2ffce; text-transform: uppercase; }



/****************** 06/ STRUKTURA - UNUTARNJA ***/
/*** Zaglavlje ***/
#imgLogo { position: absolute; left: 0; bottom: 0; }
#divLoginStatus { width: 258px; height: 19px; background: url(images/zaglavlje/loginPoz.gif) no-repeat; position: absolute; right: 0; bottom: 5px; padding: 6px 10px 0; }

#Zaglavlje p { float: left; font-size: 1.1em; color: #86c3dc; padding-top: 3px; }
	#Zaglavlje p span { color: #075575; font-weight: bold;  }

/*** Sadrzaj ***/
	/** Sekundarni **/
	
	/** Primarni **/
	#Primarni p, #Primarni ul, #Primarni ol, #Primarni dl { font-size: 1.2em; line-height: 1.5em; margin: 1em 0; }
		#Primarni p { text-align: left; }
		
		/* box sa sadrzajem - okviri */
		.divBox1 { background: #f2f9fb; padding: 4px; }
			.divBox1Tabovi { padding-top: 0; }
		.divBox2 { background: #9dd2e5; padding: 4px; }
		.divBox3 { padding: 2px; background: #f2f9fb url(images/sadrzaj/primarni/box3Poz.gif) 0 100% repeat-x; padding-bottom: 15px; vertical-align: top }
		
			.bodyLogin .divBox1 { background: #c2e4f1; }
			.bodyLogin .divBox2 { background: #9ed3e5; }
		
		/* formulari */
		.formInput, .formTextarea { font-size: 1em; width: 250px; padding: 3px 5px; border: 1px solid #4690aa; background: #fff url(images/sadrzaj/primarni/formInputPoz.gif) repeat-x; color: #000; }
		.formTextarea { height: 80px; line-height: 1em; }
		.formSelect { color: #000; font-size: 1em; width: 150px; padding: 1px 3px; }
			.formInput:focus, .formTextarea:focus { border: 1px solid #000; }
		
		/* tablica s formularom */
		.tblFormular { width: 100%; font-size: 1.2em; color: #000; border: 1px solid #92be76; }
			.tblFormular th { padding: 8px 10px; color: #fff; text-transform: uppercase; text-align: center; font-weight: bold; background: #92be76; border-bottom: 3px solid #689250; }
			.tblFormular td { border-bottom: 1px solid #c7e7f2; padding: 6px 10px; text-align: left; font-weight: bold;}
				.tblFormular td.tdNaziv { color: #075575; border-left: 1px solid #c7e7f2; text-align: right; font-weight: normal; }
			.tblFormular tr.trTamni td	{ background: #e9f6e0; }
			
			.tblFormular tr:hover td, .tblFormular tr.trTamni:hover td { background: #d9e5e9; }
			
		/* tablica - grid view */	
		.tblGrid { width: 100%; font-size: 1.2em; color: #000; border: 1px solid #92be76; }
			.tblGrid th { padding: 8px 10px; color: #fff; text-transform: uppercase; text-align: center; font-weight: bold; background: #92be76; border-bottom: 3px solid #689250; }
			.tblGrid td { border-bottom: 1px solid #c7e7f2; border-right: 1px solid #c7e7f2; padding: 6px 5px; text-align: left; font-weight: bold; }
				.tblGrid td.tdNaziv { color: #075575; border-left: 1px solid #c7e7f2; text-align: right; font-weight: normal; }
				.tblGrid td.tdBrojZapisa { color: #515151; font-weight: normal; background: #e5eff6; padding: 10px 5px; }
			.tblGrid tr.trTamni td	{ background: #e9f6e0; }
			.tblGrid tr.trTamniOznacen td { background: #f3f7b1; }
			
			.tblGrid tr:hover td, .tblGrid tr.trTamni:hover td { background: #d9e5e9; }
			
			
			.tblGridHeader a:link, .tblGridHeader a:visited { color: #fff; text-decoration: underline; }
			.tblGridHeader a:hover, .tblGridHeader a:active { color: #000; text-decoration: underline; }
		
		.divOdabir { background: #86ae94; color: #fff; font-size: 1.2em; padding: 7px 10px; }
			.divOdabir .formSelect { margin-right: 20px; }
		
		/* tablica - logiranje */
		.bodyLogin .divBox1 table { width: 100%; }
		.bodyLogin .divBox3 { padding-bottom: 2px; }
		
		.tblFormularLogiranje { width: 100%; font-size: 1.2em; color: #000; border: 1px solid #c7e7f2; margin-bottom: 20px; }
			.tblFormularLogiranje td { border-bottom: 1px solid #c7e7f2; padding: 6px 10px; text-align: left; }
				.tblFormularLogiranje td.tdNaziv { text-align: right; color: #075575; width: 36% }
			.tblFormularLogiranje tr.trTamni td	{ background: #e9f6e0; }
			
			.tblFormularLogiranje tr:hover td, .tblFormularLogiranje tr.trTamni:hover td { background: #d9e5e9; }
		
		/* ostalo */
		.buttonPovratak { float: right; margin: 40px 10px 0 0; }
		.formButtonSubmit { padding: 5px 0 0 5px; }

/*** Podnozje ***/
#Podnozje img { float: left; margin: 15px 10px 0 15px; display: inline; /******/ }
#Podnozje p { float: right; margin: 0 10px; font-size: 1.1em; color: #c5dee8; display: inline; /******/ }

.normalTbl TD {padding: 0px 0px 0px 0px; border: none;}
.normalTbl TR {padding: 0px 0px 0px 0px; border: none;}

.