body {background:white;color: #000; font: normal 16px 'Lato', sans-serif;min-width:320px;}
strong {font-weight: bold;}
h1 {font-size: 2em; text-align: center; margin-bottom: 0.6em;}
h2 {font-size: 1.6em; text-align: left; margin: 0.5em 0;}
h3 {font-size: 1.3em; text-align: center; margin-bottom: 0.4em; clear:both;}
h4 {font-size: 1.1em; text-align: center; margin-bottom: 0.3em; clear:both;}

a{text-decoration:none;color: #000;}
p.center{text-align:center;}
div.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.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{font-size:.8em;}
ol.download{list-style-type:none;font-size:.75em;display:flex;flex-wrap: wrap;}
ol.download li {text-align:center; margin: .6em .5%; width: 15.66666666666667%;}
ol.download li img {width:70%; max-width:160px;}

nav {background: #000;display:block;}
nav .content{padding: 5px 10px;}

header {}


footer {background: #000; 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.fixed{position:fixed;bottom:0;left:0;right:0;}

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

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

.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{position:absolutes;right:0;bottom:0;}

.path {font-size: 0.9em; text-align: center; margin-bottom: 1em;}
.path a {text-decoration: none; color: #000; 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 {
  position: relative;
}
.oferta_box .opis{
  background:rgba(0,0,0,.05);padding:.5em;
}
.oferta_box .cena {
  background:rgba(0,0,0,.2);text-align:right;padding:.5em;
}
.oferta_box .info{
  display:none; position:absolute;left:0;top:0;right:0;bottom:0; background:rgba(255,255,255,.8);  padding:.5em; 
  -webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.25); box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.25); overflow:hidden;
}
.oferta_box .info h2{
  font-size:1.2em;font-wieght: bold;padding-bottom:.3em;border-bottom: 1px #666 solid;
}
.oferta_box .info p{
  font-size:.9em; 
}
.oferta_box:hover .info{
  display:block; 
}

label{margin-bottom:.6em;}
input{font-size: .9em;line-height:1em;}
select{font-size: .9em;line-height:1em;}

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

/* 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: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-size: 14px;}
  /*.cols_3{width:49%;}*/
}
@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-size: 13px;}
  .cols_3{width:49%;}
  
}

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

@media screen and (max-width:479px){
  .cols_2, .cols_3{width:99%;}
  .cols_4{width:49%;}
}