/* Pierwszą regułą stylów w arkuszu CSS jest ustalenie domyślnego koloru tła oraz kolor tekstu w całym dokumencie.
Nigdy nie zakładaj, że domyślny kolor tekstu to czarny, a kolor tła - biały!.
W tym samym miejscu usuwamy wszystkie marginesy strony. Analogicznie postępujemy z marginesem wewnętrznym,
aby zabezpieczyć się przed możliwą odmienną interpretacją w niektórych przeglądarkach.
Te deklaracje są przypisane jednocześnie elementom html oraz body, z uwagi na różnice interpretacji elementu podstawowego (korzeń - ang. root) */ 
html, body {
	background-color:#fff;
	color: #000;
	width:100%;
	margin: 0;
	padding: 0;
	font-size:11px;
	font-family:Tahoma, Arial, sans-serif;
}

#top {width: 1004px;margin:0 auto;}

#NAGLOWEK {height:120px;background-image: url(../img/topgrafika.png);}

#MENU {height:34px;background: url(../img/menu_b.jpg);} 

/* Aby ułożyć dwie poniższe kolumny pionowo, trzeba użyć własności float: left, wykorzystywanej zwykle przy oblewaniu elementów (np. ilustracji) tekstem.
Kilka następujących po sobie bloków z określonym oblewaniem, ustawia się obok siebie - o ile mieszczą się w dostępnej szerokości ich rodzica.
Oblewane bloki kolumn posiadają również własność przepełnienia overflow: hidden. Jest to zabezpieczenie na wypadek, gdyby w ich zawartości znalazły się elementy szersze niż mogą pomieścić.
Własność przepełnienia po prostu obetnie nie mieszczący się element - z dwojga złego lepsze chyba to, niż zupełne "rozjechanie" strony. */
#TRESC {width: 754px;float:left;overflow:hidden;background-color: #ffffff;margin-top: 20px;margin-bottom: 1cm;}
#TRESC_WLASCIWA {width:734px;float:left;overflow:hidden;background-color: #ffffff;padding:20px 20px 10px 0px}

#MENUP {width: 250px;float: right;overflow:hidden;background-color: #ffffff;margin-top: 20px;margin-bottom: 1cm;} 

#PANEL_LEWY_WIDE {width:734px;float:left;overflow:hidden;background-color: #ffffff;padding:20px 20px 10px 0px}
#PANEL_LEWY {width:200px;float:left;overflow:hidden;padding-right:20px;padding-top:20px}
#PANEL_SRODEK {width:515px;float:left;overflow:hidden;padding-right:14px;padding-top:20px}
#PANEL_PRAWY {width:250px;float:right;overflow:hidden;padding-top:20px}

/* Należy pamiętać, że elementy, które mają się znaleźć poniżej obiektów pływających muszą mieć ustawiony clear.
Deklaracja width: 100% została dodana tylko ze względu na błąd Internet Explorera 6.0 (w MSIE 7.0 wszystko jest w porządku),
objawiający się wyświetleniem koloru tła stopki od dolnych krawędzi ustawionych powyżej oblewanych bloków, a tekstu stopki prawidłowo - poniżej nich. */

 
 
/*  stopka  */
div.stopkaTop{clear:both;text-align:center;padding:8px;background-color:#e9f1f3;border-top:1px solid #6a6a6a;}
div.stopkaBottom{text-align:center;padding:10px;}
div.stopkaTop a, div.stopkaBottom a {color:#464646;}
/* koniec stopka  */



/* formatowanie bloku najczęściej czyt. ebooków */
div#TopEbookRead{padding:6px;}
div#TopEbookRead p{text-align:center;font:bold 11px Verdana, sans-serif;}
div#TopEbookRead a{text-decoration: none;}
div#TopEbookRead a:hover{text-decoration: underline;color:red;}
/* koniec formatowania bloku naj. czyt. ebooków */



/* nadanie id i ustawienie domyślnego formatowania */
ul#menu_poz { 
	margin: 0;
  padding: 0;
  list-style: none;
}
ul#menu_poz li{    
  float: left;        
}
ul#menu_poz li a {
	display: block;
	padding: 0px 10px 0px 10px;
	font: bold 11px/34px Arial, sans-serif;
	text-decoration: none;
	color: White;        
	border-right: 1px solid #2C4D93;	 
} 
ul#menu_poz li a:hover, ul#menu_poz li a.biezaca {
	color: #002B75;
	background: #3366ff url(../img/menu8_b.jpg);
}



/* menu pionowe */
#menu_pionowe{border:1px solid #ccc;padding:0px 0px 10px 20px;}
#menu_pionowe img{border-bottom:1px solid #ccc;margin-left:-20px;}
#menu_pionowe p{font-size:12px;font-weight:bold;margin:5px 0px 0px 0px;}
#menu_pionowe a{color:black;}
/* koniec menu pionowe */



/* blok podstrony do eCzytników  */
p.eczytniki_tytul_top{
	font-size:13px;
	font-weight:bold;
	padding:4px 10px 4px 10px;
	background-color: #e9f1f3;
	margin-top:0px;
	margin-bottom:10px
}
h3.eczytniki_tytul{
font-size:13px;
font-weight:bold;
color: #ff9e00;
margin-top:30px;
}
#eczytniki_opis img{
float:right;
padding:4px;
border:1px solid #ccc;
margin-left:14px
}

p.eczytniki_specyfikacja{
margin-top:0px;
margin-bottom:10px;
}

div.eczytniki_belka_top{background-color:#A6BE74;border-top:solid 1px #336600;border-bottom:solid 1px #336600;height:28px}
p.eczytniki_text{text-align:justify}

h3.eczytniki_menu_kategoria{padding:10px 0 0 0;margin:0}
div.eczytniki_menu_program{padding-top:4px}
div.eczytniki_menu_program img {padding:0 5px 1px 2px}
/* koniec bloku podstrony do eCzytników*/



/* blok podstrony do Programy  */
div.programy_belka_top{background-color:#A6BE74;border-top:solid 1px #336600;border-bottom:solid 1px #336600;height:28px}
p.programy_text{text-align:justify;}
img.programy_img{border:1px solid #ccc;padding:4px;}

h3.programy_menu_kategoria{padding:10px 0 0 0;margin:0}
div.programy_menu_program{padding-top:4px}
div.programy_menu_program img {padding:0 5px 1px 2px}
/* koniec bloku podstrony do Programy*/


/* --------------blok podstrony do artykuły  ----------------------------------------------------- */
p.artykuly_tytul_top{font-size:13px;font-weight:bold;padding:4px 10px 4px 10px;background-color: #e9f1f3;
											margin-top:0px;margin-bottom:10px}
h3.artykuly_tytul{color:#669900;margin-top:30px}
p.podtytul{clear:both;text-align:right}
p.artykuly_text{text-align:justify;}
img.artykuly_img{border:1px solid #ccc;padding:4px;margin:10px;margin-top:0px;margin-left:0px;float:left}
img.artykuly_img2{border:1px solid #ccc;padding:4px;margin:10px;margin-top:0px;margin-left:0px;}
p.artykuly_zrodlo{clear:both;}
div.artykuly_index{padding-top:10px;padding-bottom:5px}

div.artykuly_belka_top{background-color:#A6BE74;border-top:solid 1px #336600;border-bottom:solid 1px #336600;height:28px}
p.artykuly_belka_top_lewy{margin:0;font-size:13px;font-weight:bold;color:white;padding:5px 10px 5px 10px;float:left}

h3.artykuly_menu_kategoria{padding:10px 0 0 0;margin:0}
div.artykuly_menu{padding-top:4px}
div.artykuly_menu img {padding:0 5px 1px 2px}
/* --------koniec bloku podstrony do artykuły-------------------------------------------------------------- */


/* .............. wiadomości - nowe formatowanie - newsy z MySQL ............................................ */
h3.wiadomosci_tytul{margin-bottom:0px;color:#004080}
p.wiadomosci_wprowadzil{margin-top:0px}
p.wiadomosci_tresc{text-align:justify;}
img.wiadomosci_obrazek{border:1px solid #ccc;padding:4px;margin:0px 10px 10px 0px;float:left}
p.wiadomosci_zrodlo{clear:both;}
hr.hr_wiadomosci{height:1px;border-width:1px 0 0 0;border-top: 1px dashed #ccc;}
/* --------koniec bloku podstrony do Wiadomosci-------------------------------------------------------------- */



div#ebookidarmowe{padding:8px;border:1px solid #4bcd62;background:#d7f4dc;width:710px;margin-bottom:30px;font-weight:bold;}
div#ebookidarmowe h3{margin:0px;color:#009933}
p#darmoweebooki{color:#009933;padding:10px;border:1px solid #4bcd62;background:#d7f4dc;width:710px;margin-bottom:30px;font-weight:bold;}

/* poniżej blok - nawigacja darmowych ebooków */
div#nawigacja_ebookow{text-align:center;clear:both;padding:5px 0px 20px 0px}
div#nawigacja_ebookow p{font-weight:bold;font-size:13px;color:#4c4c4c;margin-bottom:5px}
div#nawigacja_ebookow a{font-size:13px;color:#009933;padding: 0px 4px 0px 4px;text-decoration:none;font-weight:bold}
div#nawigacja_ebookow a:hover, div#nawigacja_ebookow a.biezaca {color:black;font-weight:bold}
/* koniec bloku - nawigacja darmowych ebooków */



/* poniżej blok CSS dotyczący plików - szczegoly */
div.szczegoly_opis{width:712px;height:270px;padding:10px;border:1px solid #4bcd62;background:#d7f4dc;margin-bottom:30px;}
div.szczegoly_okladka{float:left; height:260px; margin-right:10px;}
p.szczegoly_okladka{text-align:center;padding:4px;border:1px solid #ccc;}
p.szczegoly_tytul{color:#009933;margin-bottom:0;font-size:12px;font-weight:bold;}
p.szczegoly_dodano{font-size:10px;color:#009933;margin:0}
p.szczegoly_opis{text-align:justify;margin-bottom:0}
p.szczegoly_autor{margin-top:3px;}
p.szczegoly_infoPlik{margin-bottom:0;}
a.szczegoly_download{font-weight:bold;color:#009933;}
p.szczegoly_ciekaweebooki{margin:0;padding-left:5px;padding-bottom:5px;font-size:11px;color:red;}
/* koniec bloku CSS dotyczący plików - szczegoly */



/* dotyczy akapitu górnego w tabelce i jest tytułem książki */
p.gorny {
	font: small-caption;
	margin:5px;
}

/* dotyczy akapitu dolnego w tabelce i jest opisem książki */
p.dolny {
	font: menu;
	margin:5px;
}


/* dotyczy skryptu daty i godziny */
#Data{margin-left:40px;font-size:10pt;font-weight:bold;color: #012345;font-family:Verdana, Arial, sans-serif}



p.prawdy {
font-size: 11px;
}

p.darmEbooki {
	color:#009933;
	margin-bottom:0;
	margin-top:6px;
}
p.darmDodano {
	margin-top:2px;
	margin-bottom: 0px;
	font-size: 9px;
	color:#339900
}

a.darmZobacz {
	font-weight:bold;
	text-decoration: none;
	color: #009933;
}

h5.wiadTytul{
margin-bottom:2px;
color: #0066cc
}

p.artytext {
text-align: justify;
margin-top: 4px;
margin-bottom: 0;
margin-right: 20px;
font-size: 11px;
}

p.artydata {
font-size: 11px;
margin-top:0;
color: #383838
}

p.darebooki {
text-align: justify;
margin-right: 20px;
margin-top:0;
font-size: 11px;
}

p.pobierzdarebooki {
font-style: italic;
font-size: 11px;
clear:both;
margin-top: 10px;
}

p.progdodanodnia {
text-align: left;
font-size: 11px;	
}

a.szczegoly {
	text-decoration: none;
	color:#009933; 
}



div.item { float: left; position: relative }
div.item .imageTag img { margin-bottom: 4px; padding: 4px; border: 1px solid #ccc;}
div.item p , div.item a { font-size: 11px; }
.item p { margin: 4px; padding: 0; }
div.item p.description { font-size: 10px;  }
a {color: #0066cc}
p.cena { font-size: 11px ; text-align: right; position: absolute; bottom: 0; right: 10px;}
p.cena span { color: #de1800; font-weight: bold }



/* dotyczy formatowania darmowe ebooki */
div.darmowy_ebook{width:360px; float:left; height:100px; position:relative;}
p.de_okladka{width:100px; float:left; text-align:center; margin-top:0px;}
p.de_okladka img {padding:4px; border:1px solid #ccc; width:62px; height:90px}
p.de_tytulEbooka{color:#009933; margin-bottom:0;	margin-top:6px;}
p.de_dodano{font-size:9px; margin-top:2px;	margin-bottom:0px; color:#339900;}
p.de_opis{font-size:10px; margin-top:5px;}
p.de_opis span {position:absolute; bottom:6px; right:20px; font-size:11px;}
p.de_opis span a {color:#009933;}
hr.hr_darmowy_ebook{float:left;width:720px;height:1px;border-width:1px 0 0 0;border-top: 1px solid #ccc;margin:6px 0px 6px 10px;}

div#reklama_nasza{float:left;width:167px; height:46px; background-image: url(../baners/tlo_reklamy167.jpg);padding-top:4px;margin:0px 0px 4px 0px; text-align:center}
div#reklama_nasza a{font-size:13px;margin-top:20px;font-weight:bold;color:red}


/*  blok formatowania do zmieniajacych sie okienek */
div.okienko {width:500px;height:202px;border:Solid 2px #ccc;padding:0;margin:0 auto;background:#ffffff;}
div.okienko  a img {border:0px;}
div.nawigacja {width:500px;height:18px;background:#246AB0;color:#fff;display:block;text-align:center;padding:6px 0 5px 0;margin:0;border-top:Solid 1px #3c3c3c}
div.nawigacja a {text-decoration:none;color:#fff;font-family:Tahoma;font-size:10pt;font-weight:bold;padding-left:4px;padding-right:4px;}
div.nawigacja a:hover {background:#fff;color:#000;border:Solid 1px #ff0000}
.red {border:Solid 1px #ff0000;}
a.zmienny_link{	padding:0;margin:0;background:#000;}
/*   koniec - blok formatowania do zmieniajacych sie okienek */