/* 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,Arial,Helvetica; color:#000000; margin:0px;  }
body.mainBody { padding: 0; margin: 0; background: black; }

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

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

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

/* HEADING */
h1,.heading1,h2,.heading2,h3,.heading3,h4,.heading4,h5,.heading5,h6,.heading6 { color: #434343; }
h1 { color: #000000; font-size:21px; font-weight:normal; margin-bottom: 10px; }
h2 { color: #320000; font-size:15px; font-weight:bold; margin-bottom: 5px; }
h3 { color: #000000; font-size:16px; font-weight:normal;  }

#PAGE-FOOTER h1 { color: #eed9ac; font-size:19px; font-weight:normal; margin-bottom: 5px; }

/* WEBARTS - All */
#BG { width: 100%; height: 100%; margin: 0px; padding: 0px; background: black url(../../site/bg.gif) no-repeat top center; }

#GLOBAL-FIRST { float: right; margin-top: 10px; }
#GLOBAL-CONTAINER { width: 953px; height: 70px; margin: 0 auto; }
#GLOBAL { float: right; margin-top: 30px; }
.global { float: left; margin-left: 15px; }

#FRAME-FIRST { width: 953px; height: 588px; margin: 0 auto; background: url(../../visual_first/visual.jpg) no-repeat top left; }


#FRAME-CONTAINER { background: url(../../site/bg_frameContainer.gif) repeat-y bottom center; }
#FRAME { width: 953px; margin: 0 auto; background: url(../../site/bg_frame.jpg) no-repeat bottom left; }
#CONTENT-FIRST { width: 953px; height: 564px; }
#CONTENT { width: 953px; min-height: 564px; }
#CONTENT { width: 953px; background: url(../../site/bg_contentContainer.jpg) no-repeat top left; }


#TOC-CONTAINER { float: left; width: 200px; }
#MAIN-FIRST { float: right; width: 300px; margin-top: 70px; margin-right: 20px; text-align: left; }
#MAIN { float: right; width: 590px; margin-top: 90px; margin-bottom: 90px; margin-right: 50px; /* 110px 90px 0px; */text-align: left; }
#MAIN .vnosPadLeft, #MAIN .vnosPadRight { margin: 0px; padding: 0px; }

#FOOT-CONTAINER { clear: both; width: 953px; margin: 0 auto; margin-bottom: 20px; }
#PAGE-FOOTER { margin-top: 7px; }
#PAGE-FOOTER, #PAGE-FOOTER p, #PAGE-FOOTER td { color: #eed9ac; }
#PAGE-FOOTER .vnosPadLeft, #PAGE-FOOTER .vnosPadRight { margin: 0px; padding: 0px; }
#FOOT { text-align: center; border-top: 1px #451f08 dotted; padding-top: 5px; }
#FOOT, #FOOT a { color: #f5e5c9; text-decoration: none; }

.clearBoth { clear: both; margin: 0px; padding: 0px; }  

.extraNavi, a.extraNavi, .extraNavi a { color: black; }

hr { border: none; border-bottom: 1px #e1e1e1 solid; border-top: 1px white solid; }

/* MUSIC PLAYER */
#MUSIC { position: absolute; margin: -53px 0px 0px 55px; }

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

/* PAGE FOOT */
td .cellFirst { border-bottom: 1px #edd7ab solid; }

/* PRIKAZ DOGODKOV NA PRVI STRANI - glej tudi dogodki.xsl*/
.novica_prva .iOpis { display: none; }
.novica_prva_full .iOpis { display: block; }

/* DROPDNAVI */
#PRIMARNA { margin-left: 35px; margin-top: 80px; }
#PRIMARNA a, #PRIMARNA a:hover, #PRIMARNA a.active { display: block; padding: 12px 0px; text-decoration: none; }
#PRIMARNA a:hover, #PRIMARNA a.active { color: black; }
#PRIMARNA ul { list-style:none; display: none; margin:0px; padding:0px; }
#PRIMARNA ul li { position:relative; margin:0px; padding:0px; list-style:none; display: block; }
#PRIMARNA li { background: url(../../site/prim_li.gif) no-repeat 0px 10px; }

/* Search */
.input1 {  }
.input2 { border:none; background: none; color: #787878; font-weight: normal; padding: 1px 5px 2px 7px; font-size:10px; width:96px; margin-top: 12px; }
.cSubmit, .cCancel { height: 20px; }
#f_more { height: 50px; }
.button { margin-left: 5px; }

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

#PAGE-FOOTER .iDatum  { color: #ffa003; font-size:9px; }
#PAGE-FOOTER a.iNaslov, #PAGE-FOOTER .iNaslov, #PAGE-FOOTER .iNaslov A, #PAGE-FOOTER .iNaslovLink { color: #ffa003; text-decoration: none; font-weight: bold; font-size:13px; display: block; margin-top:5px; }
#PAGE-FOOTER .iNaslov A:hover, #PAGE-FOOTER a.iNaslov:hover { color: #bb844b; text-decoration: none; font-weight: bold; font-size:13px; display: block; margin-top:5px; }

#PAGE-FOOTER .iOpis, #PAGE-FOOTER .iOpis p, #PAGE-FOOTER .iOpis li { color: #feffff; font-size: 10px; }

/* OTOK BACKGROUNDI */
.oNaslov { font-size: 13px; background: #dedede; padding: 3px 7px; }
.oNaslov, a.oNaslov, .oNaslov a { font-size: 13px; text-decoration: none; }
.oVsebina { border: 1px #dedede solid; padding: 3px 7px; }
.oblak

/* CLOUD BACKGROUND */
.oblak { background: url(../../oblak/cloud_1.gif) no-repeat bottom left; padding-left: 10px; }
.oblak .oblakVsebina { background: url(../../oblak/cloud_2.gif) no-repeat bottom right; }
.oblak .oblakVsebina2 { background: url(../../oblak/cloud_3.gif) no-repeat top right; }
.oblak table { background: url(../../oblak/cloud_4.gif) no-repeat -10 0; }
.oblak table table { background: none; }

/* PRVA STRAN - FIKIKUS */
.anythingSlider                         { width: 300px; height: 215px; position: relative; margin: 0 auto 15px; overflow: hidden; }
.anythingSlider .wrapper                { width: 223px; overflow: auto; height: 190px; margin: 0 35px; position: absolute; top: 0; left: 0; border-bottom: dotted 1px #304453; #304453; }
.anythingSlider .wrapper ul             { height: 9999px; width: 223px; list-style: none; position: absolute; top: 0; left: 0; border-bottom: 1px dotted #304453; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 190px; width: 213px; margin: 0; font-size: 11px; padding: 0 5px; }
.anythingSlider ul li p { font-size: 11px; line-height: 14px; }
.anythingSlider .arrow                  { display: block; height: 17px; width: 17px; background: url(../../site/arrr.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: 10px; }
.anythingSlider .back                   { left: 10px; background-image: url(../../site/arrl.png); }
.anythingSlider .forward:hover          { }
.anythingSlider .back:hover             { }

#thumbNav                               { position: relative; top: 193px; text-align: center; }
#thumbNav a                             { color: #304453; font: 10px/16px; display: inline-block; padding: 2px 4px; height: 18px; margin: 0 1px 0 0; /*background: #666;*/ text-align: center; text-decoration: none;}
#thumbNav a:hover                       {  }
#thumbNav a.cur                         { /*background: #e0a213; */color: #304453; font-weight: bold;  }

#start-stop                             { display: none;background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }
