/* style do obrazka bez tla */
A.pix:link {background: none; text-decoration: none; border: none; padding-left: 0px;  padding-right: 0px; }
A.pix:visited {background: none;  text-decoration: none; border: none; padding-left: 0px;  padding-right: 0px; }
A.pix:active {background: none; text-decoration: none; border: none; padding-left: 0px;  padding-right: 0px; }
A.pix:hover {background: none; text-decoration: none; border: none; padding-left: 0px;  padding-right: 0px; }

A:link {font: bold 105% Arial; color: #663300; background: none; text-decoration: none; border: none; padding-left: 0px;  padding-right: 0px; }
A:visited {font: bold 105% Arial; color: #CC9966; background: none;  text-decoration: none; border: none; padding-left: 0px;  padding-right: 0px; }
A:hover {font: bold 105% Arial; color: red; background: none; text-decoration: none; border: none; padding-left: 0px;  padding-right: 0px; }
A:active {font: normal 105% Arial; color: red; background: none; text-decoration: none; border: none; padding-left: 0px;  padding-right: 0px; }

/* style do listy z kulkami */
A.adop:link {display: block; text-align: left; margin: 2px 0 0 0; padding: 1px 2px 2px 6px; font: 100% Verdana, Arial;  color: #663300;  background-color: #F8CD21; border: #ff9900 1px solid;  }
A.adop:visited  {display: block; text-align: left; margin: 2px 0 0 0; padding: 1px 2px 2px 6px; font: 100% Verdana, Arial;  color: #996633; background-color: #ffef10; border: #ff9900 1px solid; }
A.adop:hover   {display: block; text-align: left; margin: 2px 0 0 0; padding: 1px 2px 2px 6px; font: 100% Verdana, Arial;  color: #FFCC00; background-color: brown; border: #ff9900 1px solid;  }
A.adop:active  {display: block; text-align: left; margin: 2px 0 0 0; padding: 1px 2px 2px 6px; font: 100% Verdana, Arial;  color: brown; background-color: white; border: #ff9900 1px solid;  }

A.now:link {font: bold 105% Arial; color: brown; background: #ffffff url(grafy/link1.jpg) no-repeat  center right; text-decoration: none; border: none; padding: 6px 3px;  }
A.now:visited {font: bold 105% Arial; color:  #666600; background: #ffffff url(grafy/link1.jpg) no-repeat center right;  text-decoration: none; border: none; padding: 6px 3px;  }
A.now:hover {font: bold 105% Arial; color: red; background: #ffffff url(grafy/link1.jpg) no-repeat center right; text-decoration: none; border: none; padding: 6px 3px;  }
A.now:active {font: bold 105% Arial; color: red; background: #ffffff url(grafy/link1.jpg) no-repeat center right; text-decoration: none; border: none; padding: 6px 3px;  }


body {background: #ffffff url(grafy/top3.jpg) repeat-y -35px 0; margin: 0; padding: 0; font: x-small Arial;
scrollbar-face-color: #62dd42;
scrollbar-highlight-color: #006600;
scrollbar-track-color: #ffffce;
scrollbar-arrow-color: #006600;
color: #660000;
}

html, body, #calosc {width: 100%; height: 100%; }

#baner0 {position:absolute; top: 0px; left: 0px; background:#FAEE5F; width:104px; height:104px;  }
#baner1 {position:absolute; top: 0px; left: 104px; width: 900px; }

#header {background: #FCCE7D url(grafy/top6.jpg) no-repeat -45px 0; margin: 0; color: #865320; text-align: left; padding: 0 0 0 155px; width: 100%; }
#header h1 {font: bold italic 360% cursive; padding: 0; margin: 0; padding: 0 0 0 210px;  }
#header h2 {font: bold italic 260% cursive; padding: 0; margin: 0; padding: 0 0 0 190px; }

#caloscksiazki {position:absolute; top: 0px; left: 0px; background:  url(grafy/tlo_lewez.jpg) repeat-y 784px 0; width: 1008px;}

/* style do menu u góry  */
#header #menu_top {text-align: left;  border-bottom: orange 1px solid; margin: 0 0 0 30px;
padding: 1px 5px; background: #ffffdd; width: 100%; }
#header #menu1 {margin: 0; list-style: none; width: 500px  }
#header #menu1 li {display: inline; font: normal 120% Arial; color: brown; margin: 0; }
#header #menu1 A {margin: 0 1px 0 0; text-decoration: none; padding: 0 0 0 10px; }
#header #menu1 A:link {color:orange;  background: url(grafy/dot1.jpg) no-repeat 0% 50% ; }
#header #menu1 A:visited {color:#505050;   background: url(grafy/dot1.jpg) no-repeat 0% 50% ; }
#header #menu1 A:hover {color:red;   background: url(grafy/dot1.jpg) no-repeat 0% 50%;}
#header #menu1 A:active {color:#505050;   background: url(grafy/dot1.jpg) no-repeat 0% 50% ; }
#header #menuheader {margin: 0 0 0 130px; background: url(grafy/menu_top.gif) no-repeat 0 50%; }



#lewa {position:absolute; top: 120px; left: 0px; width: 165px; color: #230801; text-align:right;  }
#lewa b {color: orange; font: bold 120% Arial; margin: 10px 5px 0 0; }
#lewa ul {padding: 0;  margin: 0; list-style: none;  }
#lewa  li {margin: 0 5px 4px 2px; border: #a06000 1px solid; }
#lewa  A {font: normal 105% Arial; text-decoration: none; display: block; padding: 3px;   }
#lewa  A:link { color: #562300; background: #ffcc00;  }
#lewa  A:visited { color: #FCE0AE; background: #cc9900;  }
#lewa  A:hover { color:#562300;  background: orange; }
#lewa  A:active { color: #ffcc00; background: white; }
#lewa h2 {color: orange; font: bold 120% Arial; margin: 10px 5px 0 0; }
/* */
/* ramka lewa dla galerii  */
#galerie_all #lewa {position:absolute; top: 5px; left: 0px; width: 155px; color: #230801; text-align:right;  }
#galerie_all #lewa b {color: orange; font: bold 120% Arial; margin: 10px 5px 0 0; }
#galerie_all #lewa ul {padding: 0;  margin: 0; list-style: none;  }
#galerie_all #lewa  li {margin: 0 5px 4px 2px; border: #a06000 1px solid; }
#galerie_all #lewa  A {font: normal 105% Arial; text-decoration: none; display: block; padding: 3px;   }
#galerie_all #lewa  A:link { color: #562300; background: #FCCE7D;  }
#galerie_all #lewa  A:visited { color: #FCE0AE; background: #cc9900;  }
#galerie_all #lewa  A:hover { color:#562300;  background: orange; }
#galerie_all #lewa  A:active { color: #ffcc00; background: white; }
#galerie_all #lewa h2 {color: orange; font: bold 120% Arial; margin: 10px 5px 0 0; }


/* ramka srodkowa  */
#srodek {margin: 120px 190px 0 165px; width: 610px;  padding: 1px; background: #ffffff; color: #230801; text-align: center; }
#srodek b {font: bold 110% Verdana; color:  #CC6600;}
#srodek h1 {font: bold 200% cursive; color:  #CC6600; text-align: center;}

#galerie_all #srodek {width: 100%; margin: 0 0 0 155px; padding: 20px; text-align: left; background: #ffffff; color: #230801; border-top: orange 1px solid; }
#galerie_all #srodek h4 { color: orange;  }
#galerie_all #srodek .galeria {text-align: left; width: 600px; }
#galerie_all #srodek .galeria h4 {font: bold 200% cursive; color:  #CC6600; }



/* tablea z nowosciami  */
#nowosc_top {margin: 5px 0  10px 5px; width: 480px; }
#nowosc_top ul {font: normal 105% Arial; margin: 0 8px 10px 8px; list-style: none;}
#nowosc_top li {margin-top: 10px; }
#nowosc_top h2 {color: #cc3300; font: bold 150% cursive; margin: 0; }
#nowosc_top h4 {color: red; font: bold 130% cursive; margin: 0; }
#nowosc_top b {font: bold 100% Arial; color:  #CC6600; }
#nowosc_top .link2 {margin: 5px 0; background: #ffffff url(grafy/link2.jpg) no-repeat 0 45%; padding: 5px 0 6px 10px; }
#nowosc_top .pix_nowosc {text-align: center; }
#nowosc_top hr {width: 80%; color: #ffcc00; }


/* style do ramki zakladki - kolor zolty */
.ramka2 { width: 480px; margin: 2px 0 12px 14px; }
.ramka21 {font: bold 110% Verdana; background: url(grafy/link1.jpg) no-repeat -360px 0; border-left:  #ffcc00 2px solid;
height: 16px; color: brown; text-align: left; padding: 4px 8px 0 6px; }
.ramka22 {border: #ffcc00 1px dotted; padding: 2px 4px; font: normal 110% Arial;
color: #592600; text-align: left; background: #ffffaa; }
.ramka_wew2 {margin: 0 0 2px 0; padding: 0;}
.ramka_pix {border: #ffcc00 1px dotted; padding: 2px 4px; font: normal 110% Arial;
color: #592600; text-align: center; background: #ffffaa; }
.ramka_wew2 h4 {font: bold 90% Verdana;  margin-right: 15px; display: inline;  }
.ramka_wew2 A { text-decoration: none; background: url(grafy/dot1.jpg) no-repeat 0% 50%; padding: 15px 10px; }
.ramka_wew2 A:link {color: brown;   }
.ramka_wew2 A:visited {color:#505050;   }
.ramka_wew2 A:hover {color:red;  }
.ramka_wew2 A:active {color:#505050;   }
td.nowypix {width: 80px; border:  #ffcc00 1px solid; }
.nowykot {table-layout: fixed; border-collapse: collapse; margin: 4px 0; }
.nowypix {float:left; width: 80px; border:  #99CC00 1px solid; margin: 0 5px 5px 0; }
.nowyopis {padding: 0 5px; background: #ffffdf;  vertical-align: top;  }
.nowyopis b.red {color:  #cc3300;  }
.pixpies {width: 80px; height: 80px; border:  #99CC00 1px solid; margin: 0 0 0 3px; }

/* style do ramki zakladki - kolor zielony */
.ramka1 { width: 480px; margin: 2px 0 12px 14px; }
.ramka11 {font: bold 110% Verdana; background: url(grafy/link1.jpg) no-repeat -360px 0; border-left: #ffcc00 2px solid;
height: 16px; color: brown; text-align: left; padding: 4px 8px 0 6px; }
.ramka12 {border: orange 1px dotted; padding: 2px 4px; 
text-align: left; background: #ffffaa; }
.ramka12 h4 {font: bold 90% Verdana; background: #ffffaa; margin: 5px 15px 0 5px; border-bottom: orange 1px dotted; }
.ramka_wew {margin: 0; background: #ffffdf; padding: 2px 5px; }
.ramka_wew h4 {background: #ffffaa; margin: 5px 15px 0 0; border-bottom: orange 1px dotted; }
.ramka_wew A {text-decoration: none;  }
.ramka_wew A:link {font: normal 110% Arial; color: #660000;  background: url(grafy/dot1.jpg) no-repeat 0% 50%; padding: 0 10px; }
.ramka_wew A:visited {font: normal 110% Arial; color:#505050; background: url(grafy/dot1.jpg) no-repeat 0% 50%; padding: 0 10px;  }
.ramka_wew A:hover {font: normal 110% Arial; color:red; background: url(grafy/dot1.jpg) no-repeat 0% 50%; padding: 0 10px; }
.ramka_wew A:active {font: normal 110% Arial; color: orange; background: url(grafy/dot1.jpg) no-repeat 0% 50%; padding: 0 10px;  }


.srodek {text-align: center; }

/* style do podstron */
#ksiazki .opis {font: normal 105% Verdana; text-align: left; }
#ksiazki p {font: normal 105% Verdana; text-align: left; }
#ksiazki ul li {font: normal 105% Verdana; text-align: left; }
#ksiazki .tytuly {font: bold 110% Verdana; display: inline; }

#ksiazki_teksty {margin: 5px;  }
#ksiazki_teksty h4 {font: bold 130% Verdana; color: #993300; text-align: center; margin: 5px; }
#ksiazki_teksty h2 {font: bold 140% Verdana; color: #663300; text-align: center;  margin: 5px;}
#ksiazki_teksty h5 {font: bold 120% Verdana; color: #993300; text-align: center; margin: 5px; }
.okladka {margin: 0 10px 0 0; }

#galerie ul li {font: normal 105% Verdana; text-align: left; }


/* ramka prawa  */
#prawa {position:absolute; top: 116px; left: 784px; width: 220px; border-left:  #a06000 1px solid; border-right:  #a06000 1px solid; color: #996633; text-align:center; background: #ffffce; }
#prawa h2 {font: bold 120% Arial; color: #996633 ; margin: 10px 0 0 0; }

.tabelaprawa {border-collapse: collapse; border: none; margin-top: -14px; margin-right: 3px; }
.pogrubieniebr2 {font: bold 110% Arial; }

#menuprawe ul {margin: 0 5px 10px 20px; list-style-image: url(grafy/dot1.jpg);}

/* background: #ddff99;  */

/* prawy brzeg */
#brzeg {position:absolute; top: 0; left: 1005px; width: 15%; height: 120px; border-left: #a06000 1px solid;  text-align:center; background: #ffffff; }


/* style do ramki tekstowej z tytulem i zwykłym tekstem  */
.textbox { margin: 20px; }
.textbox h2 {color: brown; font: bold 120% Arial; margin: 5px 0; }






/* styl do obrazka w prawej kolumnie */
.pixlewy {border: #669900 4px double; padding: 0; width: 150px; }


#footer {margin: 10px 0 0 5px; color:#505050;  font: bold 110% Arial; border-top: brown 3px dotted; border-bottom: #ffcc00 3px dotted;
padding: 3px;  text-align: left; }

#menufooter {margin: 0; list-style: none; width: 100%;   }
#menufooter li {display: inline; margin: 0 5px 0 0; }
#menufooter A {font: normal 100% Arial; margin: 0 1px 0 0; text-decoration: none; padding: 0 20px 0 10px; }
#menufooter A:link {color:brown;  background: url(grafy/dot1.jpg) no-repeat 0% 50% ; }
#menufooter A:visited {color:#505050;   background: url(grafy/dot1.jpg) no-repeat 0% 50% ; }
#menufooter A:hover {color:red;   background url(grafy/dot1.jpg) no-repeat 0% 50%;}
#menufooter A:active {color:#505050;   background: url(grafy/dot1.jpg) no-repeat 0% 50% ; }
#menufooter .aktual {color:#505050;   background: url(grafy/dot1.jpg) no-repeat 0% 50% ; padding: 0 20px 0 10px;}



/* style do formularza */
input { font: 110% Arial; color: brown; background-color: #FCCE7D; border: #562300  1px solid; width: 150px; }
input.buttonsubmit { font: bold 120% Arial; color: white; background-color: #865320; border: #865320 2px outset; margin-top: 5px; width: 100px; }
input.box1 { background: none; border: none; }

.baner {text-align: center; }

div.red {color:  #cc3300; font: bold 100% Arial; }


INPUT  {
	 	font: bold 10px Arial;
	 	color : orange;
                background-color: #efffbf;

	 }
hr {color: orange; height: 1px; width: 90%; noshadow;}