body
{
    background: #fff6c0 url(../images2/sunflowers.jpg) repeat top left;
    background-attachment: fixed;
    margin: 0px; 
    padding: 0px;
    font-family: "Verdana", Trebuchet MS, sans-serif;
    font-size: 11px;
    color: #333;
}

img { behavior: url(/css/iepngfix.htc) }

#head
{
    position: relative;
    top: -120px;
    background: url(../images2/logo.gif) no-repeat top left;
    width: 1000px;
    height: 110px;
    padding: 0px;
    margin: 10px auto 0px auto;
    z-index: 200;
}
#headbg
{
    background: #FFF;
    min-width: 1000px;
    height: 120px;
    padding: 0px;
    margin: 0 auto;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    opacity: 0.85;
}

/*#head #title
{
    position: relative;
    top: 20px;
    font-weight: bold;
    color: #007236;
    margin: 0px;
    padding-left: 233px;
}*/

#body_wrapper
{
    position: relative;
    top: -100px;
    margin: 0px auto 0px auto;
    width: 1000px;
    display: block;
    z-index: 100;
}

#body
{
    float: left;
    padding: 0px;
    min-height: 343px;
    display: block;
    border: 2px #7fc240 solid;
    border-top: 0px;
}

#end_body
{
    margin: 0px auto;
    width: 1000px;
    height: 37px;
    display: block;
}

.clearer
{
  clear: both;
    height: 10px;
    padding: 0px;
    margin: 0px;
}

#split
{
  width: 990px;
    float: left;
    padding: 15px 0px 0px 0px;
    background: #FFF;
}

#split .top
{
    width: 990px;
    height: 18px;
    padding: 0px;
    margin: 0px;
}

#bottomImg img
{
    margin-left: 20px;
    border: none;
}

#bottom
{
    width: 990px;
    padding: 10px 0px 15px 0px;
    margin: 0px;
    border-top: 1px #7fc240 solid;
}

#bottom a 
{
    color: #49963f;
    text-decoration: underline;
    margin-right: 10px;
}

#bottom a:hover 
{
    color: #333;
    text-decoration: underline;
}

#holder 
{
    width: 680px;
    overflow: auto;
    height: 95px;
    margin: 0px auto 5px auto;
    padding-top: 4px;
    scrollbar-arrow-color:#49963f;
    scrollbar-face-color:#acd971;
    scrollbar-highlight-color:#f1fbe5;
    scrollbar-base-color:#f1fbe5;
    scrollbar-darkshadow-color:#f1fbe5;
    scrollbar-shadow-color:#f1fbe5;
    scrollbar-track-color:#f1fbe5;    
}

#img_display 
{
    margin: 15px auto 0px auto;
    /*border: 2px #7fc240 solid;*/
}

#img_display img 
{
    max-width: 680px;
    border: 2px #7fc240 solid;
}

/*#subholder img 
{
    border: 1px #7fc240 solid;
    cursor: pointer;
}*/

.bobo a:link img {border: 1px #7fc240 solid;}
.bobo a:hover img { border: 1px #f5381f solid;}

.video
{
    width: 328px;
    height: 242px;
    padding: 2px 0px 0px 2px;
    background: url(../images2/new-video-bg.png) no-repeat top left;
}

.novideo
{
    width: 320px;
    height: 240px;
    padding: 0px;
    margin: 0px;
    background: url(../images2/novideo.jpg) no-repeat top left;
}

.video3
{
    width: 640px;
    height: 480px;
    padding: 0px;
    margin: auto auto auto auto;
    background: url(../images2/novideo.jpg) no-repeat center center;
}

.conteiner
{
    width: 328px;
    margin: 0px auto 0px auto;
}

.rotator_controls
{
    /*height: 15px;*/
    /*background: #F7F8F7;*/
    /*padding: 2px;*/
    width: 320px;
    height: 11px;
    margin: 0px auto 4px auto;
}

.novice_small_image
{
    border: none;
}

.small_bg_right
{
    width: 78px;
    height: 60px;
    float: right;
    background: url(../images2/new-small-bg.png) no-repeat top left;
    padding: 2px 0px 0px 2px;
}

.small_bg_left
{
    width: 78px;
    height: 60px;
    float: left;
    background: url(../images2/new-small-bg.png) no-repeat top left;
    padding: 2px 0px 0px 2px;
}

.videotekst
{
    width: 328px;
    height: 38px;
    background: url(../images2/new-videotekst.png) no-repeat top left;
    padding: 4px 0px 0px 2px;
    color: #555;
}
.podnapis
{
    width: 306px;
    height: 36px;
    margin-left: 8px;  
}

#vsebina li
{
    position: relative;
    left: 25px;
}

#vsebina hr
{
    width: auto;
}

/*#vsebina p
{
    text-align: justify;
}*/

#vsebina img
{
    border: 2px #7fc240 solid;
    margin: 12px;
}

#vsebinac img
{
    border: 2px #7fc240 solid;
}

#vsebina a, #vsebinac a 
{
    color: #49963f;
    text-decoration: underline;
}

#vsebina a:hover, #vsebinac a:hover 
{
    color: #333;
    text-decoration: underline;
}

#vsebina a:link img {border: 2px #7fc240 solid;}
#vsebina a:hover img { border: 2px #FF8000 solid;}
#vsebinac a:link img {border: 2px #7fc240 solid;}
#vsebinac a:hover img { border: 2px #FF8000 solid;}

/*#vsebinac p
{
    text-align: justify;
}*/


#left
{
    width: 360px;
    float: left;
    padding: 0px;
    margin: 0px;
}

#right
{
    width: 270px;
    float: right;
    padding: 0px;
    margin: 0px;
    border-left: 1px solid #DDD;

}

#center
{
    width: 354px;
    float: left;
    padding: 0px;
    margin: 0px;
    border-left: 1px solid #DDD;
}

.content 
{
  padding: 2px 12px;
}

#right .content
{
  padding: 0px 10px;
}

#footer
{
    position: relative;
    top: -100px;
    margin: 0 auto; 
    width: 1000px;
    text-align: center;
    color: #333;
}

#footer a
{
 color: #49963f;
}

#links ul 
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#links ul li 
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: block;
    /*background: url(../images2/externalpage.gif) no-repeat top left;*/
}

#links ul a 
{
    display: block;
    color: #333;
    padding: 3px;
    padding-left: 6px;
    margin-left: 4px;
    margin-bottom: 1px;
    text-decoration: none;
    font-weight: bold;
    border-left: 6px #a5d672 solid;
    border-bottom: 1px #dbf3bc solid;
    /*background: url(../images2/externalpage.gif) no-repeat center left;*/
}

#links ul a:hover 
{
    color: #49963f;
}

#pomembno ul 
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#pomembno ul li 
{
    margin: 2px 0px 0px 0px;
    padding: 0px;
    list-style: none;
    display: block;
    border-bottom: 1px #dbf3bc solid;
    border-left: 6px #ffe971 solid;
    /*background: #f1fbe0; */
}

#pomembno ul a 
{
    display: block;
    color: #007236;
    padding: 3px;
    margin-left: 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.9em;
}

#pomembno ul a:hover 
{
    color: #333;
}
/* Navigation */

#menu 
{
  position: relative;
  top: 0px;
  float: right;
  padding: 0px 8px 0px 0px;
}

#menu ul 
{
    margin: 0;
    padding: 0;
    white-space : nowrap;
}


#menu ul li 
{
    margin: 0;
    padding: 0;
    display: block;
    float:left;
    text-align: center;
}

#menu ul li a 
{
    font-size: 0.9em;
    color : #355230;
    background-color: transparent;
    text-decoration : none;
    font-weight: bold;
    display: block;
    border-style:none;
}

#menu ul li a:link, #menu ul li a:visited 
{
    background-image: url(../images2/menu_tabs2.gif);
    background-repeat: no-repeat;
    color: #355230;
    height: 26px;
    width: 90px;
    line-height: 26px;
    padding-top: 7px;
}

#menu ul li a:hover, #menu ul li a:active 
{
    background-image: url(../images2/menu_tabs2.gif);
    background-repeat: no-repeat;
    background-position: 0px -33px;
    height: 29px;
    width: 90px;
    line-height: 29px;
    padding-top: 4px;
}

 
#menu ul li.active a:hover, #menu ul li.active a:active,#menu ul li.active a:link, #menu ul li.active a:visited 
{
    background-image: url(../images2/menu_tabs2.gif);
    background-repeat: no-repeat;
    background-position: 0px -66px;
    height: 29px;
    width: 90px;
    line-height: 29px;
    padding-top: 4px;
    color: #333;
}

#navi
{
    float:right;
    padding-right: 5px;
}

#navi ul li 
{
    margin: 0;
    padding: 0;
    display: block;
    float:left;
    text-align: center;
}

#navi ul li a 
{
    font-size: 10px;
    color : #FFF;
    background-color: transparent;
    text-decoration : none;
    font-weight: normal;
    display: block;
    border-style:none;
}

#navi ul li a:link, #navi ul li a:visited 
{
    background-image: url(../images2/navi.gif);
    background-repeat: no-repeat;
    color: #FFF;
    height: 18px;
    width: 18px;
    padding-top: 2px;
}

#navi ul li a:hover, #navi ul li a:active 
{
    background-image: url(../images2/navi_over.gif);
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
}

#navi ul li.active a:hover, #navi ul li.active a:active,#navi ul li.active a:link, #navi ul li.active a:visited 
{
    background-image: url(../images2/navi_active.gif);
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
    color: #FFF;
}

#spacer 
{
    height: 300px;
}

#menu_conteiner {
    height: 25px;
    background: #71B436;
}

ul.MenuBarHorizontal
{
    position: relative;
    top: 0px;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
    margin: 0;
}

/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
    z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 25%;
    float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 14px;
    z-index: 1020;
    cursor: default;
    width: 14em;
    position: absolute;
    left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
    left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
    width: 14em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
    position: absolute;
    margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
    left: auto;
    top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
    /*border: 1px solid $menu_ul_border;*/
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
    display: block;
    cursor: pointer;
    background-color: #71B436;
    padding: 0.25em 1.2em;
    color: #FFF;
    text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
    background-color: #42691F;
    color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
    background-color: #42691F;
    color: #FFF;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 3% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 3% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
    background-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 3% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 3% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
    ul.MenuBarHorizontal li.MenuBarItemIE
    {
        display: inline;
        f\loat: left;
        background: #FFF;
    }
}
/*  Headers  */
h1 
{
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
    color: #49963f;
    background-color: transparent;
    font-size: 1.5em;
    font-weight: bold;
    display: block;
    border-bottom: 1px solid;
}

h2 
{
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
    color: #333;
    background-color: transparent;
    font-size: 1.5em;
    font-weight: bold;
}

h3 
{
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
    color: #49963f;
    background-color: transparent;
    font-size: 1.4em;
    font-weight: bold;
}

h4 
{
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
    color: #333;
    background-color: transparent;
    font-size: 1.3em;
    font-weight: bold;
}

h5 
{
    color: #555;
    background-color: #F7F8F7;
    padding: 0px;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
    border-bottom: 1px solid #dbf3bc;
}

h6 
{
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    color: #49963f;
    font-size: 1.1em;
    font-weight: bold;
}
/* HTML Tags */

.code, code
{
  display: block;
    margin: 5px 10px;
    padding: 5px;
    color: #ad4c21;
    border: 1px dashed;
    background: #f0ebe7;
    font-family: Courier, 'Courier New', 'Andale Mono', Monaco, monospace;
    width: auto;
}

pre
{
 white-space: normal;
}

a
{
  color: #49963f;
    text-decoration: none;
    padding-bottom: 0px;
}

a:hover
{
    color: #333;
}

hr
{
  border: 0px;
  border-bottom: 1px #CCC solid;
  height: 1px;
}

#left hr, #all hr
{
  margin: 10px 0px;
}

form
{
  margin: 0px;
    padding: 0px;
}

form .item
{
  clear: left;
    border-top: 1px solid #49963f;
    margin: 3px;
}

form .label
{
  float: left;
    clear: left;
    width: 150px;
}

textarea, select
{
  color: #222;
    /*border: 1px solid #49963f;
    background: #92d400;
    margin: 3px;
    padding: 2px;
    scrollbar-track-color:#dbebd0;

    scrollbar-base-color:#d4ebd0;
    scrollbar-arrow-color:#49963f;*/
}

input
{
  color: #222;
    /*background: #92d400;*/
    /*padding: 2px;*/
}

/*blockquote {
    margin: 5px;
  background: transparent url(../images/quotes.png) left top no-repeat;
    padding-left: 37px;
}*/


del 
{
  color: #800;
    text-decoration: line-through;
}

dt
{
  font-weight: bold;
    font-size: 1.05em;
    color: #ad4c21;
}

dd 
{
  margin-left: 15px;
}

/* adds a space and then a graphic after any external (i.e. off-site) links 
a[target]:after{
    content: " " url(../images2/externalpage.gif);
}*/


/*blockquote[cite]:after {
    content: "Quote from: " attr(cite);
    display: block;
    border-top: 1px solid #999;
    color: #999;
    margin: 1em 0 0;
    padding: .5em 0 0;
    font-size: .8em;
    font-weight: bold;
} */

.code .key1
{
 font-weight: 700;
 color: #009;
}

.code .key2
{
 color: #009;
}

.code .key3
{
 color: #909;
}

.code .key4
{
 color: #00B0B0;
}

.code .key5
{
 color: #F0F;
}

.code .key6
{
 color: #D0D000;
}

.code .key7
{
 color: #D0D000;
}

.code .key8
{
 color: #D0D000;
}

.code .string
{
 color: #282;
}

.code .number
{
    color: #000;
    font-weight: 700;
}

.code .comment
{
 color: #AAA;
}

.code th
{
    border-right: 1px solid;
    vertical-align: top;
    text-align: left;
    padding-right: 1em;
}