* {margin: 0; padding: 0; border: none; font: 14px Arial, Tahoma, Helvetica, sans-serif; color: #000; text-align: left; line-height: 20px;}

body {background: #c5baba url("../images/tlo.jpg") repeat;}

#strona {height: 230px; background: transparent url("../images/tlo_naglowek.png") repeat-x;}

.clr {clear: both;}
.right {float: right;}
.left {float: left;}

p {margin: 30px 0 25px 0; text-indent: 0px;}
p.noindent {text-indent: 0;}

b {font-weight: bold;}
strong {font-weight: bold; font-style: normal;}
em {font-size: 14px; font-weight: bold; font-style: normal; color: #A72929;}
.podkresl {text-decoration: underline;}
a, a:hover {color: #005AE1; font-weight: bold; text-decoration: underline;}

.cytat {background-color: #fefce1;}
ol {margin: 0 0 0 40px;}


#sekcje {width: 908px; margin: 0 auto; position: relative;}

#sekcja1 {width: 908px; height: 230px; background: #FDF9CA url("../images/naglowek.jpg") no-repeat; position: relative;  float: left;}

#sekcja2 {width: 908px; background: #FFF url("../images/kartka.jpg") repeat-y; position: relative; float: left;}

#sekcja3 {width: 868px; background: transparent url("../images/dolna_krawedz.jpg") no-repeat top; position: relative; float: left; padding: 10px 20px 15px 20px;}

#menu {width: 612px; height: 112px; position: absolute; left: 0px; top: 100px; padding: 0 0 0 38px; list-style-type: none; display: block;}
#menu li {width: 118px; height: 112px; position: relative; float: left;}
#menu li.aktywne {background: url("../images/przyciski.png") no-repeat 0 0;}
#menu li.nieaktywne {background: url("../images/przyciski.png") no-repeat -118px 0;}
#menu li a {display: block; width: 118px; height: 112px; position: absolute; left: 0px; top: 0px; text-align: center; padding: 29px 0 0 0; text-decoration: none; font: bold 14px Arial, Verdana, Tahoma, Helvetica, sans-serif; color: #BD1B1B;}
#menu li.aktywne a {padding: 44px 0 0 0;}
#menu li.nieaktywne a:hover {background: url("../images/przyciski.png") no-repeat -236px 0;}

#klewa {width: 646px; padding: 3px 15px 5px 9px; float: left; position: relative;}
#kprawa {width: 238px; float: right; position: relative;}



#menuz {position: absolute; left: -36px; top: 261px; width: 45px;}
#menuz ul {list-style-type: none;}
#menuz li {display: block; width: 45px; height: 157px; position: relative; float: left;}

#menuz li.aktywne {background: url("../images/zakladka_aktywna.jpg") no-repeat 0 0;}
#menuz li.nieaktywne {background: url("../images/zakladka_nieaktywna.jpg") no-repeat 0 0;}

#menuz li a {display: block; width: 20px; height: 130px; position: absolute; left: 12px; top: 12px;}
#menuz li a span {display: block; width: 20px; height: 130px; position: absolute; left: 0px; top: 0px; visibility: hidden;}

#menuz li#z_autor a.nieaktywne {background: url("../images/z_autor.jpg") no-repeat 0 0;}
#menuz li#z_autor a.nieaktywne:hover {background: url("../images/z_autor.jpg") no-repeat -20px 0; cursor:pointer;}
#menuz li#z_autor a.aktywne {background: url("../images/z_autor.jpg") no-repeat -40px 0;}

#menuz li#z_rozwoj a.nieaktywne {background: url("../images/z_rozwoj.jpg") no-repeat 0 0;}
#menuz li#z_rozwoj a.nieaktywne:hover {background: url("../images/z_rozwoj.jpg") no-repeat -20px 0; cursor:pointer;}
#menuz li#z_rozwoj a.aktywne {background: url("../images/z_rozwoj.jpg") no-repeat -40px 0;}





#tresc {padding: 40px 50px 40px 70px; background-color: #FFF; border: 1px solid #999;}
#reklama {padding: 0px 30px 30px 30px;}
#reklama1 {padding: 2px 0px 8px 40px;}


h1 {color:#BD1B1B; font: bold 20px Georgia,'Times New Roman',serif; width: 328px; height: 50px; position:absolute; left:35px; top:22px;}
h1 #podtytul {font: bold 15px Georgia,'Times New Roman',serif;}
h1 a {display:block; width: 328px; height: 50px; position: absolute; left:0; top:0; background: #FDF9CA url('../images/naglowek.jpg') no-repeat -35px -22px;}

h2 {font-size: 18px; text-align: center; padding: 5px 0 5px 0;}

h3 {margin: 10px 20px 10px 20px; padding: 20px 10px; text-align: center; background-color: #fff; font: normal 14px Arial, Tahoma, Helvetica, sans-serif; border: 2px solid #A72929; line-height: 20px;}


#google {text-align: center; padding: 30px 0 15px 0;}
#google1 {text-align: left;}
#rek_recenzja {width: 100%; text-align: left;}
#rek_wydania {width: 234px; margin: 190px 0 0 216px;}

#reklama_ebook {width: 160px; height: 226px; margin: 20px 0 15px 10px; text-align: center;}
#reklama_ebook p {text-align: left; font-size: 12px; line-height: 16px; margin: 16px 0 16px 0;}
#reklama_ebook p.naglowek {text-align: center; font-size: 14px; font-weight: bold;}
#reklama_ebook ul {padding: 0 0 0 10px;}
#reklama_ebook ul li {font-size: 13px; color: #A72929;}

#baner_pion {width: 150px; height: 430px; margin: 15px 0 15px 15px; border: 1px solid white;}
#baner_poziom {width: 100%; height: 100px; margin: 0 0 0px 0; background-color: #FDF9CA; text-align: center;}
#baner_poziom a {display: block; width: 750px; height: 100px; text-align: center; margin: 0 auto 0 auto; border-bottom: 0px solid #ccc; border-left: 0px solid #ccc; border-right: 0px solid #ccc;}

#vitale {text-align: center;}
#vitale p {padding: 0px 0 0px 0px;text-indent: 0; text-align: center;}
#vitale a.areklama {font-size: 15px; font-weight: bold; text-align: left; color: #A72929;}
#vitale a.areklama span {font-size: 18px; font-weight: bold; color: #005AE1;}

#polecam {text-align: center; padding: 0px 0 0 0;}
#polecam p {padding: 0px 0 0px 0px;text-indent: 0; text-align: center;}
#polecam p.tytulopis {margin: 5px 0 35px 0;padding: 0px 5px 0px 5px;text-indent: 0; text-align: center; font-size: 12px;line-height: 15px;}
#polecam #nagpolecam {font: bold 12px Arial, Tahoma, Helvetica, sans-serif; color: #A72929; line-height: 16px; text-align: center; padding: 10px 0 12px 0;}
.tytulpolecam {width: 107px; height: 107px; margin: 0 auto 0px auto; position: relative; padding: 0 0 10px 0px;}
.tytulpolecam a {display:block; width: 107px; height: 107px; position: absolute; left:0; top:0; background: url('../images/przyciski.png') no-repeat -461px 0; text-decoration: none; color: #fdf9ca; text-align: center; font: bold 16px Arial, Tahoma, Helvetica, sans-serif; line-height: 20px;}
.tytulpolecam a:hover {background: url('../images/przyciski.png') no-repeat  -354px 0; text-decoration: none; color: #FCE856; font: bold 16px Arial, Tahoma, Helvetica, sans-serif; line-height: 20px;}
.tytulpolecam a.tytulkrotki, .tytulpolecam a.tytulkrotki:hover {padding: 31px 0 0 0; font-size: 14px;}
.tytulpolecam a.tytulsredni, .tytulpolecam a.tytulsredni:hover {padding: 33px 0 0 0; font-size: 14px;}
.tytulpolecam a.tytuldlugi, .tytulpolecam a.tytuldlugi:hover {padding: 20px 0 0 0; font-size: 14px;}
.tytulpolecam a.tytulbdlugi, .tytulpolecam a.tytulbdlugi:hover {padding: 15px 0 0 0; font-size: 14px;}

ul.bibliografia {padding: 0 0 0 30px;}
ul.bibliografia li {padding: 3px 0 3px 0;}

dl.opinie {padding: 0px 0 20px 0px;}
dl.opinie dt {padding: 20px 0 0 0; font-weight: bold; color: #005AE1;}
dl.opinie dd {padding: 20px 0 0 20px; font: 14px Tahoma, Arial, Helvetica, sans-serif;}
dl.opinie dd span {font-weight: bold;}

dl.wydania {margin: 0 0 0px 20px; clear: both;}
dl.wydania dd.okladka {float: left; padding: 5px 0 20px 0;}
dl.wydania dd.opis {float: left; margin: 70px 0 0 60px;}
dl.wydania dd.okladka img {border: 1px solid #666;}

p#copyright {text-align: left; margin: 0; font: normal 13px Tahoma, Arial, Helvetica, sans-serif; float: left;}
p#copyright a, p#copyright a:hover {color: #fdf9ca; text-decoration: none; font: bold 13px Tahoma, Arial, Helvetica, sans-serif;}
p#kontakt {text-align: right; margin: 0; font: normal 13px Tahoma, Arial, Helvetica, sans-serif; float: right;}