body
{
	background: url("img/tlob.jpeg") no-repeat center;
	background-attachment: fixed;
	background-size: cover;
	font-family: New Roman;
	margin-top: 0px;
	-webkit-text-size-adjust: none; /* Dla Webkit (Chrome, Safari) */
    -moz-text-size-adjust: none; /* Dla Firefox */
    text-size-adjust: none; /* Standard */
}

main#okno
{
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(0%, 0%, 0%, 0.9);
	background-size: 1300px;
	width: 1300px;
	
}

nav#nav
{
	width: 1300px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	position: fixed; 
	z-index: 1;
}

nav#nav2
{
	float: left;
	width: 160px;
	min-height: 620px;
	padding-top: 55px;
}

article#center
{

	float: left;
	width: 918px;
	min-height: 620px;
	margin-top: 50px;
	padding: 0px 30px 180px 30px;
	border-left: 2px solid #600000;
	border-top: 2px solid #600000;
	
}

section#ad
{
	float: left;
	width: 160px;
	color: white;
	min-height: 620px;
	padding-top: 55px;
}

footer#stopa
{
	clear: both;
	text-align: center;
	height: 120px;
	color: gray;
}

div#logo
{
	background-size: 1300px 350px;
	text-align: center;
	height: 350px;
	font-family: 'Akronim', cursive;
	
}

div#logo>p
{
	font-size:80px;
	position: relative;
	z-index: 0;
	bottom: 60px;
	color: red;
}

div#margtop
{
	min-width: 10px;
	height: 60px;
}


div.teoriepoz
{
	float: left;
	width: 225px;
	padding: 35px;
}

div.teorie
{
	border-bottom: 3px solid #600000;
	padding-bottom: 10px;
}

div.teoriezdj
{
	border: 2px solid black;
	width: 225px;
	height: 316px;

}

div.legendypoz
{
	float: left;
	width: 225px;
	padding: 35px;
}

div.legendy
{
	border-bottom: 3px solid #600000;
	padding-bottom: 10px;
}

div.legendyzdj
{
	border: 2px solid black;
	width: 225px;
	height: 316px;
	background-repeat: no-repeat; 
	transition: background-image 0.1s;
}

div.grypoz
{
	float: left;
	width: 225px;
	padding: 35px;
}

div.gry
{
	border-bottom: 3px solid #600000;
	padding-bottom: 10px;
}

div.gryzdj
{
	border: 2px solid black;
	width: 225px;
	height: 316px;

}

div.symbpoz
{
	float: left;
	width: 225px;
	padding: 35px;
}

div.symb
{
	border-bottom: 3px solid #600000;
	padding-bottom: 10px;
}

div.symbzdj
{
	width: 225px;
	height: 225px;
}

div.galpoz
{
	float: left;
	width: 225px;
	padding: 35px;
}

div.gal
{
	border-bottom: 3px solid #600000;
	padding-bottom: 10px;
}

div.galzdj
{
	border: 2px solid red;
	width: 225px;
	height: 316px;
}

div.aplipoz
{
	float: left;
	width: 225px;
	padding: 35px;
}

div.apli
{
	border-bottom: 3px solid #600000;
	padding-bottom: 10px;
}

div.aplizdj
{
	border: 2px solid red;
	width: 225px;
	height: 225px;
}

div.fot
{
	padding-bottom: 10px;
}

div.fotpoz
{
	float: left;
	width: 410px;
	padding: 20px;
}

div.fotzdj
{
	border: 5px solid red;
	width: 410px;
	height: 410px;
	transition:0.5s;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	cursor: pointer;
}

div.fotzdj:hover
{
	transition:0.5s;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

div.overlay 
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	cursor: pointer;
	display: flex;
	justify-content: center;
	background-color: rgba(0%, 0%, 0%, 0.7);
}

img.full-image
{
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	border: 2px solid red;
	margin-bottom:10px;
	margin-top:10px;
}

ul#listanavi
{
	display: block;
	list-style: none;
	text-align: center;
	min-height: 60px;
	position: relative;
	bottom: 20px;
	white-space: nowrap;
	background-color: black;
}

ul.lista
{
	display: block;
	list-style: none;
	text-align: center;
	min-height: 60px;
	position: relative;
	bottom: 20px;
	white-space: nowrap;
}

li.opt1
{
	min-width: 250px;
	min-height: 45px;
	font-size: 25px;	
	margin-right: 40px;
	margin-top: 5px;
	display: inline-block;
	border-bottom: 2px solid #860000;
	border-radius: 8px;
}

li.opt1:hover
{
	background-color: rgba(110, 35, 35, 0.5);
}

li.opt2
{
	text-align: center;
	height: 30px;
	width: 100px;
	font-size: 20px;
	margin-top: 10px;
	border-bottom: 2px solid #860000;
	border-radius: 8px;
}

li.opt2:hover
{
	background-color: rgba(110, 35, 35, 0.5);
}

h2#stopaTyt
{
	font-family: 'Akronim', cursive;
	position: relative;
	bottom: -20px;
	font-size: 40px;
}

h2.tyt
{
	color: white;
	font-size: 35px;
	text-align: center;
	text-shadow: black 0.1em 0.1em 0.2em;
}


h2.teorietyt
{
	height: 52px;
}

h2.legendytyt
{
	height: 52px;
}

h2.grytyt
{
	height: 52px;
}

h2.symbtyt
{
	height: 30px;
}

h2.galtyt
{
	height: 30px;
	font-size: 28px;
}

h2.aplityt
{
	height: 30px;
	font-size: 28px;
}

p.t1
{
	color: white;
	font-size: 20px;
	text-align: justify;
}

p.right
{
	color: white;
	font-size: 22px;
	text-align: right;
}

a#up
{
	text-decoration: none;
	color: white;
	font-size:50px;
	position: fixed;
	right: 50px;
	bottom: 20px;
	border: 2px solid #860000;
	padding: 0px 10px;
}

a#up:hover
{
	color: red;
}

a.navt
{
	color: white;
	text-decoration: none;
	padding-top: 20px;
	display:inline-block; 
	min-height: 35px;
	min-width: 250px;
}

a.navt:hover
{
	color: red;
}

a.navt2
{
	color: white;
	text-decoration: none;
	display:block; 
	height: 30px;
	width: 100px;
	padding-top: 4px;
}

a.navt2:hover
{
	color: red;
}

a.teorielinki
{
	text-decoration: none;
	color: red;
	font-size: 13px;
	text-align: center;
	transition:0.5s;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

a.teorielinki:hover
{
	transition:0.5s;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

a.legendylinki
{
	text-decoration: none;
	color: red;
	font-size: 13px;
	text-align: center;
	transition:0.5s;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

a.legendylinki:hover
{
	transition:0.5s;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

a.grylinki
{
	text-decoration: none;
	color: red;
	font-size: 13px;
	text-align: center;
	transition:0.5s;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

a.grylinki:hover
{
	transition:0.5s;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

a.symblinki
{
	text-decoration: none;
	color: red;
	font-size: 20px;
	text-align: center;
	transition:0.5s;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

a.symblinki:hover
{
	transition:0.5s;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

a.gallinki
{
	text-decoration: none;
	color: red;
	font-size: 20px;
	text-align: center;
	transition:0.5s;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

a.gallinki:hover
{
	transition:0.5s;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

a.aplilinki
{
	text-decoration: none;
	color: red;
	font-size: 20px;
	text-align: center;
	transition:0.5s;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

a.aplilinki:hover
{
	transition:0.5s;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

a.link
{
	text-decoration: none;
	color: white;
}

a.link:hover
{
	color: red;
}

a.stopaLink
{
	text-decoration: none;
	color: gray;
	position: relative;
	bottom: 20px;
}

a.stopaLink:hover
{
	text-decoration: none;
	color: white;
}

a.linkAd
{
	display: block;  
	text-decoration: none;
	color: red;
	text-align: center;
	transition:0.5s;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	
}

a.linkAd:hover
{
	transition:0.5s;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	
}

audio#audioInfo {
    width: 918px;
}