/*_______________GENERAL SETUP________________*/
body, html {
    font-size: 13px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

#body {
    background: #fff;
}

html {
    height: 100.1%;
}


table {
    border-collapse: collapse;
}

td {
    vertical-align: top;
}

a img, :link img, :visited img, img {
    border: 0;
    outline: none;
}

a {
    color: #0d729b;
    outline: none;
}

    a:hover {
        color: #075878;
    }

p, div {
    font-weight: normal;
}

/*___________________MAIN LAYOUT________________*/
#wrapper {
    width: 960px;
    margin: 0 auto 20px auto;
    padding: 0 0 10px 0;
    background: #fff; /*-moz-box-shadow:0 0 20px #333; -webkit-box-shadow:0 0 20px #333; box-shadow:0 0 20px #333;*/
}

#headerLogo {
    width: 960px;
    height: 140px;
    margin: 0 auto;
    background: url(../images/header-logo.png) no-repeat;
}

#logo {
    width: 339px;
    height: 119px;
    float: left;
    margin: 0;
}

#navBar { /*background-color: #bed6e2;*/
    width: 960px;
    height: 40px;
    margin: 0 auto 2px auto;
}

#content {
    /*width: 940px;*/
    margin: 0 auto;
}

#content {
    width: 950px;
    background-color: #bed6e2;
    margin-top: 2px;
    padding: 5px;
}
/* hack */


/*_______________Moje________________*/
.clear {
    clear: both;
}

h1 {
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: 1.25em;
}

    h1 a {
        text-decoration: none;
    }


span.title {
    font-weight: bold;
    font-size: 11px;
    padding: 5px;
    background: rgb(237, 239, 244);
    display: block;
    height: 14px;
    overflow: hidden;
    line-height: 16px;
    background: url('/images/blueBg.gif') repeat-x;
    color: white;
}
    
span.title a{
    color: rgb(237, 239, 244);
}


.column {
    background-color: white;
    width: 313px;
    float: left;
    margin-right: 4px;
}

    .column.last {
        margin-right: 0px;
    }

#hpColumn1 {
    width: 315px;
}


#hpJoinRow1 {
    background: white;
    margin-top: 5px;
}


.pageItem {
    margin: 0 0 0 0;
    position: relative;
}

#hpJoinRow1 .pageItem {
    display: block;
    float: left;
    margin-right: 4px;
    width: 204px;
    position: relative;
}

    #hpJoinRow1 .pageItem.last {
        margin-right: 0px;
    }


.button.b-close, .button.bClose {
    background-color: #2b91af;
    border-radius: 10px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.3);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    width: initial;
}


.button.b-close, .button.bClose {
    border-radius: 7px 7px 7px 7px;
    box-shadow: none;
    font: bold 131% sans-serif;
    padding: 0 6px 2px;
    position: absolute;
    right: -7px;
    top: -7px;
}

#videoPopup {
    display: none;
}

#popup, #popup2, .bMulti {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 25px 5px #999;
    color: #111;
    display: none;
    min-width: 450px;
    padding: 25px;
}

.videoItem div {
    /*text-align: justify;*/
}


.videoItem button {
    background: url('/images/play.png') no-repeat;
    color: white;
    position: absolute;
    left: 45%;
    border: 0px solid white;
    top: 99px;
    padding: 3px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.videoItem:hover {
    cursor: pointer;
}

    .videoItem:hover button {
        background: url('/images/playHover.png') no-repeat;
    }

    .videoItem:hover span {
        text-decoration: underline;
    }



#hpColumn1 span.title, .videoItem span.title, #hpJoinRow1 span.title {
    font-weight: bold;
    font-size: 11px;
    padding: 5px;
    background: rgb(237, 239, 244);
    display: block;
    height: 14px;
    overflow: hidden;
    line-height: 16px;
    background: url('/images/blueBg.gif') repeat-x;
    color: white;
}

#facebookOuter {
    height: 400px;
    overflow: hidden;
}


ul.footerMenu {
    float: right;
}

#footer {
    background: rgb(17,146,197) url('/images/blueBg.gif') repeat-x;
    color: white;
    height: 40px;
    line-height: 40px;
    padding: 5px;
}

    #footer div {
        padding: 0 5px;
    }

    #footer a {
        color: white;
    }

    #footer ul {
        margin: 0px;
        padding: 0px;
    }

        #footer ul li {
            display: block;
            float: left;
            padding: 0px;
        }

.footerCenter {
    text-align: center;
    display: block;
    line-height: 40px;
}


#content {
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 5px;
    padding-top: 15px;
}

.articleList .article {
    background: white;
    float: left;
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0px;
    width: 204px;
}

.articleList .alternate .article {
    margin-right: 0;
}

.articleList .article .photo {
    width: 176px;
    height: 100px;
    overflow: hidden;
    float: left;
    background-position: 50% 50%;
    background-size: 100%;
    display: block;
}

.articleList .article .description p {
    margin: 3px 0;
}

h1 {
    color: rgb(17, 146, 197);
    font-size: 2em;
    border-bottom: 1px solid rgb(17, 146, 197);
    margin-bottom: 10px;
}

#content .left, #content .right {
    float: left;
}

/*.linkList .left, .linkList .right {
    float: left;
}*/

#content .left {
    background: white;
    width: 628px;
    margin-right: 4px;
    /*padding: 5px;*/
}

/*.linkList .left {
    width: 628px;
    margin-right: 4px;
}*/

#content .right /*, .linkList .right*/ {
    clear: right;
    width: 318px;
    padding: 0px;
    padding-bottom: 0;
}

    #content .right > div {
        margin-bottom: 4px;
        background: white;
    }

        #content .right div.last /*, .linkList .right.last*/ {
            margin-bottom: 0px;
        }

.articleDetail .description {
    font-weight: bold;
    font-style: italic;
    text-align: justify;
    padding: 5px 0;
}

.articleDetail .text p {
    margin-bottom: 8px;
}

.articleDetail .text ol {
    /*border:1px solid lime;*/
    margin-left: 0px;
    padding-left: 25px;
    margin-bottom: 15px;
}

    .articleDetail .text ol li {
        /*border:1px solid yellow;*/
    }

.articleDetail .description p {
    font-weight: bold;
}

    .articleDetail .description p strong {
        background: yellow;
    }

.articleDetail .text, .articleDetail .text p {
    text-align: justify;
}

.articleDetail .images a {
    display: block;
    float: left;
    margin-right: 3px;
    margin-top: 3px;
    width: 104px;
    height: 70px;
    background-size: 100%;
    background-position: 50% 50%;
}

    .articleDetail .images a.first {
        float: none;
        margin: 0;
        width: auto;
        height: auto;
    }


    .articleDetail .images a.third {
        margin-right: 0px;
    }

.articleDetail .images img {
    display: block;
    max-width: 150px;
    max-height: 66px;
}

.articleDetail .images a.first img {
    display: block;
    max-width: none;
    max-height: none;
}



.files a {
    display: block;
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding: 0 0 0 18px;
    /*line-height: 25px;
    height: 25px;*/
    margin-bottom: 6px;
    background-size:auto 80%;
    text-decoration:none;
}

    .files a.pdf {
        background-image: url("/images/Icons/pdf.jpg");
    }

    .files a.doc {
        background-image: url("/images/Icons/word.jpg");
    }

    .files a.xls {
        background-image: url("/images/Icons/excel.jpg");
    }
    .files a.swf {
        background-image: url("/images/Icons/flasch.jpg");
    }

div.videoItem {
    position: relative;
}

.articleDetail .videos div.videoItem {
    float: left;
    margin-right: 3px;
    margin-top: 3px;
}

.articleDetail .videoItem button {
    left: 40%;
    top: 40%;
}


#imagesPopup {
    display: none;
}

#hpJoinRow1 .pageItem .description {
    text-align: left;
}

#hpJoinRow1 .pageItem span.photo {
    width: 204px;
    height: 125px;
    /*background-color: red;*/
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%;
    margin-bottom: 4px;
    display: block;
}

.galleryList {
}

    .galleryList .images a {
        display: block;
        float: left;
        margin-right: 5px;
        margin-bottom: 5px;
        width: 186px;
        height: 102px;
        background-color: white;
        background-position: 50% 50%;
        background-size: 100%;
        background-repeat: no-repeat;
        text-decoration: none;
    }

        .galleryList .images a.fifth {
            margin-right: 0px;
        }

        .galleryList .images a img {
            display: none;
        }

.videoList {
}

    .videoList .videoItem {
        display: block;
        float: left;
        margin-right: 3px;
        margin-bottom: 3px;
        width: 313px;
        height: 172px;
        background-color: white;
        background-position: 50% 50%;
        background-size: 100%;
        background-repeat: no-repeat;
        border: 1px solid white;
        position: relative;
    }

        .videoList .videoItem button {
            left: 45%;
            top: 45%;
        }

.right .title {
    font-weight: bold;
    font-size: 11px;
    padding: 5px;
    display: block;
    height: 14px;
    overflow: hidden;
    line-height: 16px;
    background: rgb(237, 239, 244) url('/images/blueBg.gif') repeat-x;
    color: white;
    /*margin-bottom:4px;*/
}

#rightFiles .files {
    padding: 3px;
}


.articleList .pageItem {
    display: block;
    float: left;
    margin-right: 4px;
    width: 202px;
}

    .articleList .pageItem .description {
        text-align: left;
    }

    .articleList .pageItem .photo {
        width: 204px;
        height: 114px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 100%;
        margin-bottom: 4px;
        display: block;
    }


.articleList .left, .articleDetail .left {
    padding: 0px;
    width: 628px;
}

    .articleList .left .articles, .articleDetail .left .articleContent {
        padding: 5px;
    }

    .articleList .left a.navigation {
        color: white;
    }

    .articleDetail .left .date {
        float: right;
        padding: 5px 5px 4px 15px;
        display: block;
        background: url('/images/blueBg.gif') repeat-x;
        color: white;
        text-align: right;
    }

    .articleList .left .title, .articleDetail .left .title {
        font-weight: bold;
        font-size: 11px;
        padding: 5px;
        display: block;
        background: rgb(17,146,197) url('/images/blueBg.gif') repeat-x;
        color: white;
    }


.images .title, .videos .title {
    /*margin-right: 4px;*/
    text-align: right;
}

.images .category {
    /*line-height: 115px;*/
    text-align: center;
    font-size: 1.3em;
    /*text-shadow:     -1px -1px 0 #000,     1px -1px 0 #000,     -1px 1px 0 #000,     1px 1px 0 #000;*/
}

    .images .category span, .videos .category span {
        background-color: rgba(255,255,255,0.7);
        padding: 5px;
        display: block;
    }


.videos .category {
    width: 314px;
    height: 174px;
    display: block;
    float: left;
    margin-right: 4px;
    margin-bottom: 4px;
    /*line-height: 174px;*/
    text-align: center;
    font-size: 1.3em;
    /*border: 1px solid white;*/
    background-position: 50% 50%;
    background-size: 100%;
}

    .videos .category.third {
        margin-right: 0;
    }

.linkList .title a {
    color: white;
}

.linkList .group {
    padding: 5px;
    background: white;
    margin-bottom: 4px;
}

.links h2 {
    padding: 5px 0;
}


#hpJoinRow1 .pageItem .description, .videoItem .description, .articles .pageItem .description {
    margin: 3px 0;
}



/*#hpJoinRow1 .pageItem .description:after {
    width: 12px;
    height: 12px;
    content: '...';
    display: block;
    background:yellow;
    position: fixed;
}*/

.videoItem .description {
    padding: 4px;
    /*height: 43px;*/
}

.pageItem .description p {
    margin: 0;
}


.articleList .articles .clear {
    height: 15px;
}


.left .articles .articleTitle, #hpJoinRow1 .pageItem .articleTitle {
    height: 33px;
    display: block;
    overflow: hidden;
}

.left .articles .articleDate, #hpJoinRow1 .pageItem .articleDate {
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(255,255,255,0.7);
    color: #075878;
    padding: 2px;
}


#AreaOuter59 .left {
    background-color: #bed6e2;
}

#AreaOuter59 h1 {
    margin-bottom: 0;
}

#AreaOuter59 .articleList {
    padding: 0;
}

#AreaOuter59 .left .title {
    display: none;
}

#AreaOuter59.articleList .clear {
    height: 0;
}

#AreaOuter59 .right {
    margin-top:5px;
}


.areaList .pageItem {
    display: block;
    float: left;
    margin-right: 5px;
    width: 186px;
    background: white;
}

    .areaList .pageItem .description {
        padding: 3px;
    }

.areaList .areaTitle {
    background-color: rgba(255,255,255,0.7);
    padding: 5px;
    display: block;
    text-align: center;
    font-size: 1.3em;
}

/*.areaList div.pageItem .description {
    position: absolute;
    bottom: 0;
    padding:3px;
    text-align:center;
    left: 0;
    width: 185px;
    height:1em;
    background-color: rgba(255,255,255,0.7);
}*/


#hpColumn2 .videoItem button {
    left: 140px;
    height: 77px;
}

#rightVideos .videoItem button {
    left: 147px;
    top: 78px;
}

#rightVideos .videoItem.notFirst button {
    left: 67px;
    top: 32px;
}

.galleryList .title {
    text-align: right;
}

    .galleryList .title a {
        color: white;
    }

.videoList .videoItem {
    width: 314px;
    height: 174px;
    border: none;
    margin-right: 4px;
    margin-bottom: 4px;
}

    .videoList .videoItem.third {
        margin-right: 0;
    }

.linkList .right .pageItem span.image {
    text-align: center;
    margin-top: 25px;
    display: block;
}

.linkList .right .pageItem img {
    max-width: 308px;
    max-height: 80px;
    display: block;
    margin: auto;
}


.galleryList a.hide {
    display: none;
}


span.title span.navigation span {
    cursor: pointer;
    text-decoration: underline;
}

    span.title span.navigation span.actual {
        cursor: default;
        text-decoration: none;
    }

 #rightVideos .videoItem {
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:100% auto;
}

 #rightVideos .videoItem.notFirst {
    margin: 4px 0 0 0;
    width: 157px;
    height:88px;
    float:left;
    /*background-color:lime;*/
}

 #rightVideos .videoItem.first {
    /*margin: 0 0 4px 0;*/
    width: 318px;
    height:179px;
}

 #rightVideos .videoItem.notFirst.even {
    margin-right: 4px;
}

 /*#rightVideos .videoItem img {
  max-width: 150px;
  max-height: 97px;
}*/

    /*#rightVideos .videoItem.first img {
        width: 318px;
        max-width: inherit;
        max-height: inherit;
    }*/

.files2015 a {
    text-decoration:none;
}

.files2015 li {
    padding-bottom:2px;
}


.linkList .group.older {
    margin-bottom: 0px;
    padding-top:0;
    padding-bottom:0; 
}