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

P { margin-bottom: 0px; line-height: 18px; }
img, a img { border: none; }

/* TEXT */
ul, li { margin: 2px 0px 2px 15px; padding: 0; list-style-position: outside; }
ol { margin: 3px 0px 3px 15px; padding: 0; list-style-position: inside; }
#MAIN li { padding: 1px 0px 1px 0px; list-style-image: url("../../site/li.gif"); }

A, td a, A:hover { color: #0066cc; text-decoration: underline; }
a:hover { text-decoration: underline; }

/* HEADING */
h1,.heading1,h2,.heading2,h3,.heading3,h4,.heading4,h5,.heading5,h6,.heading6 { color: #434343; }
h1, h1 a, h1 a:hover { color: #00303C; font-size:16px; font-weight:bold; margin-bottom: 10px; }
h2, h2 a, h2 a:hover { color: #00303C; font-size:15px; font-weight:bold; margin-bottom: 10px;  }
h3, h3 a, h3 a:hover { color: #00303C; font-size:13px; font-weight:bold; margin-bottom: 5px;  }
h4, h4 a, h4 a:hover { color: #000000; font-size:12px; font-weight:bold; }
h5, h5 a, h5 a:hover { color: #000000; font-size:11px; font-weight:bold; }
h6, h6 a, h6 a:hover { color: #00303C; font-size:13px; font-weight:bold; }

/* WEBARTS */
#FLAG-CONTAINER { width: 1020px; margin: 0 auto; position: relative; }
#FLAG { position: absolute; top: 0px; right: 0px; }

#FRAME-CONTAINER { width: 950px; margin: 0 auto; background: white; border: 1px #cccccc solid; padding: 10px; }
#FRAME { width: 950px; background: #f4f4f4; }
#LOGO { position: absolute; top: 15px; left: 50px; }
#GLOBAL { float: right; margin-top: 10px; }
#GLOBAL a { padding-right: 25px; }

#PAGE-HEADER { width: 610px; float: right; min-height: 80px; margin: 20px 20px 0px 0px; }
#PAGE-HEADER .vnosPadLeft, #PAGE-HEADER .vnosPadRight  { padding: 0px; margin: 0px; }

#PRIMARNA-CONTAINER-FIRST { width: 950px; height: 50px; background: url(../../site/bg_primarnaFirst.gif) no-repeat; }
#PRIMARNA-CONTAINER { width: 950px; height: 50px; background: url(../../site/bg_primarna.gif) no-repeat; }

#VISUAL { margin-top: -20px; }

#CONTENT-FIRST { width: 950px; background: #f4f4f4 url(../../site/bg_contentFirst.gif) repeat-y top left; }

#TOC-FIRST { float: left; width: 287px; padding-left: 25px;   }
#TOC-FIRST .vnosPadLeftToc, #TOC-FIRST .vnosPadRightToc { margin: 0px; padding: 0px; }
#MAIN-FIRST { float: left; width: 287px; padding-left: 20px; }
#MAIN-FIRST .vnosPadLeft, #MAIN-FIRST .vnosPadRight { padding: 0px; margin: 0px; }
#INFO-FIRST { float: right; width: 287px; padding-right: 25px; }
#INFO-FIRST .vnosPadLeft, #INFO-FIRST .vnosPadRight { padding: 0px; margin: 0px; }


#CONTENT { width: 950px; background: url(../../site/bg_content.gif) repeat-y top left; }
#BANNER-HILOTHERM { margin-top: -20px; }
#MAIN-CONTAINER { float: left; width: 690px; }
#MAIN { width: 690px; margin-left: 25px; }
#MAIN .vnosPadLeft, #MAIN .vnosPadRight { padding: 0px; margin: 0px; }
#TOC-CONTAINER { float: right; }

#SEARCH { width: 186px; height: 20px; background: url(../../site/bg_search.gif) no-repeat;  margin: 5px 0px 15px 6px; }

#TOC { width: 200px; }
#TOC .vnosPadLeftToc, #TOC .vnosPadRightToc { margin: 0px; padding: 0px; }

#FOOT-CONTAINER-FIRST { width: 950px; height: 60px; background: url(../../site/bg_footFirst.gif) no-repeat; }
#FOOT-CONTAINER { width: 950px; height: 60px; background: url(../../site/bg_foot.gif) no-repeat; }
#FOOT { text-align: center; }
#FOOT, #FOOT a { color: white; text-decoration: none; font-size: 11px; }

.table, .table td { border: 1px #00cbfe solid; padding: 2px; }

/* DROPDNAVI */

/* DROPDNAVI NAVIGACIJA */
#PRIMARNA { float:right; }
#PRIMARNA img, #PRIMARNA a, #PRIMARNA a:hover, #PRIMARNA a.active { display: block; padding: 6px 25px; }
#PRIMARNA a, #PRIMARNA a:hover, #PRIMARNA a.active { font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration: none; }
#PRIMARNA a:hover, #PRIMARNA a.active { color:#ffffff; }
#PRIMARNA ul { list-style:none; display: none; margin:0px; padding:0px; }
#PRIMARNA ul li { position:relative; margin:0px; padding:0px; list-style:none; float: left; }
#PRIMARNA .level1 { display: block; text-align: left; }
#PRIMARNA ul li.livel1 { float: left; margin-left: 1px; }
#PRIMARNA li li { height: 1%; }

/* DROPNAVI - SEKUNDARNA podnivo*/
#PRIMARNA .level2 { left: 15px; position:absolute; top:26px; text-align: left; }
#PRIMARNA .level2 a, #PRIMARNA .level2 a:hover, #PRIMARNA .level2 a.active { font-weight: normal; font-size: 11px; display: block; padding: 5px 10px; }
#PRIMARNA .level2 a { background: #00303c none repeat scroll 0%; color: white; }
#PRIMARNA .level2 a:hover, #PRIMARNA .level2 a.active { background: #00303c none repeat scroll 0%; color: #e77817; }
#PRIMARNA .level2 a, #PRIMARNA .level2 a:hover, #PRIMARNA .level2 a.active { width: 135px; padding: 5px 10px; margin: 0px; }
#PRIMARNA .level2 li { background: none; padding: 0px; border-bottom: 1px #013e4d solid; }


#PRIMARNA .level1 .last ul.level2 { position:absolute; text-align: left; top:26px; right: 0px; }

#PRIMARNA .level3 { left: 155px; position:absolute; top: 0px; text-align: left; }

#navi li:hover ul.level2, #navi li.over ul.level2 { display:block; }
#navi .level2 li:hover ul.level3, #navi .level2 li.over .level3 { display:block; }
#navi .level3 li:hover .level4, #navi .level3 li.over .level4 { display:block; }
#PRIMARNA ul li:hover ul, #PRIMARNA ul li.over ul { display:block; }
#PRIMARNA ul li:hover ul ul, #PRIMARNA ul li.over ul ul { display: none; }
#PRIMARNA ul ul li:hover ul, #PRIMARNA ul ul li.over ul { display:block; }
#PRIMARNA ul ul li:hover ul ul, #PRIMARNA ul ul li.over ul ul { display:none; }
#PRIMARNA ul ul ul li:hover ul, #PRIMARNA ul ul ul li.over ul { display:block; }
#PRIMARNA ul ul ul li:hover ul ul, #PRIMARNA ul ul ul li.over ul ul { display:none; }
#PRIMARNA ul, #PRIMARNA li { z-index: 2; }


/* SEKUNDARNA NAVIGACIJA */
#SEKUNDARNA { width: 200px; }
#SEKUNDARNA ul, #SEKUNDARNA li { list-style:none; margin:0px; padding:0px; }
#SEKUNDARNA li { background: url(../../site/seku_li.gif) no-repeat 8px 10px; }
#SEKUNDARNA a {
  color:#333333;
  text-decoration:none;
  text-align: left;
  padding: 5px 10px 5px 20px;
  display:block;
  font-size: 12px;
  }
   
#SEKUNDARNA a:hover, #SEKUNDARNA a.current { color:#0066CC; }
#SEKUNDARNA li.seku2 { width: 155px; margin-left: 15px; }
#SEKUNDARNA li.seku3 { width: 140px; margin-left: 30px; }

/*FORME*/
.formText {color: #000000;}
.input1 {border:#000000 1px solid; background: #FFFFFF;}
.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; }

/* GALERIJA SLIK */
.gallery_thumb { text-align: center; }
a.lightbox img { border: 1px #00303C solid; padding: 2px; margin: 5px; }

/* STDTABLE */
/* STD Tabela - class="stdtable" */
.stdtable TR TD { background: none; }
.stdtable TR.alt TD { background: #e4e3e3; }
.stdtable td { padding: 3px; }

/* NOVICE */
#iSlika { float: left; width: 100px; margin-top: 17px; }
#iContent { float: left; width: 580px; }
.iSlika { border: 1px #00303C solid; padding: 2px; }
.iNaslov { margin:3px 0px 4px 0px; }
.iNaslov, a.iNaslov, .iNaslov a { color: #00303C; font-size: 13px; text-decoration: none; font-weight: bold; }
.iMore { margin-top: 5px; text-align: right; }
a.iMore, .iMore a { text-decoration: none; font-style: italic; }
a.iMore:hover, .iMore a:hover { text-decoration: underline; }

#MAIN-FIRST #iContent { width: 287px; }
#MAIN-FIRST .iDatum { font-size: 11px; }

/* OTOK */
.oNaslov { background: url(../../site/bg_oNaslov.gif) no-repeat top left; height: 36px; padding: 0px 10px; }
.oNaslov, a.oNaslov, .oNaslov a { color: white; }
.oVsebina { border: 1px #00303c solid; border-top: none; padding: 10px 5px; }