/****************** 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% "Trebuchet MS", Arial, Tahoma, Geneva, Helvetica, sans-serif; background: #6b6b6b; line-height: 1; text-align: center; padding-bottom: 30px; }
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; }
input, textarea { font-family: "Trebuchet MS", Arial, Tahoma, Geneva, Helvetica, sans-serif; }
legend { display: none; }
/****************** 02/ STRUKTURA ***/
#divLayout { position: relative; width: 822px; margin: 30px auto 0 auto; text-align: left; background: url(images/pozadina.gif) repeat-y; }
#divZaglavlje { height: 126px; position: relative; background: url(images/zaglavlje/pozadina.gif) no-repeat; }
#divNavigacija { height: 48px; background: url(images/sredina/pozadina.gif) repeat-y; position: relative; z-index: 9; }
#divSadrzaj { width: 800px; margin: 0 11px; background-color: #fff; }
#divSadrzajPrimarni { width: 410px; padding: 20px 40px; }
#divPodnozje { height: 58px; background: url(images/podnozje/pozadina.gif) 0 100% no-repeat; position: relative; }
/* naslovnica */
#bodyNaslovnica #divLayout { height: 634px; }
#bodyNaslovnica #divZaglavlje { height: 488px; }
#bodyNaslovnica #divNavigacija { height: 98px; background: url(images/pozadina.gif) 0 100% no-repeat; }
#bodyNaslovnica #divPodnozje { height: 48px; }
/* portfolio */
#bodyPortfolio #divSadrzajPrimarni { width: 760px; padding: 20px 0 0 40px; }
/****************** 03/ LINKOVI - GENERALNO ***/
a:link, a:visited { color: #000; text-decoration: underline; }
a:hover, a:active { color: #c5c0b2; text-decoration: underline; }
/****************** 04/ NAVIGACIJA ***/
/** divZaglavlje **/
#ulNavGlavna { font-size: 1.3em; float: left; position: absolute; bottom: 10px; left: 40px; z-index: 10; }
#ulNavGlavna li { display: inline; float: left; text-transform: lowercase; }
#ulNavGlavna li a:link, #ulNavGlavna li a:visited, #ulNavGlavna li a:hover, #ulNavGlavna li a:active { display: block; text-decoration: none; padding: 6px 12px 0; background: url(images/navigacija/ikLiAPoz.gif) 100% 100% no-repeat; }
#ulNavGlavna li a.aSelektiran:link, #ulNavGlavna li a.aSelektiran:visited, #ulNavGlavna li a.aSelektiran:hover, #ulNavGlavna li a.aSelektiran:active { color: #c5c0b2; }
#ulNavGlavna li a#aNavGlavnaContact { background: none; }
/* 2. razina */
#ulNavGlavna li ul { display: none; position: absolute; top: 17px; width: 102px; padding-top: 10px; border-bottom: 1px solid #000; z-index: 20; float: left; }
#ulNavGlavna li#liNavGlavnaProfile ul { left: 2px; }
#ulNavGlavna li#liNavGlavnaPortfolio ul { left: 63px; }
#ulNavGlavna li ul li { width: 102px; z-index: 30; background: #fff; }
#ulNavGlavna li ul li a:link, #ulNavGlavna li ul li a:visited, #ulNavGlavna li ul li a:hover, #ulNavGlavna li ul li a:active { background: #fff url(images/navigacija/ulNavLiUlPoz1.gif) 0 100% no-repeat; padding: 4px 10px; border-top: 1px solid #000; }
#ulNavGlavna li ul li a:hover, #ulNavGlavna li ul li a:active { background: #cbc4af url(images/navigacija/ulNavLiUlPoz1.gif) 0 100% no-repeat; color: #000; }
/* naslovnica */
#bodyNaslovnica #ulNavGlavna { bottom: 46px; left: 195px; }
#bodyNaslovnica #ulNavGlavna li a:link, #bodyNaslovnica #ulNavGlavna li a:visited, #bodyNaslovnica #ulNavGlavna li a:hover, #bodyNaslovnica #ulNavGlavna li a:active { color: #000; }
#bodyNaslovnica #ulNavGlavna li a.aSelektiran:link, #bodyNaslovnica #ulNavGlavna li a.aSelektiran:visited, #bodyNaslovnica #ulNavGlavna li a.aSelektiran:hover, #bodyNaslovnica #ulNavGlavna li a.aSelektiran:active { color: #000; }
/* 2. razina */
#bodyNaslovnica #ulNavGlavna li ul { top: auto; bottom: 10px; padding-top: 0; padding-bottom: 10px; border-top: 1px solid #000; border-bottom: none; }
#bodyNaslovnica #ulNavGlavna li ul li a:link, #bodyNaslovnica #ulNavGlavna li ul li a:visited, #bodyNaslovnica #ulNavGlavna li ul li a:hover, #bodyNaslovnica #ulNavGlavna li ul li a:active { background: #fff url(images/navigacija/ulNavLiUlPoz.gif) no-repeat; border-bottom: 1px solid #000; border-top: none; }
#bodyNaslovnica #ulNavGlavna li ul li a:hover, #bodyNaslovnica #ulNavGlavna li ul li a:active { background: #cbc4af url(images/navigacija/ulNavLiUlPoz.gif) no-repeat; }
ul#ulNavGlavna li:hover ul, ul#ulNavGlavna li.aHover ul { display: inline; }
/****************** 05/ NASLOVI ***/
/** divSadrzaj **/
h1, h2, h3, h4, h5, h6 { color: #000; margin: 15px 0; font-weight: normal; text-transform: lowercase; }
#divSadrzaj h1 { font-size: 3.8em; margin: 0 0 25px -2px; }
#divSadrzaj h2 { font-size: 3em; margin: 25px 0 15px; }
#divSadrzaj h3 { font-size: 2.4em; }
#divSadrzaj .divBoxNovosti h3 { margin: 5px 0 15px; }
#divSadrzaj h4 { font-size: 1.8em; }
#divSadrzaj h5 { font-size: 1.4em; }
#divSadrzaj h6 { font-size: 1.2em; }
/****************** 06/ STRUKTURA - UNUTARNJA ***/
/*** divZaglavlje ***/
.imgLogo { position: absolute; top: 50px; left: 51px; }
/* naslovnica */
#divZaglavljeAnimacija { position: absolute; top: 270px; left: 11px; width: 800px; height: 60px; }
#bodyNaslovnica .imgLogo { top: 0; left: 250px; }
/** divSadrzaj **/
#divSadrzaj p, #divSadrzaj ul, #divSadrzaj ol { font-size: 1.2em; line-height: 1.5em; margin: 15px 0; }
#divSadrzaj ul li, #divSadrzaj ol li { list-style-type: none; }
#divSadrzaj table.tblFormular { border-top: 1px solid #aaa; border-bottom: 1px solid #ddd; width: 700px; margin: 15px 0; }
#divSadrzaj table.tblFormular th { vertical-align: middle; font-size: 1.2em; font-weight: bold; color: #000; text-align: left; padding: 4px 5px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
#divSadrzaj table.tblFormular td { vertical-align: middle; font-size: 1.1em; padding: 5px; text-align: left; border-top: 1px solid #aaa; border-bottom: 1px solid #ddd; }
#divSadrzaj table.tblFormular tr.trTamni td { background-color: #eee; }
#divSadrzaj table.tblFormular th.thCentar, #divSadrzaj table.tblFormular td.tdCentar { text-align: center; }
#divSadrzaj table.tblFormular td.tdDesno { text-align: right; }
#divSadrzaj ul.ulLista li { list-style-type: disc; margin-left: 20px; }
/* novosti */
.divBoxNovosti { padding-top: 20px; border-bottom: 1px solid #ddd; }
.divButtoni { padding-top: 20px; text-align: center; }
#divSadrzaj table.slika-s-opisom { border: none; width: auto; padding: 5px; font-size: 1.1em; }
#divSadrzaj table.slika-s-opisom td { padding: 3px; border: none; background: none; text-align: center; font-style: italic; color: #444; }
#divSadrzaj table.slika-s-opisom td img { padding: 5px; }
/* portfolio */
.divPortfolioM { float: left; width: 140px; height: 185px; /*padding: 0 40px 25px 0;*/ }
.divPortfolioM img { border: 1px solid #858585; }
#divSadrzaj .divPortfolioM ul { font-size: 1em; line-height: 1.3em; margin: 0; padding: 5px 0 15px; }
#divSadrzaj .divPortfolioV ul { margin: 0; padding: 15px 0; }
.ulPodaciFilm { width: 400px; }
.ulPodaciFilm li { clear: left; }
.ulPodaciFilm span { display: block; float: left; width: 100px; }
.ulPodaciFilm strong { width: 300px; float: left; }
/* locations */
.imgGalerija { border: 1px solid #858585; float: left; margin: 10px 10px 10px 0; }
.imgKarta { border: 1px solid #858585; margin: 10px 0; }
/* Down/Up */
.tblLogiranje td { font-size: 1.1em; padding: 3px; }
.formInput { border: 1px solid #858585; font-size: 1.1em; padding: 1px 3px; width: 200px; }
.formInput:focus { border: 1px solid #222; }
/** divPodnozje **/
#divPodnozje p.pParabureau { width: 116px; height: 13px; position: absolute; bottom: 0; right: 170px; }
#divPodnozje p.pParabureau a { display: block; width: 116px; height: 13px; position: absolute; top: 0; left: 0; background: url(images/podnozje/parabureau.gif) no-repeat; text-indent: -9999px; }
#divPodnozje p.pTrinet { width: 122px; height: 15px; position: absolute; bottom: -1px; right: 30px; }
#divPodnozje p.pTrinet a { display: block; width: 122px; height: 15px; position: absolute; top: 0; left: 0; background: url(images/podnozje/trinet.gif) no-repeat; text-indent: -9999px; }