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



/****************** 01/ DOKUMENT ***/
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% Arial, Tahoma, "Trebuchet MS", Geneva, sans-serif; background: #1784bd 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 { list-style: 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; }


/****************** 02/ STRUKTURA ***/
#Layout { width: 100%; height: 100%; text-align: center; background: url(images/pozadina1.jpg) 50% 0 no-repeat; }
#Sadrzaj { width: 980px; margin: 0 auto; background: #fff url(images/sadrzaj/pozadina.gif) repeat-y; text-align: left; }
    #Zaglavlje { width: 980px; height: 365px; background: url(images/zaglavlje/pozadina.jpg) no-repeat; position: relative; }
    #Primarni { width: 520px; padding: 10px 15px; float: left; margin-left: 15px; background: url(images/sadrzaj/PrimarniSekundarniPoz.jpg) no-repeat; }
        .bodyNaslovnica #Primarni { width: 550px; padding: 0; }
        #PrimarniIzdvojenaVijest { height: 370px; }
        #PrimarniVijesti { padding: 10px 10px 0; }
        #PrimarniBlog { padding: 10px 10px 0; }
    #Sekundarni { width: 390px; float: right; margin-right: 15px; background: url(images/sadrzaj/PrimarniSekundarniPoz.jpg) -560px 0 no-repeat; padding-top: 15px; }
        #Feedback { float: left; width: 230px; padding-top: 5px; }
        #BanneriM { width: 150px; float: right; padding-top: 15px; }
        #BanneriV { width: 390px; clear: both; text-align: right; }
    #Podnozje { clear: both; width: 980px; margin: 0 auto; padding: 0 0 15px; background: url(images/podnozje/pozadinaD.gif) no-repeat 0 100%; color: #bdcdd9; }
        #PodnozjeSadrzaj { width: 950px; margin: 0 15px; background: url(images/podnozje/pozadinaG.jpg) no-repeat; }
            #PodnozjeLinkovi { width: 290px; padding: 10px; float: left; }
            #PodnozjeUkljuciteSe { width: 370px; padding: 10px; float: left; margin-left: 10px; }
            #PodnozjeInfo { width: 210px; padding: 10px; float: right; }

.divNaVrhV { clear: both; width: 980px; 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/ikNaVrh.gif) no-repeat; text-indent: -9999px; }
    
    #PodnozjeSadrzaj .divNaVrhV { width: 950px; }
        #PodnozjeSadrzaj .divNaVrhV a { right: 5px; }
    
/****************** 03/ LINKOVI - GENERALNO ***/
a:link, a:visited { color: #305e7e; text-decoration: none; }
a:hover, a:active { color: #990000; text-decoration: none; }

#Podnozje a:link, #Podnozje a:visited { color: #fff; }
#Podnozje a:hover, #Podnozje a:active { color: #fff600; }


/****************** 04/ NAVIGACIJA ***/
/*** Zaglavlje ***/
#ulNavGlavna { float: left; width: 950px; height: 51px; position: absolute; bottom: 0; left: 15px; background: url(images/zaglavlje/ulNavGlavnaPoz.jpg) no-repeat; }
    #ulNavGlavna li { display: inline; float: left; height: 40px; margin-left: 15px; padding-top: 6px; }
    		#Zaglavlje li a:link, #Zaglavlje li a:visited, #Zaglavlje li a:hover, #Zaglavlje li a:active { display: block; font-size: 1.2em; text-transform: uppercase; float: left; font-weight: bold; color: #fff; text-align: center; padding: 12px 5px 0; height: 28px; }
    		#Zaglavlje li a:hover, #Zaglavlje li a:active { background: #1b4e82; }
    		
    		#Sadrzaj #Zaglavlje .divZaglavlje1 li#liNavGlavna1 a,
    		#Sadrzaj #Zaglavlje .divZaglavlje2 li#liNavGlavna2 a,
    		#Sadrzaj #Zaglavlje .divZaglavlje3 li#liNavGlavna3 a,
    		#Sadrzaj #Zaglavlje .divZaglavlje4 li#liNavGlavna4 a,
    		#Sadrzaj #Zaglavlje .divZaglavlje5 li#liNavGlavna5 a,
    		#Sadrzaj #Zaglavlje .divZaglavlje6 li#liNavGlavna6 a,
    		#Sadrzaj #Zaglavlje .divZaglavlje7 li#liNavGlavna7 a,
    		#Sadrzaj #Zaglavlje .divZaglavlje8 li#liNavGlavna8 a,
    		#Sadrzaj #Zaglavlje .divZaglavlje9 li#liNavGlavna9 a,
    		#Sadrzaj #Zaglavlje .divZaglavlje10 li#liNavGlavna10 a,
    		#Sadrzaj #Zaglavlje .divZaglavlje11 li#liNavGlavna11 a,
    		#Sadrzaj #Zaglavlje .divZaglavlje12 li#liNavGlavna12 a { background: #1b4e82; }


/*** Primarni ***/
    /** PrimarniIzdvojenaVijest **/
    #Primarni ul#ulNavIzdvojenaVijest { float: left; width: 550px; height: 45px; margin: 0; padding: 15px 0 0; line-height: 1; }
    	#Primarni ul#ulNavIzdvojenaVijest li { display: inline; float: left; height: 45px; line-height: 45px; width: 150px; margin-right: 10px; padding: 0; background: none; }
    		#ulNavIzdvojenaVijest li a:link, #ulNavIzdvojenaVijest li a:visited, #ulNavIzdvojenaVijest li a:hover, #ulNavIzdvojenaVijest li a:active { display: block; font-size: 1em; text-transform: uppercase; float: left; font-weight: bold; color: #fff; height: 45px; line-height: 45px; width: 150px; text-align: center; background: url(images/sadrzaj/ulNavIzdvojenaVijestPoz.gif) 0 -45px no-repeat; }
        	#ulNavIzdvojenaVijest li a:hover, #ulNavIzdvojenaVijest li a:active,
        	#ulNavIzdvojenaVijest li a.aSelektiran:link, #ulNavIzdvojenaVijest li a.aSelektiran:visited, #ulNavIzdvojenaVijest li a.aSelektiran:hover, #ulNavIzdvojenaVijest li a.aSelektiran:active { background-position: 0 0; }


/****************** 05/ NASLOVI ***/
h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Tahoma, Arial, Geneva, sans-serif; color: #0e476f; font-weight: bold; clear: both; margin: 15px 0; }
h1 { font-size: 3em; padding: 25px 0 10px; margin: 0; letter-spacing: -1px; background: url(images/sadrzaj/h2Poz.jpg) 0 100% no-repeat; }
h2 { font-size: 2em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }

	h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: #000; }

/*** Sekundarni ***/
    /** Feedback **/
    #Feedback h3 { color: #fff; margin: 0; padding: 14px 10px 10px; }

/** Podnozje **/
#Podnozje h3 { color: #bdcdd9; margin: 0; padding: 10px 0 0; }
 
#Podnozje h3 a:link, #Podnozje h3 a:visited { color: #bdcdd9; }
#Podnozje h3 a:hover, #Podnozje h3 a:active { color: #fff600; }
        

/****************** 06/ STRUKTURA - UNUTARNJA ***/
.formInput, .formTextarea { font-size: 1em; width: 250px; padding: 3px 5px; border: 1px solid #2c6087; background: #fff url(images/sadrzaj/formInputPoz.jpg) no-repeat; }

/*** Zaglavlje ***/
.zaglavljeLogiranje { position: absolute; top: 330px; right: 30px; z-index: 100; }
.imgLogoStromar { position: absolute; top: 12px; left: 267px; }
.imgLogoHNS { position: absolute; top: 12px; right: 0; }

/*** 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; }
	#Primarni ul li { padding: 4px 0 0 15px; background: url(images/sadrzaj/ik-li.gif) 0 10px no-repeat; }
		#Primarni ul ul { font-size: 1em; margin-top: 0; }
	#Primarni dl dt { font-weight: bold; }
	#Primarni dl dd span { color: #546d52; }
	
	.imgLijevo { float: left; margin: 15px 15px 15px 0; border: 3px solid #b8c7d7; }
	.imgDesno { float: right; margin: 15px 0 15px 15px; border: 3px solid #b8c7d7; }
	.imgSredina { display: block; margin: 15px auto; border: 3px solid #b8c7d7; }
    .imgVijest { margin: 15px; border: 3px solid #b8c7d7; }
    
    #Primarni .formTextarea { height: 80px; line-height: 1em; }
    #Primarni .formSubmit { font-size: 1em; color: #fff; padding: 2px 5px; background: #3c5998; border: 1px solid #6583c2; font-weight: bold; }
    #Primarni .formSubmitOdustani { font-size: 1em; color: #fff; padding: 2px 5px; background: #88b8bb; border: 1px solid #72aeb4; font-weight: bold; }
    #Primarni .formInput:focus, #Primarni .formTextarea:focus { border: 1px solid red; }

    /** PrimarniIzdvojenaVijest **/
    .divIzdvojenaVijest { width: 550px; height: 310px; background: url(images/sadrzaj/boxIzdvojenaVijestPozG.gif) no-repeat; position: relative; clear: left; }
        .divIzdvojenaVijestSlika { position: absolute; top: 5px; left: 5px; width: 540px; height: 300px; z-index: 10; }
            .divIzdvojenaVijestSazetak { position: absolute; bottom: 0; left: 0; width: 520px; padding: 10px; background: black; z-index: 20; filter: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }
                .divIzdvojenaVijestSazetak h1 { color: #fff; padding: 0 0 10px; background: none; }
                    .divIzdvojenaVijestSazetak h1 a:link, .divIzdvojenaVijestSazetak h1 a:visited { color: #fff; }
                    .divIzdvojenaVijestSazetak h1 a:hover, .divIzdvojenaVijestSazetak h1 a:active { color: #fff600; }
                .divIzdvojenaVijestSazetak h2 { color: #fff; padding: 0 0 10px; margin: 0; font-size: 1.3em; line-height: 1.5em; font-weight: normal; }

    /** Vijesti **/
    #PrimarniVijesti h2 { font-size: 3em; padding: 15px 0 10px; margin: 0 0 10px; letter-spacing: -1px; background: url(images/sadrzaj/h2Poz.jpg) 0 100% no-repeat; }
    .divVijest { border-bottom: 1px solid #c9cdd2; padding: 10px 0; }
        .divVijest h3 { margin-top: 0; padding-top: 5px; }
    .divVijest .spanDatum { color: #aa0000; font-size: 1em; }
    .divVijest .imgLijevo { margin-top: 0; }

    #Primarni .divVijest p.pOpsirnije { line-height: 1; clear: both; margin: 0 0 0 470px; width: 50px; height: 15px; position: relative; }
        .bodyNaslovnica #Primarni .divVijest p.pOpsirnije { margin: 0 0 0 480px; }
		#Primarni .divVijest p.pOpsirnije a { position: absolute; bottom: 0; right: 0; display: block; width: 50px; height: 15px; background: url(images/sadrzaj/btnVise.gif) no-repeat; text-indent: -9999px; }
    
    h4.h4Arhiva { text-align: center; margin: 0; padding: 10px 0 0; }
    
    #Primarni p.pDatum { color: #aa0000; font-weight: bold; }
    .divBoxDokumenti { border-top: 3px double #65717d; background: #e7edf3; padding: 0 15px 10px; }
    
    .divPaginacijaButtoni { text-align: center; padding: 0 0 10px; }
	.divPaginacijaStranice { font-weight: bold; color: #000; text-align: center; padding: 10px 0; font-size: 1.2em; }

    
        /* komentari */
        #Primarni h2.h2Recenzija { width: 300px; clear: none; }
	    .imgNapisiteKomentar { float: right; margin-top: 2px; }
	    .imgKomentirajte { margin-left: 395px; margin-top: -15px; }
	    
	    .divBoxKomentar { padding: 0 10px 10px; border-top: 3px solid #bfd0e1; margin-bottom: 10px; background: #dde4ec; font-size: .9em; }
	        #divSadrzaj .divBoxKomentar p { margin: 3px 0; }
	    #Sadrzaj .divBoxKomentar p.pCitiranje { font-style: italic; color: #555; padding: 10px; border: 1px solid #ced9e5; background: #e9edf2; }

    /** PrimarniBlog **/
    #PrimarniBlog h2 { font-size: 3em; padding: 15px 0 10px; margin: 0 0 10px; letter-spacing: -1px; background: url(images/sadrzaj/h2Poz.jpg) 0 100% no-repeat; }
    .divBlog { border-bottom: 1px solid #c9cdd2; padding: 10px 0; width: 290px; float: left; }
        .divBlog h3 { margin-top: 0; padding-top: 5px; }
        .divBlog .spanDatum { color: #aa0000; font-size: 1em; }
    .divBlogM { border-bottom: 1px solid #c9cdd2; padding: 10px 0 0; width: 210px; float: right; clear: right; }
        .divBlogM h4 { margin-top: 0; }
        .divBlogM .spanDatum { color: #aa0000; font-size: 1em; }
    

    /** Kontakt **/
    #divBoxKontaktInfo { float: left; width: 210px; }
    .imgKontakt { border: 4px solid #65717d; }
    #divBoxKontaktObrazac { float: right; width: 278px; border-left: 1px solid #c9cdd2; padding-left: 10px; }
    #Primarni p.pZahvala { font-weight: bold; color: #006315; }
    
       
    /* Dokumenti */
    #Primarni ul.ulDokumenti { font-size: 1.2em; font-weight: bold; }
	#Primarni ul.ulDokumenti li { padding: 10px 0; border-top: 3px solid #bfd0e1; margin-bottom: 10px; background: #dde4ec; }
		a.dokument-pdf { display: block; width: 400px; padding: 5px 0 5px 50px; background: url(images/sadrzaj/ik-pdf.gif) 10px 0 no-repeat; }
		a.dokument-doc, a.dokument-docx, a.dokument-txt, a.dokument-htm, a.dokument-html { display: block; width: 400px; padding: 5px 0 5px 50px; background: url(images/sadrzaj/ik-doc.gif) 10px 0 no-repeat; }
		a.dokument-xls, a.dokument-xlsc { display: block; width: 400px; padding: 5px 0 5px 50px; background: url(images/sadrzaj/ik-xls.gif) 10px 0 no-repeat; }
		
	/* Galerija */
	.divGalerijaSlikaG { width: 250px; height: 195px; float: left; text-align: center; padding: 10px 0; margin: 15px 0 0; position: relative; background: url(images/sadrzaj/galerijaPoz.gif) 50% 0 no-repeat; }
	    .divGalerijaSlikaG img { margin: 0 auto; display: block; padding-top: 23px; }
	    .divGalerijaSlikaG span { text-align: center; display: block; padding: 10px 5px 0; font-size: 1.4em; font-style: italic; font-weight: bold; }
		
    .divGalerijaSlika { background: #f2f2f2; width: 250px; float: left; text-align: center; padding: 10px 0; margin: 15px 0 0; }
		.divGalerijaSlikaD { float: right; margin: 15px 0 15px 15px; }
		.divGalerijaSlika img { margin: 0 auto; border: 5px solid #bfd0e1; display: block; }
		.divGalerijaSlika span { color: #444; text-align: center; display: block; padding: 10px 5px 0; font-size: 1.1em; font-style: italic; }

    /* Anketa */
     #Primarni #divPaginacijaStranice p { padding-top: 10px; text-align: center; font-weight: bold; }
            #divPaginacijaStranice span { color: #333; }
            
	#Primarni .divAnketa { padding: 10px; border-bottom: 2px solid #65717d; margin: 10px 0; }
	    #Primarni p.pAnketaPitanje { font-weight: bold; font-size: 1.5em; color: #00264c; margin-top: 0; }
	    #Primarni .divAnketaOdgovori p { margin: 0; }
	    #Primarni .divAnketaOdgovorPostotak { height: 15px; margin: 1px 0 10px; }
	    
    /* Logiranje */
    #Primarni .dlFormuar dt { float: left; clear: left; width: 150px; text-align: right; padding: 0 10px 3px 0; }
    #Primarni .dlFormuar dd { float: left; width: 300px; margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 5px; }
    #ctl00_cpSadrzajPrimarni_Login1 { width: 99%; }
    
    /* Igra */
    table.tblRezultati { width: 300px; border: 1px solid #a8b6d4; font-size: 1.2em; margin-left: 90px; }
		table.tblRezultati tr th { background: #5975af; padding: 5px 10px; font-weight: bold; color: #fff; border-bottom: 1px solid #a8b6d4; }
		table.tblRezultati tr td { background: #fff; padding: 5px 10px; font-weight: bold; color: #000; border-bottom: 1px solid #a8b6d4; }
			table.tblRezultati tr.trTamni td { background: #eaeff8; }
 

/*** Sekundarni ***/
#Sekundarni p, #Sekundarni ul, #Sekundarni ol, #Sekundarni dl { font-size: 1.2em; line-height: 1.5em; margin: 1em 0; }
    #Sekundarni ul ul { font-size: 1em; margin-top: 0; }


    /** Feedback **/
    #Sekundarni #Feedback p { margin: 0; }
    #Sekundarni #Feedback dl { margin-bottom: 0; }
    #Sekundarni #Feedback ul ul { font-size: 1em; margin-top: 0; }
    #Sekundarni #Feedback dl dt { padding-top: 5px; }

    #Feedback .divNaslov { height: 70px; }
    #Feedback .divSadrzaj { padding: 0 10px 10px; }
    #Feedback .ddButton { text-align: right; }
    #Feedback .formInput { width: 198px; }
    

        /* newsletter */
        #FeedbackNewsletter { background: #a4b3c1 url(images/sadrzaj/boxFeedbackPozD.gif) 0 100% no-repeat; margin-bottom: 10px; margin-top: 10px; color: #00264c; }
            #FeedbackNewsletter .divNaslov { background: url(images/sadrzaj/boxNewsletterPozG.gif) no-repeat; }
            #FeedbackNewsletter .formInput { border: 1px solid #00264c; }
        
        /* anketa */
        #FeedbackAnketa { background: #a4b3c1 url(images/sadrzaj/boxFeedbackPozD.gif) 0 100% no-repeat; margin-bottom: 10px; color: #00264c; }
            #FeedbackAnketa .divNaslov { background: url(images/sadrzaj/boxAnketaPozG.gif) no-repeat; }
            #FeedbackAnketa p { font-weight: bold; font-style: italic; }
            .anketaOdgovori { font-size: 1.2em; }
            #FeedbackAnketa .formButton { float: right; padding-top: 10px; }
            #FeedbackAnketa p.pArhiva { clear: right; text-align: right; font-weight: normal; font-style: normal; }
            #FeedbackAnketa p.pAnketaObavijest { color: red; }
            
            #Sekundarni .divAnketaOdgovori { margin-top: 10px; }
            #Sekundarni .divAnketaOdgovori p { color: #000; }
            #Sekundarni .divAnketaOdgovori p span { font-style: italic; font-weight: normal; font-size: 1em; padding-bottom: 0; color: #00264c; }
		    #Sekundarni .divAnketaOdgovorPostotak { height: 10px; margin: 1px 0 7px; }
			    .anketaBoja0, .anketaBoja5, .anketaBoja10 { background-color: #974141; }
			    .anketaBoja1, .anketaBoja6, .anketaBoja11 { background-color: #7492a9; }
			    .anketaBoja2, .anketaBoja7, .anketaBoja12 { background-color: #739e6f; }
			    .anketaBoja3, .anketaBoja8, .anketaBoja13 { background-color: #c19240; }
			    .anketaBoja4, .anketaBoja9, .anketaBoja14 { background-color: #ae6692; }
        
        /* volontirajte */
        #FeedbackVolontirajte { background: #a4b3c1 url(images/sadrzaj/boxFeedbackPozD.gif) 0 100% no-repeat; margin-bottom: 10px; color: #00264c; }
            #FeedbackVolontirajte .divNaslov { background: url(images/sadrzaj/boxVolontirajtePozG.gif) no-repeat; }
            #FeedbackVolontirajte p { font-weight: bold; font-style: italic; }
            #FeedbackVolontirajte .formInput { border: 1px solid #00264c; }

    /** BanneriM **/
    #BanneriM img { margin-bottom: 10px; }

    /** BanneriV **/
    #BanneriV img { margin-bottom: 10px; }


/*** Podnozje ***/
#Podnozje p, #Podnozje ul, #Podnozje ol, #Podnozje dl { font-size: 1.1em; line-height: 1.5em; margin: 1em 0; }
    
    /** PodnozjeLinkovi **/    
    #Podnozje #PodnozjeLinkovi ul { float: left; width: 130px; }
        #Podnozje #PodnozjeLinkovi ul.ulSekundarni { margin-left: 30px; }
        #Podnozje #PodnozjeLinkovi ul li { padding: 2px 0 3px; border-bottom: 1px solid #506b86; }