body {background:#f0f0f0;color: black; font: normal 16px 'Lato', sans-serif;min-width:320px;
/*
background:#CCC;
-webkit-filter: grayscale(100%); 
filter: grayscale(100%);
*/
}


strong {font-weight: bold;}
h1 {font-size: 1.8em; line-height:2em; text-align: center; 
background:#6091C3;
color: white;}
h2 {font-size: 1.5em; text-align: left; padding: 0.5em 0;}
h3 {font-size: 1.3em; text-align: left; margin-bottom: 0.4em; clear:both; font-weight:bold;}
h4 {font-size: 1.1em; text-align: center; margin-bottom: 0.3em; clear:both;}

a {text-decoration:none;color: black;}
p.center{text-align:center;}
div.clear, p.clear{clear:both;}
img{display:block;}
img.res{width:100%;height:auto;}
sup { position: relative; top: -0.5em; font-size: 80%; }

hr {
clear:both;
padding: 0;
border: none;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
background-image: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
background-image: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
color: #fff;
text-align: center;
}
hr.black {
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
color: #000;
}
hr.blue {
background-image: -webkit-linear-gradient(left, rgba(189,255,255,0), rgba(189,255,255,0.75), rgba(189,255,255,0));
background-image: -moz-linear-gradient(left, rgba(189,255,255,0), rgba(189,255,255,0.75), rgba(189,255,255,0));
background-image: -ms-linear-gradient(left, rgba(189,255,255,0), rgba(189,255,255,0.75), rgba(189,255,255,0));
background-image: -o-linear-gradient(left, rgba(189,255,255,0), rgba(189,255,255,0.75), rgba(189,255,255,0));
color: #BDFFFF;
}
hr.left {
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75));
background-image: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75));
background-image: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75));
background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75));
color: #fff;
}
hr.right {
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.75), rgba(255,255,255,0));
background-image: -moz-linear-gradient(left, rgba(255,255,255,0.75), rgba(255,255,255,0));
background-image: -ms-linear-gradient(left, rgba(255,255,255,0.75), rgba(255,255,255,0));
background-image: -o-linear-gradient(left, rgba(255,255,255,0.75), rgba(255,255,255,0));
color: #fff;
}

ol {list-style-type: decimal;margin-left:2.2em;}
ul {list-style-type: circle;margin-left:2.2em;}
ol.download{list-style-type:none;font-size:.8em;display:flex;flex-wrap: wrap;}
ol.download li {text-align:center; margin: .6em .5%; width: 15.66666666666667%;}
/*ol.download li:hover {background: #eee;}*/
ol.download li img {width:70%; max-width:160px; margin: 0 auto;}
li a{colors:white;}

#top{position:fixed;right:0;bottom:0;padding:.5em;background:rgba(255,255,255,.8);-webkit-box-shadow: 0px 0px 4px 0px rgba(102,102,102,0.6); box-shadow: 0px 0px 4px 0px rgba(102,102,102,0.6);}
#disabled{position:fixed;left:0;bottom:0;padding:.5em;background:rgba(255,255,255,.8);-webkit-box-shadow: 0px 0px 4px 0px rgba(102,102,102,0.6); box-shadow: 0px 0px 4px 0px rgba(102,102,102,0.6);}

#top .up{margin:0 .25em; cursor:pointer;}
#disabled .contrast, #disabled .decreaseFont, #disabled .increaseFont, #disabled .resetFont{display:none;}
#disabled .accessibility, #disabled .contrast, #disabled .decreaseFont, #disabled .increaseFont, #disabled .resetFont{margin:0 .25em; cursor:pointer;}

#page{max-width:1200px; margin: 0 auto;-webkit-box-shadow: 0px 0px 10px 2px rgba(102,102,102,0.8); box-shadow: 0px 0px 10px 2px rgba(102,102,102,0.8);}

.content{position: relative; min-width: 260px; max-width:1200px; margin: 0 auto; padding: 5px 10px; border: 0px red solid; font-sizes: 1.3vw;}

nav {background: white; display:block;border-bottom:1px #CCC solid;}
nav .content{position:relative; display:flex; padding: 5px 10px;}

#sandwich_menu {display:none;position:absolute; top:1em;right:1em;}
#sandwich_menu span{color:black;cursor:pointer;margin:.5rem 0;text-align:center;line-height:.6em;}
#sandwich_menu span span {font-size:1em;}

header {}
header .content {padding: 0;}
header .content, .deep_content .content{background:white;}

.deep_content .content{display:flex;}

footer {background: #666; color: rgba(255,255,255,.8);font-size:0.9em;bottom:0;left:0;right:0;}
footer p.left {text-align: left;font-size:0.9em;}
footer p.right {text-align: right;font-size:0.9em;}
footer p a {color: rgba(255,255,255,.8); text-decoration: none;}
footer .content_cr{background:#333;padding:.6em;}
footer .content_cr p{margin:.5em 0;}

.fav_content .content {padding:0;max-width:1180px;max-width:100%;border-top:1em #EEE solid;border-bottom:1em #CCC solid;}

div.text{flex:1;padding: 0;}

div.text table {display:table;flex:none;}
div.text tbody {display:block;flex:none;}
div.text tr {display:table-row;flex:none;}
div.text td {display:table-cell;flex:none; padding:.2em;}

div.links{width:200px;margin-left:1em;padding:0;}
div.links p{display:block;margin:0; padding:1em 0;}
div.links img{width:100%;height:auto;}


#panel_lewy{float:left;padding:1em;}
#panel_prawy{float:right;padding:1em;}

label{margin-bottom:.6em; font-weight:bold;font-style:italic; color:white;}
input, textarea{font-size: .9em;line-height:1em;border: 1px #BAA360 solid;background:#EEE;}
input[type=submit]{background: #BAA360;-webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; border: 1px #BAA360 solid;margin: 1em;padding:.5em 2em;cursor:pointer;}
select{font-size: .9em;line-height:1em;border: 1px #BAA360 solid;background:#EEE;}


.input_left, .input_right {width:44%;}
.input_left{float:left;}
.input_right{float:right;}

p.sort{
  font-size:.8em; font-weight: bold; margin: .5em 0 1em 0;line-height:2.2em;
}
p.sort input {
  margin: 0 .5em;padding:.3em 1em;cursor:pointer; background:rgba(186,163,96,.5); border: 1px #BAA360 solid; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em;color: white;
}
p.sort input:hover {
  background:rgba(186,163,96,.2);
}
p.sort input.set {
  background: #BAA360; 
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
margin: 1em 0;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.topbox{display:flex;width:100%;background:white;}
.topbox .gallerybox{width:75%;background:rgba(186,163,96,.8);}
.topbox .infobox{background:rgba(186,163,96,.6);width:25%; padding:.5em;color:black;}

.column2 {
-webkit-columns: 2;
   -moz-columns: 2;
        columns: 2;
}
.column3 {
-webkit-columns: 3;
   -moz-columns: 3;
        columns: 3;
}

.cols_1,
.cols_2,
.cols_3,
.cols_4,
.cols_1_4,
.cols_3_4,
.cols_5,
.cols_1_5,
.cols_2_5,
.cols_3_5,
.cols_4_5,
.cols_6{position:relative;margin:6px 0.5%;float:left;display:block;font-size:0.95em;font-weight:normal; }
.cols_1{width:99%;}
.cols_2{width:49%;min-height:20px;}
.cols_3{width:32.333333%;min-height:60px;}
.cols_4{width:24%;}
.cols_1_4{width:24.5%;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.cols_3_4{width:73.5%;}
.cols_1_5{width:19.6%;}
.cols_2_5{width:39.2%;}
.cols_3_5{width:58.8%;}
.cols_4_5{width:78.4%;}
.cols_5{width:19%;}
.cols_6{width:15.666666%;}

#logo {
  float:left;
}
#logo img {
  display:block;
}

#menu_top{flex:1;position:absolutes;right:0;bottom:0;margin: 12px 0 12px 10px;}

.path {background:#EEE;font-size: 0.9em; line-height: 2em; text-align: center; margin: 0;color: black;}
.path a {text-decoration: none; color: black; margin: 0 0.6em;}

.nawigacja{clear: both; margin:0 auto; padding:8px 0;}
.nawigacja p{text-align:center;}
.btn_prev, .btn_next{color:#000;text-align:center;padding:2px 8px;width:120px;}
.btn_page{color:#333;padding:2px 4px;}
.btn_page_this{color:#000;padding:1px 3px;border:1px #000 solid;}

p.center .fa{color:rgba(255,255,255,.3);}
p.center .fa:hover{color:rgba(255,255,255,.8);}

img.ramka{border:1px #253544 solid;}
img.ramka2{border:2px #253544 solid;}
img.ramka3{border:3px #253544 solid;}

/*
$font-size: 1em;
$line-height: 1.4;
$lines-to-show: 3;
*/

.short_title {
  color: #253544;
	display: block; 
  max-width: 400px;
  font-size: 1.2em;
  line-height: 1.2em;
  height:2.5em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.short_title a {
  
  color: #253544;
}
.short_article {
  color: #253544;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 400px;
  height: 9.6em; /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: 0.9em;
  line-height: 1.2em;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  hyphens: auto;
}
.short_article a {
  color: #253544;
}

.data{text-align:center;font-size: 0.8em; margin-top: 1.2em;}

#panel_boczny {}
#panel_boczny img {max-width:90%;height:auto;}

.marquee {
  position: fixed; bottom:0 ; left: 0; right: 0; z-index: 2001; padding: 12px; background: rgba(255,255,255,.8); color: #375FA8; font-weight: bold;
}
.marquee a {
  color: #375FA8;
  text-decoration: none;
}

.twocolumn{width: 100%;
  column-count: 2; 
  column-gap: 40px;
  -moz-column-count: 2;
  -moz-column-gap: 40px;
  -webkit-column-count: 2;
  -webkit-column-gap: 40px;
  -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
  -moz-column-rule-style: solid; /* Firefox */
  column-rule-style: solid;
  -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
  -moz-column-rule-width: 1px; /* Firefox */
  column-rule-width: 1px;
}

.oferta_box {
  display:flex;
  flex-direction: column;
  background: white;
  color: black;
}
.oferta_box a {
  color: black;
}
.oferta_box h2{
  font-size:1.25em;font-weight: bold;padding:.3em; background: #EEE; color: black; margin:0; border-top: 1px #999 solid;
}
.oferta_box .opis{
  flex:1;
  padding:.5em;
  hyphens: auto;
  line-height:1.3em;
}
.oferta_box .data {
  text-align:right;padding:.5em;font-size:.8em;font-style:italic; color:#666;
}
.oferta_box .info{
  padding:.5em;
}
.oferta_box .info p{
  font-size:.9em; text-align:right; font-style:italic; 
}


.gallery {position:relative;float:left;display:block;width:18%;margin:.6vw 1%;}
.gallery img{display:block;width:100%;height: auto;-webkit-box-shadow: 0px 0px 2px 0px rgba(102,102,102,0.6); box-shadow: 0px 0px 2px 0px rgba(102,102,102,0.6);}

/* dymek na mapie */
.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}


@media screen and (max-width:1378px) {
  #panel_lewy, #panel_prawy{display:none;}  
}

@media screen and (max-width:1080px){
  

}
@media screen and (max-width:1023px){
  /*
  body{font-size: 13px;}
  #logo img_{height: 3.4em; margin: 0.35em 0;}
  .sm-clean a {padding:0 0.7em;}
  .wave {width: 8vw; height: auto;}
  */
  body{font-sizes: 14px;}
  /*.cols_3{width:49%;}*/
  nav .content{display:block;}
  #menu_top {display: none;}
  #sandwich_menu{display:block;}
  
  .deep_content .content{flex-direction: column;}
  div.links{width:100%; margin: 2em 0 0 0; padding-top: 1em;  border-top:1px grey solid;
  column-count: 4;
  -moz-column-count: 4; 
  -webkit-column-count: 4;
  column-gap: 1em;
  -moz-column-gap: 1em;  
  -webkit-column-gap: 1em;}
}
@media screen and (max-width:799px){
  /*
  body{font-size: 12px;}
  .content{font-size: 1.3vw;}
  .material-icons{display:none;}
  */
  
  
}
@media screen and (max-width:767px){
  /*
  body{font-size: 10px;}
  #logo img_{height: 4em; margin: 0.35em 0;}
  .sm-clean a {padding:0 0.6em;}
  .cols_4{width:49%;}
  footer .cols_4:nth-child(2n){clear:left;}
  .content{font-size: 1.6vw;}
  .twocolumn{width: 100%;
    column-count: 1; 
    column-gap: 40px;
    -moz-column-count: 1;
    -moz-column-gap: 40px;
    -webkit-column-count: 1;
    -webkit-column-gap: 40px;
  }
  */
  body{font-sizes: 13px;}
  .cols_3{width:49%;}

  div.links{
  column-count: 2;
  -moz-column-count: 2; 
  -webkit-column-count: 2;}
  
  
}

@media screen and (max-width:599px){
  /*
  body{font-size: 7px;}
  .material-icons{display:none;}
  .sm-clean a {padding:0 0.2em;}
  */
  body{font-sizes: 12px;}
  
  
  
  .cols_2, .cols_3{width:99%;}
  .cols_4{width:49%;}
}

@media screen and (max-width:479px){
  .topbox{display:block;}
  .topbox .gallerybox, .topbox .infobox{width:100%;}
  
}