/****************** 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: #eceae3 url(images/pozadina.gif) 50% 0 repeat-y; line-height: 1; }
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; }
form, input, textarea { font-family: Arial, Tahoma, sans-serif; }
legend, caption { display: none; }


/****************** 02/ STRUKTURA ***/
#divLayout { width: 970px; margin: 0 auto; text-align: left; }
	#divSadrzaj { margin: 0 20px; background: #fff; }
		#divZaglavlje { width: 930px; height: 118px; background: #fff url(images/zaglavlje/pozadina.gif) no-repeat; position: relative; }
		#divIntro { width: 930px; height: 85px; background: #fff url(images/intro/vilicari1.jpg) no-repeat; position: relative; }
			#bodyNaslovnica #divIntro { height: 250px; background: #fff url(images/intro/vilicari.jpg) no-repeat; }
			#bodyInterservis #divLogotipovi { width: 225px; height: 189px; background: #bcb5a8 url(images/banner/pozG.gif) no-repeat; }
			#bodyNaslovnica #divLogotipovi { width: 915px; height: 61px; position: absolute; bottom: 15px; left: 15px; }
		#divPrimarni { width: 665px; padding: 0 15px 30px; float: left; background: #fff url(images/sredina/primarniPoz.gif) repeat-x; }
		#divSekundarni { width: 225px; float: right; background: #fff url(images/sredina/sekundarniPoz.gif) repeat-x; }
		#divPodnozje { clear: both; width: 930px; height: 68px; background: #fff url(images/podnozje/pozadina.gif) no-repeat; }
			

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


/****************** 04/ NAVIGACIJA ***/
/** divZaglavlje **/
#ulNav { float: left; position: absolute; bottom: 5px; left: 0; width: 930px; height: 35px; }
	#ulNav li { display: inline; float: left; height: 35px; margin: 0 0 0 2px; }
		#ulNav li a:link, #ulNav li a:visited, #ulNav li a:hover, #ulNav li a:active { color: #fff; font-size: 1.2em; text-transform: uppercase; text-decoration: none; display: block; float: left; padding: 0 0 0 15px; background: url(images/zaglavlje/navPoz.gif) 0 -35px no-repeat; }
			#ulNav li a:hover, #ulNav li a:active, #ulNav li a.aSelektiran:link, #ulNav li a.aSelektiran:visited, #ulNav li a.aSelektiran:hover, #ulNav li a.aSelektiran:active { background-position: 0 0; color: #000; }
			
		#ulNav li a:link span, #ulNav li a:visited span, #ulNav li a:hover span, #ulNav li a:active span { height: 35px; line-height: 35px; padding: 10px 15px 10px 0; background: url(images/zaglavlje/navPozD.gif) 100% -35px no-repeat; }
			#ulNav li a:hover span, #ulNav li a:active span, #ulNav li a.aSelektiran:link span, #ulNav li a.aSelektiran:visited span, #ulNav li a.aSelektiran:hover span, #ulNav li a.aSelektiran:active span { background-position: 100% 0; }


/****************** 05/ NASLOVI ***/
h1, h2, h3, h4, h5 { font-family: "Trebuchet MS", Arial, Tahoma, Helvetica, Geneva, sans-serif; color: #294b68; font-weight: bold; margin: 1.5em 0 1em; }
	h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited { color: #294b68; }
	h1 a:hover, h1 a:active, h2 a:hover, h2 a:active, h3 a:hover, h3 a:active, h4 a:hover, h4 a:active, h5 a:hover, h5 a:active { color: #000; }
	
/*** divIntro ***/
#divIntro h1 { font-size: 2.4em; color: #294b68; font-weight: normal; position: absolute; top: 18px; left: 10px; padding: 5px; margin: 0; }
	#bodyNaslovnica #divIntro h1 { background: url(images/intro/naslovPoz.png) repeat; }
#divIntro h2 { font-size: 1.4em; color: #4b7394; font-weight: normal; position: absolute; top: 62px; left: 10px; line-height: 1.2em; width: 300px; padding: 5px; margin: 0; }

/*** divPrimarni ***/
#divPrimarni h1 { font-size: 2.4em; padding: 15px 0; color: #000; margin: 0; }
#divPrimarni h2 { font-size: 1.8em; }
#divPrimarni h3 { font-size: 1.5em; }
#divPrimarni h4 { font-size: 1.2em; }
#divPrimarni h5 { font-size: 1.1em; }

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

/*** divSekundarni ***/
#divSekundarni h2 { font-size: 2.4em; padding: 15px; color: #000; margin: 0; }
#divSekundarni .divBannerV h3, #divSekundarni .divBannerM h3 { margin: 0; padding: 0; }


/****************** 06/ STRUKTURA - UNUTARNJA ***/
/*** divZaglavlje ***/
#imgLogo { position: absolute; top: 13px; left: 14px; }
#divZaglavlje dl { color: #749ec1; font-size: 1.1em; position: absolute; top: 15px; right: 62px; text-align: right; width: 170px; line-height: 1.5em; }
	#divZaglavlje dt, #divZaglavlje dd { display: inline; }
		#divZaglavlje dt { padding-right: 1px; }
		#divZaglavlje dd { color: #9cbcd7; }
	#divZaglavlje dd a:link, #divZaglavlje dd a:visited { color: #9cbcd7; text-decoration: none; }
		#divZaglavlje dd a:hover, #divZaglavlje dd a:active { color: #fff; text-decoration: none; }

/*** divLogotipovi ***/
#bodyNaslovnica #divLogotipovi li { display: inline; float: left; width: 102px; height: 43px; margin: 9px 15px 9px 0;  }
	#bodyNaslovnica #divLogotipovi a { display: block; width: 102px; height: 43px; float: left; text-indent: -9999px; } 
		#bodyNaslovnica .logoOmg { background: url(images/banner/logoOMG.gif) no-repeat; }
		#bodyNaslovnica .logoIndosLitostroj { background: url(images/banner/logoIndos-Litostroj.gif) no-repeat; }
		#bodyNaslovnica .logoBulli { background: url(images/banner/logoBulli.gif) no-repeat; }
		#bodyNaslovnica .logoMastPumpe { background: url(images/banner/logoMast-Pumpe.gif) no-repeat; }
		#bodyNaslovnica .logoPrvaPetoletka { background: url(images/banner/logoPrva-Petoletka.gif) no-repeat; }
		#bodyNaslovnica .logoDreumex { background: url(images/banner/logoDreumex.gif) no-repeat; }

#bodyInterservis #divLogotipovi ul { height: 189px; background: url(images/banner/pozG.gif) 0 100% no-repeat; }
	#bodyInterservis #divLogotipovi li { display: inline; width: 90px; height: 43px; float: left; margin-top: 15px; }
		.liBannerL { margin: 15px 15px 0; }
		#bodyInterservis #divLogotipovi a { display: block; width: 90px; height: 43px; text-indent: -9999px; } 
			#bodyInterservis .logoOmg { background: url(images/banner/logoOMGM.gif) no-repeat; }
			#bodyInterservis .logoIndosLitostroj { background: url(images/banner/logoIndos-LitostrojM.gif) no-repeat; }
			#bodyInterservis .logoBulli { background: url(images/banner/logoBulliM.gif) no-repeat; }
			#bodyInterservis .logoMastPumpe { background: url(images/banner/logoMast-PumpeM.gif) no-repeat; }
			#bodyInterservis .logoPrvaPetoletka { background: url(images/banner/logoPrva-PetoletkaM.gif) no-repeat; }
			#bodyInterservis .logoDreumex { background: url(images/banner/logoDreumexM.gif) no-repeat; }


/*** divSadrzaj ***/
.imgLijevo { border: 2px solid #fbeda7; float: left; margin: 15px 15px 15px 0; }
.imgDesno { border: 2px solid #fbeda7; float: right; margin: 15px 0 15px 15px; }
.imgSredina { border: 2px solid #fbeda7; display: block; margin: 15px auto; }
.imgSlika { border: 2px solid #fbeda7; margin: 5px 0; }

/*** divPrimarni ***/
#divPrimarni p, #divPrimarni ul, #divPrimarni ol, #divPrimarni dl { font-size: 1.2em; line-height: 1.5em; margin: 15px 0; }
	#divPrimarni ul li { padding-left: 15px; background: url(images/sredina/ikLi.gif) 0 6px no-repeat; }
	#divPrimarni dl dt { font-weight: bold; margin-top: 5px; }
	
	.tblTablica { font-size: 1.2em; width: 100%; line-height: 1.2em; }
		.tblTablica th { background: #447aa1; color: #fff; padding: 5px 10px; font-weight: bold; text-align: center; border-bottom: 2px solid #14486d; }
		.tblTablica td { padding: 5px 10px; text-align: left; border-bottom: 1px solid #e2e7ea; }
		.tblTablica .trTamni td { background: #f3f5f6; }
	
	p.pZahvala { font-size: 1.1em; font-weight: bold; color: green; }

	/** novost **/
	.divBoxNovost { clear: both; width: 665px; background: url(images/sredina/divNovostPoz.gif) 0 100% repeat-x; padding-bottom: 15px; margin-bottom: 15px; }
	.spanDatum { color: #f57a03; font-size: 1.1em; }
	#divPrimarni .divBoxNovost h2 { margin: 0; }
	#divPrimarni p.pOpsirnije { width: 109px; height: 19px; margin-bottom: 0; }
		#divPrimarni p.pOpsirnije a { display: block; width: 109px; height: 19px; background: url(images/sredina/btnOpsirnije.gif) no-repeat; text-indent: -9999px; }
	
	
		
	/** proizvodi i proizvodjaci **/
	.divBoxProizvodjac { border: 1px solid #eadbc4; background: #fcf5d8; padding: 3px; width: 657px; margin: 15px 0; }
		.divBoxProizvodjacSadrzaj { width: 635px; padding: 11px; background: #fff url(images/sredina/boxProizvodiPoz.gif) 0 100% repeat-x; }
			
			.divBoxProizvodjacSlika { float: left; width: 130px; }
				.divBoxProizvodjacSlika img { border: 2px solid #efeeeb; }
				
			.divBoxProizvodjac h2, .divBoxProizvodjac h3 { margin: 0 0 7px 0; font-style: italic; }
			
			.divBoxProizvodjacInfoD { float: right; width: 505px; }
			
		#divPrimarni p.pInfoProizvodi { color: #294b68; font-weight: bold; margin: 15px 0 5px; }
		#divPrimarni p.pInfoTip { color: #000; font-weight: bold; margin: 0; }
	
	.divBoxProizvod { border: 1px solid #eadbc4; background: #fcf5d8; padding: 3px; width: 657px; margin: 15px 0; }
		.divBoxProizvodSadrzaj { width: 635px; padding: 11px; background: #fff url(images/sredina/boxProizvodiPoz.gif) 0 100% repeat-x; }
			
			.divBoxProizvodSlika { float: left; width: 224px; }
			.divBoxProizvodSlika3 { float: left; width: 635px; }
				.divBoxProizvodSlika img { border: 2px solid #efeeeb; }
			
			.divBoxProizvod h3 { margin: 0 0 7px 0; font-style: italic; }
			
			.divBoxProizvodInfoD { float: right; width: 411px; }
			.divBoxProizvodInfoL { width: 635px; }
		
		#divPrimarni p.pPreuzimanje { margin-bottom: 5px; color: #294b68; font-weight: bold; }
		#divPrimarni p.pPreuzmite { width: 149px; height: 19px; margin: 0; }
			#divPrimarni p.pPreuzmite a { display: block; width: 149px; height: 19px; background: url(images/sredina/btnPreuzmite.gif) no-repeat; text-indent: -9999px; }
		
		#divPrimarni p.pNaVrh { clear: both; width: 635px; height: 1px; margin: 0; }
			#divPrimarni p.pNaVrh a { display: block; width: 7px; height: 5px; background: url(images/sredina/ikGore.gif) no-repeat; text-indent: -9999px; margin-left: 628px; }
			
	.divBoxIzvdojeno { border: 1px solid #84a4c0; background: #bcd2e5; padding: 3px; width: 657px; margin: 15px 0; }
		.divBoxIzvdojenoSadrzaj { width: 635px; padding: 11px; background: #f2f2f2; }
		
			.divBoxIzvdojenoSadrzaj h2 { margin-top: 0; }
			.divBoxIzvdojenoSadrzaj p.pIzdvojen { font-weight: bold; text-align: center; }
			
		/* dreumex */
		.spanDreumex { font-weight: bold; color: #008413; }
		.pDreumexIntro { font-weight: bold; color: #5783a8; font-style: italic; }
		.pDreumexReklama { font-weight: bold; color: #972e2e; font-style: italic; }
		
	/** kontakt **/
	.divBoxKontakt { float: right; border: 1px solid #84a4c0; background: #bcd2e5; padding: 3px; width: 327px; margin: 15px 0; }
		.divBoxKontaktSadrzaj { width: 305px; padding: 11px; background: #f2f2f2; }
		
		.divBoxKontaktSadrzaj h2 { margin-top: 0; }

	.formInput, .formTextarea, .formSelect { border: 1px solid #2d648a; padding: 4px 5px; width: 250px; background: #fff url(images/sredina/inputPoz.gif) repeat-x; font-size: 1em; }
		.formSelect { padding: 2px; }
		.formInput:focus, .formTextarea:focus, .formSelect:focus { border: 1px solid #000;  }
	.formSubmit { font-size: 1em; padding: 5px 10px; background: #1b5082; color: #fff; font-weight: bold; border: 1px solid #000; }
	
	.spanObaveznoPolje { color: red; font-weight: bold; font-size: 1.1em; }


/*** divSekundarni ***/
.divBannerV { width: 225px; height: 113px; margin-bottom: 15px; }
	.divBannerV a { display: block; width: 225px; height: 113px; text-indent: -9999px; }
.divBannerM { width: 225px; height: 103px; margin-bottom: 15px; }
	.divBannerM a { display: block; width: 225px; height: 103px; text-indent: -9999px; }
	
	#bannerOMG { background: url(images/banner/bannOMG.jpg) no-repeat; }
	#bannIndosLitostroj { background: url(images/banner/bannIndos-Litostroj.jpg) no-repeat; }
	#bannBulli { background: url(images/banner/bannBulli.jpg) no-repeat; }
	#bannMastPumpe { background: url(images/banner/bannMast-pumpe.jpg) no-repeat; }
	
/*** divPodnozje ***/
#divPodnozje p { color: #749ec1; font-size: 1.1em; text-align: center; line-height: 1.5em; color: #9cbcd7; padding-top: 1em; }
	#divPodnozje a:link, #divPodnozje a:visited { color: #9cbcd7; text-decoration: none; }
		#divPodnozje a:hover, #divPodnozje a:active { color: #fff; text-decoration: none; }