* { margin:0; padding:0; }
html {
	font-family: Open Sans, Arial;
	box-sizing:border-box;
	width:100%;
	font-size:16px;
	
}
body {
	/*background-image: url("../images/overlay.png"), url("../images/banner.jpg");*/
	background:#fff;
	background-position: center top;
	 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	background-attachment: fixed;
	background-repeat:no-repeat;
	background-color: #fff;
	width:100%;	
	-webkit-text-size-adjust: 100%; /*dla safari na iphone żeby nie powiększał domyślnie czcionek*/
}
a {
	cursor:pointer;
	text-decoration:none;
	color:#34a5d9;
	/*font-size:14px;*/
}
p {
	/*font-size:16px;*/
}
#container {
margin:0;
padding:0;
width:100%;

}
#menu-stale {
	position: relative;
	z-index:300;
	/*background:#313131;*/
	top:0;
	width:100%;
}
#header {
	/*width:500px;*/
	width:1220px;
	margin:0px auto 0 auto;
	box-sizing:border-box;
	height:100vh;
	position:relative;	
}
a.guzik{
	color:#ffffff;
	background:#F05F40;
	width: 80px;
	height:40px;
	margin-top: -10px;	
	line-height:37px;
	text-align:center;
	text-decoration:none;
	vertical-align:top;
	display:inline-block;
	float:right;
	 -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    border-radius: 25px;
	
}
a.guzik:hover {
	background:#cccccc;
	color:#ffffff;
}
#sekcja1 {
	width:100%;
	/*height:100vh;*/
	overflow:hidden;
	padding:0;
	margin-bottom:0px;
	box-sizing:border-box;
	position:relative;
	background-color:#152076;
	z-index:0;
	
	
	}
#sekcja1a {
	width:100%;
	height:200px;
	/*height:100vh;*/
	overflow:hidden;
	padding:0;
	box-sizing:border-box;
	}
/*

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
  .foo {
    height: 1024px;
  }
}

/** 
 * iPad with landscape orientation.
 */
/*@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
  .foo {
    height: 768px;
  }
}*/

/**
 * iPhone 5
 * You can also target devices with aspect ratio.
 */
/*@media screen and (device-aspect-ratio: 40/71) {
  .foo {
    height: 500px;
  }
}

*/

#sekcja1p {
	width:100%;
	height:40vh;
}
#sekcja2aaaa {
	display:block; position:relative; background:#fafafa;padding-top:60px;box-sizing:border-box;
	
}
#sekcja2aaaa.galeria {
	display:block; position:relative; background:#ffffff;padding-top:0px;box-sizing:border-box;
	
}
.podstrona-table {
	display:table; width:1160px; margin:0px auto 0px auto;
	padding:0;
}
.podstrona-row {
	display:table-row;
	width:100%;
}
.podstrona-cell1 {
	display:table-cell; width: 200px; margin:0;padding-top:0px;text-align:center;
}
.podstrona-cell2 {
	display:table-cell; margin:0; vertical-align:top; font-size:16px;
}

.podstrona-cell2 h3 {
	font-family: 'Rhodium Libre', serif; text-align:left;
}
.podstrona-cell2 .h1-podstrona {
	font-family: 'Rhodium Libre', serif; text-align:left;color:#293585;height:10px;padding:0;width:auto;
}
.podstrona-cell2 h1 span {
	width:12px;height:12px; border-radius:10px; display:inline-block; margin-right: 15px;background:#b6d65a; 
}
.podstrona-cell2 ul {
	margin-bottom:40px;
	list-style:none;
}
.podstrona-cell2 li {
	font-family: 'Rhodium Libre', serif; text-align:left; margin: 3px auto 3px 0px; font-size:14px;padding-left:0px;width:auto;
}
.podstrona-cell2 li a {
	font-size:14px;
}
.podstrona-cell2 li a span {
	width:12px;height:12px; border-radius:10px; display:inline-block; margin-right: 15px;background:#b6d65a;
}
.podstrona-cell2 li a:hover {
	color: #152076;
}
.podstrona-cell2 li a:hover span {
	background: #152076;
}
.podstrona-cell2 li:before {
  /*color: #019BC1;
   content: "\002022";
   margin-right:10px;*/
   
}

.podp1 {
	font-family: "Exo", sans-serif; text-align:left;display:block;font-size:14px
}
.podp2 {
	text-align:left;margin-top:100px; margin-bottom:20px;
}
.parallax-window {
    /*min-height: 400px;*/
    background: transparent;
}

#bg-menu{
	height:120px;
	/*dla wersji z parallax skasować height    <--------  */
	width:100%;
	
	background-color: #41424B;/*#F05F40;*/
	background-color: white;
	background-attachment:scroll;
	position: absolute;
	top:0;
	z-index: -1;	
	opacity: 1;
    filter: alpha(opacity=1);
}
#bg-menu-a {
	height:120px;
	width:100%;
	background-color: #41424B;/*#F05F40;*/
	background-color: white;
	background-attachment:scroll;
	position: static;
	top:0;
	z-index: -1;		
}
#bg-menu1 ,#bg-menu1-a{
	height:120px;
	width:100%;
	background-color: #41424B;/*#F05F40;*/
	background-attachment:scroll;
	position: static;
	top:0;
	z-index: -3;
	display:none;	
	
}
#menu-content {
	width:1160px;
	margin:0 auto;
	padding-left:0px;
	padding-right:0px;
	box-sizing:border-box;
	position:static;
}

#logo-m {
	width:150px;
	cursor:pointer;
}
#logo-d {
	width:300px;
	cursor:pointer;
}

#menu-content img {
	margin-top:38px;	
}

h1 {
	width:500px;
	display:inline-block;
	/*font-size:18px;*/
	margin-top:0px;
	margin-bottom:50px;
	color:#ffffff;
	font-weight:normal;
	font-size:16px;
}
h2 {
	font-size:24px;
	
}
h3 {
	color:#bbbbbb;
	margin-bottom:16px;
	margin-top:0;
}
#nav {	
	float:right;
	}
#nav ul{
	font-family: Exo, sans-serif;
	font-family: Arial;
	text-transform: uppercase;
	list-style: none;
	margin-top:50px;
	
}

#nav ul li { 
	display: inline; 
	margin-left:30px;
	color: #c9c9c9;
	font-size:18px
}
#nav ul li a { 
	color: #d52027;
}
#nav ul li a.active { 
	color: #152076;
}
#nav ul li a:hover { 
	color: #dddddd;
}
#nav-mini {	
	/*float:right;*/
	width:100%;
}
#nav-mini-ico {
	display:inline-block;
	width:30px;
	text-align:right;
	cursor:pointer;
	color:#293585;
	font-size:60px; 
	font-family:serif;
	height:60px;
	margin-top:-50px;
	position:static;
	margin-right:14px;	

}
#nav-mini-tekst {
	/*margin-top:90px;*/
	display:block;
	float:right;
	/*width:150px;*/
	width:100%;
	box-sizing:border-box;
	position:absolute;
	top:60px;
	right:0;
	margin-left:0;
	height:0;
	margin:0;
	padding:0;
	/*right:30px;*/
	background-color: #fff;
	opacity:1;
	filter: alpha(opacity=1); /* For IE8 and earlier */
	
}
#nav-mini-tekst ul {
	list-style: none;
	margin:9px 11px auto auto;
	float:right;
	display:none;
	text-align:right;
}
#nav-mini-tekst li {
	height:50px;
	font-family:Exo, sans-serif;
}
#nav-mini-tekst li a{
	color:#293585;
}
#nav-mini-tekst li a:hover{
	color: #d52027;
}
#tresci1 {	
	height:auto;	
	width:100%;	
	background-image: url("../images/ofirmie1.jpg");
	background-attachment: fixed;
	background-position: center top;
	 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 0 auto 10px auto;
	overflow:hidden;
		
}
#tresci1-tlo{
	height:auto;	
	/*background: url("../images/overlay.png") repeat;*/
	width:100%;
	box-sizing:border-box;
	/*padding: 50px 10px;*/
	color:#ffffff;
	padding: 40px 0;
	
}
#tresci1-tekst h2, #tresci3-tekst h2, #tresci6-tekst h2 {
	margin-top:60px;
}
#tresci3-tekst h2 {
	margin-top:0px;
}
#tresci1-tekst, #tresci3-tekst, #tresci6-tekst {
	
	margin-bottom:60px;
}
#tresci3-tekst {
/*opacity:0;*/
margin-bottom:0px;
}
#oferta-2, #oferta-3, #oferta-4 {
	display:none;
}
.hr1 {
	border: 0; 
	border-bottom: 3px solid #F05F40;
	max-width: 50px;
	margin: -10px auto 30px auto;
}
#tresci2{
	background:#F05F40;/*#f6f6f6;*/
	width:100%;
	box-sizing:border-box;
	padding: 100px 0 110px 0;
	color:#F4F7F8;
}
#sekcja2 {
	background:#ffffff;/*#F05F40;*/
	background-size:100%;
	width:100%;
	box-sizing:border-box;
	padding: 120px 0;
	height:718px;
	
	
}
#sekcja2 img {
	margin:10px auto;
	margin-bottom:20px;
	/*height:140px; 
	width:auto;*/
}
.art-div1 img, .slide img {
	/*height:140px; 
	width:auto;*/
}
#sekcja2 h3 {
	text-align:center;
	margin-bottom:0;
	padding-right:10px;
	padding-left:10px;
	box-sizing:border-box;
	margin-top:20px;
	
	
}
#sekcja2 p {
	margin-top:10px;
	font-size:14px;	
	/*margin-right:20px;*/
	display:inline-block;
	margin-bottom:20px;
	text-align:center;
	width:100%;
	padding-right:10px;
	padding-left:10px;
	box-sizing:border-box;
	font-family: "Exo", sans-serif;
}
.art_krotki {
	height:180px;
	vertical-align:middle;
	margin-bottom:20px;
}
.art_krotki h3 {
	height:86px;
}
.arty  {
	display:none;
	margin:0 auto;	
}
#sekcja2 .art-div1 {
	 display:table;
}
#sekcja2 .art-div1 img{
	vertical-align:top; 
	margin-top:18px;
}
#sekcja2 .art-div2{
	/*display:inline-block; 
	float:right;*/
	
}
#sekcja2 div.art-div2 h3{
	text-align:left;
	margin-left:30px;
}
#sekcja2 div.art-div2 p{
	text-align:left;
	margin-left:30px;
	margin-right:10px;
	/*width:820px;*/
}
span.wds {
	vertical-align:middle; 
	display:inline;
	height:100%; 
	display: table-cell
}
#ofirmie-kontener, #oferta-kontener, #oferta2-kontener {
	width: 1160px;
	margin:0 auto;
	padding:10px 30px;
}
#oferta-kontener {
overflow:hidden;
padding:0px 30px;
}

#galeria-kontener {
	width: 1160px;
	margin:0 auto;
	padding:75px 0px;
	box-sizing:border-box;
}

#tresci2-picture {	
	width:170px;
	height:170px;
	background:url("../images/ofirmie1.jpg"),#dddddd;
	border: 7px solid #dddddd;
    -moz-border-radius: 92px;
    -webkit-border-radius: 92px;
    -khtml-border-radius: 92px;
    border-radius: 92px;
	display:inline-block;
	vertical-align:top;
}
#tresci1-tekst, #tresci3-tekst, #tresci6-tekst {
	font-family: "Exo", sans-serif;
}
#tresci2-tekst {
	font-family: "Exo", sans-serif;
	display:inline-block;
	margin-top:0;
	padding:0;	
}
#tresci1-tekst h2, #tresci2-tekst h2, #tresci3-tekst h2, #tresci6-tekst h2{
	font-family: 'Rhodium Libre', serif;
}
#tresci1-tekst h2  span, #tresci2-tekst h2  span, #tresci3-tekst h2 span, #tresci6-tekst h2 span {
font-size:30px
}
#tresci2-tekst ul {
margin-left:20px;
}
#tresci3 {
	background-attachment: fixed;
	/*background-image: url("../images/overlay.png"), url("../images/black-table.jpg");*/
	background-color:#152076;
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	box-sizing:border-box;
	padding: 20px 0px;
	color:#ffffff;
}
#tresci6 {
	background-attachment: fixed;
	background-image: url("../images/overlay.png"), url("../images/banner.jpg");
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	box-sizing:border-box;
	padding: 50px 0px;
	color:#ffffff;
}
#tresci7{
	background:#41424B;/*#f6f6f6;*/
	background:#fff;
	width:100%;
	box-sizing:border-box;
	padding: 0;
	color:#fff;
	color: #152076;
}
.tlov1 {
	background:#BFAF80;
	background:#ffcc00;
	background:#9966cc;
	background:#34a5d9;
	background:#fff;
	color: #F2EEB3;/*#F2EEB3;*/
	color: #59323C;
	color:#ffffff;
	color: #152076;
}
.tlov2 {
	
	background:#b6d65a;
	/*background:#d71f27;*/
	/*color:#260126;*/
	color:#ffffff;
}
.zdjecia1-kontener {
	width:1160px;
	margin:0 auto;
	height:auto;
}

.tresci7-tekst .zd-left {
	float:left;margin-right:40px; width:450px;
	margin-bottom:40px;
	margin-top:40px;
}
.tresci7-tekst .zd-right {
	float:right;margin-left:40px; width:450px;
	margin-bottom:40px;
	margin-top:40px;
}
.tresci7-tekst p {
	padding-top:40px;
	padding-bottom:40px;
}
.tresci7-tekst.v2 p {
padding-top:40px;
padding-bottom:40px;

}
#gal-zd2, #gal-zd3 {
/*opacity:0;*/

}


#tresci8{
	background:#41424B;/*#f6f6f6;*/
	width:100%;
	box-sizing:border-box;
	padding: 0;
	color:#fff;
}
.zdjecia-kontener {
	width:1160px;
	margin:0 auto;
	height:auto;
}
.tresci8-tekst .zd-left {
	float:left;margin-right:60px; width:580px;
}
.tresci8-tekst .zd-right {
	float:right;margin-left:60px; width:580px;
}
#tresci1-kontener { 
	width:1220px;
	margin:0 auto;
}

.sec3 {
	width: 630px;
	display:inline-block;
	height:auto;
	margin-right:60px; /*1220    1050  2x85*/
	box-sizing:border-box;
	padding:10px;
	vertical-align:top;
	text-align:left;
}
.sec3.first {
	width: 610px;
	position:relative;	
}
.sec3.last {
	width: 530px;
	margin-right:0px;
	padding-top:12px;
	box-sizing:border-box;
}
.sec3  h3{
	margin-top:30px;
	text-align:left;
	color:#ffffff;
	
}
.sec3.last h3{
	/*margin-top:30px;*/
	text-align:left;
	font-size:13px;
	width:405px;
	margin-bottom: 10px;
	display:inline-block;
	margin-right:10px;
	/*color:*/
}
.sec3.last h3.inactive{
	margin-top:50px;
	text-align:left;
}
.sec3  p{
	margin-top:30px;
	color:#dddddd;
}

.sec3.last p {
	margin-top:0px;
	font-size:14px;	
	margin-right:20px;
	display:inline-block;
	width:405px;
	margin-bottom:20px;
}
.sec3  a{
	background:#ffffff;
	width: 80px;
	height:40px;
	margin-top: -10px;
	color:#F05F40;
	line-height:37px;
	text-align:center;
	text-decoration:none;
	vertical-align:top;
	display:inline-block;
	float:right;
	 -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    border-radius: 25px;
	
}
.sec3 a:hover {
	background:#cccccc;
	color:#ffffff;
}

#tresci4 {
	width:100%;
	overflow:hidden;
}
#tresci5 {
	display:none;
}
#mapa-index {
	height: 400px; 
  	width: 100%;
	position: relative; 
	z-index:1;
	margin:0;
	
}
#kontakt-kontener { 
  	position: relative; 
	/*left:50*/
	height:0;
	font-style:normal;	
}
#kontakt-kontener2 {
	font-style: normal;
	width:auto;
	margin: 0 10px;
}
#kontakt-index {
	background:#ffffff;
	opacity: 0.8;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	position:absolute;
	
	top:-330px;
	width:380px;
	height:260px;
	z-index:2;
	padding:30px;
	box-sizing:border-box;
	box-shadow: 0px 0px 5px #999999;
	color:#444444;
	
}
#kontakt-index2 {
	width:100%;
	
}
#kontakt1 {
	display:inline-block;
}
#kontakt2 {
	display:inline-block;
	float:right;
	margin-top:0;
	vertical-align:top;
}
#kontakt1a {
	display:block;
	width:auto;

	text-align:center;
}
#kontakt2a {
	display:inline-block;
	margin-top:0;
	vertical-align:top;
	float:right;
	
}
#kontakt-index  p{
	
}
#logo-index{				
	width: 600px;
	height: 111px;
	background: url("../images/logo_600px.png") 0 0 no-repeat;
	background-size:100% 100%;
	margin:170px auto 30px auto;
	display:block;
}
#podpis {
padding-top:50px;
}
#podpis-logo-index {					
	font-size: 30px;
	width:100%;
	position:relative;
	top:0px;
	color:#ffffff;
	text-align:center;
	height:30px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	}
#podpis-zew {
	position:relative;
	
}
	
#video-background {
	position: absolute;
    top: 0;
    left:0;
    overflow: hidden;
    z-index: -5;
}

#podpis-logo-index h1 {					
	font-size: 30px;
	width:100%;
	margin-top:30px;
	font-family: 'Audiowide', cursive;
	word-spacing: 7px;
	opacity:0;
	}
#podpis-logo-index a, .slider4 a, a.powrot {
	color:#ffffff;
	background:#152076;
	font-size:14px;
	/*font-weight:bold;*/
	margin:0 auto;
	width: 160px;
	height:46px;
	margin-top: -10px;	
	line-height:46px;
	text-align:center;
	text-decoration:none;
	vertical-align:top;
	-moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    border-radius: 25px;
	text-shadow: none;
	display:block;

}

#podpis-logo-index a {
	opacity:0;
/*position:relative;
	z-index:20;
	margin-top:30px;
	text-align:center;
	margin-left:30px;*/
}

#podpis2 {
font-size:20px;
line-height:24px;
margin-bottom:50px;
opacity:0;
/*transform: translate(-100px);*/
width:100%;
text-align:center;

}


/*@keyframes fromleft, @-webkit-keyframes fromleft, @-moz-keyframes fromleft, @-ms-keyframes fromleft, @-o-keyframes fromleft  {
    0% {
        transform: translate(0px)
    }
    100% {
        transform: translate(200px);
    }
}
*/
@keyframes fromleft {
    from { opacity: 0; transform: translate(-100px)}
    to   { opacity: 1; transform: translate(0px);}
}

/* Firefox < 16 */
@-moz-keyframes fromleft {
    from { opacity: 0; -moz-transform:translate(-100px);}
    to   {opacity: 1; -moz-transform:translate(0px);}
}

/* Safari, Chrome and Opera > 12.1 */ 

@-webkit-keyframes fromleft {
    from { opacity: 0; -webkit-transform:translate(-100px);}
    to   {opacity: 1; -webkit-transform:translate(0px);}
}

/* Internet Explorer */
@-ms-keyframes fromleft {
    from { opacity: 0; -ms-transform: translate(-100px); }
    to   { opacity: 1; -ms-transform: translate(0px);}
}

/* Opera < 12.1 */
@-o-keyframes fromleft {
    from {opacity: 0; -o-transform: translate(-100px);}
    to   { opacity: 1; -o-transform: translate(0px);}
}


.slider4 a, a.powrot {
	height:40px;
	line-height:40px;
	color:#ffffff;
	background:#F05F40;
	margin-bottom:30px;
}
.slider4 a {
	position:relative;
	z-index:1000;
}
a.powrot {
	display:block;
	float:right;
}
#podpis-logo-index a:hover, .slider4 a:hover, .powrot:hover {
	background:#cccccc;
	color:#ffffff;	
}

#podpis-logo-index a:hover {
	transform:scale(0,0) translateY(50px);
}

#podpis-logo-index a.start{
	animation: fadein 0.75s forwards;	
	-webkit-animation: fadein 0.75s forwards; /* Safari, Chrome and Opera > 12.1 */
      -moz-animation: fadein 0.75s forwards; /* Firefox < 16 */
        -ms-animation: fadein 0.75s forwards; /* Internet Explorer */
         -o-animation: fadein 0.75s forwards; /* Opera < 12.1 */
            animation: fadein 0.75s forwards; 
}

@keyframes fadein {
    from { opacity: 0; transform:scale(0,0) translateY(50px);}
    to   { opacity: 1; transform:scale(1,1) translateY(0px);}
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; -moz-transform:scale(0,0) translateY(50px);}
    to   { opacity: 1; -moz-transform:scale(1,1) translateY(0px);}
}

/* Safari, Chrome and Opera > 12.1 */ 

@-webkit-keyframes fadein {
    from { opacity: 0; -webkit-transform:scale(0,0) translateY(50px);}
    to   { opacity: 1; -webkit-transform:scale(1,1) translateY(0px);}
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; -ms-transform: scale(0,0) translateY(50px);}
    to   { opacity: 1; -ms-transform: scale(1,1) translateY(0px);}
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; -o-transform: scale(0,0) translateY(50px);}
    to   { opacity: 1; -o-transform: scale(1,1) translateY(0px);}
}

#footer {
	background:#F05F40; /*#999999; /*#f6f6f6*/
	width:100%;
	height:120px;
	box-sizing:border-box;
	padding-top:35px;
}
#footer p.stopka {
    margin-top: 0px;
	text-align:center;
	line-height:14px;
	font-size:12px;
	color: #293585;
	font-weight:bold;
}

#footer p.stopka a {
	color: #c4c4c4;
}

#footer p.stopka a:hover { 
	color: #283585;
}
#footer p.stopka2 {
	 margin-top: 20px;
	text-align:center;
	line-height:10px;
	font-size:10px;
	color: #c4c4c4;
	letter-spacing:1px;
}

#footer p.stopka2 a {
	color: #c4c4c4;
}

#footer p.stopka2 a:hover { 
	color: #283585;
}
#footer ul{
	font-family: Exo, sans-serif;
	font-family: Arial;
	text-transform: uppercase;
	list-style: none;
	text-align:center;
	
}
#footer ul li { 
	display: inline; 
	/*margin-left:30px;*/
	color: #ffffff;
	line-height:18px;
	font-size:18px;
	margin-left:10px;
	margin-right:10px;
}
#footer ul li a { 
	color: #283585;
	line-height:18px;
	font-size:16px;
}
#footer ul li a:hover { 
	color: #d52027;
}
#back-to-top {
	position:fixed;
	z-index:10;
	bottom:20px;
	right:20px;
	width:50px;
	height:50px;
	background-color:#dddddd;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
     -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    border-radius: 25px;
	box-sizing:border-box;
	padding-top:12px;
	line-height:18px;
	cursor:pointer;
	display:none;
}
#back-to-top:hover {
	background-color:#d52027;
	color: #ffffff;
}


#tresci5 {
	background-color:#fff;
	padding-top:60px;
	padding-bottom:60px;
}

.obrazek-z-tekstem {
	display: inline-block;
	width: 320px;
	height: 320px;
	padding:0;
	margin: 55px 95px 55px 0px;
	position: relative;	
	cursor:pointer;
	overflow:hidden;
}

.obrazek-z-tekstem.obr3, .obrazek-z-tekstem.obr6 {
	display: inline-block;
	width: 320px;
	height: 320px;
	padding:0;
	margin: 55px 0px 55px 0px;
	position: relative;	
	cursor:pointer;
	overflow:hidden;
}

.galeria-o {
	position: relative;		
}
.galeria-t {
	z-index: 10;
	width: 320px;
	height: 320px;	
	top: 0px;
	overflow:hidden;
}

.galeria-o  img{
	display: inline-block;
	margin: 0;
	width: 320px;
	height: 320px;
	
}

.galeria-t  p {
	color:white;
	box-sizing:border-box;
	font-weight: bold;
	width: 320px;
	height: 320px;
	padding:25px;
	box-sizing:border-box;
	padding-bottom:40px;
	top: 0px;
	/*left: 0px;*/
	
	
	/*background-color: rgba(0,0,0,0.5);*/
	/*opacity: 1;
    filter: alpha(opacity=100); */	
}
	
	.galeria-t.mouseon{
		/*background-color: rgba(0,0,0,0.5);*/
			animation: color_up 1s ease-out forwards;	
			
	}
	.galeria-t.mouseout{
		/*background-color: rgba(0,0,0,0.5);*/
			animation: color_down 1s ease-out forwards;	
			
	}
	
	@keyframes color_up {
    from {
        background-color: rgba(0,0,0,0);
    }
    to {
        background-color: rgba(0,0,0,0.5);
    }
}

@keyframes color_down {
    from {
        background-color: rgba(0,0,0,0.5);
    }
    to {
        background-color: rgba(0,0,0,0);
    }
}
	
.galeria-t  p.gal-t1 {
	padding-top:230px;
	font-size:20px;
	position: absolute;
	z-index: 10;
}
.galeria-t  p.gal-t2 {
	padding-top:250px;
	font-size:35px;
	position: absolute;
	z-index: 11;
}

		
		
		
		@media screen and (max-width:500px){	
			#podpis-logo-index h1 {					
				font-size: 26px;
				
			}
			#kontakt-kontener2{
				width:100%;
			}
			#kontakt1a {
				margin-left:10px;
				margin-right:10px;
				display:block;
			}
			#kontakt2a {
				display:block;
				float:left;	
				margin-top:30px;
				margin-left:10px;
			}
			#podpis-logo-index {
			padding:0;
			}
			
		}
		
		@media screen and (max-height:600px) {
			#podpis2 {
				display:none;
			}
			#podpis-logo-index a {
				margin-top:20px;
			}
		}
		@media screen and (max-height:500px) and (max-width:450px) {
			.hr1 {
				display:none;
			}
			#podpis-logo-index a {
				display:none;
			}
			#podpis2 {
				display:none;
			}
			
		}
		@media screen and (max-height:350px) {	
			.hr1 {
				display:none;
			}
			#podpis-logo-index a {
				display:none;
			}
			#podpis2 {
				display:none;
			}
		}
		/*@media screen and (max-height:560px) {	
			#podpis2 {
				display:none;
			}
			#podpis-logo-index a {
				margin-top:50px;
			}
		}*/
		
		/*@media screen and (max-width:640px) {	
			#podpis-logo-index {
				width:auto;
				text-align:center;
			}
			#podpis-logo-index h1 {					
				font-size: 26px;
			}
			#podpis-logo-index a {
				display:none
			}
		}*/
		
		@media screen and (max-width:500px) {	
			
			#kontakt1a {
				width:auto;				
			}
			#kontakt-kontener2 {
				width:auto;
			}
		}
		
		@media screen and (max-width:799px) {	
					
					#tresci1, #tresci2, #tresci3, #tresci4, #sekcja1, #footer, #menu-stale, #bg-menu, #bg-menu-a, #sekcja2, #tresci6, #sekcja2aaaa {
						width:100%;
					}	
					#sekcja2aaaa {
						padding-left: 10px;
						padding-right:10px;
					}
					#sekcja2aaaa.galeria {
						padding-left: 4px;
						padding-right:4px;
					}
					
					#kontakt-kontener {
						margin:0 auto;
						left:0;	
						display:none;						
					}
					
					#kontakt-index {
						right:0;
					}
					
					#ofirmie-kontener, #oferta-kontener, #oferta2-kontener {
						width: auto;
						margin:0;
						padding:10px;
					}	
					#galeria-kontener  {
						width: auto;
						margin:0 30px;
						padding:100px 0px 0 0;	
						box-sizing:border-box;
						
					}
					#tresci1 {					
						height:auto;
						margin-top:0;
						margin-bottom:0;
						
						
					}
					#tresci6, #tresci3 {
					padding: 0 0px;
					}
					#tresci1-tlo {					
						height:auto;
						padding:0;
					}
					#tresci1-tekst, #tresci3-tekst, #tresci6-tekst {
						margin-top:20px;
						margin-bottom:20px;
					}
					#tresci3-tekst {
						margin-top:0px;
						margin-bottom:0px;
					}
					#tresci2 {
						margin-top:0px;
						margin-bottom:60px;
						padding-top:50px;
						padding-bottom:0;
					}
					#footer ul{
						width: auto;
						margin:0 10px;
					}
					#podpis {
						padding-top:30px;
					}
					#podpis-logo-index {
						width: 100%;
						box-sizing:border-box;
						padding:0 60px;
						text-align:center;
					}
					#podpis-logo-index h1 {
						/*margin-top:0px;*/
					}
					#menu-stale-wew {
						width:100%;
					}	
					#bg-menu1, #bg-menu1-a {
						width:100%;
					}
					#menu-content {
						width: auto;
						margin:0 10px;
					}
					
					
					.arty  {
						width: auto;
						margin:0 10px;
					}
					#sekcja2  {
						height:auto;
						background:#ffffff;
						height:auto;
						overflow:auto;
						
					}
					#sekcja2 .art-div1 {
						display:block;
						width: auto;
						margin:0;
						padding:0;
						background:#ffffff;
						background-size:100%;
					}
					#sekcja2 .art-div1 img{
						margin:0 auto;
						width:auto;
						display:block;
					}
					#sekcja2 .art-div2{
						width: auto;
						margin:0 0px;
					}					
					#sekcja2 div.art-div2 h3{
						text-align:center;
					}
					#sekcja2 div.art-div2 p{
						margin:0;
						padding:10px 0;
					}
					#mapa-index {
						/*height:500px;*/
					}
					#kontakt-kontener {
						display:none;
					}
					#tresci5 {
						display:block;
					}
					#kontakt-bg- {
						width: 265px;
						height:360px;
						right:10px;
						top:-430px;						
					}
					#kontakt1 {
						margin-top:-25px;
					}
					#kontakt2 {
						display:block;
					}
					#nav-mini {	
						/*float:right;*/
					}
					
					#nav-mini-ico {
						position:static;
						margin-right:14px;	
						margin-top:-52px;
						float:right;
					}
					#nav {
					
					}
					
					#logo-m {
						
					}
					#logo-d {
						
					}
					#menu-content img {
						margin-top:18px;	
					}
					
					.obrazek-z-tekstem, .obrazek-z-tekstem.obr3, .obrazek-z-tekstem.obr6{
						width:100%;
						height:320px;
						margin:0 0 100px 0;
						padding:0;
						overflow:hidden;				
					}
					
					.obrazek-z-tekstem .galeria-o  {
						margin:0 auto;
						overflow:hidden;
						width:320px;
						height:320px;
					}
					.obrazek-z-tekstem .galeria-t {
						margin:0 auto;
						overflow:hidden;
						width:320px;
						height:320px;
						position:relative;
						top:-320px;
					}
					.galeria-t.mouseon{
						/*background-color: rgba(0,0,0,0.5);*/
							animation: color_up 1s ease-out forwards;	
							
					}
					.galeria-t.mouseout{
						/*background-color: rgba(0,0,0,0.5);*/
							animation: color_down 1s ease-out forwards;	
							
					}
						@keyframes color_up {
				from {
					background-color: rgba(0,0,0,0);
				}
				to {
					background-color: rgba(0,0,0,0.5);
				}
			}

			@keyframes color_down {
				from {
					background-color: rgba(0,0,0,0.5);
				}
				to {
					background-color: rgba(0,0,0,0);
				}
			}
			.podstrona-table {
				width:100%; margin:0px auto 0px auto;
			}
			.podstrona-cell1 {
				display:block; 
				width: auto;
				padding:10px;
			}
			.podstrona-cell2{
				display:block; 
			}

			.podstrona-cell2 h3 {
				 text-align:center;
				 margin-left:10px;
				 margin-right:10px;
			}
			.podp1 {
				padding:10px;
			}
			.podp2 {
				padding:10px;
				margin-top:40px; margin-bottom:20px;
			}
			.podstrona-cell2 ul {
				margin-bottom:40px;
			}
			/*#podpis2 {
			display:none;
			}*/
			/*#podpis-logo-index a {
				margin-top:-20px;
			}*/
			/*#sekcja1{
			top:-60px;
			}*/
		
		}
		@media screen and (max-width:400px){
			#galeria-kontener  {
				width: auto;
				margin:0 10px;
				padding:50px 0px 0 0;						
			}
			.obrazek-z-tekstem, .obrazek-z-tekstem.obr3, .obrazek-z-tekstem.obr6{
				width:100%;
				height:260px;
				margin:0 0 50px 0;
				padding:0;
				overflow:hidden;				
			}
			
			.obrazek-z-tekstem .galeria-o  {
				margin:0 auto;
				overflow:hidden;
				width:260px;
				height:260px;
			}
			.galeria-o  img{
				display: inline-block;
				margin: 0;
				width: 260px;
				height: 260px;
				
			}
			.obrazek-z-tekstem .galeria-t {
				margin:0 auto;
				overflow:hidden;
				width:260px;
				height:260px;
				position:relative;
				top:-260px;
			}
			
			.galeria-t  p {
				color:white;
				box-sizing:border-box;
				font-weight: bold;
				width: 260px;
				height: 260px;
				padding:15px;
				padding-bottom:40px;
				top: 0px;
				
			}	
			.galeria-t  p.gal-t1 {
				padding-top:180px;
				font-size:18px;
				position: absolute;
				z-index: 10;
			}
			.galeria-t  p.gal-t2 {
				padding-top:200px;
				font-size:35px;
				position: absolute;
				z-index: 11;
			}			
			
		}
		@media screen and (min-width:800px) {
			/*#sekcja1{
				top:-120px;
			}*/
		}
		
	
		@media screen and (min-width:870px) and (max-width:1079px) {
			#nav ul li { 
				display: inline; 
				margin-left:15px;
				color: #c9c9c9;
				font-size:14px;
				font-weight:bold;
			}
		}
		@media screen and (min-width:800px) and (max-width:899px) {
			#menu-stale-wew {
						width:100%;
					}	
					#bg-menu1, #bg-menu1-a {
						width:100%;
					}
					#menu-content {
						width: auto;
						margin:0 10px;
					}
					#nav-mini-ico {
						position:static;
						margin-right:14px;	
						margin-top:-52px;
						float:right;
					}
				
					#menu-content img {
						margin-top:18px;	
					}
		}
		@media screen and (min-width:800px) and (max-width:999px) {
			#podpis2 {					
				
				/*visibility:hidden;
				height:0;*/
				/*display:none;*/
			}
			#podpis-logo-index  a {				
				/*top:70px;*/
			}
			#podpis-logo-index {
				/*top:25%;*/
				padding-top:20px;
			}			
			#podpis-logo-index h1 {
			width:500px;
			
			}

			#tresci1, #tresci2, #tresci3, #tresci4  {
						/*width: 750px;*/
					}
			#kontakt-index {
				right:30px;
			}
			#ofirmie-kontener, #oferta-kontener, #oferta2-kontener {
				width: auto;
				margin:0 20px;
				padding:10px;
			}
			#oferta-kontener {
			padding: 0 10px;
			}
			#galeria-kontener  {
				width: auto;
				margin:0 30px;
				padding:100px 0px 0 0;
				
			}
			#tresci1, #tresci1-tlo {					
				height:auto;
			}
			#tresci1-tekst, #tresci3-tekst, #tresci6-tekst {
					margin-bottom:60px;
					}
			#tresci3-tekst {
				margin-bottom:10px;
			}		
			#menu-content {
				width: auto;
				margin:0 30px;
			}
			
			.arty  {
				width:100%;
			}
			#sekcja2 .art-div1{
				width: auto;
				margin:0 30px;
			}
			#sekcja2 .art-div1 img{
				/*display:table-cell;*/
				margin-top:-5px;
			}
			#sekcja2 .art-div2{
				width: auto;
				margin:0 30px;
				/*display:table-cell;*/
				padding-right:20px;
				box-sizing:border-box;
			}
			.galeria-t {
				position: absolute;
			}
			.galeria-t p {
				left: 0px;
			}
			.obrazek-z-tekstem.obr1, .obrazek-z-tekstem.obr3, .obrazek-z-tekstem.obr5{
				width:49%;
				height:320px;
				margin:0 0 100px 0;
				padding:0;
				overflow:hidden;				
			}
			.obrazek-z-tekstem.obr2, .obrazek-z-tekstem.obr4, .obrazek-z-tekstem.obr6 {
				width:49%;
				height:320px;
				margin:0 0 100px 0;
				padding:0;
				overflow:hidden;
			}
			.obrazek-z-tekstem.obr1 .galeria-o, .obrazek-z-tekstem.obr3 .galeria-o, .obrazek-z-tekstem.obr5 .galeria-o  {
				float:right;
				margin-right:50px;
				overflow:hidden;
				width:320px;
				height:320px;
			}
			.obrazek-z-tekstem.obr1 .galeria-t, .obrazek-z-tekstem.obr3 .galeria-t, .obrazek-z-tekstem.obr5 .galeria-t {
				right:50px;
			}
			.obrazek-z-tekstem.obr2 .galeria-o, .obrazek-z-tekstem.obr4 .galeria-o, .obrazek-z-tekstem.obr6 .galeria-o  {
				float:left;
				margin-left:50px;
				overflow:hidden;
				width:320px;
				height:320px;
			}
			.obrazek-z-tekstem.obr2 .galeria-t, .obrazek-z-tekstem.obr4 .galeria-t, .obrazek-z-tekstem.obr6 .galeria-t {
				left:50px;
			}
			.obrazek-serwer {
			display:inline-block;
		}
		.podstrona-table {
			width:100%;
			}
		.podstrona-cell2 {
			padding-right:30px
		}
		}
		@media screen and (min-width:1071px) and (max-width:1240px) {
			#kontakt-index {
				position:absolute;
				right:70px;				
			}
		}
		@media screen and (max-width:1070px) {
			#kontakt-kontener {
				display:none;
			}
			#tresci5 {
						display:block;
					}
		}
		
		
		@media screen and (min-width:1000px) and (max-width:1240px) {
		
			
		
			/*#tresci1, #tresci2, #tresci3,*/ #tresci4{position:relative;}
			#footer  {
						
					}

			#ofirmie-kontener, #oferta-kontener, #oferta2-kontener  {
				width: auto;
				margin:0 20px;
				padding:10px;
			}
			#oferta-kontener {
			padding-top:0;
			}
			#galeria-kontener  {
				width: auto;
				margin:0 30px;
				padding:100px 0px 0 0;
				box-sizing:border-box;
				
			}
			#tresci1, #tresci1-tlo {					
			height:auto;
			}
			#tresci1-tekst, #tresci3-tekst, #tresci6-tekst {
				margin-bottom:60px;
					}
			#tresci3-tekst {
				margin-bottom:0px;
			}
			#menu-content {
				width: auto;
				margin:0 30px;
				
			}
			.arty  {
				width:100%;
			}
			#sekcja2 .art-div1{
				width: auto;
				margin:0 30px;
			}
			#sekcja2 .art-div1 img{
				display:table-cell;
				margin-top:-5px;
			}
			#sekcja2 .art-div2{
				width: auto;
				margin:0 30px;
				display:table-cell;
				padding-right:20px;
				box-sizing:border-box;
			}
			.galeria-t {
				position: absolute;
			}
			.galeria-t p {
				left: 0px;
			}
			.obrazek-z-tekstem.obr1, .obrazek-z-tekstem.obr3, .obrazek-z-tekstem.obr5{
				width:49%;
				height:320px;
				margin:0 0 100px 0;
				padding:0;
				overflow:hidden;				
			}
			.obrazek-z-tekstem.obr2, .obrazek-z-tekstem.obr4, .obrazek-z-tekstem.obr6 {
				width:49%;
				height:320px;
				margin:0 0 100px 0;
				padding:0;
				overflow:hidden;
			}
			.obrazek-z-tekstem.obr1 .galeria-o, .obrazek-z-tekstem.obr3 .galeria-o, .obrazek-z-tekstem.obr5 .galeria-o  {
				float:right;
				margin-right:50px;
				overflow:hidden;
				width:320px;
				height:320px;
			}
			.obrazek-z-tekstem.obr1 .galeria-t, .obrazek-z-tekstem.obr3 .galeria-t, .obrazek-z-tekstem.obr5 .galeria-t {
				right:50px;
			}
			.obrazek-z-tekstem.obr2 .galeria-o, .obrazek-z-tekstem.obr4 .galeria-o, .obrazek-z-tekstem.obr6 .galeria-o  {
				float:left;
				margin-left:50px;
				overflow:hidden;
				width:320px;
				height:320px;
			}
			.obrazek-z-tekstem.obr2 .galeria-t, .obrazek-z-tekstem.obr4 .galeria-t, .obrazek-z-tekstem.obr6 .galeria-t {
				left:50px;
			}
			.obrazek-serwer {
			display:inline-block;
		}
		.podstrona-table {
			width:100%;
		}
		.podstrona-cell2 {
			padding-right:30px
		}
		}

	@media screen and (min-width:1000px) and (max-width:1100px) {
		
		#podpis-logo-index  a {					
				/*top:180px;*/
				display:block;
			}
		
		#podpis-logo-index {					
			/*top:21%;*/
			}
			/*#podpis2 {
				visibility:visible;
				height:auto;
			}*/
			
		
	}
	@media screen and (min-height:351px) and (max-width:510px){	
			#podpis2 {
				display:none;
			}
			#podpis-logo-index a {
				margin-top:50px;
			}
			
		}
	@media screen and (min-width:800px) and (max-width:1240px) {
		#sekcja2aaaa {
						width:100%;
						padding-left: 30px;
						padding-right:30px;
					}
		#sekcja2aaaa.galeria {
						width:100%;
						padding-left: 30px;
						padding-right:30px;
					}
	}
	@media screen and (min-width:1101px) and (max-width:1240px) {
		#podpis-logo-index a {
			/*top:220px;*/
			
		}
		/*#podpis2 {
				visibility:visible;
				height:auto;
			}*/
		}	

	@media screen and (min-width:1241px) {	
			#kontakt-kontener {
				left:50%;
			}
			#kontakt-index {
				left:180px;
			}
			#sekcja2 .art-div2{
				width:990px;
				display:inline-block; 
				float:right;
			}
	
			.arty  {
				width:1160px;
			}
			#podpis-logo-index h1 {					
				font-size: 35px;
				word-spacing: 20px;
			}
		.galeria-t {
			position: absolute;
			left: 0px;			
		}
		.galeria-t p {
			left: 0px;
		}
		.obrazek-serwer {
			display:inline-block;
		}
		#podpis-logo-index a {
			/*top:220px;*/
		}
		#tresci3 {
		padding-top:30px;
		padding-bottom:40px;
		}
	}	
#kreseczka {
	width:100%;
	height:1px;
	margin:0;
	padding:0;
	background:#999999;
	position:absolute;
	top:119px;
	z-index:-2;
}

/* video */

.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
}
.no-video .video-container video,
.touch .video-container video {
    display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
}
.video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #000;
}
.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}
.video-container .filter {
    z-index: 100;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
}
.video-container video {
    position: absolute;
    z-index: 0;
    bottom: 0;
}
.video-container video.fillWidth {
    width: 100%;
}
#under-video-img {
	display:none;
	visibility:hidden;
}
#under-video-img1 {
	visibility:hidden;
}
#video-viewport {
    position: absolute;
    top: 0;
    left:0;
    overflow: hidden;
    z-index: -1; /* for accessing the video by click */
}
#slider-w {
    position: absolute;
    left:0;
    overflow: hidden;
    z-index: -1; /* for accessing the video by click */
	/*width:100%;*/
}
#slider-w li {
	width:100%;
}
#slider-w li img{
	width:100%;
}
#preload {
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

#sekcja1 .bx-wrapper {
top:0px;
}

#sekcja1 .bx-viewport {
background:#fff;
position:absolute;
z-index:-1;
}
#sekcja1 .bx-wrapper  .bx-prev, #sekcja1 .bx-wrapper  .bx-next {

z-index:10;
}

@media screen and (max-width:600px) {	
	#sekcja1 .bx-wrapper  .bx-controls-direction a {
		top:80%;
	}
}
/* --------------- styl dla kalendarza*/
	#terminarz-zew {
  font-size: 80%;
}

#terminarz-zew * {
  margin: 0;
  padding: 0;
}
#terminarz  {
margin:0 auto;
}
.calendar, #terminarz {
  max-width: 50rem;
}
@media screen and (max-width: 1000px) {
.calendar, #terminarz {
	max-width: 40rem;
	}
}
@media screen and (max-width: 700px) {
.calendar, #terminarz {
	max-width: 30rem;
	}
}
@media screen and (max-width: 580px) {
.calendar, #terminarz {
	max-width: 25rem;
	}
}
@media screen and (max-width: 400px) {
.calendar, #terminarz {
	max-width: 10rem;
	}
}
#terminarz-zew .calendar {
	position:relative;

}
.day {
  width: 1.5em;
  height: 1.5em;
}

.normal.day {
  background: #fde981;
  background: #e5e5e5;
}
.free.day {
  background: #b6de5a;
  background: #ff2000;
}
.zimowy.day {
  background: #00b2d6;
}
.letni.day {
  background: #84ce00;
}
.ferie.day {
  background: #f32594;
}

.day:nth-of-type(7n), .day:nth-of-type(7n+6) {
  background: #8dd2ee;
  background: #8b20bb;
}
.day.empty:nth-of-type(7n), .day.empty:nth-of-type(7n+6), .day.OfWeek:nth-of-type(7n), .day.OfWeek:nth-of-type(7n+6) {
  background: none;
}

#terminarz-zew .to.day {
  color: white;
  background: #f09;
  border-radius: 50%;
}

#terminarz-zew  .month {
  width: calc(1.5em * 7);
  padding: 1em;
  cursor: context-menu;
  /*box-sizing:border-box;*/
}

#terminarz h4 {
  font-size: 1em;
  text-transform: uppercase;
  color: #152076;
}

#terminarz h1#year {
  font-size: 2em;
  height: 29px;
  font-weight: normal;
  padding: 1em 1em .5em 1em;
  margin-bottom: .5em;
  /*border-bottom: 5px double #d9d9d9;*/
  color:#b6de5a;
  color:black;
  width:100%;
  margin-left:0;
  margin-right:0;
  padding-left:0;
  padding-right:0;
  width:auto;
  
}

#terminarz .no-flexbox .day {
  text-align: center;
  float: left;
  line-height: 1.5em;
}

#terminarz .no-flexbox h4 {
  text-align: center;
}

#terminarz .no-flexbox h1 {
  width: 4em;
}


/* FLEXBOX styles*/

#terminarz-zew * {
  display: flex;
  justify-content: center;

}
#terminarz {
	flex-direction: column;
	align-self: center;
}
#terminarz h4 {
  justify-content: center;
  flex: 1 0 100%;
}

#terminarz h1#year {
  justify-content: center;
  align-self: stretch;
}

.calendar,
#terminarz-zew .month {
  flex-wrap: wrap;
}


#terminarz-zew .month {
  align-items: flex-start;
}

#terminarz-zew .day {
  align-items: center;
  justify-content: center;
}


/*for a Spanish like calendar  
  .month .day:nth-of-type(1){order:7!important;}
  .month .day:nth-of-type(8){order:-1!important;}
   
*/

script {
  display: none;
}

#terminarz-zew .cloneCont {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -5em;
  margin-top: -10.89em;
  box-shadow: 0px 0px 5px 1px #ccc;
  transform: scale(2, 2);
  background: rgba(255, 255, 255, .9);
  animation: redimensionar .5s cubic-bezier(.86, 0, .07, 1);
}

#terminarz-zew .month.cloneMonth {
  display: flex
}

.month.cloneMonth:after {
  content: "\02718";
  color: #f09;
  position: absolute;
  top: 1em;
  right: 1em;
}

.cloneCont.trans {
  transform: translateY(1000px);
  background: rgba(255, 255, 255, .9);
  opacity: 0;
  animation: trasladar .5s cubic-bezier(.86, 0, .07, 1);
}

@keyframes redimensionar {
  0% {
    transform: scale(1, 1);
    background: rgba(255, 255, 255, .9);
    opacity: 0;
  }
  100% {
    transform: scale(2, 2);
    background: rgba(255, 255, 255, .9);
    opacity: 1;
  }
}

@keyframes trasladar {
  0% {
    opacity: 1;
  }
  100% {
    transform: translateY(1000px);
    opacity: 0;
  }
}

#legenda {
margin:30px auto 30px auto;
text-align:center;
width:100%;
display:flex;
flex-wrap:wrap;
align-items: flex-start;
}
@media screen and (max-width: 700px) {
#legenda  {
	max-width: 30rem;
	}
}
@media screen and (max-width: 580px) {
#legenda  {
	max-width: 20rem;
	}
}
@media screen and (max-width: 400px) {
#legenda {
	max-width: 10rem;
	}
}
#legenda div{
height:20px;
margin-bottom:10px;

}
#terminarz-zew .opis {
display:inline-block;
width:auto;
height:100%;
text-align:left;
padding-left:10px;
box-sizing:border-box;
padding-top:2px;
padding-right:10px;
}
#terminarz-zew .opisy {
margin-left:5px;
margin-right:5px;
width:10em;
}
#terminarz-zew #kw1 {
display:inline-block;
width:20px;
height:20px;
background:#00b2d6;
}
#terminarz-zew #kw2 {
display:inline-block;
width:20px;
height:20px;
background:#84ce00;
}
#terminarz-zew #kw3 {
display:inline-block;
width:20px;
height:20px;
background:#ff2000;
}
#terminarz-zew #kw4 {
display:inline-block;
width:20px;
height:20px;
background:#f32594;
}
@media screen and (max-width:400px) {
	#terminarz-zew  .month {
	  cursor: default;
	}
}
/*---------------------- styl dla kalendarza - koniec */

.podstr1 {
width:50%;
float:left;
text-align:center;
}
@media screen and (max-width:800px) {	
.podstr1 {
display:block;
}
}


		@media screen and (min-width:800px) and (max-width:1240px) {
			.zdjecia1-kontener {
				width:auto;
				margin:0 30px;
				height:auto;
				padding-top:30px;
				padding-bottom:30px;
				
			}
			.tresci7-tekst.v2 p, .tresci7-tekst p {
			margin-top:0px;
			margin-bottom:0px;
			padding-top:0;
			padding-bottom:0;
			}
			.tresci7-tekst {
				
				display:table-cell;
				vertical-align:middle;
				overflow:hidden;
				
			}
			.tresci7-tekst .zd-left {
				float:left;margin-right:30px; width:50%;
				margin-bottom:10px;
				margin-top:0px;
			}
			.tresci7-tekst .zd-right {
				float:right;margin-left:30px; width:50%;
				margin-bottom:10px;
				margin-top:0px;
			}
			#tresci3-tekst h2 {
			margin-top:5px;
			}
		}
		@media screen and (min-width:600px) and (max-width:799px) {
			.zdjecia1-kontener {
				width:auto;
				margin:0 10px;
				height:auto;
				padding-top:10px;
				padding-bottom:10px;
			}
			.tresci7-tekst.v2 p,.tresci7-tekst p {
			padding-top:0px;
			padding-bottom:0px;
			}
			.tresci7-tekst {
				
				display:table-cell;
				vertical-align:middle;
				
			}
			.tresci7-tekst .zd-left {
				float:left;margin-right:10px; width:50%;
				margin-bottom:10px;
				margin-top:0px;
			}
			.tresci7-tekst .zd-right {
				float:right;margin-left:10px; width:50%;
				margin-bottom:10px;
				margin-top:0px;
			}
			#tresci3 {
			padding:0px 0;
			}
		}
		@media screen and (min-width:800px) and (max-width:1100px) {
		
			
			
			
			/*.tresci8-tekst .zd-left {
				float:left;margin-right:60px; width:580px;
			}
			.tresci8-tekst .zd-right {
				float:right;margin-left:60px; width:580px;
			}*/
			
	
		}
		
		@media screen and (max-width:599px) {
		
			.zdjecia1-kontener {
				width:auto;
				margin:0 0px;
				height:auto;
				display:block;
			}
			.tresci7-tekst {
								
			}
			.tresci7-tekst .zd-left {
				width:100%;
				margin-bottom:10px;
				margin-top:0;
			}
			.tresci7-tekst .zd-right {
				width:100%;
				margin-bottom:10px;
				margin-top:0;
			}
			.tresci7-tekst p {
			width:100%;
				padding-top:15px;
				padding-bottom:15px;
				padding-left:10px;
				padding-right:10px;
				box-sizing:border-box;
			}
			.tresci7-tekst.v2 p {
			width:100%;
				padding-top:15px;
				padding-bottom:15px;
				padding-left:10px;
				padding-right:10px;
				box-sizing:border-box;
			}
			/*.tresci8-tekst .zd-left {
				float:left;margin-right:60px; width:580px;
			}
			.tresci8-tekst .zd-right {
				float:right;margin-left:60px; width:580px;
			}*/
			/*.tresci7-tekst.v2 p {
			padding-top:20px;
			}*/
			.podstr1 {
			width:100%;
			margin-top:10px;
			margin-bottom:10px;
			}
			#tresci3 {
			padding:0px 0;
			}
	
		}
		@media screen and (max-width:500px) {
			#podpis-logo-index {
				padding:0;
			}
		}
/*----------------- styl dla galerii */
.podstrona-cell2.galeria {
padding-right:0;
box-sizing:border-box;
}
.galeria-row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 0px;
  box-sizing:border-box;

}

/* Create four equal columns that sits next to each other */
.galeria-column {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  width:25%;
  padding: 0 4px;
  box-sizing:border-box;
}

.galeria-column a.disable {	
	cursor:default;
	pointer-events: none;
}

.galeria-column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .galeria-column {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
	width:50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .galeria-column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}


/*----------------- styl dla galerii koniec*/

@media screen and (max-width:1240px) {
#podpis-logo-index h1 {
						margin-top:0px;
					}
@media screen and (max-width:1240px) {
			.podstrona-table, .podstrona-row, .podstrona-cell2.galeria {
				width:100%;
			}
		}