/* RESET--------------------------------------------------------------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,blockquote,table,td,th {margin: 0; padding: 0; outline: none; font-weight: normal;}
table, td, tr {border-collapse: collapse; border-spacing: 0;}
ol, ul {list-style: none;}
a, a img {outline: none; text-decoration: none; border: 0;}
td {vertical-align: top;}
p {padding: 0; margin: 0 0 15px 0;}
* {margin: 0; padding: 0;}
.l {float: left;}
.clr {clear: both; overflow: hidden; height: 0px;}
header, nav, section, article, aside, footer {display: block;}

/* BODY-------------------------------------------------------------------------------------------------------------------------------------------- */
body {font-weight: 400; color: #808080; background-color: #d8eaf5; font: normal 14px/1.3 'Roboto', sans-serif;}
.container {margin: 0 auto; position: relative;}
.page {background-color: #f3f3f3;}


@media (min-width: 1px) {
    .container {width: 300px;}
    .content {padding: 20px;}
    
    .col_l {padding: 20px 20px 0 20px; color: #082e45;}
    .col_r {padding: 20px;}
    #strefa .col_r {padding: 20px;}
    #page_news_single {padding: 0;}
}
@media (min-width: 480px) {
    .container {width: 400px;}
    .content {padding: 30px;}
    
    .col_l {padding: 30px 30px 0 30px; color: #082e45;}
    .col_r {padding: 30px;}
    #strefa .col_r {padding: 30px;}

}
@media (min-width: 640px) {
    .container {width: 560px;}
    .content {padding: 40px;}
    
    .col_l {padding: 40px 40px 0 40px; color: #082e45;}
    .col_r {padding: 40px;}
    #strefa .col_r {padding: 40px;}

}
@media (min-width: 768px) {
    .container {width: 700px;}
    .content {padding: 50px;}
    .col_l {width: 260px; float: left; padding: 50px 0 50px 40px; color: #082e45;}
    .col_r {width: 320px; float: right; padding: 50px 40px;}
    #strefa .col_r {padding: 0 0 0 40px; width: 360px;}
    
    #page_news_single {padding: 0 40px 0 0; width: 320px;}
    #page_download {padding: 50px 40px 50px 0;}
}
@media (min-width: 1024px) {
    .container {width: 900px;}
    .content {padding: 60px;}
    .col_l {width: 260px; float: left; padding: 60px 0 60px 40px; color: #082e45;}
    .col_r {width: 520px; float: right; padding: 60px 40px;}
    #strefa .col_r {padding: 0 0 0 40px; width: 560px;}
    
    #page_news_single {padding: 0 40px 0 0; width: 520px;}
    #page_download {padding: 60px 40px 60px 0;}
}
@media (min-width: 1366px) {
    .container {width: 1100px;}
    .content {padding: 70px;}
    .col_l {width: 260px; float: left; padding: 70px 0 70px 40px; color: #082e45;}
    .col_r {width: 720px; float: right; padding: 70px 40px;}
    #strefa .col_r {padding: 0 0 0 40px; width: 760px;}
    
    #page_news_single {padding: 0 40px 0 0; width: 720px;}
    #page_download {padding: 70px 40px 70px 0;}
}
@media (min-width: 1600px) {
    .container {width: 1200px;}
    .content {padding: 80px;}
    .col_l {width: 260px; float: left; padding: 80px 0 80px 40px; color: #082e45;}
    .col_r {width: 820px; float: right; padding: 80px 40px;}
    #strefa .col_r {padding: 0 0 0 40px; width: 860px;}
    
    #page_news_single {padding: 0 40px 0 0; width: 820px;}
    #page_download {padding: 80px 40px 80px 0;}
}

/* HEADER------------------------------------------------------------------------------------------------------------------------------------------ */
#header_contact div {border-right: 1px solid #065389; display: inline-block;}
#header_contact div:last-child {border-right: 0px solid #065389;}

#breadcrumbs {color: #004469; font-size: 13px;}
#breadcrumbs a {color: #5dbdf1;}
#breadcrumbs a:hover {color: #004469;}

@media (min-width: 1px) {
    #header_top_strefa {width: 100%; height: 200px; position: relative; background-color: #fff;}
    #header_top {width: 100%; height: 200px; position: relative; background-color: #fff;}
    #header_logo {width: 250px; padding: 25px 0 0 0;}
    #header_logo img {width: 250px; height: auto;}
    #header_contact {padding: 15px 0 0 0;}
    #header_contact div {padding: 6px;}
    #breadcrumbs {margin: 10px 0;}
}
@media (min-width: 480px) {
    #header_top_strefa {width: 100%; height: 200px; position: relative; background-color: #fff;}
    #header_top {width: 100%; height: 200px; position: relative; background-color: #fff;}
    #header_logo {width: 250px; padding: 25px 0 0 0;}
    #header_logo img {width: 250px; height: auto;}
    #header_contact {padding: 15px 0 0 0;}
    #header_contact div {padding: 10px;}
}
@media (min-width: 640px) {
    #header_top_strefa {width: 100%; height: 140px; position: relative; background-color: #fff;}
    #header_top {width: 100%; height: 200px; position: relative; background-color: #fff;}
    #header_logo {width: 225px; margin: 25px 0 0 0; float: left; padding: 0;}
    #header_logo img {width: 225px; height: auto;}
    #header_contact {float: right; margin: 25px 0 0 0; padding: 0;}
    #header_contact div {padding: 8px;}
}
@media (min-width: 768px) {
    #header_top {width: 100%; height: 200px; position: relative; background-color: #fff;}
    #header_logo {width: 275px; margin: 25px 0 0 0; float: left;}
    #header_logo img {width: 275px; height: auto;}
    #header_contact {float: right; margin: 25px 0 0 0;}
    #header_contact div {padding: 12px 15px;}
}
@media (min-width: 1024px) {
    #header_top {width: 100%; height: 290px; position: relative; background-color: #fff;}
    #header_logo {width: 330px; margin: 25px 0 0 40px; float: left;}
    #header_logo img {width: 328px; height: auto;}
    #header_contact {float: right; margin: 25px 40px 0 0;}
    #header_contact div {padding: 20px;}
    #breadcrumbs {margin: 10px 0 10px 40px;}
}
@media (min-width: 1366px) {
}
@media (min-width: 1600px) {
}

/* SOCIAL MEDIA --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.fb_ico {background: url(/img/ico/fb_ico.png) top center no-repeat; width: 35px; height: 35px; margin: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; float: right;}
.tw_ico {background: url(/img/ico/tw_ico.png) top center no-repeat; width: 35px; height: 35px; margin: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; float: right;}
.yt_ico {background: url(/img/ico/yt_ico.png) top center no-repeat; width: 35px; height: 35px; margin: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; float: right;}
.nl_ico {background: url(/img/ico/nl_ico.png) top center no-repeat; width: 35px; height: 35px; margin: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; float: right;}
.fb_ico:hover, .tw_ico:hover, .yt_ico:hover, .nl_ico:hover {background-position: 0px -35px;}
.login_ico {background: url(/img/ico/login_ico.png) top center no-repeat; height: 16px; margin: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; float: right; padding: 30px 0 0 0; vertical-align: middle; color: #808080; font: normal 12px/1.3 'Roboto Condensed', sans-serif;
font-weight: 700; text-transform: uppercase; text-align: center;}
.login_ico:hover {background-position: center -46px; color: #5dbdf1;}

/* HOME BANNER------------------------------------------------------------------------------------------------------------------------------------- */
#banner_home {width: 100%; position: relative; background-color: #004469; border-bottom: 30px solid #d8eaf5;}
#banner_home .slide {width: 100%; position: relative; background-size: cover !important; } 
#banner_home .slide a {display: block; width: 100%; height: 100%; position: relative;}
.slide_text .title {color: #fff; font-family: 'Roboto Condensed', sans-serif; line-height: 1.1; font-weight: 700; text-transform: uppercase;}  
.banner_box {background: url(/img/bg_banner_box.png) center center no-repeat; background-size: cover; position: absolute; z-index: 100;}
.slide_text {position: absolute; left: 0px; bottom: 0px; background-color: rgba(0, 68, 105, 0.8); padding: 15px 40px;}

#banner_home_nav {position: absolute; z-index: 100;}
#banner_home_nav a {width: 10px; height: 10px; display: block; border: 2px solid #fff; margin: 0 0 15px 0;}
#banner_home_nav a:hover, #banner_home_nav a.selected {background-color: #fff;}
#banner_home_slidetabs {display: none;}

@media (min-width: 1px) {
    #banner_home {height: 85px; margin: 0;}
    #banner_home .slide, #banner_home .slide .container {height: 85px;}
    .slide_text .title {font-size: 12px;} 
    #banner_home_nav {display: none;}
}
@media (min-width: 480px) {
    #banner_home {height: 113px; margin: 0;}
    #banner_home .slide, #banner_home .slide .container {height: 113px;}
    .slide_text .title {font-size: 14px;}
}
@media (min-width: 640px) {
    #banner_home {height: 158px; margin: -80px 0 0 0;}
    #banner_home .slide, #banner_home .slide .container {height: 158px;}
    .slide_text .title {font-size: 16px;} 
    #banner_home_nav {top: 50px;}
    .banner_box {width: 150px; height: 69px; top: 20px; left: 20px; display: block;}
}
@media (min-width: 768px) {
    #banner_home {height: 197px; margin: -80px 0 0 0;}
    #banner_home .slide, #banner_home .slide .container {height: 197px;}
    .slide_text .title {font-size: 18px;} 
    #banner_home_nav {top: 70px; right: 30px;}
    .banner_box {width: 200px; height: 92px; top: 20px; left: 30px;}
}
@media (min-width: 1024px) {
    #banner_home {height: 254px; margin: -160px 0 0 0;}
    #banner_home .slide, #banner_home .slide .container {height: 254px;}
    .slide_text .title {font-size: 22px;} 
    #banner_home_nav {top: 100px;}
    .banner_box {width: 250px; height: 115px; top: 30px; left: 30px;}
}
@media (min-width: 1366px) {
    #banner_home {height: 310px; margin: -160px 0 0 0;}
    #banner_home .slide, #banner_home .slide .container {height: 310px;}
    .slide_text .title {font-size: 26px;} 
    #banner_home_nav {top: 130px; right: 40px;}
    .banner_box {width: 325px; height: 149px; top: 30px; left: 40px;}
}
@media (min-width: 1600px) {
    #banner_home {height: 338px; margin: -160px 0 0 0;}
    #banner_home .slide, #banner_home .slide .container {height: 338px;}
    .slide_text .title {font-size: 30px;} 
    #banner_home_nav {top: 140px;}
    .banner_box {width: 350px; height: 160px; top: 30px; left: 40px;}
}
     

/* STATIC BANNER------------------------------------------------------------------------------------------------------------------------------------- */    
#static_banner {display: block; width: 100%; height: 220px; margin: -160px 0 0 0; background-color: #004469; background-repeat: no-repeat; background-position: center center; background-size: cover !important;}

/* NAV--------------------------------------------------------------------------------------------------------------------------------------------- */
#nav_main {width: 100%; height: 50px; background-color: #004469;}
#nav_main ul {float: right; text-align: right; margin: 0 40px;}
#nav_main li {float: left; position: relative;}
#nav_main li a {color: #fff; padding: 0 20px; font: normal 18px/50px 'Roboto Condensed', sans-serif; font-weight: 700; display: block; text-transform: uppercase; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
#nav_main li a:hover, #nav_main li a.selected {color: #004469; background-color: #fff;}


#nav_main .menu-element-container {position: absolute; top: 50px; left: -40px; background-color: #004469; padding: 20px 0; -webkit-box-shadow: 0px 0px 34px -6px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 34px -6px rgba(0,0,0,0.3); box-shadow: 0px 0px 34px -6px rgba(0,0,0,0.3); display: none; z-index: 1000; width: 200px;}
#nav_main .menu-element-container li {display: block; float: none;}
#nav_main .menu-element-container li a {text-align: left; text-transform: none; color: #fff; font-size: 16px; line-height: 1; font-weight: 400; padding: 10px 20px; display: block; transition: none;}
#nav_main .menu-element-container li a:hover, #nav_main .menu-element-container li a.selected {background: url(/img/bg_nav.png) right 14px no-repeat #fff; color: #004469;}

#sub_nav {margin: 0 0 30px 0;}
#sub_nav a {color: #004469;}
#sub_nav a:hover, #sub_nav a.selected {color: #5dbdf1;}


#rwd-menu-button {width: 100%; height: 50px; text-align: center; font-weight: 600; background: url(/img/bg_rwd_menu.png) center right no-repeat #004469; display: block; z-index: 20; cursor: pointer;font: normal 18px/50px 'Roboto Condensed', sans-serif; font-weight: 700; text-transform: uppercase; color: #fff;}
#rwd-menu-button a:hover {background-color: #fff; color: #004469;}
#rwd-menu-button.open {background: url(/img/bg_rwd_menu_close.png) center right no-repeat; display: block; color: #004469; background-color: #fff;}
#rwd-menu-container {display: none; position: absolute; right: 0px; z-index: 119; height: auto; background-color: #004469; text-align: center; width: 100%;}
.rwd-main ul {margin: 0 auto; display: block; list-style-type: none;}
.rwd-main li {border-top: 1px solid #025583;}
.rwd-main li:first-child {border-top: 0px solid #025583;}
.rwd-main li a {font: normal 18px/50px 'Roboto Condensed', sans-serif; font-weight: 700; display: block; text-transform: uppercase; text-align: center; color: #fff;}
.rwd-main li a:hover, .rwd-main li a.selected {background-color: #fff; color: #004469;}

@media (min-width: 1px) {
    #nav_rwd {display: block;}
    #nav_main {display: none;}
}
@media (min-width: 480px) {
}
@media (min-width: 640px) {
}
@media (min-width: 768px) {
    #nav_rwd {display: none;}
    #nav_main {display: block;}
}
@media (min-width: 1024px) {
}
@media (min-width: 1366px) {
}
@media (min-width: 1600px) {
}

/* HOME BOX--------------------------------------------------------------------------------------------------------------------------------------------- */
#home_box_video {background-color: #004469;}
.video {margin: 0 0 -4px 0;}
.home_box_wrap {padding: 20px 40px; color: #d8eaf5; position: relative;}
.home_box_title {font-size: 20px; font-weight: 500; margin: 0 0 15px 0; min-height: 52px;}

@media (min-width: 1px) {
    .home_box_video {width: 100%;}
    .home_box_foto, .video {width: 100%; height: 170px; margin: 0px; padding: 0px;}
}
@media (min-width: 480px) {
    .home_box_foto, .video {width: 100%; height: 225px; margin: 0px; padding: 0px;}
}
@media (min-width: 640px) {
    .home_box_foto, .video {width: 100%; height: 300px; margin: 0px; padding: 0px;}
}
@media (min-width: 768px) {
    .home_box_video {width: 350px; float: left;}
    .home_box_foto, .video {width: 100%; height: 196px; margin: 0px; padding: 0px;}
}
@media (min-width: 1024px) {
    .home_box_video {width: 450px; float: left;}
    .home_box_foto, .video {width: 100%; height: 253px; margin: 0px; padding: 0px;}
    .home_box_desc {width: 80%; min-height: 110px;}
    .home_box_btn {position: absolute; bottom: 28px; right: 40px;}
}
@media (min-width: 1366px) {
    .home_box_video {width: 550px; float: left;}
    .home_box_foto, .video {width: 100%; height: 300px; margin: 0px; padding: 0px;}
}
@media (min-width: 1600px) {
    .home_box_video {width: 600px; float: left;}
    .home_box_foto, .video {width: 100%; height: 300px; margin: 0px; padding: 0px;}
}

    
/* NEWS--------------------------------------------------------------------------------------------------------------------------------------------- */

#home_news  .news_title {font-weight: 500; color: #004469;}
#home_news  .news_date {color: #808080; margin: 0 0 15px 0;}
#home_news  .news_desc {margin: 0 0 15px 0;}

@media (min-width: 1px) {
    #home_news {margin: 50px 40px;}
    #home_news  .news_item {position: relative; padding: 0 0 25px 0; margin: 0 0 25px 0; background: none;}
}
@media (min-width: 480px) {
    #home_news  .news_item {padding: 0 0 25px 50px; margin: 0 0 25px 0; background: url(/img/bg_news.png) left top no-repeat;}
    .more {margin: 0 0 0 50px;}
}
@media (min-width: 1024px) {
    #home_news {margin: 50px 40px;}
    #home_news  .news_item {width: 195px; min-height: 340px; position: relative; float: left; padding: 0 0 0 50px; margin: 0 40px 25px 0; border-bottom: 0px solid #ccc; background: url(/img/bg_news.png) left top no-repeat;}
    #home_news  .news_item:nth-of-type(3) {margin: 0 0 25px 0;}
    #home_news  .news_title {font-size: 18px;}
    #home_news  .news_item  .btn {position: absolute; bottom: 0px; left: 50px;}
}
@media (min-width: 1366px) {
    #home_news {margin: 50px 80px;}
    #home_news  .news_item {width: 235px; min-height: 300px; position: relative; float: left; padding: 0 0 0 50px; margin: 0 40px 25px 0; border-bottom: 0px solid #ccc; background: url(/img/bg_news.png) left top no-repeat;}
    #home_news  .news_item:nth-of-type(3) {margin: 0 0 25px 0;}
    #home_news  .news_title {font-size: 19px;}
}
@media (min-width: 1600px) {
    #home_news  .news_item {width: 270px; min-height: 300px; position: relative; float: left; padding: 0 0 0 50px; margin: 0 40px 25px 0; border-bottom: 0px solid #ccc; background: url(/img/bg_news.png) left top no-repeat;}
    #home_news  .news_item:nth-of-type(3) {margin: 0 0 25px 0;}
    #home_news  .news_title {font-size: 20px;}
}


.news_menu h2 {color: #082e45; background: none; text-align: left;}
#page_news .news_foto {margin: 0 0 25px 0; display: block;}
#page_news .news_list .video {margin: 0 0 25px 0;}

@media (min-width: 1px) {
    .news_list {width: 260px; padding: 20px;}
    .news_menu {width: 260px; padding: 20px; color: #082e45; background-color: #ddd9da;}
    #page_news .news_list .video {width: 260px; height: 146px;}
}
@media (min-width: 480px) {
    .news_list {width: 340px; padding: 30px;}
    .news_menu {width: 340px; padding: 30px; color: #082e45; background-color: #ddd9da;}
    #page_news .news_list .video {width: 340px; height: 190px;}
}
@media (min-width: 640px) {
    .news_list {width: 480px; padding: 40px;}
    .news_menu {width: 480px; padding: 40px; color: #082e45; background-color: #ddd9da;}
    #page_news .news_list .video {width: 480px; height: 270px;}
}
@media (min-width: 768px) {
    .news_list {width: 600px; padding: 50px;}
    .news_menu {width: 600px; padding: 50px; color: #082e45; background-color: #ddd9da;}
    #page_news .news_list .video {width: 600px; height: 340px;}
}
@media (min-width: 1024px) {
    #page_news {background: url(/img/bg_news.jpg) top right repeat-y;}
    .news_list {width: 480px; float: left; padding: 60px;}
    .news_menu {width: 220px; float: right; padding: 60px 40px; color: #082e45;}
    #page_news .news_list .video {width: 480px; height: 270px;}
}
@media (min-width: 1366px) {
    .news_list {width: 660px; float: left; padding: 70px;}
    .news_menu {width: 220px; float: right; padding: 70px 40px; color: #082e45;}
    #page_news .news_list .video {width: 660px; height: 370px;}
}
@media (min-width: 1600px) {
    .news_list {width: 740px; float: left; padding: 80px;}
    .news_menu {width: 220px; float: right; padding: 80px 40px; color: #082e45;}
    #page_news .news_list .video {width: 740px; height: 415px;}
}

.news_item {padding: 0 0 25px 50px; margin: 0 0 25px 0; border-bottom: 1px solid #ccc; background: url(/img/bg_news.png) left top no-repeat;}
.news_title, .accordion_name {font-size: 17px; font-weight: 500; color: #004469;}
.news_date {color: #808080; margin: 0 0 15px 0;}
.news_date span {color: #004469;}
.news_desc {margin: 0 0 15px 0;}


.year {font-weight: 700; margin: 5px 0;}
.news_months ul { margin: 0 0 15px 18px;}
.news_months ul li {margin: 0; list-style-type: circle; list-style-position: inside;}
.news_months ul li a {color: #082e45;}
.news_months ul li a:hover {color: #fff;}

#page_news_single .news_list {width: 100%; float: none;}

.forum  {float: right; margin: 0 0 15px 5px;}



@media (min-width: 1px) {
    .news_item {padding: 0 0 25px 0; margin: 0 0 25px 0; border-bottom: 1px solid #ccc; background: none;}
    .year {font: normal 16px/1 'Roboto Condensed', sans-serif;}
    .news_months ul li a {font-size: 14px;}
    .news_foto img {width: 260px; height: auto;}
    .gallery-item {width: 250px; height: 150px; margin: 0 5px 25px 5px; float: left;}
    .gallery-item img {width: 250px; height: 150px;}
    #strefa #page_news {background: none;}
    #strefa .news_list {width: 260px; padding: 0;}
    #strefa .news_menu {width: 220px; padding: 20px; margin: 20px 0 0 0;}
}
@media (min-width: 480px) {
    .news_item {padding: 0 0 25px 50px; margin: 0 0 25px 0; border-bottom: 1px solid #ccc; background: url(/img/bg_news.png) left top no-repeat;}
    .news_foto img {width: 340px; height: auto;}
    .gallery-item {width: 155px; height: 93px; margin: 0 25px 25px 0; float: left;}
    .gallery-item img {width: 155px; height: 93px;}
    .gallery-item:nth-of-type(2n) {margin: 0 0 25px 0;}
    #strefa .news_list {width: 340px; padding: 0;}
    #strefa .news_menu {width: 280px; padding: 30px; margin: 30px 0 0 0;}
}
@media (min-width: 640px) {
    .news_foto img {width: 480px; height: auto;}
    .gallery-item {width: 225px; height: 135px; margin: 0 25px 25px 0; float: left;}
    .gallery-item img {width: 225px; height: 135px;}
    .gallery-item:nth-of-type(2n) {margin: 0 0 25px 0;}
    #strefa .news_list {width: 480px; padding: 0;}
    #strefa .news_menu {width: 400px; padding: 40px; margin: 40px 0 0 0;}
}
@media (min-width: 768px) {
    .year {font: normal 17px/1 'Roboto Condensed', sans-serif;}
    .news_months ul li a {font-size: 15px;}
    .news_foto img {width: 600px; height: auto;}
    .gallery-item {width: 180px; height: 108px; margin: 0 25px 25px 0; float: left;}
    .gallery-item img {width: 180px; height: 108px;}
    .gallery-item:nth-of-type(2n) {margin: 0 25px 25px 0;}
    .gallery-item:nth-of-type(3n) {margin: 0 0 25px 0;}
    #strefa .news_list {width: 320px; padding: 50px 0;}
    #strefa .news_menu {width: 280px; padding: 50px 40px; margin: 0;}
    #strefa #page_news_single .news_list {width: 320px;}
}
@media (min-width: 1024px) {
    .news_foto img {width: 480px; height: auto;}
    .gallery-item {width: 225px; height: 135px; margin: 0 25px 25px 0; float: left;}
    .gallery-item img {width: 225px; height: 135px;}
    .gallery-item:nth-of-type(3n) {margin: 0 25px 25px 0;}
    .gallery-item:nth-of-type(2n) {margin: 0 0 25px 0;}
    #strefa .news_list {width: 520px; padding: 60px 0;}
    #strefa .news_menu {width: 480px; padding: 60px 40px;}
    #strefa #page_news_single .news_list {width: 520px;}
}
@media (min-width: 1366px) {
    .year {font: normal 18px/1 'Roboto Condensed', sans-serif;}
    .news_months ul li a {font-size: 16px;}
    .news_foto img {width: 660px; height: auto;}
    .gallery-item {width: 200px; height: 120px; margin: 0 25px 25px 0; float: left;}
    .gallery-item img {width: 200px; height: 120px;}
    .gallery-item:nth-of-type(2n) {margin: 0 25px 25px 0;}
    .gallery-item:nth-of-type(3n) {margin: 0 0 25px 0;}
    #strefa .news_list {width: 390px; float: left; padding: 70px 0;}
    #strefa .news_menu {width: 220px; padding: 80px 40px;}
    #strefa #page_news {background: url(/img/bg_news.jpg) top right repeat-y;}
    #strefa #page_news_single .news_list {width: 720px;}
}
@media (min-width: 1600px) {
    .news_foto img {width: 740px; height: auto;}
    .gallery-item {width: 230px; height: 138px; margin: 0 25px 25px 0; float: left;}
    .gallery-item img {width: 230px; height: 138px;}
    .gallery-item:nth-of-type(3n) {margin: 0 0 25px 0;}
    #strefa .news_list {width: 490px; float: left; padding: 80px 0;}
    #strefa #page_news_single .news_list {width: 820px;}
}

/* ATTACHEMENT------------------------------------------------------------------------------------------------------------------------------------------ */
#attachment_list {margin: 20px 0;}
.attachment_item {display: block; padding: 5px 0 5px 40px; background: url(/img/bg_attachement.png) left top no-repeat;}

/* COMMENT------------------------------------------------------------------------------------------------------------------------------------------ */
.comment_message textarea {width: 96%; margin: 0 0 10px 0;}
.comment_message .btn {float: right;}
.token {float: left;}
.token img {vertical-align: middle;}
.token input {width: 100px; vertical-align: middle;}
#reviews_list {margin: 40px 0 0 0;}
.review_item {border-bottom: 1px solid #ccc; padding: 0 0 15px 0; margin: 0 0 15px 0;}
.review_author {font-weight: 700; color: #004469;}
.review_desc {margin: 5px 0 0 0;}

/* USER INFO------------------------------------------------------------------------------------------------------------------------------------------ */
#user_info {margin: 0 0 30px 0;}

/* HARMONICA--------------------------------------------------------------------------------------------------------------------------------------------- */
#accordion_group_list .accordion_container {padding: 0 0 5px 0; margin: 0 0 15px 0; border-bottom: 1px solid #ccc;}

.accordion-group h4 {padding-top: 7px;}
.accordion_title {font-weight: 500; color: #004469;}
.accordion_content figure {margin: 10px 0;}
.accordion_desc {margin: 15px 0 0 0;}
.accordion_more_a figure {float: left; margin: 0 30px 15px 0;}

@media (min-width: 1px) {
    #accordion_list .accordion_container {padding: 20px; margin: 0 0 25px 0; border: 1px solid #ccc; width: 218px; min-height: 230px;}
    .accordion_title {font-size: 16px;}
}
@media (min-width: 480px) {
    .accordion-group {background: url(/img/bg_accordion.png) 0px 0px no-repeat; padding: 0 0 0 50px;}
    #accordion_list .accordion_container {padding: 20px; margin: 0 0 25px 0; border: 1px solid #ccc; width: 295px; min-height: 230px;}
    .accordion_title {font-size: 16px;}
}
@media (min-width: 640px) {
    #accordion_list .accordion_container {padding: 20px; margin: 0 25px 25px 0; border: 1px solid #ccc; width: 185px; float: left; min-height: 270px;}
    #accordion_list .accordion_container:nth-of-type(2n) {margin: 0 0 25px 0;}
    #accordion_list .accordion_container:nth-of-type(2n+1) {clear: both;}
    .accordion_title {font-size: 17px;}
}
@media (min-width: 768px) {
    #accordion_list .accordion_container {padding: 20px; margin: 0 25px 25px 0; border: 1px solid #ccc; width: 245px; float: left; min-height: 270px;}
    #accordion_list .accordion_container:nth-of-type(2n) {margin: 0 0 25px 0;}
    #accordion_list .accordion_container:nth-of-type(2n+1) {clear: both;}
    .accordion_title {font-size: 18px;}
}
@media (min-width: 1024px) {
    #accordion_list .accordion_container {padding: 20px; margin: 0 25px 25px 0; border: 1px solid #ccc; width: 200px; float: left; min-height: 270px;}
    #accordion_list .accordion_container:nth-of-type(2n) {margin: 0 25px 25px 0;}
    #accordion_list .accordion_container:nth-of-type(2n+1) {clear: none;}
    #accordion_list .accordion_container:nth-of-type(3n) {margin: 0 0 25px 0;}
    #accordion_list .accordion_container:nth-of-type(3n+1) {clear: both;}
    .accordion_title {font-size: 18px;}
}
@media (min-width: 1366px) {
    #accordion_list .accordion_container {padding: 20px; margin: 0 25px 25px 0; border: 1px solid #ccc; width: 260px; float: left; min-height: 270px;}
    #accordion_list .accordion_container:nth-of-type(3n) {margin: 0 0 25px 0;}
    #accordion_list .accordion_container:nth-of-type(3n+1) {clear: both;}
    .accordion_title {font-size: 19px;}
}
@media (min-width: 1600px) {
    #accordion_list .accordion_container {padding: 20px; margin: 0 25px 25px 0; border: 1px solid #ccc; width: 288px; float: left; min-height: 270px;}
    #accordion_list .accordion_container:nth-of-type(3n) {margin: 0 0 25px 0;}
    #accordion_list .accordion_container:nth-of-type(3n+1) {clear: both;}
    .accordion_title {font-size: 20px;}
}

/* FOOTER --------------------------------------------------------------------------------------------------------------------------------------------- */
footer {background-color: #004469; padding: 40px; color: #d8eaf5;}
.footer_copy {font-weight: 700; margin: 0 0 15px 0;}
.footer_author {width: 20%; float: right; text-align: right;}
footer .address {background: url(/img/bg_address.png) left top no-repeat; padding-left: 35px;}
footer .phone {background: url(/img/bg_phone.png) left top no-repeat; padding: 0 0 8px 35px;}
footer .mail {background: url(/img/bg_mail.png) left top no-repeat; padding: 0 0 8px 35px;}

@media (min-width: 1px) {
    .footer_contact {margin: 0 0 15px 0;}
}
@media (min-width: 480px) {
}
@media (min-width: 640px) {
}
@media (min-width: 768px) {
    .footer_contact {width: 40%; float: left;}
}
@media (min-width: 1024px) {
}
@media (min-width: 1366px) {
}
@media (min-width: 1600px) {
}

/* LOGO--------------------------------------------------------------------------------------------------------------------------------------------- */
#logotypy {display: none; height: 80px; background-color: #fff; overflow: hidden; position: relative; margin: 0;}
#logotypy_container {position: absolute; top: 0; left: 0; z-index:1;}
#logotypy_container a {display: block; float: left; margin: 15px 40px; position:relative;}

@media (min-width: 1px) {
    #logotypy {width: 300px;}
}
@media (min-width: 480px) {
    #logotypy {width: 400px;}
}
@media (min-width: 640px) {
    #logotypy {width: 560px;}
}
@media (min-width: 768px) {
    #logotypy {width: 700px;}
}
@media (min-width: 1024px) {
    #logotypy {width: 900px;}
}
@media (min-width: 1366px) {
    #logotypy {width: 1100px;}
}
@media (min-width: 1600px) {
    #logotypy {width: 1200px;}
}

/* BUTTON-------------------------------------------------------------------------------------------------------------*/
.btn {padding: 8px 15px; border: 1px solid #004469; text-align: center;  cursor: pointer; text-transform: uppercase; display: inline-block; color: #fff !important; font: normal 13px/1 'Roboto Condensed', sans-serif !important; font-weight: 700 !important; background-color: #004469; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.btn:hover {background-color: #5dbdf1; border: 1px solid #5dbdf1; color: #004469;}

.home_box_btn {padding: 8px 15px; border: 1px solid #5dbdf1; text-align: center;  cursor: pointer; text-transform: uppercase; display: inline-block; color: #004469; font: normal 13px/1 'Roboto Condensed', sans-serif; font-weight: 700; background-color: #5dbdf1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.home_box_btn:hover {background-color: #041e2c; border: 1px solid #041e2c; color: #fff;}



/* LINKS */
.highlight {color: #d6bf7b;}
a {color: #5dbdf1;}
a:hover {color: #303e48;}

/* TABLE */
td {padding: 10px 5px; border-bottom: 1px solid #d1d1d1;}

/* CONTACT */


@media (min-width: 1px) {
    .contact_adress {width: 100%; margin: 0 0 30px 0;}
    #homepage-map {width: 100%;}
}
@media (min-width: 480px) {
}
@media (min-width: 640px) {
}
@media (min-width: 768px) {
    .contact_adress {width: 40%; float: left;}
    #homepage-map {width: 55%; float: right;}
}
@media (min-width: 1024px) {
    .contact_adress {width: 30%; float: left;}
    #homepage-map {width: 65%; float: right;}
}
@media (min-width: 1366px) {
}
@media (min-width: 1600px) {
}

/* FORMS------------------------------------------------------------------------------------------------------------------------------------------------- */
input, textarea {border: 1px solid #ccc; padding: 7px 15px; margin: 0px; color: #808080; background-color: #f4f4f4; font: normal 14px/1.3 'Roboto', sans-serif;}
select {border: 1px solid #ccc; color: #808080; padding: 7px 15px; margin: 0px;  background-color: #f4f4f4; font: normal 14px/1.3 'Roboto', sans-serif;}
input:focus, textarea:focus, select:focus {border: 1px solid #5dbdf1;}


h1 {font-weight: 700; text-transform: uppercase; color: #004469; margin: 0 0 40px 0; background: url(/img/bg_h1.png) left bottom no-repeat;} 
h2 {font-weight: 700; text-transform: uppercase; color: #004469; text-align: center; margin: 0 0 40px 0; background: url(/img/bg_h2.png) center bottom no-repeat;}
h1 span {background-color: #f3f3f3; display:inline-block; padding: 0 30px 0 0;}
h2 span {background-color: #f3f3f3; display:inline-block; padding: 0 30px;}
h3 {text-transform: uppercase; margin: 0 0 30px 0; color: #004469;}
h4 {margin: 0 0 15px 0; color: #004469; font-weight: 700;}
.col_l h4 {font-size: 16px; margin: 0 0 10px 0; font-family: 'Roboto Condensed';}
h5 {font-size: 14px; font-weight: 700; margin: 0 0 5px 0;}

@media (min-width: 1px) {
    h1, h2 {font: normal 24px/0.8 'Roboto Condensed', sans-serif;}
    h3 {font-size: 16px;}
    h4 {font-size: 14px;}
}
@media (min-width: 480px) {
}
@media (min-width: 640px) {
    h1, h2 {font: normal 26px/0.8 'Roboto Condensed', sans-serif;}
    h3 {font-size: 16px;}
    h4 {font-size: 14px;}
}
@media (min-width: 768px) {
    h1, h2 {font: normal 28px/0.8 'Roboto Condensed', sans-serif;}
    h3 {font-size: 18px;}
    h4 {font-size: 16px;}
}
@media (min-width: 1024px) {
    h1, h2 {font: normal 30px/0.8 'Roboto Condensed', sans-serif;}
    h3 {font-size: 18px;}
    h4 {font-size: 16px;}
}
@media (min-width: 1366px) {
    h1, h2 {font: normal 34px/0.8 'Roboto Condensed', sans-serif;}
    h3 {font-size: 20px;}
    h4 {font-size: 18px;}
}
@media (min-width: 1600px) {
    h1, h2 {font: normal 38px/0.8 'Roboto Condensed', sans-serif;}
    h3 {font-size: 20px;}
    h4 {font-size: 18px;}
}

strong {font-weight: 700;}
.float_l {float: left;}
.float_r {float: right;}

.content ol, .news_list ol {list-style-type: decimal; list-style-position: outside; margin: 0 0 15px 18px;}
.content ol ol, .news_list ol ol {list-style-type: lower-latin; list-style-position: outside; margin: 0 0 15px 30px;}
.content ol li, .news_list ol li {margin: 0 0 5px 0;}

.content ul, .col_l ul, .links_list ul, .news_list ul {list-style-position: outside; margin: 0 0 15px 0px;}
.content ul ul, .col_l ul ul, .links_list ul ul, .news_list ul ul {list-style-position: outside; margin: 10px 0 10px 0px;}
.content ul li, .col_l ul li, .links_list ul li, .news_list ul li {margin: 0 0 5px 0; padding: 0 0 0 15px; background: url(/img/bg_li.png) 0px 3px no-repeat;}

.accordion_desc ul {list-style-type: disc; list-style-position: inside;}



/* COOKIES */
.cookie-policy-banner{border-top: 1px dashed #cecece; padding: 15px 0 0 0; margin: 40px 0 0 0;}

/* 404 */
#page_404 {text-align: center;}
#page_404 h1 {font-size: 80px; font-weight: 700;}
#page_404 h2 {font-size: 36px;}
.counter-404-link {margin: 40px 0 80px 0;}



/* PAGINATION */
#pagination {padding: 30px 0 0 0; font-size: 19px; text-align: center;}
.box_left, .box_center, .box_right {display: inline-block;}
.box_center a {border-right: 1px solid #cccccc; padding: 0 10px; color: #6a6a6a; text-align: center; display: inline-block;}
.box_center a:hover {color: #5dbdf1;}
.box_center a:last-child {border-right: 0px solid #cccccc;}
.box_center strong {color: #5dbdf1; text-align: center;}
.first:before {font-family: FontAwesome; content: '\f100'; font-size: 21px; color: #6a6a6a; padding: 0px 3px;}
.previous:before  {font-family: FontAwesome; content: '\f104'; font-size: 21px; color: #6a6a6a; padding: 0px 3px;}
.next:before {font-family: FontAwesome; content: '\f105'; font-size: 21px; color: #6a6a6a; padding: 0px 3px;}
.last:before  {font-family: FontAwesome; content: '\f101'; font-size: 21px; color: #6a6a6a; padding: 0px 3px;}
.first:hover:before, .previous:hover:before , .next:hover:before, .last:hover:before {color: #5dbdf1;}


/* PRELOAD */
#preloadb, #events-form-background {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 111111; background-color: #093b60; opacity: 0.95 !important; filter: alpha(opacity = 95) !important; display: none; cursor:pointer;}
#preloadi {width: 110%; height: 75%; position: absolute; top: -5%; left: -5%; z-index: 111112; background: url(/img/loader.gif) no-repeat center center; display: none;}
#preloadm {font-family: 'Roboto', sans-serif; width: 300px; position: fixed; top: 50px; left: 50%; margin: 0 0 0 -150px; padding: 30px; line-height: 20px; z-index: 111113; background-color: #001e44; font-size: 14px; color: #fff; display: none; cursor: pointer; overflow-y: auto; max-height: 400px;}
#preloadm {text-align: center; font-size: 15px; line-height: 1.5;}

@media (min-width: 1px) {
    #preloadm {width: 200px; margin: 0 0 0 -130px;}
}
@media (min-width: 480px) {
    #preloadm {width: 300px; margin: 0 0 0 -180px;}
}

#events-form-background {z-index: 1111;}
#events-form-container {z-index: 1113;}
#events-form-container {font-family: 'Roboto', sans-serif; line-height: 20px; background-color: #143851; font-size: 14px; color: #fff; display: none; cursor: pointer;}

.ui-helper-hidden-accessible { display: none; }
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
    display: block;
    width: 300px;
    background: #000;
    color: #eee;
}
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all li {
    cursor: pointer;
}

#map {display: block; width: 100%; height: 740px;}