html {
	overflow-y: scroll;
}

a {
	text-decoration: underline;
	color: #ff0200;
}
a:hover {
	text-decoration: none;
}

fieldset, img {
  border: 0;
}

/* dodatkowe style dla obrazków */
.of1 {
  border-radius: 12px; /* zaokrąglenie rogów */
  box-shadow: 0 2px 6px rgba(0,0,0,0.12); /* bardzo subtelny cień */
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  position: relative;
  overflow: hidden;
}

/* efekt powiększenia przy najechaniu */
.of1:hover {
  transform: scale(1.03);
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
}

/* pseudo-element z efektem błysku */
.of1::after {
  content: "";
  position: absolute;
  top: 0;
  left: -70%;
  width: 40%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.4) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-25deg);
  pointer-events: none;
}

/* animacja błysku przy hover */
.of1:hover::after {
  animation: shine 0.9s forwards;
}

@keyframes shine {
  100% {
    left: 120%;
  }
}

/////////////////////////////

del, ins {
	text-decoration:none
}
caption, th {
	text-align:left
}
q:before, q:after {
	content:''
}
abbr, acronym {
	border:0;
}

a:active, :focus {
	outline:none;
}
:focus {
	-moz-outline-style:none;
}

.pad50td { padding: 50px 0 !important; }

.aleft { text-align:left !important; }
.acenter { text-align:center !important; }
.aright { text-align:right !important; }

.dnone { display:none !important; }
.dblock { display:block !important; }

/* OBRAMOWANIE FOTO */

.of2 {
	border: solid 3px #ffffff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

/* PODPIS FOTO */

.signature {
	text-align:center;
	clear:both;
	padding: 5px 0 5px 0;
}

.u3_foto .signature, .u4_foto .signature {
	margin-top:-10px;
	margin-bottom:10px;

}

/* UKLADY */

.u1_foto {
	float:left;
	margin: 0 25px 0 0;
}
.u2_foto {
	float:right;
	margin: 0 0 0 15px;
}
.u3, .u4 {
	display:table-row;
  	width:auto;
}

.u3_foto {
	margin: 0 0 -10px 0;
	display: table-cell;
	width: 30%;
	text-align: center;
	vertical-align: top;
}
@media (max-width: 720px) {.u3_foto {width: 38%;}}

.u3_txt {
	vertical-align:top;
	padding-left: 20px;
	margin: 0;
	display: table-cell;
  	width: 70%;
}

.u4_foto {
	margin: 0 0 -10px 0;
  	display: table-cell;
	width: 30%;
	text-align:center;
}

.u4_txt {
	vertical-align:top;
	margin: 0;
	padding-right: 20px;
	display: table-cell;
  	width: 70%;
}

.u1_foto img, .u2_foto img, .u3_foto img, .u4_foto img, .u5_foto img {
	width: 45vw;          /* do 45% szerokości okna */
  max-width: 300px;
  height: 250px;
  border-radius: 20px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  object-fit: cover;
  transition: transform 0.5s ease;
  margin-bottom: 20px;
}
.u6_foto img {
	width: 45vw;          /* do 45% szerokości okna */
  max-width: 300px;
  border-radius: 20px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  object-fit: cover;
  transition: transform 0.5s ease;
  margin-bottom: 20px;
}

.u5_foto {
	margin: 0;
	padding: 0 0 10px 0;
	width: 100%;
	clear:both;
	text-align:center;
	display:table;
}

.u6_foto {
	margin: 0;
	padding: 10px 0 0 0;
	width: 100%;
	clear:both;
	display:table;
	text-align:center;
}
.u6_foto .td {
  opacity: 0;
  transform: translateY(-50px);
  animation: slideDown 0.6s ease forwards;
}

/* Opóźnienia dla kolejnych zdjęć */
.u6_foto .td:nth-child(1) {
  animation-delay: 0.2s;
}
.u6_foto .td:nth-child(2) {
  animation-delay: 0.4s;
}
.u6_foto .td:nth-child(3) {
  animation-delay: 0.6s;
}

@keyframes slideDown {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.tr {
	display: table-row;
}

.td {
	display: table-cell;
	padding:5px;
}

.u5_foto .td,  .u6_foto .td {
	width: 33%;
}

/*  KOLUMNY  */

.sys_cols {
	width:100%;
	clear:both;
}

.sys_col0 {
	float: left;
}

.sys_col1 {
	margin-left:25px;
	float: left;
}


/* OFFSET */

.offset {
	width:100%;
	float: left;
	clear:both;
	text-align:center;
	padding: 10px 0 10px 0;
}

.offset a {
	background:#d2d2d2;
	cursor:pointer;
	text-align:center;
	display:inline-block;
	vertical-align:middle;
	width:20px;
	color:#212121;
	height:20px;
	line-height:20px;
	margin: 0 2px;
}

.offset span a:hover, .offset span a.s  {
	background:#9a2625;
	text-decoration:none;
}

.offset a#ol {
	font-size:12px;
	font-weight:bold;
	background:#fff url(ol.png) no-repeat center center;
	color:#212121;
}

.offset a#op {
	font-size:12px;
	font-weight:bold;
	background:#fff url(op.png) no-repeat center center;
	color:#212121;
}

.offset a#ol:hover {
	background:#9a2625 url(ol.png) no-repeat center center;
	text-decoration:none;
}

.offset a#op:hover {
	background:#9a2625 url(op.png) no-repeat center center;
	text-decoration:none;
}

.offset a#ol.no, .offset a#ol.no:hover, .offset a#op.no, .offset a#op.no:hover {
	background:#f1f1f1;
	color:#ffffff;
	cursor:default;
	display: none;
}

/* SEARCH */

#search h6 {
	font-size: 22px;
	font-weight: 300;
	color: #000;
	clear:both;
	float:left;
	width:100%;
}

#search h6 span {
	color: #9c2a29;
	font-weight: normal;
}

#search .zakladki {
	margin-top:20px;
}

#search .opis {
	padding:15px !important;
}

#search .opis .listing {
	margin:0 !important;
}

.search_li {
	float:left;
	clear:both;
	width:100%;
	padding: 20px 0 10px 0;
	border-bottom: solid 1px #cbd3d7;
}

.search_li:last-child {
	border:none;
}

.search_li h2 {
	font-weight:400;
	font-size:18px;
	margin:0;
}

.search_li h2 a {
	color:#000;
}

/* galery */

.gallery {
  width: 100%;
  display: flex;
  flex-wrap: wrap;  
  gap: 10px;       
  padding: 10px 0 0 0;
  justify-content: center;
}

.gallery .ofg3 {
  width: calc(33.333% - 10px);
  text-align: center;
  opacity: 0;
  transform: translateY(-50px);
  animation: slideDown 0.6s ease forwards;
  animation-delay: calc(var(--delay) * 0.2s);
}

.gallery .ofg3 img {
	width: 45vw;          /* do 45% szerokości okna */
  max-width: 300px;
  height: 250px;
  border-radius: 20px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  object-fit: cover;
  transition: transform 0.5s ease;
  margin-bottom: 20px;
}

@keyframes slideDown {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.gallery2 {
    width: 100%;
	float:left;
	clear:both;
	padding: 10px 0 0 0;
}

.gallery div.ofg1 {
	width:100%;
	float:left;
	text-align:center;
	clear:both;
	padding: 0px 0 10px 0;
}

.gallery div.ofg2 {
	width:49%;
	text-align:center;
	padding: 0px 0 10px 0;
}

.gallery div.ofg32 {
	width:32%;
	text-align:center;
	padding: 0px 0 10px 0;
}

.gallery div.ofg4 {
	width:24%;
	text-align:center;
	padding: 0px 0 10px 0;
}

.gallery div.ofg5 {
	width:19%;
	text-align:center;
	padding: 0px 0 10px 0;
}
@media (max-width: 600px) {
    .gallery div.ofg5 {width:100%;}
}

.clear_both {
	clear:both;
}

.ok {
	color:#4a9419;
}

.error {
	color:#db0000;
}


/* area */

#area_nav {
	width:100%;
	clear:both;
	float:left;
}

#area_nav a {
	display: inline-block;
	height: 32px;
	border: solid 1px #d5d5d5;
	line-height: 32px;
	text-transform: uppercase;
	color:#000;
	padding: 0 20px 0 40px;
	background: #e8e8e8 url(area_iko1.png) no-repeat 10px 0px;
	border: solid 1px #d5d5d5;
}

#area_nav a:nth-child(2) {
	background-image: url(area_iko2.png)
}

#area_nav a:nth-child(3) {
	background-image: url(area_iko3.png)
}

#area_nav a.sel, #area_nav a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#9c2a29;
	background-position: 10px -32px;
}