body{background:#222;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-bottom:0.2em;}
h2{font-size:1.8em;text-align:center;margin-bottom:0.2em;}
h3{font-size:1.6em;text-align:center;margin-bottom:0.4em;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;}
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:-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;}
input[type=radio], input[type=checkbox], input[type=button], input[type=submit]{cursor:pointer;}

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

nav{background:#f8f8f8;border-bottom:1px #ccc solid;}
nav .content{padding:0;}
nav a{color:#222;}
nav .nav {display: flex;display: -webkit-flex; -webkit-align-items: center; align-items: center;vertical-align: middle; -webkit-flex-direction:row-reverse; flex-direction:row-reverse;justify-content: space-between; }
nav .nav div{padding:0 .5rem;}
nav .nav div.logo{} 
nav .nav div.logo a.logo{display:none;} 
nav .nav div.logo a.inscription{display:block;} 
nav .nav .menubox{}

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

header{background:white;}

main{background:white;color:#222;min-height:160px;}
main p{margin:0.5em 0;}
main a{color:#222;}
main a:hover{color:#666;}
main .content p{hyphens: auto;}


footer{background:#222;color:#eee;font-size:0.8em;bottom:0;left:0;right:0;}
footer a{color:#eee;}
footer .social, footer .bottom_menu{display:flex;display: -webkit-flex; justify-content:space-around;margin:0.8em 0 .8em 0;font-size:.8em;align-items:center;}
footer .bottom_menu{font-size:1.1em;-webkit-flex-direction:columns; flex-direction:columns;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
footer .bottom_menu a {margin:.4em .5em;}
footer .social .label{display:none;}
footer p.copy{text-align:center;margin:0.8em 0;font-size:1em}

#cookie-info{position:fixed;bottom:0;left:0;right:0;font-size:.8em;background:#222;color:#fff;display:none;}
#cookie-info a{color:#fff;}
#cookie-info-close{border:1px #ccc solid;padding:6px 16px;margin:6px 2px;float:right;}

.baner,
.katalog,
.katalog_foto,
.region,
.region_home,
.region_foto,
.static_location,
.question_form{position:relative;margin:0.6em 0.5%;width:99%;float:left;display:block;font-size:1em;font-weight:normal;}

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

div.baner{background:#fff;webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.2);box-shadow:0 0 8px 0 rgba(0,0,0,.2);}
div.baner p{font-size:0.85em;line-height:1.35em;padding:0 .3em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#222;}
div.baner a{color:#222;}

div.region_home{background:#fff;webkit-box-shadow: 0p 0 8px 0 rgba(0,0,0,.2); box-shadow: 0 0 8px 0 rgba(0,0,0,.2);padding: 0 0 .4em 0;}
div.region_home h2{font-weight: bold;font-size:.8em;line-height:1.8em; padding:.3em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;border-bottom: 1px solid #EBDFD0;}
div.region_home .opis{padding:0 .6em;color: #333;font-size: .8em;text-align: justify;line-height: 1.2em;hyphens: auto;}
div.region_home .foto{float:left;margin: 0 .6em .6em 0; max-width:45%;}

div.region, div.katalog{background:#fff;webkit-box-shadow:0p 0 8px 0 rgba(0,0,0,.2);box-shadow:0 0 8px 0 rgba(0,0,0,.2);}
div.region h2, div.katalog h2{font-weight:bold;font-size:.8em;line-height:1.8em;padding:.3em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-bottom: 1px solid #EBDFD0;}
div.region .opis, div.katalog .opis{margin:0 .4em;color:#333;font-size:.8em;text-align:justify;line-height:1.2em;hyphens: auto;}
div.region .opis p, div.katalog .opis p{margin:.5em 0 3em 0;}
div.region .foto, div.katalog .foto{}

div.region .wiecej, div.katalog .wiecej{clear: both;position:absolute;bottom:.4em; left:.4em;right:.4em;padding:.7em .4em .5em .4em;border-top:1px dashed #AB9F90;text-align:right;font-size:.8em;}
div.region .dodatek, div.katalog .dodatek{float:left;color:#666;}

div.katalog_foto, div.region_foto{width:49%;margin:0.2em 0.5%;}



div.mosaicgallerywide, div.mosaicgallerynarrow{margin: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;}


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


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

.twocolumn, .threecolumn{width:100%;column-gap:5.5em;-moz-column-gap:5.5em;-webkit-column-gap:5.5em;-webkit-column-rule-style:solid;-moz-column-rule-style:solid;column-rule-style:solid;-webkit-column-rule-width:1px;-moz-column-rule-width:1px;column-rule-width:1px;}

/*
nav #logo{color:#333;}



#reklamy_top{background:#eee;padding:.2em 0 .1em 0;border-bottom:1px #ddd solid;}
#reklamy_bottom{background:#eee;padding:.1em 0;border-top:1px #ddd solid;}
div.baner, #reklamy_bottom div.cols_6{background:#fff;webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.2);box-shadow:0 0 8px 0 rgba(0,0,0,.2);}
div.baner p{font-size:0.85em;line-height:1.35em;padding:0 .3em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#222;}
div.baner a{color:#222;}
*/


@media screen and (min-width: 360px){
  /*body{background:yellow;}  */
  .content{width:21.5rem;}
}

@media screen and (min-width: 480px){
  /*body{background:blue;}  */
  .content{width:29rem;}
  div.katalog{width:49%;}
  div.region{width:49%;}
  div.katalog_foto, div.region_foto{width:32.333333%;}
}

@media screen and (min-width: 600px){
  /*body{background:red;}*/
  .content{width:36.5rem;}
  nav .nav {-webkit-flex-direction:row; flex-direction:row; }
  nav .nav div.logo a.inscription .slogan{display:none;} 
  #sandwich_menu{display:none;}
  footer .social .label{display:block;}
  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: 760px){
  /*body{background:orange;}*/
  .content{width:46.5rem;}
  nav .nav div.logo{font-size:1.2em;} 
  nav .nav div.logo a.inscription .slogan{display:inline-block;font-size:.8em;} 
  .region_home{width:49%;}
  div.katalog{width:32.333333%;}
  div.katalog_foto{width:24%;}
  div.region{width:32.333333%;}
  div.region_foto{width:24%;}
  /* tymczasowo
  .static_location,
  .question_form{width:49%;}
  */
}

@media screen and (min-width: 960px){
  /*body{background:pink;}  */
  .content{width:59rem;}
  div.katalog{width:24%;}
  div.region{width:24%;}
  div.katalog_foto{width:19%;}
  div.region_foto{width:19%;}
  .twocolumn{column-count:2;-moz-column-count:2;-webkit-column-count:2;}
  .threecolumn{column-count:3;-moz-column-count:3;-webkit-column-count:3;}
}

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

@media screen and (min-width: 1200px){
  /*body{background:cyan;}  */
  .content{width:74rem;}
  .twocolumn{column-count:2;-moz-column-count:2;-webkit-column-count:2;}
  .threecolumn{column-count:3;-moz-column-count:3;-webkit-column-count:3;}
}

@media screen and (min-width: 1600px){
  /*body{background:wheat;}  */
  /*
  .content{width:99rem;}
  div.katalog{width:19%;}
  div.region{width:19%;}
  div.katalog_foto{width:15.666666%;}
  div.region_foto{width:15.666666%;}
  */
}