body{background:#F0F0F0;color:#000;font:normal 1em Verdana, Arial, Helvetica, sans-serif;padding:0;min-width:320px;}
strong{font-weight:bold;}
em{font-style:italic;}
h1{font-size:2em;text-align:center;margin:0.3em 0;font-weight:bold;}
h2{font-size:1.8em;text-align:center;margin:0.3em 0;font-weight:bold;}
h3{font-size:1.6em;text-align:center;margin-bottom:0.5em;clear:both;}
h4{font-size:1.2em;text-align:center;margin-bottom:0.3em;clear:both;}
h5{font-size:1.1em;text-align:center;margin-bottom:0.2em;clear:both;}
h6{font-size:1em;text-align:center;margin-bottom:0.15em;clear:both;}
a{text-decoration:none;color:black;}
p.center{text-align:center;}
div.clear, p.clear, ul.clear{clear:both;}
ul.clear-right{clear:right;}
img{display:block;}
img.res{width:100%;height:auto;}
span.nowrap{white-space: nowrap;}

hr{padding:0;border:none;height:1px;background-image:linear-gradient(to 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:linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));color:#000;}
hr.left{background-image:linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,0.75));color:#fff;}
hr.right{background-image:linear-gradient(to 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;}
input[type=radio], input[type=checkbox], input[type=button], input[type=submit]{cursor:pointer;}


.content{position:relative;width:19rem;min-width:19rem;max-width:99rem;margin:0 auto;padding:.75rem .5rem;}

.ads{display:none;}

header{background:white;border-bottom:1px #ddd solid;}
header .content{padding:0;width:20rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 0px 0px;
  grid-template-areas:
    "Logo"
    "TopBar"
    "TopMenu";}
header .content .logo {grid-area: Logo;padding:.25em;}
header .content .logo img{margin:0 auto;width:19em;height:auto;} 
/*header .content div.slogan{grid-area:Slogan;align-items:center;}*/
header .content .topbar{grid-area: TopBar;border-top:1px #bbb solid;display:flex;align-items:center;width:100%;font-size:1.2em;}
header .content .topbar .barsmenu, header .content .topbar .dotsmenu {width:2em;margin:.25em;text-align:center;}
header .content .topbar .barsmenu i, header .content .topbar .dotsmenu i {cursor:pointer;display:block;color:#333;}
header .content .topbar .slogan {flex:1;text-align:center;font-size:.9em;}
header .content .topmenu{grid-area: TopMenu;border-top:1px #bbb solid;text-align:center;font-size:1.5em;display:none;}
header .content .topmenu a, header .content .topmenu span{display:inline;color: #333; padding: 0 .25em;
  text-decoration: none;
  font-size: 1.2em; 
  line-height: 1.6em;}
header .content .topmenu span {cursor:pointer;}
nav{background:white;border-bottom:1px #ddd solid;display:none;}
nav .content{padding:0;width:20rem;display:flex;}
nav .content .menu{display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 0px 0px;
  width: 100%;}
nav .content .menu a{display:block;color: #333; padding: .75em .5em; text-align:center;
  text-decoration: none;
  font-size: 1.25em; 
  line-height: 1.4em;
  border-bottom:1px #ddd solid;}
nav .content .menu a:last-child{border-bottom:none;}
nav .content .menu a span{backgroundsss:yellow;color:#333;}
nav .content .links {display:none;align-items:center;border-top:none;justify-content: flex-end;backgroundsssss:pink;flex:1;}
nav .content .links a{display:block;color: #50ABD7; padding: .75em 1em;font-size:.9em;}
/*nav .content .menu a.disabled{display:none;}



/*

nav{position:relative;background:#f8f8f8;background: url("/img/tlo.png");border-bottom:1px #ccc solid;}
nav .content {padding:0;width:20rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 0px 0px;
  grid-template-areas:
    "Logo"
    "Slogan"
    "TopMenu";}

nav .content .topslogan span{flex:1;text-align:center;letter-spacing: .2em;}
nav .content .topbar{grid-area: TopBar;border-top:1px #bbb solid;display:flex;align-items:center;width:100%;font-size:1.2em;}
nav .content .menu {grid-area: Menu;}

nav .content .topmenubox{floatsss: right;display:none;background: #fff;border-top:1px #bbb solid;text-align:center;font-size:1.5em;}
nav .content .menubox{display:none;background: #ddd;}
nav .content .topmenubox a, nav .content .menubox a{display:block;color: black; padding: .75em;
  text-decoration: none;
  font-size: 1.2em; 
  line-height: 1.6em;
  border-top:1px #bbb solid;}
nav .content .topmenubox a{display:inline;border:none;}
nav .content .topmenubox a.disabled, nav .content .menubox a.disabled{display:none;}
nav .content .menubox a:hover {
  background:#eee;
}

nav .content .menubox a.active {
  background-color: dodgerblue;
  color: white;
}

*/
.path .content{font-size:0.9em;text-align:left;margin-bottom:1em;}
.path .content a{text-decoration:none;margin:0 0.6em;color:#000;}
.path .content h1{text-align:left;}

.search {margin-top:1em;display:none;}
.search .content{background:white;}

main{margin:2.25em 0 3em 0;}

/*
main .content:before {
    content:'';
    position:absolute;
    width:100%;
    height:2em;
    background:linear-gradient(to top, white, #F4F4F4);
    top:-1em;
    left:0;
}
*/

main .content:before, main .content:after {
  position: absolute;
  left: 0;
  display: block;
  content: "";
  background: radial-gradient(circle, transparent .75em, #fff 1em);
  background-size: 2.5em 2em;
  background-position: -1em -1em;
  width: 100%;
  height: 2em;
  z-index: -1;
}
main .content:before {
  top: -1.1em;
}
main .content:after {
  bottom: -1.1em;
}

main .content{background:white;color:#222;min-height:5em;padding:.25rem .5rem 2rem .5rem; }
main .content h1{border-bottom:1px #ddd solid;padding-bottom:.5em;margin-bottom:1em;}
/*


main p{margin:0.5em 0;}
main a{color:#222;}
main a:hover{color:#666;}
main .content p{hyphens: auto;}

*/
footer{background:#444E58;color:#eee;font-size:0.8em;margin-top:1em;}
footer a{color:#eee;}
footer .content{padding:0;width:20rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 0px 0px;
  grid-template-areas:
    "BottomMenu"
    "Information"
    "Copyright"
    "WhiteLogo";}
    
footer .content .bottom_menu{grid-area:BottomMenu;display:flex;justify-content:space-around;margin:0.8em 0 .8em 0;font-size:1em;align-items:center;}
footer .content .bottom_menu a {margin:.4em .5em;}
footer .content p.info{grid-area:Information;text-align:center;margin:0.8em 1em;font-size:1em}
footer .content p.copy{grid-area:Copyright;text-align:center;margin:0.8em 1em;font-size:1em}


/*footer .social, footer .bottom_menu{}

footer .social .label{display:none;}

*/

footer .content .logo {grid-area: WhiteLogo;padding:.25em;}
footer .content .logo img{margin:0 auto;width:19em;height:auto;} 

.wraper2{display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-gap: 1em;}
.wraper4{display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); grid-gap: 1em;}
.wraper5{display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: 1em;}
.wraper6{display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); grid-gap: 1em;}
.wraper_photo{display: grid; grid-template-columns: repeat(auto-fill, minmax(166px, .5fr)); grid-gap: .5em;}

/*
.wraper2{display: grid; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); grid-gap: .5em;}
.wraper4{display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); grid-gap: .5em;}
.wraper5{display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: .5em;}
.wraper6{display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); grid-gap: .5em;}
.wraper_photo{display: grid; grid-template-columns: repeat(auto-fill, minmax(166px, .5fr)); grid-gap: .5em;}
*/

.baner,
.katalog_full,
.katalog_simple,
.katalog_foto,
.region,
.region_full,
.region_foto,
.static_location,
.question_form{position:relative;display:block;font-size:1em;font-weight:normal;}

/*div.region_full{border: 1px solid #CCC;}*/
.region_full {display:flex;flex:1;border-top: 0px solid #eee;border-bottom: 1px solid #ddd;}
.region_full h2{font-weight: bold;text-align:left;font-size:1.25em;line-height:1.3em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;margin:0 0 .5em 0;}
.region_full .opis{padding:.4em;color: #333;font-size: .7em;text-align: justify;line-height: 1.2em;hyphens: auto;}
.region_full .foto{padding:.4em;max-width:30%;}

.katalog_full, .katalog_simple, .region_simple{border-top: 0px solid #eee;border-bottom: 1px solid #ddd;}
.katalog_full .body{display:flex;flex:1;}
.katalog_full .body .opis h2{text-align:left;font-weight:bold;font-size:1.25em;line-height:1.3em;margin:0 0 .5em 0;}
.katalog_simple h2, .region_simple h2{text-align:center;font-weight:bold;font-size:1em;line-height:1.3em;margin:.5em 0;}
.katalog_full .body .opis{color:#333;padding:.4em;font-size:.7em;text-align:justify;line-height:1.2em;hyphens: auto;}
.katalog_full .body .opis p{margin:.25em 0 .5em 0;}
.katalog_full .body .foto{max-width:30%;padding:.4em;}
.katalog_simple .foto, .region_simple .foto{}
.katalog_simple .foto a, .region_simple .foto a{padding:1em 2em;}
.katalog_simple .foto a picture img, .region_simple .foto a picture img{width:100%;height:auto;max-width:8em;margin:0 auto;}
.katalog_full .wiecej, .katalog_simple .wiecej, .region_simple .wiecej{clear: both;bottom:.4em; left:.4em;right:.4em;padding:.7em .4em .5em .4em;text-align:right;font-size:.8em;}
.katalog_full .dodatek, .katalog_simple .dodatek, .region_simple .dodatek{float:left;color:#666;}

.region_full:hover, .katalog_full:hover, .region_simple:hover, .katalog_simple:hover {background: #eee;}

div.katalog_foto, div.region_foto{}

p.info{font-size: 1.15em; margin: .2em 0; letter-spacing: 0px;}
.podpis{font-weight:normal;font-size:0.8em;line-height:1.2em;padding:0 .2em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}









fieldset{border:2px darkgrey solid;margin:1em 0;padding:1em .5em;}
legend{padding: 0 1em;font-weight:bold;color: darkgrey;}

.ui-autocomplete {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
* html .ui-autocomplete {
  height: 400px;
}
.ui-autocomplete-loading {
  background: white url("/img/ui-anim_basic_16x16.gif") right center no-repeat;
}
.ui-checkboxradio-label{margin:.2em;}
.ui-checkboxradio-checked{background:orange;border:1px darkorange solid;}
.ui-state-hover{}


.searchform{display:grid;grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));grid-gap: .5em;padding:2em 1em;align-items: center;}
.searchform div { }
.searchform label{font-size:.9em;color:darkgrey;}
.searchform input{font-size:1em;width:calc(100% - 1.2em);padding:.2em .4em;border-radius: .5em;
  border: 2px solid #73AD21;}
.searchform input[type=submit][type=submit]{padding: .5em 1em;background:#73AD21;color:white;font-size:1.4em;}
input[type=submit]{font-size:1em;width:40%;padding:.2em .4em;border-radius: .5em;
  border: 2px solid #73AD21;padding: .5em 1em;background:#73AD21;color:white;font-size:1.4em;}

#geoInfo{flex:1;padding: 0 1em 0 0;}

div.mosaicgallerywide, div.mosaicgallerynarrow{margin:0 0 .4em 0;background:#FFF;width:100%;}
div.mosaicgallerywide .mini, div.mosaicgallerynarrow .mini{float:left;margin:0;width:25%;height:auto;}
div.mosaicgallerywide .small, div.mosaicgallerynarrow .small{float:left;margin:0;width:75%;height:auto;}
div.mosaicgallerynarrow .small{width:100%;}

div.infobox{float:none;margin:.6em 0 .4em .4em;padding:0 .6em;border:1px #ccc dashed;font-size:.95em;max-width:100%;background:url(/img/pieczec.jpg) top right no-repeat;}
div.infobox p.symbols{display:flex;flex-wrap: wrap; justify-content: space-between;align-items: center;}
div.infobox p a{margin:0 .2em; max-width:60%;}
div.infobox p a img{height:auto;}

.adsbygoogle{clear:both;width:100%;margin:.8em 0;}

.show_more, .show_map, .more_title{clear:both;cursor:pointer;padding:.4em;margin:.5em 0;font-size:1.1em;font-weight:bold;border-top:1px #999 solid;border-bottom:1px #ccc solid;}
.more_title{cursor:auto;text-align:center;}
/*
.item_social{clear:both;margin-top:1em;padding-top:1em;}

*/


@media screen and (min-width: 320px){
  body{background:red;}

}

@media screen and (min-width: 360px){
  body{background:blue;}
  .content{width:22rem;}
  header .content, nav .content, footer .content{width:22.5rem;}
  nav .content .menu a{padding: .75em 1em;}
}

@media screen and (min-width: 390px){
  body{background:cyan;}
  .content{width:24rem;}
  header .content, nav .content, footer .content{width:24.375rem;} 
}

@media screen and (min-width: 480px){
  body{background:yellow;}
  .content{width:29rem;}
  header .content, nav .content, footer .content{width:30rem;}
}

@media screen and (min-width: 560px){
  body{background:orange;}
  .content{width:34rem;}
  header .content, nav .content, footer .content{width:35rem;}
  
}
@media screen and (min-width: 600px){
  body{background:pink;}
  .content{width:36.5rem;}
  header .content, nav .content, footer .content{width:37.5rem;}
  
  div.mosaicgallerywide, div.mosaicgallerynarrow{float:right;margin:0 0 .4em .4em;}
  div.mosaicgallerywide{width:36em;}
  div.mosaicgallerynarrow{width:27em; max-width:45%;}
  div.infobox{float:right;max-width:50%;}
}
/*
@media screen and (min-width: 600px){
  body{background:pink;}
  .content{width:37rem;}
  nav .content{width:37.5rem;}
  
  nav .content .menubox{display:none;background: #eee;width:100%;border-top:1px #bbb solid;}
  nav .content .menubox a{float: left;display:inline;color: black;background: #ddd; padding: .75em;
    text-decoration: none;
    font-size: 1.2em; 
    line-height: 1.6em;
    border-top:0;
    border-right:1px #bbb solid;}
  
}
*/

@media screen and (min-width: 760px){
  body{background:green;}
  .content{width:46.5rem;}
  header .content, nav .content, footer .content{width:47.5rem;}
  
}

/*
@media screen and (min-width: 760px){
  body{background:green;}
  .content{width:47rem;}
  nav .content{width:47.5rem;}
  nav .content {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-template-areas:
    "Logo Slogan TopBar"
    "Menu Menu Menu";}
  nav .content .topbar{border:0;backgroundsss:red;justify-content:right;}
  nav .content .topslogan {display:flex;}
  /*nav .content div.logo {float:left;width:23.5em;}
  nav .content .topbar{float:right;border:0;display:flex;align-items:center;width:10%;max-width:40%;font-size:1.2em;}*/
  /*nav .content .topbar .slogan {display:none;}
}

*/
@media screen and (min-width: 960px){
  body{background:brown;}
  .content{width:59rem;}
  header .content, nav .content, footer .content{width:60rem;}
  header .content{
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas:
    "Logo TopBar TopMenu";}
  header .content .logo img{margin:0;width:14em;} 
  header .content .topbar{border-top:none;}
  header .content .topbar .barsmenu i, header .content .topbar .dotsmenu i {display:none;}
  header .content .topmenu{display:flex;align-items:center;width:100%;border-top:none;justify-content: flex-end;}
  nav{display:block;}
  nav .content .menu{display:flex;}
  nav .content .menu a{border-right:1px #ddd solid;border-bottom:none;backgroundss:green;font-size:.9em;}
  
  
  footer .content{
  grid-template-columns: 3fr 1fr;
  grid-template-areas:
    "BottomMenu WhiteLogo"
    "Information WhiteLogo"
    "Copyright WhiteLogo";}
  footer .content .logo{display:flex;align-items:center;widthsss:100%;justify-content: flex-end;}
  
  .wraper2{grid-template-columns: repeat(auto-fill, minmax(390px, 1fr));}
  .region_full .opis, .katalog_full .body .opis{font-size: .9em;}
}

/*
@media screen and (min-width: 960px){
  .content{width:59.5rem;}
  nav .content{width:60rem;}
  nav .content {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-template-areas:
    "Logo Slogan Menu";}
  nav .content .topbar{display:none;}
  
  nav .content .topmenubox, nav .content .menubox{display:block;border:0;background:none;display:flex;justify-content: right;}
  nav .content .menubox a{display:inline-block;color: black;margin:.25em; background:none; border:0;}
  nav .content .topmenubox a:hover {background:#eee;}
  
  nav .content .topmenubox a{padding: .5em .75em;
  font-size: 1em; 
  line-height: 1.2em;
  }
}
*/
@media screen and (min-width: 1024px){
  body{background:navy;}
  .content{width:63rem;}
  header .content, nav .content, footer .content{width:64rem;}
  nav .content .links{display:flex;}
}
/*
@media screen and (min-width: 1024px){
  .content{width:63.5rem;}
  nav .content{width:64rem;}
  nav .content {grid-template-columns: 1fr 3fr;}
}
*/
@media screen and (min-width: 1200px){
  body{background:#F0F0F0;}
  .content{width:74rem;}
  header .content, nav .content, footer .content{width:75rem;}
  nav .content .menu a:first-child{border-left:1px #ddd solid;}
}

@media screen and (min-width: 1600px){
  
}


/*




nav div.logo{display:none;z-index:1000;top:.25em;left:0;right:0;margin-left: auto;margin-right: auto;position: absolute;width: 146px;} 
nav div.logo img{width:146px;height:auto;}
nav a{color:#222;}
nav .content{display: flex;align-items: center;vertical-align: middle; justify-content: space-between;}
nav .content div{padding:0 .5rem;}
nav .content .menubox{}
nav .content div a.inscription{display:block;} 
nav .content div a.inscription .slogan{display:none;}

#sandwich_menu{color:#333;cursor:pointer;margin:.5rem 0;text-align:center;line-height:.6em;}
#sandwich_menu span {font-size:.55em;text-align:center;}

























li.m-home, li.m-sitemap, li.m-user{display:none;}








.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;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;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 (min-width: 480px){
  body{background:yellow;}
  
  nav .content div a.inscription .slogan{display:inline;}
}

@media screen and (min-width: 600px){
  body{background:pink;}
  
  nav .content div a.inscription .slogan{display:none;}
  nav div.logo{display:block;}
  
  
  
  

}

@media screen and (min-width: 760px){

  
  li.m-sitemap {display:inline;}

}

@media screen and (min-width: 960px){
  nav .content div a.inscription .slogan{display:inline;}
  li.m-user{display:inline;}

}


*/