* {margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif;}
body {background: black; width: 100%:}
ul {list-style: none;}
a {color: white; text-decoration: none;}
img {border: 0px;}

#strona {width: 778px; margin-left: auto; margin-right: auto;}
.banner {width: 778px; height: 215px; background: url(grafika/banner.png); background-repeat: no-repeat;}
.menu div {float: left; background: white;}
.menu li {text-align: center; font-size: 12px; float: left; margin-left: 1px; display: block; height: 24px; color: white; background: url(grafika/menuBg.png);}
.menu li.hover {background: url(grafika/menuBgHover.png)}
.menu li a {display: block; width: 100%; height: 100%;}
.menu ul div {margin: 0px; height: 24px; width: 579px;}
.menu li a span {position: relative; top: 4px; display: block; margin-left: auto; margin-right: auto;}
.menu .menuLewa {width: 146px; height: 24px; background: url(grafika/menuLewa.png); background-repeat: no-repeat;}
.menu .pierwsza {margin-left: 0px;}
.menu .ostatnia {margin-right: 0px;}
.menu .menuPrawa {width: 53px; height: 24px; background: url(grafika/menuPrawa.png) no-repeat; margin-right: 1px;}

#info {background: url(grafika/info.png); width: 100%; height: 25px; font-size: 12px; position: fixed; top: 0px; left: 0px; color: white;}
#info marquee {margin-top: 2px;}

#lewa {float: left; width: 361px;}
#lewa .pierwsza {width: 361px; height: 153px; background: url(grafika/lewaPierwsze.png) no-repeat;}
#lewa .druga {width: 361px; height: 183px; background: url(grafika/lewaDrugie.png) no-repeat;}
#lewa .druga .rstyle {position: relative; bottom: 20px; margin-left: 20px; opacity: 0.3;}
#lewa .druga .pf {margin-top: 25px; margin-left: 20px; opacity: 0.3;}
#lewa .trzecia {width: 361px; height: 281px; background: url(grafika/lewaTrzecie.png) no-repeat;}
#lewa .dol {width: 361px; height: 44px; background: url(grafika/lewaDol.png) no-repeat;}

#lewa .galeria {width: 330px; height: 260px; background: url(grafika/ramka.png) no-repeat; float: left; margin-top: 10px; margin-left: 20px;}
#lewa .galeria .fotka {margin-top: 8px; margin-left: 8px; overflow: hidden; width: 313px; height: 244px;}

#prawa {float: left; background: url(grafika/prawa.png) no-repeat; color: #10401d; height: 661px; width: 417px;}
#prawa span.strona {float: left; margin-top: 30px; margin-bottom: 10px; color: #156f2e; width: 200px;}

#prawa a {color: #156f2e;}
#prawa a:hover {color: #156f2e;}
#prawa a:visited {color: #156f2e;}
#prawa a:hover {color: #156f2e;}
#prawa a:focus {color: #156f2e;}
#prawa #home .newsy {margin-top: 5px; margin-left: 25px; margin-right: 10px; float: left; width: 230px; height: 600px; line-height: 16px;}
#prawa #home .archiwum {margin-top: 10px; float: left; width: 130px; height: 120px;}
#prawa #home .partnerzy {margin-top: 10px; float: left; width: 130px; height: 370px;}
#prawa #home .zobacz {margin-top: 10px; float: left; width: 130px; height: 90px;}
#prawa #home .news {float: left;}
#prawa #home .tytul {font-size: 15px; font-weight: bold;}
#prawa #home .intro {font-size: 14px; text-indent: 10px;}
#prawa #home .news {margin-top: 20px; margin-bottom: 10px; font-family: fajna_czcionka, Arial, Sans-serif;}
#prawa #home .przelacznik {font-size: 12px; float: left; text-align: center; margin-top: 20px; width: 100%;}
#prawa #home .przelacznik span {margin-left: 5px; margin-right: 5px;}
#prawa #home .przelacznik .aktualna {margin: 0px; font-size: 15px; font-weight: bold;}
#prawa #home .my {position: absolute; width: 230px; height: 30px; top: 815px;}
#prawa #home .my a {margin-left: 30px;}

#prawa .zobacz img {display: block; margin-top: 8px; margin-left: auto; margin-right: auto;}

#prawa .archiwum {line-height: 15px; overflow: auto;}
#prawa .archiwum .archiwa {margin-top: 5px; font-weight: bold;}
#prawa .archiwum a {font-size: 12px; margin-left: 5px;}

#prawa .partner {overflow: auto;}
#prawa .partner img {margin-left: auto; margin-right: auto; width: 125px; margin-top: 10px;}

#news {float: left; width: 778px; height: 662px; margin-top: -1px; background: url(grafika/newsTlo.png);}
#news .tytul {height: 50px; width: 600px; margin-left: 130px; margin-top: 20px; font-size: 25px; font-weight: bold; text-align: center;}
#news .intro {height: 30px; width: 600px; margin-left: 120px; margin-top: -10px; font-size: 12px;}
#news .tresc {height: 525px; margin-left: auto; margin-right: auto; width: 700px; margin-top: 5px; overflow: auto;}

#ff img {margin-top: 5px; margin-left: 5px;}

#o img.tytul {margin-top: 30px; margin-left: 60px;}
#o .my {background: url(grafika/o.png); width: 407px; height: 617px;}
#o .my span {cursor: pointer;}
#o .my span div {display: none;}
#o .rs {float: left; width: 219px; height: 125px; display: block; position: relative; top: 72px; left: 79px;}
#o .af {float: left; width: 130px; height: 130px; display: block; position: relative; top: 268px; right: 52px;}
#o .mb {float: left; width: 130px; height: 130px; display: block; position: relative; top: 326px; left: 244px;}
#o .wg {float: left; width: 130px; height: 130px; display: block; position: relative; top: 281px; right: 116px;}
div.jqi .jqimessage .lewa {width: 120px; font-weight: bold;}
div.jqi .jqimessage {max-height: 300px; overflow: auto;}

#kontakt {width: 407px; height: 617px; background: url(grafika/kontakt.png);}

#nauka .tytul {margin-top: 30px; display: block; margin-left: auto; margin-right: auto;}
#nauka .nauka {font-size: 12px; color: black; width: 370px; height: 550px; margin-left: auto; margin-right: auto; margin-top: 10px; overflow: auto;}

#galeria {float: left; background: url(grafika/galeria.png); width: 407px; height: 625px;}
#galeria .zdjecia {position: relative; margin-left: auto; margin-right: auto; top: 60px; width: 400px; height: 550px; overflow: auto;}
#galeria .zdjecia img {margin: 10px;}

#filmy {width: 407px; height: 625px; background: url(grafika/filmy.png);}
#filmy .wybor .solowe {display: block; width: 140px; height: 70px; position: relative; top: 135px; left: 200px;}
#filmy .wybor .rstyle {display: block; width: 160px; height: 70px; position: relative; top: 240px; left: 20px;}
#filmy .wybor .feat {display: block; width: 140px; height: 167px; position: relative; top: 120px; left: 267px;}
#filmy .wybor .inne {display: block; width: 140px; height: 139px; position: relative; top: 180px; left: 20px;}

#filmy .filmy .tytul {display: block; margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 20px;}
#filmy .filmy .filmik {font-size: 12px; width: 120px; display: block; margin: 3px; float: left; text-align: center; height: 160px;}
#filmy .filmy .filmik span {display: block; width: 100%; height: 100%%;}
#filmy .filmy .filmik img {display: block; margin-left: auto; margin-right: auto; margin-top: 5px;}
#filmy .filmy .nazwa {margin: 5px;}
#filmy .filmy .filmiki {float: left; width: 400px; height: 500px; overflow: auto;}
#filmy .filmy .powrot {float: left; width: 100%; margin-top: 20px; text-align: center;}

#pa {float: left; width: 778px; height: 662px; margin-top: -1px; background: url(grafika/newsTlo.png);}
#pa #logowanie {margin-left: auto; margin-right: auto; width: 300px; text-align: center; margin-top: 150px;}
#pa #logowanie li {margin: 10px;}
#pa #logowanie .pa {font-size: 30px; font-weight: bold; margin-bottom: 30px;}
#pa #logowanie .by {font-size: 10px; margin-top: 200px;}

#pa .paMenu a {color: black; width: 100%; height: 100%; display: block;}
#pa .paMenu li {margin: 5px; border: 1px black solid;}
#pa .paMenu li:hover {background: gray;}
#pa .paMenu {float: left; width: 130px; overflow: auto; height: 520px; margin-top: 100px; margin-left: 10px; font-size: 13px; text-align: center; overflow: auto;}

#pa .stats {float: left; margin-top: 100px; margin-left: 100px;}
#pa .stats h1 {margin-bottom: 20px;}

#pa div.pa {height: 620px; width: 625px; margin-left: 140px; overflow: auto; font-size: 14px;}

#pa .TinyMCE textarea {float: left; width: 600px; max-width: 600px; background: white;}
#pa .przycisk {text-align: center; width: 600px;}
#pa .opcja {margin-bottom: 50px;}
#pa .pa h1 {margin-top: 30px; margin-bottom: 20px;}
#pa .inputy {float: left; text-align: right;}
#pa .inputy input[type=text] {margin-right: 10px; width: 500px; margin-left: 5px;}
#pa .laduj {text-align: center;}

#pa .dodajNewsa {float: left;}
#pa .dodajNewsa li {margin-top: 10px;}

#pa .select select {width: 600px; margin-bottom: 10px;}

#pa .dodajFilm table {margin-left: auto; margin-right: auto; margin-top: 20px;}
#pa .dodajFilm li .kat li {margin-left: 20px; margin-bottom: 5px;}
#pa .dodajFilm li {margin-bottom: 20px;}
#pa .check {text-align: center;}

#pa .dodajArchiwum li {margin-bottom: 10px;}
#pa .dodajPartnera li {margin-bottom: 10px;}
#pa .dodajAdmina li {margin-bottom: 10px;}
#pa .dodajAdmina li ul li {margin-bottom: 5px; margin-left: 5px;}

#pa .edytujAdmina .head {text-align: center; font-size: 12px; font-weight: bold;}
#pa .edytujAdmina input[name=login] {width: 100px;}
#pa .edytujAdmina input[name=haslo] {width: 280px;}
#pa .edytujAdmina input[name=poziom] {width: 80px;} 
#pa .dodajAdmina .hash {font-size: 12px;}

#pa .edytujONas .gora {font-weight: bold; text-align: center;}


#promo {width: 287px; height: 257px; background: url(grafika/promo.png); position: fixed; right: -235px; top: 200px; z-index: 100;}
#promo .handle {cursor: pointer; width: 52px; height: 163px; float: left; margin-top: 15px;}
#promo a {width: 232px; height: 254px; display: block; position: relative; top: 1px; left: 53px;}




.jqifade{
	position: absolute; 
	background-color: black; 
}
div.jqi{ 
	width: 400px; 
	margin-top: 10%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	position: absolute; 
	background-color: #ffffff;
	font-size: 11px; 
	text-align: left; 
	border: solid 1px #eeeeee;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 7px;
}
div.jqi .jqicontainer{font-weight: bold;}
div.jqi .jqiclose{position: absolute;
	top: 4px; right: -2px; 
	width: 18px; 
	cursor: default; 
	color: #bbbbbb; 
	font-weight: bold; 
}
div.jqi .jqimessage{ 
	padding: 10px; 
	line-height: 20px; 
	color: #444444; 
	margin-top: 15px;
}

div.jqi .jqibuttons{ 
	text-align: right; 
	padding: 5px 0 5px 0; 
	border: solid 1px #eeeeee; 
	background-color: #f4f4f4;
	display: none;
}
div.jqi button{ 
	padding: 3px 10px;
	margin: 0 10px; 
	background-color: #2F6073; 
	border: solid 1px #f4f4f4; 
	color: #ffffff; 
	font-weight: bold; 
	font-size: 12px; 
}
div.jqi button:hover{ 
	background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{ 
	background-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{ 
	background-color: #BF5E26;
}

