td,div,body{font-family:arial,sans-serif;font-size:16px;font-weight:200;font-stretch: expanded}
body{color:#000000;margin:0px;padding:0px;text-align:center}
a {text-decoration:none}
p {margin-top:0px}

#page {width:1024px;margin:0px auto;text-align:left}

/* main page */
#menu {position:absolute;left:78px;top:38px}
#menuo {position:absolute;left:132px;top:187px}
#logo_main_page {position:absolute;left:5px;top:0px}
#dzien_dobry {position:absolute;left:835px;top:187px}
#kontakt {position:absolute;left:185px;top:415px}
#oczy {position:absolute;left:587px;top:142px}
#srodek {position:absolute;left:301px;top:224px}

/* sub page */
#head {position:relative;height:250px}
#main {position:relative;margin:0px;padding:0px}
#logosubpage {position:absolute;left:685px;top:0px}
#smallmenu {position:absolute;left:0px;top:0px}
#smallmenuo {position:absolute;left:56px;top:0px}
#smallmenusrodek {position:absolute;left:158px;top:0px}
#footer {margin-top:-9px;width:100%;min-width:1024px;height:50px;background-image:url('gfx/stopka.png');background-repeat:repeat-x}
#footercontent {width:1024px;margin:0px auto;text-align:left;padding-top:12px}

.redakcja td {vertical-align:top;font-family:'Comic Sans MS'}

.onas {position:relative;width:1024px;height:489px;background-image:url('gfx/ramkaonas.jpg');background-repeat:no-repeat;background-position:56px 0px}
.onastext {position:absolute;left:210px;top:55px;width:548px;height:338px;padding-right:6px;overflow:auto}

.dziendobry {position:relative;left:11px;margin-top:50px;width:1006px;height:456px;background-image:url('gfx/dziendobryodwz.jpg')}
.dziendobry .ramka {position:absolute;left:431px;top:62px;width:412px;height:332px;padding:4px;overflow:auto}

/* strona numeru */
.numer {position:relative;width:1024px;background-image:url('gfx/numeryarch.jpg');background-repeat:no-repeat;background-attachment:inherit;background-position:right bottom}
.numer .archiwum {position:absolute;right:32px;bottom:13px}
.numer .column table {max-width:330px}
.numer .column td {height:58px;vertical-align:middle;padding:0px;margin:0px}
.numer .column img {float:left;margin-right:8px}
.numer .column a {color:#ffffff;font-size:18px}
.etykietanumeru {width:312px;height:204px;padding:24px 16px 16px 100px;background-image:url('gfx/numer.jpg');color:#ffffff}

/* subpages with frames */
.title {position:absolute;left:26px;top:17px;font-size:24px;font-weight:bold;color:#ffffff}
.statusline {position:absolute;left:26px;top:415px;width:658px}

.ramka {position:absolute;left:292px;top:55px;width:706px;height:445px}
.ramka img {vertical-align:middle;margin-right:6px;margin-bottom:6px}
.srodek {position:absolute;left:26px;top:55px;width:646px;height:347px;overflow:auto;padding:6px}

#answers {position:absolute;left:24px;bottom:308px}
#answer {position:absolute;padding:10px;border:4px solid #dd86f6;background:#ffffff}

#description {position:absolute;padding:10px;border:2px solid #000000;background:#ffffff;color:#000000}
.authors {margin:-4px}
.authors td {font-style:italic;font-size:12px}

#play {position:absolute;left:938px;top:8px;cursor:pointer}

/* wierszorymy */
#wierszorymy {position:relative;width:1024px;height:509px;background-image:url('gfx/zyrafa.jpg');background-repeat:no-repeat;background-attachment:inherit;background-position:left bottom}
#wierszorymy .ramka {background-image:url('gfx/ramka1.jpg')}
#wierszorymy .title {color:#ffffff}
#wierszorymy .srodek {color:#000000;background:#ffffff}

/* słuchajki */
#sluchajki {position:relative;width:1024px;height:509px;background-image:url('gfx/wiewiorka.jpg');background-repeat:no-repeat;background-attachment:inherit;background-position:left bottom}
#sluchajki .ramka {background-image:url('gfx/ramka2.jpg')}
#sluchajki .title {color:#ffffff}
#sluchajki .srodek {color:#000000;background:#ffffff}

/* mniammniam */
#mniammniam {position:relative;width:1024px;height:509px;background-image:url('gfx/kaczucha.jpg');background-repeat:no-repeat;background-attachment:inherit;background-position:left bottom}
#mniammniam .ramka {background-image:url('gfx/ramka3.jpg')}
#mniammniam .title {color:#ffffff}
#mniammniam .srodek {color:#000000;background:#ffffff}

/* zgadule */
#zgadule {position:relative;width:1024px;height:509px;background-image:url('gfx/kocur.jpg');background-repeat:no-repeat;background-attachment:inherit;background-position:left bottom}
#zgadule .ramka {background-image:url('gfx/ramka4.jpg')}
#zgadule .title {color:#ffffff}
#zgadule .srodek {color:#000000;background:#ffffff}

/* opowiastki */
#opowiastki {position:relative;width:1024px;height:509px;background-image:url('gfx/slon.jpg');background-repeat:no-repeat;background-attachment:inherit;background-position:left bottom}
#opowiastki .ramka {background-image:url('gfx/ramka5.jpg')}
#opowiastki .title {color:#ffffff}
#opowiastki .srodek {color:#000000;background:#b4d0ff}

/* zdolnelapki */
#zdolnelapki {position:relative;width:1024px;height:509px;background-image:url('gfx/pajeczyca.jpg');background-repeat:no-repeat;background-attachment:inherit;background-position:left bottom}
#zdolnelapki .ramka {background-image:url('gfx/ramka6.jpg')}
#zdolnelapki .title {color:#ffffff}
#zdolnelapki .srodek {color:#000000;background:#ffffff}

/* przyroda */
#przyroda {position:relative;width:1024px;height:509px;background-image:url('gfx/zubrzyca.jpg');background-repeat:no-repeat;background-attachment:inherit;background-position:left bottom}
#przyroda .ramka {background-image:url('gfx/ramka7.jpg')}
#przyroda .title {color:#ffffff}
#przyroda .srodek {color:#000000;background:#ffffff}

/*utwory */
.utwor {margin:20px 0px 0px 170px;padding-bottom:10px}
.tytul {position:relative;width:814px;height:43px;padding-left:19px;padding-top:18px;font-weight:bold;font-size:24px;color:#ffffff}
.body {width:833px}
.text {width:788px;margin-left:19px;padding:6px}
.text .described {font-weight:bold}
.status {width:800px;height:49px;padding:3px 14px 0px 19px}

/* wierszyk */
#wierszyk {position:relative;width:1024px;background-image:url('gfx/zyrafa_mala.jpg');background-repeat:no-repeat;background-attachment:inherit;background-position:left bottom}
#wierszyk .tytul {background-image:url('gfx/ramka1head.jpg')}
#wierszyk .body {background-image:url('gfx/ramka1body.jpg');background-repeat:repeat-y}
#wierszyk .status {background-image:url('gfx/ramka1foot.jpg')}

/* słuchajka */
#sluchajka {position:relative;width:1024px;background-image:url('gfx/wiewiorka_mala.jpg');background-repeat:no-repeat;background-attachment:inherit;background-position:left bottom}
#sluchajka .tytul {background-image:url('gfx/ramka2head.jpg')}
#sluchajka .body {background-image:url('gfx/ramka2body.jpg');background-repeat:repeat-y}
#sluchajka .status {background-image:url('gfx/ramka2foot.jpg')}

/* przepis */
#przepis {position:relative;width:1024px;background-image:url('gfx/kaczucha_mala.jpg');background-repeat:no-repeat;background-attachment:inherit;background-position:left bottom}
#przepis .tytul {background-image:url('gfx/ramka3head.jpg')}
#przepis .body {background-image:url('gfx/ramka3body.jpg');background-repeat:repeat-y}
#przepis .status {background-image:url('gfx/ramka3foot.jpg')}

/* zagadaka */
#zagadka {position:relative;width:1024px;background-image:url('gfx/kocur_maly.jpg');background-repeat:no-repeat;background-attachment:inherit;background-position:left bottom}
#zagadka .tytul {background-image:url('gfx/ramka4head.jpg')}
#zagadka .body {background-image:url('gfx/ramka4body.jpg');background-repeat:repeat-y}
#zagadka .status {background-image:url('gfx/ramka4foot.jpg')}

/* opowiadanie */
#opowiadanie {position:relative;width:1024px;background-image:url('gfx/slon_maly.jpg');background-repeat:no-repeat;background-attachment:inherit;background-position:left bottom}
#opowiadanie .tytul {background-image:url('gfx/ramka5head.jpg')}
#opowiadanie .body {background-image:url('gfx/ramka5body.jpg');background-repeat:repeat-y}
#opowiadanie .status {background-image:url('gfx/ramka5foot.jpg')}

/* tutorial */
#tutorial {position:relative;width:1024px;background-image:url('gfx/pajeczyca_mala.jpg');background-repeat:no-repeat;background-attachment:inherit;background-position:left bottom}
#tutorial .tytul {background-image:url('gfx/ramka6head.jpg')}
#tutorial .body {background-image:url('gfx/ramka6body.jpg');background-repeat:repeat-y}
#tutorial .status {background-image:url('gfx/ramka6foot.jpg')}

/* opowiadania o przyrodzie */
#edukacja {position:relative;width:1024px;background-image:url('gfx/zubrzyca_mala.jpg');background-repeat:no-repeat;background-attachment:inherit;background-position:left bottom}
#edukacja .tytul {background-image:url('gfx/ramka7head.jpg')}
#edukacja .body {background-image:url('gfx/ramka7body.jpg');background-repeat:repeat-y}
#edukacja .status {background-image:url('gfx/ramka7foot.jpg')}

.zoooliwa {position:relative;width:918px;height:454px;margin:20px 0px 10px 90px;background-image:url('gfx/zoooliwa.jpg')}
.zoooliwa .ramka {position:absolute;left:107px;top:108px;width:724px;height:326px;color:#ffffff}