/* GENERAL */
html { overflow-y: scroll;  }
html, body { height: 100%; width: 100%; margin: 0; padding: 0; }
body { background: white; }
body,td,p,a,ul,ol,li,h1,h2,h3,h4,h5,h6,form,textarea,select { font-size: 13px; font-family: Arial,Verdana,Arial,Helvetica; color:#0f0f0f; margin:0px;  }
body.mainBody { padding: 0; margin: 0; background: white; }
/*
body.withSlybar { padding: 0; margin: 0 28px; }*/

P { margin-bottom: 0px; line-height: 18px; }
IMG { border: none; }

/* TEXT */
ul, li { margin: 5px 0px 5px 7px; padding: 0; list-style-position: outside; }
ol { margin: 5px 0px 5px 15px; padding: 0; list-style-position: inside; }
li { padding: 3px 0px 3px 0px; /*list-style-image: url(../../site/seku_nb.gif);*/ }

A, td a, A:hover { color: #0b5e94; text-decoration: underline; }
a:hover { text-decoration: none; }

/* HEADING */
h1,.heading1,h2,.heading2,h3,.heading3,h4,.heading4,h5,.heading5,h6,.heading6 { color: #434343; }
h1, h1 a, h1 a:hover { color: #cc3433; font-size:18px; font-weight:normal; margin-bottom: 10px; }
h2, h2 a, h2 a:hover  { color: #000000; font-size:16px; font-weight:normal; margin-bottom: 10px;  }
h3, h3 a, h3 a:hover  { color: #cc3433; font-size:14px; font-weight:normal; margin-bottom: 5px;  }
h4, h4 a, h4 a:hover  { color: #595959; font-size:12px; font-weight:normal; }
h5, h5 a, h5 a:hover  { color: #595959; font-size:12px; font-weight:normal; }

#TOC-FIRST h1, #TOC-FIRST h1 a, #TOC-FIRST h1 a:hover { color: #fb0000; font-size: 12px; font-weight: bold; text-decoration: none; }

/* WEBARTS */
#FRAME {
  width: 1040px;
  margin: 0 auto;
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

#LEFT-CONTAINER { float: left; width: 836px; }
#RIGHT-CONTAINER { float: right; width: 190px; }

#VISUAL { width: 836px; height: 175px; /*background: url(../../site/visual.jpg) no-repeat;*/ position: relative; }
#LOGO { position: absolute; top: 0px; left: 0px; width: 366px; height: 175px; background: url(../../site/bg_logo.png) no-repeat; }

#PRIMARNA-CONTAINER { width: 836px; height: 26px; border-top: 1px #f1c8c8 solid; background: #cc3433; }
#GLOBAL { float: left; width: 190px; margin: 7px 0px 0px 10px; }
#SEARCH { float: left; width: 99px; height: 14px; background: url(../../site/bg_search.gif) no-repeat; }
.g { float: left; margin-left: 12px; }

#PAGE-HEADER { width: 836px; min-height: 138px; background: url(../../site/bg_pageHeader.gif) repeat-x top left; padding-top: 13px; }
#PAGE-HEADER .vnosPadLeft, #PAGE-HEADER .vnosPadRight { padding: 0px; margin: 0px; }

#CONTENT { width: 836px; }

/* CONTENT - PRVA STRAN */
#TOC-FIRST { float: left; width: 412px; background: url(../../site/bg_tocFirst.gif) repeat-y top left; }
#MAIN-FIRST { float: left; width: 200px; margin-left: 12px; background: #ebf8ff; }
#MAIN-FIRST table, #MAIN-FIRST p { padding: 0px 0px; }
#INFO { float:right; width: 200px; background: #f2f2f2; }

#TOC-FIRST .vnosPadLeftToc, #TOC-FIRST .vnosPadRightToc { padding: 0px; margin: 0px; }
#MAIN-FIRST .vnosPadLeft, #MAIN-FIRST .vnosPadRight { padding: 0px; margin: 0px; }
#INFO .vnosPadLeft, #INFO .vnosPadRight { padding: 0px; margin: 0px; }

#FIRST-TITLE { width: 190px; height: 22px; background: url(../../site/bg_firstPageTitle.gif) no-repeat; color: #7b7b7b; padding: 18px 0px 0px 10px; text-transform: uppercase; font-size: 12px; font-weight: bold; }

#TOC-FIRST hr { border-top: 1px white solid; border-bottom: 1px white solid; border-right: 1px white solid; }

/* CONTENT */
#TOC-CONTAINER { float: left; width: 200px; }
#TOC { width: 200px; }
#MAIN-CONTAINER { float: right; width: 624px; background: url(../../site/bg_main.gif) repeat-y top center; }
#MAIN-TITLE { padding: 8px 10px; }
#MAIN { padding: 0px 0px 10px 0px; }
#TOC .vnosPadLeftToc, #TOC .vnosPadRightToc { padding: 0px; margin: 0px; }

/*
#MAIN .slike { padding: 0px; }
.slike p, .slike a, a.slike, .slike a:hover { font-size: 12px; color: #727272; line-height: 13px; }*/

/* MAIN - SOLO */
#MAIN-SOLO { width: 836px; }

#FOOT { height: 25px; padding: 5px 0px 0px 2px; border-top: 1px #7d7d7d solid; }
#FOOT, #FOOT a { color: #000000; text-decoration: none; font-size: 12px; }

#RIGHT-CONTAINER p { line-height: 25px; }

/* GALERIJA SLIK */
.gallery_thumb { text-align: center; }
a.lightbox img, a.lightbox1 img, a.lightbox2 img, a.lightbox3 img, a.lightbox4 img, a.lightbox5 img, a.lightbox6 img, a.lightbox7 img, a.lightbox8 img, a.lightbox9 img { border: 1px #f2f2f2 solid; padding: 2px; margin: 5px; }

/* PRIMARNA NAVIGACIJA */
#PRIMARNA { float: right; width: 625px; margin-top: 3px; }
#PRIMARNA ul, #PRIMARNA li { list-style:none; margin:0px; padding:0px; text-align:right; }
#PRIMARNA li { float: left; margin:0px; padding:0px; }
#PRIMARNA a { 
  display: block;
  color: white;
  font-size:12px;
  padding: 2px 13px 2px 13px;
  text-decoration:none;
  text-align: center;
   }

#PRIMARNA a:hover, #PRIMARNA a.active0 { color: #cc3433; background: #e3f8ff; }

/* SEKUNDARNA NAVIGACIJA */
#PRIM-TITLE { width: 174px; height: 35px; background: url(../../site/bg_primTitle.gif) no-repeat; color: #cc3433; padding: 18px 0px 0px 26px; text-transform: uppercase; font-size: 12px; font-weight: bold; }
#SEKUNDARNA { width: 200px; background: #f2f2f2; padding-bottom: 0px; }
#SEKUNDARNA ul, #SEKUNDARNA li { list-style:none; margin:0px; padding:0px; text-align:right; }
#SEKUNDARNA li { float: left; margin:0px; padding:0px; background: #f2f2f2; border-bottom: 1px white solid; padding: 2px 0px; }
#SEKUNDARNA li.seku2.last, #SEKUNDARNA li.seku3.last, #SEKUNDARNA li.seku4.last, #SEKUNDARNA li.seku5.last { border-bottom: none; }
#SEKUNDARNA a { 
 display: block;
 color: #010101;
 font-size:12px;
 text-decoration:none;
 width: 164px;
 text-align: left;
 padding: 2px 10px 2px 26px;
  }

#SEKUNDARNA a:hover, #SEKUNDARNA a.active { color:#cc3433; background: url(../../site/seku_arrow.gif) no-repeat 10px 6px; }

#SEKUNDARNA a.seku2 { width: 148px; margin-left: 16px; }
#SEKUNDARNA a.seku3 { width: 132px; margin-left: 32px; }
#SEKUNDARNA a.seku4 { width: 116px; margin-left: 48px; }
#SEKUNDARNA a.seku5 { width: 100px; margin-left: 64px; }

#SEKUbottom { width: 200px; height: 80px; background: #f2f2f2; }
#SEKUbottom p { display: block; padding: 18px 0px 3px 26px; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #cc3433; }
#SEKUbottom .print { float: left; width: 21px; margin-left: 26px; }
#SEKUbottom .printText { float: left; }

/* INFO PUSH */
.iDatum  { color: #71bddd; font-size:9px; margin-top: 10px; display: none; }
.iNaslov, a.iNaslov, .iNaslov A { color: #e77918; text-decoration: none; font-weight: bold; font-size:13px; display: block; margin-bottom:5px; }
a.iNaslov:hover, .iNaslov A:hover { color: #e77918; text-decoration: underline; font-weight: bold; font-size:13px; display: block; margin-bottom:5px; }
.iSlika { float: left; border: 1px #9c9c9c solid; padding: 2px; margin-right: 10px; }
.iOpis, .iOpis p  { color: #535653; font-size: 12px; }
.iMore, a.iMore, .iMore a { text-align: right; font-size: 11px; }

/*NOVICE*/
.newsPaging { border-top: solid 1px #CCC;  }
.newsPagingTop { border-bottom: solid 1px #CCC; border-top: none; margin-bottom: 15px; }
.newsPaging ul, .newsPaging li { padding: 0; margin:0; }
.newsPaging li { float: left; display: block; margin-top: 5px; }
.newsPagingTop li { margin-top: 0px; margin-bottom: 5px; }
.newsPaging .text, .newsPaging li.info { padding: 5px 5px 5px 0px; }
.newsPaging li.info { float: right; padding-right: 0px; }
.newsPaging a { display: block; float: left; padding: 5px 8px; background: #EEE; margin-left: 5px; }
.newsPaging li.selected a { background: #CCC; font-weight: bold; color: #000; text-decoration: none; }

/*FORME*/
/*
.input1 { border:1px #BBBBBB solid; background: #FFFFFF; font-weight: normal; font-size:12px; margin-right: 5px; height:17px; padding: 0px 3px 0px 3px; width: 150px;  }*/
.input2 { border:none; color: #727272; background: none; font-weight: normal; font-size:10px; width: 80px; height: 14px; padding: 0px; padding: 0px 2px; vertical-align: top;  }
.enter { width: 14px; height: 14px; margin-left: 1px; }
.input3 { width: 115px; height: 13px; font-size: 10px; }
.eNoviceText, .input3Text, .eNoviceText a { font-size:11px; font-weight: normal; }
.eNoviceText { padding: 10px; }


/* OTOK BACKGROUNDI */
.oNaslov { font-size: 13px; background: #dedede; color: #FFF; font-style: italic; font-weight: bold; padding: 4px; padding-left: 10px; }
.oVsebina { border: 1px #dedede solid; background: #fff; color: #535653; padding: 4px; }
.oblak { border: 1px #94cee5 solid; background: #fff; }

table.loginOtok { text-align: left; width: 100%; }