/****************** 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: #F8F8F8 url(../images/pozadina.gif) repeat-x; }
body { padding-bottom: 30px; }
table, tr, th, td { border-collapse: collapse; font-size: 1em; }
legend { display: none; }
fieldset { border: 0; }



/****************** 02/ STRUKTURA ***/
#divLayout { width: 980px; margin: 0 auto; text-align: left; }
	 #divZaglavlje { height: 134px; 
/*background: url(../images/zaglavlje/pozadina.jpg) 0 36px no-repeat;*/ position: relative; }

#divBanner1 {
	padding-top: 36px;
}

	 #divSredina { background: #fff; padding: 1px; }
		  #divSredinaKorisnik { padding: 6px; background: #114C88 url(../images/sredina/divSredinaKorisnikPoz.gif) 0 100% repeat-x; position: relative; }
		  /*#divSredinaBanner { background: #C3E7F3 url(../images/sredina/divSredinaBannerPoz.gif) 0 100% repeat-x; text-align: center; }*/

#divSredinaBanner { text-align: center; }


		  .divSredinaSekundarni { width: 210px; }
		  .divSredinaPrimarni {  }
				.divSredinaPrimarniSadrzaj {  }
		  #divSredinaNaVrh { display: block; clear: both; text-align: right; }
	 #divPodnozje { background: #fff url(../images/podnozje/divPodnozjePoz.gif) 1px 0 no-repeat; padding: 6px 1px 0 1px; }
		  #divPodnozjeBanner { background: #C3E7F3 url(../images/sredina/divSredinaBannerPoz.gif) 0 100% repeat-x; text-align: center; }
		  #divPodnozjeNapomena { text-align: center; font-weight: bold; color: #990000; background-color: #EBF0F3; padding: 5px 10px; }
		  #divPodnozjeMeta { text-align: center; padding: 4px; background-color: #f6f6f6; color: #999; }
		  
		  
	 
/****************** 03/ LINKOVI - GENERALNO ***/
a:link, a:visited { color: #00669B; text-decoration: underline; }
a:hover, a:active { color: #E86500; text-decoration: underline; }



/****************** 04/ NAVIGACIJA ***/
/** divZaglavlje **/
#ulNavZaglavlje { position: absolute; bottom: 104px; left: 2px; font-size: 1.2em; z-index: 2; }
	 #ulNavZaglavlje li { display: inline; float: left; list-style-type: none; margin-right: 1px; width: 121px; }
	 #ulNavZaglavlje li a { text-align: center; display: block; color: #fff; background: url(../images/zaglavlje/ulNavZaglavljeLiPoz.gif) 0 -100px repeat-x; text-decoration: none; font-weight: bold; padding: 5px 0; width: 121px; }
		  #ulNavZaglavlje li a:hover, #ulNavZaglavlje li a:active, #ulNavZaglavlje li a.aSelektiran { background-position: 0 0; color: #003366; }

/** divSredinaSekundarni **/
#ulNavKategorije { width: 206px; margin: 0; padding: 10px 0; }
	 #ulNavKategorije li { width: 206px; list-style-type: none; }
	 #ulNavKategorije li a { display: block; width: 206px; w\idth: 172px; padding: 4px 10px 5px 24px; font-weight: bold; font-size: 1.2em; color: #083C75; text-decoration: none; background: url(../images/sredina/ulNavKategorijeLiPoz.gif) 7px 50% no-repeat; border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #990000; }
		  #ulNavKategorije li a:hover, #ulNavKategorije li a:active { background-color: #f8f8f8; color: #000; }	
		  #ulNavKategorije li a.aSelektiran:link, #ulNavKategorije li a.aSelektiran:visited, #ulNavKategorije li a.aSelektiran:hover, #ulNavKategorije li a.aSelektiran:active { background-color: #fff; color: #000; font-weight: bold; }
				#ulNavKategorije li ul li a { font-weight: normal; background: none; width: 206px; w\idth: 166px; padding: 4px 10px 5px 30px; }
		  

/** divPodnozje **/
#divNavPodnozje { font-size: 1.2em; color: #fff; background: #114C88 url(../images/sredina/divSredinaKorisnikPoz.gif) 0 100% repeat-x; text-align: center; padding: 7px 10px; }
	 #divNavPodnozje p { display: inline; }
		  #divNavPodnozje p a { color: #fff; text-decoration: none; font-weight: bold; padding: 0 10px; }
				#divNavPodnozje a:hover, #divNavPodnozje a:active, #divNavPodnozje a.aSelektiran { color: #F2FF1C; }


/****************** 05/ NASLOVI ***/
/** divSredinaPrimarniSadrzaj **/
.divSredinaPrimarniSadrzaj h1 { color: #fff; font-size: 1.3em; padding: 1px; background: #6392C6 url(../images/sredina/h1Poz.gif) 0 100% repeat-x; }
	 .divSredinaPrimarniSadrzaj h1 span { display: block; border: 1px solid #7AA1CC; padding: 3px 8px; }
.divSredinaPrimarniSadrzaj h2 { color: #fff; font-size: 1.3em; padding: 1px; background: #6392C6 url(../images/sredina/h1Poz.gif) 0 100% repeat-x; }
	 .divSredinaPrimarniSadrzaj h2 span { display: block; border: 1px solid #7AA1CC; padding: 3px 8px; }

.divSredinaPrimarniSadrzaj h3 { color: #083C75; font-size: 1.7em; margin: 15px 0; }
.divSredinaPrimarniSadrzaj h4 { color: #083C75; font-size: 1.5em; margin: 15px 0; }
.divSredinaPrimarniSadrzaj h5 { color: #E86500; font-size: 1.3em; margin: 15px 0; }


/** divSredinaSekundarni, divSredinaSekundarni **/
.divSredinaSekundarni h2 { color: #fff; font-size: 1.3em; padding: 1px; background: #104C89 url(../images/sredina/h2Poz.gif) 0 100% repeat-x; }
	 .divSredinaSekundarni h2 span { display: block; border: 1px solid #3F6D9E; padding: 3px 8px; }
		  .divSredinaSekundarni h2 span.spanKategorije { background: url(../images/sredina/h2IkKategorije.gif) 98% 50% no-repeat; }
		  .divSredinaSekundarni h2 span.spanAkcija { background: url(../images/sredina/h2IkAkcija.gif) 98% 50% no-repeat; }
		  .divSredinaSekundarni h2 span.spanCjenik { background: url(../images/sredina/h2IkCjenik.gif) 98% 50% no-repeat; }

.divSredinaSekundarni h2.h2MailingLista { background: #A61212 url(../images/sredina/h2MailingListaPoz.gif) 0 100% repeat-x; }
	 .divSredinaSekundarni h2.h2MailingLista span { border: 1px solid #B73C3E; }
		  .divSredinaSekundarni h2.h2MailingLista span { background: url(../images/sredina/h2IkMailingLista.gif) 98% 50% no-repeat; }



/****************** 06/ STRUKTURA ***/

/** divZaglavlje **/
#imgLogo { position: absolute; top: 60px; left: 20px; }
.pKorisnikLogiran { color: #fff; font-size: 1.1em; display: inline; padding-right: 10px; }

/** divSredina **/
#divSredina .divBoxNarancasti { background: #F8EFE8; padding: 1px; margin-bottom: 10px; }
#divSredina .divBoxTSivi { background: #E8E8E8; padding: 1px; margin-bottom: 10px; }
#divSredina .divBoxSSivi { background: #F2F2F2; padding: 1px; margin-bottom: 10px; }
#divSredina .divBoxSPlavi { background: #EBF0F3; padding: 1px; margin-bottom: 10px; }
#divSredina .divBoxTPlavi { background: #0F3969 url(../images/sredina/divBoxKosaricaPoz.gif) 0 50% repeat-x; padding: 1px; margin-bottom: 10px; }
	 #divSredina .divBoxSadrzaj { border: 1px solid #f6f6f6; }

.imgLijevo { float: left; border: 2px solid #CDD5D7; margin: 3px 10px 10px 0; }
.imgDesno { float: right; border: 2px solid #CDD5D7; margin: 3px 0 10px 10px; }
	 
	 /** divSredinaKorisnik **/
	 #divSredinaKorisnik .formInput { font-size: 1.1em; background: #F7F7F7 url(../images/zaglavlje/formInputPoz.gif) repeat-x; border: 1px solid #3C94EE; padding: 0 5px; height: 18px; line-height: 18px; width: 180px; margin-right: 5px; }
		  #divSredinaKorisnik .formInput:focus { border: 1px solid #E86500; }
	 #divSredinaKorisnikUpit img { vertical-align: top; }
	 #divSredinaKorisnikAkcije { position: absolute; right: 6px; top: 6px; }
		  #divSredinaKorisnikAkcije img { margin-left: 5px; }
		  
	 /** divSredinaBanner **/
	 #divSredinaBanner img { margin: 10px; }
	 
	 /** divSredinaSekundarni **/
	 .divSredinaSekundarni p  { font-size: 1.1em; margin: 7px 0; }
	 .divSredinaSekundarni dl { font-size: 1.1em; }
		  .divSredinaSekundarni dl dt { font-weight: bold; margin: 7px 0 2px; }
	 
		  /* box - opceniti */
		  .divSredinaSekundarni .divBoxRandom .divBoxSadrzaj { padding: 8px; }
				.divSredinaSekundarni .divBoxRandom .divBoxSadrzaj img { padding: 10px; }
		  
		  /* newsletter */
		  .divSredinaSekundarni .divBoxMailingLista .divBoxSadrzaj { padding: 10px; }
		  .divSredinaSekundarni .divBoxMailingLista .formInput { font-size: 1.1em; background: #F7F7F7 url(../images/zaglavlje/formInputPoz.gif) repeat-x; border: 1px solid #006699; padding: 3px 5px; width: 160px; }
				.divSredinaSekundarni .divBoxMailingLista .formInput:focus { border: 1px solid #E86500; }
		  .divSredinaSekundarni .divB?xMailingLista .formButton { font-size: 1.1em; font-weight: bold; background: #F7F7F7 url(../images/zaglavlje/formInputPoz.gif) repeat-x; border: 3px double #006699; padding: 3px 5px; }
		  
		  /* banneri */
		  .divSredinaSekundarni .divBoxBanneri .divBoxSadrzaj { text-align: center; padding: 5px 0; }
				.divSredinaSekundarni .divBoxBanneri .divBoxSadrzaj img { padding: 10px; }
	 
		  /* kosarica */
		  .divSredinaSekundarni .divBoxKosarica .divBoxSadrzaj { border: 1px solid #3E5F82; padding: 5px 10px; }
		  .divSredinaSekundarni .divBoxKosarica h2 { background: url(../images/sredina/ikKosarica.gif) 0 50% no-repeat; padding: 5px 0 5px 20px; }
		  .divSredinaSekundarni .divBoxKosarica a { color: #fff; text-decoration: none; }
				.divSredinaSekundarni .divBoxKosarica table { font-size: 1.1em; color: #fff; width: 186px; } 
				.divSredinaSekundarni .divBoxKosarica th { width: 60%; text-align: left; font-weight: normal; padding: 4px 0; } 
				.divSredinaSekundarni .divBoxKosarica td { width: 40%; text-align: right; font-weight: bold; padding: 4px 0; } 
	 	 
	 	  /* akcija */
	 	  .divBoxAkcija { background: url(../images/sredina/divBoxAkcijaPoz.gif) 0 100% no-repeat; padding: 10px; width: 206px; w\idth: 186px; }
		  .divBoxAkcija a:link, .divBoxAkcija a:visited { color: #E86500; }
		  .divBoxAkcija a:hover, .divBoxAkcija a:active { color: #00669B; }
				
				.divSredinaSekundarni .divBoxAkcija h3, .divSredinaSekundarni .divBoxAkcija h3 a { color: #083C75; font-size: 1.2em; text-decoration: none; }
					 .divSredinaSekundarni .divBoxAkcija h3 a { display: block; background: url(../images/sredina/h3IkAkcija.gif) no-repeat; padding-left: 20px; }
				.divBoxAkcija img { float: right; border: 2px solid #7FAEDC; margin: 10px 0 10px 10px; }
				.divBoxAkcija .aOpsirnije { font-weight: bold; }
				.divBoxAkcija .divBoxAkcijaMeta { clear: both; }
				.divSredinaSekundarni .divBoxAkcija p.pAkcijaCijena { font-weight: bold; margin: -7px 0 7px; color: #083C75; font-size: 1.3em; }
			
			/* cjenik */
		  .divSredinaSekundarni .divBoxCjenik .divBoxSadrzaj { padding: 5px 10px; }	
	 	 
	 /** divSredinaPrimarniSadrzaj **/
	.divSredinaPrimarniSadrzaj p, .divSredinaPrimarniSadrzaj ul, .divSredinaPrimarniSadrzaj ol, .divSredinaPrimarniSadrzaj dl  { font-size: 1.2em; line-height: 1.3em; margin: 15px 0; }
	.divSredinaPrimarniSadrzaj .formInput, .divSredinaPrimarniSadrzaj .formTextarea, .divSredinaPrimarniSadrzaj .formSelect { background: #F7F7F7 url(../images/zaglavlje/formInputPoz.gif) repeat-x; border: 1px solid #3C94EE; padding: 2px 10px; width: 300px; }
	      .divSredinaPrimarniSadrzaj .formSelect { padding: 0; }
		  .divSredinaPrimarniSadrzaj .formInput:focus, .divSredinaPrimarniSadrzaj .formTextarea:focus { border: 1px solid #E86500; }
	
	.divSredinaPrimarniSadrzaj table.tblTablica { width: 100%; font-size: 1.1em; margin: 15px 0; }
		.divSredinaPrimarniSadrzaj table.tblTablica th { padding: 8px 5px 4px; color: #fff; background: #4678ae url(../images/sredina/thPoz.gif) repeat-x; border-bottom: 1px solid #85a4bc; text-align: center; }
			.divSredinaPrimarniSadrzaj table.tblTablica th a { color: #fff; }
		.divSredinaPrimarniSadrzaj table.tblTablica td { padding: 5px; border-bottom: 1px solid #bed1e0; }
			.divSredinaPrimarniSadrzaj table.tblTablica tr.trTamni td { background-color: #cedeeb; }
			
				.divSredinaPrimarniSadrzaj table.tblTablica table { font-size: 1em; margin: 0; }
					.divSredinaPrimarniSadrzaj table.tblTablica td table td { border-bottom: none; padding: 0; }
	 
		  /* box - opceniti */
		  #divSredina .divSredinaPrimarniSadrzaj .divBoxSSivi, #divSredina .divSredinaPrimarniSadrzaj .divBoxRandom  { background: #fff; border: none; }
			#divSredina .divSredinaPrimarniSadrzaj .divBoxRandom .divBoxSadrzaj { padding: 0; background-color: #fff; border: none; }
				.divSredinaPrimarniSadrzaj .divBoxRandom .divBoxSadrzaj img { padding: 0; }
		  
		  /* naslovnica */
		  .divBoxNovost { border-bottom: 3px solid #CEECF6; }
				.divSredinaPrimarniSadrzaj .divBoxNovostNaslov h2 { ma?gin: 15px 0 0; }
				.divSredinaPrimarniSadrzaj .divBoxNovostNaslov h3 { color: #E86500; font-size: 1.3em; margin: 3px 0 15px; }
				.divBoxNovost .divNaVrh { display: block; clear: both; text-align: center; margin-top: -15px; }
					 .divBoxNovost .divNaVrh a { background: url(../images/sredina/ikNaVrh.gif) 99% 50% no-repeat; display: block; width: 15px; height: 10px; margin: 0 auto; text-decoration: none; text-indent: -9999px; }
		  
		  .divBoxNovostiNavigacija { padding: 15px 0 0; text-align: center; }
				.divSredinaPrimarniSadrzaj .divBoxNovostiNavigacija p { display: inline; }
					 .divBoxNovostiNavigacija a { font-weight: bold; }
	
					 .divBoxNovostiNavigacija a:link, .divBoxNovostiNavigacija a:visited { color: #083C75; text-decoration: none;}
					 .divBoxNovostiNavigacija a:hover, .divBoxNovostiNavigacija a:active { color: #00669B; text-decoration: none; }
					 
					 .divBoxNovostiNavigacija a#aPocetna { background: url(../images/sredina/ikPocetna.gif) 10% 50% no-repeat; padding: 5px 10px 5px 25px; }
					 .divBoxNovostiNavigacija a#aPrethodna { background: url(../images/sredina/ikPrethodna.gif) 15% 50% no-repeat; padding: 5px 10px 5px 25px; border-right: 1px solid #FE8019; }
					 .divBoxNovostiNavigacija a#aSljedeca { background: url(../images/sredina/ikSljedeca.gif) 85% 50% no-repeat; padding: 5px 25px 5px 10px; }
					 .divBoxNovostiNavigacija a#aPosljednja { background: url(../images/sredina/ikPosljednja.gif) 90% 50% no-repeat; padding: 5px 25px 5px 10px; }
		
			/* kategorije - lista proizvoda */
			.listname { font-weight: bold; font-size: 1.1em; display: block; margin-bottom: 5px; }
			a.listname:link, a.listname:visited { color: #E86500; }
			a.listname:hover, a.listname:active { color: #00669B; }
			
			.aKategorije { font-weight: bold; padding-left: 24px; font-size: 1.1em; }
			
			.aOpsirnije { display: block; padding-top: 2px; }
			.strongCijena { color: #003b59; }
			
			.messages { color: #003b59; font-weight: bold; font-size: 1.1em; }
			.itemname { color: #E86500; font-weight: bold; font-size: 1.4em; }
			.price { color: #00669B; font-weight: bold; font-size: 1.5em; }
			
			.butttxt { font-weight: bold; font-size: 1.1em; padding: 4px; }
			a.butttxt:link, a.butttxt:visited { color: #00669B; text-decoration: underline; }
			a.butttxt:hover, a.butttxt:active { color: #E86500; text-decoration: underline; }
			
			    td a.butttxt:link, td a.butttxt:visited, .messages a.butttxt:link, .messages a.butttxt:visited { color: #00669B; text-decoration: underline; }
			    td a.butttxt:hover, td a.butttxt:active, .messages a.butttxt:hover, .messages a.butttxt:active { color: #E86500; text-decoration: underline; }
			    
			    td font a.butttxt:link, td font a.butttxt:visited { color: #fff; text-decoration: none; background-color: #00669B; }
			    td font a.butttxt:hover, td font a.butttxt:active { color: yellow; text-decoration: none; background-color: #00669B; }
						
			
			.formheadings { font-weight: bold; font-size: 1.1em; }
			.subcats { font-weight: bold; font-size: 1.1em; display: block; }
			.subcatsTablica { font-weight: bold; font-size: 1.1em; }
			
			/* kontakt */
			.divSredinaPrimarniSadrzaj table.tblFormular { width: 100%; font-size: 1.1em; }
				.divSredinaPrimarniSadrzaj table.tblFormular th { padding: 2px; font-weight: bold; border-bottom: 1px solid #f8f8f8; text-align: right; }
				.divSredinaPrimarniSadrzaj table.tblFormular td { padding: 2px; border-bottom: 1px solid #f2f3f5; background-color: #f6f7fb; }
					.divSredinaPrimarniSadrzaj table.tblFormular tr.trTamni td { background-color: #cedeeb; }
					.divSredinaPrimarniSadrzaj table.tblFormular td table td { padding: 0; border: none; }
					
					.divSredinaPrimarniSadrzaj table.tblFormular table.tblFormular { font-size: 1em; }
					
			.errors { color: Red; font-weight: bold; font-size: 1.2em; }


	 /** divNaVrh **/
	 #divSredinaNaVrh a { background: url(../images/sredina/ikNaVrh.gif) 100% 50% no-repeat; display: block; text-decoration: none; padding-right: 10p?; }
		  
	 
	 /** divPodnozje **/
	 #divPodnozje p, #divPodnozje ul, #divPodnozje ol, #divPodnozje dl  { font-size: 1.1em; margin: 5px 0; }
	 
		  /** divPodnozjeBanner */
		  #divPodnozjeBanner img { margin: 10px; }