* {
margin: 0 ; 
padding: 0 ; 
}

html {
margin: 0 ; 
padding: 0 ; 
}

body {
text-align: center;
margin: 0; 
padding: 0px;
font: 12px  Verdana, Tahoma ,  Arial ;
color: #FFF;
background: url(tlo_main.gif) repeat-x  0 200px #2b2b2b; 
background-attachment: fixed; 
}


a:link , a:visited {
color: #FFF ;
text-decoration: none;
}

a:hover , a:active {
color: #9E9E9E ;
text-decoration: none;
}

p {
margin: 19px 14px  ;
text-align: left;
}

h1 {
font-size: 15px;
font-weight: normal;
color: red; 
border-bottom: solid 1px #FFF;
padding: 7px 7px;
margin: 10px 0 0 0;
text-align: left;
}

h1:first-letter{
font-size: 35px; 
font-style: italic; 
}


h2 {
font-size: 13px;
padding: 5px 23px;
margin: 18px 0 0px 0;
border-bottom: solid 1px #555555;
text-align: left;
}

h3 {
font-weight: bold;
text-align: left;
font-size: 18px;
border-bottom: solid 1px #555555;
margin: 20px 0 0 0 ;
padding: 0 10px;
}

input , textarea , select {
border: solid 1px #2b2b2b;
margin: 3px 1px ;
color: #FFF; 

}

ul  {
padding: 0px 0 0 20px ;
list-style-type: none; 
}

li {
margin: 8px 0px 6px 0px;
padding: 0px 0px 0 23px;
}

ins {
text-decoration: none;
font-weight: bold;
}

#po-lewej {
float: left;
}


#po-prawej {
float: right;
width: 300px; 
}


/* ____________________szkielet strony ____________________ */


#top {
width: 940px ; 
margin: 0 auto ;
padding: 30px 0 30px 0 ; 
text-align: center;
}

#top  img {
border: none; 
}

#middle {
margin: 0 auto ;
padding: 0;
width: 940px ; 
overflow: hidden;
clear: both;
background: #2b2b2b;
border-top: 1px solid #aaaaaa;
border-left:  1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
border-bottom: none;
}



#left {
margin: 0;
padding: 0;
float: left;
text-align: left; 
width: 190px;
border-right: solid 1px #1a1a1a;
padding-bottom: 20000px; margin-bottom: -20000px; 
}



#center {
margin: 0;
float: left;
text-align: left; 
line-height: 20px;
font-size: 12px;
width: 684px;
padding: 10px 15px 10px 12px ;
padding-bottom: 20000px; margin-bottom: -20000px; 
} 


#footer {
width: 930px ; 
text-align: left;
padding: 5px ;
margin: 0 auto;
background: ;
font-size: 11px;
border: 1px solid #aaaaaa;

}


/* ____________________ koniec szkieletu strony _____________________________ */

/* _______________ do topu _________________ */


/* _______________ menu pionowe lewe _________________ */

#menu_gora {
background:  #1a1a1a; 
padding: 0 0 30px 0  ;
margin: 0 1px 0 0 ;
background: url(tlo_menu_end.gif) no-repeat bottom #1a1a1a ; 
}

.menu { 
padding: 0 ;
margin: 0;
}


#left .menu li {
list-style-type: none;
margin: 0px 10px 0px 9px;
padding: 2px 2px;
text-transform:  lowercase  ; 
}

.menu a:visited , .menu a:link {
text-decoration: none;
padding: 0px 0;
margin: 5px 8px 1px 0px;
font-size: 11px;


}

.menu a:active , .menu a:hover, .menu a:focus {
text-decoration: underline; 
}


#left  #menu_gora h2 {
font-size: 14px;
padding: 20px  0 18px 54px;
margin: 0 ; 
background: url(truskawka.gif) no-repeat 5px 6px ;
border: none; 
}

#left  #menu_gora h2 a {
padding: 0 ; 
margin: 3px 0 3px 0px;
border-bottom: solid 1px #5b5b5b; 
}

#left  #menu_gora h2  a:hover  {
text-decoration: underline; 
}


#left #menu_reszta h2 {
padding: 0;
margin: 20px 0  0 0  ;
border: none; 
background:  transparent ;  
text-transform: uppercase  ; 
text-align: center; 

} 

#left #menu_reszta h2 span {
border-bottom: solid 1px #5b5b5b; 

}

/*--- wyszukiwarka  --- */


#cse input {
margin: 0; 
padding: 2px 4px ; 
font-size: 18px; 
color: #000; 
border: solid 1px #2b2b2b ;
}





/*
#wyszukiwarka form {
margin:  10px 0 0 0   ; 
padding:  0 ;
text-align: center; 
}

.wyszukiwarka-pole {
margin: 0; 
padding: 2px 4px ; 
width: 150px; 
font-size: 18px; 
background: #1a1a1a; 
border: solid 1px #2b2b2b ;
}

#wyszukiwarka-przycisk {
margin: 7px 0 0 0; 
width: 74px; 
height: 25px;
border: none;
}
*/


/*--- pozostałe --- */


#losowa_pozycja_zdj {
float: left;
width: 100px; 
margin: 9px  5px 2px 0 ;
border: solid 1px #c248c2; 
}
#losowa_pozycja_opis {
line-height: 16px;
font-size: 13px;
}

#statystyki  {
width: 180px;
margin: 20px 0 0 0 ;
padding: 0; 
text-align: center ;
}

#statystyki a img {
border: none;
}

#statystyki a img:hover {
border: none;
}


#sonda li {
padding-left: 0 ; 
margin-left: 0 ; 
}


#menu_reszta #sonda {
padding-left: 10px ; 
}

#sonda-przycisk {
padding: 2px 5px ;width: 160px; 
border: solid 1px #000; 
background: #2b2b2b  ; 
color:  #9E9E9E; 
}

/* _______________ do center _________________ */
#center a:visited , #center a:link{
text-decoration: underline; 
font-weight: bold;
color: #ba2828 ; 
}

#center a:active , #center a:hover {
text-decoration: none;
color: #F00 ; 
}

#center li {
list-style-type: none;
background: url(ocena_serce_czerwone.gif) no-repeat  2px 4px;
}

#center #wiersz-nawigacji {
font-size: 11px; 
}

#center #wiersz-nawigacji a {

text-decoration: none; 
font-size: 11px; 
border-bottom: solid 1px #5b5b5b; 
}

#center #wiersz-nawigacji a:hover {
text-decoration: underline; 
}

#reklama {
padding: 0 ;
margin: 10px 20px 20px 0 ;
text-align: center;
}


#dodatek_h1 {
color: #FFF;
}

a img  {
border-bottom: solid 2px #FFF;
}

a img:hover  {
border-bottom: solid 2px #c248c2;
}


/* _______________ do stopki  _________________ */


#footer ul {
margin: 0 ;
padding: 0;
display: inline;
}

#footer li {
list-style-type: none;
display: inline;
padding: 0px 16px;
margin: 0;
background: none;
border-right: solid 1px #FFF;
}


#footer a:visited , #footer a:link {
margin: 0 ;
padding: 0;
color: #FFF;
text-decoration: none;
}

#footer a:active , #footer a:hover {
color: #FFF;
text-decoration: underline;
}

#footer span {
margin-left: 200px; 
}


/*  --------------------- wyszukiwarka  --------------------- */ 
#wyszukiwarka {
margin: 0; 
padding: 0;
}

#wyszukiwarka-pole {
background:#F4FDF5;
}



/*  ---------------------  prezentacja pozycji + strona główna --------------------- */ 

#nowosci span {
font-weight: bold;
}


#prezentacja_pozycji_index {
padding: 0px 35px;
margin: 0 ;
border: solid 0px red;
}

#prezentacja_pozycji_ebook {
margin: 20px 0 0 50px;
float: left;
}

#prezentacja_pozycji {
padding: 0px 5px;
}

#prezentacja_pozycji p {
border: solid 0px #c248c2; 
}


#prezentacja_pozycji_zdj {
float: left;
width: 200px; 
margin: 4px 20px 20px 0  ;
border: solid 8px #000; 
}

#prezentacja_pozycji_opis {
float: right;
width: 370px; 
margin: 20px 0 0 0 ;
padding: 10px 0 ;
}

#prezentacja_pozycji table {
margin: 30px 50px 0 50px;
background: url(ona_on_tlo.gif) no-repeat center ; 
font-size: 13px; 
}

#prezentacja_pozycji th {
letter-spacing: 1px; 
text-align: left;
font-weight: bold; 
vertical-align: top;
padding: 0 15px;
}

#prezentacja_pozycji td {
font-style: italic;
padding: 0 10px 10px 0;
line-height: 19px;  
}

/*  ---------------------  prezentacja pozycji w kategoriach  --------------------- */ 
#lista_pozycji_w_kategorii img {
border: solid 6px #000; 
width: 100px; 
height: 75px;
margin: 10px 0  0 0  ; 
}

#lista_pozycji_w_kategorii td { 
padding:  0 0 0 8px ; 
}


#lista_pozycji_w_kategorii th { 
font-weight: bold;
font-size: 12px;
color: #2D2D2D;
border-bottom: solid 1px #9E9E9E;
text-align: left; 
padding: 10px 0 1px 10px ; 
}

/*  ---------------------  prezentacja ebookow --------------------- */ 
#najchetniej-czytane-ebooki {
clear: both; 
height: 260px;  
padding: 0px; 
margin: 0px;
}

#najchetniej-czytane-ebooki div {
float: left; 
text-align: center;
padding: 0px; 
margin: 0px 28px; 
height: 260px;  
width: 155px ; 
border: solid 0px #F00;
}

#najchetniej-czytane-ebooki img {
margin: 20px 0 10px 0 ; 
border: solid 1px #000;
display: block ; 
}


#ebook_img {
text-align: center;
margin: 20px 0 0 0 ;
padding: 0;
}

#ebook_img img { 
border: solid 1px #000;
}

#ebook_autor {
text-align: center;
font-style: italic; 
font-size: 11px; 
padding: 0;
margin: 0;
}

.gwiazdka { 
color: #1B8F14;
font-size: 18px; 
}

.ebook_big_napis {
color: #800080; 
font-size: 22px;
font-weight: bold;
line-height: 30px;
margin: 30px 15px ;
}


.ebook_ramka {
margin: 50px 0 30px 0; 
padding: 0px 20px 20px 20px; 
font-size: 15px; ;
background: ;
border:  solid 8px #FFF;
}

#ebook_link {
padding: 20px 0;
margin: 30px 0 40px 0;
text-align: center;
font-size: 16px; 
background: #3A3A3A; 
border:  solid 1px #515151;
}

#ebook_link a:link ,#ebook_link a:visited {
margin:0;
padding: 0;
}

#ebook_link a:hover, #ebook_link a:active {
margin:0;
padding: 0;
}



/*  ---------------------  wyrównanie akapitów, newsów; komunikaty --------------------- */ 

.do_prawej {
text-align: right;  
}


.news {
margin: 5px 0 ; 
padding: 0 ; 
}

#komunikat {
color: #ba2828;
font-weight: bolder;
}

/*  ---------------------   ocenianie  --------------------- */ 
#ocenianie {
padding: 0 180px 0 0  ;
margin: 0;
}


#ocenianie img {
margin: 3px 0;
}


#ocena-opis {
float: left;
width: 340px; 
text-align: right; 
padding: 17px 0  0 0 ; 
}

#ocena-serduszka {
float: right; 
width: 80px; 
margin: 0 0px 0 0 ;
padding: 8px 0 0 0 ;
text-align: center;
}





/*  ---------------------  komentarze  --------------------- */ 

.kom1, .kom2 {
border-left: #1a1a1a solid 6px;
padding: 0 9px; 
}


.komentarz {
margin: 7px 0px; 
}


.komentarz p  {
padding: 3px 0 ;
margin: 0px 0px; 
}


.koment_info {
color: #757575;
border-bottom:  #555555 solid 1px;
font-size: 11px;
}

.koment_autor {
color: #FFF;
background: #000;

color: #000;
background: #D4D4D4;
background: #555555;

font-weight: bolder;
padding: 1px 4px;
margin: 1px 4px;
}



/*  --------------------- formularz do komentowania  --------------------- */ 

#form_koment { 
padding: 4px 11px ; 
margin: 10px 0 ; 
text-align: left; 
background: #f7f5f7;
background: #515151; 
border:  #555555 solid 1px;


}

#form_koment label {
text-indent: 2px; 
display: block;
}

.nie {
display: none;
}

#form_koment textarea{
padding: 4px; 
width: 340px;
height: 100px; 
background: #2b2b2b;
display: block;
font-weight: bold; 

background: url(truskawka.gif) no-repeat  250px 75px  #1a1a1a ;
}

#form_koment input {
width: 140px; 
padding: 2px 5px; 
margin-bottom: 10px; 
background:  #1a1a1a ;
}

#form_przycisk {
margin: 0 1px ;
padding: 1px 4px;
font-weight: normal; 
letter-spacing: 2px; 
border: none;
}

/*  --------------------- inne --------------------- */ 

#regulamin {
margin:  10px 0 10px 30px; 
}

#regulamin ol {
list-style-type: decimal ; 
}

#regulamin li {

background: none; 
list-style-type: decimal ; 
margin: 20px 0 ;
padding: 0 ;
}

#regulamin  .podpunkty li {
list-style-type: lower-alpha ; 
margin-left: 30px; 
}


