<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&amp;display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&amp;display=swap');


*:focus {
    outline: none !important;
}
html {font-size: 16px; max-width: 100%; overflow-x: hidden;}
body { margin: 0; padding: 0; color: #535353;  max-width: 100%; overflow-x: hidden;}
body, input, textarea, select { font-family: 'Roboto Condensed', sans-serif;  color:#525252}
a { text-decoration: none; color: #0076BD; }
a:hover { text-decoration: underline; color:#FF9131}
a img { border: none }
p { margin: 1em 0 }
ul { margin: 0; padding: 0; list-style: none; }
form { margin: 0 }
table { border-collapse: collapse; }
h1 img, h2 img, h3 img, h4 img { display: block; }
img {margin: 0px; padding: 0px; z-index: 4; max-width: 100%; height: auto; }
span {z-index: 4;}
video, object, embed {vertical-align: bottom;}

.grecaptcha-badge {display: none;}
#top .fbLink {position: absolute; display: block;   right: 330px;    top: 24px; width: 100px; height: 24px; overflow: hidden;}
#top .fbLink:before {width: 80px; height: 100%; content: 'Polub nas'; background: #fff url(../img/f.svg) no-repeat left center; padding:4px 0 0 20px; top:0; left: 0; display: block; color:#0095D3; position: absolute; z-index: 1;}

#content form .button:hover {opacity: 0.8}

#top div.wrapper, 
#main { width: 1250px; margin: 0 auto; padding:15px 0 0 0; max-width: 91%;}
#top2 div.wrapper {width: 1250px; margin: 0 auto; position: relative; max-width: 96%; margin-bottom: 20px;} 

#top {position: relative; background: #ffffff;  margin-bottom:60px}
#top div.wrapper { background: #fff;position: relative; height: 75px; border-bottom: solid; border-width: 0px 1px; border-color: #e0e0e0;}
#top h1 { position: absolute; top: 20px; margin: 0;  }
#top h1 img {width: 285px;      }

#top ul.menu { position: absolute; top: 14px; left: 380px; margin: 0; padding: 0;}
#top ul.menu li { display: inline; }
#top ul.menu li a { float: left; height: 35px; line-height: 35px; padding: 0; overflow: hidden; margin: 0; margin-right: 20px; text-decoration: underline; font-size: 0.9rem; }

div.content div.news img.foto:hover {opacity: 0.8}
#col2 div.box-round ul.aktualnosci .foto:hover {opacity: 0.8; cursor: pointer;}
#top #search-box {position: absolute; top: 14px; right: 0px; margin: 0; width: 280px;}
#top #search-box span {display: none; }  /* do usuniecia */
#top #search-box form div.f-keyword input { background: transparent; font-size: 0.9rem; padding: 10px 35px 10px 15px; border:1px solid #707B83; color:#525252; border-radius: 40px;  width: 230px; margin-top: 3px;}
#top #search-box form div.btn {position: absolute; top: 5px;   right: 5px;}
#top #search-box form div.btn input {padding: 6px 7px 7px 0; }

#top2 {position: relative;}


.high-contrast .only-contrast {
     display: block !important;
}
.high-contrast .only-no-contrast {
      display: none !important;
}

.only-contrast {
    display: none !important;
}

#top2 div.wrapper {}
#top2 div.banner {margin: 0 auto; text-align: center;}

#menu-region {float: right; line-height: 58px; height: 58px; z-index: 501;  padding:1px 0px; }
#menu-region .text {display: none;}  /* do usuniecia */
#menu-region ul.menu {}
#menu-region ul.menu li {background: none; display: inline-block;}
#menu-region ul.menu li a{ color:#fff; text-decoration: underline; display: block;  padding: 0 13px; font-size: 0.9rem;}
#menu-region ul.menu li a.current,
#menu-region ul.menu li a:hover { background: #fff; color:#0076BD}

#topmenu {width: 100%; margin: 0 auto; padding: 0; width: 100%; height: 60px; line-height:60px; padding:0; background: rgb(0,116,187); 	background: linear-gradient(90deg, rgba(0,116,187,1) 0%, rgba(0,62,132,1) 50%, rgba(0,116,187,1) 100%); position: absolute; top:75px; left:0; z-index: 500; }
.move #topmenu {position: fixed; top:0;}
#topmenu .menuIn {width: 1250px; max-width: 96%; margin: 0 auto;}
#topmenu ul.menu {position: relative; padding: 0; margin: 0; z-index: 597; float: left;  margin-left: -13px;}
#topmenu ul.menu li { display: inline-block;   position: static; padding: 0; margin:0;}
#topmenu ul.menu li a { display: block; color: #fff; ; overflow: hidden; font-size: 1.2rem; margin: 0; position: relative; padding:0 11px;}
#topmenu ul.menu li a span {}
#topmenu ul.menu li a span span {}
#topmenu ul.menu li a:hover,
#topmenu ul.menu li a.current,
#topmenu ul.menu li.lvl1-parent:hover a.lvl1,
#topmenu ul.menu li.lvl1-parent-hover a.lvl1 { text-decoration: none;}
#topmenu ul.menu li.lvl2 a:hover { background: #fff; color: #0076BD;}
#topmenu ul.menu &gt; li &gt; a.current::after {display: block; position: absolute; width: 100%; height: 10px; background: #fff; bottom:0; left: 0; content: '';} 
#topmenu ul.menu &gt; li &gt; a:hover {background: #0076BD; color:#fff}
#topmenu ul.menu li a:hover span,
#topmenu ul.menu li a.current span,
#topmenu ul.menu li.lvl1-parent:hover a.lvl1 span,
#topmenu ul.menu li.lvl1-parent-hover a.lvl1 span { }
#topmenu ul.menu li a:hover span span,
#topmenu ul.menu li a.current span span,
#topmenu ul.menu li.lvl1-parent:hover a.lvl1 span span,
#topmenu ul.menu li.lvl1-parent-hover a.lvl1 span span { }
#topmenu ul.menu li.lvl1 ul.lvl2 {z-index: 598;  visibility: hidden; line-height:1.2rem; position: absolute; top: 60px;  display: flex;
    flex-wrap: wrap;     padding: 0; width: 80vw; max-width: 900px;}
#topmenu ul.menu li.lvl1:nth-child(3) ul.lvl2 {left:0;}
#topmenu ul.menu li.lvl1:nth-child(3) ul.lvl2, #topmenu ul.menu li.lvl1:nth-child(4) ul.lvl2, #topmenu ul.menu li.lvl1:nth-child(6) ul.lvl2 {padding: 1rem 0;}
#topmenu ul.menu li.lvl1 ul.lvl2 li {flex:0 1 100%}
#topmenu ul.menu li.lvl1:nth-child(3) ul.lvl2 li {flex:0 1 33.33%}
#topmenu ul.menu li.lvl1 ul.lvl2:empty {padding: 0;}

	#topmenu ul.menu li.lvl1 ul.lvl2::before {position: absolute; width: 200vw; left: -100vw; height: 100%; background: #0076BD; top:0; content: '';}
	#topmenu ul.menu li.lvl1 ul.lvl2 a {background: #0076BD; white-space: nowrap;}
	#topmenu ul.menu li.lvl1 ul.lvl2 a:hover {text-decoration: underline; color:#fff}
#topmenu ul.menu li.lvl1 ul.lvl2 li.lvl2 { padding:0; width: 100%}
#topmenu ul.menu li.lvl1 ul.lvl2 li.lvl2 a.lvl2 {  font-size:0.9rem;  padding:7px 15px 7px 7px;} 
#topmenu ul.menu li.lvl1 ul.lvl2 li.lvl2 a.lvl2:hover,
#topmenu ul.menu li.lvl1 ul.lvl2 li.lvl2 a.lvl2-current { }
#topmenu ul.menu li.lvl1 ul.lvl2 li.lvl2-first {  }
#topScroll {width: 1; height: 1; position: fixed; left: 0; top:0;}
#topmenu ul.menu li.lvl1-parent:hover &gt; ul.lvl2 { }
#topmenu ul.menu li.lvl1-parent:hover ul.lvl2,
#topmenu ul.menu li.lvl1-parent-hover ul.lvl2 { z-index: 599; }



.button2 {
    display: inline-block;
    text-align: center;
    background-color: #007bff; /* Kolor tÅ‚a */
    border-radius: 5px; /* ZaokrÄ…glenie */
    padding: 10px 20px; /* OdstÄ™py wewnÄ™trzne */
    cursor: pointer;
    color: #0056b3;
    transition: background-color 0.3s ease, color 0.3s ease; /* PÅ‚ynne przejÅ›cia */
}

.button2 a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1rem; /* Rozmiar czcionki */
    gap: 10px; /* OdstÄ™p miÄ™dzy ikonÄ… a tekstem */
}

.button2:hover {
    background-color: #0056b3; /* Kolor tÅ‚a po najechaniu */
    color: white;
}

.button2 a:hover {
    color: white; /* Kolor tekstu na hover */
}

.button2:active {
    background-color: #003d82; /* Kolor tÅ‚a po klikniÄ™ciu */
}



@media (min-width: 769px) {
    body.home #main #maincol {
        margin-top: 1rem;
    }
}


#comments {padding-right: 1rem}
.left.foto {
    width: 100%; /* SzerokoÅ›Ä‡ wypeÅ‚nia dostÄ™pny kontener */
    height: 200px; /* MoÅ¼esz dostosowaÄ‡ wysokoÅ›Ä‡ kontenera */
    object-fit: cover; /* Dopasowuje obrazek do kontenera i przycina go w razie potrzeby */
    object-position: center; /* WyÅ›rodkowuje obrazek w kontenerze */
}
#topmenu {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

#topmenu .menuIn {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;

}

#topmenu .pogoda-container {
    display: flex;
    align-items: center;
margin-right: 60px;
margin-left: 50px;

}

#topmenu .pogoda-container img {
    margin-right: 5px;
    vertical-align: middle;
}

#topmenu .pogoda-container .temp {
    color: #fff;
    font-weight: bold;
    margin-right: 5px;
}

#topmenu .pogoda-container .desc {
    color: #b3e7fc;
    text-transform: capitalize;
}
 

#topmenu .pogoda-container .wind-label {
    color: white; 
    font-weight: normal;
    margin-right: 2px;
    margin-left: 15px;
}

#topmenu .pogoda-container .wind {
    color: #fff; /* Styl dla wartoÅ›ci prÄ™dkoÅ›ci wiatru */
    font-weight: bold;
}



.bread {background: #F0F1F2; margin-top:-14px;}
div.breadcrumbs {
    padding: 28px 0 16px 0px;
    background: #F0F1F2;
    font-size: 0.9rem;
    width: 1250px;
    margin: 0 auto;
    max-width: 90%;
}

div.breadcrumbs a {
    padding: 0 15px 0 0;
    margin: 0 5px 0 0;
    position: relative; /* Potrzebne dla ::after */
    text-decoration: underline;
    color: #535353;
    text-decoration: none;
}

div.breadcrumbs a::after {
    content: ''; /* UÅ¼ywamy SVG zamiast obrazu */
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px; /* Dostosuj wymiary do potrzeb */
    height: 10px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535353' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

div.breadcrumbs a:hover {
    color: #0076BD;
    text-decoration: underline;
}

div.breadcrumbs a:hover::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076BD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
}

div.breadcrumbs strong {
    font-weight: normal;
    color: #0076BD;
    text-decoration: underline;
}

#main {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    gap: 2%;
}

#col1 {width: 22%; float: right; margin-left:18px; display: flex; flex-wrap: wrap;  padding-top: 20px; }
#col1 &gt; div {flex: 0 1 100%; order:3}
#col1 .box-order-ad {order: 2;}
#col1 .box-reklama {order:1;}
#col2 {width: 33%;}


#maincol {width: 64%; }
.slide .title {width: auto; float: none;}
#video-box, #live-player {z-index: 1; width: 100%; height: 550px; position: relative; overflow: hidden;}
#video-box div.play-btn {position:absolute; top: 50%; left: 206px;  margin: 0; margin-top: -106px; padding: 0;}
#video-box div.pasek {position: absolute;  top:448px; left: 0px; margin: 0; padding: 2% 3% 3% 4%; width: 94%; background: #F0F1F2; clear: both;  min-height: 70px;  overflow: visible; }
#video-box div.pasek h2 {color: #0076BD; font-size: 1.2rem; font-weight: 600; margin: 0; padding: 0;}
#video-box div.pasek h2 a {display:block;}
#video-box div.pasek p {  font-size: 1rem; margin: 2px 0;}
#video-box div.pasek p a {color:#525252; }
#video-box div.pasek p a:hover { text-decoration: none; color: #0076BD;}
#video-box div.pasek ul.nums { position: absolute; top: -15px; left: 20px; }
#video-box div.pasek ul.nums li { display: inline; }
#video-box div.pasek ul.nums li a { float: left; width: 75px; background: #fff; height: 5px; margin: 0 10px 0 0;}
#video-box div.pasek ul.nums li a.current { background: #0076BD;}
#video-box img {display:block; z-index:-80; position:relative; width: 100%; height: auto;}
#video-box div.slide {position:relative; width: 100% !important; height: 100% !important;}



#col1 div.box {padding-top: 7px;   }
#col1 #box-facebook {margin-top:1rem;}
#col1 div.box-order-ad a{ color:#0095D3; font-size: 0.9rem; text-decoration: underline;}
#col1 div.box-order-ad a:hover {color: #525252;}


#col1 div.box-reklama h3, #col1  h2,
#col2  h2  { color:#0095D3; font-size: 1.5rem; margin: 30px 0 0 0; padding:0 0 0.5rem 0; border-bottom:1px solid #0068AE; background: #fff;}
#col1 div.box-sonda h2 {padding-left: 10px;}
#col1 div.box-reklama h3 a, #col1  h2 a,
#col2  h2  a { color:#0095D3;}
#col1 div.box-reklama h3 a:hover, #col1  h2 a:hover,
#col2  h2  a:hover {color:#FF9131}
#col1 div.box-reklama img {display: block; margin:0 auto}
#col1 div.box-reklama p { color: #535353; margin: 8px 0;}
#col1 div.box-reklama p a { color: #535353;}
#col1 div.box-reklama p a:hover { text-decoration: none; }



div.poll ul {margin-left: 0px; margin-top: 4px;}
div.poll ul li { margin: 0 3px; font-size: 0.9rem; margin-top: 0.5rem; margin-bottom: 0.5rem;}
div.poll p {font-weight: 600; font-size: 1.1rem;line-height: 1.4em;}
div.poll {padding:10px;}
div.poll ul li input { vertical-align: top; margin-left: 0; }
div.poll ul li input.radio { vertical-align: middle; margin-right: 4px;}
div.poll ul li label { display: inline-block; width: 130px; vertical-align: middle; font-size: 0.9rem; }
div.poll ul li div.a { width: 100% }
div.poll ul li div.r { display: block; width: 100%; margin: 3px 0 0 auto; }
div.poll ul li div.r .b { display: inline-block; width: calc(100% - 30px); height: 6px; background: #f5f4f4; }
div.poll ul li div.r .b span { display: block; height: 100%; background: #0668b1; }
div.poll ul li div.r .p { display: inline-block; width: 25px; text-align: right; text-shadow: 0 0 2px #fff; }
div.poll ul.results { padding: 8px 0 10px 0; }
div.poll div.btn { padding: 5px 0 12px 0px; }
div.poll .loader { float: right; display: none; margin: 6px 7px 5px 5px; width: 16px; height: 16px; background: url(../img/poll.loader.gif); }


#box-facebook { border:0;}
#box-facebook iframe {width: 100% !important;}
#box-facebook div { border:0;}





#col2 div.box {margin-top: 7px; margin-bottom: 2rem;} 
#col2 div.box img {}
#col2 div.box a.button-more {float: right; text-decoration: underline; color:#0076BD; display:block; position: relative;top:-35px;  font-size: 1rem;} 
div.box hr {background: #e8e8e8; width: 300px; height: 1px; margin-right:0; margin-left:0; padding: 0; border:0; display: block; }

#col2 a.col2-button-wide {display: block;text-align: center; width: 263px; height: 22px; line-height: 22px; margin: 0 auto; color: #fff; background: url(../img/col2.button.bg.gif) no-repeat; margin: 18px 0;}

div.box-round .wrapper, div.box-round-small .wrapper {background: #F0F1F2;}
div.box-round img {position: relative; display: block;}

div.box-round a.button-more {float: right; text-decoration: underline; color:#0076BD; display:block; position: relative;top:-21px; margin-bottom: -41px; font-size: 1rem;} 
div.box-round hr {background: #e8e8e8; width: 296px; height: 1px; margin-top:3px; margin-left:-16px;margin-right:-16px; margin-bottom: 3px; padding: 0; border:0; display: block; }
div.box-round div.banner {padding: 12px 0;}

.gallery-kd {margin-top:1rem;}
#contact {margin-top:1rem;}
.box-contact h3, .box-contact p {margin: 0; padding:0 15px 15px 15px;}
div.box-round-small img {position: relative; display: block;}
div.box-round-small hr, div.box-round hr {display: none;}
div.box-round-small h2 ,
div.box-round-small p {margin:0; }

#col2 div.box-round ul.aktualnosci {padding: 10px 0 15px 0;}
#col2 div.box-round ul.aktualnosci li { display: block;  padding: 2px 17px 5px 27px; position: relative;line-height: 1.5;}
#col2 div.box-round ul.aktualnosci li:before {content: ''; display:block;  width: 6px; height: 6px; border-radius: 4px; background: #0076bd; position: absolute; left:15px; top:8px;}
#col2 div.box-round ul.aktualnosci li a { color: #525252; overflow: hidden; font-size: 1.1rem; margin: 0; line-height: 20px; }
#col2 div.box-round ul.aktualnosci li a:hover { text-decoration: underline;}
#col2 div.box-round ul.aktualnosci li a.last { font-weight: 600; }
#col2 div.box-round ul li span.reklama-text { font-size: 9px; color: #c65011; padding-left: 5px;}
#col2 div.box-round ul.aktualnosci .foto {width: calc(100% + 12px); display: block; margin:10px 0 10px -12px; max-width: calc(100% + 12px);}
#col2 div.box-round ul li.has-foto {background: none;}



#col2 div.box-round ul.commented-posts { padding:15px;}
#col2 div.box-round ul.commented-posts li { padding: 3px 0; }
#col2 div.box-round ul.commented-posts li.first-child { border-top: none; }
#col2 div.box-round ul.commented-posts li a { font-weight: 600; color: #525252; font-size: 1.1rem; }
#col2 div.box-round ul.commented-posts li span.count { color: #525252 }

#col2 div.box-program div.show {padding: 5px 0 7px 0;}
#col2 div.box-program div.show h3 { color:#525252; font-size: 1rem; margin: 0 0 2px 0;}
#col2 div.box-program div.show h3 a { color:#525252; text-decoration: underline;}
#col2 div.box-program div.show p { color: #535353; margin: 2px 0; line-height: 14px;}
#col2 div.box-program div.show img.foto { float: left; padding: 0 10px 10px 0;}

#col2 div.box-gallery h2,
#col2 div.box-kino h2 {color: #df7409;}

#col2 div.box-kino div.show {padding: 12px 0 7px 0; border-bottom: 1px solid #ececec;}
#col2 div.box-kino div.show h3 { color:#525252; font-size: 1rem; margin: 2px 0;}
#col2 div.box-kino div.show h3 a { color:#525252; text-decoration: underline;}
#col2 div.box-kino div.show p { color: #535353; margin: 2px 0;}
#col2 div.box-kino div.show a { color:#0076BD; text-decoration: underline;}
#col2 div.box-kino div.show img.foto { float: left; padding: 0 10px 10px 0;}


#col2 div.box-gallery {margin-bottom: 5rem;}
#col2 div.box-gallery .slide {width: 100%;}
#col2 div.box-gallery div.slideshow {margin-top: 0px; position:relative; width: 100%;height: 290px; margin-bottom: 30px;}
#col2 div.box-gallery div.slideshow img.foto {display:block; padding-bottom: 0px; background: #f0f0f0; border-bottom: 1px solid #dcdddd; width: 100%;}
#col2 div.box-gallery div.slideshow span.title { display: block; text-align: center; font-size: 1rem; color:#525252; margin: 15px 0; padding: 0 20px;}
#col2 div.box-gallery div.slideshow a:hover {color:#525252}
#col2 div.box-gallery div.pagination { position: absolute; bottom: -9px; height: 24px; width: 100%; }
#col2 div.box-gallery div.pagination a { display: inline-block; text-align: center; vertical-align: middle; }
#col2 div.box-gallery div.pagination a.prev,
#col2 div.box-gallery div.pagination a.next {display: block;width: 15px; height: 26px; }
#col2 div.box-gallery div.pagination a.prev {float: left;  padding: 5px 8px 0px 0;}
#col2 div.box-gallery div.pagination a.next {float: right;  padding: 5px 0 0px 8px;}
#col2 div.box-gallery a.gallery-name{ font-size: 1rem; color:#525252; font-weight: 600; }


#col2 div.box-more div.show {padding: 3px 10px;padding-top: 10px; clear: both;}
#col2 div.box-more h2 {padding-left: 10px; margin-top:0}
#col2 div.box-more div.first {border: 0;}
#col2 div.box-more div.show h3 { color:#525252; font-size: 1.25rem; margin: 0px 0px 15px 0px;line-height: 1.25rem;}
#col2 div.box-more div.show h3 a { color:#525252; }
#col2 div.box-more div.show h3 a:hover { text-decoration: underline;}
#col2 div.box-more div.show p { color: #535353; margin: 2px 0;}
#col2 div.box-more div.show img.foto { float: left; padding: 0 10px 10px 0;}

#col2 div.box-tabs {position: relative; }
#col2 div.box-tabs h2 {padding-left: 10px;}
#col2 div.box-tabs h2 small { display: block; font-size: 0.9rem; margin-top: -6px;    font-weight: 400; }
#col2 div.box-tabs hr { clear: both; }
#col2 div.box-tabs ul.menu { position: absolute; top:-3px; right: 0; font-size: 0.8rem; }
#col2 div.box-tabs ul.menu li { background: none; display: inline; float: left; padding: 0 0 0 10px; }
#col2 div.box-tabs ul.menu li a { color: #0076BD; text-decoration: underline; font-size: 0.9rem; line-height: 32px; }
#col2 div.box-tabs ul.menu li a.current,
#col2 div.box-tabs ul.menu li a:hover { text-decoration: none; color: #FF9131; }


#col2 div.box-categories div.show { padding-top: 8px; }
#col2 div.box-categories div.show div.category { font-size: 1rem; padding-bottom: 8px; }
#col2 div.box-categories div.show div.category a { text-decoration: none; }
#col2 div.box-categories div.show div.category a:hover { text-decoration: underline; }

#col2 div.box-contact div.wrapper {}
#col2 div.box-contact div.address {padding: 10px 0; border-bottom: 1px solid #ececec; clear: both;}
#col2 div.box-contact div.address h3 { color:#525252; font-size: 1rem; margin: 2px 0;}
#col2 div.box-contact div.address p { color: #535353; margin: 2px 0; line-height: 18px; }
#col2 div.box-contact div.address a { color:#0076BD; text-decoration: underline;}


#col2 div.box-map {width: 306px; margin-left: -3px; position: relative;}
#col2 div.box-map span { float: left; padding: 0; margin: 0; background: url(../img/photo7a.gif) no-repeat; }
#col2 div.box-map span span { padding: 4px 0 0 0; background: url(../img/photo7b.gif) 100% 0 no-repeat; }
#col2 div.box-map span span span { padding: 0 4px 0 0; background: url(../img/photo7c.gif) 100% 100% no-repeat; }
#col2 div.box-map span span span span {position: relative; display:block;  float: left; padding: 0 0 0px 4px; background: url(../img/photo7d.gif) 0 100% no-repeat; }
#col2 div.box-map a.col2-button-wide {position: absolute; bottom: 10px; left: 21px; z-index: 50;}


div.content { width: 100%; padding: 0; line-height: 16px; color: #5c5f61; padding-bottom: 24px; margin-top: 1rem;}
.home div.content {width: 75%; float: left; margin-top: 0px;}



div.content h1 {color: #707b83; font-size: 1.7rem; font-weight: normal; line-height: 28px;}
div.content h2 {color: #0076BD; margin: 0px; padding: 4px 0px; font-size: 1.3rem; font-weight: 600; }
div.content h3 {font-size: 1.25rem; color: #0076BD; padding: 0; margin: 2px 0; line-height: 1.7rem; margin-bottom: 5px;}
div.content h4 { font-size: 1rem; font-weight: normal; color: #e8840f; margin: 1em 0; }
div.content h5 { font-size: 0.9rem; font-weight: 600; color: #e8840f; margin: 1em 0; }
div.content .news-view ul { margin: 0.5em 0; padding-bottom: 4px; position: relative;}
div.content  .news-view  ul li {margin: 0; padding: 0 0 4px 9px; padding: 5px 0px 5px 15px; position: relative;}

div.content ol {margin:0 0 1rem 15px;}
div.content ol li {padding: 3px 0 3px 5px;}
div.content  .news-view  ul li:before {content: ''; display:block; position: absolute; width: 6px; height: 6px; top:13px; border-radius: 4px; background: #0076bd; left: 0;}
div.content ul li img.ft {padding: 0px; display: block; margin-left: -9px;}
div.content img.left { float: left; margin: 5px 12px 5px 0; }
div.content img.right { float: right; margin: 5px 0 5px 12px; }
div.content div.left { float: left; margin: 5px 12px 5px 0; }
div.content div.right { float: right; margin: 5px 0 5px 12px; }
div.content hr { width: 100%; clear: both; height: 0; border: solid 1px #ececec; border-width: 1px 0 0 0; }
div.content div.hr { width: 100%; clear: both; height: 0; border: solid 1px #ececec; border-width: 1px 0 0 0; margin: 1em 0; }
div.content div.hr hr { display: none; }

div.content form { }
div.content form ul.errors { font-weight: 600; }
div.content form ul.errors li { padding-left: 0; background: none; }
div.content form div.f { padding: 0 0 15px 0; }
div.content form div.f label { display: inline-block;     width: 140px;   padding: 12px 0 0 0;vertical-align: top; }
#search {margin-top:1rem;}
div.content form div.f input.text {padding: 8px 15px; border: 0; width: 323px; border-radius: 20px; border:1px solid #707B83; color:#707B83; font-size: 0.9rem; max-width: 90%;}
div.content form div.f textarea {border: 0; padding: 10px 15px; border:1px solid #707B83; border-radius: 20px; vertical-align: top;  margin: 0; width: 523px; height: 65px; color:#707B83; font-size: 0.9rem; max-width: 90%; }
div.content form div.btn span.loader { display: inline-block; width: 16px; height: 16px; background: url(../img/loader.gif) no-repeat; margin: 3px 0 0 2px; vertical-align: top; }
/*div.content form ul.errors { padding: 0 0 0 20px; }*/

div.content table {width: 100%;}
div.content table thead {background: #0076BD; color: #fff; font-weight: 600;}
div.content table thead td:first-child,
div.content table thead td.first-child {background:#0076BD url(../img/table.thead.left.gif) no-repeat;}
div.content table thead td:last-child,
div.content table thead td.last-child {background:#0076BD url(../img/table.thead.right.gif) right top no-repeat;}
div.content table td {line-height: 29px; padding-left: 20px;}
div.content table tr td {border-bottom: 1px solid #dcdddd; }


div.content div.pagination { text-align: center;  border-top:1px solid #B7BCC1; border-bottom: 1px solid #B7BCC1;padding: 2rem 0; position: relative; margin:0 0 1rem 0;}
div.content div.pagination a { display: inline-block; width: 25px; height: 22px; line-height: 22px; text-align: center; vertical-align: top; }
div.content div.pagination a.return {width: auto;}
div.content div.pagination a.prev {  text-decoration: underline; display: block; text-align: left;  width: auto;  position: absolute; left: 0px;  }
div.content div.pagination a.next { text-decoration: underline; display: block; text-align: right;  width: auto;  position: absolute; right: 0px;  }

div.content div.pagination span.prev {display: block; text-align: left;  width: 92px;  position: absolute; left: 0px; }
div.content div.pagination span.next {display: block; text-align: right;  width: 130px;  position: absolute; right: 0px;}
div.content div.pagination span.disabled {color:#8F8F8F; line-height: 22px;}


div.content div.tabs {border-bottom: 1px solid #B7BCC1;  clear: both; margin:45px 0 15px 0; padding:0 0 40px 0;}
div.title div.tabs {border-bottom: 1px solid #B7BCC1;  clear: both; margin:0 0 15px 0; padding:0 0 30px 0;}
div.content div.tabs h2 {position: relative; font-size: 1.8rem;  float: left;   padding:0; margin:0; line-height: 2.1rem;}
div.content div.tabs a.button-more {float: right; text-decoration: underline; color:#0076BD; display:block; font-size: 1rem; margin: 8px 0 0 0;}
div.content div.tabs ul.menu {position: relative;  float:right; margin:0;padding:0; }
div.content div.tabs ul.menu li {background: none; display: inline; float: left ;position: relative; margin:0;padding:0;padding-left: 10px; }
div.content div.tabs ul.menu li a{ color: #0076BD; text-decoration: underline; font-size: 1rem; line-height: 32px;}
div.content div.tabs ul.menu li a.current,
div.content div.tabs ul.menu li a:hover { text-decoration: none;}

div.content div.wiadomosci {margin-top: 16px;}
.wiadomosci, .news-list {display: flex; flex-wrap: wrap; width: 104%; margin:0 -2%}
.news-list img {max-width: 100%; margin:0 auto 1rem auto !important; max-height: 30vh !important; float: none !important;}
.wiadomosci .news, .news-list .news {flex: 0 1 46%; padding:2%;}
div.content div.news h1 ,
div.title h1              {display: block; color: #0076BD; font-size: 1.4rem; font-weight: 600; margin: 14px 0 6px 0; line-height: 1.8rem;}
div.content div.news h1 a {text-decoration:none;}
span.added {display: block; font-size: 0.8rem; margin-bottom:1.5rem;}
.title span.added {font-size: 0.9rem; margin-top:0.5rem}
span.added  strong {font-weight: normal; color:#525252;}
span.added  a {text-decoration: underline}
div.content div.news p.intro,
div.content div.news div.intro {  font-size: 1rem; margin: 18px 0; line-height: 1.4rem; }
div.content div.news a {text-decoration: none;}
div.content div.news .intro a.last-child {display: block; margin-top:1rem; text-decoration: underline;}
div.content div.wiadomosci div.more-posts, div.content div.news-list div.more-posts{display: block; border-top: 1px solid #B7BCC1; padding:40px 0 10px 0; text-align: right; flex: 1 1 100%;}
.wiadomosci .more-posts a, .news-list .more-posts a {color: #0095D3; text-decoration: underline;}
.wiadomosci .more-posts a:hover, .news-list .more-posts a:hover {color:#FF9131}
div.content div.news img.foto { padding: 0px 0 0 0; display: block; max-height: 60vh; margin: 0 auto; }

div.content div.news-view {border:0;}
div.content div.news-view img.foto { padding-top: 1rem; max-height: 37rem; margin-bottom: 0.5rem;}
div.content div.news-view div.foto-sub { float: left;}
div.content div.news-view div.intro { color: #707b83; font-size: 1.1rem; line-height: 1.7rem; margin: 0; padding-top:1rem; }
div.content div.news-view div.intro p { margin: 0 0 18px 0; }
div.content div.news-view div.text { color: #535353; font-size: 1rem; line-height: 1.5rem;}
div.content div.news-view div.text p {margin: 18px 0;}

div.content div.news-view div.more {margin:2rem 0; display: flex;  align-items: center;}
div.content div.news-view div.more a.read_all {flex:1; font-size: 1.2rem; font-weight: 600;}
.ext-link {flex:1;  text-align: center;  border: 2px solid #0076BD;   border-radius: 50px;    color: #0095D3; font-size: 0.9rem; padding: 0.3rem 0;}
.ext-link a {display: inline !important; color: #0095D3; }
.ext-link a:hover {color: #FF9131;}

.button {text-align: center;  border: 2px solid #0076BD;   border-radius: 50px;    color: #0095D3; font-size: 0.9rem; padding: 6px; width: 100%; margin:0.5rem 0 0 0; cursor: pointer; background: #fff;}
.button:hover {background: #0095D3; color:#fff;}
#add-comment .button, .contact .button {width: 180px; max-width: 100%; font-weight: 700;}
.contact .button {margin-bottom: 1rem;}
div.content div.news-view div.more div.inline {display: inline; position: relative; float: left; margin-left: 10px;}
div.content p.p-border {display: inline; margin:0;  height: 22px; line-height: 22px; text-align: center; vertical-align: top; color:#707a83; background: url(../img/href-border.left.gif) no-repeat; padding: 4px 0 6px 6px;}
div.content p.p-border span {background: url(../img/href-border.right.gif) top right no-repeat; padding: 4px 6px 6px 0;}
div.content p.p-border span span { background: url(../img/href-border.bg.gif) repeat-x; }


div.content div.photo {width: 100%;margin: 0 0 2rem 0;}
div.content div.photo div.description {color: #6e797f; line-height: 1.4rem; padding: 0.5rem 0;text-align: center;  font-size: 0.9rem;}
div.content div.photo img {display: block; margin:0 auto 0rem auto}
div.content form.search {  }
div.content form.search div.f { display: inline; }
div.content form.search div.btn { display: inline; padding: 0 0 0 3px; }
div.content form.search div.btn input { vertical-align: top; margin-top: 8px; }
div.content ul.search { }
div.content ul.search li { margin: 0 0 20px 0; line-height: 20px; }
div.content ul.search li .title {     font-size: 1.25rem;
    color: #525252;
    font-weight: 500;
    line-height: 1.5; }
div.content ul.search li .url { display: block; }


div.title div.rate-box { float: right; width: 134px; height: 22px; background: url(../img/rate.gray.stars.gif); margin-top: 5px;}
div.title div.rate-box div.stars {height: 22px; background: url(../img/rate.orange.stars.gif);}


div.title div.tabs h2, div.title  h1.first-child {position: relative; font-size: 1.8rem; font-weight:600;  padding:1rem 0; margin:0 0 -1rem 0; line-height: 2.2rem; color: #0076BD; }
.home div.title div.tabs h2, .home div.title  h1.first-child {border-bottom: 1px solid #B7BCC1;}

div.title div.tabs ul.menu {position: relative;  float:right; margin:0;padding:0; padding-top: 11px; margin-right: 167px;}
div.title div.tabs ul.menu li {background: none; display: inline; float: left ;position: relative; margin:0;padding:0;padding-left: 10px; }
div.title div.tabs ul.menu li a{ color: #0076BD; text-decoration: underline; font-size: 1rem; line-height: 12px;}
div.title div.tabs ul.menu li a.current,
div.title div.tabs ul.menu li a:hover { text-decoration: none;}
div.title div.tabs div.change_category {position: absolute;  top: 0; left: 486px; margin:0;padding:0;}




div.gallery-list {border-top: 1px solid #e7e8e8;}
div.gallery {padding: 8px 0 4px 0; position: relative;}
div.gallery-list div.gallery {border-bottom: 1px solid #e7e8e8; }
div.gallery h3 {display: block; color: #707b83; font-size: 1rem; font-size: Tahoma; font-weight: 600; margin: 0 0 5px 0; line-height: 18px;}
div.gallery h3 a {color: #707b83; text-decoration: underline;}
div.gallery-images {margin-left: -9px;}
div.gallery-images img.foto {display: block; position:relative; margin:3px 0 9px 9px;padding:0;}
div.gallery a.view-more {display:block;}


div.content div.image-view div.intro {background: #fff url(../img/intro.bg.gif); margin: 0; padding: 0; margin-top:8px; margin-bottom: -8px; border-bottom: 1px solid #dcdddd;}
div.content div.image-view div.intro div.wrapper {position: relative; top: -8px; background: transparent url(../img/image.intro.top.gif) center top no-repeat; border-color: #dcdddd; padding: 10px 24px;}
div.content div.image-view div.intro div.wrapper p {margin: 0; clear:both;}
div.content div.image-view div.pagination { text-align: center; padding: 5px 0 15px 0; line-height: 14px; height: 14px; position: relative;}
div.content div.image-view div.pagination a.next {color: #c54f11; float: none; text-decoration: underline; display: block; text-align: right;  width: 140px; position: absolute; right: 0px; padding-right: 10px; background: url(../img/pagination.next.gif) right center no-repeat; }
div.content div.image-view div.pagination a.prev {color: #c54f11; float: none; text-decoration: underline; display: block; text-align: left;  width: 140px;	 position: absolute; left: 0px;  padding-left: 10px; background: url(../img/pagination.prev.gif) left center no-repeat; }
div.content div.image-view div.pagination a.disabled {color:#8F8F8F; line-height: 22px; background:none; text-decoration:none; cursor:default;}
div.content div.image-view img {display:block;}
div.content div.image-view div.photos { background: #fff url(../img/dot.gif) repeat-x; }
div.content div.image-view div.photos img { display: block; margin: 0 auto; }



div.content div.image-view div.pagination a ,
div.content div.video-view div.pagination a ,
div.content div.news-view div.pagination a {width: auto;}

div.content div.video-view span.added {margin-bottom:12px;}
div.content div.video-view #video-player { position:relative; border: 0; padding:1rem 0 0 0; margin:0;}
div.content div.video-view #video-player video {width: 100% !important; height: auto !important;}
div.content div.video-view #video-player img {padding: 0; margin:0; position:relative; display: block; }
div.content div.video-view #video-player iframe {width: 100% !important; height: 475px !important;}
div.content div.video-view {position:relative; margin: 0; padding: 0; border:0;}
div.content div.video-view div.control {position: absolute; top: 239px; left: 0px; margin: 0; padding: 14px; width: 605px; background: #f0f0f0 url(../img/player/pasek.bg.png); height: 63px;}

div.content div.video-view div.intro div.wrapper {position: relative; padding:1rem 0;}
div.content div.video-view div.intro div.wrapper P {margin: 0;}

div.content div.video-view div.pagination { text-align: center; padding: 8px 0; position: relative; border-top: 1px solid #ececec;}





div.content div.news-bottom {border-width: 1px 0 0 0; border-color: #B7BCC1; border-style: solid; position: relative;display: flex
;align-items: center;}
div.content div.recommend,
div.title div.recommend {position:relative; font-size: 0.9rem; float: right; height: 41px; margin-right: 16px;}
div.content div.recommend span.label,
div.title div.recommend span {display: block;float: left; }
div.content div.recommend ul,
div.title div.recommend ul {position:relative; display: block;float: left; margin:0;padding:0; margin-left: 6px;}
div.content div.recommend ul li,
div.title div.recommend ul li {background: none;  display: inline; margin:0;padding:0;}
div.content div.recommend ul li a,
div.title div.recommend ul li a { margin:0; padding:0;}
div.content div.recommend ul li a img,
div.title div.recommend ul li a img {position:relative; scale: 50%;}
div.title div.recommend ul li a img:hover {scale: 55%; opacity: 0.8}
div.content div.recommend ul li a img:hover {scale: 65%; opacity: 0.8}
div.title div.recommend {position: absolute;right: 0; top:20px;}
div.content div.recommend ul { }
div.content div.recommend ul li { }
div.content div.recommend ul li.facebook img,
div.content div.recommend ul li.twitter img,
div.content div.recommend ul li.sledzik img { vertical-align: middle;}

div.content div.rating {font-size: 0.9rem; ; line-height: 41px; float: left;}
div.content div.rating span {float: left; }
div.content ul.score-box { position:relative; overflow:hidden; width: 134px; height: 40px; background: url(../img/star.svg) left center repeat-x; margin:0; padding:0; float: left; margin-left: 6px;}
div.content ul.score-box li {background: none;  display: inline;}
div.content ul.score-box a.star,
div.content ul.score-box span.score { position:absolute; top:0; left:0; text-indent:-1000em; height: 40px; line-height:40px; outline:none; overflow:hidden; border: none; }
div.content ul.score-box a.star-current,
div.content ul.score-box a.star:hover,
div.content ul.score-box a.star:active,
div.content ul.score-box a.star:focus,
div.content ul.score-box span.score {background: url(../img/star2.svg) left center repeat-x;}
div.content ul.score-box:hover span.score {display:none;}
div.content ul.score-box-disabled:hover span.score {display:block;}


div.content ul.score-box a.star-1 {width: 20%; z-index:6;}
div.content ul.score-box a.star-2 {width: 40%; z-index:5;}
div.content ul.score-box a.star-3 {width: 60%; z-index:4;}
div.content ul.score-box a.star-4 {width: 80%; z-index:3;}
div.content ul.score-box a.star-5 {width: 100%; z-index:2;}

div.embed-video { padding: 13px 0 8px 0; position: absolute; display: block; width: 150px; left: 50%; margin-left: -75px; }
div.embed-video a {  color: #5c5f61; font-size: 0.9rem;}
div.embed-video svg {vertical-align: middle; fill: #5c5f61; }
div.embed-video textarea { width: 450px; height: 70px; background: #fff;    position: absolute;   top: 40px;   z-index: 5;   left: 0;}

div.content div.comment-warn {font-size: 0.9rem; margin: 0 0 10px; width: 63%;}
div.content div.comment-warn a {text-decoration: underline;}

div.content div.comment { padding: 1.5rem 0; line-height: 1.3rem; font-size: 1rem;}
div.content div.comments h3,
div.content .comment-form h3 { font-size: 1.5rem;  margin:4rem 0 2rem 0; ;}
div.content div.comments span.added {display: block;color:#96a0a8; font-size: 0.9rem;}
div.content div.comments span.added  strong {font-weight: normal; color:#525252;}
div.content div.comments p {margin: 0.5rem 0; }
div.content div.comments a.cite {display: block; text-decoration: underline; margin-top:5px;}

div.content .contact-form h3 { font-size: 1.3rem; font-weight: normal; margin: 0 0 12px 0; padding:0; line-height: 24px;color: #707b83;}

div.content div.map span { float: left; padding: 0; margin: 0; background: url(../img/photo7a.gif) no-repeat; }
div.content div.map span span { padding: 4px 0 0 0; background: url(../img/photo7b.gif) 100% 0 no-repeat; }
div.content div.map span span span { padding: 0 4px 0 0; background: url(../img/photo7c.gif) 100% 100% no-repeat; }
div.content div.map span span span span {position: relative; display:block;  float: left; padding: 0 0 0px 4px; background: url(../img/photo7d.gif) 0 100% no-repeat; }
div.content div.map span span span span iframe {vertical-align:bottom;}
		

#ft {position: relative; clear: both; padding: 0; background: #0076BD; color: #6d7073; margin-top: 20px; }
#ft div.wrapper {padding: 60px 0 50px 0; width: 1250px; margin: 0 auto; background: url(../img/ft.png) no-repeat right top; max-width: 90%;}
#ft div.copyright { padding: 0 0 12px 0px;}
#ft div.createdby { padding: 0 0 12px 0px;}
#ft div.createdby a{ color: #fff;}




#ft div.box { float: left; margin: 0 1% 0 0; padding:0 15px 0 0; width:10%;}
#ft div.box ul {  font-size: 0.9rem;  }
#ft div.box ul li {margin: 0; padding: 0;}
#ft div.box li a {line-height: 18px; overflow: hidden; font-size: 0.9rem; padding:0;margin:0; color: #fff; }
#ft div.box li a.current,
#ft div.box li a:hover {  text-decoration: none;}
#ft div.box h2 { margin: 0 0 20px 0; font-size: 1.1rem; color: #cbe7f2;} 
#ft div.box h2 a { color: #cbe7f2;}	
#ft #box_05 { width: 25%; padding-right:0; color: #fff; float:right;  margin-right: 0;} 



.clear {
	clear: both; 
	font-size: 0px; 
	height: 0px;
	margin-top: 0rem;
}




/*
 * Linkselect "Select" style CSS file
 */
a.linkselectLink {	color: #707b83;display: block;	background: #fff url(../img/select.bg.gif) no-repeat; width: 111px;	max-width: 200px;	padding: 0px 32px 0px 8px;	 line-height: 34px; height: 33px; text-decoration: none;font-size: 1rem;	white-space: nowrap;	overflow: hidden;	-khtml-user-select: none;	-o-user-select: none;	-moz-user-select: none;	-moz-user-focus: ignore; 	-moz-user-input: disabled; }
a.linkselectLink:hover, a.linkselectLinkFocus {	outline: 1px solid transparent; /* prevent the link from being outlined */}
a.linkselectLinkOpen {	background: #fff url(../img/select.bgopen.gif) no-repeat; outline: 0; /* prevent the link from being outlined */}
span.linkselectDisabled {	display: block;	border: 1px solid #999;	_width: 300px;	max-width: 300px;	padding: 2px 20px 2px 2px;	text-decoration: none;	color: #333;	font-size: 1rem;	background: #fff url(../img/select.bg.gif) 99% 2px no-repeat;	filter: alpha(opacity=75);	-moz-opacity: 0.75;	opacity: 0.75;	-khtml-user-select: none;	-o-user-select: none;	-moz-user-select: none;	-moz-user-focus: ignore; 	-moz-user-input: disabled; }
.linkselectContainer {
	background: url(../img/select.bottom.gif) center bottom no-repeat;
	padding-bottom: 7px;
	position: absolute;
	/* this is required to correctly calculate the width of the container */
	left: 0; top: 0;display: none;
	/* * move the box to align with bottom of input box  */
	margin-top: 25px;	max-width: 151px;	z-index: 50000;}
.linkselectContainer .title {	background: #7f4020 !important;	color: #fff !important;	padding-right: 20px !important;	white-space: nowrap;	font-size: 11px !important;	font-weight: bold !important;	line-height: 11px !important;}
.linkselectContainer .title span {	display: block;	padding: 3px 4px;}
.linkselectContainer .scrollable {	width: auto;		border-top:0;margin: 0;	padding:0; margin-top:5px;  border-right:4px solid #dcdddd; font-size: 0.9rem;	text-align: left;	overflow: auto;	max-height: 216px;	clear: both;}
.linkselectContainer ul {	list-style-type: decimal !important;	margin: 0px;	padding: 0px ;background: white url(../img/select.list.bg.gif) repeat-y;}
.linkselectContainer ul li.selected { background: #ffffe0 url(../img/select.list.selected.gif) repeat-y;}
.linkselectContainer ul li.current 	{ background: #d0f1ff url(../img/select.list.active.gif) repeat-y;}
.linkselectContainer ul li {display: block;	margin: 0;	padding: 5px 5px 5px 10px;	font-size: 0.9rem;	cursor: pointer;	-khtml-user-select: none;	-o-user-select: none;	-moz-user-select: none;	-moz-user-focus: ignore; 	-moz-user-input: disabled; }
/* fixes for IE6; allows mouseovers beyond text label */
.linkselectContainer ul li span { zoom:1; }
/* fixes for IE7; allows clicking beyond text label */
a.linkselectLink { zoom:1; }





    .button2 {
    text-align: center;
    border: 2px solid #0076BD;
    border-radius: 50px;
    color: #0095D3;
    font-size: 0.9rem;
    padding: 5px 32px;
    width: 154px;
    margin: 0.7rem 22px 0.7rem 0;
    cursor: pointer;
    background: white;
}

    .button2:hover {
    color: white !important;
    background: #0095D3;
}

    .button2 a:hover {
    color: unset;
    background: #0095D3;
}

#copy-code-btn &gt; div.last-child:hover {color:white }

    .embeded-ico {padding-top:3px}







/* ::::: http://pliki.vivee.info/dropdown/1/css/dropdown.css ::::: */

ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none outside none; margin: 0pt; padding: 0pt; }
ul.dropdown { position: relative; z-index: 597; float: left; }
ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; }
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0pt; z-index: 598; width: 100%; }
ul.dropdown ul li { float: none; }
ul.dropdown li:hover &gt; ul { visibility: visible; }
/* ::::: http://pliki.vivee.info/dropdown/1/css/menu-style.css ::::: */

* { padding: 0pt; margin: 0pt; }
#navi { font: 11px verdana,arial,sans; background: none repeat scroll 0% 0% rgb(37, 37, 37); }
#navi li a { display: block; color: white; text-decoration: none; border-right: 1px solid rgb(76, 76, 76); padding: 10px 20px; }
#navi li a:hover, #navi li a.hover { background: none repeat scroll 0% 0% rgb(0, 204, 255); }
#navi li ul { background: none repeat scroll 0% 0% rgb(77, 77, 77); }
#navi li li a { width: 150px; border: 0pt none; background: none repeat scroll 0% 0% rgb(77, 77, 77); }
#navi li li a:hover { background: none repeat scroll 0% 0% rgb(123, 123, 123); }


.photos--kd {
	display: flex;
	/*justify-content: */
	margin-left: -0.5rem;
	flex-wrap: wrap;
	background: none !important;
	margin-right: -0.5rem;
	margin-bottom: 2rem; 
}

.photos__item {
	flex: 1 0 calc(100% / 3 - 2rem);
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
}

.photos__item img {
	width: 100%;
	height: auto;
}

.other-posts {
	display: flex;

    justify-content: space-between;

}

.vjs_video_3-dimensions {width: 800px !important; height: 450px !important;}
.other-posts .news h1 {
    font-size: 1.5rem;
    line-height: 1.2;
    margin-bottom: 0.5rem;
}



.other-posts .intro {
	font-size: 1.25rem;
}

.other-posts .news .added {
	margin-top: 0.25rem;
	margin-bottom: 1rem;
	font-size: 0.75rem;
}

.other-posts__header h1 {
	color: #0076BD;
	font-size: 1.875rem;
}

.other-posts__header a {
	text-decoration: underline;
}

.other-posts__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
    margin-bottom: 1.75rem;
    border-bottom: 1px solid #b7bcc1;
}

.other-posts {

	margin-bottom: 4.5rem;

}

@media (max-width: 1320px) {
	div.content div.video-view #video-player iframe { height: 36vw !important;}
	#menu-region {right: 0;}
	#top div.wrapper {max-width: 81%;}
    #top #search-box {top: 14px !important}
}

@media (max-width: 1279px) {
#topmenu ul.menu li a, #menu-region ul.menu li a {padding: 0 7px;}
#menu-region {width: 386px;}
}


@media (max-width: 1020px) {
	#top div.wrapper {padding-top:0}
	#top .fbLink {top:50%;	margin-top:-13px; 	width: 15px;right: 90px;overflow: hidden;}
	#top .fbLink:before {width: 15px;}
	#search-menu {width: 22px; height: 22px; position: absolute; right: 64px; background:url(../img/search.svg); z-index: 5; top:50%; margin-top: -14px; cursor: pointer;}




	.move #search-menu {margin-top:0px;}
	#top #search-box {top: 95px; width: 100%; background: #fff;	z-index: 4;		height: 55px; padding-top: 10px; display: none;}
	.searchOpen #top #search-box {display: block;}
	#top #search-box form div.f-keyword input {width: calc(100% - 50px);}
	#top #search-box form div.btn input {padding: 18px 7px 7px 0;}
.move #top {position: fixed; height: 40px; top:0; left: 0; z-index: 5; width: 100%;}
	div.content div.video-view #video-player iframe { height: 53vw !important;}
	#topmenu ul.menu li.lvl1:nth-child(3) ul.lvl2, #topmenu ul.menu li.lvl1:nth-child(4) ul.lvl2, #topmenu ul.menu li.lvl1:nth-child(6) ul.lvl2 {padding:0 0 0.5rem 0; border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 0.5rem;}
	#maincol, #col2 {width: 100%; }
	#col2 {max-width: 600px; margin:0 auto;}
	#col2 div.box-gallery div.slideshow {height: 420px;}
	#col2 div.box-gallery div.pagination a.next, #col2 div.box-gallery div.pagination a.prev {padding-top:15px;}
	#video-box, #live-player {height: 73vw;}
	#topmenu {position: fixed;width: 100%;height: 100%;	top: 0;	left: 0; background: #0076BD; line-height: 1.1rem; overflow-y:auto; display: none;}
	.menuOpen #topmenu {display: block;}
	#menu-region {line-height: 1.1rem; width: 100%; float: none;}
	#topmenu #menu-region ul.menu {margin:0 2%}
	#topmenu ul.menu {margin:2rem 2% 0.5rem 2%; width: 96%; border-bottom:1px solid #80BBDE; padding: 0 0 0.5rem 0;}
	#topmenu ul.menu li {display: block;}
	#topmenu ul.menu li a:after {display: none !important;}
	#topmenu ul.menu li a {padding: 0.3rem 0;}
	#topmenu ul.lvl2  {position: relative !important; visibility: unset !important;}
	#topmenu ul.menu li.lvl1 ul.lvl2::before {display: none !important;}
	#topmenu ul.menu li.lvl1 {font-weight: 600;}
	#topmenu ul.menu li.lvl2 {font-weight: 400;}
	#topmenu ul.menu li.lvl1 ul.lvl2 {top:0;}
	#topmenu ul.menu li.lvl1 ul.lvl2 li.lvl2 a.lvl2 {padding: 3px 15px 3px 0; font-size: 0.85rem;}
	#menu-region ul.menu li a {text-decoration: none;}
	#menu-region ul.menu li a.current, #menu-region ul.menu li a:hover {background: none; font-weight: 600; color:#fff}
	#top {margin-bottom: 1rem;}
	#top h1 {top:32px; left: 0; transform: translate(0, -50%); max-width: 50vw; }

	#top div.wrapper {height: 70px;}

	#mobile-menu {width: 26px; height: 22px; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;  cursor: pointer;  position:absolute;  right:15px;  top:22px;  z-index:1000; }
	.move #mobile-menu {position: fixed;}
	#mobile-menu span {display: block; background: #0076BD; position: absolute; height: 4px; width: 100%;  border-radius: 4px; opacity: 1; left: 0; -webkit-transform: rotate(0deg);    -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
	#mobile-menu span:nth-child(1) {top: 0px;}
	#mobile-menu span:nth-child(2),#mobile-menu span:nth-child(3) {top: 9px;}
	#mobile-menu span:nth-child(4) {top: 18px;}      
	.menuOpen #mobile-menu {position: fixed;}
	.menuOpen #mobile-menu span:nth-child(1) {top: 9px;  width: 0%; left: 50%;}
	.menuOpen  #mobile-menu span {background:#fff;}
	.menuOpen #mobile-menu span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
	.menuOpen  #mobile-menu span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
	.menuOpen #mobile-menu span:nth-child(4) {top: 9px; width: 0%; left: 50%;}
	#top::after {height: 0.5rem;  width: 100%;	display: block;   background: rgb(0,116,187);background: linear-gradient(90deg	, rgba(0,116,187,1) 0%, rgba(0,62,132,1) 50%, rgba(0,116,187,1) 100%); content: '';} 
	}


@media (max-width: 768px) {
        #ft #box_05 {width: 100%;}
    .other-posts {    flex-direction: column;}
    .other-posts .news {width: 100% !important}

#add-comment .button, .contact .button {width: 100%}
div.content div.comment-warn {width: 100%}
    div.content div.news-bottom { flex-direction: column; padding: 1rem 0 1rem 0;}
        #top div.wrapper {max-width: 93%}
    }
}
	.move #search-menu {
		margin-top: -2px;
	}
	#mobile-menu {top:20px}
	div.embed-video { display: none; }
	div.content div.rating, div.content div.recommend { position: relative;     float: none;
    width: 250px;
    margin: 0 auto;
    height: 40px;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

	div.content div.recommend ul {float: none;     display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;}

	div.content div.recommend {width: 306px;}
	div.content div.news .intro a.last-child {margin-bottom: 1.2rem;}
	div.content h3 {margin-bottom: 2px;}

	span.added {margin-bottom: 1rem;}
	div.content div.news p.intro, div.content div.news div.intro {margin: 12px 0;}

	#top #search-box {	top: 14px; margin-right: 0px}
		#video-box div.pasek ul.nums li a {width: 30px; margin-right:5px;}
	#topmenu ul.menu li.lvl1:nth-child(3) ul.lvl2 li {flex:0 1 50%}
	.other-posts .news {margin-bottom: 2rem; width: 23%;}


	.other-posts__header,

	#top div.wrapper {height: 60px;}
	
	.other-posts__header {
		justify-content: flex-start;
		flex-direction: column;
		align-items: flex-start;
	}
	div.content {padding-bottom:2rem;}
	#col1 div.box-reklama h3, #col1 h2, #col2 h2 {margin-top:20px;}

	.comment__subcomments {
	    width: 100%;
	    order: 2;
	    padding-top: 1rem;
	}

	.comment__vote--up {
		margin-left: auto !important
	}

	.comment-reply {
		margin-left: 0 !important;
	}

	.video-js {
		max-width: 100% !important;
	}

}

@media (min-width: 769px) {
.xmas {
    position: relative !important;
    text-align: center !important;
    margin: 20px 0 !important;
}

.xmas .ozdoby {
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
}

img:not(.ozdoby) {
    max-width: 100%;
    height: auto;
}

.other-posts {
    column-gap: 2rem;

}
    .other-posts {
        flex-wrap: wrap;
    }


}

@media (max-width: 760px) {
    .xmas {display: none}
    div.content .comment-form h3 {margin:2rem 0 2rem 0; ;}
    #col2 &gt; iframe {display: none}
    .bread {margin-top: -20px;}
    div.breadcrumbs {padding: 14px 0 14px 0px;font-size: 0.80rem;}
	#box-facebook iframe {height: auto !important; margin:0 auto !important; width: 183px !important; display: block;}
	.wiadomosci, .news-list {width: 100%; margin:0;}
	.home div.content {width: 100%; float: none;}
	#col1 {width: 100%; float: none; margin: 0 0 1rem 0; padding: 0;}

}
@media (max-width: 640px) {

    .embeded {display: flex; margin: 0.5rem 0;}
	.button {min-height: 30px;}
    .button2 {
    text-align: center;
    border: 2px solid #0076BD;
    border-radius: 50px;
    color: #0095D3;
    font-size: 0.9rem;
    padding: 5px 32px;
    width: 100%;
    margin: 0.7rem 0px 0.7rem 0;
    cursor: pointer;
    background: #fff;}


    .other-posts .news {
        flex: 0 0 20%;
    }

	#col2 div.box-gallery div.pagination {bottom:10px;}
	#col2 iframe {display: none;}
	.other-posts {

		margin-bottom: 1.5rem;
	
	}
	.n {margin-top:25px !important;}
	#video-box div.pasek h2 {font-size: 1rem;}
	div.content div.video-view #video-player {padding:0;}
	#video-box div.pasek p {font-size: 0.85rem; margin: 0;
		padding: 1% 0% 1% 0%;
		line-height: 1rem; }
	#video-box, #live-player {height: 71vw;}

	
	#top #search-box {	top: 62px;}
	
	div.content div.tabs h2 {max-width: 75vw;}
	#topmenu ul.menu li.lvl1:nth-child(3) ul.lvl2 li {flex:0 1 50%}
	#topmenu ul.menu li.lvl1 ul.lvl2 a {white-space: unset;}
	#topmenu ul.menu li.lvl1 ul.lvl2 {width: 100%;}
	#main {padding-top:5px;}
	div.title div.tabs {margin: 0 0 15px 0;		padding: 0 0 10px 0;}
	div.content div.pagination {padding: 1rem 0 1rem 0;}

	div.title div.tabs h2, div.title h1.first-child, .other-posts__header h1 {font-size: 1.5rem; line-height: 1.8rem;}
	body {font-size: 0.9rem;}
	
	#col2 div.box-gallery div.slideshow {
		height: 65.5vw;
	}
	div.content div.tabs h2 {font-size: 1.5rem; line-height: 1.8rem;}
	div.content div.tabs {
		margin: 25px 0 10px 0;
		padding: 0 0 20px 0;
	}
	div.content div.tabs a.button-more {margin: 2px 0 0 0;}
	#ft div.box {width: calc(49% - 15px);}
	#ft .box:nth-child(4) {margin-top:2rem; clear: both;}
	#ft div.wrapper {padding:3rem 0 2rem 0;}
	div.breadcrumbs {font-size: 0.7rem; padding: 8px 5px 8px 10px;white-space: nowrap; overflow: auto; }
	div.breadcrumbs a, div.breadcrumbs strong {font-size: 0.7rem !important;}
	

	div.content div.news p.intro, div.content div.news div.intro {line-height: 1.3rem;}
}


@media (max-width: 480px) {
    #video-box div.pasek {top:218px;}

	#search-menu {right: 59px;}
	#top h1 {left: 6px;}
.wiadomosci .news, .news-list .news {flex: 0 1 100%;
    padding: 0;}
	#col2 div.box-gallery div.slideshow {
		height: 70vw;
	}
}

@media (max-width: 321px) {
    #video-box div.pasek {top:164px;}

   }
    


.comments h3, 
.comment--expanded {
	border-bottom: 1px solid #d8d8d8;
}

.comments h3 {
	padding-bottom: 2rem !important;
	margin-bottom: 0 !important
}

.comment__header {
    font-size: 1rem;
    display: flex;
}
.comment__author {
    color: #3F97CD;
    font-weight: 700;
}
.comment__date {
    margin-left: 0.25rem
}
.comment__content {
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    padding-left: 0.5rem;
}
.comment__actions {
    display:flex;
    align-items: center;
    flex-wrap: wrap;
}

.comment__vote img {
    margin-right: 0.5rem;
    width: 13px;
}

.comment__reply,
.comment__vote {
    margin-left: 0.75rem;
    display: flex;
    align-items:center;
    border: 2px solid #CBE3F2;
    border-radius: 18px;
    padding: 0.4rem 1rem;
    transition: all ease .15s;
    cursor: pointer;
}

.comment__reply:hover,
.comment__vote:hover {
    background: #D6EFFF
}

.comment__reply,
.comment__vote span {
    font-weight: bold;
    color: #2A76BD;
    font-size: 12px;
}

.comment + .comment {
	padding-top: 1rem;
}

.comment__subcomments span {
    font-weight: bold;
    color: #2A76BD;
    font-size: 0.85rem;
}

.comment__subcomments {
	margin-right: auto;
	display: flex;
	align-items: center;
}

.comment__subcomments img {
	width: 12px;
	margin-left: 0.25rem;
	cursor: pointer;
}

.comment--expanded .comment__subcomments img {
	transform: rotate(180deg)
}


.comment__vote--disabled,
.comment__vote--active {
	cursor: not-allowed;
}

.comment__reply--active,
.comment__vote--active {
	background: #CBE3F2;
}

.comment__vote--disabled {
	/*filter: grayscale(1);*/
}

.subcomments {
	display: none;
	padding-left: 3rem;
}

.comment--expanded ~ .subcomments {
	display: block
}

.comment--expanded ~ .comment {
	border-top: 1px solid #d8d8d8;
}

.comment-reply {
	margin-left: 3rem;
	display: none;
	margin-bottom: 1.5rem;
	margin-top: 1.5rem;
}

.comment-reply--visible {
	display: block;
}

.comment-reply__header {
	padding: 0.5rem 1rem;
    font-weight: bold;
    color: #2A76BD;
    font-size: 15px;
    border-bottom: 2px solid #2A76BD;
}
.comment-reply__wrapper {
	background: #eff1f2;
	padding: 0.75rem 1rem;
}

.comment-reply__wrapper p {
	padding: 0 0.5rem;
	line-height: 1;
}

.comment-reply__nick-send {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.comment-reply__wrapper textarea {
	margin-top: 0.5rem !important;
	width: 100% !important;
	height: 150px !important;
	max-width: 100% !important;
    box-sizing: border-box;
}

.comment-reply__wrapper .f-nickname {
	padding-bottom: 0 !important;
	width: calc(100% - 1rem);
}

.comment-reply__wrapper .f-nickname input {
	width: 100% !important;
	max-width: 100% !important;
    box-sizing: border-box;
}

.comment-reply__wrapper [type='submit'] {
	margin-top: 0 !important;
	margin-left: 1rem !important;
}</pre></body></html>