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


/****************** 01/ DOKUMENT ***/
* { margin: 0; padding: 0; }
a img, fieldset { border: 0; }
* body { font: 62.5% Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #222; text-align: center; background: #e8c85a url(images/pozadina.gif) repeat-x; }
table, tr, th, td { border-collapse: collapse; font-size: 1em; }
legend { display: none; }
ul { list-style: none; }



/****************** 02/ STRUKTURA ***/
#divZaglavlje { height: 368px; background: url(images/zaglavlje/pozadina.jpg) no-repeat; }
	#divZaglavljeSadrzaj { width: 755px; height: 368px; margin: 0 auto; text-align: left; background: url(images/zaglavlje/pozadinaNaslovnica.gif) 0 100% no-repeat; position: relative; }
#divSredina { width: 755px; margin: 0 auto; text-align: left; background-color: #ffdba8; }
	#divSredinaPrimarni { width: 432px; float: left; padding-top: 15px; }
	#divSreSekundarni { width: 306px; float: right; padding-top: 15px; }
	#divPodnozje { clear: both; height: 66px; background: url(images/podnozje/pozadina.jpg) no-repeat; text-align: center; }



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

/** divPodnozje **/
#divPodnozje a:link, #divPodnozje a:visited { color: #9f7f2b; text-decoration: none; }
#divPodnozje a:hover, #divPodnozje a:active { color: #000; text-decoration: underline; }


/****************** 04/ NAVIGACIJA ***/
/** divZaglavlje **/
#ulNavGlavna { position: absolute; top: 59px; left: 12px; z-index: 3; width: 735px; height: 40px; }
	#ulNavGlavna li { display: inline; float: left; margin-right: 3px; width: 102px; height: 40px; position: relative; }
		#ulNavGlavna li a { display: block; width: 102px; height: 40px; background-repeat: no-repeat; background-position: 0 -40px; position: absolute; top: 0; left: 0; text-indent: -9999px; }

		#ulNavGlavna li#liNavNaslovnica a { background-image: url(images/zaglavlje/liNavNaslovnica.gif); }
		#ulNavGlavna li#liNavOskoli a { background-image: url(images/zaglavlje/liNavOskoli.gif); }
		#ulNavGlavna li#liNavPredmeti a { background-image: url(images/zaglavlje/liNavPredmeti.jpg); }
		#ulNavGlavna li#liNavAktivnosti a { background-image: url(images/zaglavlje/liNavAktivnosti.gif); }
		#ulNavGlavna li#liNavKontakt a { background-image: url(images/zaglavlje/liNavKontakt.gif); }
		#ulNavGlavna li#liNavZadruga a { background-image: url(images/zaglavlje/liNavZadruga.gif); }
		#ulNavGlavna li#liNavArhiva a { background-image: url(images/zaglavlje/liNavArhiva.gif); }
		        
		#ulNavGlavna li a:hover, #ulNavGlavna li a:active, #ulNavGlavna li a.aSelektiran:link, #ulNavGlavna li a.aSelektiran:visited, #ulNavGlavna li a.aSelektiran:hover, #ulNavGlavna li a.aSelektiran:active { background-position: 0 0; }

/** divSreSekundarni **/
	#divSreSekundarni .divBoxNavigacija { background: #4180b1 url(images/sredina/divBoxNavigacijaPoz.gif) 0 100% no-repeat; margin-bottom: 12px; padding-bottom: 15px; }
		#ulNavPomocna { background: #4180b1 url(images/sredina/divBoxNavigacijaGPoz.gif) no-repeat; padding: 20px 1px 0 1px; margin: 0; width: 304px; font-size: 1.1em; }
			#ulNavPomocna li { width: 304px; }
				#ulNavPomocna li.liNavPomocnaPrva { border-top: 1px solid #6a9dc4; }
				#ulNavPomocna li a { display: block; width: 304px; w\idth: 269px; padding: 5px 10px 5px 25px; border-bottom: 1px solid #6a9dc4; color: #fff; text-decoration: none;  background: url(images/sredina/ikStrelicaBmala.gif) 8px 9px no-repeat; }
					#ulNavPomocna li li a { display: block; width: 304px; w\idth: 249px; padding: 5px 10px 5px 45px; background: url(images/sredina/ikStrelicaBmala.gif) 28px 9px no-repeat; }
					#ulNavPomocna li a:hover, #ulNavPomocna li a:active, #ulNavPomocna li a.aSelektiran:link, #ulNavPomocna li a.aSelektiran:visited, #ulNavPomocna li a.aSelektiran:hover, #ulNavPomocna li a.aSelektiran:active { background: #a3c2d9 url(images/sredina/ikStrelicaTPmala.gif) 12px 9px no-repeat; color: #153954; }
						#ulNavPomocna li li a:hover, #ulNavPomocna li li a:active, #ulNavPomocna li li a.aSelektiran:link, #ulNavPomocna li li a.aSelektiran:visited, #ulNavPomocna li li a.aSelektiran:hover, #ulNavPomocna li li a.aSelektiran:active { background: #a3c2d9 url(images/sredina/ikStrelicaTPmala.gif) 32px 9px no-repeat; }
					#ulNavPomocna li a.aSelektiran { font-weight: bold; }


/****************** 05/ NASLOVI ***/
/** divSredinaPrimarni **/
#divSredinaPrimarni h1 { color: #fff; font-size: 1.7em; padding: 7px 10px; background: url(images/sredina/naslovPoz-1.gif) no-repeat; }
#divSredinaPrimarni h2 { color: #fff; font-size: 1.7em; padding: 7px 10px; background: url(images/sredina/naslovPoz-1.gif) no-repeat; }
	#divSredinaPrimarni h1.h1Naslov1, #divSredinaPrimarni h2.h2Naslov1 { background: url(images/sredina/naslovPoz-1.gif) no-repeat; }
	#divSredinaPrimarni h1.h1Naslov2, #divSredinaPrimarni h2.h2Naslov2 { background: url(images/sredina/naslovPoz-2.gif) no-repeat; }
	#divSredinaPrimarni h1.h1Naslov3, #divSredinaPrimarni h2.h2Naslov3 { background: url(images/sredina/naslovPoz-3.gif) no-repeat; }
	#divSredinaPrimarni h1.h1Naslov4, #divSredinaPrimarni h2.h2Naslov4 { background: url(images/sredina/naslovPoz-4.gif) no-repeat; }
	#divSredinaPrimarni h1.h1Naslov5, #divSredinaPrimarni h2.h2Naslov5 { background: url(images/sredina/naslovPoz-5.gif) no-repeat; }
	#divSredinaPrimarni h1.h1Naslov6, #divSredinaPrimarni h2.h2Naslov6 { background: url(images/sredina/naslovPoz-6.gif) no-repeat; }
	#divSredinaPrimarni h1.h1Naslov7, #divSredinaPrimarni h2.h2Naslov7 { background: url(images/sredina/naslovPoz-7.jpg) no-repeat; }
#divSredinaPrimarni h3 { color: #590100; font-size: 1.5em; padding: 7px 0; }
#divSredinaPrimarni h4 { color: #590100; font-size: 1.4em; padding: 7px 0; }
#divSredinaPrimarni h5 { color: #590100; font-size: 1.3em; padding: 7px 0; }
#divSredinaPrimarni h6 { color: #590100; font-size: 1.2em; padding: 7px 0; }

	#divSredinaPrimarni h1 a, #divSredinaPrimarni h2 a { background: url(images/sredina/ikStrelicaB.gif) 100% 50% no-repeat; padding-right: 20px; text-decoration: none; color: #fff; }
	#divSredinaPrimarni h3 a, #divSredinaPrimarni h4 a, #divSredinaPrimarni h5 a, #divSredinaPrimarni h6 a { background: url(images/sredina/ikStrelicaP.gif) 100% 50% no-repeat; padding-right: 20px; text-decoration: none; }

/** divSreSekundarni **/
#divSreSekundarni h1 { color: #1f4d71; font-size: 1.4em; padding: 15px 10px 0; background: #e2eef7 url(images/sredina/naslovSekPoz-1.gif) no-repeat; }
#divSreSekundarni h2 { color: #1f4d71; font-size: 1.4em; padding: 15px 10px 0; background: #e2eef7 url(images/sredina/naslovSekPoz-1.gif) no-repeat; text-align: center; }
#divSreSekundarni h3 { color: #590100; font-size: 1.3em; padding: 7px 0; }
#divSreSekundarni h4 { color: #590100; font-size: 1.2em; padding: 7px 0; }
#divSreSekundarni h5 { color: #590100; font-size: 1.1em; padding: 7px 0; }
#divSreSekundarni h6 { color: #590100; font-size: 1.1em; padding: 7px 0; }

	#divSreSekundarni h1 a, #divSreSekundarni h2 a, #divSreSekundarni h3 a, #divSreSekundarni h4 a, #divSreSekundarni h5 a, #divSreSekundarni h6 a { background: url(images/sredina/ikStrelicaP.gif) 100% 50% no-repeat; padding-right: 20px; text-decoration: none; }


/****************** 06/ STRUKTURA - UNUTARNJA ***/
/*** divZaglavlje ***/
#divZaglavljeSadrzajSlika { width: 755px; height: 368px; background: url(images/zaglavlje/rapskaSkola.jpg) 12px 111px no-repeat; }
.imgLogo { position: absolute; top: 10px; right: 10px; }

/*** divSredina ***/
.imgLijevo { float: left; border: 2px solid #afbbc4; padding: 1px; margin: 15px 15px 15px 0; }
.imgSredina { border: 2px solid #afbbc4; padding: 1px; margin: 15px auto; }
.imgDesno { float: right; border: 2px solid #afbbc4; padding: 1px; margin: 15px 0 15px 15px; }


.tblTablica { width: 100%; font-size: 1.1em; margin: 15px 0; }
	.tblTablica th { padding: 6px 5px; color: #fff; background: url(images/sredina/naslovPoz-1.gif) 50% 0 no-repeat; border-bottom: 1px solid #85a4bc; text-align: left; }
	.tblTablica td { padding: 4px 5px; border-bottom: 1px solid #bed1e0; }
		.tblTablica tr.trTamni td { background-color: #cedeeb; }
		.tdVrijeme { white-space: nowrap; }

	/** divSredinaPrimarni **/
	#divSredinaPrimarni p, #divSredinaPrimarni ul, #divSredinaPrimarni ol, #divSredinaPrimarni dl { font-size: 1.2em; line-height: 1.5em; margin: 14px 0; }
	#divSredinaPrimarni ul li { margin: 6px 0 6px 10px; padding-left: 12px; background: url(images/sredina/ikStrelicaMala.gif) 0 6px no-repeat; }
	#divSredinaPrimarni ol { margin: 15px 0 15px 10px; }
		#divSredinaPrimarni ol li { margin: 6px 0 6px 17px; }
		#divSredinaPrimarni dl dt { margin: 10px 0 4px 10px; font-weight: bold; }
			#divSredinaPrimarni dl dt span { font-weight: normal; }
			#divSredinaPrimarni dl dd { margin: 4px 0 4px 20px; }
			
	#divSredinaPrimarni .divBox { padding: 15px; width: 432px; w\idth: 402px; background: #e2eef7 url(images/sredina/divBoxPrimarniPoz.gif) 0 100% no-repeat; margin-bottom: 12px; }
	
		/* o skoli */
		.divGalerija { float: left; background-color: #f5f8fb; border-right: 2px solid #d7e4ee; border-bottom: 2px solid #d7e4ee; width: 188px; height: 188px; margin: 5px; text-align: center; }
		.divGalerija img { border: 2px solid #afbbc4; padding: 1px; margin: 15px auto; }
		
		/* kontakt */
		#divSredinaPrimarni .formInput { background: #fff url(images/sredina/formInputPoz.gif) repeat-x; border: 1px solid #6B90AB; width: 240px; color: #333; padding: 3px 5px; font-size: 1.1em; }
		#divSredinaPrimarni .formTextarea { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; background: #fff url(images/sredina/formInputPoz.gif) repeat-x; border: 1px solid #6B90AB; width: 240px; height: 70px; color: #333; padding: 3px 5px; font-size: 1.1em; }
			#divSredinaPrimarni .formInput:focus, #divSredinaPrimarni .formTextarea:focus { border: 1px solid #000; }
		#divSredinaPrimarni .formSubmit { background: #dae2e8 url(images/sredina/formSubmitPoz.gif) 0 100% repeat-x; border: 3px double #6B90AB; padding: 3px 10px; font-size: 1.1em; font-weight: bold; }
		.spanAster { color: red; font-weight: bold; font-size: 1.1em; }
		.pZahvala { color: #29621f; font-weight: bold; }
	
	/** divSreSekundarni **/
	#divSreSekundarni .divBox p, #divSreSekundarni .divBox ul, #divSreSekundarni .divBox ol, #divSreSekundarni .divBox dl { font-size: 1.1em; line-height: 1.5em; margin: 10px 0; }
	#divSreSekundarni .divBox ul li { margin: 4px 0 4px 10px; padding-left: 12px; background: url(images/sredina/ikStrelicaMala.gif) 0 6px no-repeat; }
	#divSreSekundarni .divBox ol { margin: 10px 0 10px 10px; }
		#divSreSekundarni .divBox ol li { margin: 4px 0 4px 17px; }
		#divSreSekundarni .divBox dl dt { margin: 12px 0 4px 10px; font-weight: normal; }
			#divSreSekundarni .divBox dl dd { margin: 4px 0 4px 20px; }
			
	#divSreSekundarni .divBox { padding: 15px; background: #e2eef7 url(images/sredina/divBoxSekundarniPoz.gif) 0 100% no-repeat; margin-bottom: 12px; }
	
	.imgBanner { margin-bottom: 10px; }
	
/** divPodnozje **/
#divPodnozje p { padding: 18px 10px 5px; font-size: 1.1em; color: #9f7f2b; }