/*@charset "utf-8";*/

* {
    margin: 0;
    padding: 0
}

html {
    overflow-y: scroll;
    min-height: 400px;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
}

body {
    min-height: 400px;
    background: #edeef0;
    font-family: Verdana, Geneva, "Liberation Sans", system-ui, sans-serif;
    font-size: 18px;
    line-height: 1.3em
}

input, select, button, textarea {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    color: #000;
    font-weight: 400;
}

a {
    text-decoration: none;
    background-color: transparent;
    color: #2C2B2B;
}

a:hover {
    text-decoration: underline;
}

a:focus {
    text-decoration: none;
}

img {
    border: none;
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

.panel > a > img {
    display: block;
    margin: 0 auto;
}

.d-none {
    display: none;
}

.p-0 {
    padding: 0!important;
}

.mb-0 {
    margin-bottom: 0;
}

.w-100 {
    width: 100%;
}

.d-block {
    display: block;
}

.text-center, .cn {
    text-align: center;
}

.cb {
    clear: both;
}

.margin-border-fix {
    display: block;
    height: 1px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    margin-bottom: 0.5rem;
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

#cookieInfo {
    margin: 3px 0 2px 0;
    padding: 0.5rem 0.7rem;
    background-color: #d0e4f4;
    border: 2px solid #418acc;
    border-radius: 4px;
    color: #235685;
    font-size: 0.8em;
}

#cookieInfo .close {
    float: right;
    background: none;
    border: none;
    cursor: pointer;
    font: inherit;
    text-decoration: underline;
    padding: 0 0 0.4rem 0.4rem;
    font-weight: bold;
    font-size: 1.2rem;
}

#cookieInfo a {
    color: #00E;
    text-decoration: underline;
}

#jaslo-header {
    position: sticky;
    margin: 0 0 0.4em 0;
    border: 1px solid #8cc5ea;
    border-top: none;
    background: #368cc5;
    background: linear-gradient(180deg,#2a6084,#266c99 3%,#357dab 17%,#73b6e3 80%,#c9e2f5);
    border-radius: 0.4em;
    z-index: 136;
}

#jaslo-header .nav-logo-wrapper {
    display: flex;
}

#jaslo-header .jaslo-logo {
    padding: 0.5em .5em 0 1em;
    display: inline-block;
    vertical-align: top;
}

#jaslo-header .jaslo-logo img {
    min-width: 36%;
    max-height: 3.6em;
    width: auto;
    height: auto;
    max-width: max-content;
}

#jaslo-header .nav-logo-aside {
    display: flex;
    flex-shrink: 1;
    width: 100%;
    justify-content: flex-end;
    margin: 0.9em .8em 0.4em .9em;
    gap: 0.9em;
    text-align: center;
}

#jaslo-header .nav-logo-aside a, #jaslo-header .aside-item {
    color: #f6f9fb;
    font-size: 1.1rem;
    font-weight: bold;
    text-shadow: #1a1a1a 1px 1px 1px;
    margin: 0 0 0.2em;
    line-height: 1.5;
    text-align: center;
    padding: 0.5em;
    background: #5093bf;
    border-radius: 0.55em;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    outline: none;
    overflow: hidden;
    max-height: 1.5em;
}

#jaslo-header .nav-logo-aside a:hover {
    text-decoration: none;
    box-shadow: 0 0 1px 1px #e8e8e8, 0 4px 6px rgba(0, 0, 0, 0.3);
}

#jaslo-header .nav-bottom-strip {
    display: flex;
    justify-content: space-between;
    line-height: 1.5;
}

#jaslo-header .nav-bottom-strip a {
    flex-grow: 1;
    padding: 0.2em 0.4em 0;
    margin-top: 0.1em;
    color: #1a2e67;
    font-size: 0.95em;
    font-weight: bold;
    text-decoration: none;
    border-right: 1px solid #4891c2;
    text-align: center;
}

#jaslo-header .nav-bottom-strip a.first {
    padding-left: 0;
    border-bottom-left-radius: 0.4em;
}

#jaslo-header .nav-bottom-strip a.last {
    padding-right: 0;
    border-right: none;
    border-bottom-right-radius: 0.4em;
}

#jaslo-header .nav-bottom-strip a:hover {
    text-decoration: none;
    background: white;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.10) 30%, rgba(255, 255, 255, 0.55));
}

#main-page {
    max-width: calc(1050px + 3%);
    width: 100%;
    margin: 0 auto
}

#body { /* #body #body1 width and margin must match */
    float: left;
    width: calc(66.66% - 5px);
    margin: 0 10px 0 0;
}

#body1 {
    float: left;
    width: calc(66.66% - 5px);
    margin: 0 10px 0 0;
}

.panel {
    margin: 0 0 10px 0;
}

.panel img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

#body #panele_lewa {
    float: left;
    width: calc(50% - 5px);
    box-sizing: border-box;
}

#panele_srodek {
    float: left;
    width: calc(50% - 5px);
    margin: 0 0 0 10px;
    box-sizing: border-box;
}

#sidebar {
    float: left;
    width: calc(33.33% - 5px);
    box-sizing: border-box;
}

#sidebar1 {
    float: left;
    width: calc(33.33% - 5px);
    box-sizing: border-box;
}

.news-single, .subpage-panel {
    line-height: 1.4;
}

.news-single img {
    max-height: 75vh;
    width: auto;
}

.comment-bubble {
    display: inline-block;
    height: fit-content;
    line-height: 1.4;
    margin: 0.45em 0 0 4px;
    vertical-align: middle;
    padding: 0 3px;
    background-color: #e9e9e9;
    border-radius: 3px;
    color: #6a6969;
    font-size: .6em;
    font-weight: 200;
    text-decoration: none;
}

.subpage-panel .comment-bubble {
    display: none;
}

#body1 .c {
    padding: 5px 10px
}

#body1 .c a {
    color: #00E;
    text-decoration: underline;
    word-break: break-word;
}

#body1 .box .c img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    max-width: 100%;
    height: auto;
}

#body1 .box .c iframe {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0.9em;
    max-width: 100%;
}

#body1 .c p {
    margin: 0 0 1em 0;
    line-height: 1.5;
}

#body1 .header_4, .panel_wiadomosci_jaslo_4 .h {
    background: #FFDE00 linear-gradient(to top, rgb(255, 212, 7) 0%, rgb(255, 218, 0) 85%);
    border-radius: 4px 4px 0 0;
}

#body1 .header_5, .panel_wiadomosci_jaslo_5 .h, .panel_wiadomosci_jaslo_3 .h, #body1 .header_3 {
    background: #FEA901 linear-gradient(99deg, rgb(255, 189, 56) 0%, rgb(255, 211, 63) 100%);
    border-radius: 4px 4px 0 0;
}

#body1 .header_6, .panel_wiadomosci_jaslo_0 .h, #body1 .header_0 {
    background: #2c93cb linear-gradient(to bottom, #0F9DC4 0%, #009CC9 55%, #0095C8 65%, #0095C8 100%);
    border-radius: 4px 4px 0 0;
}

#body1 .header_7, .panel_wiadomosci_jaslo_7 .h, #box-prasa .h, #box-wydarzenia .h {
    background: #749101 linear-gradient(98deg, rgb(142, 164, 61) 0%, rgb(175, 192, 90) 100%);
    border-radius: 4px 4px 0 0;
}

.box {
    border: solid #ccc;
    background-color: #f2f2f2;
    border-width: 0 1px 1px;
    margin: 0 0 10px
}

.box ul {
    list-style-type: none;
}

.box ul li {
    display: block;
    padding: 0.2em 0 0 1.1em;
    background: url("data:image/gif;base64,R0lGODlhCQAJAIQPAFNTU1RUVFVVVVZWVtHR0dPR0tLS0tPT0/Pz8/T09PX19f39/f/9/v7+/v/+/////////////////////////////////////////////////////////////////////yH+EUNyZWF0ZWQgd2l0aCBHSU1QACH5BAEKABAALAAAAAAJAAkAAAUxIGIYx0gmxLM8T8M4xdGwwtI0cdsK7JEGgYGARzCwWIHW4dBqAFQ445EFS5hKBoIiBAA7") 1px 0.65em no-repeat;
}

.panel .box ul li {
    padding: 0.2em 0 0 1.5em;
    background-position-y: 0.55em;
    background-position-x: 7px;
}

.box ol li {
    margin: 3px 0 0 25px;
}

#box-wydarzenia .box {
    padding: 5px 0 10px;
}

.box ul.nadchodzace_wydarzenia p {
    display: inline;
}

.box ul.nadchodzace_wydarzenia li {
    color: #575556;
}

.button, .button:hover, input.button {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 3px 4px 4px 3px;
    background: linear-gradient(0deg, rgba(219,219,219,1) 0%, rgba(255,255,255,1) 100%);
    color: black;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}

.bbox {
    color: #4F4E4F;
    padding: 5px 8px 9px
}

.bbox .color {
    display: block;
    padding-top: 3px;
    font-weight: 700
}

.bbox p img {
    margin: 2px 10px 10px 0;
}

#menu .h {
    background: #E22F16 linear-gradient(to bottom, rgb(233, 64, 64) 0%, rgb(232, 16, 21) 100%);
    border-radius: 4px 4px 0 0;
}

.panel_wiadomosci_jaslo_0 .color a {
    color: #1e6f8f
}

.panel_wiadomosci_jaslo_2 .color a {
    color: #d40110
}

/* menu start */
#menu ul {
    display: block;
    text-align: left;
    list-style: none inside none;
}

#menu ul li {
    display: block;
    margin: 0;
    padding: 0 0 0.2em 0.2em;
    background-position: 0.6em 0.75em;
    border-bottom: 1px solid #cccccc;
}

#menu ul li:last-child {
    border-bottom: 0;
}

#menu ul li a {
    color: #575556;
    text-decoration: none;
    text-transform: capitalize;
    display: block;
    margin: 0 0 0 15px;
    padding: .4em 0 0.3em .5em;
}

#menu ul li a:hover {
    text-decoration: underline;
}
/* menu stop */

.panel .h { /* for old browsers */
    background-color: #2c93cb;
}

.panel-wiadomosc-jaslo.panel .h {
    text-transform: uppercase;
    font-size: 0.7rem;
    padding: 0.2em 0.4em;
    line-height: 1.1;
    border-radius: 4px 4px 0 0;
}

.panel-wiadomosc-jaslo img {
    max-height: 80vh;
    width: calc(100% + 2px);
    max-width: calc(100% + 2px);
    height: auto;
    margin-left: -1px;
    margin-right: -1px;
    object-fit: cover;
    text-align: center;

    aspect-ratio: 16/9;
}

.panel-wiadomosc-jaslo h1 {
    padding: 0 0.3rem;
    font-size: 1.1em;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 3.6em;
}

.panel-wiadomosc-jaslo .comment-bubble {
    float: right;
    font-size: 0.8em;
    color: #1e1e1e;
    display: inline-block;
    height: fit-content;
    margin-top: 0;
    margin-left: 4px;
    line-height: 1.4;
    vertical-align: middle;
    padding: 0 3px;
    background-color: #e9e9e9;
    border-radius: 3px;
    font-weight: 200;
    text-decoration: none;
}

.panel-wiadomosc-jaslo.panel {
    min-height: 306px;
}

.panel-wiadomosc-jaslo.panel .box {
    margin-bottom: 0.3rem;
    height: 100%;
}

.panel_wiadomosci_jaslo_1 .h, #body1 .header_1 {
    background: linear-gradient(172deg, rgb(101, 101, 101) 0%, rgb(113, 113, 113) 91%, rgb(110, 110, 110) 100%);
    border-radius: 4px 4px 0 0;
}

#sidebar1 .right {
    text-align: right;
}

.panel_wiadomosci_jaslo_2 .h, .panel-wiadomosci-jaslo-lista .h, #body1 .header_2 {
    background: #D40110 linear-gradient(to top, rgb(231, 33, 14) 0%, rgb(224, 30, 53) 88%, rgb(224, 30, 53) 100%);
    border-radius: 4px 4px 0 0;
}

.panel-wiadomosci-jaslo-lista .box {
    padding-top: 0.4em;
    line-height: 1.3;
}

.panel-wiadomosci-jaslo-lista .item {
    display: flex;
    margin: 0 .3em .2em;
}

.panel-wiadomosci-jaslo-lista .img-container {
    flex-shrink: 0;
    width: 30%;
    margin-right: 10px;
    text-align: center;
}

.panel-wiadomosci-jaslo-lista .item-img {
    margin: .2em 0 0 0;
    height: auto;
    max-height: 6rem;
    max-width: 100%;
}

.panel-wiadomosci-jaslo-lista .content-container {
    flex-grow: 1;
}

.panel-wiadomosci-jaslo-lista h2 {
    font-size: 1.1em;
    margin: 0 0 0.7em 0;
    font-weight: unset;
}

ul.panel-news-list {
    margin-bottom: 0.55em;
}

.panel-news-desc {
    margin-top: 7px;
    line-height: 16px;
    /*max-height: 10rem;*/
    /*overflow: hidden;*/
}

.panel-news-desc img {
    float: left;
    max-width: 40%;
    height: auto;
    max-height: 7em;
    vertical-align: middle;
    font-style: italic;
}

.panel_wiadomosci_jaslo_1 .color a {
    color: #232323
}

#box-prasa .color a {
    color: #749101
}

.panel .h, .subpage-panel .h a, .h-link {
    display: block;
    color: #fff;
    font-weight: 700;
    padding: 0.2em 0.4em;
    font-size: 0.7rem;
    margin: 0;
    line-height: 1.1;
    text-transform: uppercase;
}

.panel .h.h-bigger {
    padding: 0.5em 10px;
    font-size: 0.9rem;
    line-height: 1;
}

/* toplayer bottom */

#toplayerBottom {
    zoom: 1;
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
}

#toplayerBottom span#closeToplayerBottom {
    cursor: pointer;
    color: black;
    letter-spacing: 2px;
    padding: 3px 0 4px 3px;
    display: block;
    font-weight: bold;
    background-color: white;
    text-align: left;
}

a.tlo_r3k1ama:link, a.tlo_r3k1ama:visited, a.tlo_r3k1ama:hover {
    display: block;
    width: 90px;
    height: 90px;
    position: fixed;
    bottom: 20px;
    right: 0;
    z-index: 0;
}

/* info_panel */

.box-info .h, #panel_news_feuilleton .h {
    background: #1996C6 linear-gradient(98deg, rgb(140, 163, 59) 0%, rgb(183, 202, 97) 100%);
    border-radius: 4px 4px 0 0;
}

span.white { /* nie rozdzielac spacja */
    background: white;
    width: auto;
    margin: 0;
    padding: 0 4px 0 4px;
}

span.black { /* nie rozdzielac spacja */
    background: black;
    width: auto;
    margin: 0;
    padding: 0 4px 0 4px;
    color: white;
    text-shadow: none;
}

/*podstrona newsow*/

.news-list-content {
    margin: 0 0.1em;
}

.margin-x-min {
    margin-left: 0.1em;
    margin-right: 0.1em;
}

.wiadomosci-jaslo-item {
    margin: 5px auto 10px;
    padding: 0.4em 0.6em 0 0.6em;;

    background: #f2f2f2;
    border: 1px solid #ccc;
    border-radius: 5px;

    position: relative;
    text-align: left;
}

.wiadomosci-jaslo-item .footer {
    margin-top: 0.4em;
    box-sizing: border-box;
    display: block;
    letter-spacing: 1px;
    font-size: 0.9em;
    color: #828282;
}

.wiadomosci-jaslo-item img {
    float: left;
    margin: 4px 10px 10px 0;
    max-width: 10em;
    max-height: 8em;
    height: auto;
    width: auto;
    vertical-align: middle;
    font-style: italic;
}

.wiadomosci-jaslo-item .lead {
    margin: 0.1em 0 0.1em;
    text-align: left;
}

.wiadomosci-jaslo-item .item_header {
    width: calc(100% - 110px);
    font-size: 1em;
    display: block;
    margin-bottom: 0.4em;
    vertical-align: bottom;
    line-height: 1.2;
    color: #0f0f0f;
}

.wiadomosci-jaslo-item .comment_cloud {
    width: 61px;
    height: 33px;
    position: absolute;
    right: -5px;
    top: 0;
    padding-top: 0.6em;
    background: url(i/newsy_kat_gfx/comments.png) no-repeat;
    text-align: center;;
    font-size: 16px;
}

.news_full .item_header {
    width: calc(100% - 110px);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 9px;
    font-size: 1.6em;
    display: block;
    margin-bottom: 0.4em;
    vertical-align: bottom;
    line-height: 1.2;
}

.news_full .comment_cloud {
    background: url(i/newsy_kat_gfx/comments.png) no-repeat;
    font-size: 16px;
    height: 45px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0.2em;
    width: 61px;
    line-height: 39px;
}

.news_full {
    position: relative;
    padding-top: 0.7rem;
}

.wiadomosc-jaslo-date {
    font-size: 0.8em;
    color: #515151;
}

::selection {
    background: orange;
    color: #fff
}

/* stronicowanie - START */

ul.pagination {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
    font: 12px 'Tahoma';
    list-style-type: none;
}

ul.pagination li {
    float: left;
    padding: 0;
    margin: 0 0 0 5px;
}

ul.pagination li:first-child {
    margin-left: 0;
}

ul.pagination li a {
    color: black;
    display: block;
    text-decoration: none;
    padding: 7px 10px 7px 10px;
}

ul.pagination li a img {
    border: none;
}

ul.paginationD {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0.6em 0.3em 1em;
}

ul.paginationD li a {
    color: #333333;
    text-shadow: 0 1px #F6F6F6;
    padding: 6px 9px 6px 9px;
    border: solid 1px #B6B6B6;
    box-shadow: 0 1px #EFEFEF;
    background: #E6E6E6;
    background: linear-gradient(#FFFFFF 1px, #F3F3F3 1px, #E6E6E6);
    box-sizing: border-box;
}

ul.paginationD li {
    padding-bottom: 1px;
}

ul.paginationD li a:hover,
ul.paginationD li a.current {
    color: #FFFFFF;
    box-shadow: 0 1px #E7E7E7;
}

ul.paginationD01 li a:hover,
ul.paginationD01 li a.current {
    color: #893A00;
    text-shadow: 0 1px #FFEF42;
    border-color: #FFA200;
    background: #FFC800;
    background: linear-gradient(#FFFFFF 1px, #FFEA01 1px, #FFC800);
}

/* stronicowanie - STOP */

/* komentarze start @author Wojtek Wantuch 2011*/

.comment_panel {
    padding: 0 0.1em;
    border-radius: 5px 5px 0 0;
    line-height: normal;
}

.comment_panel-inner {
    border: 1px solid #b1b1b1;
    border-top: none;
    background: #DBDBDB;
    overflow: hidden;
    transition: height 0.2s ease, opacity 0.2s ease;
    opacity: 1;
    height: auto;
}

.comment_panel-inner.hidden {
    opacity: 0;
    height: 0 !important;
    pointer-events: none;
}

.comment_panel .header {
    padding: 0 10px;
    background: #2c93cb linear-gradient(to bottom, #0F9DC4 0%, #009CC9 55%, #0095C8 65%, #0095C8 100%);
    border-radius: 4px 4px 0 0;
    color: white;
    font-weight: bold;
    font-size: .9rem;
    margin: 0;
    line-height: 2;
    display: block;
}

.comment_panel .comment-bubble {
    float: right;
    font-size: 1.05em;
    margin: .25em 0 0 1em;
    min-width: 0.7em;
    text-align: center;
    padding: 0 0.5em;
}

.comment-panel-toggle {
    float: right;
    background: #009ed2;
    color: #e8e8e8;
    border: 1px solid #0089ac;
    padding: 0.1em 0.9em;
    font-weight: bold;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    margin: 0.25em 0;
}

.comment-panel-toggle:hover {
    color: #f5f5f5;
    background: #389ec3;
}

.comment_panel .comment-noscript {
    margin: 20px 0 10px;
}

.comment_list {
    padding: 0 0.4em;
}

.comment_panel .comment {
    background: #F2F2F2;
    margin: .7em auto 0.4em;
}

.comment_panel .reply_comment {
    margin-left: 2em;
    margin-top: 0.5em;
}

.comment-header {
    background: #4cb7ff;
    background: linear-gradient(0deg, #0190ee 0%, #4cb7ff 100%);
    padding: 0.15em 0;
}

.comment_panel .comment .comment_rate {
    float: right;
    margin: 3px 7px 5px 5px;
}

.comment_panel .comment_rate .plus {
    justify-content: center;
    align-items: center;
    background-color: #6fccf9;
    border-radius: 50%;
    box-shadow: 0 0 1px 1px #6fccf9;
    display: flex;
    float: left;
    height: 1.2em;
    margin: 3px 4px 0 0;
    width: 1.2em;
    text-decoration: none;
    position: relative; /* Ensure proper positioning of pseudo-elements */
}

.comment_panel .comment_rate .plus::before {
    color: #fff;
    content: "+";
    font-weight: 1000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1;
}

.comment_panel .comment_rate .minus {
    background-color: #6fccf9;
    border-radius: 50%;
    box-shadow: 0 0 1px 1px #6fccf9;
    display: flex;
    float: left;
    height: 1.2em;
    justify-content: center;
    align-items: center;
    margin: 3px 0 0 4px;
    text-decoration: none;
    width: 1.2em;
    position: relative; /* Ensure proper positioning of pseudo-elements */
}

.comment_panel .comment_rate .minus::before {
    color: #fff;
    content: "-";
    font-weight: 1000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-right: 0;
}

.comment_panel .comment_rate .rate {
    display: flex;
    float: left;
    height: 1.1em;
    min-width: 1.1em;
    align-items: center;
    border-radius: 36%;
    font-weight: 700;
    background-color: #fff;
    color: green;
    justify-content: center;
    margin-top: 3px;
    border: 1px solid #fff;
    box-shadow: 0 0 1px 1px white;
    line-height: 1;
}

.rate .red {
    color: #f12a06!important;
}

.comment_panel .comment:target {
    background-color: #e6f0de
}

.comment_panel .comment .author {
    margin-left: 10px;
    color: white;
    font-weight: bold;
    text-shadow: 1px 1px 1px #039;
    white-space: nowrap;
    overflow: hidden;
}

.comment_panel .comment-link {
    color: white;
    font-weight: bold;
    text-shadow: 1px 1px 1px #039;
}

.comment_panel .comment .author .registered {
    color: yellow;
}

.comment .date {
    margin-left: 12px;
    color: white;
    text-shadow: 1px 1px 1px #039;
    font-size: 0.9em;
}

.comment_panel .comment .comment-body {
    border: 1px solid #999;
    border-top: none;
}

.comment_panel .comment .content {
    padding: .4em 0.6em .4em 0.6em;
    line-height: 1.2;
    font-size: 0.9em;
    word-wrap: break-word;
}

.comment_panel .comment .reply_button {
    display: block;
    float: right;
    padding: .2em .4em;

    color: white;
    font-weight: bold;
    background: #4cb7ff;
    background: linear-gradient(0deg, #0190ee 0%, #4cb7ff 100%);
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 1px #039;
}

.comment-report-btn {
    color: #fff;
    text-shadow: 1px 1px 1px #039;
}

.comment_panel .comment-form {
    display: block;
    background: #eee;
    padding: 0.4em;
    margin: 0.8em 0.4em 0.4em;
}

.comment_panel .comment-form-add {
    border: solid 1px #999;
}

.comment_panel .comment-form .title {
    color: #026eb5;
    font-weight: bold;
    text-shadow: 1px 1px 1px white;
}

.comment_panel .comment-form .comment_name {
    width: 100%;
    background: white;
    border-radius: 6px;
    border: solid 1px #999;
    font-size: 0.9em;
    padding: 0.4em 0.6em;
    box-sizing: border-box;
    margin: 0.3em 0;
}

.comment_panel .comment-form .comment_content {
    font-size: 0.9em;
    overflow: auto;
    width: 100%;
    margin: .3em 0;
    height: 12em;
    min-height: 3em;
    padding: 0.4em 0.6em;
    background: linear-gradient(#fff, #dbdbdb);
    border: 1px solid #999;
    border-radius: 6px;
    box-sizing: border-box;
    resize: vertical;
}

.comment_panel .comment-form .comment_add_button {
    padding: 0.5em 1em;
    cursor: pointer;
    width: 100%;
}

.comment_panel .comment.odpowiedz .comment-form .comment_add_button {
    margin: 0;
}

.comment_panel .message_bottom {
    font-size: 0.8em;
    background: #eee;
    text-align: justify;
    padding: 0.3em 0.5em;
    border: solid 1px #999;
    margin-top: 0.8em;
    box-sizing: border-box;
    hyphens: auto;
    word-wrap: break-word;

}

.comment_panel .message_bottom a {
    text-decoration: underline;
    color: black;
}

.comment_panel a.commenting_rules_link {
    color: inherit;
    text-decoration: underline;
}

.comment_panel .view_type {
    padding: 0.7em 0.4em 0.2em 0.4em;
    text-align: right;
}

.comment_panel .view_type .add_new_comment {
    background: #4cb7ff;
    background: linear-gradient(0deg,#0190ee,#4cb7ff);
    color: #fff;
    display: block;
    float: left;
    font-weight: 700;
    padding: 0.2em 1em;
    text-decoration: none;
    text-shadow: 0 0 2px #039;
    max-width: 45%;
}

.comment_panel .comment-name-registered {
    margin: .4em 0;
}

.comment_panel .notify_confirmation {
    margin: .4em 10px 0;;
}

.form textarea {
    vertical-align: baseline;

    border: 1px solid #9A9A9A;
    background: linear-gradient(#dbdbdb, #fff);

    margin: 5px 0 5px 0;
    padding: 8px 5px 8px 5px;
    resize: vertical;
    min-height: 5em;
}

/* komentarze stop */

/* table news */

table {
    border-collapse: collapse;
}

#body1 table {
    border-collapse: separate;
    background-color: #cccccc;
    border: 0;
    border-spacing: 1px;
    padding: 0;
}

#body1 table td, #body1 table th {
    border-top: 1px solid #fff;
    padding: 5px;
}

#body1 table tr:nth-child(odd) {
    background-color: #f5f5f5;
}

#body1 table tr:nth-child(even) {
    background-color: #EEEEEE;
}

#body1 table.clear {
    border-collapse: collapse;
    background-color: transparent;
    border: 0;
    border-spacing: 0;
    padding: 0;
}

#body1 table.clear td, #body1 table th {
    border: 0;
    padding: 0;
}

#body1 table.clear tr:nth-child(odd) {
    background-color: transparent;
}

#body1 table.clear tr:nth-child(even) {
    background-color: transparent;
}

#plakaty_lista_podstrona {
    text-align:center;
}

#plakaty_lista_podstrona img {
    margin: 10px;
}

.czerwony, .red {
    color: #ee0000 !important;
}

.green {
    color: green !important;
}

blockquote {
    background: #EBEBEB url("i/quote.gif") no-repeat scroll 6px 8px;
    border: 1px solid #DBDBDB;
    font-size: 0.95em;
    overflow: hidden;
    padding: 0.5em 0.5em 0.5em 2em;
}

blockquote cite {
    display: block;
    font-size: 0.9em;
    font-style: normal;
    font-weight: bold;
    margin-left: 20px;
}

.form input {
    width: 100%;
    margin: 5px 0 5px 0;
    padding: 8px 5px 8px 5px;

    border: 1px solid #9A9A9A;
    background: linear-gradient(#dbdbdb, #fff);
    vertical-align: baseline;
}

.form .submit {
    vertical-align: baseline;

    border: 1px solid #9A9A9A;
    background: linear-gradient(#dbdbdb, #fff);

    margin: 5px 0 5px 0;
    padding: 8px 5px 8px 5px;
}

.form .error {
    color: red;
    display: block;
}

#ogloszenia-jaslo .h {
    background: #C1B480 linear-gradient(98deg, rgb(192, 177, 130) 0%, rgb(216, 205, 169) 100%);
    border-radius: 4px 4px 0 0;
}

#ogloszenia-jaslo .box ul li {
    color: #666;
    list-style: none;
    position: relative;
    padding: 0 0 0 15px;
    background: #FFF;
}

#ogloszenia-jaslo .box li:before {
    content: '▪';
    color: #8f8f8f;
    position: absolute;
    left: 0;
    top: 1px;
    padding-left: 5px;
}

#ogloszenia-jaslo .box li a:link, #ogloszenia-jaslo .box li a:visited {
    text-decoration: none;
    padding: 1px 0 1px 0;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100%);
    overflow: hidden;
}

#ogloszenia-jaslo .box ul li:hover {
    background: #f6f1df;
}

#ogloszenia-jaslo ul {
    padding: 0
}

#ogloszenia-jaslo .bottom {
    display: flex;
    padding: 0 .2em;
    text-align: center;
    justify-content: space-evenly;
    background: #8d8d8d;
    background: linear-gradient(0deg, #787878, #8d8d8d);
    color: #fff;
    line-height: 1.5em;
    white-space: nowrap;
}

#ogloszenia-jaslo .bottom .separator {
    margin: 0 0.25em;
}

#ogloszenia-jaslo .bottom a:link, #ogloszenia-jaslo .bottom a:visited {
    color: #FFF;
}

#ogloszenia-jaslo .link-add {
    text-overflow: ellipsis;
    overflow: hidden;
}

#box-katalog {
    box-sizing: border-box;
    background-color: #fff;
    border: 2px solid #247587;
    border-radius: 7px;
}

#box-katalog .h {
    position: relative;
    background-color: #247587;
    border-radius: 4px 4px 0 0;
    padding: 0;
}

#box-katalog .h .katalog_link:link, #box-katalog .h a.katalog_link:visited {
    display: inline-block;
    text-decoration: none;
    width: 100px;
    font-size: 20px;
    font-weight: 700;
    padding: 8px 10px 8px 14px;
    color: #020d20;
}

#box-katalog .katalog_link:first-letter {
    color: #18006e;
}

#box-katalog .h a.add-link:link, #box-katalog .h a.add-link:visited {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 7px;
    text-align: right;
    color: #fff;
    font-size: 0.9rem;
    line-height: 1;
    font-weight: 700;
    text-transform: none;
}

#box-katalog .pfirmy-desc {
    font-size: 12px;
    line-height: 1.3em;
}

#box-katalog ul li {
    list-style: none;
    position: relative;
    padding: 0 0 0 15px;
    line-height: 0.6;
}

#box-katalog ul li:hover {
    background-color: #e4f1ff;
}

#box-katalog ul li:before {
    content: '▪';
    color: #cdd6e2;
    position: absolute;
    left: 5px;
    top: 1px;
    line-height: 1;
}

#box-katalog a {
    color: #426BAD;
}

#box-katalog li a {
    display: inline-block;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100%);
    overflow: hidden;
    line-height: 1.4;
}

#box-fotorelacje .h {
    background: #FF9F00 linear-gradient(to top, rgb(255, 171, 47) 0%, rgb(255, 148, 45) 100%);
    border-radius: 4px 4px 0 0;
}

#box-fotorelacje div .a {
    background: none;
    float: left;
    margin: 5px 0 5px 0;
    text-align: center;
    width: 50%;
}

#box-fotorelacje img {
    border: 1px solid #696969;
    max-height: 6rem;
    width: auto;
}

#box-fotorelacje a {
    display: block;
    color: #B65104;
    padding: 0;
    font-weight: bold;
    word-break: break-word;
}

#box-logowanie .h {
    background: #229DCA linear-gradient(98deg, rgb(1, 158, 197) 0%, rgb(0, 149, 200) 100%);
    border-radius: 4px 4px 0 0;
}

#box-logowanie .box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#box-logowanie .logowanie {
    min-width: 45%;
    min-height: 5em;
    padding: 0.5em;
    box-sizing: border-box;
    flex-grow: 2;
}

#box-logowanie .login-button {
    width: 100%;
    padding: 1em 0.5em;
    box-sizing: border-box;
    cursor: pointer;
}

#box-logowanie .rejestracja_przypomnienie {
    border-right: 1px solid #CCCCCC;
    padding: 8px;
}

#box-logowanie .nazwa_usera {
    font-weight: 700;
}

#box-wyszukiwarka .h {
    background: #5C959E linear-gradient(to top, rgb(75, 146, 154) 0%, rgb(103, 154, 158) 100%);
    border-radius: 4px 4px 0 0;
}
#box-wyszukiwarka .bbox {
    padding-top: .5em;
}
.search-form {
    display: flex;
}
.search-form .search-input {
    background: linear-gradient(0deg,#efefef,#fff);
    border: 1px solid #9a9a9a;
    flex: 1;
    margin-right: 0.2em;
    min-width: 3em;
    padding: 0 0.2em;
}
.search-form .button {
    vertical-align: top;
    padding-left: 0.3em;
    padding-right: 0.3em;
}

#goraca-linia {
    background-color: #eeeeee;
    box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.1);
    margin: 10px 0 0 0;
}

#goraca-linia .h {
    padding: 7px 12px;
    background-color: #d20001;
    background: linear-gradient(to bottom, #d20001 0%, #d31111 3%, #d31112 6%, #d31111 56%, #d10000 58%, #d20001 100%);
    text-align: center;
    color: #fff;
    font-weight: 700;
}

#goraca-linia .hotline-box {
    padding: 1.1rem 1.9rem;
}

.hotline-col {
    width: 25%;
    float: left;
    box-sizing: border-box;
}

#goraca-linia .hotline-promo {
    width: 25%;
    float: left;
    padding-top: 1.05em;
}

#goraca-linia .hotline-form-1 {
    padding: 0 0.7em;
}

#goraca-linia .hotline-form-2 {
    padding: 0 0.7em;
}

#goraca-linia .hotline-contact-info {
    padding: 0.5em 0.7em;
    border: 1px solid #A9A9A9;
    background-color: white;
    line-height: 1.2em;
    font-size: 0.95em;
    height: 107px;
}

#goraca-linia input, #goraca-linia textarea {
    border: 1px solid #a9a9a9;
    width: 100%;
    padding: 0.4em;
}

#goraca-linia .hotline-content-textarea {
    min-height: 5.3em;
    resize: vertical;
    font-size: 0.9em;
}

#goraca-linia .wyslij {
    display: block;
    border: none;
    background-color: #d50016;
    color: white;
    border-radius: 7px;
    padding: .4em;
    margin: .6em 0 0;
    width: 100%;
}

#main-footer {
    padding: 0.5em 0.7em;
    background: linear-gradient(to bottom, #e2e2e2 0%, #CACACA 58%, #C1C1C1 63%, #B2B2B2 100%);
    border-radius: 4px;
    border: 1px solid #AEAEB0;
}

#main-footer .copy {
    color: #363636;
}

#main-footer ul {
    float: right;
    list-style-type: none;
}

#main-footer li {
    float: left;
    padding: 0 1em 0 0;
}

/* galeria */
.galeria_panele {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: minmax(100px, auto);
}

.gallery-cat-panel {
    display: flex;
    flex-direction: column;
    vertical-align: top;
    margin: 0 0.2em;
}

.galeria_tytul {
    flex: 1;
}

.galeria_panele .box {
    display: flex;
    flex-grow: 1;
}

.gallery-album-item {
    min-height: 6rem;
}

.gallery-album-item img {
    max-height: 7.5rem;
    width: auto;
}
.gallery-cat-panel .img-container {
    text-align:center;
}
.gallery-cat-panel .img-container img {
    max-width: 100%;
    max-height: 9em;
    width: auto;
    height: auto;
    box-sizing: border-box;
    padding: 0.4em;
}
.galeria_opis {
    padding: 0.8em 0.8em;
}
.galeria_opis .date {
    margin-bottom: 0.3em;
    font-size: 0.85em;
}
.galeria_opis .author {
    font-size: 0.85em;
}
div.galeria_ostatnioDodane .galeria_panel.white {
    height: 170px;
}

.galeria_belka{
    background-color: #CCC;
    background:#CCC linear-gradient(#767676, #101010);
    color:white;
    padding: 0.1em 0.4em 0.3em;
    position:relative;
    text-shadow:2px 2px 2px black;
    border-radius: 4px 4px 0 0;
}
.galeria_belka a{
    color:white;
    text-shadow:2px 2px 2px black;
    font-weight:bold;
}

.gallery-roll-current-img {
    border: 7px solid #d0a30f;
    border-top: 4px solid #d0a30f;
    border-bottom: 4px solid #d0a30f;
}

/*strona albumu*/
.galeria_panele_album {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .5em;
    gap: 0 0.3em;
}
.galeria_panele_album::after {
    content: "";
    flex: auto;
}
.galeria_panele_album .galeria_panel{
    text-align:center;
    background:#FFF;
    border-bottom:solid 1px #EDEEF0;
}
.galeria_panele_album .galeria_panel {
    background:#FFF;
    width:100%;
}
.galeria_panele_album .galeria_panel .galeria_opis{
    background:blue;
    width:100%;
    height:20px;

}
.galeria_panele_album .galeria_panel span.odslon{
    font-weight:bold;

}

/*strona zdjęcia*/
.gallery-single-photo-container {
    width:100%;
    text-align:center;
    position:relative;
}
.gallery-single-photo-container img  {
    cursor: pointer;
    max-height: 70vh;
    max-width: 100%;
    width: auto;
    height: auto;
}
.gallery-photo-link {
    display: block;
    -webkit-tap-highlight-color: transparent;
}
.gallery-photo-info {
    margin-bottom: 0.3em;
}

.galeria_box .galeria_nastepne {
    position:absolute;
    right:-40px;
    top:100px;
    padding: 150px 10px 150px 80px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: square;
    stroke-width: 8px;
    height: 2.2rem;
    vertical-align: middle;
    width: 2.2rem;
    color: #676767;
}
.galeria_box .galeria_poprzednie {
    position:absolute;
    left:-40px;
    top:100px;
    transform: scaleX(-1);
    padding: 150px 10px 150px 40px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: square;
    stroke-width: 8px;
    height: 2.2rem;
    vertical-align: middle;
    width: 2.2rem;
    color: #676767;
}

.galeria_poprzednie:hover svg, .galeria_nastepne:hover svg {
    color: #363636;
}

@media ( min-width: 1150px ) {
    .galeria_box .galeria_nastepne {
        right:-70px;
        padding-right: 40px;
    }
    .galeria_box .galeria_poprzednie {
        left:-70px;
        padding-right: 40px;
    }
}
.galeria_klisza{
    text-align:center;
    background: black;
}
.galeria_klisza .film-items {
    display: flex;
    align-items: center;
    justify-content: center;
}
.galeria_klisza a{
    display: inline-block;
    margin: 0 0.7em;
}
.galeria_klisza a img{
    width: auto;
    max-height: 5.5rem;
    box-sizing: border-box;
}
.galeria_klisza .klisza{
    width:100%;
    height:28px;
    background:url(module/gallery/tile.gif);
}

.galeria_klisza .klisza-mobile-nav {
    display: none;
}

.gallery-pagination ul, .gallery-pagination ul li {
    display:inline-block;
    padding-top:0;
    padding-bottom:0;
    padding-left:10px;
    font-weight:bold;
}
.gallery-pagination ul{
    float: right;
}
.gallery-pagination li{
    float:left;
    background: none!important;
}

.gallery-pagination a.current{
    color:yellow;
}

/* galeria koniec*/

.cursor-pointer {
    cursor: pointer;
}

.no-radius {
    border-radius: unset;
}

.notify_box {
    border-radius: 4px;
    clear: both;
    min-height: 30px;
    margin: 8px 0;
    padding: 10px 25px 10px 60px;
    background-repeat: no-repeat;
    background-position: 15px center;
    border-width: 2px;
    border-style: solid;
    position: relative;
}

.notify_box h1 {
    margin: 0 0 15px 0;
}

.notify_box p {
    color: #333333;
    margin: 0;
    padding: 0;
}

.notify_box span {
    background: url(module/notify/i/cross_grey_small.png) no-repeat right top;
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 5px;
    right: 5px;
}

.notify_warning {
    background-color: #FFEAA8;
    background-image: url("module/notify/i/error.png");
    border-color: #FFC237;
    color: #826200;
}

.notify_information {
    background-color: #D0E4F4;
    background-image: url("module/notify/i/information.png");
    border-color: #418ACC;
    color: #235685;
}

.notify_error {
    background-color: #FCCAC2;
    background-image: url("module/notify/i/attention.png");
    border-color: #EB5339;
    color: #AC260F;
}

.notify_confirmation {
    background-color: #EFFFB9;
    background-image: url("module/notify/i/tick.png");
    border-color: #99C600;
    color: #3C5A01;
}

@media ( max-width: 800px ) {
    #jaslo-header .nav-logo-aside {
        display: none;
    }

    #jaslo-header .jaslo-logo {
        width: 100%;
        padding-top: 0.3em;
        padding-bottom: 0.2em;
        padding-left: 0.7em;
        display: flex;
        align-items: center;
    }

    #jaslo-header .jaslo-logo img {
        max-height: 3em;
    }

    #mobile-menu-btn {
        display: block;
        background-color: #4083b2;
        border: 1px solid #136183;
        font-size: 1.25rem;
        line-height: 1;
        margin: 0.2rem 0.5rem;
        padding: .4em;
        border-radius: .55em;
        box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
        color: #f6f9fb;
        max-height: 1.5em;
        outline: none;
        text-align: center;
        text-shadow: #1a1a1a 1px 1px 1px;
    }

    #nav-mobile .search-form .search-input {
        border: 1px solid #136183;
        background: #4083b2;
        color: #f6f9fb;
    }

    #nav-mobile .search-form .button {
        border: 1px solid #136183;
        background: #4083b2;
        color: #143b56;
    }

    #nav-mobile a {
        display: block;
        padding: .6em .75em;
        border-bottom: 1px dashed #00415e;
        color: #f6f9fb;
        font-size: 1.3em;
        letter-spacing: .08em;
        text-shadow: 1px 1px 2px #031e32;
    }

    #nav-mobile a.last {
        border-bottom: none;
    }

    #nav-mobile .search-form {
        margin: 0.4em 0.55em 0.4em  0.75em;
    }

    #mobile-menu-checkbox:checked+#nav-mobile {
        display: block;
    }

    #mobile-menu-btn .mobile-menu-toggler-icon {
        background: 50% / 100% 100% no-repeat;
        content: "";
        display: inline-block;
        height: 1.5em;
        vertical-align: middle;
        width: 1.5em;
        background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczMCcgaGVpZ2h0PSczMCc+PHBhdGggc3Ryb2tlPSdyZ2JhKDAsIDAsIDAsIDAuNSknIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLW1pdGVybGltaXQ9JzEwJyBzdHJva2Utd2lkdGg9JzInIGQ9J000IDdoMjJNNCAxNWgyMk00IDIzaDIyJy8+PC9zdmc+);
    }
}

@media ( max-width: 980px ) {
    #jaslo-header {
        background: linear-gradient(180deg, #2a6084, #266c99 3%, #357dab 26%, #61afe4);
        border-left: none;
        border-right: none;
        border-top-left-radius: unset;
        border-top-right-radius: unset;
        margin-bottom: 0.3em;
    }

    a:hover {
        text-decoration: none;
    }

    .d-md-block {
        display: block;
    }

    .d-md-inline-block {
        display: inline-block;
    }

    .d-md-none {
        display: none!important;
    }

    .pr-md-0 {
        padding-right: 0!important;
    }

    #body {
        width: 100%;
        float: unset;
    }

    #body #panele_lewa, #body #panele_srodek, #sidebar, .panel {
        float: none !important;
        width: 100%;
    }

    .panel {
        width: auto;
        margin: 0 0.2em 0.5em;
        overflow: hidden;
    }

    #panele_srodek {
        margin: 0;
    }

    #main-banner {
        display: none;
    }

    #goraca-linia {
        display: none;
    }

    #main-page {
        width: 100%;
        max-width: 100%;
    }

    #body1 {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        float: unset;
    }

    #body1 img {
        max-width: 100%;
        height: auto;
    }

    .panel-wiadomosc-jaslo.panel {
        min-height: unset;
    }

    .panel-wiadomosc-jaslo h1 {
        -webkit-line-clamp: unset;
        min-height: inherit;
    }

    .comment_list {
        padding: 0 .1em;
    }

    .comment_panel-inner {
        border: none;
        padding-bottom: 0.1em;
        margin-bottom: 0.4em;
    }

    .comment_panel .view_type {
        padding: .7em .1em .2em;
    }

    .comment .date {
        font-size: .7em;
        top: 21px;
    }

    .comment_panel .comment {
        margin-top: .5em;
        margin-bottom: .3em;
    }

    .comment_panel .reply_comment {
        margin-left: .8em;
        margin-top: 0.3em;
    }

    .comment_panel .comment-form {
        margin: 0.7em 0.1em 0.1em;
    }

    .subpage-panel .h {
        margin: 0 .1em;
    }

    #body1 .box .c img {
        margin-left: -11px;
        max-height: 100vh;
        width: calc(100% + 22px);
        max-width: 100vw;
    }

    #body1 .box .c iframe {
        margin-left: -11px;
        max-height: 100vh;
        width: calc(100% + 22px);
        max-width: 100vw;
    }

    .news_full {
        padding-top: 0.5em;
    }

    .news_full .comment_cloud {
        display: none;
    }

    .wiadomosci-jaslo-item .comment_cloud, .news_full .comment_cloud {
        display: none;
    }

    .wiadomosci-jaslo-item .item_header, .news_full .item_header {
        background: none;
        width: auto;
        margin-bottom: 0;
    }

    .margin-x-min-md {
        margin-left: 0.1em;
        margin-right: 0.1em;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    iframe {
        max-width: 100%;
    }

    #galeria {
        width: 100%;
    }
    .galeria_panele_album {
        justify-content: space-around;
    }
    .gallery-album-item {
        max-width: 49%;
    }
    #galeria.single-photo-page .box {
        border: none;
        background: #101010;
        color: #e5e5e5;
    }
    .galeria_panele {
        grid-template-columns: 1fr;
    }
    .galeria_poprzednie, .galeria_nastepne {
        display: none;
    }
    .gallery-photo-info {
        font-size: 0.9em;
        margin-bottom: 0;
    }
    .galeria_klisza .klisza-mobile-nav {
        display: inline-block;
    }

    .panel-news-desc {
        line-height: initial;
    }

    .panel .box ul li {
        background-position-y: 0.85em;
    }

    .box ul li a {
        display: block;
        margin-bottom: 0.1em;
        margin-top: 0.1em;
        padding-bottom: 0.2em;
        padding-top: 0.2em;
    }

    #sidebar1 {
        float: unset;
        width: auto;
        margin-top: 0.5rem;
    }

    #sidebar1 .right {
        text-align: center;
    }

    #ogloszenia-jaslo .box li a:link, #ogloszenia-jaslo .box li a:visited {
        padding-top: .3em;
        padding-bottom: .3em;
        margin-top: 0.1em;
        margin-bottom: 0.1em;
    }

    #ogloszenia-jaslo .box li:before {
        top: 5px;
    }

    #box-katalog li a {
        padding-top: .3em;
        padding-bottom: .3em;
        margin-top: 0.1em;
        margin-bottom: 0.1em;
    }

    #box-katalog ul li:before {
        top: 5px;
    }

    #menu ul li {
        background-position: 0.6em 0.85em;
    }

    #menu ul li a {
        padding-top: 0.6em;
        padding-bottom: 0.5em;
    }

    #menu ul li a {
        padding-top: 0.5em;
        padding-bottom: 0.4em;
    }

    ul.paginationD li a {
        min-width: 49px;
        padding: 17px;
    }

    #main-footer {
        padding: 0.3em 0.5em 0.2em 0.5em;
        margin: 0.1em 0.2em 0.1em;
    }

    #main-footer ul {
        float: left;
        width: 100%;
        margin-bottom: 0.4em;
    }

    #main-footer .copy {
        line-height: 1.1em;
        font-size: .8em;
    }

    .subpage-panel .comment-bubble {
        display: block;
        float: right;
        margin-top: 0;
        font-size: .75em;
    }

    .wiadomosci-jaslo-item .lead {
        -webkit-line-clamp: 9;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
    }

    #body1 .wiadomosci-jaslo-item img {
        max-width: 49%;
    }
}

@media print {
    .d-print-none, .comment_panel .comment .reply_button, .comment_panel .comment .comment_rate, .pagination, #tematy-tygodnia-jaslo, #plakaty-jaslo, #ogloszenia-jaslo .box span, #box-katalog .add-link {
        display: none!important;
    }

    *, #box-katalog .katalog_link:first-letter {
        color: black !important;
        text-shadow: none!important;
        border: none!important;
        background: white !important;
    }

    img {
        filter: grayscale(100%);
    }
}