/***** CSS reset *****/
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

/***** Generic *****/
body
{
    background-color: #c1cedd;
    background-image: url(Images/background.jpg);
    background-position: top left;
    background-repeat: repeat-x;
    color: #000000;
    font: normal normal 75%/1.25em Arial, Helvetica, sans-serif; /* 12px/15px */
    margin: 0px;
}

img
{
    /*background: url(progress.gif) no-repeat center center;*/ /* pre-loader */
    border: none;
    /*display: block;*/
    overflow: hidden;
    text-decoration: none;
}

img.borderless-image
{
    border: none;
    display: block;
}

/* Headings */
h1, .h1, .text_h1
{
    color: #104080;
    font: normal normal 1.58em/1.58em Arial, Helvetica, sans-serif; /* 19px */
    margin-bottom: 0.79em;
    margin-top: 0em;
}

h1#title
{
    color:  #fff;
    display: block;
    font: normal normal 1.67em/1.5em  Verdana, Geneva, sans-serif; /* 20px/30px */
    letter-spacing: -1;
    margin: 0 0 2px;
    overflow: hidden;
    width: 490px;
}

h2, .h2, .text_h2
{
    color: #104080;
    font: normal normal 1.58em/1.58em Arial, Helvetica, sans-serif; /* 19px */
    margin-bottom: 0.79em;
    margin-top: 0em;
}

h2#subtitle
{
    color:  #fff;
    display: block;
    font: normal normal 1em/1.25em  Verdana, Geneva, sans-serif; /* 12px/15px */
    margin: 0;
    overflow: hidden;
    width: 490px;
}

h3, .h3, .text_h3
{
    color: #6482A5;
    font: normal bold 1em/1.25em Verdana, Geneva, sans-serif; /* 12px */
    margin-bottom: 1.25em;
    margin-top: 0em;
}

h3 a:link
{
    color: #6482a5;
    text-decoration: none;
}

h3 a:visited
{
    color: #6482a5;
    text-decoration: none;
}

h3 a:focus, h3 a:hover, h3 a:active
{
    text-decoration: underline;
}


h4, .h4, .text_h4
{
    color: #004080;
    font: normal normal 1.33em/1.88em Arial, Helvetica, sans-serif; /* 16px */
    margin-bottom: 0.94em;
    margin-top: 0em;
}

h5, .h5, .text_h5
{
    color: #004080;
    font: normal bold 1.08em/1.15em Arial, Helvetica, sans-serif; /* 13px */
    margin-bottom: 1.15em;
    margin-top: 0em;
}

h6, .h6, .text_h6
{
    color: #000;
    font: normal normal 1em/1.25em Arial, Helvetica, sans-serif; /* 12px */
    margin-bottom: 1.25em;
    margin-top: 0em;
}

/* Text */
p
{
    line-height: 1.25em;
    margin-top: 0em;
    margin-bottom: 1.25em;
}

a:link
{
    color: #336699;
}

a:visited
{
    color: #104050;
}

small, .text_small /* legacy */
{
    font-size: 0.92em; /* 11px */
    line-height: 1.36em;
}

/* Lists */
ul, ol
{
    line-height: 1.25;
    padding: 0;
}

ul
{
    list-style-type: disc;
    margin: 0 0 1.25em 1.4em;
}

ol
{
    list-style-type: decimal;
    margin: 0 0 1.25em 2.1em;
}

/* Tables */
table
{
    border-collapse: collapse;
    line-height: 1.25em;
    margin-top: 0em;
    margin-bottom: 1.25em;
}

/* Forms */
a.button
{
    background-color: #c6cfde;
    border-top: solid 1px #eee;
    border-left: solid 1px #eee;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    color: #333;
    display: inline-block;
    padding: 5px 10px 3px;
    min-width: 60px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
}

a.button:hover
{
    background-color: #f4d19b;
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-right: solid 1px #eee;
    border-bottom: solid 1px #eee;
    padding: 4px 11px 4px 9px;
}

/***** Layout *****/
#main-header, #main-center
{
  margin: 0px auto;
}

#main-header
{
    position:relative;
    width: 940px;
}

#main-header > section
{
    float: left;
    line-height:0;
    width: 200px;
}

#top-level-nav
{
    margin-left: 201px;
    line-height:0;
    width: 739px;
}

#main-header div.shadow
{
    background-color: #c1cedd;
    background-image: url(Images/tab_shadow.gif);
    background-position: top left;
    background-repeat: repeat-x;
    clear: both;
    height: 37px;
    margin-bottom: 1px;
}

#language-nav
{
    float: left;
    padding-top: 10px;
    text-align:center;
    width: 200px;
}

#breadcrumbs
{
    margin-left: 201px;
    overflow:hidden;
    padding-top:19px;
    width: 739px;
}

#search
{
    background-color: #c1cedd;
    height: 54px;
    padding: 6px 0px 0px 24px;
    position: absolute;
    width: 176px;
    overflow:hidden;
}

#member-console
{
    background-color: #c1cedd;
    height: 50px;
    padding: 5px;
    position: absolute;
    right: 0;
    width: 228px;
    overflow:hidden;
}

#main-center
{
  overflow: hidden;
  width: 942px;
}

#main-center-header
{
    background-color: #6482A5;
    margin-left: 202px;
    height: 55px;
    overflow:hidden;
    padding: 5px 0 0 15px;
    width: 485px;
}

#main-layout-table
{
    border-collapse: inherit; /* reset table default */
    line-height: inherit; /* reset table default */
    margin-top: inherit; /* reset table default */
    margin-bottom: inherit; /* reset table default */
    min-height: 480px;
    width: 942px;
}

#main-nav-column
{
    background-color: #c1cedd;
}

#main-nav
{
    width: 200px;
}

#main-section-column
{
    background-color: #fff;
}

#main-section
{
    overflow: hidden; /**/
    padding: 4px 4px 4px 15px;
    width: 481px;
}

#main-section-wo-aside
{
    overflow: hidden; /**/
    padding: 4px 4px 4px 15px;
    width: 720px;
}

#main-aside-column
{
    background-color: #fff;
}

#main-aside
{
    overflow: hidden; /**/
    padding: 4px;
    width: 230px;
}

/***** CMS specific *****/
.Webpart
{
    clear: both;
}

#PageKeeper_PageMenuPanel
{
    margin: -4px 0 0 -15px;
    z-index: 1000;
}


/***** Custom *****/
#sidebar-banners-container
{
    left:-4px;
    margin-bottom: 14px;
    overflow:hidden;
    position:relative;
    top:-4px;
    width:238px;
}

.sidebar-banner
{
    margin-bottom: 1px;
}

.image-layout-table, .image-layout-table-left, .image-layout-table-right 
{
    border-collapse: inherit; /* reset table default */
    line-height: inherit; /* reset table default */
    margin-top: inherit; /* reset table default */
}

.image-layout-table-left
{
    float: left;
    margin-right: 1.25em;
}

.image-layout-table-right
{
    float: right;
    margin-left: 1.25em;
}

.image-text
{
    font: normal normal 0.92em/1.36em Tahoma, Geneva, sans-serif; /* 11px */
}

.image-text > :last-child
{
    margin-bottom: 0 !important;
}

.list-container:after 
{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.list
{
    clear: both;
    margin: 0 0 1.25em 0;
}

.list-icon
{
    float: left;
    margin: 0 1.25em 1.25em 0;
}

.list h3
{
    margin-bottom: 0;
}

/***** Plugins *****/

/* Slides, A Slideshow Plugin for jQuery */
#banner-slideshow-container
{
    left:-15px;
    height:185px;
    margin-bottom: 15px;
    overflow:hidden;
    position:relative;
    top:-4px;
    width:500px;
}

.slides_container
{
    display:none;
    overflow:hidden;
    width:500px;
}

.slides_container a
{
    display:block;
    height:185px;
    width:500px;
}

.slides_container a img
{
    border: none;
    display:block;
}

.pagination
{
    bottom: 5px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 5px;
    z-index:10;
}

.pagination li
{
    float:left;
    margin:0 1px;
    list-style:none;
}

.pagination li a
{
    background-image:url(Images/pagination.png);
    background-position:0 0;
    display:block;
    float:left;
    height:0;
    overflow:hidden;
    padding-top:12px;
    width:12px;
}

.pagination li.current a
{
    background-position:0 -12px;
}

/* jQuery lightBox plugin - Gallery style */
#gallery a:hover, #lightbox-secNav a:hover { background-color:#ffffff; }
#gallery { padding: 10px 0px }
#gallery ul { list-style: none; margin:0px; padding:0px }
#gallery ul li { display: inline; float:left }
#gallery ul img { border: 5px solid #ffffff; border-width: 5px; margin:6px }
#gallery ul a { color:#FFFFFF; display:block }
#gallery ul a:hover img { border: 5px solid #c1cedd; border-width: 5px; color: #fff; }
#gallery ul a:hover { color: #fff; }

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }

.opissslike { display:block;position:relative;left:11px;top:-8px;width:92px;height:30px;overflow:hidden;float:left } /* width opisa slike je hardcodan kot širina thumbnaila */

/* legacy */
/*#main { padding: 4px; background-color:#ffffff }
#sidebar { padding: 4px; background-color:#ffffff }*/

table.IndexPagerPanel td { border:none }

.m0l0iout {color:  #000000; height: 25px; padding: 5px}
.m0l0iover {background-color:  #FF8000; color:  #000000; border: solid 0  #B0C0D0; height: 25px; padding: 5px}

.m0l0iout a { text-decoration: none; }
.m0l0iover a { text-decoration: none; }

.m0l1iout {background-color:  #D0E0E0; color:  #000000; border: solid 1px  #D0E0E0; height: 25px; padding: 5px}
.m0l1iover {background-color:  #8CA4BB; color:  #000000; border: solid 1px  #8CA4BB; height: 25px; padding: 5px}

.decor { background-color:  #FFFFFF; }

/* ul { margin-left:55px;} 

.header { }

.breadcrumbs { font-family: Verdana; font-size: 8pt; color:  #000000; }
.breadcrumbs a { color:  #000000; text-decoration: underline }*/

#menut ul, #menut li {padding: 0px; margin: 0px;}

#menut ul {background-color: #C6CFDE; list-style: none; padding: 0px; margin: 0px; display: block;}
#menut a {color:#104152; display: block; width: 190px; text-decoration: none; font-weight: bold; padding: 3px 0px; padding-left: 10px;}
#menut .n {padding-top: 1px; padding-bottom: 2px;}
* html #menut a{ /*IE only. */width: 200px;}
#menut ul ul li a {padding-left: 25px; width: 175px;}
* html #menut ul ul li a { /*IE only. */width: 200px;}
#menut ul ul ul li a {padding-left: 35px; width: 165px; font-weight: normal;}
* html #menut ul ul ul li a { /*IE only. */width: 200px;}
#menut ul ul ul ul li a {padding-left: 45px; width: 155px; font-weight: normal;}
* html #menut ul ul ul ul li a { /*IE only. */width: 200px;}
#menut ul ul ul ul ul li a {padding-left: 55px; width: 145px; font-weight: normal;}
* html #menut ul ul ul ul ul li a { /*IE only. */width: 200px;}
#menut ul ul ul ul ul ul li a {padding-left: 65px; width: 135px; font-weight: normal;}
* html #menut ul ul ul ul ul ul li a { /*IE only. */width: 200px;}

#menut a:hover {color: #FFFFFF; background-color: #FF7900;}
#menut ul li.n span {padding-left: 10px; width: 190px; cursor: default; font-weight: bold;}
#menut ul ul li.n span {padding-left: 25px; width: 175px; cursor: default; font-weight: bold;}
#menut ul ul ul li.n span {padding-left: 35px; width: 165px; cursor: default;}

#menut .s {background: #FFFFFF;}
#menut .s li a {background-color: #C6CFDE;}

.menu { background-color:  #FFFFFF; }

.main { background-color:  #FFFFFF; }
.main_box { background-color:  #F9F9F9; border: solid 1px  #DDDDDD; margin:4px; padding:4px;}

.side { background-color:  #FFFFFF }
.side_box { background-color:  #FF8000; border: solid 1px  #708B8B; margin:4px; padding:4px;}

/*.title { font-family: Verdana; color:  #FFFFFF; font-size: 20px; padding-top:8px; padding-left: 10px; letter-spacing: -1; }
.subtitle { font-family: Verdana; color:  #FFFFFF; font-size: 12px; padding-top: 5px; padding-left: 10px; }*/

.menu_1n { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; padding: 4px; width: 100%; }
.menu_2n { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 4px; margin-left: 20px; width:100%; }
.menu_3n { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px; margin-left: 40px; width:100%; }
.menu_4n { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px; margin-left: 60px; width:100%; }
.menu_5n { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px; margin-left: 80px; width:100%; }

.menu_1 a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #104050; padding: 4px; width: 100%; }
.menu_1 a:hover { color: White; background-color: #F87B00; border: solid 1px #F87B00; padding: 3px; }
.menu_1 a:link { }
.menu_1 a:visited { }
.menu_2 a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #104050; padding: 4px; margin-left: 20px; width:100%; }
.menu_2 a:hover { color: White; background-color: #F87B00; border: solid 1px #F87B00; padding: 3px; }
.menu_3 a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #104050; padding: 4px; margin-left: 40px; width:100%; }
.menu_3 a:hover { color: White; background-color: #F87B00; border: solid 1px #F87B00; padding: 3px;  }
.menu_4 a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #104050; padding: 4px; margin-left: 60px; width:100%; }
.menu_4 a:hover { color: White; background-color: #F87B00; border: solid 1px #F87B00; padding: 3px;  }
.menu_5 a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #104050; padding: 4px; margin-left: 80px; width:100%; }
.menu_5 a:hover { color: White; background-color: #F87B00; border: solid 1px #F87B00; padding: 3px;  }

.menu_1s a { background-color: White; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #104050; padding: 4px; width: 100%; }
.menu_2s a { background-color: White; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #104050; padding: 4px; margin-left: 20px; width:100%; }
.menu_3s a { background-color: White; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #104050; padding: 4px; margin-left: 40px; width:100%; }
.menu_4s a { background-color: White; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #104050; padding: 4px; margin-left: 60px; width:100%; }
.menu_5s a { background-color: White; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #104050; padding: 4px; margin-left: 80px; width:100%; }

/*.blue {background-color: #C1CEDD}
.darkblue {background-color: #6482A5}*/

.MessagePanel {background: #eeefff; padding:10px; margin: 20px; display:block}

/*.tab_shadow {background:url('Images/tab_shadow.gif');height:19px}

.PictureLink a:hover { background-color:#FFFFFF }*/