
@font-face {
  font-family: 'FontAwesome';
  src: url('/!common/fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('/!common/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('/!common/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('/!common/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('/!common/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('/!common/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

#progressBar {
   width: 100%;
   height: 100%;
   border: 2px solid #444;
   border-radius: 2px;
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
   z-Index:10;
}

#progressBarFill {
   height: 100%;
   width:0%;
   background: #ddd;
   transition: width 0.25s;
   z-Index:11;
}

#progressBarText {
   font-weight:bold;
   position:absolute;
   top:0; left:0; bottom:0; right:0;
   text-align:center;
   line-height:44px;
   font-size:12px;
   font-family: verdana;
   z-Index:12;

}

.btnbox {
   font-size:14px;
   display: none;
   border-radius: 2px;
   border: 1px solid #333;
   background: #fff;
   z-index: 2147483648;
   box-shadow: 1px 1px 6px rgba( 0, 0, 0, 0.2 );
   transition: opacity 0.2s ease;
   opacity:0;
}

/* ======================== */

.ndatetime-week span { font-weight:bold; margin-top:2px; margin-bottom:2px; font-size:11px; line-height: 26px; display:inline-block; background:#eee; width: 14.285714285714285714285714285714%; text-align:center }

.ndatetime-days {
   display:flex; flex-wrap: wrap;
   flex-direction: row;
}
.ndatetime-days div {
   width: 14.285714285714285714285714285714%;
}
.ndatetime-days div:nth-child( 7n ) p { color:orangered !important  }

.ndatetime-days div p {
   display: flex;
   justify-content: center;
   align-items: center;
   flex: 1;
   aspect-ratio:1/1;
   cursor:pointer;
   font-family:'courier new';
   font-size:13px;
   background:#fcfcfc;
   margin:1px;
   position:relative;
}

.ndatetime-days div p.empty {
   font-size:11px;
   color:#aaa;
   background:#fff;
}

.ndatetime-days div p.today {
/*
   outline:2px dashed #000;
   font-weight:bold;
*/
   background:#ccc;
}

/*
.ndatetime-days div p.selected:before {
   content:'';
   display:block;
   width:100%;
   height:100%;
   top:0;
   left:0;
   position:absolute;
   border:3px dotted blue;
}
*/

.ndatetime-days div p.holiday {
   border:3px solid orangered;
   color:orangered;
/*
   background:orangered;
   color:#fff;
*/
   font-weight:bold;
}

.ndatetime-days div p.holiday2 {
   border:1px solid #ffc107;
}

.ndatetime-days div p:hover {
   outline:1px solid #333;

}

//===============================================================

.body-modal {
   opacity:1;
}

.body-modal:after {
   content: "";
   display: block;
   position: fixed; 
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   cursor:inherit;
   transition: all 0.5s ease;
   opacity:inherit;
   z-index: 299;
}

.body-modal.modal-light:after { background-color: rgba( 0, 0, 0, 0.03 ); }
.body-modal.modal-dark:after  { background-color: rgba( 0, 0, 0, 0.8  ); }

.popup {
   z-Index: 300;
   display:block;
   position:fixed;
   overflow:hidden;
   background:#fff;
   cursor:default;
   min-width: 300px;
   max-width:  calc( 100% - 20px );
   max-height: calc( 100% - 20px );
   border-radius:3px;
   border: 1px solid #888;
   box-shadow: 0px 11px 15px -7px rgb(0 0 0 / 20%), 0px 24px 38px 3px rgb(0 0 0 / 14%), 0px 9px 46px 8px rgb(0 0 0 / 12%);
   transition: all 0.3s ease;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   margin: auto;
}

.popup-body        { display: flex; flex-direction: column; height: 100%; padding:1em; }
.popup div.content { flex: 1 1 auto; overflow-y: auto; min-height: 0px  }
.popup h3 { font-weight:bold; line-height:1.2; margin:0 }
.popup-close {
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-size: 21px;
   line-height: 21px;
   font-weight: bold;
   text-align: center;
	height:21px;
	width:21px;
   cursor: pointer;
   float:right;
   color:#383838;
/*
   color:#ccc;
*/
}

.popup div.border-top:before, .popup-body div.border-top:before {
   display:block;
   content: '';
   border-top:1px solid #ccc;
   height:5px;
}

.popup div.border-bottom:after, .popup-body div.border-bottom:after {
   display:block;
   content: '';
   border-bottom:1px solid #ccc;
   height:5px;
}

.popup-close:after { content: '\d7' }
.popup-close:hover { color: #666 }

.popup.close {
   z-index:302;
   display:block;
   position:absolute;
   width:32px;
   height:32px;
   top:0;
   right:0;
   cursor:pointer;
   text-align:center;
}
.popup.close:before {
   content:'\00D7';
   font-family:arial;
   font-size:28px;
   font-weight: bold;
   line-height:32px;
   color:#aaa;
   vertical-align:middle;
}
.popup.close:hover:before { color:#383838; }

.fotogal-img { 
   cursor: zoom-out;
   transition: all 0.3s ease;
   z-Index:300; 
   position:fixed; 
   box-shadow: 0 0 20px rgba( 0, 0, 0, 0.9 ); 
   overflow:hidden;
   outline:4px solid #fff;
/*
   background:#666;
   transform: translate(-50%, -50%) translateZ( 0 ); 
   top:50%;left:50%;
*/
/*
   border-radius:1px;
   background:#888;
*/
   top:0;
   left:0;
   bottom:0;
   right:0;
   margin: auto;

}
.fotogal-img img { 
    object-fit: cover;
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity:0;
    transition: all 0.15s ease, opacity 0.5s ease;
    font-size: 1px;
    line-height: 0;
}








.grid0 { padding:0 !important; margin: 0 !important }
.grid0 li { padding:0 !important; margin: 0 !important; display: flex }
.grid0 li a { padding:0.3em 1em 1em 1em; border:1px solid transparent; border-radius:3px }
.grid0 li a:hover{ border:1px solid #ccc !important; box-shadow: 0 0 5px 0 rgba( 0,0,0,.14 ); }
.fl:first-letter { font-size:1.2em; letter-spacing:0; line-height:1em; font-weight:bold; font-family: georgia; color:orange; }

.cena2      { font-size:1.3rem; font-weight:bold; white-space: nowrap; color:#444; font-family:verdana }
.cena2 sup  { font-weight:normal; font-size: 0.6em; margin-left: -0.2em; font-weight:bold }    
.cena2 span { font-size: 0.6em;}    
.cena2 .old { text-decoration: line-through red; color:#777; letter-spacing:-1px; font-size:0.6em; }

[data-role='stars'] {
   width:5em; height:1em;
   display:inline-block;
   position:relative;
   line-height:1em;
   margin:0; padding:0;
}

[data-role='stars'] i {
   width:1em; height:1em; 
   display:inline-block;
   position:relative;
   font-style: normal;
}

[data-role='stars'] i:before, [data-role='stars'] i.half:after {
   position:absolute;
   font-family: FontAwesome;
   color:#eee;
   content: "\f005";
}
[data-role='stars'] i.full:before, [data-role='stars'] i.half:after {
   color:#ffd024;
}
[data-role='stars'] i.half:after {
   content: "\f089";
}

   [class*="ribbon-"] { font-family:verdana; font-size:12px; line-height:15px; box-shadow: 1px 1px 3px rgb(0 0 0 / 50%); color:#fff; position:absolute; z-index:22; display:inline-block; color:#fff; padding:0.3em 0.8em; border-radius: 2px }
/*
   .ribbon-nowosc     { top:5px; right:-4px;   background: #28a745; }
   .ribbon-first      { top:5px; left:5px;     background: #28a745; }
*/
   .ribbon-nowosc     { top:5px; right:-4px;   background: #218739; }
   .ribbon-zapowiedz  { top:5px; right:-4px;   background: rgb( 225, 25, 0 ); }
   .ribbon-last       { top:5px; left:5px;     background: rgb( 225, 25, 0 ) }
   .ribbon-first      { top:5px; left:5px;     background: #218739; }
   .ribbon-500        { bottom:5px; right:5px; background:rgba( 250, 250, 250, 0.8 ); color:green; }

/* ==================================== */

.ngrid {
   list-style: none;
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   position: relative;
   margin:0; padding:0;
}

.ngrid li   { 
   display: flex; position:relative; 
   margin:0; padding:0;
   width:25%;
   border:2px solid #fff; border-radius:3px;
   margin-bottom:1em;
}

@media ( max-width: 487px ) or (( min-width: 651px ) and ( max-width: 802px )){
   .ngrid li { display: flex !important; width:calc( 50% - 0.5em ); border:0; border-radius:0; margin-bottom:1.6em }
   .ngrid li:nth-child( 2n+2 ) { margin-left:1em }
   .ngrid a { padding:0 !important }
/*   .ngrid li:hover { outline: 2px solid #ccc; outline-offset: 0.45em; border-radius: 0.5px; } */
}

@media (( min-width: 488px ) and ( max-width: 637px )) or (( min-width: 803px ) and ( max-width: 952px )){
   .ngrid li { width: calc( 100% / 3 )}
   .ngrid.col48 li:nth-child( 4n+4 ) { display:none }
}

.ngrid li:hover { border-color:#ccc; }

.ngrid a  { color:inherit; display: flex; flex-direction: column; width: 100%; padding:1em; font-size: 12px; font-family: verdana; line-height: 1.2em; }
.ngrid h3, .ngrid .h3 { margin:0; font-size:16px; font-family:arial; font-weight:bold; padding:3px 0; line-height: 1.2em }
.ngrid p  { margin:0 }
.ngrid a:hover { color:inherit}
.ngrid a:hover h3, .ngrid a:hover .h3 { color:#a42727 }

.ngrid.h3-bordo h3, .ngrid.h3-bordo .h3 { color:#a42727 }
.ngrid.h3-bordo a:hover h3, .ngrid.h3-bordo a:hover .h3 { color:#383838 }

.ngrid figure {
   display: block;
   width: 100%;
   position: relative;
   padding-bottom:100%;
   height:0;

}    
.ngrid img[data-lazy] {
   display: block;
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   object-fit: cover;
}

.ngrid .button { width:100%; text-align:center; cursor:pointer; border:1px solid #ccc; padding:5px; margin-top:1em; border-radius:3px; color:#383838; font-size:0.9em }
.ngrid .button:hover { background:#eee }
.ngrid li:hover .button { border-color:transparent; }

.ngrid.ksiegarnia a { text-align:center }
.ngrid.pasaz h3, .ngrid.pasaz .h3 { font-weight:normal; font-size:14px }
.ngrid.bilety figure { padding-bottom:65%; }
.ngrid.ksiegarnia img[data-lazy], .ngrid.pasaz img[data-lazy] { object-fit: contain }

.ngrid .label { margin-top:5px; font-size:11px; letter-spacing:-1px; }
.ngrid .mtop  { margin-top:5px }

/* ==================================== */

.grid {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    position: relative;
    margin: 0 0 0 -15px;
}

   .zbirek li { display: flex; position:relative;  padding: 0 0 0 15px; flex: 1 0 200px; }
   .zbirek li > div { flex:1 0 auto; display: flex; flex-direction: column; height: 100%; width:100%; justify-content: flex-end; text-align:center; }
   .zbirek .name { display:block; line-height:1.2em; height:4.5em; padding-top:0.25em; font-size:0.8em; font-family:inherit; line-height:1.25; }

   .grid-cards li   { 
      display: flex; flex-direction:column; position:relative; padding-left:0; 
      flex: 1 0 200px;
      align-items: flex-start;
   }

   .grid-cards li > div.card       { border:2px solid #fff; border-radius:3px; }
   .grid-cards li > div.card:hover { border-color:#ccc; }
   
   .card-button { width:100%; text-align:center; cursor:pointer; border:1px solid #ccc; padding:5px; margin-top:5px; border-radius:3px; font-family:helvetica, arial, sans-serif; color:#383838; font-size:0.7em }
   .card-button:hover { background:#eee }
   .grid-cards li > div.card:hover .card-button { border-color:transparent; }

.grid-cards li > div {
   margin-bottom: 1em;
	width: 100%;
   display:flex; flex-direction:column; flex:1 0 auto;
   padding:0.75em;
   border:2px solid transparent;
   border-radius:3px;
}

.grid-cards figure {
   display: block;
   width: 100%;
   overflow: hidden;
   position: relative;
   padding-bottom:100%; height:0;
/*
   aspect-ratio: 1/1;
*/
   background-color:#f8f8f8;
}    
    
img[data-lazy] {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.grid-items img[data-lazy] {
    object-fit: contain;
}

.grid-cards .body { 
   display: flex; flex-direction: column; height: 100%;

}

.grid-cards .name {
  font-size:0.8em; font-family:inherit; line-height:1.25;
  margin: 0.5em 0 0.2em 0;
}

   .grid li         { padding: 0 0 0 15px; }
   .grid li > div   { margin-bottom:1em; width:100%; position:relative; }
   .grid li.double  { width: calc( 100% / 3 * 2 ) }
   .grid-col4  li   { width: 25% }
   .grid-col3  li   { width: calc( 100% / 3 ) }
   .grid-col2  li   { width: 50% }
   .grid-col1  li   { width: 100% }

@media only screen and ( max-width: 950px ){
   .grid-col3  li { width: 50% }
   .grid li.double  { width: 100% }
}

@media only screen and ( max-width: 320px ){
   .grid-col3  li { width: 100% }
}

@media only screen and ( max-width: 900px ){
   .grid-col2  li { width: 100% }
   .grid-col4  li { width: 50% }
}

@media only screen and ( max-width: 320px ){
   .grid-col4  li { width: 100% }
}


   [class*="grid-col"] a:hover img      { filter: brightness(1.07) contrast(1.07) }
   [class*="grid-col"] a.white:hover h3 { color:#fff !important }
   [class*="grid-col"] a                { color:#383838; }
   [class*="grid-col"] p                { font-family:arial; font-size:0.8em; line-height:1.5  }
   [class*="grid-col"] h3.small,   [class*="grid-col"] .h3.small   { font-weight:bold; font-size:0.975em }
   [class*="grid-col"] h1,         [class*="grid-col"] h3,         [class*="grid-col"] .h3         { font-weight:bold; font-family:arial; font-size:1.125em; line-height:1.2; padding: 0; margin: 0 }
   [class*="grid-col"] a:hover h1, [class*="grid-col"] a:hover h3, [class*="grid-col"] a:hover .h3 { color:#A42727 }

   .box { display:table; width:100%; }
   .box.vert > div { display: table-row }
   .box.hor  > div { display: table-cell; vertical-align:top }
   .box .img   { position: relative }
   .box .txt   { width:100% }

   .box figure { display:block; width:100%; position:relative; background:#f8f8f8; overflow:hidden; z-Index:10 }
   .box figure img {display:block; position:absolute; height:100%; width:100%; top:0; left:0; object-fit: cover; transition: all 0.3s ease; }


   .grid-col1 .box.hor .txt { padding-left:15px; }
   .grid-col1 .box.hor .img { width:21.505376344086%; border-top: 0.3em solid #fff }

   .grid .padd         { padding: 0.4em 0 0 0 !important; }

   .grid .toplabel     { font-family:verdana; font-size:11px; color: #666; display:block; text-transform: uppercase; font-weight: bold; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; }
   .grid .comments     { font-family:verdana; font-size:11px; color: #666 }
   .grid .category     { font-family:verdana; font-size:11px; color: #666; display: inline-block; letter-spacing:-1px }
/*!
   .grid .toplabel     { font-family:verdana; font-size:11px; color: #aaa; display:block; text-transform: uppercase; font-weight: bold; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; }
   .grid .comments     { font-family:verdana; font-size:11px; color: #aaa }
   .grid .category     { font-family:verdana; font-size:11px; color: #999; display: inline-block; letter-spacing:-1px }
*/

   .clamp   { display:block; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; }    
   .clamp-1 { -webkit-line-clamp: 1; }
   .clamp-2 { -webkit-line-clamp: 2; }
   .clamp-3 { -webkit-line-clamp: 3; }
   .clamp-4 { -webkit-line-clamp: 4; }
   
   .grid-col2 .short .img   { width:30%;  border-top: 0.3em solid #fff }
   .grid-col2 .short .txt   { padding-left:15px; vertical-align:middle }
   .grid-col2 .short figure { aspect-ratio: 4 / 3; min-width:120px }
   .grid-col1 .short .img   { width:15% !important; border-top: 0.2em solid #fff !important }
   .grid-col1 .short .txt   { padding-left:15px; }
   .grid-col1 .short figure { aspect-ratio: 4 / 4; min-width:120px }

   .grid-col4 h3            { font-size:1.3em }
   .grid-col4 figure        { aspect-ratio: 4 / 3; min-width:120px }

   h3.over, .h3.over {
      position:absolute;
      left:0;
      bottom:0;
      padding: 0 60px 20px 20px;   
      font-size: calc( 15px + 1.1vw);
      line-height: 1.07;
      color:#fff !important;
      font-weight: bold;
      text-shadow: rgb( 51, 51, 51 ) 0px 1px 2px;
      z-Index:11;
   }
   .foto-ico {
      position:absolute;
      right:4px;
      width:32px;
      height:32px;
      z-Index:19;
      text-align:center;
      color:#f8f8f8;
      background-color: rgb( 51, 51, 51, 0.5 );
   }
   .foto-galeria, .foto-zoom {
      top:4px; 
      border-radius: 2px;
   }
   .foto-zoom { pointer-events:none }
   
   .foto-video {
      bottom:4px;
      border-radius:100%;
      border:2px solid #f8f8f8; 
   }



.slot    { text-align:center; width:100%; max-width:100% }
.s-top3  { border-top:     36px solid transparent }
.s-top2  { border-top:     24px solid transparent }
.s-top1  { border-top:     12px solid transparent }
.s-bot3  { border-bottom:  36px solid transparent }
.s-bot2  { border-bottom:  24px solid transparent }
.s-bot1  { border-bottom:  12px solid transparent }
/*!
.slot    { text-align:center; width:100%; max-width:100%; overflow:hidden }
.s-label { width: 100%; height: 11px; text-align: center; color: #ccc; font-size: 9px; line-height: 8px; padding:0; margin:0; font-family: verdana; }
.s-wrap  { overflow:hidden; position:relative; width:100%; margin: 0 auto }
*/
.s-label { width: 100%; height: 11px; text-align: center; color: #666; font-size: 11px; line-height: 10px; padding:0; margin:0; font-family: verdana; letter-spacing:1px}
.s-wrap  { position:relative; width:100%; margin: 0 auto }

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

.s-desktop   { display:block }
.s-mobile    { display:none }
.s-twin2-ins { display:none }

@media only screen and ( max-width: 1010px ){
   .s-desktop   { display:none }
   .s-mobile    { display:block }
   .s-twin2-ins { display:inline-block; width:300px; height: 250px; }
}

.s-link-txt {
   font-family: verdana;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: normal;
   text-align:center;
   font-size:15px;
   line-height:17px;
   margin:5px 0 15px 0;
}

.s-link-txt img {
   display: inline-block;
   margin: 0 !important;
   font-size:1px;
   line-height:1px;
   width:1px;
   height:1px;
}

.s-link-txt a {
   color: #383838;
}

.s-link-txt a:hover {
   color: #A42727;
}

.s-link-img {
   margin:5px 0 15px 0;
   width:300px; height: 100px;
   background:#eee;
}

.s-pix {
   position:absolute;
   overflow:hidden;
   top:0;
   left:0;
   width:0;
   height:0;
}

.top-mid-mobi.s-top  { display:block; margin:0 auto }
.top-mid-mobi.s-mid  { display:none;  margin:0 auto }
.top-mid-mobi.s-mobi { display:none;  margin:0 auto }
@media only screen and ( max-width: 950px ){
   .top-mid-mobi.s-top  { display:none }
   .top-mid-mobi.s-mid  { display:block }
}
@media only screen and ( max-width: 500px ){
   .top-mid-mobi.s-top  { display:none }
   .top-mid-mobi.s-mid  { display:none }
   .top-mid-mobi.s-mobi { display:block }
}

.top-mobi.s-top  { display:block; margin:0 auto }
.top-mobi.s-mobi { display:none;  margin:0 auto }
@media only screen and ( max-width: 500px ){
   .top-mobi.s-top  { display:none }
   .top-mobi.s-mobi { display:block }
}
.top-mid.s-top { display:block; margin:0 auto }
.top-mid.s-mid { display:none;  margin:0 auto }
@media only screen and ( max-width: 950px ){
   .top-mid.s-top  { display:none }
   .top-mid.s-mid  { display:block }
}

.mid.s-mid  { display:block; margin:0 auto }
.mid.s-mobi { display:none;  margin:0 auto }
@media only screen and ( max-width: 500px ){
   .mid.s-mid  { display:none }
   .mid.s-mobi { display:block }
}

.box.s-box  { display:block; margin:0 auto }
.box.s-mobi { display:none;  margin:0 auto }

@media only screen and ( max-width: 650px ){
   .box.s-box  { display:none }
   .box.s-mobi { display:block }
}

html {
   padding:0; margin:0; 
   overflow: -moz-scrollbars-vertical; overflow-y: scroll; overflow-x: auto; 
   height: 100%;
   box-sizing: border-box;
   font-family: helvetica, arial, sans-serif; 
   line-height:1.6;
   font-size:15px;
}
body {
   width:100%;
   height:100%;
   font-family:inherit; 
   line-height:inherit;
   font-size:inherit; 
   padding: 10px;
   color:#383838;
   min-height: 100%;
   display: table;
}

@media (min-width:950px) and (max-width:1100px) { html { font-size: 16px; }}
@media (min-width:1101px) { html { font-size: 17px;  }}

*, *:before, *:after {
   box-sizing: inherit;
   margin:0; padding:0; border:0; outline:none;
}

.content { display: table-row; height: 100% }

.container { width:100%; min-width:300px; max-width:1245px; margin:0 auto; z-Index:10; box-shadow: -5px 0px 0px 0px #fff, 5px 0px 0px 0px #fff; }
.container.footer { padding:1em 0; border-top:3px solid #7d0000; margin-top:40px; }

.colAB { display:flex; width:100% }
.colA  { display:block; width:calc(  100% - 300px ); min-width:300px; padding-right:15px; vertical-align:top; padding-top:0px; padding-bottom:2px }
.colB  { display:block; width:300px; vertical-align:top;  }
@media only screen and ( max-width: 650px ){
   .colAB { display:block }
   .colA  { display:block; width:100%; padding-right:0; margin-bottom:20px; padding-bottom:0px }
   .colB  { display:block; width:100%; margin: 0 auto }
   #inc_prawa, .inc_prawa { display:none !important }
}

.logo-i {
   display: inline-block;
   white-space:nowrap;
   height:50px;
   background:#fff;
}
.logo-i i {
   display:inline-block;
   background: url( 'letters.gif' );
   margin-left:2px;
   height:50px;
}

.logo-i i.zero  { margin-left:-3px }
.logo-i i.zero2 { margin-left:0px }
.logo-i i.tu    { width: 73px; background-position:    0    0;  margin-left:0 }
.logo-i i.puls  { width:103px; background-position: -1043px 0;  margin-left:0 }
.logo-i i.pl    { width: 64px; background-position: -849px  0 }
.logo-i i.i0    { width: 22px; background-position: -817px  0 }
.logo-i i.dot0  { width: 12px; background-position: -838px  0 }

.logo-i i.a  { width:33px; background-position:  -80px 0 }
.logo-i i.b  { width:30px; background-position: -115px 0 }
.logo-i i.c  { width:30px; background-position: -148px 0 }
.logo-i i.d  { width:30px; background-position: -182px 0 }
.logo-i i.e  { width:22px; background-position: -216px 0 }
.logo-i i.g  { width:30px; background-position: -265px 0 }
.logo-i i.h  { width:30px; background-position: -299px 0 }
.logo-i i.i  { width:13px; background-position: -333px 0 }
.logo-i i.k  { width:33px; background-position: -369px 0 }
.logo-i i.l  { width:20px; background-position: -403px 0 }
.logo-i i.m  { width:40px; background-position: -426px 0 }
.logo-i i.n  { width:29px; background-position: -470px 0 }
.logo-i i.o  { width:29px; background-position: -503px 0 }
.logo-i i.p  { width:27px; background-position: -536px 0 }
.logo-i i.r  { width:29px; background-position: -567px 0 }
.logo-i i.s  { width:29px; background-position: -600px 0 }
.logo-i i.t  { width:28px; background-position: -630px 0 }
.logo-i i.u  { width:29px; background-position: -660px 0 }
.logo-i i.w  { width:49px; background-position: -691px 0 }
.logo-i i.y  { width:29px; background-position: -742px 0 }
.logo-i i.z  { width:24px; background-position: -772px 0 }

.nasze     { background: url( gazety.png?v2 ) no-repeat; }
.nasze.bia { background-position: 0 0 }
.nasze.bem { background-position: -100px 0 }
.nasze.leg { background-position: -200px 0 }
.nasze.lom { background-position: -300px 0 }
.nasze.tar { background-position: -400px 0 }
.nasze.wol { background-position: -500px 0 }
.nasze.kon { background-position: -600px 0 }
.nasze.iow { background-position: -700px 0 }
.nasze.iwa { background-position: -800px 0 }
.nasze.izo { background-position: -900px 0 }
.nasze.nad { background-position: -1000px 0 }

#dzielnice             { white-space:nowrap; height:40px; display:block; margin:0; padding:0; list-style-type: none; /* border-top:10px solid red; border-bottom:10px solid red; */ }
#dzielnice li          { display:inline-block; text-transform: uppercase; font-size:14px !important; line-height:40px; font-weight:bold  }
#dzielnice li a        { display:inline-block; padding: 0px 5px; color:#383838; height:40px }
#dzielnice li:first-child a { padding-left:0; }
#dzielnice li:first-child a.on { text-decoration-color: transparent; }
#dzielnice li a:hover  { text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 2px; text-decoration-color: #7d0000 !important }
#dzielnice li a.on     { text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 2px; text-decoration-color: #7d0000 }


#navbar                { white-space:nowrap; display:table; margin:0; padding:0; list-style-type: none; background:#7d0000 }

/*
#navbar        { position:relative }
#navbar:before { position:absolute; content: ''; width:2px ; background:inherit; top:0; left:-2px; bottom:0 }
*/

#navbar li             { display:table-cell; text-transform: uppercase; transition: all 0.1s ease; line-height:32px; font-size:14px; font-weight:bold; font-family:tahoma; color:#fff; position: relative; padding: 0 15px 0 15px; cursor:pointer }
#navbar li:hover       { background:#fff; color:#7d0000; outline:1px solid #ccc; }
#navbar li.sep         { background:#7d0000; width:100%; margin:0; padding:0; cursor:default; outline:none; pointer-events:none; text-align:center; font-size:11px; line-height:13px; vertical-align:middle; font-weight:normal; letter-spacing:0px; font-family:verdana; text-transform: none }

#navbar li ul          { list-style-type: none; z-index:100; display: none; position: absolute; top: 32px; left:-1px; border:1px solid #ccc; background-color: #fff; padding:5px 5px 5px 5px !important; box-shadow: 2px 3px 3px 0 rgba(0,0,0,.3); }
#navbar li:hover ul    { display: block }
#navbar li:focus ul    { display: block }
#navbar li li          { display: block; outline:none !important; font-family:arial ; text-transform:none; margin:0; padding:0; font-size:15px; border:none }
#navbar li li a        { color:#7d0000; font-weight:normal; line-height:22px; display:block; padding:5px 25px 5px 15px; outline:none; white-space:nowrap }
#navbar li li a:hover  { color:#333; text-decoration:none !important; background:#ccc  }


#menu-tablet { display:block; z-Index:100 ; background:#fff; position: sticky; top: 0 }
#menu-mobile { display:none; height:32px; margin-top:-10px; margin-bottom:10px; position:sticky;z-index:200; top:0; background:#fafafa  }
#menu-mobile:before {
   content: "";
   display: block;
   position: absolute;
   top:0;
   left:-10px;
   height:100%;
   width: calc( 100% + 20px );
   background:inherit;
   z-Index:-1;
}

.icons {
   position:sticky; top:4px; margin-right:calc( 50% - 622px ); 
   margin-top:-50px;
   z-index:200;
   float:right;
}

@media only screen and ( max-width: 1275px ){
   .icons { margin-right:0px; }
}

.sticky, .colB > div:last-child { position: sticky !important; top: 0 }
.anchor { display: block; position: relative; width:1px; height:1px; z-Index:1000; pointer-events:none }

@media only screen and  ( max-width:966px ){
   #menu-tablet { display:none }
   #menu-mobile { display:block }
   #menu-icons  { position:fixed; top:0;  right:10px; margin-top:0px  }
   #menu-logo   { text-align: center }
   thead.sticky { top: 32px; } 
   .anchor      { top: -87px }
   .anchor.head { top: -140px }
   .sticky, .colB > div:last-child { top: 37px; }
}


@media only screen and  ( min-width:967px ) {
   #menu-tablet { display:block }
   #menu-mobile { display:none }
   #menu-logo   { text-align: left; }
   #menu-mini   { display:none }
   thead.sticky { top: 72px; }
   .anchor      { top: -115px }
   .anchor.head { top: -178px }
   .sticky, .colB > div:last-child { top: 75px; }
}

@media only screen and ( max-width: 550px ){
   #menu-logo { zoom: 0.67480916030534; }
}

#menu-mini    { position:fixed; top:0; left:-320px; bottom:0px; width:300px; z-index:202; background-color: #fff; transition: left 0.2s ease; box-shadow: 2px 3px 3px 2px rgb(0 0 0 / 30%); overflow:auto; }
#menu-mini ul { padding:0; margin:0; list-style-type: none; margin-top:0px; margin-left:10px }
#menu-mini ul li { font-family:tahoma; font-size:14px; font-weight:bold !important; line-height:32px; text-transform: uppercase;  }
#menu-mini a   { display:block; width:100%; padding-left:10px; color:#383838; font-family:arial; font-weight:normal  }
#menu-mini ul ul {   }
#menu-mini ul li ul li { margin-left:0  }
#menu-mini ul li ul li a { padding-left:20px; text-transform: none  }
#menu-mini ul li.sup { padding:10px 0 0 10px }


input[type=text][data-role] + i, select + i, input[type=text][data-role] + div  {
	z-index:11;
   text-align:center;
   background:transparent;
   width:2em;
   height:2em;
   cursor:pointer;
   display:inline-block;
   position:relative;
   vertical-align:middle;
   line-height:2em !important;
   margin-left:-2em;

}
.datarole, [data-role='nmenu'] {
   position:relative;
   display:inline-block;
}

[data-role='nmenu'] > div, [data-role='nmenu'] > ul {
   position:absolute;
   display: none;
   top:0; right:0;
   font-size:14px;
   text-align:left;
}

[data-role='nmenu'] h4 { font-size:16px; margin: 10px 10px 0 10px; display:block; white-space:nowrap; padding:7px 10px; line-height:1.2em; border-bottom:1px solid #ccc; background:#eee }

[data-role='nmenu'] > ul {
   padding: 10px;
   list-style: none;
}

.nmenu ul {
   padding: 10px;
   line-height:24px;
   text-align:left;
   list-style: none;
}

.nmenu li a {
   display:block;
   width:100%;
   line-height: 2.2em;
   padding: 0 1em;
   color:#383838;
   white-space:nowrap;
   margin:0;
}
.nmenu li a:hover {
   background: #f0f0f0;
   color: #7d0000;
}
.nmenu li.selected { font-weight:bold }

.ico {
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome !important;
    font-weight: normal !important;
    font-style: normal !important;
    position: relative;
    text-align: center;
    line-height: 0.1em;
}

.ico.admin:before {
    content: 'admin';
    letter-spacing: normal;
    font-family: 'courier new';
    padding: 2px 1.5em;
    border: 1px solid #7d0000;
    font-size: 11px;
    color: #7d0000;
    background: #f8f8f8;
    vertical-align:1px;
}

.ico.up:before       { content:'\f077'; font-size:0.95em; margin-right:2px  }
.ico.left:before     { content:'\f053'; font-size:0.95em; margin-right:2px }
.ico.right:before    { content:'\f054'; font-size:0.95em }
.ico.more:before     { content:'\f054'; font-size:1em  }
.ico.less:before     { content:'\f053'; font-size:1em  }
.ico.pin:before      { content:'\f08d'; font-size:15px; color:#A42727 }
.ico.theme:before    { content:'\f0f6';  font-size:14px; vertical-align:1px !important }
.ico.theme0:before   { content:'\f016'; font-size:14px; vertical-align:1px !important }
.ico.lock:before     { content:'\f023'; font-size:17px  }
.ico.close:before     { content:'\f00d'; font-size:17px }
.ico.login:before     { content:'\f007'; font-size:16px }
.ico.tools:before     { content:'\f013'; font-size:18px }  /* \f085 */
.ico.menu:before     { content:'\f0c9'; font-size:17px }
.ico.plus:before     { content:'\f067'; font-size:16px }
.ico.find:before      { content:'\f002'; font-size:15px; vertical-align:1px !important }
.ico.person:before      { content:'\f007'; font-size:17px; color: #3d3;  }
.ico.person0:before     { content:'\f007'; font-size:17px; color: #ccc;  }
.ico.personx2:before     { content:'\f007'; font-size:17px; color: #f33;  }
.ico.personx3:before     { content:'\f007'; font-size:15px; color: #fee; text-shadow: 0px 0px 1px #000, 0px 0px 1px #000;  }
.ico.personx:before     { content:'\f007'; font-size:17px; color: #fdd  }
.ico.personxa:before     { content:'\f007'; font-size:16px; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #f99;  }
.ico.calendar:before     { content:'\f133'; font-size:1em; /* vertical-align:1px !important */ }
.ico.hour:before     { content:'\f017'; font-size:1em }
.ico.folderx0:before     { content:'\f114'; font-size:14px }
.ico.select:before     { content: '\f0d7'; font-size:16px }
.ico.rss:before { content: '\f09e'; font-size: 1.2em; color:#fd9f13 }
.ico.vdots:before { content: '\f142'; font-size: 14px }
.ico.cite:before { content: '\f10e'; font-size: 12px }
.ico.del:before { content: '\f014'; font-size: 14px }
.ico.edit:before { content: '\f044'; font-size: 14px; vertical-align:-1px !important }
.ico.external:before { content:'\f08e'; font-size:15px; vertical-align:-2px }
.ico.zoomin:before { content: '\f00e' }
.ico.bell:before { content: '\f0f3'; color:MediumBlue }
.ico.newsletter:before { content: '\f1d8'; color: #383838  }
.ico.refresh:before { content: '\f021'  }
.ico.galeria:before { content: '\f030'; font-size:16px; line-height:28px; vertical-align:-3px }
.ico.video:before   { content: '\f0da'; font-size:24px; line-height:28px; margin-left:3px }
.ico.zoom:before    { content: '\f065'; font-size:24px; line-height:28px; vertical-align:-5px }
    
.ico.newsletter-big:before { content: '\f1d8'; color:#cd853f; font-size:2em; line-height:1em; margin-right:0.5em }
.newsletter-div { background:#f0e68c !important }

.comment:before {
    width: 16px;
    height: 10px;
    margin-top: -8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.css.comments {
    width: 1.3em;
    height: 0.8em;
    background-color: #ccc;
    border-radius: 2px;
}
.css.comments:after {
    left: 4px;
    border: 3px solid transparent;
    border-top-color: #ccc;
    border-left-color: #ccc;
    bottom: -5px;
    background: transparent;
}
.css {
    position: relative;
    display: inline-block;
}
.css:before, .css:after {
    content: '';
    position: absolute;
    display: block;
}

.emoji {
   -webkit-font-smoothing: antialiased  !important;
   font-weight: normal !important;
   font-style: normal !important;
   position: relative;
	text-align:center;
   line-height:0.1em;
   font-size:0.8em;
   vertical-align:1px;
}


.emoji.s1:before      { content:'\1f642' }
.emoji.s2:before      { content:'\1f641' }
.emoji.s3:before      { content:'\1f609' }
.emoji.s4:before      { content:'\1f615' }
.emoji.s5:before      { content:'\1f610' }
.emoji.s6:before      { content:'\1f62e' }
.emoji.s7:before      { content:'\1f608' }
.emoji.s8:before      { content:'\1f617' }



.waiting { 
   cursor: wait; 
}
.waiting:before {
   content: '';
   opacity: 0.6;
   background-color:#fff;
   z-index:18;
	display:block;
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
   cursor: wait; 

}

.waiting:after {
   cursor: wait; 
   content: '';
	border-radius: 50%;
   border: 5px solid transparent;
   border-top-color: rgb(66, 133, 244);
   border-right-color: rgb(66, 133, 244);
   outline:5px solid rgba( 0, 0, 0, 0.05 );
   background:rgba( 0, 0, 0, 0.05 );
   width:2em;
   height:2em;
	display:block;
   z-index: 19;
   position:absolute;
   top:0;
   bottom:0;
   right:0;
   left:0;
   margin:auto;
	animation: waitinganim 0.9s infinite linear;

}
@keyframes waitinganim{ to {transform: rotate(360deg); }}

#errordiv {
    cursor: pointer;
    display: none;
    font-size: 12px;
    font-family: tahoma;
    position: fixed;
    width: auto;
    bottom: -70px;
    left: 5px;
    padding: 0.5em;
    text-align: center;
    background: #ffa;
    border: 4px solid red;
    color: #000;
    font-weight: bold;
    white-space: nowrap;
    box-shadow: 1px 1px 6px rgb(0 0 0 / 50%);
    transition: all 0.4s ease;
    z-index: 100000;
}

/* ============================== */

form [required]:valid { border: 1px solid #ccc !important; outline:none !important }
input[type=checkbox]:valid + i { border: 1px solid #ccc !important; outline:none !important }

label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

fieldset              { display:table }
fieldset label        { display:table-row }
fieldset label > span { display:table-cell; vertical-align:top !important; padding-top:0.30em; padding-bottom:4px; height:2em; line-height:1.3  }
fieldset label > span:first-child { padding-top:0  }
fieldset .padd-left   { padding-left:0.5em }
fieldset .padd-right  { padding-right:0.25em }
fieldset .padd-bottom  { padding-bottom:1em; }
td.input fieldset, td.input .ucolumns { margin-top:0.21em }


td.label0 {
    white-space: nowrap;
    padding-top: 0.05em;
    min-width: 10em;
}

   .label-big, .label-big span:first-child { 
       font-family: arial !important;
       font-weight: bold !important;
       line-height: 1.2 !important;
       font-size: 1em !important;
    }  
    p.label-big  { margin-top:12px !important; }
    p.label-big > span { font-weight:normal; font-family: arial !important; }

.label-bigger {
    font-family: arial;
    font-weight: bold;
    line-height: 1.2;
    font-size: 1em;
}

select:focus, textarea:focus, input:focus, [data-role='fileinput']:focus {
   border-color: #777;
}
   
:root input[type=checkbox]:focus + i, input[type=radio]:focus + i {
   border-color: #777;
}
/*
::-webkit-input-placeholder { color: #ccc; }
::-moz-placeholder          { color: #ccc; }
::-ms-input-placeholder     { color: #ccc; }

:focus::-webkit-input-placeholder { color: transparent; }
:focus::-moz-placeholder          { color: transparent; }
:focus::-ms-input-placeholder     { color: transparent; }
*/
input, textarea, select, [data-role='fileinput'] {
   line-height:2em;
   vertical-align:top;
   display:inline-block;
   position: relative;
   border:1px solid #ccc;
   border-radius:2px;
	color:inherit;
   font:inherit;
   background:#fff;
   min-width:2em;
   height:2em;
   margin:0;
   padding:0 0 0 4px;
}

select {
   cursor:pointer;
	z-index:10;
   -moz-appearance: none;
   -webkit-appearance: none;
   min-width:3em;
}
select[multiple], select[size] {
   height: auto;
   padding:0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
   select { padding-right:calc( 2em - 5px ); }
}

.opera-only:-o-prefocus, select + i {
   display:none !important;
}

@-moz-document url-prefix() {
   select { padding-right:2em; }
   select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }
}

textarea {
   resize:vertical;
   overflow: auto;
   vertical-align: top;
   min-height:3em;
   padding-top:0.3em;
   padding-right:4px;
   line-height:1.4em;
   cursor:text;
}

select + i {
   pointer-events: none;
}

input[type=checkbox], input[type=radio] {
   outline: none;
   width: 1.6em;
   height:1.6em;
   cursor:pointer;
   margin: 0.2em 0.4em 0.2em 0;
   z-index:10;
   opacity: 0;
   vertical-align:middle;
   font-size:0.8em;

}

:root input[type=checkbox] + i, input[type=radio] + i, checked {
   font-size:0.8em;
   z-index:9;
   width: 1.6em;
   height:1.6em;
   vertical-align:middle;
   display:inline-block;
   position: relative;
   border:1px solid #ccc;
   border-radius:2px;
   margin:0.2em 0.4em 0.2em -2.4em;
   background:#fff;
   text-align:left;

}
input[type=radio] + i {
   border-radius:50%;

}
:root input[type=radio]:checked + i:before {
   content: '';
   position: absolute; top: 25%; left: 25%;
   width:50%;
   height:50%;
   border-radius:50%;
   background-color: #333;
}

:root input[type=checkbox]:checked + i:before {
   content: '\f00c';
   font-family: FontAwesome !important;
   font-weight:bold;
   font-size:1.2em;
   line-height:1.1;
   margin-top:0.1em;
   display:block;
}

[disabled], *:disabled + i, .disabled, .disabled + i { opacity:0.3; cursor:default !important }

.disabled, .disabled + i { pointer-events: none }


select:disabled { background:#fff }

select:disabled + i:before { background:transparent }

[data-role='fileinput'] {
   z-index:10;
   overflow:hidden;
	cursor:pointer;
   margin-top:0px;
}

[data-role='fileinput']:after {
   z-index:11;
   content: 'wybierz\2026';
   display:inline-block;
   position: absolute;
   top:2px;
   right:2px;
   bottom:2px;
   line-height: calc( 2.5em - 6px );
   text-align:center;
   background:#f0f0f0;
   width:7.5em;
   font-size:0.8em;
   font-family:arial;
   border-radius:2px;
   padding-left:3px;
}

[data-role='fileinput']:before {
   z-index:10;
   content: attr( data-filename );
   display:inline-block;
   position: absolute;
   top:0;
   left:0;
   bottom:0;
   line-height:2em;
   padding-left: 4px;
	white-space: nowrap;
}

[data-role='fileinput'] > input {
   position: absolute;
   z-index:12;
   top:0; right:0;
   opacity:0;
   width:0;
   height:0;
}

.fileinput-del {
   display: none;
   position:absolute;
   width:2em;
   height:2em;
   background:#fff;
   top:0; right: 6em;
   z-index:12;
	cursor:pointer;
   border-left:1px solid #ccc;
   border-right:1px solid #ccc;
   text-align:center;
}
.fileinput-del:before {
   content: '\00d7';
   font-weight:bold;
   line-height:1.4;
   font-size:140%;
}

/* ========== */

.header {
   display:table;
   width:100%;
   padding:0 0 1px 0;
   border-bottom:3px solid #7d0000;
}
.header .txt { 
   display:table-cell; 
   width:100%;
   font-size:1.2em;
   line-height:1.2em;
   height:34px;
   vertical-align:bottom;
   padding-bottom:3px;
   font-weight:bold;
   font-family:arial;
}

.header .hbtn { 
   display:table-cell; 
   white-space:nowrap;
   padding-left:5px;
}

.header2 {
   border-bottom:1px solid #eee;
   font-weight:bold;
   color: #383838;
   display:table;
   width: 100%;
}

.header2 .txt {
   display: table-cell;
   vertical-align: top;
   width: 100%;
   font-family:arial;
   font-size:18px;
}

.header2 .sub {
   display: table-cell;
   vertical-align: top;
   padding-left: 3px;
   white-space: nowrap;
}

h1 {
   font-size: 1.6em;
   line-height: 1.2;
   font-family: tahoma;
   padding: 0 0 4px 0;
   border-bottom: 1px solid #eee;
}

h1.forum {
   font-family: arial;
   font-size: 1.5em;
   line-height: 1.2;
   padding: 0;
   border-bottom: none;

}

.header h1 {
   border-bottom: none;
}

/* ========== */
a             { text-decoration: none; color: #007d7d }
a.bordo:hover, article a:hover { color: #383838 }
a.black:hover { color: #A42727  }
a.muted:hover { color: #A42727 }
.a100         { display:inline-block; width:100% }
a.next, a.prev {
   font-size:12px; line-height:1; font-family:verdana;
   letter-spacing:-1px;
   font-weight:bold;
   border:1px solid #ccc;
   padding: 0.3em 1.6em 0.45em 1.6em;
   border-radius:2px;
   display:inline-block;
}
a.next:hover, a.prev:hover { color:#A42727 }
a.next:after  { content: "\00a0\00bb"; }
a.prev:before { content: "\00ab\00a0"; }

li.link, tr.link { transform: rotate(0) }
li.link a:after, tr.link a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
}

.align-right   { text-align:right  }
.align-left    { text-align:left  }
.align-center  { text-align:center  }
.bordo, article a { color:#A42727 }
.black    { color:#383838 }
.red      { color:red }
.pink     { color:DeepPink }
.fcenter  { margin: 0 auto; }
/*!
.muted    { color:#777; }
.gray     { color:#ccc !important }
*/
.muted    { color:#666; }
.gray     { color:#666 !important }
.flderr   { color:red; cursor:help; text-decoration:underline; text-underline-offset: 2px; text-decoration-thickness: 3px; text-decoration-style: dashed;}

.m1       { letter-spacing:-1px }
.f12-v    { font-size:12px; font-family:verdana }
.f11-v    { font-size:11px; font-family:verdana }
.f11-t    { font-size:11px; font-family:tahoma }
.f1-12    { font-size:12px; line-height:1; font-family:verdana }
.f11      { font-size:11px }
.f12      { font-size:12px; }
.f14      { font-size:14px; }
.f15      { font-size:15px; }
.f17      { font-size:17px; }
.arial    { font-family:arial }
.sep      { margin-top:12px !important }
.sepbot   { margin-bottom:12px !important }
.sep-mid  { margin-top:16px !important }
.sep-big  { margin-top:24px !important }
.sep-huge { margin-top:36px !important }
.sep-mini { margin-top:6px !important }
.center   { text-align:center !important }
.wide     { width:100% !important }
.nowrap   { white-space: nowrap }
.vat      { vertical-align:top }
.vab      { vertical-align:bottom }
.vam      { vertical-align:middle !important }
.bold     { font-weight:bold !important }
.relative { position:relative }
.absolute { position: absolute }
.inline-block  { display: inline-block }
.absolute-0 { position: absolute; top:0; left:0 }
.pointer  { cursor:pointer; }
.small    { font-size:0.9em }
.smallest { font-size:0.75em }
.bigger   { font-family: arial !important; font-weight: bold !important; line-height: 1.2 !important; font-size: 1em !important; }
.num      { font-family: 'courier new'; letter-spacing: -1px; white-space: nowrap; font-size:12px !important; }
.tt, tt, pre { font-family: 'courier new'; }
hr        { margin:2px 0 0 0; border-top:2px dotted #ccc }
.tooltip  { z-index:100001; font-size: 11px; line-height:13px; letter-spacing:-1px; font-family: verdana; font-weight: bold; position: fixed; top:-100px; border: 1px solid #a0a0a0; padding: 3px 7px 3px 7px; background-color: #ffff66; display:none; width:auto; height:auto; max-width:320px }
.nocursor { cursor:default !important }
.noborder { border:none !important  }
.noborderhover{ border:1px solid transparent  }
.noborderhover:hover { border-color: #ccc }

.brbr {
    display: block;
    margin: 0 0 0 0;
    content: '';
    border:none;
    padding:0;
}

.hyphenate {
   word-break: break-word;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   -moz-hyphens: auto;
   hyphens: auto;
}
  
table         { border-collapse: collapse; border-spacing: 0; font:inherit }
tr            { vertical-align:top }
td, th        { min-height:1.6em; height:100% }
th            { text-align:left; white-space:nowrap }
.table td     { padding: 2px 0  }
.table td.num { padding-top: 5px }

tbody.mover { margin:0 !important; padding:0 !important }
tbody.mover tr:hover, .emover:hover { background-color: rgba( 0, 0, 0, 0.05 ); box-shadow: -8px 0 0 0 rgba( 0, 0, 0, 0.05 ), 8px 0 0 0 rgba( 0, 0, 0, 0.05 ); }
tr.nomover:hover td { background: #fff !important }

.nomover { background: #fff !important }
tbody.mover tr.nomover:hover { box-shadow:none }

.table thead   { z-index:19 }
thead th:after {
   content: "";
   display: block;
   height: 3px;
   width: 100%;
   background: #fff;
   border-top:1px solid #eee;
}
thead th:before {
   content: "";
   display: block;
   position: absolute;
   top:0;
   left:-8px;
   height:100%;
   width: calc( 100% + 16px );
   background:#fff;
   z-Index:-1;
}

.tabsep       { pointer-events:none; padding:0 !important; margin:0 !important; height:5px !important; min-height:5px !important; line-height:5px; vertical-align:middle !important }
.tabsep:after { content: ''; display:block; height:1px; border-bottom:1px solid #eee; }

td.label { margin:0; padding:0 6px 0 0; vertical-align:top ; line-height:calc(2em + 1px); text-align:right; white-space:nowrap; }
td.input { margin:0; padding:0 0 4px 0; vertical-align:top  }

td.input.padd-left   { padding-left:2px; }
td.input.padd-right  { padding-right:2px; }

td.label0 { white-space:nowrap; padding-top:0.05em; min-width:10em }

.table-table { display:table }
.table-cell  { display:table-cell }


fieldset              { display:table }
fieldset label        { display:table-row }
fieldset label > span { display:table-cell; vertical-align:top !important; padding-top:0.30em; padding-bottom:4px; height:2em; line-height:1.3  }
fieldset label > span:first-child { padding-top:0  }
fieldset .padd-left   { padding-left:0.5em }
fieldset .padd-right  { padding-right:0.25em }
fieldset .padd-bottom  { padding-bottom:1em; }
td.input fieldset, td.input .ucolumns { margin-top:0.21em }


   .label-big, .label-big span:first-child { 
       font-family: arial !important;
       font-weight: bold !important;
       line-height: 1.2 !important;
       font-size: 1em !important;
    }  
    p.label-big  { margin-top:12px !important; }
    p.label-big > span { font-weight:normal; font-family: arial !important; }



.half {
   display:table;
   width:100%;
}

.half > div {
   vertical-align:top;
   display:table-cell;
   width: 50%;
   padding:0 0 0 0.5em;
}

.half > div:first-child { padding: 0 0.5em 0 0 }

@media only screen and ( max-width: 900px ){
   .half { display:block; clear:both;}
   .half > div {
      display:block;
      padding:0 0 0 0 !important;
      margin:0;
      width:100% !important;
      text-align:left;
   }
   .half > div:first-child { margin: 0 0 1em 0 }
   .half table { margin:0; }
}

.boxdiv {
   background:#fbfbfb;
   padding:2% 3%;
   box-shadow: 0 0 3px 0 rgba(0,0,0,.14); 
   border-radius:2px; 
}
.boxdiv.hover:hover { outline:1px solid #666 }

.boxdiv.white { background: #fff }

/* ============================== */

button { 
   cursor:pointer; border-radius:4px;  
   height:2rem;
   font-size:16px; 
   line-height:1;  
   background: #007d7d; color:#fff; font-weight:bold; padding:0 1em; text-align:center; min-width:10em; white-space:nowrap;
   box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px 0px;
   font-family:arial;
   vertical-align:middle;
}

button.secondary {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: rgb(0 0 0 / 5%) 0px 1px 3px 0px;
    text-shadow: none;
    color: #383838;
    font-size: 14px;
    font-weight: normal;
    min-width: 9em;
}
button.secondary:hover { background:#f8f8f8; border-color:#bbb; }

button.big { width:100%; height:3rem !important; }

.buttons { 
   width: auto;
   z-index: 15;
   display: inline-block;
   white-space:nowrap;

}
.buttons:hover .on { border-color: transparent  }
.buttons:hover [data-role='selectpage']{ border-color: transparent  }

.btn.square { font-size:14px; width:32px !important; height:32px  !important; line-height:30px !important; padding:0 !important; min-width:32px !important }

button.btn, .btn, [data-role='selectpage'] {
   transition: color, background-color, border-color 0.25s ease;
   cursor:pointer;
   display:inline-block;

   height: 2rem;
   line-height: calc( 2rem - 2px );  
   min-width: 2rem;
   font-size:12px; 

   font-family:verdana;
   padding: 0 0.6em;
   border:1px solid transparent;
   font-weight:bold;
   text-align:center !important;
   letter-spacing: -1px;
   border-radius:2px;
   white-space:nowrap;
   color:#383838;
   box-shadow:none;
   vertical-align:middle;
   background:transparent;
   margin:0;

}
[data-role='selectpage'] {
   padding-left:0.6em;
   padding-right:2.5em;
   border-color:#383838;
   text-align-last: center;
}

.btn.emoji { font-size:1.4em }
.btn.emoji:hover { background:#fff }

.btn:hover, [data-role='selectpage']:hover { border-color:#ccc !important; }
.btn.on { border-color:#383838 }

.btn.invert { 
   color:#fff;
   background: #A42727 !important
}
.btn.invert:hover {
   color:#383838;
   background:#fff !important;
   border-color: #A42727 !important
}
.found {
   display:table;
   width:100%;
   margin-top:1em;
   
}
.found > div {
   vertical-align:middle;
   display:table-cell;
   width: 50%;
   padding:0 0 0 1em;
}

.found > div:first-child { padding: 0; width:100% }

@media only screen and ( max-width: 970px ){
   a.hide, span.hide { display:none }
}

.jakplacic           { float: right; line-height:1.3; margin: 0 0 5px 25px; padding:0.6em 1em; font-family:arial }
.jakplacicobok       { display:inline-block }
.jakplacicobok:after { content: 'obok' }

@media only screen and (max-width: 900px) {
   .jakplacic           { float:none; width:100%; margin: 0 0 1em 0 }
   .jakplacicobok:after { content: 'powyżej' }
}

.forumtopic li {
    display: table-row;
    vertical-align: top;
}

.forumtopic span:not( .no-cell ) {
    display: table-cell;
    padding: 2px 2px 2px 2px;
}
.forumtopic li span:first-child { padding-top:0  }

.forumtopic .topic {
    width: 100%;
}

   #post_utils              { overflow:hidden }
   #post_utils > div        { overflow:hidden; display:none; margin:1em 0; text-align:center; background:#f8f8f8;  padding:1em; }
   #post_utils > div.active { display: block; }

.clearfix:after { content: ''; clear: both; display: table; }


a.more { 
   cursor:pointer; border-radius:3px;  
   height:2rem;
   font-size:14px; 
   line-height: calc( 2rem - 2px );
   border:1px solid #007d7d;  
   color: #007d7d; background:#fff; font-weight:bold; padding:0 1.5em; text-align:center ; white-space:nowrap;
   box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px 0px;
   font-family:arial;
   vertical-align:middle;
   display:inline-block;
}

a.more:hover {
   background:#f8f8f8;
}

a.more:after { 
   font-size:12px; 
   font-family:FontAwesome; 
   content: "\00a0\00a0\00a0\f054";
}

/* =============================================================== */

article ul { padding-left:1.1em }

article figcaption {
    font-size: 13px;
    font-family: verdana;
    padding: 0.5em 0.5em 0 0.5em;
    text-align: center;
}
article .ramka, article .blockquote, article blockquote, .midbox {
    text-indent: 0 !important;
    padding: 1em 0 0 1.5em;
    position: relative;
    margin: 1em 0 1em 0;
    text-align: left !important;
    font-weight:bold;
    font-size: calc( 1rem + 1px );
    line-height:1.3;
    display:block;
}
article .ramka_right, article .blockquote.right, article blockquote.right, .midbox {
    float: right;
    margin-left: 1em;
    width: 280px;
    display:block;
}
.midbox {
    padding-top: 1.5em;
    padding: 1em;
    font-size:14px;
    font-family:arial;
    font-weight:normal;
    background:#fafafa;
    display:inline-block;
}

.midbox2 {
    padding: 1em;
    margin-top: 1em;
    font-size:14px;
    font-family:arial;
    font-weight:normal;
    background:#fafafa;
    display:inline-block;
    float: right;
    margin-left: 1em;
    width: 280px;
}

.midbox2 a { display:block  }
.midbox a { display:inline-table  }

.midbox a div { display:table-row  }

article .ramka:before, article .blockquote:before, article blockquote:before  {
    position: absolute;
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    border-top: 5px solid #ccc;
    border-left: 5px solid #ccc;
    top: 0;
    left: 0;
}

@media only screen and ( max-width: 950px ){
   article .ramka_right, article .blockquote.right, article blockquote.right, .midbox, .midbox2 { 
      float:none;
      width:100%;
      margin-left: 0;
   }
   .midbox a div { display:table-cell  }
   .midbox a div:first-child { width:110px; padding-right:10px }
   .midbox2 a span { display:table-cell  }
   .midbox2 a span:first-child { width:110px; padding-right:10px }
   .midbox2 a { display:table }
}

   .subtyt           { text-transform: uppercase; margin:0 }
   article h1        { font-size:2.5em;   font-family:tahoma; line-height: 1.1; border: none; }
   article h2, p.mid, p.mid0 { font-size:1.375em; font-family:tahoma; line-height: 1.363636363636364; font-weight:bold; margin:22px 0 11px 0; }
   h3                { font-size: calc( 1em + 1px ); font-family:tahoma; line-height: 1.2; font-weight:bold; margin:11px 0 6px 0; }
   
   article .lead { font-size:1.375em; font-family:tahoma; line-height: 1.363636363636364; font-weight:bold }
    
   .par      { text-indent: 2em; }
   article p { margin-top:1em }
   article p.par { margin-top: 0 }

.foto, .foto.right, .foto.left, .foto.top { font-family: verdana; text-align:center !important; width:auto; float:none; margin:20px 0 0 0; font-size:11px !important; line-height:12px !important }
.foto.right  { float:right; margin: 20px 0 0 20px !important; display:inline }
.foto.left   { float:left;  margin: 20px 20px 0 0 !important; display:inline }
.foto.top    { margin-top:0 !important }
.foto img    { max-width:100%; display:block; margin: 3px auto 10px auto }
article img  { max-width:100%; height:auto }

   article .autor {
      margin: 0;
      padding: 1.5em 0.5em 0 5%;
      text-align: right;
      font-size: calc( 1em - 2px );
      clear: both;
   }
   article .autor b {
      font-size: calc( 1em + 3px );
      /* font-size: 1.2em; */
   }

   img, embed { display:inline-block; vertical-align:top; font-size:1px; line-height:0 }
   img.responsive { width:100% !important; height:100% !important }

   .youtube { width:100%; position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
   .youtube iframe, .youtube object, .youtube embed { position:absolute; top:0; left:0; width:100%; height:100%; border:0; }

.foto-ad {
   width:468px;
   height:73px;
   position:absolute;
   bottom:10px;
   z-Index:100;
   margin-left:-234px;
   left:50%;
   transition: all 0.35s ease;
}

@media (max-width:840px) {
   .foto-ad { display:none }
}

.foto-ad-close {
   color:#000;
   width:32px;
   height:32px;
   display:block;
   position:absolute;
   top:-20px;
   right:0;
   z-Index:101;
   background-color: rgb( 255, 255, 255, 0.4 );
   cursor:pointer;
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-size: 21px;
   line-height: 32px;
   font-weight: bold;
   text-align: center;
   border-radius:2px;


}
.foto-ad-close:after { content: '\d7'; color:inherit }
.foto-ad-close:hover { color: #007d7d }


/* div.socials.vert { margin-right:-75px; margin-top:6px; float:right; width:60px }*/
/* div.socials.vert { margin-right:-75px; margin-top:6px; float:right; width:60px }*/
   div.socials.vert { margin-right:-100px; margin-top:6px; float:right; width:40px }
   div.socials.hor  { width:100%  }
   div.socials.hor.htop  { margin-bottom:1em !important; }
   div.socials.hor.hbot  { margin-top:1em !important;  }
   
   @media (max-width:1100px) {
      div.socials.vert { display:none }
      div.socials.hor  { display:block;text-align:center;  }

   }
   @media (min-width:1101px) {
      div.socials.vert { display:block }
      div.socials.hor  { display:none }
/*    .artbody { padding-right:75px } */
      .artbody { padding-right:100px }
   }

   .socials.vert a { 
      display:inline-block; 
      font-size:22px; 
      width:40px; height:40px; 
      line-height:40px;
      border:1px solid #ccc;
      text-align:center;
      border-radius:3px;
      margin-bottom:5px;
   }

   .socials.hor a {
      display:inline-block; 
      height:30px;
      border-radius:3px;
      padding:0 0.5em;
   }
   .socials.hor span {  line-height:30px; font-size:12px; font-family:verdana; color:#383838 /*; font-weight:bold*/ }
   .socials.hor i    {  line-height:18px; font-size:18px; vertical-align:middle  }
   .socials.hor a:hover span { color:#fff }

   .socials.s-facebook { color: #3b5998 }  .socials.s-facebook:hover{ color:#fff; background: #3b5998; border-color:transparent }
   .socials.s-twitter  { color: #55acee }  .socials.s-twitter:hover { color:#fff; background: #55acee; border-color:transparent }
   .socials.s-rss      { color: #ff6600 }  .socials.s-rss:hover     { color:#fff; background: #ff6600; border-color:transparent }
   .socials.s-mail     { color: #bbb }     .socials.s-mail:hover    { color:#fff; background: #bbb   ; border-color:transparent }
   
   .ico.s-facebook:before {content: "\f09a" }
   .ico.s-twitter:before  {content: "\f099"; }
   .ico.s-rss:before      {content: "\f09e"; }
   .ico.s-mail:before     {content: "\f0e0"; }


   .formnip   { width:30% }
   .form-cols { display:flex; justify-content: space-between; flex-wrap: wrap; }
   .form-cols .cleft  { padding-right:2em  }
   .form-cols .cright { }
   .form-cols .head   { font-weight: bold; padding-bottom:0.3em }

   @media only screen and ( max-width: 900px ){
   table.form td {
      display:block;
      width:100%;
   }
   table.form td.label, table.form td.label0 {
      text-align:left;
      padding: 0.5em 0 0 0;
   }
   table.form tr:first-child td:first-child {
      padding: 0;
   }
   table.form input[type='text'] {
      width:100%
   }

   .kodmiej    { display:table      !important }
   .kodmiej tr { display:table-row  !important }
   .kodmiej td { display:table-cell !important }
   .formnip  { width:100% }
   .kodtd    { width: 5em; }
   .kodinput { width: 5em; margin-right:2px }

}

   .drobne          { font-size:0.8em; line-height:1.3;  }
   .drobne.columns  { columns: 2 300px; column-gap:2em; }
   .drobne > p      { display: inline-block; margin-bottom:1.5em; width:100%; }
   .drobne .upper   { text-transform: uppercase; }
   .drobne .padd    { padding:1em 0.7em }
   .drobne .dramka  { border:1px solid #383838 }
   .drobne .dkontra { color:#fff; background:#444 }
   
.przypis {
   bottom: 0.33em;
   font-size: smaller;
   position: relative;
   vertical-align: baseline;
   cursor:pointer;
   font-family:courier new;
   font-weight:bold;
}
.przypisy {
   font-size: 85%;
   padding-left:1em;
   line-height:1.2em;
}


:focus-visible { outline:3px dashed black; border-radius:2px; outline-offset: 0px }








