html{height: 100%; }
form {margin:0; height: 100%; }
body { margin:0;  padding: 0; /*background-color: #e3d4ba;*//*882984*/ background-color: #842B85; width:100%; height: 100%;}
h1 { margin: 0; font: bold 25px Arial, Tahoma, Verdana, Sans-Serif; color: black; text-decoration: none; }
h1 span { display: none; }
h2 { margin: 0; font: bold 22px Arial, Tahoma, Verdana, Sans-Serif; color: black; text-decoration: none; }
h3 { margin: 0; font: bold 19px Arial, Tahoma, Verdana, Sans-Serif; color: black; text-decoration: none; }
h4 { margin: 0; font: bold 16px Arial, Tahoma, Verdana, Sans-Serif; color: black; text-decoration: none; }
div { /*border: solid 1px black;*/ /*overflow: hidden;*/ margin: 0; padding: 0; }
#top_main_container{float: left; width: 1013px; height:602px; background-image:url(../images/mainBkg.gif);  /*border: 5px solid red;*/ position:relative;}
#main_container { float: left; width: 1010px;   /*border: 5px solid red;*/ padding-top:6px;padding-left:4px; }
#left_menu_container { float: left; width: 360px; height:590px; margin-left:3px; }
#left_menu_container span { display: none; }

#czylipowiesc{background: url(../images/czyli_opowiesc.gif); height:51px; width:370px; position:absolute; margin-top:-5px; margin-left:0px; background-repeat:no-repeat; z-index:0px;}
.left_menu1 { background: url(../images/menu_tlo.jpg); background-position:0px 46px; background-repeat:no-repeat; height: 266px; background-color:White; margin-left:-7px; }
#left_menu { /*background: url(../images/czyli_opowiesc.gif);*/ height: 266px; width: 360px; background-position:-1px -3px; background-repeat:no-repeat;}
#left_menu_flash { /*background: url(../images/leftBkg.jpg);*/ height: 310px; width: 360px; }
#left_menu_flash1 { height: 320px; width: 360px; /*background: url(../images/leftBkg.jpg);*/ background-position: -1px -269px; margin:0 0 0 0; background-color:White;}

#logo { position:relative; z-index: 3; top: 0px; left: 3px; display: block; margin-top:0px; margin-left:10px; background: url(../images/logo2.png); background-repeat:no-repeat; height: 106px; width: 134px; background-position:0px 1px;  }
#btn_logo { z-index: 2; display: block; height: 106px; width: 134px; padding-top:13px; }
/*
#logo { z-index: 2; position: relative; top: 12px; left: 7px; display: block; background: url(../images/logo.gif); height: 118px; width: 152px; }
#btn_logo { z-index: 2; display: block; height: 118px; width: 152px; }
*/
#mainpage { margin: 2px 0 0 87px; float: left; display: block; background: url(../images/stona_off2.jpg); background-repeat:no-repeat; height: 50px; width: 240px; }
#mainpage_on { margin: 2px 0 0 87px; float: left; display: block; background: url(../images/stona_on2.jpg); height: 50px; width: 240px; background-repeat:no-repeat;}
#btn_mainpage { display: block; height: 50px; width: 240px; }

#epizode { margin: 3px 0 0 87px; float: left; display: block; background: url(../images/aktualny_off2.jpg); height: 50px; width: 250px; background-repeat:no-repeat;}
#epizode_on { margin: 3px 0 0 87px; float: left; display: block; background: url(../images/aktualny_on2.jpg); height: 50px; width: 250px; background-repeat:no-repeat;}
#btn_epizode { display: block; height: 50px; width: 250px; }

#archive { margin: -3px 0 0px 90px; float: left; display: block; background: url(../images/archiwum_off2.jpg); height: 50px; width: 250px; background-repeat:no-repeat; }
#archive_on { margin: -3px 0 0px 90px; float: left; display: block; background: url(../images/archiwum_off2.jpg); height: 50px; width: 250px; background-repeat:no-repeat; display:none;}
#btn_archive { display: block; height: 50px; width: 250px; }

#content_container { float: left; width: 645px; background-color:white; height:590px; }
#content_container div { /*border: solid 1px red;*/ /*overflow: hidden;*/ }
#other_content { display: block; padding: 40px 10px 0 5px; font: 11px Arial, Tahoma, Verdana, Sans-Serif; color: black; text-decoration: none; width: 550px; word-spacing: 2px; line-height: 14px; }
#mp_content { display: block; padding: 0 0px 0 0px; width: 610px; }
#epizode_content { display: block; padding: 40px 5px 0 5px; font: 12px Arial, Tahoma, Verdana, Sans-Serif; color: black; text-decoration: none; word-spacing: 1px; line-height: 17px; width: 598px; }
#register_content { display: block; padding: 50px 10px 0 5px; font: bold 17px Arial, Tahoma, Verdana, Sans-Serif; color: #696969; text-decoration: none; width: 550px; }

#register { margin: -20px  0 0 230px; float: right; display: block; background: url(../images/zarejestruj_sie.gif); background-repeat:no-repeat; height: 34px; position:absolute; z-index:3; }
#btn_register { display: block; height: 34px; width: 192px; }
#register span { display: none; }

#top_menu_container { background: url(../images/top.jpg); background-position:-358px -6px; height: 50px; width: 645px; padding: 0 0px 0 0; overflow: hidden; background-repeat:no-repeat; }
#top_menu_container a {/* float: right; */ margin: 0 10px; padding: 10px 0; font: bold 11px Arial, Tahoma, Verdana, Sans-Serif; color: #852a85; text-decoration: none; }
#top_menu_container span { display: none; }

#content { height: 490px; width: 645px; overflow: auto; }
#bottom_menu_container { background: url(../images/bottom1.gif); height: 50px; width: 645px; background-position:0px -5px; background-repeat:no-repeat;}
#bottom_menu_container span { display: none; }
scrollbar *{display: none !important;}

#recommend { margin: 10px 0 0 0; float: left; display: block; background: url(../images/polec.gif); height: 28px; width: 60px;    z-index:3;}
#btn_recommend { display: block; height: 28px; width: 60px; z-index:3;}
#comment { margin: 10px 0 0 20px; float: left; display: block; background: url(../images/komentuj.gif); height: 28px; width: 97px; z-index:3; }
#btn_comment { display: block; height: 28px; width: 97px; z-index:3;}
#listen { margin: 10px 0 0 0; float: left; display: block; background: url(../images/sluchaj.gif); height: 28px; width: 72px; }
#btn_listen { display: block; height: 28px; width: 72px; }
#print { margin: 10px 0 0 0; float: left; display: block; background: url(../images/drukuj.gif); height: 28px; width: 83px; }
#btn_print { display: block; height: 28px; width: 83px; }

#listen_flash { margin: 10px 0 0 5px; float: right;  /*background: url(../images/wybierz_utwor.gif);*/ height: 35px; width: 107px; }

/*Strona rejestracji start*/
/*#content_container input { display: block; margin: 0; float: left; padding: 0; background-color: #F4EEE3; border: solid 1px #e0dacf; width: 320px; height: 32px; font: bold 17px Arial; color: #852a85;}*/
.content_text_inputs input { display: block; margin: 0; float: left; padding: 0; background-color: #F4EEE3; border: solid 1px #e0dacf; width: 300px; height: 32px; font: bold 17px Arial; color: #852a85;}
#fname { margin: 0; padding: 0; float: right; display: block; background: url(../images/imie.gif); height: 29px; width: 45px; }
#lname { margin: 0; padding: 0; float: right; display: block; background: url(../images/nazwisko.gif); height: 28px; width: 100px; }
#email { margin: 0; padding: 0; float: right; display: block; background: url(../images/email.gif); height: 29px; width: 73px; }

#pwd { margin: 0; padding: 0; float: right; display: block; background: url(../images/haslo.gif); height: 31px; width: 68px; }
#pwd_rep { margin: 0; padding: 0; float: right; display: block; background: url(../images/potwierdz_haslo.gif); height: 30px; width: 155px; }

#pwd_o { margin: 0; padding: 0; float: right; display: block; background: url(../images/stare_haslo.gif); height: 30px; width: 110px; }
#pwd_n1 { margin: 0; padding: 0; float: right; display: block; background: url(../images/nowe_haslo.gif); height: 30px; width: 110px; }
#pwd_n2 { margin: 0; padding: 0; float: right; display: block; background: url(../images/potwierdz.gif); height: 28px; width: 110px; }

#your_profile { margin: 0; padding: 0; float: left; display: block; background: url(../images/twoj_profil.gif); height: 48px; width: 159px; }

.block { font: bold 15px Arial, Tahoma, Verdana, Sans-Serif; color: #852a85; display: block; float: left; width: 550px; padding: 5px 0;}
.block1 { display: block; float: left; width: 160px; padding: 0 5px 0 0; }
.block1 span { display: none; }
.div_right { display: block; float: right; margin: 0 50px 0 0; }
.div_left { display: block; float: left; margin: 0 0 0 50px; }

#register1 { margin: 5px 0 0 0; float: left; display: block; background: url(../images/rejestruj.gif); height: 35px; width: 102px; }
#btn_register1 { display: block; height: 35px; width: 102px; }
#register1 span { display: none; }

#after_register_content { width: 540px; padding: 150px 30px 0 10px; font-size: 13px; font-weight: bold; color: black; font-family: Arial, Tahoma, Verdana, Sans-Serif; text-decoration: none; }

#thnx { margin: 5px 35px 0 0; float: right; display: block; background: url(../images/dziekujemy.gif); height: 41px; width: 145px; }
#btn_thnx { display: block; height: 41px; width: 145px; }
#thnx span { display: none; }

#edit { margin: 5px 35px 0 0; float: right; display: block; background: url(../images/edytuj_dane.gif); height: 35px; width: 106px; }
#btn_edit { display: block; height: 35px; width: 106px; }
#edit span { display: none; }
/*Strona rejestracji koniec*/

/*Strona logowania start */
#login { display: block; float: left; margin: 0 0 0 190px; }
#a_pwd_reminder { font: bold 10px Arial, Tahoma, Verdana, Sans-Serif; color: #852a85; display: block; float: left; margin: 0 0 0 150px; }
/*Strona logowania koniec */

/*Polec znajomemu start*/
.block2 { display: block; float: left; width: 170px; padding: 0 5px 0 0; }
.block2 span { display: none; }
#fname1 { margin: 0; padding: 0; float: right; display: block; background: url(../images/twoje_imie.gif); height: 29px; width: 102px; }
#email1 { margin: 0; padding: 0; float: right; display: block; background: url(../images/twoj_email.gif); height: 29px; width: 114px; }
#fname2 { margin: 0; padding: 0; float: right; display: block; background: url(../images/imie_znajomego.gif); height: 32px; width: 136px; }
#email2 { margin: 0; padding: 0; float: right; display: block; background: url(../images/email_znajomego.gif); height: 33px; width: 164px; }
/*Polec znajomemu koniec*/

/* strona bohaterowia poczatek*/
.img_last { width: 119px; float: right; margin: 40px 10px 0 10px; }
.name_last { padding: 0 0 20px 0; }

.img_first { width: 119px; float: left; margin: 40px 10px 0 10px; }
.name_first { padding: 0 0 20px 0; }
.char_descript { float: left; width: 400px; padding: 10px; font: 11px Arial, Tahoma, Verdana, Sans-Serif; }

.me_img { width: 120px; float: left; margin: 50px 10px 10px 10px; }
.me_name { margin: 50px 0 0 0; padding: 10px 10px; float: left; }
.me_descript { float: left; width: 500px; padding: 10px; font: 11px Arial, Tahoma, Verdana, Sans-Serif; }
/* strona bohaterowia koniec*/
.inline_black_large { padding: 10px; display: inline; float: left; font: bold 17px Helvetica, Arial, Sans-Serif; color: #696969; word-spacing: 2px; line-height: 18px; }
.inline_purple_large { padding: 5px 10px 0px 10px; display: inline; float: left; font: 12px Arial, Verdana, Tahoma, Sans-Serif; color: #852b85; word-spacing: 1px; line-height: 14px; width:620px; font-weight:bold; }

.inline_black_normal { padding: 10px; display: inline; float: left; font: bold 12px Arial, Tahoma, Verdana, Sans-Serif; color: #696969; }
.inline_purple_normal { padding: 10px; display: inline; float: left; font: bold 12px Arial, Tahoma, Verdana, Sans-Serif; color: #852b85; }

.inline_black_small {padding: 10px 0px 10px 10px; display: inline; float: left; font: 12px Arial, Tahoma,  Verdana, Sans-Serif; color: black; line-height: 13px; word-spacing: 2px; width:625px;}
.inline_black_small_episode {padding: 0px 0px 0px 10px; display: block; float: left; font: 12px Arial, Tahoma, Verdana, Sans-Serif; color: black; line-height: 13px; word-spacing: 2px; }
.inline_purple_small { padding: 10px; display: inline; float: left; font: 11px Arial, Tahoma, Verdana, Sans-Serif; color: #852b85; word-spacing: 2px; line-height: 14px; }

.err_msg { font: bold 11px Arial, Tahoma, Verdana, Sans-Serif; color: red; }

.inline_left { display: inline; float: left; margin: 10px 0; }
.inline_right { display: inline; float: right; margin: 10px 0; }

/*obrazki w odcinku*/
.i1 {  top: 0; left: 0; }
.img_small { display: block; text-align: center; }
.img_big {z-index:0; display: none; text-align: center; position: absolute; top: -120px; left: 90px; }
.img_s { cursor: pointer; }
.img_b { cursor: pointer; }
/*obrazki w odcinku*/

#pnlPwds { margin: 0; padding: 0; border: none; float: left; display: none; }
#labChkPwds { font: bold 12px Arial, Tahoma, Verdana, Sans-Serif; color: #852b85; }
.block3 { display: block; float: left; width: 350px; padding: 0 5px 0 0; }

#flashcontent { position: absolute;  z-index:5; margin: 0px 0 0 -7px; }
#flashcontent1 { position: absolute;  z-index:5; margin: -2px 0 0 -8px;  }
#epizode_content label { display: inline; font: 12px Arial, Tahoma, Verdana, Sans-Serif; color: black; word-spacing: 2px; line-height: 14px; }

.surv_all { height: 5px; width: 300px; border: solid 1px #E3D4BA; display: inline; }
.surv_bar { height: 5px; background-color: #812183; display: inline; }

.left_bkg { Z-INDEX: 5; background-image: url(../images/kwiatki_bok.gif); LEFT: 325px; POSITION: absolute; TOP: 51px; width: 41px; height: 340px; display:none; }

.hide { display: none; }
.center { width: 1000px; margin: auto; }

.content_episode { background-repeat: no-repeat; background-attachment: fixed; background-position: 370px 55px; }

.link_purple{ color: #852b85; font-weight:bold; font-size:12px; text-decoration: none;}
#forumContent{ background-position:0px -5px; /*background-image:url(../images/forumContent.gif);*/background-image:url(../images/forumBottomBkg.gif); width:1012px; height:44px; display:none;}
.forumContentAuthor {text-transform:uppercase; color: #852b85; font-weight:bold; font-size:12px; WIDTH: 210px; HEIGHT: 30px  }
.forumContentAuthor a{color:Black; font-size:12px; text-transform:none;}
.forumContentAuthor img{margin-left:10px; width:168px; height:32px;}
.forumContentAuthor .small{width:6px; height:10px;}
#nextEpisode{width:168px; height:32px; }
.main_static{ padding-top:50px; width:100%; height:208px; background-position:270px 35px; /*background-image:url(../images/forumContent.gif);*/background-image:url(../images/book.png); background-repeat:no-repeat; font: 12px Arial, Tahoma, Verdana, Sans-Serif; color: black; line-height: 20px; word-spacing: 2px; font-weight:100; }
#main_o_autorce{ padding-top:50px; width:100%; height:208px; background-position:270px 35px; /*background-image:url(../images/forumContent.gif);*/background-image:url(../images/book.png); background-repeat:no-repeat; font: 12px Arial, Tahoma, Verdana, Sans-Serif; color: black; line-height: 20px; word-spacing: 2px; font-weight:100; }
.episodes_main_img{background-image:url(../images/OMK-main_img.gif); background-repeat:no-repeat; width:181px; height:208px;  }
.main_boxes{background-image:url(../images/boxes_main.gif); background-repeat:no-repeat; width:645px; height:250px; position:absolute; margin-top:-45px; }
.main_title{background-image:url(../images/main_title.png); background-repeat:no-repeat; width:179px; height:47px; position:absolute; }
.main_cat{background-image:url(../images/main_cat.png); background-repeat:no-repeat; width:153px; height:29px; position:absolute; margin-left:-175px; margin-top:-2px; }
.main_button{background-image:url(../images/main_button.png);background-repeat:no-repeat; width:31px; height:12px; position:absolute; z-index:1;  }
.main_button span{ display:none;}
#btn_main_button1{width:31px; height:12px; display:block; }
#btn_main_button2{width:31px; height:12px; display:block; }
.contentsListBody{ font-family:Comic Sans MS; font-size:18px;  vertical-align:bottom; height:100%}
.contentsListBody img{float:left; }
.contentsListBody font{ font-size:24px; font-weight:bold; color:Pink;}
.contentListLight{ background:white url(../images/bkg_jasny.png) no-repeat; width:306px; height:28px; }
.contentListDark{ background:white url(../images/bkg_ciemny.png) no-repeat; width:306px; height:28px; }
.contentListListen{ background:white url(../images/posluchaj_kot.png) no-repeat; height:132px; background-position:20px 0px; }
.contentListRead{ background:white url(../images/pobierz_ludki.png ) no-repeat; background-position:70px 0px; }
.contentListEpItem{color: #b23198; width:100%;}
.contentListEpItem { }
.contentListEpItem table tr{ width:100%;}
.contentListEpItem .epNbr{ font-size:small; font-weight:400; width:20%; }
.contentListEpItem .epTitle{ font-weight:bold;}
.contentListEpItem .epButton{ font-weight:bold; padding-right:5px; }
.contentListEpItem .epButton a img{ border:0;  height:16px;}