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



/****************** 01/ DOKUMENT ***/
* { margin: 0; padding: 0; }
a img, fieldset { border: 0; }
* body { font: 62.5% Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #222; text-align: center; }
	 * body.bodyNaslovnica {background: #FAFAFA url(images/pozadinaNaslovnica.gif) repeat-x; }
	 * body.bodyOrdinacija {background: #FAFAFA url(images/pozadinaOrdinacija.gif) repeat-x; }
	 * body.bodyTurizam {background: #FAFAFA url(images/pozadinaTurizam.gif) repeat-x; }
body { padding-bottom: 10px; }
table, tr, th, td { border-collapse: collapse; font-size: 1em; }
legend { display: none; }



/****************** 02/ STRUKTURA ***/
#divLayout { width: 982px; margin: 0 auto; text-align: left; }
	 #divZaglavlje { height: 254px; position: relative; }
		  .bodyNaslovnica #divZaglavlje {background: url(images/zaglavlje/pozadinaNaslovnica.gif) no-repeat; }
		  .bodyOrdinacija #divZaglavlje {background: url(images/zaglavlje/pozadinaOrdinacija.gif) no-repeat; }
		  .bodyTurizam #divZaglavlje {background: url(images/zaglavlje/pozadinaTurizam.gif) no-repeat; }
	 #divSredina { padding: 0 6px; }
		  .bodyNaslovnica #divSredina { background: url(images/sredina/pozadinaNaslovnica.gif) repeat-y; }
		  .bodyOrdinacija #divSredina { background: url(images/sredina/pozadinaTurizam.gif) repeat-y; }
		  .bodyTurizam #divSredina { background: url(images/sredina/pozadinaTurizam.gif) repeat-y; }
	 #divPodnozje { clear: both; text-align: center; background: url(images/podnozje/pozadina.gif) repeat-x; }
 


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

#divPodnozje a:link, #divPodnozje a:visited { color: #849CAC; text-decoration: none; }
#divPodnozje a:hover, #divPodnozje a:active { color: #000; text-decoration: underline; }
	 


/****************** 04/ NAVIGACIJA ***/
/** divZaglavlje **/
	 /* sekcije */
	 #ulNavSekcije { position: absolute; bottom: 179px; right: 6px; font-size: 1.2em; z-index: 2; }
		  #ulNavSekcije li { display: inline; float: left; list-style-type: none; margin-left: 1px; }
				#ulNavSekcije li a { text-align: center; display: block; color: #fff; text-decoration: none; font-weight: bold; padding: 11px 25px 9px; }
					 #liNavSekcijeTurizam a { background: url(images/zaglavlje/liNavSekcijeTurizamPoz.gif) repeat-x; }
					 #liNavSekcijeOrdinacija a { background: url(images/zaglavlje/liNavSekcijeOrdinacijaPoz.gif) repeat-x; }
					 #ulNavSekcije li a:hover, #ulNavSekcije li a:active, #ulNavSekcije li a.aSelektiran { background-position: 0 -50px; }

	 /* odabir jezika */
	 #ulJezik { list-style: none; position: absolute; top: 10px; right: 16px; width: 108px; height: 16px; } 
		  #ulJezik li, #ulJezik li a { position: absolute; width: 54px; height: 16px; } 
				#ulJezik li#liJezikHR { top: 0; right: 54px; }
				#ulJezik li#liJezikEN { top: 0; right: 0; }
					 #ulJezik ul li a { display: block; top: 0; left: 0; } 
						  #liJezikHR a { background: url(images/zaglavlje/ikHrv.gif) 0 -16px no-repeat; text-indent: -9999px; } 
						  #liJezikEN a { background: url(images/zaglavlje/ikEng.gif) 0 -16px no-repeat; text-indent: -9999px; } 
						  
						  #ulJezik li a:hover, #ulJezik li a:active, #ulJezik li a.aSelektiran { background-position: 0 0; }
						  
/** divSrePrimarniNav **/
.ulPrimarniNav { border-top: 1px solid #D8DBDE; margin: 0; padding: 20px 0; }
.ulPrimarniNavKategorije { padding: 0 0 20px; }

	 .ulPrimarniNav li { width: 210px; list-style-type: none; border-bottom: 1px solid #D8DBDE; }
	 .ulPrimarniNav li.liNaslovnica { border-top: 1px solid #D8DBDE; }
	 .ulPrimarniNav li.liKategorije { border-bottom: none; font-weight: bold; font-style: italic; }
	 .ulPrimarniNav li a:link, .ulPrimarniNav li a:visited, .ulPrimarniNav li a:hover, .ulPrimarniNav li a:active { margin-left: 1px; display: block; width: 210px; w\idth: 190px; padding: 6px 10px; font-size: 1.2em; color: #436C94; text-decoration: none; background: #ECF2F2 url(images/sredina/ik-nav.gif) 200px 50% no-repeat; }
		  .ulPrimarniNav li a:hover, .ulPrimarniNav li a:active { background-color: #fff; color: #000; }	
		  .ulPrimarniNav li a.aSelektiran:link, .ulPrimarniNav li a.aSelektiran:visited, .ulPrimarniNav li a.aSelektiran:hover, .ulPrimarniNav li a.aSelektiran:active { background-color: #fff; color: #000; font-weight: bold; }
		  
		  .ulPrimarniNav li ul { border-top: 1px solid #D8DBDE; font-weight: normal; font-style: normal; }
		  .ulPrimarniNav li ul li a { width: 210px; w\idth: 180px; padding: 6px 10px 6px 20px; }

					  
/****************** 05/ NASLOVI ***/
h1 { color: #fff; font-size: 2.2em; padding: 20px 10px 0; letter-spacing: .1em; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase; }
	 h1 span { font-size: .8em; }
h2 { color: #3F8481; font-size: 1.7em; margin: 15px 0; clear: both; }
	 #divSrePrimarniNav h2 { font-size: 1.4em; text-transform: uppercase; margin: 0; padding-bottom: 5px; text-align: center; }
h3 { color: #3F8481; font-size: 1.5em; margin: 20px 0 15px; clear: both; }
h4 { color: #3F8481; font-size: 1.4em; margin: 15px 0; clear: both; }
h5 { color: #3F8481; font-size: 1.2em; margin: 15px 0; clear: both; }
h6 { color: #3F8481; font-size: 1.1em; margin: 15px 0; clear: both; }
	#divSredina h1 a, #divSredina h2 a, #divSredina h3 a, #divSredina h4 a, #divSredina h5 a, #divSredina h6 a { text-decoration: none; }



/****************** 06/ STRUKTURA - UNUTARNJA I NAVIGACIJA ***/
/** divZaglavlje **/
#divZaglavljeSadrzaj { height: 254px; }
.imgZaglavlje1 { background: url(images/zaglavlje/dentalZaglavlje1.jpg) 6px 82px no-repeat; }
.imgZaglavlje2 { background: url(images/zaglavlje/dentalZaglavlje2.jpg) 6px 82px no-repeat; }
.imgZaglavlje3 { background: url(images/zaglavlje/dentalZaglavlje3.jpg) 6px 82px no-repeat; }
.imgZaglavlje4 { background: url(images/zaglavlje/dentalZaglavlje4.jpg) 6px 82px no-repeat; }
.imgZaglavlje5 { background: url(images/zaglavlje/dentalZaglavlje5.jpg) 6px 82px no-repeat; }
.imgZaglavlje6 { background: url(images/zaglavlje/dentalZaglavlje6.jpg) 6px 82px no-repeat; }
.imgZaglavlje7 { background: url(images/zaglavlje/dentalZaglavlje7.jpg) 6px 82px no-repeat; }
.imgZaglavlje8 { background: url(images/zaglavlje/dentalZaglavlje8.jpg) 6px 82px no-repeat; }
.imgZaglavlje9 { background: url(images/zaglavlje/dentalZaglavlje9.jpg) 6px 82px no-repeat; }
.imgZaglavlje10 { background: url(images/zaglavlje/dentalZaglavlje10.jpg) 6px 82px no-repeat; }
.imgZaglavlje11 { background: url(images/zaglavlje/dentalZaglavlje11.jpg) 6px 82px no-repeat; }
.imgZaglavlje12 { background: url(images/zaglavlje/dentalZaglavlje12.jpg) 6px 82px no-repeat; }
.imgZaglavlje13 { background: url(images/zaglavlje/dentalZaglavlje13.jpg) 6px 82px no-repeat; }
.imgZaglavlje14 { background: url(images/zaglavlje/dentalZaglavlje14.jpg) 6px 82px no-repeat; }
.imgZaglavlje15 { background: url(images/zaglavlje/dentalZaglavlje15.jpg) 6px 82px no-repeat; }
.imgZaglavlje16 { background: url(images/zaglavlje/dentalZaglavlje16.jpg) 6px 82px no-repeat; }
#divZaglavljeSadrzaj p { position: absolute; bottom: 226px; right: 14px; font-size: 1.1em; color: #849CAC; }
.imgLogo { position: absolute; top: 7px; left: 30px; }


/** divSredina **/
#divNaslov { height: 60px; background: url(images/sredina/naslovPozadina.gif) 0 100% repeat-x; position: relative; }
#divBreadcrumbs { position: absolute; top: 6px; right: 10px; font-size: 1.1em; color: #fff; }
	 #divBreadcrumbs a:link, #divBreadcrumbs a:visited { color: #fff; }
	 #divBreadcrumbs a:hover, #divBreadcrumbs a:active { color: #105C58; }
	 
#divSrePrimarniSadrzaj p, #divSrePrimarniSadrzaj ul, #divSrePrimarniSadrzaj ol, #divSrePrimarniSadrzaj dl, #divSredinaNovosti p, #divSredinaNovosti ul, #divSredinaNovosti ol, #divSredinaNovosti dl, #divSredinaSekundarni p, #divSredinaSekundarni ul, #divSredinaSekundarni ol, #divSredinaSekundarni dl  { font-size: 1.2em; line-height: 1.5em; letter-spacing: 110%; margin: 15px 0; }
	 #divSrePrimarniSadrzaj ul li, #divSredinaNovosti ul li, #divSredinaSekundarni ul li { list-style-type: none; margin-left: 10px; padding-left: 10px; background: url(images/sredina/ik-li.gif) 0 8px no-repeat; }
	 #divSrePrimarniSadrzaj ol li, #divSredinaNovosti ol li, #divSredinaSekundarni ol li { margin-left: 20px; }
	 #divSrePrimarniSadrzaj dl dt, #divSredinaNovosti dl dt, #divSredinaSekundarni dl dt { font-weight: bold; color: #666; margin: 5px 0 2px 10px; }
	 #divSrePrimarniSadrzaj dl dd, #divSredinaNovosti dl dd, #divSredinaSekundarni dl dd { margin-left: 10px; padding-left: 10px; background: url(images/sredina/ik-li.gif) 0 8px no-repeat; }

#divSrePrimarniSadrzaj .formInput { background: #fff url(images/sredina/formInputPoz.gif) repeat-x; border: 1px solid #6B90AB; width: 240px; color: #333; padding: 3px 5px; font-size: 1.1em; }
#divSrePrimarniSadrzaj .formTextarea { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; background: #fff url(images/sredina/formInputPoz.gif) repeat-x; border: 1px solid #6B90AB; width: 320px; color: #333; padding: 3px 5px; font-size: 1.1em; }
	 #divSrePrimarniSadrzaj .formInput:focus, #divSrePrimarniSadrzaj .formTextarea:focus { border: 1px solid #000; }
#divSrePrimarniSadrzaj .formButton { font-weight: bold; padding: 5px 10px; font-size: .9em; border: 3px double #6B90AB; background: #C7DDEE url(images/sredina/formButtonPoz.gif) repeat-x; }	 
	 
.imgSlikaL { float: left; border: 3px solid #CCE5E4; margin: 0 15px 15px 0; }
.imgSlikaD { float: right; border: 3px solid #CCE5E4; margin: 0 0 15px 15px; }
	 
.divSlikaL { float: left; margin: 15px 15px 15px 0; padding: 10px; background-color: #f8f8f8; }
.divSlikaD { float: right; margin: 15px 0 15px 15px;padding: 10px; background-color: #f8f8f8; }
	 .divSlikaL img, .divSlikaD img { border: 3px solid #CCE5E4; margin-bottom: 15px; }
	 #divSrePrimarniSadrzaj .divSlikaL ol, #divSrePrimarniSadrzaj .divSlikaD ol, #divSrePrimarniSadrzaj .divSlikaL p, #divSrePrimarniSadrzaj .divSlikaD p  { margin: 0; color: #777; }
	 
#divSrePrimarniSadrzaj table { width: 99%; background-color: #F3F9F9; font-size: 1.1em; margin: 15px 0; }
	 #divSrePrimarniSadrzaj table th, #divSrePrimarniSadrzaj table td { border-bottom: 1px solid #97CAC9; }
	 #divSrePrimarniSadrzaj table th { font-weight: bold; color: #fff; padding: 6px 6px 2px; text-align: center; background: #568F8E url(images/sredina/tblThPoz.gif) repeat-x; }
	 #divSrePrimarniSadrzaj table td { color: #024385; padding: 6px; text-align: right; }
	 #divSrePrimarniSadrzaj table tr.trTamni td { background-color: #E8F6F6; }
	 #divSrePrimarniSadrzaj table td.tdZemlja { text-align: left; }
	 #divSrePrimarniSadrzaj table tr.trHrvatska td { font-weight: bold; background-color: #E0EDFA; color: #286462; font-size: 1.2em; }
	 #divSrePrimarniSadrzaj table tr td.tdCijena {  background-color: #E0EDFA; }
	 #divSrePrimarniSadrzaj table tr.trHrvatska td.tdCijena { color: #009103; }
	  
	 
	 /** naslovnica **/
	 .bodyNaslovnica #divSrePrimarniSadrzaj { float: left; width: 645px; }
		  #divTurizamHR, #divTurizamEN { float: left; width: 320px; }
		  #divOrdinacijaHR, #divOrdinacijaEN { float: right; width: 320px; }
		  #divTurizamSadrzaj, #divOrdinacijaSadrzaj { padding: 0 15px; }
	 #divSredinaNovosti { float: right; width: 320px; border-top: 1px solid #D8DBDE; }
	 
		  /* banneri */
		  #divTurizamHR h2, #divOrdinacijaHR h2, #divTurizamEN h2, #divOrdinacijaEN h2 { width: 320px; height: 194px; position: relative; margin: 0; }
				 #divTurizamHR h2 a, #divOrdinacijaHR h2 a, #divTurizamEN h2 a, #divOrdinacijaEN h2 a { display: block; width: 320px; height: 194px; text-indent: -9999px; position: absolute; top: 0; left: 0; }
					 #divTurizamHR h2 a { background: url(images/sredina/bannerTurizam-hr.jpg) no-repeat; }
					 #divOrdinacijaHR h2 a { background: url(images/sredina/bannerOrdinacija-hr.jpg) no-repeat; }
					 #divTurizamEN h2 a { background: url(images/sredina/bannerTurizam-en.jpg) no-repeat; }
					 #divOrdinacijaEN h2 a { background: url(images/sredina/bannerOrdinacija-en.jpg) no-repeat; }
		  .divBannerMali { padding: 10px; }
				.divBannerMali img { margin-bottom: 15px; }
					 
		  /* novosti */
		  #divSredinaNovosti h2 { margin: 15px; color: #666; font-size: 1.4em; text-transform: uppercase; }
				#divSredinaNovosti h2 a { color: #666; text-decoration: none; }
				#divSredinaNovosti p { margin: 7px 0; }
		  .divNovost { margin: 15px; border-top: 1px solid #D8DBDE; padding-top: 15px; }				
				.divNovost h3 { font-size: 1.3em; color: #990000; margin: 0 15px 7px 0; }
					 .divNovost h3 a:link, .divNovost h3 a:visited { color: #990000; text-decoration: none; }
					 .divNovost h3 a:hover, .divNovost h3 a:active { color: #000; text-decoration: none; }
		  .spanDatum { color: #7FAAA8; font-style: italic; }	
		  
	 /** ordinacija **/
	 #divSredinaPrimarni { float: left; width: 753px; }
		  #divSrePrimarniNav { float: left; width: 212px; }
		  #divSrePrimarniSadrzaj { float: right; width: 536px; border-top: 1px solid #D8DBDE; }
				#divSrePrimarniSadrzajSadrzaj { padding: 0 15px; } 
	 #divSredinaSekundarni { float: right; width: 212px; border-top: 1px solid #D8DBDE; }
	 
	 #divSrePrimarniSadrzaj p.pSlogan { font-size: 1.8em; color: #447BAD; }
	 
	 /** kontakt **/
	 .imgKarta { border: 3px solid #CCE5E4; }
	 .divKontaktObrazacBox { border: 3px solid #CCE5E4; padding: 10px; margin: 0 0 15px; background: #EEF5FA url(images/sredina/formObrazacBoxPoz.gif) repeat-x; }
	 .spanAsterisk { font-weight: bold; color: red; font-size: 1.1em; }
	 
	 /** katalog ordinacija **/
	 .divKatalogBox { border: 1px solid #CCE5E4; width: 504px; w\idth: 484px; padding: 0 10px; margin: 0 0 15px; background: #EEF5FA url(images/sredina/formObrazacBoxPoz.gif) repeat-x; }
	 #divSrePrimarniSadrzaj .divKatalogBox h3 { font-size: 1.4em; }
	 #divSrePrimarniSadrzaj .divKatalogBox p, #divSrePrimarniSadrzaj .divKatalogBox dl { font-size: 1.1em; }
		  #divSrePrimarniSadrzaj .divKatalogBox p.pOpsirnije { margin: -10px 0 10px; text-align: right; font-weight: bold; clear: both; }
	 #divSrePrimarniSadrzaj .divKatalogBox .imgSlikaL { float: left; border: 3px solid #CCE5E4; margin: 0 15px 0 0; }

	 
	 /** divSreSekundarni **/
	 #divSredinaSekundarniKontakt { margin: 10px; border: 3px solid #8FC0ED; padding: 0 10px; background: #78A6D0 url(images/sredina/boxKontaktPoz.gif) repeat-x; color: #fff; }
		  #divSredinaSekundarniKontakt h2 { border-bottom: 2px solid #8FC0ED; }
		  #divSredinaSekundarniKontakt a { color: #fff; }
		  #divSredinaSekundarniKontakt dl dt { color: #fff; }
		  #divSredinaSekundarniKontakt dl dd { background: url(images/sredina/ik-liBijeli.gif) 0 8px no-repeat; }

/** divPodnozje **/
#divPodnozjeSadrzaj { width: 982px; margin: 0 auto; border-bottom: 1px solid #ececec; position: relative; }
	 .bodyNaslovnica #divPodnozjeSadrzaj { background: url(images/podnozje/pozadinaSadrzajNaslovnica.gif) no-repeat; }
	 .bodyOrdinacija #divPodnozjeSadrzaj { background: url(images/podnozje/pozadinaSadrzajOrdinacija.gif) no-repeat; }
	 .bodyTurizam #divPodnozjeSadrzaj {background: url(images/podnozje/pozadinaSadrzajTurizam.gif) no-repeat; }
#divPodnozjeSadrzaj p { padding: 25px 10px 15px; font-size: 1.1em; color: #849CAC; }
#divPodnozjeSadrzaj ul { list-style: none; position: absolute; top: 29px; right: 20px; width: 40px; height: 12px; } 
	 #divPodnozjeSadrzaj ul li, #divPodnozjeSadrzaj ul li a { position: absolute; width: 20px; height: 12px; } 
		  #divPodnozjeSadrzaj li#liIkonaNaslovnica { top: 0; right: 20px; }
		  #divPodnozjeSadrzaj li#liIkonaKontakt { top: 0; right: 0; }
				#divPodnozjeSadrzaj ul li a { display: block; top: 0; left: 0; } 
					 #divPodnozjeSadrzaj li#liIkonaNaslovnica a { background: url(images/podnozje/ikNaslovnica.gif) no-repeat; text-indent: -9999px; } 
					 #divPodnozjeSadrzaj li#liIkonaKontakt a { background: url(images/podnozje/ikKontakt.gif) no-repeat; text-indent: -9999px; } 
					 
					 
					 
					 
					 
/****************** 07/ LIGHTBOX ***/
#lightbox{position:absolute;top:40px;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#prevLink,#nextLink{width:49%;height:100%;background:transparent url(images/lightbox/blank.gif) no-repeat;display:block;}
#prevLink{left:0;float:left;}
#nextLink{right:0;float:right;}
#prevLink:hover,#prevLink:visited:hover{background:url(images/lightbox/prev.gif) left 15% no-repeat;}
#nextLink:hover,#nextLink:visited:hover{background:url(images/lightbox/next.gif) right 15% no-repeat;}
#imageDataContainer{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;margin:0 auto;}
#imageData{padding:0 10px;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1em;}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em;}
.bodyOrdinacija #overlay { background-color:#1E628C; }
.bodyTurizam #overlay { background-color:#8E1515; }
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;filter:alpha(opacity=60);-moz-opacity:0.6px;opacity:0.6px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html>body .clearfix{display:inline-block;width:100%;}
* html .clearfix{height:1%;}