body  {
	font-family: Helvetica;
	font-size: 14px;
        color: #ffffff;
	margin-top:0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	background-image: url('tlo.jpg');
	height:100%;
	background-attachment: fixed;}

a.komiks{display:block; width: 56px; height: 15px; background: url(komiks.png); position: relative; left: 40px;}

a.grafika{display:block; width: 60px; height: 15px; background: url(grafika.png); position: relative; left: 186px; top:-15px;}

a.tekst{display:block; width: 49px; height: 15px; background: url(tekst.png); position: relative; left: 336px; top:-30px;}

a.film{display:block; width: 38px; height: 15px; background: url(film.png); position: relative; left: 475px; top:-45px;}

a.encyklopedia{display:block; width: 108px; height: 15px; background: url(encyklopedia.png); position: relative; left: 603px; top:-60px;}

a.comic{display:block; width: 60px; height: 15px; background: url(comics.png); position: relative; left: 40px;}

a.pictures{display:block; width: 77px; height: 15px; background: url(pictures.png); position: relative; left: 190px;top:-15px;}

a.video{display:block; width: 41px; height: 15px; background: url(video.png); position: relative; left: 355px; top:-30px;}

a.encyclopaedia{display:block; width: 120px; height: 15px; background: url(encyclopaedia.png); position: relative; left: 486px; top: -45px;}

p	{/*Do wszystkiego*/
	font-family: Helvetica;
	font-size: 14px;
	color: #ffffff;
	margin-top:0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}

a.fort {display: block; width: 82px; height: 97px; background: url(fortya.png); position: relative; left: 19px; top:10px;}

a.flagaen {display: block; width: 52px; height: 40px; background: url(flag1_set.png); position: relative; left: 34px; top:45px;}
a.flagaen:hover { display: block; width: 52px; height: 40px; left: 34px; top:35px;  background-position: 0 -40px; }

a.flagapl {display: block; width: 52px; height: 40px; background: url(flag2_set.png); position: relative; left: 34px; top:45px; }
a.flagapl:hover { display: block; width: 52px; height: 40px; left: 34px; top:35px;  background-position: 0 -40px; }

a.trentpl, a.trenten{ display: block; width: 88px; height: 70px; background: url(fb_set.png); position: relative; left: 16px; top:65px; }
a.trentpl:hover { display: block; width: 88px; height: 70px; left: 16px; top:55px;  background-position: 0 -70px; }
a.trenten:hover { display: block; width: 88px; height: 70px; left: 16px; top:55px;  background-position: 0 -140px; }

a.toplista { display: block; width: 46px; height: 38px; background: url(top_set.png); position: relative; left: 37px; top:85px; }
a.toplista:hover { display: block; width: 46px; height: 38px; left: 37px; top:75px;  background-position: -1px -38px; }

a.autoren, a.autorpl { display: block; width: 72px; height: 79px; background: url(autor_set.png); position: relative; left: 24px; top:105px;}
a.autorpl:hover { display: block; width: 72px; height: 79px; left: 24px; top:95px;  background-position: 0 -79px; }
a.autoren:hover { display: block; width: 72px; height: 79px; left: 24px; top:95px;  background-position: 0 -158px;}

a.linkien, a.linkipl { display: block; width: 84px; height: 72px; background: url(link_set.png); position: relative; left: 16px; top:125px;}
a.linkipl:hover { display: block; width: 84px; height: 72px; left: 16px; top:115px;  background-position: 0 -72px; }
a.linkien:hover { display: block; width: 84px; height: 72px; left: 16px; top:115px;  background-position: 0 -144px;}

div.top-menu{/*Górne menu, wspólne dla wszystkich*/
	position: fixed;
	padding-top: 10px;
	top:0px;
	left:100px;
	background-color: #000000;
	width: 100%;
	height: 25px;
	z-index: 5;}

div.left-menu {/*Lewe menu, wspólne dla wszystkich*/
	background: #000000;
	position: fixed;	
	top:0px;
	left:0px;
	width: 120px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	z-index:4;}

div.pasek{/*Pasek pod górnym menu, wspólne dla wszystkich*/
	position: fixed;
	top:35px;
	left:120px;
	background-color: #777777;
	width: 100%;
	height: 3px;
	overflow: hidden;
	z-index:5;}

ul	{
	list-style-type:none;}

img	{
	border-width: 0;
	border-color: #000000;}

a      {
	text-decoration: none;
        color: #aaaaaa;
        font-family: Helvetica;
        font-weight: bold;}

a:hover {
	text-decoration: underline;}         

a:visited {
	color: #888888;}

h1     {
	color: #f8df94;
        text-align: center;
        font-family: Arial, Helvetica;
        font-size: 24px;
        font-weight: bold;}

h2     {/*Używane przy podawaniu autorów*/
	position:relative;
	left:-200px;
	top:37px;}

h3 {/*Używane przy tekstach, filmach jako tytuł sekcji*/
	text-align: center;}

img.strzalka{/*Strzałki w komiksie i grafice*/
	padding-top:20px;
	padding-bottom:20px;}

span.tab{/*Tab*/
	position:relative;
	left:20px;}

/*==============================================*/

/*=============Index==============*/

div.index_main {/*Główna strona, 1 kolumna*/
	position: absolute;
	left: 140px;
	top:100px;	
	height: 100%;
	width: 300px;
	margin-bottom:25px;}

div.index_main2 {/*Główna strona, 2 kolumna*/
	position: absolute;
	margin-left: 490px;
	top:100px;	
	height: 100%;
	width: 350px;
	margin-bottom:25px;}

img.index_header{
	border-width: 0;
	border-color: #000000;
	padding-top:30px;
	padding-bottom:10px;}

p.index_news, p.index_opis {/*News w indexie*/
	padding-bottom: 20px;
	text-align:left;}

p.index_data {/*Data w indexie*/
	font-size: 13px;
	color: #bbbbbb;
	}

/*=============Komiks=============*/

body.komiks_menu{/*Boczne menu w komiksach*/
	background-color:transparent;
	background-position: -120px -36px;
	margin-bottom:100px;}





div.komiks_main{/*Główny styl na stronie z komiksem*/
	margin-top:100px;
	margin-left: 600px;
	height: 100%;
	width: 300px;
	margin-bottom:25px;}

iframe.komiks_menu{/*Ramka w menu komiksowe*/
	width: 200px;
	height:100%;
	z-index: 3;
	position: fixed;
	top:36px;
	left:120px;
	border-width:1px;
	display:block;}

img.komiks_main{/*Obrazki na głównej komiksowej*/
	position:relative;
	margin-left: -250px;
	float:left;}

img.komiks_menu{/*Obrazki bocznym w menu komiksowym*/
	padding-top:30px;}

img.linki_banery{/*Obrazki bocznym w menu komiksowym*/
	padding-top:30px;}

p.komiks_opis {/*Opis sekcji w komiksach*/
	padding-bottom: 10px;}


p.komiks_title {/*Tytuły sekcji w komiksach*/
	font-variant: small-caps;
	margin-top:0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	}

ul.komiks_menu{/*Boczne menu komiksowe, na razie nie używane*/
	}

/*============Grafika=============*/

div.grafika_main {/*Główna w grafice*/
	position: relative;
	margin-left: 340px;
	top:100px;	
	height: 100%;
	width: 800px;}

div.grafika_nav{/*Nawigacja w grafice*/
	padding-top:5px;
	padding-bottom:5px;
	position:fixed;
	margin-top:200px;
	margin-left: 140px;
	height: 100%;
	width: 50px;
	text-align:center;}

div.komiks_nav{/*Nawigacja w komiksie*/
	padding-top:5px;
	padding-bottom:5px;
	position:fixed;
	margin-top:160px;
	margin-left: 140px;
	height: 100%;
	width: 50px;
	text-align:center;}


div.galeria{/*Strona w galerii*/
	margin-left: 200px;
	margin-top: 50px;
	height: 100%;
	margin-bottom:25px;
	width:auto;}

div.komiks{/*Strona w komiksie*/
	margin-left: 200px;
	margin-top: 50px;
	height: 100%;
	margin-bottom:25px;
	width:auto;}

div.podpis{ /*Podpis w galerii*/
	position:relative;
	bottom:15px;
	left:20px;}

img.ramka{/*ramka w galerii*/
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border: 15px solid rgba(100, 100, 100, 0.6);}

/*=============Teksty=============*/

div.tekst_main {/*Główna strona*/
	position: relative;
	margin-left: 340px;
	top:100px;	
	height: 100%;
	width: 800px;}

div.tekst_submain {/*Sekcje w tekstach*/
	margin-bottom:40px;
	width: 425px;}

p.tekst_title {/*Tytuły tekstów*/
	font-size:110%;}

p.tekst_opis {/*Opis tekstów*/
	padding-bottom:20px;}

/*===========Encyklopedia=========*/

div.encyklopedia_alfabet{/*Alfabet w encyklopedii*/
	background-image: url('tlo.jpg');
	background-color:transparent;
	background-position: -150px -36px;
	top:36px;
	height:42px;
	left:150px;
	font-size:20px;
	width:100%;
	position:fixed;
	z-index:2;}

div.encyklopedia_alfabet-dol{/*Obniżenie liter*/
	top:10px;
	position: absolute;
	bottom: 0;}

div.encyklopedia_indeks{/*Indeks w encyklopedii*/
	top:75px;
	left:100px;
	width:200px;
	position:fixed;
	z-index:3;}

div.encyklopedia_haslo{/*Hasło w encyklopedii*/
	top:87px;
	left:450px;
	width:400px;
	margin-left:10px;
	position:relative;
	z-index:0;
	margin-bottom:25px;}

div.encyklopedia_historia{/*Historia w encyklopedii*/
	top:75px;
	left:750px;
	width: 300px;
	margin-left:10px;
	position:relative;
	z-index:0;
	margin-bottom:25px;}

div.encyklopedia_obrazek{/*Obrazek w encyklopedii*/
	left:320px;
	width: 150px;
	position:relative;
	top:250px;
	z-index:0;}

div.encyklopedia_sekcja{/*Sekcja w encyklopedii*/
	margin-top:-150px;}

p.encyklopedia_title {/*Tytuły sekcji w encyklopedii*/
	font-variant: small-caps;
	margin-top:0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	}

p.encyklopedia_name {/*Tytuły sekcji w encyklopedii*/
	font-weight:bold;
	font-variant: small-caps;
	margin-top:0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	}

p.encyklopedia_opis {/*Opis w encyklopedii*/
	padding-bottom: 10px;
	}

ul.encyklopedia_menu{/*Boczne menu encyklopedyczne, na razie nie używane*/
			}

ul.encyklopedia_linki{/*Linki encyklopedyczne*/
	position:relative;
	top:-24px;
	left:-40px;}

/*==============Filmy=============*/

div.film_main {/*Filmy – Główna strona*/
	position: relative;
	margin-left: 200px;
	top:100px;	
	height: 100%;
	width: 600px;}

iframe.film_duzy{/*filmy 560 z YouTube'a*/
	padding-top:20px;
	padding-bottom:10px;
	position:relative;
	left:20px;}

iframe.film_maly{/*filmy 420z YouTube'a*/
	padding-top:20px;
	padding-bottom:10px;
	position:relative;
	left:90px;}

p.film_opis {/*Opis filmów z kategorii Inne*/
	padding-bottom:20px;}

p.film_podtytul{/*Filmy z kategorii Inne*/
	text-align:center;
	font-weight:bold;}

p.film_autor {/*Autor w filmach*/
	font-variant: small-caps;
	margin-top:0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;}
	
/*===========Autorzy==============*/

div.autor_main {/*Główna strona w autorach*/
	position: relative;
	margin-left: 340px;
	top:100px;	
	height: 100%;
	width: 800px;}

div.autor_submain {/*Sekcje w autorach*/
	margin-bottom:10px;
	width: 425px;}

li.autor_thanks{/*Lista zasłużonych w autorach*/
	margin: 14px 0;
	}

p.autor_title {/*Tytuły sekcji w autorach*/
	font-variant: small-caps;
	margin-top:0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	}

p.autor_opis {/*Opis w autorach*/
	padding-bottom: 10px;}

/*=============Linki==============*/

div.linki_main {/*Główna strona w autorach*/
	position: relative;
	margin-left: 340px;
	top:100px;	
	height: 100%;
	width: 800px;}

div.linki_submain {/*Sekcje w autorach*/
	margin-bottom:20px;}