/****************** INFO ***
	Autor: Trinet računalne usluge
	URL: http://www.trinet.hr
*/



/****************** 01/ DOKUMENT ***/
* { margin: 0; padding: 0; border: 0; }
* body { font: 62.5% Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #57595E; background: #ddddd2 url(../images/pozadina.gif) repeat-x; text-align: center; }
ul, ol { list-style: none; }
form, input, textarea { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; }



/****************** 02/ STRUKTURA ***/
#divContent { background: url(../images/mid/pozadinaPtice.gif) repeat-y; width: 762px; margin: 0 auto; text-align: left; }
	#bodyNaslovna #divContent { background: url(../images/mid/pozadina.gif) repeat-y; }
	#divHead { background: #ECECE4 url(../images/head/pozadina.gif) no-repeat 0 78px; height: 286px; position: relative; }
	#bodyNaslovna #divMid { padding: 25px 16px 0 19px; }
	#divTitle { padding: 20px 29px 0 29px; background: url(../images/mid/pozadina.gif) repeat-y; }
	#divMid { padding: 0 19px; }
	    #bodyUsluge .divMidPlavi { background: url(../images/mid/uslugeNaslovPlavi.jpg) no-repeat; }
	    #bodyUsluge .divMidZeleni { background: url(../images/mid/uslugeNaslovZeleni.jpg) no-repeat; }
	    #bodyUsluge .divMidZuti { background: url(../images/mid/uslugeNaslovZuti.jpg) no-repeat; }
	    #divMidL { float: left; width: 534px; margin-bottom: 10px; }
	    #divMidR { float: right; width: 174px; margin-bottom: 209px; }
	        #bodyUsluge #divMidR { background-color: #fff; padding-top: 10px; }
	#divFoot { background: url(../images/foot/foot.gif) no-repeat; height: 130px; clear: both; }


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

#divHead a:link, #divHead a:visited, #divHead a:hover, #divHead a:active { color: #fff; }
#divFoot a:link, #divFoot a:visited, #divFoot a:hover, #divFoot a:active { color: #8E8E8E; }



/****************** 04/ NAVIGACIJA ***/
#olNav { width: 380px; height: 33px; position: absolute; top: 55px; right: 12px; z-index: 2; }
	#olNav li { float: left; font-size: 1.1em; color: #fff; height: 33px; text-indent: -9999px; }
		#olNav li a.aNav { height: 0 !important; height /**/: 33px; padding: 33px 0 0 0; overflow: hidden; float: left; }
			
		#olNav li a:hover, #olNav li a:active, #olNav li a.selektiran:link, #olNav li a.selektiran:visited, #olNav li a.selektiran:hover, #olNav li a.selektiran:active { background-position: 0 -33px; }
	
	#liNavNaslovnica { width: 87px; }
	#liNavOnama { width: 71px; }
	#liNavUsluge { width: 67px; }
	#liNavReference { width: 85px; }
	#liNavKontakt { width: 70px; }
	
	#liNavNaslovnica a { width: 87px; background: url(../images/head/navNaslovnica.gif) no-repeat; }
	#liNavOnama a { width: 71px; background: url(../images/head/navOnama.gif) no-repeat; }
	#liNavUsluge a { width: 67px; background: url(../images/head/navUsluge.gif) no-repeat; }
	#liNavReference a { width: 85px; background: url(../images/head/navReference.gif) no-repeat; }
	#liNavKontakt a { width: 70px; background: url(../images/head/navKontakt.gif) no-repeat; }
	
	
    /* padajuci izbornici */
    #olNav li ol { display: none; font-size: .9em; border-bottom: 1px solid #fff; background-color: #9EC443; }
        #olNav li ol#olUsluge { position: absolute; left: 158px !important; left /**/: 142px; top: 24px; padding-top: 9px; z-index: 3; background: url(../images/head/olNavUsl.gif) no-repeat 0 0 !important; background /**/: url(../images/head/olNavUsl.gif) no-repeat 16px 0; width: 200px; }
        #olNav li ol#olReference { position: absolute; left: 225px !important; left /**/: 209px; top: 24px; padding-top: 9px; z-index: 3; background: url(../images/head/olNavRef.gif) no-repeat 0 0 !important; background /**/: url(../images/head/olNavRef.gif) no-repeat 16px 0; width: 200px; }
            #olNav li ol li { text-indent: 0; float: none; height: 30px; width: 120px; border-left: 1px solid #fff; border-right: 1px solid #fff; }
                #olNav li ol li a:link, #olNav li ol li a:visited, #olNav li ol li a:hover, #olNav li ol li a:active { display: block; width: 150px; w\idth: 155px; padding: 0 5px; height: 30px; line-height: 30px; background-image: none; background-color: #A8CE4C; color: #fff; float: none; text-decoration: none; }
                #olNav li ol li a:hover, #olNav li ol li a:active { background-color: #B3DA56; color: #000; }
		        #olNav li:hover ol, #olNav li.over ol { display: block; }

	
	
/****************** 05/ NASLOVI ***/
h1 { font-size: 2.2em; color: #747B89; font-weight: normal; }
	h1 a:link, h1 a:visited { color: #747B89; }
		h1 a:hover, h1 a:active { color: #000; text-decoration: none; }
	
	
	
/****************** 06/ STRUKTURA - UNUTARNJA ***/
/** head **/
.imgLogo { position: absolute; top: 110px; left: 20px; z-index:2;}
#pJezik { position: absolute; top: 25px; right: 20px; color: #8E8E8E; font-size: 12px; font-family:	Tahoma, Verdana, Helvetica, sans-serif;display:none; }
    #divHead #pJezik a:link, #divHead #pJezik a:visited, #divHead #pJezik a:hover, #divHead #pJezik a:active { color: #608DAD; font-weight: bold; }
#divFlash, #imgHead { position: absolute; top: 88px; left: 10px; width: 742px; height: 176px; z-index: 1; }


/** middle **/
.pPodnaslov { padding: 2px 0 20px 0; font-size: 1.3em; }
#divMidL h2 { font-size: 1.6em; padding: 20px 5px 0 10px; }
#divMidL h3 { font-size: 1.4em; padding: 20px 5px 0 10px; }
#divMidL p { font-size: 1.2em; line-height: 1.6em; padding: 10px 5px 0 10px; }
#divMidL p.pObrubD { padding-bottom: 20px; background: url(../images/mid/pobrub.gif) no-repeat 50% 100%; }
#divMidL p.pObrubG { padding-top: 20px; margin-top: 20px; background: url(../images/mid/pobrub.gif) no-repeat 50% 0; }

ul.ulLista li { font-size: 1.2em; line-height: 1.2em; padding: 10px 5px 0 25px; background: url(../images/mid/strelicaLista.gif) no-repeat 12px 1.1em;  }

	/* stranica Naslovnica - boxici */
	#divNaslBox01, #divNaslBox02, #divNaslBox03, #divNaslBox04 { width: 174px; height: 235px; float: left; position: relative; }
		
	#divNaslBox01 { background: url(../images/mid/boxPlavi.jpg) no-repeat; color: #fff; font-weight: bold; }
	#divNaslBox02 { background: url(../images/mid/boxZeleni.jpg) no-repeat; margin-left: 9px; color: #fff; font-weight: bold; }
	#divNaslBox03 { background: url(../images/mid/boxNarancasti.jpg) no-repeat; margin-left: 10px; margin-right: 9px; color: #fff; font-weight: bold; }
	#divNaslBox04 { background: url(../images/mid/boxSivi.gif) no-repeat; color: #646460; }
	    #bodyNaslovna #divNaslBox04 { background: url(../images/mid/boxSivi.jpg) no-repeat; }

	#divNaslBox01 ul, #divNaslBox02 ul, #divNaslBox03 ul, #divNaslBox04 ul { padding: 25px 10px 10px 20px; }
		#divNaslBox04 ul.ulInfo { padding-top: 5px; }
		#divNaslBox01 ul li, #divNaslBox02 ul li, #divNaslBox03 ul li { padding: 3px 0; font-size: 1.2em; }
		#divNaslBox04 ul li { padding: 1px 0; font-size: 1.1em; }
		    #divNaslBox04 ul li span { font-weight: bold; }
	
	#divNaslBox01 p, #divNaslBox02 p, #divNaslBox03 p, #divNaslBox04 p { text-transform: uppercase; position: absolute; bottom: 30px; right: 12px; font-size: 1.1em; }			
	
	#divNaslBox01 a, #divNaslBox02 a, #divNaslBox03 a { color: #fff; }			
	#divNaslBox04 a { color: #646460; }
	
	#divNaslBox01 h2, #divNaslBox02 h2, #divNaslBox03 h2, #divNaslBox04 h2 { font-size: 1.6em; padding-top: 12px; text-align: center; }
		#divNaslBox01 h2 a, #divNaslBox02 h2 a, #divNaslBox03 h2 a, #divNaslBox04 h2 a { text-decoration: none; }
		
	#divNaslBox01 p a, #divNaslBox02 p a, #divNaslBox03 p a { background: url(../images/mid/strelica.gif) no-repeat 100% 50%; padding-right: 16px; display /**/: block; }
	#divNaslBox04 p#pBox4Pregled a { background: url(../images/mid/strelicaKartaL.gif) no-repeat 0 50%; padding-left: 16px; display /**/: block; }
	#divNaslBox04 p#pBox4Zatvori a, #divNaslBox04 p#pBox4ZatvoriJS a { background: url(../images/mid/strelicaKartaD.gif) no-repeat 100% 50%; padding-right: 16px; display /**/: block; }

	#divNaslBoxKarta { position: absolute; width: 549px; height: 213px; z-index: 1; margin-left: 0 !important; margin-left: -724px; }
				
	#bodyKontakt #divNaslBoxKarta { margin-left: 0 !important; margin-left: -534px; }
	
    /* stranica O nama - boxici */
	#divOnamaMat, #divOnamaMir, #divOnamaMar { width: 172px; float: left; }
		
	    #divOnamaMat { background: url(../images/mid/onamaBox.gif) repeat-y; margin-right: 9px; }
	    #divOnamaMir { background: url(../images/mid/onamaBox.gif) repeat-y; }
	    #divOnamaMar { background: url(../images/mid/onamaBox.gif) repeat-y; float: right; }

	    #divOnamaMat dl, #divOnamaMir dl, #divOnamaMar dl { padding: 10px 15px 40px 15px; background: url(../images/mid/onamaBoxD.gif) no-repeat 0 100%; font-size: 1.1em; }
		#divOnamaMat dl dt, #divOnamaMir dl dt, #divOnamaMar dl dt { padding: 10px 0 0 0; font-weight: bold; }
		    #divOnamaMat dl dd, #divOnamaMir dl dd, #divOnamaMar dl dd { padding: 4px 0 0 4px; }
        
        #divOnamaMat p, #divOnamaMir p, #divOnamaMar p { padding: 10px 15px 0 15px; font-size: 1.1em; }
	
        #divOnamaMat h2, #divOnamaMir h2, #divOnamaMar h2 { font-size: 1.6em; padding-top: 140px; text-align: center; }
	
	    #divOnamaMat h2 { background: url(../images/mid/onamaMatija.jpg) no-repeat; }
	    #divOnamaMir h2 { background: url(../images/mid/onamaMiro.jpg) no-repeat; }
	    #divOnamaMar h2 { background: url(../images/mid/onamaMarko.jpg) no-repeat; }	
	
    /* boxici savjeti */   
    .divBoxSavjeti { background: #E7E7E7 url(../images/mid/divBoxSavjeti.jpg) no-repeat; padding: 10px; margin-bottom: 10px; border: 4px solid #EFEFEF; color: #747B87; }    
        .divBoxSavjeti h3 { font-size: 1.2em; text-align: center; text-transform: uppercase; }    
        .divBoxSavjeti dt { font-size: 1.1em; text-align: center; font-weight: bold; font-style: italic; padding: 10px 0 5px 0; }    
            .divBoxSavjeti dd { font-size: 1.1em; padding-bottom: 10px; } 
            .divBoxSavjeti abbr { border-bottom: 1px dotted #aaa; }
            
    /* stranica Usluge - boxici naslova */
    #divMidNaslovi { height: 85px; position: relative; color: #fff; }
        #divMidNaslovi h1 { width: 547px; w\idth: 529px; padding: 7px 9px 2px 30px; color: #fff; }
            #divMidNaslovi h1 a:link, #divMidNaslovi h1 a:visited, #divMidNaslovi h1 a:hover, #divMidNaslovi h1 a:active { color: #fff; }
    #divMidNaslovi .pPodnaslov { width: 547px; w\idth: 529px; padding: 0 9px 0 70px; color: #fff; }
        #divMidNaslovi .pPodnaslov a:link, #divMidNaslovi .pPodnaslov a:visited, #divMidNaslovi .pPodnaslov a:hover, #divMidNaslovi .pPodnaslov a:active { color: #fff; }

    #divMidNaslovi h2.h2NaslovG { position: absolute; width: 158px; top: 5px; right: 0px; color: #fff; font-size: 1.5em; margin: 0; }
    #divMidNaslovi h2.h2NaslovD { position: absolute; width: 158px; top: 43px; right: 0px; color: #fff; font-size: 1.5em; margin: 0; }
        #divMidNaslovi h2 a:link, #divMidNaslovi h2 a:visited, #divMidNaslovi h2 a:hover, #divMidNaslovi h2 a:active { display: block; color: #fff; text-decoration: none; }

	/* stranica Usluge - dodatne informacije */
    #ulInformacije { padding-bottom: 25px; }
    #liInfoSaznajte, #liInfoReference, #liInfoNarucite { height: 37px; width: 174px; text-indent: -9999px; }
    #liInfoSaznajte { background: url(../images/mid/butSaznajte.jpg) no-repeat; margin-bottom: 6px; }
    #liInfoReference { background: url(../images/mid/butReference.jpg) no-repeat; margin-bottom: 6px; }
    #liInfoNarucite { background: url(../images/mid/butNarucite.jpg) no-repeat; }
        #ulInformacije li a { display: block; height: 0 !important; height /**/: 37px; padding: 37px 0 0 0; overflow: hidden; }
	
	/* stranica Reference - boxici s referencama */
    #divMidL .divBoxReferenca {width: 534px; height: 398px; margin-top: 10px; clear: both; position: relative;}
        #divMidL .divBoxReferenca p { font-family:  sans-serif; font-size: 2em; padding: 30px;  line-height:30px;}
                #divMidL .divBoxReferenca p a:link, .divBoxReferenca p a:visited, .divBoxReferenca p a:hover, .divBoxReferenca p a:active { color: #4B7292; }
        
        

	/* stranica Reference - boxici s referencama - veliki */
    #divMidL h2.h2referenca { color: #4B7292; }
    #divMidL p.pUrl { margin: -7px 0 10px 0; color: #aaa; }
    .divSlika { margin: 10px 5px 30px 10px; }
        .divSlika img { border: 3px solid #B3DA56; }
        .divSlika ul { margin-top: -3px; font-size: 1.1em; }
            .divSlika ul li { display: inline; height: 23px; width: 21px; }
                .divSlika ul li a:link, .divSlika ul li a:visited, .divSlika ul li a:hover, .divSlika ul li a:active { float: left; text-align: center; display: block; height: 23px; width: 21px; background: url(../images/mid/ulReferencaS.gif) no-repeat; color: #000; font-weight: bold; padding-top: 2px; text-decoration: none; }
                    .divSlika ul li a:hover, .divSlika ul li a:active { background-position: 0 -1px; color: #4E5661; padding-top: 1px; }
                    .divSlika ul li a.selektiran:link, .divSlika ul li a.selektiran:visited, .divSlika ul li a.selektiran:hover, .divSlika ul li a.selektiran:active { background: url(../images/mid/ulReferencaZ.gif) no-repeat; color: #333; padding-top: 2px; }
    
    .divBoxReferencaV dt { color: #4B7292; font-size: 1.4em; }
    .divBoxReferencaV dt a:link, .divBoxReferencaV dt a:visited, .divBoxReferencaV dt a:hover, .divBoxReferencaV dt a:active { color: #4B7292; }
    .divBoxReferencaV dd { font-size: 1.1em; margin-top: 3px; }
	
	/* stranica Reference - liste */
    .divBoxListaPlavi { background: #6C99BA url(../images/mid/divBoxListaPlavi.jpg) no-repeat; margin-bottom: 24px; border: 4px solid #90B4CC; color: #fff; }
    .divBoxListaZuti { background: #D5B65C url(../images/mid/divBoxListaZuti.jpg) no-repeat; margin-bottom: 24px; border: 4px solid #DAC58C; color: #fff; }    
        .divBoxListaPlavi h3, .divBoxListaZuti h3 { font-size: 1.2em; text-align: center; text-transform: uppercase; margin-top: 10px; }    
        .divBoxListaPlavi ul, .divBoxListaZuti ul { font-size: 1.1em; padding: 20px 0 10px 0; }
            .divBoxListaPlavi li, .divBoxListaZuti li { height: 1%; width: 146px; }
        .divBoxListaPlavi a:link, .divBoxListaPlavi a:visited, .divBoxListaPlavi a:hover, .divBoxListaPlavi a:active { color: #fff; padding: 4px 10px 4px 15px; background: url(../images/mid/listaStrPlavi.gif) no-repeat 5px 50%; display: block; width: 166px; w\idth: 141px; text-decoration: none; } 
            .divBoxListaPlavi a:hover, .divBoxListaPlavi a:active, .divBoxListaPlavi a.selektiran:link, .divBoxListaPlavi a.selektiran:visited, .divBoxListaPlavi a.selektiran:hover, .divBoxListaPlavi a.selektiran:active { background-color: #90B4CC; } 
        .divBoxListaZuti a:link, .divBoxListaZuti a:visited, .divBoxListaZuti a:hover, .divBoxListaZuti a:active { color: #fff; padding: 4px 10px 4px 15px; background: url(../images/mid/listaStrZuti.gif) no-repeat 5px 50%; display: block; width: 166px; w\idth: 141px; text-decoration: none; } 
            .divBoxListaZuti a:hover, .divBoxListaZuti a:active, .divBoxListaZuti a.selektiran:link, .divBoxListaZuti a.selektiran:visited, .divBoxListaZuti a.selektiran:hover, .divBoxListaZuti a.selektiran:active { background-color: #DAC58C; } 
        
    .divMRLista { background: url(../images/mid/listaLinijaPlava.gif) no-repeat 0 100%; }
	
	/* stranica Kontakt */
	.divBoxKontakt { border: 4px solid #F2F2F2; padding: 5px 15px 15px 15px; font-size: 1.1em; margin-bottom: 10px; }
	.divBoxKontaktSalji { border: 4px solid #F2F2F2; padding: 15px; }
	    .divBoxKontakt dt { padding-top: 10px; }
	    .divBoxKontakt dd { padding-top: 3px; }
	        .divBoxKontakt dt span { color: red; }
	
	#divMidL .input, #divMidL .textarea { font-size: 1em; width: 250px; padding: 2px 0; border: 1px solid #A0B0BB; background: #fff url(../images/mid/formPozadina.gif) repeat-x; }
    #divMidL .textarea { width: 400px; }
    #divMidL .gumbekSalji { width: 75px; height: 23px; }
	

/** foot **/
#divFoot p { position: absolute; top: 43px; left: 280px; }

/****************** 07/ RAZNO ***/		
hr, legend { display: none; }