/*@globalne ustawienia czcionki*/
* {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
}

#content .desc {
padding: 0 0 0 0;
margin: 10px 0px 0 0;
}

/*@blok z linkami*/
#links {
width: 200px;
float: right;
margin: 0 7px 0 0;
}

form {
margin: 0;
padding: 0;
}

hr {
height: 1px;
visibility: hidden;
clear: both;
}

p, h1, h2, h3, h4, h5 {
margin: 0;
}

/*@akapit*/
p {
margin: 0 0 0 0;
padding: 0px 0 10px 0;
text-align: justify;
}

/*@nagłówek 1*/
h1 {
color: #3b3b3b;
margin: 0px 0 10px 0px;
padding: 3px 10px 3px 0px;
border-bottom: 1px #4d4d4d solid;
background: transparent url(../img/strz3b.gif) 0px 10px no-repeat;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}

/*@nagłówek 2*/
h2 {
font-size: 16px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
padding: 5px 0 10px 0;
margin: 0 0 10px 0;
/* background: transparent url(../img/dots2.gif) 0px 26px repeat-x; */
}

/*@nagłówek 3*/
h3 {
font-size: 13px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #d00;
padding: 0px 0 0px 0px;
margin: 0 0 5px 0px;
background: transparent none   repeat;
}

/*@nagłówek 4*/
h4 {
font-size: 11px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #485058;
padding: 0px 0 0px 0;
margin: 0 0 0 0;
background: transparent none   repeat;
}

/*@nagłówek 5*/
h5 {
font-size: 11px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #457;
padding: 0px 0 10px 0;
margin: 0;
background: none;
}

/*@Zancznik wypunktowania 1*/
li {
list-style-image: url(../img/strzalka_4b.gif);
}

/*@Zancznik wypunktowania 2*/
li li {
list-style-image: url(../img/li1.gif);
}

/*@Linki*/
a {
color: #d00;
text-decoration: none;
}

/*@Linki - podświetlenie*/
a:hover {
color: #f00;
text-decoration: underline;
}

/*@ilustracje*/
img {
border: 0 transparent solid;
}

/*@ilustracje z ramką*/
img.border, img.borderLeft, img.borderRight {
border: 1px #aaa solid;
padding: 1px 1px 1px 1px;
margin: 5px 5px 5px 5px;
}

#content .lewy2 {
border: 1px #5a5858 solid;
}

/*@ilustracja z ramką przyciągana do lewej*/
img.borderLeft {
float: left;
margin: 0 15px 5px 0;
}

/*@ilustracja z ramką przyciągana do prawej*/
img.borderRight {
float: right;
margin: 0 0 5px 15px;
}

/*@ilustracja przyciągana do lewej*/
img.left {
float: left;
margin: 0 15px 5px 0;
}

/*@ilustracja przyciągana do prawej*/
img.right {
float: right;
margin: 0 0 5px 15px;
}

.clear, .clear0 {
clear:both;
margin:0;
padding:0;
height:1px;
width: 1px;
overflow: hidden;
line-height:1px;
}

/*@element body*/
body {
margin: 0 0 0 0;
padding: 0 0 0 0;
background: #fff none   repeat;
}

/*@tło strony*/
body.background {
background: #021563 url(../img/bgall.gif)   repeat-x;
}

/*@obszar całej strony*/
#container {
position: relative;
width: 900px;
margin: 0 auto;
background: #fff url(../img/top_bg.gif)   repeat-x;
padding: 0 1px 0 1px;
}

/*@Nagłówek*/
#header {
border-top: 0px #000000 solid;
border-bottom: 0px #000000 solid;
height: 80px;
position: relative;
overflow: hidden;
}

/*@Nagłówek - tekst*/
#headtxt {
position: absolute;
right: 10px;
top: 20px;
width: 300px;
text-align: right;
color: #888;
}

/*@Logo strony*/
#logo {
line-height: 200px;
overflow: hidden;
left: 15px;
top: 15px;
position: absolute;
padding: 0 0 0 0;
height: 100%;
width: 300px;
background: transparent url(../img/logo_g.gif)   no-repeat;
border-bottom:none;
}

#header .fb-top {position:absolute; display:block; width:42px; height:42px; right: 20px; top: 50%; margin-top:-21px; -webkit-border-radius: 6px; 
-moz-border-radius: 6px; border-radius: 6px; background-image:url('/img/fb-ico2.png'); background-repeat:no-repeat; background-position: center;
}

/*@Logo - link*/
#logo a {
display: block;
}

/*@wyszukiwarka*/
#wyszukiwarka {
margin: 0 0px 0px 0px;
padding: 0 0px 0px 0px;
position: absolute;
right: 10px;
bottom: 11px;
}

/*@dolne menu*/
#foomenu {
text-align: center;
width: 580px;
margin: 0 0 0px 0px;
padding: 5px 0 0 0px;
position: relative;
bottom: 5px;
background: transparent url(../img/dots2.gif) top  repeat-x;
left: 155px;
}

#urhere {
margin: 0px 0px 10px 140px;
background: #FFFFFF url(../img/dots2.gif) 0px 19px repeat-x !important;
background: #FFFFFF url(../img/dots2.gif) 0px 34px repeat-x;
padding: 0 0 0x 0px;
line-height: 20px;
color: #474747;
border-left: 16px #ffffff solid;
border-right: 16px #ffffff solid;
border-top: 15px #ffffff solid;
}

#urhere a {
color: #434343;
}

/*@menu - prawe górne*/
#naviBar {
margin: 0 0 0 0;
padding: 0 0 0 0;
position: absolute;
right: 0px;
top: 15px;
}

/*@menu - prawe górne - blok*/
#naviBar li {
list-style-type: none;
list-style-image: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
display: inline;
}

/*@menu - prawe górne - link*/
#naviBar li a {
float: right;
display: block;
background:  url(../img/library/markers/sq_red.gif) 0px 9px no-repeat;
padding: 6px 15px 0 20px;
color: #414141;
line-height: 13px;
font-size: 13px;
font-weight: bold;
}

/*@menu - prawe górne - link - aktywny*/
#naviBar li a:hover {
color: #cf0000;
}

/*@home - animacja*/
#homeGfx {
background: #ffffff url(../img/homegfx.jpg) 0px 0px no-repeat;
height: 229px;
margin: 3px 10px 3px 10px;
position: relative;
}

.homepage-baner-slick {overflow:hidden; height: 229px; background-color:#1b2449; background-image:url('../img/a_bg.jpg'); background-repeat:no-repeat; background-position:right bottom;}
.homepage-baner-slick .item {position:relative;}
.homepage-baner-slick .item h2 {position:absolute; width:36%; right:10%; top:60px; color:#fcdc37; font-family:Times New Roman; font-size:28px; text-align:center; font-weight:400;}

/*@menu poziome*/
#menu {
background: #202d51;
height: 34px;
margin: 0px 0 2px 0;
border-bottom: 0px #888 solid !important;
border-bottom: 0px transparent solid;
padding: 3px 0 0 15px;
}

/*@menu poziome - blok*/
#menu ul {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/*@menu poziome - link - blok*/
#menu ul li {
list-style-type: none;
list-style-image: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
display: block;
float: left;
}

/*@menu poziome - link*/
#menu ul li a {
float: left;
display: block;
background: transparent url(../img/menu_item.gif) center right no-repeat;
border-left: 0px #888 solid;
border-top: 0px #888 solid;
border-bottom: 3px #202d51 solid;
border-right: 0px #ffffff solid;
padding: 8px 13px 6px 13px;
color: #fff;
line-height: 12px;
}

/*@menu poziome - link aktywny*/
#menu ul li a:hover {
border-bottom: 3px #d8e7f3 solid;
text-decoration: none;
}

/*@menu poziome - link wybrany*/
#menu ul li.selected a {
color: #fff;
font-weight: bold;
border-bottom: 3px #FFE05E solid;
}

/*@menu glówne - submenu*/
#menu ul li ul {
margin: 0 0 0 0;
visibility: hidden;
padding: 0 0 0 0;
position: absolute;
width: 170px;
top: 109px;
background-color: #575757;
border: 0px #584f41 solid;
clear: left;
z-index: 100;
}

/*@menu glówne - submenu, guzik*/
#menu ul li ul li a {
display: block;
border-bottom: 3px #6c6256 solid;
color: #d8d8d8;
width: 160px;
float: left;
height: 15px;
padding: 5px 0 5px 10px;
background: transparent url(../img/mav/tlo_9.gif)   no-repeat;
border-right: 0px transparent solid;
}

/*@menu glówne - submenu, guziki wybranego menu*/
#menu ul li.selected ul li a {
display: block;
border-bottom: 3px #6c6256 solid;
color: #d8d8d8;
width: 160px;
float: left;
height: 15px;
font: 12px arial, sans-serif;
padding: 5px 0 5px 10px;
background: transparent url(../img/mav/tlo_9.gif)   no-repeat;
}

#menu ul li ul li a:hover {
border-bottom: 3px #6c6256 solid;
}

/*@menu glówne - submenu, aktywny guzik, wybranego menu*/
#menu ul li.selected ul li a:hover {
border-bottom: 3px #6c6256 solid;
}

/*@menu glówne - submenu, guzik akt*/
#menu ul li ul li a:hover {
text-decoration: none;
background: #de6060 url(../img/tlo2.gif) no-repeat;
width: 160px;
float: left;
height: 15px;
}

/*@home - obszar główny*/
#home {
margin: 0 0 0 0;
padding: 10px 0 10px 0;
background: #fff none;
}

/*@home - news*/
#news {
width: 250px;
padding: 0 10px 0 10px;
float: left;
}

/*@home - galeria*/
#home #gallery {
width: 160px;
float: left;
padding: 0 0 0 15px;
}

/*@home - galeria obrazek*/
#home #gallery #galprv {
margin: 0 0 5px 0;
}

/*@home - galeria data*/
#home #gallery .date {
color: #999;
}

/*@home - info*/
#homeinfo {
width: 430px;
float: left;
padding: 0 10px 10px 10px;
background: transparent url(../img/library/gradients/h_gray.png)   repeat-x;
}

/*@home - info - nagłowek*/
#homeinfo h2 {
color: #fff;
}

/*@stopka - linia*/
#footer hr {
display: none;
}

/*@stopka*/
#footer {
background: #e0e2ec none   repeat;
height: 24px;
color: #636b88;
position: relative;
overflow: hidden;
width: 100%;
border-bottom: 1px #ffffff solid;
}

#foomenu a {
}

/*@stopka - powered by*/
#powered {
position: absolute;
display: block;
right: 8px;
top: 6px;
}

#powered a {
color: #ffffff;
}

#powered a:hover {
text-decoration: underline;
}

/*@stopka - copyright*/
#copyright {
position: absolute;
left: 8px;
top: 6px;
}

#copyright a {
color: #ffffff;
}

/*@obszar główny - podstrona*/
#page {
background: #f8f8f8 none   repeat;
padding: 0 0 0 0;
border-top: 1px #ffffff solid;
position: relative;
}

/*@obszar - treści*/
#content {
height: auto !important;
min-height: 400px;
background: #fff none   repeat;
padding: 5px 15px 40px 15px;
border-left: 0px #E1DCE3 solid;
margin: 0 0 0 0;
border-right: 0px #fff solid;
position: static;
}

/*@sub menu*/
#subMenu {
position: absolute;
left: 10px;
top: 10px;
width: 130px;
}

/*@sub menu - blok*/
#subMenu ul {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/*@sub menu - blok linku*/
#subMenu ul li {
list-style-type: none;
list-style-image: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
display: inline;
}

/*@sub menu - link*/
#subMenu ul li a {
display: block;
background: transparent url(../img/bullet2.gif) 0px 8px no-repeat;
border-left: 0px #888 solid;
border-top: 0px #888 solid;
border-bottom: 1px #ddd solid;
border-right: 0px #888 solid;
padding: 4px 05px 0px 17px;
color: #000;
line-height: 13px;
}

/*@sub menu - link aktywny*/
#subMenu ul li a:hover {
background: transparent url(../img/bullet2.gif) 0px 8px no-repeat;
color: #c70000;
}

tr.formRow input.text, tr.formRow textarea, tr.alertRow input.text, tr.alertRow textarea {
background-color: #fff;
border: 1px #aaa solid;
width: 250px;
padding: 2px 2px 2px 2px;
}

tr.alertRow input.text, tr.alertRow textarea {
border-color: #f40;
}

tr.formRow td, tr.alertRow td {
border-bottom: 1px #bbb solid;
background-color: #fff;
padding: 2px 3px;
}

tr.formRow  textarea, tr.alertRow  textarea {
height: 60px;
}

tr.formRow td.label, tr.alertRow td.label {
background: #f8f8f8;
padding: 2px 10px 2px 20px;
white-space: nowrap;
}

tr.alertRow td.label {
background: #f9eded url(../img/form_alert.gif) center left no-repeat;
}

tr.formRow td.info, tr.alertRow td.info {
padding: 2px 10px;
}

tr.alertRow td.info {
color: #f40;
}

td.required {
color: #f40;
}

#form table {
width: 90%;
}

#home div.news {
margin-bottom: 10px;
}

#home div.news div.item {
width: 330px;
float: left;
padding: 0 0 0 15px;
}

#home div.news span.data {
font-size: 10px;
color: #777;
}

#home div.news div.item img {
float: left;
margin: 0 10px 1px 0;
}

#home div.news div.item h4 {
margin: 2px 0px 5px 0px;
padding: 0;
color: #00F;
}

#home div.news a {
}

#home div.news p {
padding: 0 0 5px 0;
}

#page div.news {
margin-bottom: 20px;
}

#page div.news div.item {
padding: 0 0 15px 0px;
}

#page div.news span.data {
font-size: 10px;
color: #777;
}

#page div.news div.item img {
float: left;
margin: 0 10px 1px 0;
}

#page div.news div.item h4 {
margin: 2px 0px 5px 0px;
padding: 0;
color: #00F;
}

#page div.news a {
}

#page div.news p {
padding: 0 0 5px 0;
}

#topBan {
background: #004;
padding: 0px 0;
}

div {
border: 0px red solid;
}

/*@link - więcej...*/
a.more {
background: transparent url(../img/library/markers/sq_arr.gif) 0px 0px no-repeat;
padding: 0 0 0px 20px;
text-decoration: none;
color: #d00;
}

a.more:hover {
text-decoration: underline;
}

table.data {
margin-left: -1px;
}

table.data th {
border-top: 1px #7F7F7F solid;
border-bottom: 1px #7F7F7F solid;
background: #E7E9ED;
padding: 3px 10px 3px 10px;
font-weight: normal;
text-align: left;
}

table.data tr td {
border-bottom: 1px #7F7F7F solid;
border-left: 1px #E7E9ED solid;
padding: 3px 10px 3px 10px;
margin: 0;
}

table.data tr td:first-child {
border-left: 0;
}

td.nw {
white-space: nowrap;
}

td.r {
text-align: right;
}

/*@wyróżnienie 1*/
b.wyroz1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #f00;
font-weight: bold;
}

/*@wyróżnienie 2*/
b.wyroz2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0f0;
font-weight: bold;
}

/*@wyróżnienie 3*/
b.wyroz3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #00f;
font-weight: bold;
}

div.gallery {
padding-bottom:15px;
}

div.gallimgs {
}

div.gitem {
float: left;
border-top: 0px #fff solid;
border-bottom: 0px #fff solid;
height: 88px;
padding: 0 6px 0px 2px;
width: 112px;
}

div.gitem div {
cursor: pointer;
text-align: center;
height: 88px;
width: 114px;
display: table-cell;
vertical-align: middle;
overflow: hidden;
}

div.gitem div img {
vertical-align: middle;
margin-top: expression(( 88 - this.height ) / 2);
border: 1px #afafaf solid;
}

div.galltitle {
}

div.galltitle h4 {
text-align: left;
margin: 0 0 0px 0;
padding: 5px 0px 5px 0;
color: #006;
font-size: 13px;
font-weight: bold;
clear: left;
}

div.galltitle p.author, div.galltitle p.info {
padding: 0 0 10px 0;
margin: 0;
}

.bigs img {
margin: 0 10px 10px 0;
float: left;
}

.bigs img.rt {
margin: 0 0px 10px 0;
}

.flash {
width: 528px !important;
width: 525px;
height: 100%;
background: #ffffff url(../img/baners/act5b.jpg)   no-repeat;
float: left;
}

/*@flagi*/
.ang {
float: right;
margin: 5px 10px 0px 0;
}

/*@mapa*/
#sitemap ul {
margin : 0 0 0 0;
padding : 0 0 3px 0;
display : block;
}

#sitemap ul li, #leftMenu ul li ul {
display : inline;
margin : 0 0 0 0;
padding : 0 0 0 0;
background : transparent none repeat;
}

#sitemap ul li a {
background: transparent url(../img/library/markers/strzalka_1a.gif) 3px 6px no-repeat;
display: block;
position: relative;
padding: 3px 0 5px 13px;
margin: 0px 0 0 0;
text-decoration: none;
}

#sitemap ul li a:hover {
background: transparent url(../img/library/markers/strzalka_1c.gif) 3px 6px no-repeat;
color: #ff0000;
text-decoration: underline;
}

#sitemap ul li li a {
padding: 0 0 0 15px;
margin: 0px 0 6px 15px;
background: transparent url(../img/library/markers/strzalka_1a.gif) 5px 3px no-repeat;
}

#sitemap ul li li li a {
padding: 0 0 0 33px;
margin: 0px 0 6px 20px;
background: transparent url(../img/library/markers/strzalka_1a.gif) 23px 3px no-repeat;
}

#sitemap ul li li li a:hover {
background: transparent url(../img/library/markers/strzalka_1c.gif) 23px 3px no-repeat;
}

#sitemap ul li li a:hover {
background: transparent url(../img/library/markers/strzalka_1c.gif) 5px 3px no-repeat;
}

/*@Reaizacja - foto, opis*/
div.relfotka {
float: left;
position: relative;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
text-align: center;
width: 255px;
height: 240px;
}

/*@Reaizacja -fotka*/
div.relfotka img {
border: 1px #d3d3d3 solid;
padding: 1px 1px 1px 1px;
max-width:100%; max-height:210px;
}

/*@Reaizacja - opis*/
div.relfotka p {
padding: 5px 0 0 0;
color: #000000;
font-size: 11px;
text-align: center;
}

#cookie_strip {
margin: 5px;
background: #eee;
font-size: 11px;
padding: 5px;
text-align: center;
}

#cookie_strip a {
font-size: 11px;
}

.popup img.border {
width: 175px;
}

.white-popup-block {
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    padding: 20px 40px;
    text-align: left;
    max-width: 550px;
    margin: 40px auto;
    position: relative;
}


@media (min-width: 900px) {
.open-menu {display: none;}
#mobile-navi {display:none!IMPORTANT; }
}

@media (max-width: 900px) {

.open-menu {display: block; margin-left:25px; position:relative; }
.open-menu h5 {position:absolute; left: 47px; top: 1px; margin:0; padding:0; font-size:22px; font-weight:400; color: #202d51; line-height: 19px;}

#container {width: 100%;   margin: 0 auto;  padding: 0 15px 0 15px; box-sizing: border-box;}
#news {    width: 30%;  padding: 0 10px 0 10px;  float: left;  box-sizing: border-box;}
#homeinfo {   width: 50%;  float: left;   padding: 0 10px 10px 10px;  box-sizing: border-box;}

#home #gallery { width: 20%; float: left; padding: 0 0 0 15px;  box-sizing: border-box;}
#menu ul::after { content: ""; clear: both; display: table;}
#menu {display: none;}

.homepage-baner-slick .item, .homepage-baner-slick, #homeGfx {height:auto;}
.homepage-baner-slick .item img {max-width:50%;}
.homepage-baner-slick .item h2 {    width: 44%;   right: 3%;   top: 8vw;   font-size: 22px;}

.open-menu {width: 30px; height:40px;} 
.open-menu span {display: block; width: 30px; height: 4px; border-radius: 1px; background-color: #202d51; margin-bottom: 5px;}


#mobile-navi {list-style:none; background: #202d51; padding: 20px;}
#mobile-navi li a {color:#fff; display: block; margin: 10px 0; padding-bottom:10px; border-bottom: 1px solid rgba(255,255,255,0.2)}
#mobile-navi li a:hover {text-decoration:none; color:#fcdc37;}

}
@media (max-width: 576px) {
#news {    width: 100%;   float: none;  box-sizing: border-box;}
#homeinfo {   width: 100%;  float: none;   padding: 0 10px 10px 10px;  box-sizing: border-box;}
#footer {height:auto;}
#home #gallery { width: 100%; float: none; padding: 0 0 0 15px;  box-sizing: border-box;}
#footer .fb-link {float:none!important; }
#copyright {
  position: relative;
  left: 0;
  top: 0;
}
#header {overflow:visible;}
#header .fb-top {top:120%}

}
@media (max-width: 454px) {
.homepage-baner-slick .item img {max-width:100%; display: block;}
.homepage-baner-slick .item h2 {position:relative; display: block; width:100%; right:auto; top: auto; padding: 40px 20px; box-sizing: border-box;}
}