@font-face {
  font-family: 'HelveticaNeueLT';
  font-style: normal;
  src: url(/fonts/HelveticaNeueLTPro-Bd.otf) format("opentype");
}

html{height: 100%;}
body {margin:0;height: 100%;background:white;color: black; font: normal 16px 'Lato', sans-serif;min-width:320px;}

strong {font-weight: bold;}
em{font-style:italic;}
h1 {font-size: 1.6em; line-height:1.8em; text-align: left; padding: .25em .5em; font-family: 'Oswald', sans-serif;border-bottom:1px black solid;margin-bottom:1em;font-weight:bold;}
h2 {font-size: 1.4em; line-height:1.6em;text-align: left; margin:.5em 0 .25em;padding: .25em .5em; font-family: 'Oswald', sans-serif;clear:both;font-weight:bold;}
h3 {font-size: 1.1em; text-align: left; margin-bottom: 0.4em; clear:both; font-weight:bold;font-family: 'Oswald', sans-serif;letter-spacing: 1px;}
h4 {font-size: 1em; text-align: center; margin-bottom: 0.3em; clear:both;}

a, a:visited {text-decoration:none;color: green;}
a:hover{color:orange;}
.center{text-align:center;}
.right{text-align:right;}
div.clear, p.clear{clear:both;}
img{display:block;}
img.res{width:100%;height:auto;}
sup {vertical-align: super;font-size:.7em;/* position: relative; top: -0.5em; font-size: 80%; */}

ol {list-style-type: decimal;margin-left:2.2em;}
ul {list-style-type: circle;margin-left:2.2em;}
ol.download, .ulice ol{list-style-type:none;margin:.5em 0;font-size:.8em; display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  grid-gap: 1em;}
.ulice ol{font-size:1em;}
  ol.download li {text-align:center; padding:.5em;}
  ol.download li a{color:black;}
/*ol.download li:hover {background: #eee;}*/
ol.download li img {width:70%; max-width:160px; margin: 0 auto;}
li a{}

.odpad_1, .odpad_2, .odpad_3, .odpad_4, .odpad_5, .odpad_6, .odpad_7{padding:.8em 1.2em;-webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;}
.odpad_1{background:#eee;border-left: 1em #444 solid;}
.odpad_2{background:#ffffb9;border-left: 1em #ffff49 solid;}
.odpad_3{background:#d9ecd0;border-left: 1em #60b960 solid;}
.odpad_4{background:#c2d4dd;border-left: 1em #5151ff solid;}
.odpad_5{background:#c1946a;border-left: 1em brown solid;}
.odpad_6{border:1px black dotted;}
.odpad_7{border:1px black dashed;}
.odpad_1 p, .odpad_2 p, .odpad_3 p, .odpad_4 p, .odpad_5 p, .odpad_6 p, .odpad_7 p{font-size:.9em;}

#top{position:fixed;display:block;right:.2em;bottom:.2em;padding:.25em; width: 2.5em; height: 2.5em;-webkit-border-radius: 1.5em;-moz-border-radius:1.5em;border-radius: 1.5em;background: rgba(255,255,255,.4);text-align:center;}
#disabled{display:none;position:fixed;left:.25em;bottom:.25em;padding:.25em; width: 2.5em; height: 2.5em;-webkit-border-radius: 1.5em;-moz-border-radius:1.5em;border-radius: 1.5em;background: rgba(255,255,255,.4);text-align:center;}

#top .up{cursor:pointer;line-height:1.25em;}
#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;line-height:1.25em;}
#disabled .accessibility{line-height:1.25em;}

#sandwich_menu {display:none;position:absolute; top:.8em;left:.5em;font-size:1em;}
#sandwich_menu span{color:black;cursor:pointer;margin:.5rem 0;text-align:center;}
#search_menu {display:nones;position:absolute; top:.5em;right:.5em;font-size:1.6em;cursor:pointer;color:black;}

.grid-container {
  display: grid;
  grid-template-columns: 20em 5fr 15em;
  grid-template-rows: auto 1fr auto;
  gap: 0px 0px;
  grid-template-areas:
    "Header Header Header"
    "Navigator Main Section"
    "Footer Footer Footer";
  height: 100%;min-height: 100%;
  filter: blur(0px);
}

header {grid-area: Header;background-color: #97b311; background-image: url('/img/header_bg.jpg');color:white;padding:1.5em .2em;}
/*
header p.name {color:black;font-family: 'Lato', sans-serif;font-weight:bold;text-align:center;font-size: 1.6em; line-height:3.8em;letter-spacing:.2em;vertical-align:middle;}
header p.name span{font-weight:normal;font-style:italic;font-size:.8em;color:#666;}
header p img.herb {display:inline;height:4em;width:auto;vertical-align:middle;}
header p img.recycle{display:inline;height:3em;width:auto;vertical-align:middle;}
*/
header img.title {margin: 0 auto;}
header img.ld {position:absolute; top:-.5em;left:1.5em;}

/*nav {grid-area: Navigator;background-color: #144776;background-image: url('/img/nav_bg.jpg');background-repeat: no-repeat;background-position: center bottom; display:block;}*/
nav {grid-area: Navigator;background-color: #134675;background-image: url('/img/nav_bg.png');background-repeat: no-repeat;background-position: left bottom; background-attachment:fixed; display:block;}

nav p.lang{padding:1em .5em;text-align:center;font-size:.9em;}
nav p.lang a{display:block;margin:.25em 0;}

main{grid-area: Main;padding:1em;}
main p.path{font-family: 'Oswald', sans-serif;font-size: 0.9em; line-height: 2em; color: #666;}
main p.path a {text-decoration: none; color: #666; margin: 0;}
main > div.home{/*column-count: 4; 
  column-gap: 1em;
  -moz-column-count: 4;
  -moz-column-gap: 1em;
  -webkit-column-count: 4;
  -webkit-column-gap: 1em;
  */
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-gap: 1em;
  }
main > div.item{}

/*section{grid-area: Section;padding:1.5em 1em;min-width:10em; background-color:#eecc0d;background-image: url('/img/section_bg.png');background-repeat: no-repeat;background-position: center bottom; background-attachments:fixed; }*/
section{grid-area: Section;padding:1.5em 1em;min-width:10em; background-color:#eecc0d;background-image: url('/img/section_bg.png');background-repeat: no-repeat;background-position: right bottom; background-attachment:fixed; }
section div{padding-bottom:.75em;}
section h2{background:white;color:grey;border-top:.25em solid grey;border-bottom:1px solid grey;}
section p {margin: 0 .5em;}
section h2 + p{margin-top:.5em;}
section h2 ~ p{margin-bottom:.75em;}

footer {grid-area: Footer;background-color: #97b311; background-image: url('/img/footer_bg.jpg');padding:.6em; color: rgba(255,255,255,.9);font-size:0.9em;bottom:0;left:0;right:0;}
footer img.dots {float:left;}
footer p{margin:.75em 0;font:normal 1em 'HelveticaNeueLT', sans-serif;}
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;}

article{display:inline-block;background:white;margin:.5em 0;}
article h1{color:#333;line-height:1.2em;}
article h2{color:#666;font-size:1.3em;line-height:1.2em;margin:0 0 1em 0;border-top:1px #666 dashed;border-bottom:1px #666 dashed;}
article + p{margin:0 .5em;}
article p.data{font-size:.8em;font-weight:normal;color:grey;background:lightgrey;padding:.2em .8em;}
article div.opis {
padding: .5em;
-webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;}
article p {}
/*article p:first-of-type{margin-top:.5em;}
article p:last-of-type{margin-bottom:.75em;}*/
article p.link{text-align: right; margin: .75em 1em;font-size:.8em;}
article img{display:block;max-width:100%;height:auto;}

article div.list{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-gap: 1em;
  
}
article div.list div {border:1px grey solid;display: flex; flex-direction: column;align-items: center;padding: 1em;}
article div.list div p{width:100%;text-align:center;}

article div.tagi{margin:1em 0;}
/*article div.tagi a{margin:.25em .5em;padding:.25em .5em;background:white;color:grey;font-size:.8em;}*/
article div.tagi a{
float:left;
	height:2em;
	line-height:2em;
	position:relative;
	font-size:.7em;

  margin:.25em .25em .25em 1.8em;
	padding:0 1em 0 1em;
	background:lightgrey;
	color:white;
	text-decoration:none;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;	
	border-bottom-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;	
	border-top-right-radius:4px;	}
article div.tagi a:before{
	content:"";
	float:left;
	position:absolute;
	top:0;
	left:-.98em;
	width:0;
	height:0;
	border-color:transparent lightgrey transparent transparent;
	border-style:solid;
	border-width:1em 1em 1em 0;		
	}
	
article div.tagi a:after{
	content:"";
	position:absolute;
	top:10px;
	left:0;
	float:left;
	width:.25em;
	height:.25em;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#fff;
	-moz-box-shadow:-1px -1px 2px grey;
	-webkit-box-shadow:-1px -1px 2px grey;
	box-shadow:-1px -1px 2px grey;
	}
	
article div.tagi a:hover{background:#555;}	

article div.tagi a:hover:before{border-color:transparent #555 transparent transparent;}

div.list > article{-webkit-box-shadow: none; box-shadow: none;}

main > div.item > article {display:block;padding-bottom:.25em;}


div.tableofcontents {float:left;padding:.8em 1em;margin:0 .5em .5em 0;border:1px grey solid;background:#f8f8f8;}
div.tableofcontents p {text-align:center;font-weight:bold;margin: 0 0 .5em 0;}
div.tableofcontents ol{margin-left:1em;font-size:.9em;}
div.tableofcontents ol li{line-height:1.6em;}

div.sectiongallery{display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-gap: 1em;margin:1em 0;}
  
  
#kosz{display:flex;justify-content: space-around;align-content: center;text-align:center;}
#kosz_id {padding: 0 1em;}
#kosz_id img{width:100%;height:auto;min-width:8em;max-width:10em;}
#kosz_desc{background:red;padding:1em 2em;max-width:80%;}



table {display:table;border-collapse: collapse;}
tbody {}
tr {display:table-row;}
th, td {displays:table-cell;padding:.2em;border: 1px solid #999;}



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

#search_form{display:none;position:absolute; top:0;right:0;padding:1em;background:#666;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);}
#search_form input[type=submit]{color:white;background:none;border:none;}

/*
.ulice button{cursor:pointer;font-size: 1em;}
.ulice button.hide, .ulice .lista_ulic{display:none;}
*/
.ulice button{cursor:pointer;font-size: 1em;display:none;}
.ulice button.hide, .ulice .lista_ulic{font-size:.85em;}


div.baners{margin:.5em 0; display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 1em;}

.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;
}

.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%;}


@media screen and (max-width:1600px) {
  main > div.home{
    column-count: 3; 
    -moz-column-count: 3;
    -webkit-column-count: 3;
  }
}

@media screen and (max-width:1367px) {
  main > div.home{
    column-count: 2; 
    -moz-column-count: 2;
    -webkit-column-count: 2;
  }
  .cols_3{width:49%;}
}

@media screen and (max-width:1199px){
  header img.ld {display:none;}
}

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

}
@media screen and (max-width:1023px){
  body{font-sizes: 14px;}
  .grid-container {
    grid-template-columns: 4fr minmax(12em, 1fr);
    grid-template-rows: auto auto 1fr auto;
    grid-template-areas:
      "Header Header"
      "Navigator Navigator"
      "Main Section"
      "Footer Footer";
  }
  section{padding:1em .5em;}
  nav {display:none;position:absolute;max-width:60%;top:0;}
  #sandwich_menu{display:block;}
}
@media screen and (max-width:799px){  
  nav {position:relative;font-size:1.2em;max-width:100%;top:0;}
}
@media screen and (max-width:767px){
  body{font-sizes: 13px;}
  .grid-container {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr auto auto;
    grid-template-areas:
      "Header"
      "Navigator"
      "Main"
      "Footer";
  } 
  header p.name {letter-spacing:0;}
  main{padding:1em 0.5em;}
  section{text-align:center;display:none;}
  section div{display:inline-block;padding-bottom:.75em;}
  footer img.dots {display:none;}
}

@media screen and (max-width:599px){
  body{font-sizes: 12px;}
  header p.name {text-align:right;font-size: 1.4em;margin-right:1em;}
  header p.name img{display:none;}
  #sandwich_menu {top:0;}
  main > div.home{
    column-count: 1; 
    -moz-column-count: 1;
    -webkit-column-count: 1;
  }
  .cols_3{width:99%;}
}

@media screen and (max-width:479px){
  header p.name span{display:none;}
  header img.title {max-width:240px;}
}



@media (min-width: 640px){
 

 
}
 
@media (min-width: 768px){
 

 
}
 
@media (min-width: 1024px){
 

 
}
 
@media (min-width: 1200px){
 

 
}