* {padding:0;margin:0;}
*,a{padding:0px;margin:0px;text-decoration:none;color:black;}
* {-webkit-transition: all .6s ease;transition: all .6s ease;box-sizing: border-box;}
a:hover{text-decoration:underline; }
a:link {color: #fff;text-decoration: none;}
html {width:100%;height:100%;}
body {font-family:Tahoma,"Avant Garde", Avantgarde,  calibri, Arial Narrow,  Arial, Helvetica, Helvetica, Sans-serif;font-size:17px;font-weight:400;background-color:#030044;}
h1{text-align:center;}
h2{text-align:center;}
h2:hover{text-decoration:underline;}
h3{text-align:center;}
h4{text-align:center;}
h5{text-align:center;}
p{word-wrap:normal;display:block;margin-top:10px;margin-bottom:10px;margin-left:10px;margin-right:10px;
	text-indent:20px;}
div{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
*:hover{-moz-transition:0.2s ease-in;-webkit-transition:0.2s ease-in;-o-transition:0.2s ease-in;
	transition:0.2s ease-in;}
img{width:100%;height:auto;width:auto;}

img:hover {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    z-index: 0;}
#container {width:100%;margin:0 auto;}
#logo {max-width:570px;margin-left:auto;margin-right:auto;text-align:center;padding:3px;background-color:#030044;}
#logoL {float:left;background-color:#030044;}
#logoR {float:left;padding:14px;text-align:center;	color:#fff;font-size:1.9em;font-family: Arial,"Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif, Helvetica;background-color:#030044;}


.sticky{width: 100%;position: fixed;left:0;top:0;z-index:100;}
#main{margin:15px 0;margin-left:auto;margin-right:auto;max-width:1200px;}
#mainleft {float:left;font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic,"AppleGothic", sans-serif, Arial,Helvetica;}
#mainright {float:right;font-family:Helvetica,Arial, "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic,"AppleGothic", sans-serif, ;}

.infoleft{padding:2px 2px 2x 2px ;background-color:white;box-shadow:0px 1px 1px 1px black;}
.infoleft1{padding:8px 8px 12px 8px ;background-color:white;box-shadow:1px 1px 1px 1px white;}
.inforight{padding:8px 8px 8px 8px ;background-color:white;box-shadow: 3px -2px yellow ; }
.inforight1{padding:8px 8px 12px 8px ;background-color:white;box-shadow:1px 1px 1px 1px white; }
.inforight2{padding:8px 8px 8px 8px ;background-color:white;box-shadow:0px 1px 1px 1px black;}
.tekstleft{ margin:auto; z-index: 10;}
.tekstleft1{ margin:auto;background-color:white; }
.tekstright{ margin:auto;}
.zdjecieleft{float:left; margin:auto;  margin-right:15px; }

.plakatright{padding:5px 5px 0px 5px; box-shadow:0px 1px 1px 1px black; background:#666666;overflow: hidden; z-index: -1}
.nakladka {position: relative;width: 100%;height: 100%; }
.nakladka1 {position: relative;width: 100%;height: 100%;}
.nakladka2 {position: relative;width: 100%;height: 100%;}
.nakladka .link{position: absolute;display: block;width: 100%;height: 100%;background-color: #6666ff;text-align:center;
	left: 0px;top: 0px;opacity: 0;transition: opacity 0.8s ease-in-out;}
.nakladka1 .link{position: absolute;display: block;width: 100%;height: 100%;background-color: #ba68c8;text-align:center;
	left: 0px;top: 0px;opacity: 0;transition: opacity 0.8s ease-in-out;}
.nakladka2 .link{position: absolute;display: block;width: 100%;height: 100%;background-color: #0B5394;text-align:center;
	left: 0px;top: 0px;opacity: 0;transition: opacity 0.8s ease-in-out;}
.nakladka:hover .link{opacity: 0.9;}
.nakladka1:hover .link{opacity: 0.9;}
.nakladka2:hover .link{opacity: 0.9;}
.icon{display: block;top:10%;position: relative;font-size: 60px;}
.icon p{font-size: 20px;}
.icon1{display: block;top:10%;position: relative;font-size: 40px;}
.icon1 p{font-size: 15px;float:left;}
.icon-facebook{display: block;position: relative;font-size: 20px;}
.galeria{float:left;padding:5px;background-color:#e0e0e0;box-shadow:0px 1px 1px 1px black;}
#wspolpraca{float:left;margin:auto;}
#footer {width: 100%;color:white;margin:auto;text-align:center;padding:10px 0;
		background-color:#0b00f5;border-top:1px solid #000;border-bottom:1px solid #000;
		font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic,"AppleGothic", sans-serif, Arial,Helvetica;}
#tabela{border-collapse:collapse;margin:auto; text-align:left; }
.header1{background-color:#8280d4;color: #fff; }
.header{background-color:#504DC3;color: #fff;text-align: center; font-weight:500 }
td{border:1px solid black;padding:5px;}
.postimg{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; }
.postimg:hover {-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;-moz-transform: 
	scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);filter:contrast(120%); }
.postimg1{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;float:left;width: 150px;height: 150px;background-size:cover;border: 1px solid black;margin:3px;}
.postimg1:hover {-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s; -moz-transform: scale(1.5);-o-transform: scale(1.1);-webkit-transform: scale(1.1);
		filter: contrast(120%); }
.postimg1 p {margin-top:90px;}
.postimg1 a {color:white;}
.postimg2{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;float:left;width: 240px;height: 180px;background-size:cover;border: 1px solid black;margin:3px 12px 3px 12px;}
.postimg2:hover {-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s; -moz-transform: scale(1.5);-o-transform: scale(1.1);-webkit-transform: scale(1.1);
		filter: contrast(120%); }
.postimg2 p {margin-top:10px;}
.postimg2 a {color:white;}

#scroll-to-top{display:none;position:fixed;bottom:1px;right:5px;opacity:0.7;z-index:9;}
#scroll-to-top:hover{opacity:1;}
.button{font-family: Arial,"Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif, 
	Arial,Helvetica;background: #121212;display: inline-block;padding: 12px;color: #fff;}
.button:hover {text-decoration:none;background-color:##6E6E6E;}
.pagination a {color: black;float: left;padding: 8px 16px;text-decoration: none;border: 1px solid #ddd;}
.pagination a:hover:not(.active) {background-color: #ddd;}
.infoleftfilm{padding:2px 2px 0px 2px ;background-color:white;box-shadow:0px 1px 1px 1px black;margin: 0 auto;}
.columns {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;
background-color: #666;}



@media (min-width: 1200px) {
#mainleft {width:30%;}
#mainright {width:69%;}
#menu-nav {display:none;z-index: 10}
nav{display:block !important;z-index:100;width: 100%;background-color: #0400bf;text-align: center; width: 100%;padding:0;text-align:center;border-top:1px solid #000;border-bottom:1px solid #000934;}
#menu{padding: 0;margin: 0;list-style-type:none;z-index:100;height: 35px;line-height: 200%;display:inline-block;
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic,"AppleGothic", sans-serif, Arial,Helvetica;overflow:float;margin:0 auto;display:table ;height:3em;text-align:center;}	
#menu ul, #menu ol {list-style-type:none;z-index:100;}
#menu a{display:block;text-decoration:none;color:white;z-index:100;}
#menu > li{float:left;background-color:#0400bf;height:3em;}
#menu > li:first-child{margin-left:0;}
#menu > li:hover {background-color:#030038;}
#menu > li:hover > a{color:#fff;}
#menu > li:hover > ul{visibility:visible;transform:scaleY(1);}
#menu > li a {display:block;text-decoration:none;padding:10px 10px;}
#menu > li > ul{width:100%;visibility:hidden;transform:scaleY(0);transform-origin:50% 0;transition:400ms;}
#menu > li > ul > li{position:relative;background-color:#0400bf}
#menu > li > ul > li > a{border-top:1px solid white;}
#menu > li > ul > li:hover{background-color:#030038;}
#menu > li > ul > li:hover > a{color:white;}
ol, li, ul, li { z-index:100;}
}

@media (min-width: 992px) and (max-width: 1199px){
#logoL img {width:80%;}
.zdjecieleft img{width:80%;}
#main {font-size:0.95em;}
#footer {font-size:0.8em;}
#mainleft {width:30%;}
#mainright {width:69%;}
#menu-nav {display:none;}
nav{ display:block !important;z-index:100;width: 100%;background-color: #0400bf;text-align: center; width: 100%;padding:0;text-align:center;border-top:1px solid #000;border-bottom:1px solid #000;}
ol, li, ul, li { z-index:100;}
#menu{padding: 0;margin: 0;list-style-type:none;z-index:100;height: 35px;line-height: 200%;display:inline-block;
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic,"AppleGothic", sans-serif, Arial,Helvetica; overflow:float;margin:0 auto;display:table ;height:3em;text-align:center;}	
#menu ul, #menu ol {list-style-type:none;}
#menu a{display:block;text-decoration:none;color:white;}
#menu > li{float:left;background-color:#0400bf;height:3em;}
#menu > li:first-child{margin-left:0;}
#menu > li:hover {background-color:#030038;}
#menu > li:hover > a{color:#fff;}
#menu > li:hover > ul{visibility:visible;transform:scaleY(1);}
#menu > li a {display:block;text-decoration:none;padding:8px 5px;}
#menu > li > ul{width:100%;visibility:hidden;transform:scaleY(0);transform-origin:50% 0;transition:400ms;}
#menu > li > ul > li{position:relative;background-color:#0400bf;}
#menu > li > ul > li > a{border-top:1px solid white;padding:2px 5px;}
#menu > li > ul > li:hover{background-color:#030038;}
#menu > li > ul > li:hover > a{color:white;}
(-webkit-min-device-pixel-ratio: 2), 
  (min-resolution: 192dpi) { 
  .img {
    background-image: url(examples/images/image-70.jpg);
  }
}
}
@media (min-width: 768px) and (max-width: 991px){

#logoL img {width:70%;}
.zdjecieleft img{width:70%;}
#logoR {font-size:0.99em;}
#main {font-size:0.9em;}
#footer {font-size:0.7em;}
#mainleft {width:30%;}
#mainright {width:69%;}
#menu-nav {display:none;}
nav{ display:block; !important;z-index:100;width: 100%;background-color: #0400bf;text-align: center; width: 100%;padding:0;text-align:center;border-top:1px solid #000;border-bottom:1px solid #000;}
ol, li, ul, li { z-index:100;}
#menu{padding: 0;list-style-type:none;z-index:100;height: 35px;line-height: 200%;display:inline-block;overflow:float;margin:0 auto;display:table;height:3em;text-align:center;font-size:0.9em;font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic,"AppleGothic", sans-serif, Arial,Helvetica;}	
#menu ul, #menu ol {list-style-type:none;}
#menu a{display:block;text-decoration:none;color:white;}
#menu > li{float:left;background-color:#0400bf;height:3em;}
#menu > li:first-child{margin-left:0;}
#menu > li:hover {background-color:#030038;}
#menu > li:hover > a{color:#fff;}
#menu > li:hover > ul{visibility:visible;transform:scaleY(1);}
#menu > li a {display:block;text-decoration:none;padding:8px 5px;}
#menu > li > ul{width:100%;visibility:hidden;transform:scaleY(0);transform-origin:50% 0;transition:400ms;}
#menu > li > ul > li{position:relative;background-color:#0400bf;}
#menu > li > ul > li > a{border-top:1px solid white;padding:2px 5px;}
#menu > li > ul > li:hover{background-color:#030038;}
#menu > li > ul > li:hover > a{color:white;}

}
@media (min-width: 576px) and (max-width: 767px){
#logo{max-width:355px;}
#logoL img {width:65%;}
.zdjecieleft img{width:65%;}
#logoR {font-size:0.93em;}
#footer {font-size:0.6em;}
#main {font-size:0.85em;}

#mainleft {width:100%;}
#mainright {width:100%;}
#menu-nav {display:none;}
nav{ display:block !important;z-index:100;width: 100%;background-color: #0400bf;text-align: center; width: 100%;padding:0;text-align:center;border-top:1px solid #000;border-bottom:1px solid #000;}
ol, li, ul, li { z-index:100;}
#menu{padding: 0;list-style-type:none;z-index:100;height: 35px;line-height: 200%;display:inline-block;font-size:0.8em;overflow:float;margin:0 auto;display:table;height:3em;text-align:center;
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic,"AppleGothic", sans-serif, Arial,Helvetica;}	
#menu ul, #menu ol {list-style-type:none;}
#menu a{display:block;text-decoration:none;color:white;}
#menu > li{float:left;background-color:#0400bf;height:3em;}
#menu > li:first-child{margin-left:0;}
#menu > li:hover {background-color:#030038;}
#menu > li:hover > a{color:#fff;}
#menu > li:hover > ul{visibility:visible;transform:scaleY(1);}
#menu > li a {display:block;text-decoration:none;padding:6px 3px;}
#menu > li > ul{width:100%;visibility:hidden;transform:scaleY(0);transform-origin:50% 0;transition:400ms;}
#menu > li > ul > li{position:relative;background-color:#0400bf;}
#menu > li > ul > li > a{border-top:1px solid white;padding:4px 2px;}
#menu > li > ul > li:hover{background-color:#030038;}
#menu > li > ul > li:hover > a{color:white;}
}

@media  (min-width: 100px) and (max-width: 575px) {
#logo{max-width:320px;}
#logoL img {width:60%;float:right;}
.zdjecieleft img{width:60%;float:left;}
#logoR {font-size:0.8em;}
#main {font-size:0.8em;}
#footer {font-size:0.5em;}
#mainleft {width:100%;}
#mainright {width:100%;}
#menu-nav {font-size:0.9em;display:block;font-family: Arial,"Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif, Arial,Helvetica;color:white;background-color:#0400bf;text-transform:uppercase;padding:10px;cursor:pointer;text-align:center;}
nav {display:none; text-align:center;font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic,"AppleGothic", sans-serif, Arial,Helvetica;opacity: 0.7;}
nav ol {list-style:none;}
nav ol li {margin-bottom:1px;}
nav ol li a {display:block;font-size:0.7em;text-decoration:none;color:#fff;background:#0400bf;
	border-top:1px solid white;padding:7px 20px;}
nav ol li a:hover{background-color:#030038;color:#FFF;text-decoration:none;}
nav ol li ul {display:none;}
nav ol li:hover {background-color:#030038;}
nav ol li:hover > a{color:#fff;}
nav ol li ul li a {background:#0400bf;text-decoration:none;}
nav ol li ul li a {border-top:1px solid white;}
nav ol .plus a:before {content: '+ ';}
nav ol .plus:hover a:before {content: '+ ';}
nav ol .plus:active a:before {content: '- ';}
nav ol li ul li a:before {display:none;}
div { -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;position:relative;}
#krzyz {float:right;display:block;}
.line-1{border-top:3px solid white;width:30px;margin:0px auto;padding-top:3px;padding-bottom:3px;}
.line-2{border-top:3px solid white;width:30px;margin:0px auto;transition: all 0.2s;}
.line-3{border-top:3px solid white;width:30px;margin:0px auto;padding-bottom:3px;transition: all 0.2s;bottom:3px;}
.line-4{border-bottom: 3px solid white;width:30px;margin:0px auto;}
.line-1-x{opacity:0;}
.line-2-x{-webkit-transform: rotate(45deg);transition: all 0.2s;}
.line-3-x{-webkit-transform: rotate(-45deg);transition: all 0.2s;}
.line-4-x{opacity:0;}

}