body {background-color: #204768; background-repeat:no-repeat;}

div {
	overflow: hidden;
	
}

ul, li {list-style:none; margin:0; padding:0}


ul a:link, ul a:visited {
text-decoration:none;
color:#FFF;
padding: 4px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
}

ul a:hover {
color:#009;
padding: 6px 3px 3px 6px}


li.normalny {color:#FFF; font-size:18px; font-family:"MS Serif", "New York", serif; font-weight:normal;  text-align:left;}
li.gruby {color:#FC0; font-size:18px; font-family:"MS Serif", "New York", serif; font-weight:normal;  text-align:left;}

#ramka {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	border-color: #FFF;
	border-width: 1px;
}



#transmisje {
	width: 100%;
	display:flex;
}

#transfilm {
	margin:10px;
	width:45%;
	float:left
}

#transbig {
	margin:10px;
	width:95%;
	float:left
}

#kolumna3pasek {
		background-color:#06C;
		height:60px;
		width:100%;
		position:relative;
		top:0px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		color:#FFF;
		display: flex;
  		align-items: center;
		justify-content: center; }


#banerlewy {width:260px; height:560px;}

#stopka {width: 100%; height: 80px; background-color:#204768;}
#top {width: 100%; height: 300px;}

a.link1 {
	color: red;
	text-decoration: none;
}

a.link1 :hover{
	color: green;
}

a.link1 :visited{
	color: yellow;
}

a.link1 :active{
	color: brown;
}
		

#naglowek {
	width: 100%;
	height: 160px;
	background-image:url(image/na.png);
	background-repeat:no-repeat;
	padding-top:20px;
	padding-right:70px;}
	
p.akapit6 {
	font-family:Georgia, "Times New Roman", Times, serif
	font-size: 40px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	
	color: #FFF;
}

.ul_noralna {font-family:"Times New Roman", Times, serif;
color:#FFF; list-style:circle;
margin-left:60px;}


.kwadrat {float: left; margin-left:10px; margin-top:10px;}

.kwadrat :hover  {filter: grayscale(100%);}

.kwadratmenu {float:left; padding-bottom:15px;}

.kwadratmenu :hover  {filter: grayscale(90%);
-webkit-filter: grayscale(90%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */}


.baner {float: right; padding-bottom:15px;}
.rok1 {filter: grayscale(0%);}
.rok1 :hover  {filter: grayscale(90%);
-webkit-filter: grayscale(90%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */}


.menu_kwadrat {	float:left; 
				padding-bottom:15px;
				border-radius: 10px;
				width: 180px;
				height: 180px;
				background:#900;
			
}



.link {width:450px; height: 40px; background-color:#FFF; display:table-cell; vertical-align:middle;}
.link :hover {background-color:#6CF;}

.kolumna {float: left;}


#kol1 {width: 300px; padding-left:20px; padding-top:10px;}
#kol2 {width: 600px;}
#kol3 {width: 260px; padding-top:10px;}
#kol4 {width: 680px; min-height:600px; padding-right:20px; padding-left:20px; padding-top:10px; list-style-type:circle; font-size:14px; font-family:Verdana, Geneva, sans-serif; color:#FFF; }
#kol5 {width: 900px; min-height:600px; padding-left:20px; padding-top:10px;}
#kol6 {width: 600px; padding-left:50px; padding-top:0px; padding-right:50px}
#kol7 {float: left; width: 290px; height: 260px; padding-left:80px; padding-top:20px; padding-right:30px; background-image:url(image/pasek.png); background-repeat:repeat-y; background-position:right;}
#kol8 {float: left; width: 340px; height: 240px; padding-left:30px; padding-top:20px; padding-right:30px; background-image:url(image/pasek.png); background-repeat:repeat-y; background-position:right; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#FFF;}
#kol9 {float: left; width: 340px; padding-left:30px;  padding-top:15px; padding-right:30px; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#FFF }

#kol10 {width: 200px; padding-left:20px; padding-top:10px; border-color:#FFF}
#kol11 {width: 720px; min-height:600px; padding-right:10px; padding-left:30px; padding-top:10px; color:#FFF; }

#kol12 {width: 500px; padding-left:50px; padding-top:0px; padding-right:50px}
#kol13 {width: 330px; padding-top:10px;}
#kol14 {
	width: 860px;
	height: 500px;
	padding-left: 80px;
	padding-top: 0px;
	padding-right: 10px;
	background-color: #FFF;
	font-family: Cambria, Georgia, serif;
	font-weight:normal
}
#kol15 {width: 860px; padding-left:50px; padding-top:0px; padding-right:50px}
#tekst_kroniki {width: 450px; height: 300px; padding-left:100px; padding-top:50px; padding-right:0px; border:#000; font-family: Cambria, Georgia, serif; font-size:18px; font-weight:normal; font-variant: normal}
#foto_kronika {
	width: 210px;
	height: 450px;
	padding-left: 70px;
	padding-top: 0px;
	padding-right:10px;
	border:#000;
}
#naglowek_kronika {width: 550px; border:#000; font-family: Cambria, Georgia, serif; font-size:18px}
#sterowanie_kronika {width: 860px; padding-left:220px; padding-top:10px; padding-right:50px}
#przycisk_kronika {width: 65px; height: 25px; background-color: #FFF; font-size:12px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:bold; text-align: center; line-height: 25px; cursor:pointer}

#przycisk_kronika:hover {background-color:#FFC}


#spacja_kronika {width: 10px; height:40px}

#tekst_kroniki p {color:#000; width: 450px; height: 300px; padding-left:100px; padding-top:50px; padding-right:0px; border:#000; font-family: Cambria, Georgia, serif; font-size:18px; font-weight:normal; font-variant: normal}



#formularz {
	width: 500px;
	height: 520px;
	padding: 15px;
	border-style: solid;
	border-width: 2px;
	border-color: #FFCC00;
}

#kolmenu {width: 200px; padding-left:20px; padding-top:10px; border-color:#FFF}

.menu {position: static;}


p {color: #FFF; font-size: 18px; font-weight: bold; text-align:left;}
p.akapit1::first-letter { color:#FC0; font-family: 'Times New Roman', serif; font-size: 300%; float: left }
p.akapit2::first-letter { color:#FC0; font-family: 'Times New Roman', serif; font-size: 300%; float: left }

p.akapit4::first-letter { color:#FC0; font-family: 'Times New Roman', serif; font-size: 300%; float: left }


p.akapit1 {color:#FFF; font-size:18px; font-family:"MS Serif", "New York", serif; font-weight:normal;  text-align:justify;}
p.akapit2 {color:#FFF; font-size:18px; font-family:"MS Serif", "New York", serif; font-weight:normal; margin-bottom: 25px; text-align:left;}
p.akapit3 {
	color: #FFF;
	font-size: 18px;
	font-family: "MS Serif", "New York", serif;
	font-weight: normal;
	margin-bottom: 15px;
	text-align: justify;
}
p.akapit13 {
	color: #FC0;
	font-size: 18px;
	font-family: "MS Serif", "New York", serif;
	font-weight: normal;
	margin-bottom: 15px;
	text-align: justify;
}
p.akapit4 {color:#FFF; font-size:18px; font-family:"MS Serif", "New York", serif; font-weight:normal; text-align:left;}
p.akapit5 {color:#FFF; font-size:18px; font-family:"MS Serif", "New York", serif; font-weight:normal; text-align:left;}
p.akapit7 {color:#FFF; font-size:18px; font-family:"MS Serif", "New York", serif; font-weight:normal;  text-align:left;}
p.akapit8 {
	color: #FC0;
	font-size: 24px;
	font-family: "MS Serif", "New York", serif;
	font-weight: normal;
	text-align: left;
}
p.akapit9 {
	color: #FFF;
	font-size: 18px;
	font-family: "MS Serif", "New York", serif;
	font-weight: normal;
	margin-bottom: 15px;
	text-align: right;
}
p.linia1 {font-family: 'Times New Roman', serif; font-size: 120%; float: left; font-style:italic;  }

h2.akapit1 {color:#FC0; font-family: 'Times New Roman', serif; font-size: 150%; float: left; line-height:100%;}
h2.akapit2 {color:#FC0; font-family: 'Times New Roman', serif; font-size: 150%; float: center;}
h3.akapit1 {color:#FC0;}

li {padding-left:20px; font-family:"Courier New", Courier, monospace; color:#9CF; font-size: 18px;}


#foto01 {color:#FC0; float:right; margin-left:20px; margin-top:5px; margin-bottom:5px; padding-top: 10px;}
#foto02 {float:left; margin-right:20px; margin-top:5px; margin-bottom:5px;}
#foto03 {margin-right:20px; margin-top:5px; margin-bottom:5px;}

#tekst {text-align:justify;}

#photo1 {width: 215px; height:250px; float:left; outline: solid 1px #FFFFFF; }
#photo2 {width: 215px; min-height:160px; padding-top:10px;}
#photo3 {width: 215px; min-height:50px; padding-top:10px; padding-bottom:10px; text-align:center}

#numer {width: 645px; height:90px; padding-top:20px; padding-bottom:20px; float:left;}


#film1 {width: 330px; height:250px; float:left; outline: solid 1px #FFFFFF;}
#film2 {width: 330px; min-height:160px; padding-top:10px;}
#film3 {width: 330px; min-height:50px; padding-top:10px; padding-bottom:10px; text-align:center}



.blok {float: left; width: 680px;}
.blok h2 {color:#000; font-family: 'Times New Roman', serif; font-size: 150%; float: left; padding: 8px 15px; cursor: pointer; text-align:center;}
.blok h2.aktywny {background-color:#39F;}
.blok p {font-size:18px; font-family:"MS Serif", "New York", serif; font-weight:normal; margin-bottom: 15px; text-align:justify; display:none; padding: 10px 15px 20px; margin: 0;}


.napis {color:#000; width: 680px; background-color:#FC0; text-align:center; border: solid 1px #FFFFFF; cursor: pointer; }
.napism {color: #000; width: 480px; background-color:#096; text-align:center; border: solid 1px #FFFFFF; cursor: pointer; }
.napis h2 {font-family: 'Times New Roman', serif; font-size: 150%; float: left; padding: 8px 15px; text-align:center; }
.napis h2.aktywny {background-color:#39F;}

#tajemnica {height:50;}


#PAS {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 16px; };
	#PAS1z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 16px; };
	#PAS2z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 16px; };
	#PAS3z { font-family: 'Cambria'; color: rgb(43,42,41); font-size: 16px };
	#PAS4z {  letter-spacing: 0.000000em; line-height: 0.880000em; font-size: 16px; };
	#PAS5z { font-family: 'EFN Gilead'; color: rgb(43,42,41); font-size: 19px };
	#PAS6z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 19px; };
	#PAS7z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 16px; };
	#PAS8z { font-family: 'Cambria'; color: rgb(43,42,41); font-size: 16px };
	#PAS9z {  letter-spacing: 0.000000em; line-height: 0.880000em; font-size: 16px; };
	#PAS10z { font-family: 'EFN Gilead'; color: rgb(43,42,41); font-size: 19px };
	#PAS11z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 19px; };
	#PAS12z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 16px; };
	#PAS13z { font-family: 'Cambria'; color: rgb(43,42,41); font-size: 16px };
	#PAS14z {  letter-spacing: 0.000000em; line-height: 0.880000em; font-size: 16px; };
	#PAS15z { font-family: 'EFN Gilead'; color: rgb(43,42,41); font-size: 19px };
	#PAS16z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 19px; };
	#PAS17z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 16px; };
	#PAS18z { font-family: 'Cambria'; color: rgb(43,42,41); font-size: 16px };
	#PAS19z {  letter-spacing: 0.000000em; line-height: 0.880000em; font-size: 16px; };
	#PAS20z { font-family: 'EFN Gilead'; color: rgb(43,42,41); font-size: 19px };
	#PAS21z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 19px; };
	#PAS22z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 16px; };
	#PAS23z { font-family: 'Cambria'; color: rgb(43,42,41); font-size: 16px };
	#PAS24z {  letter-spacing: 0.000000em; line-height: 0.880000em; font-size: 16px; };
	#PAS25z { font-family: 'EFN Gilead'; color: rgb(43,42,41); font-size: 19px };
	#PAS26z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 19px; };
	#PAS27z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 16px; };
	#PAS28z { font-family: 'Cambria'; color: rgb(43,42,41); font-size: 16px };
	#PAS29z {  letter-spacing: 0.000000em; line-height: 0.880000em; font-size: 16px; };
	#PAS30z { font-family: 'EFN Gilead'; color: rgb(43,42,41); font-size: 19px };
	#PAS31z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 19px; };
	#PAS32z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 16px; };
	#PAS33z { font-family: 'Cambria'; color: rgb(43,42,41); font-size: 16px };
	#PAS34z {  letter-spacing: 0.000000em; line-height: 0.880000em; font-size: 16px; };
	#PAS35z { font-family: 'EFN Gilead'; color: rgb(43,42,41); font-size: 19px };
	#PAS36z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 19px; };
	#PAS37z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 16px; };
	#PAS38z { font-family: 'Cambria'; color: rgb(43,42,41); font-size: 16px };
	#PAS39z {  letter-spacing: 0.000000em; line-height: 0.880000em; font-size: 16px; };
	#PAS40z { font-family: 'EFN Gilead'; color: rgb(43,42,41); font-size: 19px };
	#PAS41z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 19px; };
	#PAS42z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 16px; };
	#PAS43z { font-family: 'Cambria'; color: rgb(43,42,41); font-size: 16px };
	#PAS44z {  letter-spacing: 0.000000em; line-height: 0.880000em; font-size: 16px; };
	#PAS45z { font-family: 'EFN Gilead'; color: rgb(43,42,41); font-size: 19px };
	#PAS46z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 19px; };
	#PAS47z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 16px; };
	#PAS48z { font-family: 'Cambria'; color: rgb(43,42,41); font-size: 16px };
	#PAS49z {  letter-spacing: 0.000000em; line-height: 0.880000em; font-size: 16px; };
	#PAS50z { font-family: 'EFN Gilead'; color: rgb(43,42,41); font-size: 19px };
	#PAS51z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 19px; };
	#PAS52z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 16px; };
	#PAS53z { font-family: 'Cambria'; color: rgb(43,42,41); font-size: 16px };
	#PAS54z {  letter-spacing: 0.000000em; line-height: 0.880000em; font-size: 16px; };
	#PAS55z { font-family: 'EFN Gilead'; color: rgb(43,42,41); font-size: 19px };
	#PAS56z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 19px; };
	#PAS57z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 16px; };
	#PAS58z { font-family: 'Cambria'; color: rgb(43,42,41); font-size: 16px };
	#PAS59z {  letter-spacing: 0.000000em; line-height: 0.880000em; font-size: 16px; };
	#PAS60z { font-family: 'EFN Gilead'; color: rgb(43,42,41); font-size: 19px };
	#PAS61z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 19px; };
	#PAS62z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 16px; };
	#PAS63z { font-family: 'Cambria'; color: rgb(43,42,41); font-size: 16px };
	#PAS64z {  letter-spacing: 0.000000em; line-height: 0.880000em; font-size: 16px; };
	#PAS65z { font-family: 'EFN Gilead'; color: rgb(43,42,41); font-size: 19px };
	#PAS66z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 19px; };
	#PAS67z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 16px; };
	#PAS68z { font-family: 'Cambria'; color: rgb(43,42,41); font-size: 16px };
	#PAS69z {  letter-spacing: 0.000000em; line-height: 0.880000em; font-size: 16px; };
	#PAS70z { font-family: 'EFN Gilead'; color: rgb(43,42,41); font-size: 19px };
	#PAS71z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 19px; };
	#PAS72z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 16px; };
	#PAS73z { font-family: 'Cambria'; color: rgb(43,42,41); font-size: 16px };
	#PAS74z {  letter-spacing: 0.000000em; line-height: 0.880000em; font-size: 16px; };
	#PAS75z { font-family: 'EFN Gilead'; color: rgb(43,42,41); font-size: 19px };
	#PAS76z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 19px; };
	#PAS77z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 16px; };
	#PAS78z { font-family: 'Cambria'; color: rgb(43,42,41); font-size: 16px };
	#PAS79z {  letter-spacing: 0.000000em; line-height: 0.880000em; font-size: 16px; };
	#PAS80z { font-family: 'EFN Gilead'; color: rgb(43,42,41); font-size: 19px };
	#PAS81z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 19px; };
	#PAS82z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 16px; };
	#PAS83z { font-family: 'Cambria'; color: rgb(43,42,41); font-size: 16px };
	#PAS84z {  letter-spacing: 0.000000em; line-height: 0.880000em; font-size: 16px; };
	#PAS85z { font-family: 'EFN Gilead'; color: rgb(43,42,41); font-size: 19px };
	#PAS86z { text-align: center; letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 19px; };
	#PAS87z {  letter-spacing: 0.000000em; line-height: 1.000000em; font-size: 16px; };

#window_overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    z-index: 10000;
}

#window_overlay.opened {
    opacity: 1;
    -webkit-transition: opacity 100ms;
    transition: opacity 100ms;
    visibility: visible;
}

.window_content {
    position: fixed;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%) scale(0, 0);
    -webkit-transform: translate(-50%, -50%) scale(0, 0);
    transform: translate(-50%, -50%) scale(0, 0);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75);
    visibility: hidden;
    z-index: 10001;
}

.window_content.opened {
    -webkit-transition: transform 300ms;
    transition: transform 300ms;
    -ms-transform: translate(-50%, -50%) scale(1, 1);
    -webkit-transform: translate(-50%, -50%) scale(1, 1);
    transform: translate(-50%, -50%) scale(1, 1);
    visibility: visible;
    padding: 40px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    background-color: #FFFFFF;
}

.window_content .window_close {
    width: 30px;
    height: 30px;
    margin: -10px -10px 0 0;
    border-radius: 50%;
    background-color: #ec3f22;
    color: #ffffff;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
}

.window_content .window_close:hover {
    text-decoration: none;
    background-color: #ec6922;
}

.window_content img {
    display: inline;
    max-width: 200px;
}

@media (max-width:1000px) {

.window_content {
    margin-top: 5%;
    width: 80%;
}

.window_content p{
    margin-top: -80px;
}

.window_content.opened {
    padding: 20px 30px;
    font-size: 15px;
}

.window_content img {
    display: none!important;
}

}