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

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

/* TEXT */
#TOC1 ul, #TOC1 li, #MAIN1 ul, #MAIN1 li, #MAIN2 ul, #MAIN2 li, #INFO1 ul, #INFO1 li { margin: 6px 0px 6px 0px; padding: 0; list-style-position: outside; list-style:none; }
#TOC1 ol, #MAIN1 ol, #MAIN2 ol, #INFO1 ol { margin: 5px 0px 5px 15px; padding: 0; list-style-position: inside; }
#TOC1 li, #MAIN1 li, #MAIN2 li, #INFO1 li { padding: 1px 0px 1px 20px; background: url(../../site/seku_nb.png) no-repeat 0px 4px;  }

/*A, td a, A:hover { color: #021a34; text-decoration: underline; }*/
A, td a, A:hover { color: #a4b531; outline: none; }
a:hover { text-decoration: none; }

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

/* WEBARTS */
#FRAME { margin: 0; width: 1060px; }
#HEAD { margin-left: 100px; width: 858px; height: 111px; }
#LOGO { float: left; margin-top: 28px; margin-bottom: 22px; width: 223px; height: 61px; }
#BANNER { float: right; height: 106px; width: 435px; }

#PRIMARNA-CONTAINER { clear: both; width: 1028px; height: 95px; background: url(../../site/primarna_bg.jpg) no-repeat top left; }
#CONTENT-CONTAINER { width: 642px; margin-left: 100px; }
#MAINHEADER { height: 145px; width: 811px; background: url(../../site/mainheader__.jpg) no-repeat top left; margin-bottom: 5px; position: relative; }

#LOGIN { position: absolute; top: 0px; right: 0px; top: 30px; width: 160px; height: 100px; }
#LOGIN .title { padding: 5px 15px 0px; font-size: 14px; height: 19px; color: white; font-weight: bold; }
#LOGIN form { margin: 0 15px; padding: 0; margin-top: -14px; color: white; }
#LOGIN #f_user_name, #LOGIN #f_pass_word { width: 125px; height: 15px; background: url(../../site/bg_login_field.png) no-repeat center left; border: none; margin: 4px 0px; padding: 0 0 0px 5px; display: block; font-size: 11px; color: #000000; font-size: 11px; }
#LOGIN .field span { display: block; display: none; }
#LOGIN #f_knof { float: right; margin-top: 5px; width: 43px; height: 16px; border: none; background: url(../../site/login_button.gif) no-repeat top left; text-indent: -3000px;}
#LOGIN .loggedinas { margin-top: 4px; }
#LOGIN .logout { float: right;  margin-top: -1px; width: 43px; }
#LOGIN .profile { margin-top: 5px; }
#LOGIN .logout A { display: block; text-indent: -3000px; width: 43px; height: 16px; background: url(../../site/logout_button.gif) no-repeat top left; }
#LOGIN A { color: #a4b531; display: block; float: left; margin-top: 4px; font-size: 10px;  display: none; }

#CONTENT-FIRST { width: 811px; margin-top: 5px; background: url(../../site/bg_contentFirst.gif) no-repeat bottom left; }
#CONTENT { width: 811px; margin-top: 5px; background: url(../../site/bg_contentToc.gif) no-repeat bottom left;  }
.noToc #CONTENT { width: 811px; margin-top: 5px; background: url(../../site/bg_content.gif) no-repeat bottom left;  }
#TITLE { width: 208px; height: 45px; background: url(../../site/bg_titleFirst.gif) no-repeat top left; }
#TITLE-MAIN { width: 425px; height: 45px; background: url(../../site/bg_titleMainToc.gif) no-repeat top left; }
.noToc #TITLE-MAIN { width: 642px; height: 45px; background: url(../../site/bg_titleMain.gif) no-repeat top left; }
#TITLE h1, #TITLE-MAIN h1 { padding: 8px 0px 0px 10px; font-weight: bold; font-size: 15px; color: white; text-decoration: none; }
#TITLE h1 a, #TITLE h1 a:hover { padding: 8px 0px 0px 0px; font-weight: bold; font-size: 15px; color: #e6f61e; text-decoration: none; }

#TOC1-CONTAINER { float: left; width: 217px; }
#TOC1, #TOC2 { width: 188px; padding: 5px 10px; }
#MAIN1-CONTAINER { float: left; width: 217px; }
#MAIN1 { width: 188px; padding: 5px 10px; }
#INFO1-CONTAINER { float: left; width: 208px; }
#INFO1 { width: 188px; padding: 5px 10px; }
#MAIN2-CONTAINER { float: left; width: 425px; }
.noToc #MAIN2-CONTAINER { float: left; width: 642px; }
#MAIN2 .vnosPadLeft, #MAIN2 .vnosPadRight { padding: 0px; margin: 0px; }
#MAIN2 { padding: 5px 10px; }
#INFO2 { float: right; width: 160px; /*margin-left: 9px;*/ }
#INFO2 .vnosPadLeft, #INFO2 .vnosPadRight { margin: 0px; padding: 0px; }

#TOC1 .vnosPadLeftToc, #TOC1 .vnosPadRightToc, #TOC2 .vnosPadLeftToc, #TOC2 .vnosPadRightToc, #MAIN1 .vnosPadLeft, #MAIN1 .vnosPadRight, #INFO1 .vnosPadLeft, #INFO1 .vnosPadRight, #INFO2 .vnosPadLeft, #INFO2 .vnosPadRight { padding: 0px; margin: 0px; }

#PAGE-FOOT-CONTAINER { width: 642px; margin-left: 100px; }
#PAGE-FOOT { background: white; padding: 0px 5px; }

#FOOT {
  clear: both;
  height: 14px;
  width: 622px;
  margin-top: 8px;
  margin-left: 100px;
  padding: 15px 10px;
  background: url(../../site/footer.png) no-repeat top left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #898989;
  font-size: 11px;
}

#FOOT a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #898989; font-size: 11px; }

.home { float: left; margin-top: 18px; }
.vt-logo { float: left; margin-top: 18px; }

/* STD Tabela - class="stdtable" */
.stdtable TR TD { margin: 0px; padding: 0px; background: none; border-bottom: 1px solid #999999; padding: 4px 2px; }
.stdtable TR TD, .stdtable p, .stdtable ul, .stdtable li { font-size: 12px; }
.stdtable TR TH { 
  margin: 0px;
  text-align: left;
  padding: 0px;
  background: #224488;
  border-bottom: 1px solid #999999;
  padding: 1px 2px 7px 2px;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  font-size: 14px;
}

/* SITEMAP */
#SITEMAP ul li { list-style: none; }
#SITEMAP a.seku0 { color: #333333; font-size:12px; line-height: 24px; font-weight:bold; margin-bottom: 10px; }
#SITEMAP ul, #SITEMAP li { margin: 0px; margin: 3px 0px 3px 15px; padding: 0; list-style-position: outside; }

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

/* PRIMARNA NAVIGACIJA */
#PRIMARNA { width: 642px; padding-top: 30px; height: 65px; vertical-align: middle; margin-left: 110px; }
#PRIMARNA ul li {
  list-style: none;
  display: inline;
}

a.seku0 { color: #FFFFFF; font: normal 22px Arial, Helvetica, sans-serif; text-decoration: none; padding-right: 50px; }

#ltc { background: url(../../site/navi/ltc_bg.jpg) no-repeat left bottom; padding-bottom: 10px; }
#programi { background: url(../../site/navi/programi_bg.jpg) no-repeat left bottom; padding-bottom: 10px; }
#novosti { background: url(../../site/navi/novosti_bg.jpg) no-repeat left bottom; padding-bottom: 10px; }
#kontakt { background: url(../../site/navi/kontakt_bg.jpg) no-repeat left bottom; padding-bottom: 10px; }
#povezave { background: url(../../site/navi/povezave_bg.jpg) no-repeat left bottom; padding-bottom: 10px; }
#members { background: url(../../site/navi/programi_bg.jpg) no-repeat left bottom; padding-bottom: 10px; }

#ltc.active0 , #ltc:hover { background: url(../../site/navi/ltc_ha.jpg) no-repeat left bottom; padding-bottom: 10px; color: #E6F61E; padding-right: 50px; text-decoration: none; font: normal 22px Arial, Helvetica, sans-serif; }
#programi.active0 , #programi:hover { background: url(../../site/navi/programi_ha.jpg) no-repeat left bottom; padding-bottom: 10px; color: #E6F61E; padding-right: 50px; text-decoration: none; font: normal 22px Arial, Helvetica, sans-serif; }
#novosti.active0 , #novosti:hover { background: url(../../site/navi/novosti_ha.jpg) no-repeat left bottom; padding-bottom: 10px; color: #E6F61E; padding-right: 50px; text-decoration: none; font: normal 22px Arial, Helvetica, sans-serif; }
#kontakt.active0 , #kontakt:hover { background: url(../../site/navi/kontakt_ha.jpg) no-repeat left bottom; padding-bottom: 10px; color: #E6F61E; padding-right: 50px; text-decoration: none; font: normal 22px Arial, Helvetica, sans-serif; }
#povezave.active0 , #povezave:hover { background: url(../../site/navi/povezave_ha.jpg) no-repeat left bottom; padding-bottom: 10px; color: #E6F61E; padding-right: 50px; text-decoration: none; font: normal 22px Arial, Helvetica, sans-serif; }
#members.active0 , #members:hover { background: url(../../site/navi/programi_ha.jpg) no-repeat left bottom; padding-bottom: 10px; color: #E6F61E; padding-right: 50px; text-decoration: none; font: normal 22px Arial, Helvetica, sans-serif; }

/* SEKUNDARNA NAVIGACIJA */
#SEKUNDARNA ul, #SEKUNDARNA li { list-style:none; margin:0px; padding:0px; text-align:left; }
#SEKUNDARNA li { border-bottom: 1px #d9d9d9 solid; }
#SEKUNDARNA li .last { border-bottom: none; }
#SEKUNDARNA a {
  color:#666666;
  font-size:11px;
  font-weight: bold;
  text-decoration:none;
  text-align: left;
  padding: 5px 20px;
  display:block;
  }
#SEKUNDARNA a:hover, #SEKUNDARNA .active a, #SEKUNDARNA .active a:hover { color: #000000; font-weight: bold; background: url(../../site/seku_nb.png) no-repeat 0px 8px; }
#SEKUNDARNA a.seku2 { margin-left: 20px; }
#SEKUNDARNA a.seku3 { margin-left: 40px; }

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

/* Search */
.formcpersonal, #TPERSONAL td { font-size: 11px; }
.input1 { font-size: 11px; border: 1px #000000 solid; color: #000000; }
.input2 { border:none; background: none; color: #6296b2; font-weight: normal; padding: 2px 5px 2px 7px; font-size:10px; width:98px; }
.enter { width: 22px; height: 17px; vertical-align: bottom; }
.enter img { display: block; }

.cSubmit, .cCancel { height: 20px; }
#f_more { height: 50px; }
.button { margin-left: 5px; }

/* INFO PUSH */
.iDatum  { color: #a1a1a1; font-size:9px; }
.iNaslov, a.iNaslov, .iNaslov A, .iNaslovLink, a.iNaslov:hover, .iNaslov A:hover  { color: #041934; text-decoration: none; font-weight: bold; font-size:13px; display: block; margin:5px 0px; }
.iOpis, .iOpis p, .iOpis li { color: #000000; font-size: 10px; }
.iMore { margin-top: 10px; }
.iMore, a.iMore, .iMore a { text-decoration: none; }
.iSlika { margin-right: 15px; }

/* OTOK BACKGROUNDI */
.otok { background: url(../../otok/otok_naslov_1.png) no-repeat top left; color: white; }
.otok .oNaslov { background: url(../../otok/otok_naslov_2.png) no-repeat top right; }
.otok .oVsebina { background: url(../../otok/otok_vsebina_1.png) no-repeat bottom left; }
.otok .lyv { display: block; background: url(../../otok/otok_vsebina_2.png) no-repeat bottom right;  }

#MAIN2 .otok { background: url(../../otok/main2_otok_naslov_1.png) no-repeat top left; color: white; }
#MAIN2 .otok .oVsebina { background: url(../../otok/main2_otok_vsebina_1.png) no-repeat bottom left; }

.noToc #MAIN2 .otok { background: url(../../otok/noToc_main2_otok_naslov_1.png) no-repeat top left; color: white; }
.noToc #MAIN2 .otok .oVsebina { background: url(../../otok/noToc_main2_otok_vsebina_1.png) no-repeat bottom left; }

.otok .oNaslov { height: 37px; padding: 8px 0px 0px 15px; }
.otok .oNaslovText, .otok .oNaslovText a { display block; font-weight: bold; font-size: 15px; color: white; text-decoration: none; }
.otok div.oVsebinaC { padding: 7px 15px 10px 15px; }
.otok div.oVsebinaC, .otok .oVsebinaC p, .otok .oVsebinaC td { font-size: 12px; font-family: Arial,Verdana,Arial,Helvetica; color:#000000; }
