/* 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: 11px; font-family: Verdana,Arial,Tahoma,Helvetica; color:#000000; margin:0px;  }
body.mainBody { padding: 0; margin: 0; background: url(../../site/bg.gif) repeat top left; }

P { margin-bottom: 0px; line-height: 16px; }
/*
p strong, p bold { color: white; }*/
IMG { border: none; }

/* TEXT */
ul, li { margin: 5px 0px 5px 15px; padding: 0; list-style-position: outside; }
ol { margin: 5px 0px 5px 15px; padding: 0; list-style-position: inside; }
li { padding: 1px 0px 1px 0px; }

A, td a, A:hover { color: #000000; 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: #689230; font-size:20px; font-weight:bold; margin-bottom: 10px; }
h2, h2 a, h2 a:hover { color: #000000; font-size:15px; font-weight:bold; margin-bottom: 10px; text-decoration: none; }
h3, h3 a, h3 a:hover { color: #689230; font-size:14px; font-weight:normal; margin-bottom: 5px;  }
h4 { color: #595959; font-size:12px; font-weight:normal; }
h5 { color: #595959; font-size:12px; font-weight:normal; }

#INFO h2, #INFO h2 a, #INFO h2 a:hover { color: #000000; font-size:11px; font-weight:bold; margin-bottom: 10px; }

/* WEBARTS */
#FRAME {
  width: 980px;
  margin: 0 auto;
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}
.bgFrame { background: url(../../site/bg_frame.gif) repeat-y top left; }
.bgFrameFirst { background: url(../../site/bg_frameFirst.gif) repeat-y top left; }

#TOP { width: 980px; height: 120px; background: url(../../site/head.jpg) no-repeat top left; position: relative; }
#LOGO { float: left;  margin: 4px 0px 0px 10px; }
#PAGE-HEADER { float: right; width: 400px; height: 80px; position: absolute;  top: 50%; margin-top: -40px; right: 0px; margin-right: 10px; }

#FLAG { float: left; margin: 4px 0px 0px 7px; }
#GLOBAL { float: right; margin-right: 10px; }
#GLOBAL, #GLOBAL a { color: white; }
.global, .del { float: left; }
.del { margin: 4px; }

#BOTTOM-TOP { height: 23px; width: 980px; background: #89c03b; border-top: 1px #fffb9d solid; }

#TITLE {
  width: 168px;
  height: 20px;
  margin-left: 1px;
  background: red url(../../site/bg_title.gif) no-repeat;
  padding: 3px 0px 0px 30px;
  color: #67932d;
  font-size: 12px;
  font-weight: bold;
  }
#SEARCH { width: 186px; height: 20px; background: url(../../site/bg_search.gif) no-repeat;  margin: 5px 0px 15px 6px; }

#CONTENT { padding-bottom: 300px; }

#TOC-CONTAINER { float: left; width: 200px; }
#TOC { margin-top: 10px; }
#MAIN-FIRST { float: left; width: 560px; margin: 10px 0px 0px 10px; }
#INFO-CONTAINER { float: right; width: 200px; }
#INFO { margin-top: 10px; padding-bottom: 300px; }
#MAIN { float: left; width: 760px; background: white; margin: 10px 0px 0px 10px; padding-bottom: 300px; }

#BOTTOM { width: 980px; margin: 0 auto; position: absolute; bottom: 0px; border-top: 1px #b5d75f solid; background: white; }
#PAGE-FOOTER { width: 970px; padding: 5px; }

#FOOT-CONTAINER { width: 980px; height: 25px; background: #b5d75f; /*position: absolute; bottom: 0px;*/ text-align: center; }
#FOOT, #FOOT a { color: white; padding-top: 7px; text-decoration: none; font-size: 10px;}

/* PRIMARNA NAVIGACIJA */
#PRIMARNA { margin-top: 10px; }
#PRIMARNA ul, #PRIMARNA li { list-style: none; margin: 0px; padding: 0px; text-align:left; }
#PRIMARNA li { background: url(../../site/bg_primarna_li.gif) no-repeat bottom center; }
#PRIMARNA a {
  color: #292727;
  font-size:11px;
  text-decoration:none;
  text-align: left;
  display: block;
  padding: 3px 10px 4px 22px;
  background: url(../../site/li.gif) no-repeat 10px 5px;
  }

#PRIMARNA a:hover, #PRIMARNA a.active0, #PRIMARNA a.active { color: #fffb9d; background: url(../../site/li_a.gif) no-repeat 10px 5px; }


#PRIMARNA a.seku1, #PRIMARNA li.seku1 .active { padding-left: 35px; background-position: 23px 5px; }
#PRIMARNA a.seku2, #PRIMARNA .seku2 a.active { padding-left: 48px; background-position: 36px 5px; }
#PRIMARNA a.seku3, #PRIMARNA .seku3active a { padding-left: 61px; background-position: 49px 5px; }

/* 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 #2d2d2d solid; padding: 2px; margin: 5px; }

/* NOVICE */
.iDatum  { color: #666666; font-size:9px; }
.iDatum .fl { float: left; }
.iDatum .date1 { color:#9B0B22; font-family:Arial; font-size:15px; font-weight:bold; }
.iDatum .date2 { background:#89c03b none repeat scroll 0 0; color:#FFFFFF; margin-left:5px; margin-bottom: 1px; padding: 0px 2px 0px 2px; text-align:center; }

.iNaslov, .iNaslov a, a.iNaslov { color: #689230; font-size: 14px; font-weight: bold; text-decoration: none; margin-bottom: 5px; }
#INFO .iNaslov, #INFO .iNaslov a, #INFO a.iNaslov { font-size: 11px; color: black; }

.iOpis, .iOpis p, .iOpis li { color: #000000; font-size: 11px; }
#INFO .iOpis, #INFO .iOpis p, #INFO .iOpis li { font-size: 10px; }

.iMore { margin-top: 10px; }
.iMore, a.iMore, .iMore a { text-decoration: underline; color: black; font-weight: bold; }

.newsList .iMore { margin-bottom: 10px; }

/*FORME*/
.input1 { font-size: 11px; border: 1px #666666 solid; color: #666666; }
.input2 { background: none; border:none; color: #000000; font-weight: normal; font-size:11px; margin: 2px 5px 0px 2px; width: 152px; height:14px; padding-left: 5px;  }
.enter { width: 19px; height: 19px; border:none; background: none; vertical-align: middle; margin-left: 2px; }
#f_more { height: 150px; }

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