@charset "UTF-8";
@font-face{
	font-family: Engagement-Regular;
	src:url(font/Engagement-Regular.otf);
	font-family: AlumniSans-Bold;
	src:url(font/AlumniSans-Bold.otf);
}


/*Ogólne formatowanie styli strony*/
body{
	background-image: url(../img/strona/tlo_body.png);
}

#fullpage{
	font-family: 'Average Sans', sans-serif;
	font-size: 100%;
	min-width:320px;
}

p{
	font-size: 1.4em;
}

h1{
	font-size: 2.5em;
}

h2{
	font-size: 2.1em;
}

h3{
	font-size: 1.9em;
}

h4{
	font-size: 1.7em;
}

h5{
	font-size: 1.6em;
}

h6{
	font-size: 1.5em;
}


/*Header strony dla ogólnych rozdzielczości*/
header{
	background-image: url(../img/strona/tlo_header.png);
	height: 200px;
}

header h1{
	font-size:6em;
	line-height:1.4em;
	text-align:center;
	font-weight: 700;
	word-spacing: 1.2em;
	letter-spacing: 0.05em;
}

header h1 a{
	font-family: 'AlumniSans-Bold';
	display: inline-block;
	height: 100%;
	background-image: url(../img/strona/godlo.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-decoration:none;
	color:#FFF;
	text-shadow: 0.08em 0.08em 0.05em #555555;
}

header h2{
	font-size:1.8em;
	line-height:1.5em;
	text-align:center;
	color:#FFF;
	text-shadow: 0.08em 0.08em 0.05em #555555;
}

#kontenerMenuLang{
	font-size: 1.5em;
	position: absolute;
	top: 3em;
	right: 2em;
}


/*Część centralna strony format ogóly (w tej części wyświetlane będą informacje strony początkowej oraz
  wybrane elementy menu bocznego)*/
article#kontener{
	float: left;
	background: rgba(255,255,255,0.5);
	width: 68%;
	line-height:1.5em;
	margin-left:1em;
	margin-bottom:1em;
	margin-top:1em;
}

/*News Art*/
.artykulNews{
	width:98%;
	margin:1% 1%;
	background: rgba(255,255,255,0.4);
}

.tytul_art{
	width:100%;
	font-size:2.5em;
	line-height:3em;
	font-weight:bold;
	text-align:center;
}

.kontenerKartka{
	width: 100%;
	background: rgba(255,255,255,0.4);
	border: 1px solid #535353;
}

.zdTrescKartka{
	width: 100%;
}

#zrA, #zrV{
	margin: 0.5em 0em;
}

#zrA a, #zrV a{
	padding:0.5em;
}

audio{
	margin: 0.5em 5%;
	width: 90%
}

video{
	margin: 0.5em 5%;
	width: 90%
}


/*Artykuły*/
.artykul{
	/*width:98%;*/
	/*margin:1% 1%;*/
	/*background: rgba(255,255,255,0.4);*/
	padding:0.5em 1em;
}

.tytul_art{
	width:100%;
	font-size:2.5em;
	line-height:3em;
	font-weight:bold;
	text-align:center;
}

/*.tytul_art + p.akapit::first-letter*/
.fL{
	color: #000000;
	float: left;
	font-size: 4em;
	padding-top: 0.1em;
	padding-right: 0.2em;
	padding-left: 0.1em;
}

.akapit{
	width:100%;
	line-height:1.7em;
	text-align: justify;
	text-justify: inter-word;
	text-indent: 2em;
	margin-top:0.5em;
}

.akapit_od{
	width:100%;
	line-height:1.7em;
	text-align: justify;
	text-justify: inter-word;
	text-indent: 2em;
	padding-top: 1em;
}

.poz1Temat{
	margin-top:1em;
	width:100%;
	font-size:1.6em;
	line-height:1.8em;
	font-weight:bold;
	text-align: justify;
	text-justify: inter-word;
	text-indent: 2em;
}

.poz2Temat{
	width:100%;
	font-size:1.4em;
	line-height:1.5em;
	font-weight:bold;
	text-align: justify;
	text-justify: inter-word;
	text-indent: 3em;
}

.poz3Temat{
	width:100%;
	font-size:1.2em;
	line-height:1.5em;
	font-weight:bold;
	text-align: justify;
	text-justify: inter-word;
	text-indent: 4em;
}

.liter{
	margin-top:1em;
	width:100%;
	font-size:1em;
	line-height:2em;
	font-weight:bold;
	text-align: justify;
	text-justify: inter-word;
	text-indent: 2em;
}

.liter_list{
	list-style-type: decima;
}

.liter_akapit{
	width: 94%;
	margin-left: auto;
	font-size: 1.2em;
	line-height: 2em;
	text-align: justify;
	text-justify: inter-word;
	text-indent: 1em;
}

.przypis_list{
	margin-top: 1em;
	list-style-type: decima;
}

.przypis_akapit{
	margin-top: 1em;
	margin-left: 3%;
	width: 94%;
	font-size: 1em;
	line-height: 2em;
	text-align: justify;
	text-justify: inter-word;
	text-indent: 1em;
}

.autor{
	clear:both;
	margin: 2em;
	font-size: 1.5em;
}


/*-----------------------------------------------Obrazek w treści--------------------------------*/
.artZdT{
	margin:0.5em;
	width: 18%;
	float: left;
	background: rgba(255,255,255,0.4);
	border: 1px solid #535353;
}

#zd1,#zd3,#zd5,#zd7,#zd9,#zd11,#zd13,#zd15,#zd17,#zd19,#zd21,#zd23,#zd25,#zd27,#zd29,#zd31,#zd33,#zd35,#zd37,#zd39,#zd41,#zd43,#zd45,#zd47,#zd49,#zd51,#zd53,#zd55,#zd57,#zd59,#zd61,#zd63,#zd65,#zd67,
#zd69,#zd71,#zd73,#zd75,#zd77,#zd79,#zd81,#zd83,#zd85,#zd87,#zd89,#zd91,#zd93,#zd95,#zd97,#zd99,#zdL{
	float: right;
}

#zd2,#zd4,#zd6,#zd8,#zd10,#zd12,#zd14,#zd16,#zd18,#zd20,#zd22,#zd24,#zd26,#zd28,#zd30,#zd32,#zd34,#zd36,#zd38,#zd40,#zd42,#zd44,#zd46,#zd48,#zd50,#zd52,#zd54,#zd56,#zd58,#zd60,#zd62,#zd64,#zd66,#zd68,
#zd70,#zd72,#zd74,#zd76,#zd78,#zd80,#zd82,#zd84,#zd86, #zd88, #zd90, #zd92, #zd94, #zd96, #zd98, #zd100{
	float: felt;
}

#zdL .bigZdTresc{
	margin-top: 10em;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 98%;
	height: auto;
}

.zdTresc{
	width: 100%;
}

.opisZdT{
	width:100%;
	font-size:0.9em;
	line-height:1.6em;
	text-align:center;
	font-weight:bold;
	text-justify:inter-word;
	text-indent:0.5em;
}

.autorZdT{
	width:100%;
	font-size:0.8em;
	font-style: italic;
	line-height:1.6em;
	text-align:center;
	text-justify:inter-word;
	text-indent:0.5em;
}

.kontenerBigZdT{
	position: fixed;
    top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	z-index: 1000;
}

.bigZdTresc{
	height: 80%;
	margin-top: 2em;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.bigOpisZdT{
	width:70%;
	margin:0.3em 15% 0 15%;
	background-color: rgba(251,251,251,0.75);
	text-align:center;
	font-size:1.3em;
	line-height:1.3em;
	text-justify:inter-word;
	text-indent:0.5em;
}

.bigAutorZdT{
	width:70%;
	margin:0.3em 15% 0 15%;
	background-color: rgba(251,251,251,0.75);
	text-align:center;
	font-size:1em;
	font-style: italic;
	line-height:1.3em;
	text-justify:inter-word;
	text-indent:0.5em;
	
}

/*--------------------------------------------SZKIC/ZD-----------------------------------------------*/

.szkicZd{
	margin:2.5%;
	width:95%;
	float:left;
	background:rgba(255,255,255,0.4);
	border: 1px solid #535353;
}

.zdSzkic{
	width:100%;
}

/*--------------------------------------------MAPA-----------------------------------------------*/
#map{
	margin-top: 1em;
	margin-left: 5%;
	margin-bottom: 2em;
}

/*------------------------------------------GALERIA----------------------------------------------*/

.galeria{
	background-color: rgba(0,0,0,0.4);
}

.licznikZdWG{
	text-align:center;
	font-size:1.2em;
	margin-bottom:0.5em;
}

.kontenerGal{
	position: relative;
	width: 100%;
	text-align: center;
}

.liGalK{
	width: 5%;
	opacity: 0.5;
	transition: opacity 0.3s;
}

.liGalK:hover{
	opacity: 1;
}

.liGalKul{
	width: 90%;

}

.kontenerImg{
	width: 100%;
	margin:0 auto;
}

li.listZdG{
	width: 98%;
	margin: 1em auto;
}

.artZdG{
	max-width: 100%;
	height: auto;
}

.buttonZdG{
	font-size: 5em;
	text-shadow: 1px 1px 5px black;
	width:5%;
	opacity: 0.5;
	transition: opacity 0.3s;
	position: absolute;
	top: 50%;
}

.buttonZdGL{
	right: 1%;
}

.buttonZdGR{
	left: 1%;
}

.opisZdG{
	background-color: rgba(251,251,251,0.75);
	font-size:1.3em;
	line-height:1.3em;
	text-justify:inter-word;
	text-indent:0.5em;
}

.autorZdG{
	background-color: rgba(251,251,251,0.75);
	font-size:1em;
	font-style: italic;
	line-height:1.3em;
	text-justify:inter-word;
	text-indent:0.5em;
	margin-bottom:2em;
}


/*Strona główna nazwy kategorii*/
/*Ostatnio dodane artykuły*/
#kontener #ostatnioDodane_nazwa, #ostatnieNews_nazwa, #mapy_nazwa{
	width:100%;
	font-size: 2em;
	line-height:1.8em;
	font-weight:bold;
	text-align:center;
	background-image: url(../img/strona/tlo_zlote.jpg);
}

#kontener #ostatnioDodane_kontener, #ostatnieNews_kontener, #mapy_kontener{
	width:100%;
}

#kontener #ostatnioDodane_kontener ul, #ostatnieNews_kontener ul, #kontener #mapy_kontener ul{
	list-style-type:none;
	margin:1%;
	padding:0;
	width:98%;
	background-color:rgba(0,0,0,0.4);
}

#kontener #ostatnioDodane_kontener ul li:first-child, #ostatnieNews_kontener ul li:first-child, #mapy_kontener ul li:first-child{
	border-top:none;
}

#kontener #ostatnioDodane_kontener ul li a, #ostatnieNews_kontener ul li a, #mapy_kontener ul li a{
	font-family:'Alegreya Sans SC', sans-serif;
	display:block;
	padding:0.5em;
	line-height:1.7em;
	font-size:1.3em;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	border:1px solid #FFF;
}

#kontener #ostatnioDodane_kontener ul li a:hover, #ostatnieNews_kontener ul li a:hover, #mapy_kontener ul li a:hover{
	background:#BCBCBC;
	color:#FFFFFF;
}



/*Prawa listwa menu-boczne oraz portale społecznościowe*/
#prawa_kolumna{
	float: right;
	width: 29%;
	line-height:1.5em;
	margin-top:1em;
}


/*Menu główne wygląd ogólny*/
#kontener_menu_gl{
	max-width:1500px;
	margin: 0 auto 0 auto;
}

#menu_gl_nav{
	float:left;
	width:100%;
	background-color:rgba(0,0,0,0.4);
}

#menu_gl_ul, #menu_gl_ul.visible{
	display:table;
	width:100%;
	border: 1px solid #535353;
}

#menu_gl_ul li{
	display:table-cell;
	border-right:1px solid #535353;
}

#menu_gl_ul li:last-child{
	border-right:none;
}

#menu_gl_ul li a{
	font-family:'Alegreya Sans SC', sans-serif;
	display:block;
	height:60px;
	line-height:2em;
	font-size:1.5em;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	border:1px solid #FFF;
}

#menu_gl_ul li a:hover{
	background:#BCBCBC;
	color:#FFFFFF;
}


/*Menu boczne wygląd ogólny*/
.menu_bo_ul{
	list-style-type:none;
	margin:0;
	padding:0;
	/*border:1px solid #535353;*/
	width:95%;
	background-color:rgba(0,0,0,0.4);
}

.menu_bo_ul li{
	border-top:1px solid #535353;
}

.menu_bo_ul li:first-child{
	border-top:none;
}

.menu_bo_ul li h4{
	line-height:1.7em;
	font-size:1.4em;
	color:#FFFFFF;
	border-bottom:1px solid #FFF;
	//padding-left: 40%;
	text-align: center
}

.menu_bo_ul li a{
	font-family:'Alegreya Sans SC', sans-serif;
	display:block;
	padding:0.5em;
	line-height:1.7em;
	font-size:1.1em;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	border:1px solid #FFF;
}

.menu_bo_ul li a:hover{
	background:#BCBCBC;
	color:#FFFFFF;
}

aside{
	padding:1% 0;
	width:95%;
	background-color:rgba(0,0,0,0.4);
}

/*facebook*/
div#facebook{
	margin:2% 10%;
	width:80%;
	background-image: url("../img/strona/face_tlo.png");
}
img#logo-faceb{
	width:60%;
	margin:2% 20%;
}

div#facebook .fb-page{
	width:64%;
	margin: 1% 18%;
}

div#twiterr{
	margin:2% 10%;
	width:80%;
	background-image: url("../img/strona/twiterr_tlo.png");
}

img#logo-twit{
	width:60%;
	margin:2% 20%;
}

div#twiterr .twix{
	width:80%;
	margin: 1% 10%;
	padding-bottom:1%;
}

div#pinterest{
	margin:2% 10%;
	width:80%;
	background-image: url("../img/strona/pinterest_tlo.png");
}

img#logo-pint{
	width:60%;
	margin:2% 20%;
}

div#pinterest .pritx{
	width:80%;
	margin: 1% 10%;
}


/*Stopka strony wygląd ogólny*/
footer{
	background-image: url(../img/strona/tlo_zlote.jpg);
	height: 100px;
	clear: both;
	text-align:center;
}


@media all and (max-width:360px){
	header h1{
		font-size:2.1em;
		line-height:4.2em;
		text-align:center;
		font-weight: 600;
		word-spacing: 2.2em;
		letter-spacing: 0.05em;
	}
	
	header h1 a{
		background-position: center;
	}
	
	header h2{
		font-size:1em;
		line-height:1.2em;
		text-align:center;
		color:#FFF;
		text-shadow: 0.08em 0.08em 0.05em #555555;
	}
	
	article#kontener{
		float: none;
		width: auto;
		margin: 0 0.5em;
	}
	
	#prawa_kolumna{
		float: none;
		width: auto;
		margin: 33.5em 0.5em 0 0.5em;
	}

/*Menu główne*/	
	#kontener_menu_gl{
		margin: 0 0.5em 0 0.5em;
	}
	
	#menu_gl_ul li{
		display:grid;
		border-right:none;
		border-top:1px solid #535353;
	}
	
	#menu_gl_ul li:first-child{
		border-top:none;
	}
	
	#menu_gl_ul li a{
		font-family:'Alegreya Sans SC', sans-serif;
		display:block;
		height:50px;
		line-height:2em;
		font-size:1.5em;
		color:#fff;
		text-align:center;
		text-decoration:none;
		border:1px solid #FFF;
	}
	
	/*Menu boczne*/
	.menu_bo_ul{
		width:100%;
	}
	
	.tytul_art{
		width:100%;
		font-size:1.5em;
		line-height:3em;
		font-weight:bold;
		text-align:center;
	}
	
	.tytul_art + p::first-letter{
		color: #000000;
		float: left;
		font-size: 2em;
		padding-top: 0.1em;
		padding-right: 0.2em;
		padding-left: 0.1em;
	}
	
	.akapit{
		width:100%;
		font-size:1em;
		line-height:1.5em;
		text-align: justify;
		text-justify: inter-word;
		text-indent: 2em;
	}
	
	.akapit_od{
		width:100%;
		font-size:1em;
		line-height:1.5em;
		text-align: justify;
		text-justify: inter-word;
		text-indent: 2em;
		padding-top: 1em;
	}
	
	.poz1Temat{
		width:100%;
		font-size:1.2em;
		line-height:1.8em;
		font-weight:bold;
		text-align: justify;
		text-justify: inter-word;
		text-indent: 1em;
	}

	.poz2Temat{
		width:100%;
		font-size:1.1em;
		line-height:1.5em;
		font-weight:bold;
		text-align: justify;
		text-justify: inter-word;
		text-indent: 1.5em;
	}

	.poz3Temat{
		width:100%;
		font-size:1em;
		line-height:1.5em;
		font-weight:bold;
		text-align: justify;
		text-justify: inter-word;
		text-indent: 2em;
	}
	
	figure{
		width: 100%;
		float:none;
		border: 1px solid #535353;
	}

}

@media all and (min-width:361px) and (max-width:800px){
	header h1{
		font-size:2.3em;
		line-height:4.2em;
		text-align:center;
		font-weight: 600;
		word-spacing: 2.2em;
		letter-spacing: 0.05em;
	}
	
	header h1 a{
		background-position: center;
	}
	
	header h2{
		font-size:1.1em;
		line-height:1.2em;
		text-align:center;
		color:#FFF;
		text-shadow: 0.08em 0.08em 0.05em #555555;
	}
	
	article#kontener{
		float: none;
		width: auto;
		margin: 0 0.5em;
	}
	
	#prawa_kolumna{
		float: none;
		width: auto;
		margin: 33.5em 0.5em 0 0.5em;
	}
	
/*Menu główne*/
	#kontener_menu_gl{
		margin: 0 0.5em 0 0.5em;
	}
	
	#menu_gl_ul li{
		display:grid;
		border-right:none;
		border-top:1px solid #535353;
	}
	
	#menu_gl_ul li:first-child{
		border-top:none;
	}
	
	#menu_gl_ul li a{
		font-family:'Alegreya Sans SC', sans-serif;
		display:block;
		height:50px;
		line-height:2em;
		font-size:1.5em;
		color:#fff;
		text-align:center;
		text-decoration:none;
		border:1px solid #FFF;
	}
	
	/*Menu boczne*/
	.menu_bo_ul{
		width:100%;
	}
	
	/*Galeria Art*/
	.buttonZdG{
		text-shadow: none;
		width: 0.7em;
		opacity: 0.5;
		transition: opacity 0.3s;
		position: absolute;
		top: 50%;
	}

	.buttonZdGL{
		right: 0;
	}

	.buttonZdGR{
		left: 0;
	}
}

@media all and (min-width:801px) and (max-width:1358px){
	header h1{
		font-size:5em;
		line-height:1.7em;
		text-align:center;
		font-weight: 700;
		word-spacing: 1.2em;
		letter-spacing: 0.05em;
	}

/*Menu główne*/	
	#menu_gl_ul li a{
		height:40px;
		line-height:2.4em;
		font-size:1em;
	}
	
	/*Menu boczne*/
	.menu_bo_ul{
		width:100%;
	}
	
	/*Galeria Art*/
	.buttonZdG{
		text-shadow: none;
		width: 0.8em;
		opacity: 0.5;
		transition: opacity 0.3s;
		position: absolute;
		top: 50%;
	}

	.buttonZdGL{
		right: 0;
	}

	.buttonZdGR{
		left: 0;
	}
}




/*
480px-30em
640px-40em
800px-50em
960px-60em
1200px-75em
1280px-80em
*/