﻿/****************** INFO ***
	Autor: Trinet racunalne usluge
*/


/****************** 01/ DOKUMENT ***/
* { margin: 0; padding: 0; }
a img, fieldset { border: 0; }
* body { font: 62.5% Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #111; text-align: center; background: #7aa3c5 url(images/pozadina.gif) repeat-x; }
table, tr, th, td { border-collapse: collapse; font-size: 1em; }
legend { display: none; }
fieldset { border: 0; }
ul { list-style: none; }


/****************** 02/ STRUKTURA ***/
#divLayout { width: 974px; margin: 0 auto; text-align: left; }
	 #divZaglavlje { height: 419px; background: url(images/zaglavlje/pozadina.jpg) 0 0 no-repeat; position: relative; }
	 #divSredina { padding: 0 30px; width: 974px; w\idth: 914px; background: #fff url(images/sredina/divSredinaStupci.gif) repeat-y;}
		  #divSredinaPrimarni { float: left; width: 664px; }
				#divSredinaPrimarniSadrzaj { float: left; width: 414px; w\idth: 394px; padding: 10px; border-top: solid 1px #c3ccc4; margin-bottom: 20px; }
					.body2stupca #divSredinaPrimarniSadrzaj { width: 664px; w\idth: 644px; }
				#divSredinaPrimarniStupac { float: right; width: 230px; w\idth: 210px; padding: 10px; border-top: solid 1px #c3ccc4; background-color: #ecf0f6; margin-bottom: 20px; }
		  #divSredinaSekundarni { float: right; width: 230px; margin-bottom: 20px; }
			#divSredinaSekundarniNavigacija { border-top: solid 1px #c3ccc4; background-color: #dbe3ef; margin-bottom: 20px; }
			#divSredinaSekundarniSadrzaj { padding: 10px; border-top: solid 1px #c3ccc4; background-color: #dbe3ef; }
	 #divPodnozje { clear: both; background-color: #dbe3ef; height: 75px; background: url(images/podnozje/divPodnozjePoz.gif) repeat-x; text-align: center; font-size: 1.1em; color: #d9e2ef;  }
		  
		  
/****************** 03/ LINKOVI - JEZICI ***/
#divZaglavlje #ulNavJezici li, #divZaglavlje #ulNavJezici li a { width: 47px; height: 14px; } 
	#divZaglavlje #ulNavJezici li a { position: absolute; top: 1px; text-indent: -9999px; } 
		#divZaglavlje li#liJezikHR a { background: url(images/zaglavlje/ikHrv.gif) 0 -14px no-repeat; right: 530px; } 
		#divZaglavlje li#liJezikEN a { background: url(images/zaglavlje/ikEng.gif) 0 -14px no-repeat; right: 470px; } 
		#divZaglavlje li#liJezikDE a { background: url(images/zaglavlje/ikDeu.gif) 0 -14px no-repeat; right: 410px; } 

			#bodyLangHR #divZaglavlje li#liJezikHR a { background-position: 0 0; }
			#bodyLangHR #divZaglavlje li#liJezikEN a:hover, #bodyLangHR #divZaglavlje li#liJezikEN a:active { background-position: 0 0; } 
			#bodyLangHR #divZaglavlje li#liJezikDE a:hover, #bodyLangHR #divZaglavlje li#liJezikDE a:active { background-position: 0 0; }
		
			#bodyLangEN #divZaglavlje li#liJezikHR a:hover, #bodyLangEN #divZaglavlje li#liJezikHR a:active { background-position: 0 0; } 
			#bodyLangEN #divZaglavlje li#liJezikEN a { background-position: 0 0; } 
			#bodyLangEN #divZaglavlje li#liJezikDE a:hover, #bodyLangEN #divZaglavlje li#liJezikDE a:active { background-position: 0 0; }
		
			#bodyLangDE #divZaglavlje li#liJezikHR a:hover, #bodyLangDE #divZaglavlje li#liJezikHR a:active { background-position: 0 0; } 
			#bodyLangDE #divZaglavlje li#liJezikEN a:hover, #bodyLangDE #divZaglavlje li#liJezikEN a:active { background-position: 0 0; } 
			#bodyLangDE #divZaglavlje li#liJezikDE a { background-position: 0 0; }		


/****************** 03/ LINKOVI - GENERALNO ***/
a:link, a:visited { color: #a90000; text-decoration: underline; }
a:hover, a:active { color: #5e7ea0; text-decoration: underline; }

#divPodnozje a:link, #divPodnozje a:visited { color: #fff; text-decoration: none; }
#divPodnozje a:hover, #divPodnozje a:active { color: #fff; text-decoration: underline; }


/****************** 04/ NAVIGACIJA ***/
/** divZaglavlje **/
#ulNavGlavna { /*font-family: "Times New Roman", Times, serif;*/ text-transform: uppercase; font-size: 1.2em; float: left; width: 910px; w\idth: 900px; position: absolute; bottom: 30px; left: 150px; }
	#ulNavGlavna li { display: inline; float: left; }
		#ulNavGlavna li a { display: block; padding: 6px 11px 20px 11px; color: #fff; text-decoration: none;  }	
			#ulNavGlavna li a:hover, #ulNavGlavna li a:active, #ulNavGlavna li a.aSelektiran { background: #4774b4; color: #000; }	


/** divSredinaSekundarni **/
#divSredinaSekundarni ul#ulNavSporedna { font-size: 1.2em; width: 230px; margin: 0; padding: 0; }
	#divSredinaSekundarni ul#ulNavSporedna li { width: 230px; margin: 0; padding: 0; background: none; border-bottom: 1px solid #edf2f8; }
	#divSredinaSekundarni ul#ulNavSporedna li a { width: 230px; w\idth: 205px; display: block; padding: 5px 5px 5px 20px; background: url(../images/sredina/ik-li.gif) 10px 50% no-repeat; text-decoration: none; color: #074382; }
		#divSredinaSekundarni ul#ulNavSporedna li a:hover, #divSredinaSekundarni ul#ulNavSporedna li a:active { background: #3a68a6 url(../images/sredina/ik-li.gif) 10px 50% no-repeat; text-decoration: none; color: #fff; }
		#divSredinaSekundarni ul#ulNavSporedna li a.aSelektiran:link, #divSredinaSekundarni ul#ulNavSporedna li a.aSelektiran:visited, #divSredinaSekundarni ul#ulNavSporedna li a.aSelektiran:hover, #divSredinaSekundarni ul#ulNavSporedna li a.aSelektiran:active { font-weight: bold; background: #3a68a6 url(../images/sredina/ik-li.gif) 10px 50% no-repeat; color: #fff; text-decoration: none; }


/****************** 05/ NASLOVI ***/
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; }
h1 { color: #fff; position: absolute; top: 15px; left: 695px; width: 200px; height: 77px; font-size: 1.3em; font-style: italic; color: #fff; text-align: center; line-height: 1.4em; }

/** divSredinaPrimarni **/
#divSredinaPrimarni h2, #divSredinaPrimarni h3, #divSredinaPrimarni h4, #divSredinaPrimarni h5, #divSredinaPrimarni h6 { color: #a90000; margin: 15px 0; }
#divSredinaPrimarni h2 { font-size: 1.7em; }
#divSredinaPrimarni h3 { font-size: 1.5em; }
#divSredinaPrimarni h4 { font-size: 1.3em; }
#divSredinaPrimarni h5 { font-size: 1.1em; }
#divSredinaPrimarni h6 { font-size: 1em; }

/** divSredinaSekundarni **/
#divSredinaSekundarni h2, #divSredinaSekundarni h3, #divSredinaSekundarni h4, #divSredinaSekundarni h5, #divSredinaSekundarni h6 { color: #074382; margin: 15px 0; }
#divSredinaSekundarni h2 { font-size: 1.5em; margin-top: 5px; }
#divSredinaSekundarni h3 { font-size: 1.3em; margin-top:20px; }
#divSredinaSekundarni h4 { font-size: 1.1em; }
#divSredinaSekundarni h5 { font-size: 1.1em; }
#divSredinaSekundarni h6 { font-size: 1em; }


/****************** 06/ STRUKTURA ***/
/** divZaglavlje **/
#imgLogo { position: absolute; top: 27px; left: 30px; }
#divZaglavljeSadrzaj { height: 389px; background: url(images/zaglavlje/medidentSlika.jpg) 30px 123px no-repeat; }

/** divSredinaPrimarni **/
#divSredinaPrimarni p, #divSredinaPrimarni ul, #divSredinaPrimarni ol, #divSredinaPrimarni dl { font-size: 1.2em; line-height: 1.5em; letter-spacing: 110%; margin: 15px 0; }
	 #divSredinaPrimarni ol li, #divSredinaPrimarni ul li {  margin-left: 15px; padding-left: 10px; background: url(../images/sredina/ik-li.gif) 0 6px no-repeat; }
	 #divSredinaPrimarni dl dt { font-weight: bold; color: #666; margin: 10px 0 2px 10px; }
	 #divSredinaPrimarni dl dd { margin-left: 10px; }
#divSredinaPrimarni table { border: 1px solid #666; width: 100%; margin: 15px 0; }
	 #divSredinaPrimarni th { vertical-align: middle; font-size: 1.2em; font-weight: bold; color: #fff; background: url(../images/sredina/thPoz.jpg) repeat-x; text-align: center; padding: 8px 5px 4px; border: 1px solid #666; }
	 #divSredinaPrimarni td { vertical-align: middle; font-size: 1.1em; padding: 5px; background-color: #333; border: 1px solid #666; text-align: left; }
		  #divSredinaPrimarni tr.trTamni td { background-color: #4c4c4c; }
		  #divSredinaPrimarni td.tdCentar { text-align: center; }
		  #divSredinaPrimarni td.tdDesno { text-align: right; }
#divSredinaPrimarni .imgSlikaLijevo { border: 3px double #7c9fc4; margin: 15px 15px 15px 0; float: left; }
    #divSredinaPrimarni .imgSlikaLijevoG { border: 3px double #babec1; margin: 10px 10px 10px 0; float: left; }
#divSredinaPrimarni .imgSlikaDesno { border: 3px double #7c9fc4; margin: 15px 0 15px 15px; float: right; }
#divSredinaPrimarni .imgSlikaSredina { border: 3px double #7c9fc4; margin: 15px auto; }

	#divSredinaPrimarni a.aOpsirnije { font-weight: bold; border-bottom: 1px solid #7c9fc4; display: block; padding-bottom: 10px; }

/** divSredinaSekundarni **/
#divSredinaSekundarni p, #divSredinaSekundarni ul, #divSredinaSekundarni ol, #divSredinaSekundarni dl { font-size: 1.1em; line-height: 1.5em; letter-spacing: 110%; margin: 10px 0; color: #666; }
	 #divSredinaSekundarni ol li, #divSredinaSekundarni ul li { list-style-type: none; margin-left: 10px; padding-left: 10px; background: url(../images/sredina/ik-li.gif) 0 6px no-repeat; }
	 #divSredinaSekundarni dl dt { font-weight: bold; color: #666; margin: 10px 0 2px 10px; }
	 #divSredinaSekundarni dl dd { margin-left: 10px; }
#divSredinaSekundarni .imgSlikaSredina { border: 3px double #eaf0f9; margin: 10px auto 0; }

	.spanDatum { font-size: 1.1em; color: #a90000; }
	#divSredinaSekundarni a.aOpsirnije { font-weight: bold; border-bottom: 1px solid #c3ccc4; display: block; padding-bottom: 10px; }

/** divPodnozje **/
#divPodnozje p { padding-top: 40px; }