/* 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 110% Arial; color: brown; background: none; border: none; padding-left: 0px;  padding-right: 0px; }
A:visited {font: bold 110% Arial; color: #999900; background: none;  text-decoration: none; border: none; padding-left: 0px;  padding-right: 0px; }
A:hover {font: bold 110% Arial; color: red; background: none; text-decoration: none; border: none; padding-left: 0px;  padding-right: 0px; }
A:active {font: normal 110% Arial; color: red; background: none; text-decoration: none; border: none; padding-left: 0px;  padding-right: 0px; }

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;  }

/* style do listy z kulkami */
A.kulki: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.kulki: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.kulki: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.kulki: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;  }


body {background: #ffffff url(grafy/tlom4.jpg) repeat-y 0 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: #330000;
}

/* styl do duzego zdjecia galerii */
body#galeria {background:  #ffffaa; margin: 0;  font: small Arial;
scrollbar-face-color: #62dd42;
scrollbar-highlight-color: #006600;
scrollbar-track-color: #ffffce;
scrollbar-arrow-color: #006600;
color: #330000;
padding: 0 20px;
}
body#galeria b {font: bold 120% Arial; }


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

#baner0 {position:absolute; top: 0px; left: 0px; background:#FAEE5F; width:140px; height:105px; border-bottom: brown 1px solid;  margin: 0; padding: 0; }
#baner1 {width: 900px; height:105px;  margin: 0 0 20px 130px; padding: 0;  }


#header {margin-left: 155px; background: #efffbf; }

#caloscadopcja {background: url(grafy/tlo_lewe_gl.jpg) repeat-y 810px -50px;  width: 100%, margin: 0; padding: 0;}
#calosckotybaza {background: url(grafy/tlo_lewe_gl.jpg) repeat-y 810px -50px;  width: 100%, margin: 0; padding: 0; }
#caloscglowna {background: url(grafy/tlo_lewe_gl.jpg) repeat-y 810px -50px;  width: 100%, margin: 0; padding: 0;}

#lewa {position:absolute; top: 120px; left: 3px; width: 182px; color: #230801; text-align:right; }
#lewa b {color: #E3FE02; font: bold 130% Arial; margin: 10px 5px 0 0; }
#lewa ul {padding: 0;  margin: 3px 0; list-style: none;  }
#lewa  li {margin: 0 5px 3px 2px; background: #ffffaa;  border: green 1px solid; }
#lewa  A {font: normal 110% Arial; text-decoration: none; display: block; padding: 2px;   }
#lewa  A:link { color: brown; background: #ffef10;  }
#lewa  A:visited { color: #ffef10; background: #528003;  }
#lewa  A:hover { color: brown;  background: #DDFE02; }
#lewa  A:active { color: green; background: white; }
#lewa li .now { padding-right: 3px;  }
#lewa h2 {color: #E3FE02; font: bold 130% cursive; margin: 10px 5px 0 0; }


/* ramka srodkowa  */
#srodek { margin: 30px 200px 0 200px; width: 600px;  padding: 1px; background: #ffffff; color: #330000; text-align: center; }
#srodek_gl {margin: 30px 250px 0 200px; width: 600px;  padding: 1px 5px; background: #ffffff; color: #330000; text-align: center;  }

#srodek h1 {color: #cc3300; font: bold 200% cursive; margin: 0; }
#srodek h3 {color: #cc6600; font: bold 160% cursive; margin: 0; }
#srodek b {color: #999900; font: bold 110% cursive; margin: 0; }
#srodek ul {text-align: left;  }
#srodek b.red {color: red; font: bold 110% Arial; margin: 0; }
#srodek img {text-align: center; }


.wstep {margin: 30px 0 0 10px; padding: 5px; text-align: left; font: normal 110% Arial; border: orange 2px dotted; background: white; width: 185px;  }
.wstep h1 {color: orange; font: bold 140% cursive;  margin: 0; padding: 0; }
.wstep p {padding-bottom: 10px; border-bottom: orange 2px dotted;}
a.zapisz {text-align: center; background: url(allegro/img/pasek1.jpg) 0 0 repeat-x;  padding: 5px 10px; border: brown 1px solid; font: bold 110% Verdana;}


.wstep_srodek { margin: 10px auto;  padding: 5px; text-align: left; font: normal 110% Arial; border: orange 2px dotted; background: white; width: 500px;  }
.wstep_srodek h1 {color: orange; font: bold 140% cursive;  margin: 0; padding: 0; }
.wstep_srodek p {border-bottom: orange 2px dotted;}




/* tablea z nowosciami  */
#nowosc_top {margin: 5px 0; width: 580px; text-align: left;  }
#nowosc_top ul {font: normal 110% Arial; margin: 0 8px 10px 0; list-style: none;}
#nowosc_top li {margin-top: 5px; padding: 5px 0; border-bottom: orange 1px dotted;}
#nowosc_top h2 {color: #cc3300; font: bold 140% cursive; margin: 0; }
#nowosc_top li b {color: #cc3300; font: bold 100% Arial; }
#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 {  margin: 2px 0 10px 15px; text-align: left; width: 520px; }
#srodek_gl .ramka2 {  margin: 2px 0 10px 40px; text-align: left; width: 520px; }

.ramka21 {background: url(grafy/link1.jpg) no-repeat -360px 0; border-left:  #ffcc00 2px solid;
height: 16px; color: brown; font: bold 120% Arial; 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 {margin-right: 15px; display: inline; font: bold 110% Arial;  }
.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;   }
.nowykot {text-align: left; table-layout: fixed; border-collapse: collapse; margin: 4px 0; }
.nowypix {float:left; width: 80px; border:  #99CC00 1px solid;  margin-right: 5px; }
.nowyopis {padding: 0 5px; background: #ffffdf;  vertical-align: top; }
.nowyopis h4 {margin: 0; color: red; font: bold 130% Arial; text-align: left; }
.pixpies {width: 70px; height: 70px; border:  #99CC00 1px solid; margin: 0 0 0 3px; }


#kotybaza .tabelabaza {BORDER: #339900 2px dotted ; margin: 0 10px 5px 10px; background: #ffffaa; }
#kotybaza .tabelabaza .zdjecie {BORDER: #999900 1px solid; width: 150px; float: left; margin: 4px 10px 3px 2px; }
#kotybaza .tabelabaza .tytul {border-bottom: brown 2px dotted; }
#kotybaza .tabelabaza .opis {text-align: left; font: 110% Arial; margin: 5px; background: #ffffdf;}
#kotybaza .tabelabaza h4 {display: inline; font: bold 130% Arial; color: #cc3300; margin: 0; }
#kotybaza .tabelabaza b {font: bold 110% Arial; color: #cc6600; }

#adopcjapsy {margin: 5px 0; padding: 0; font: normal 110% Arial; }
#adopcjapsy p.prezent {border: #999900 2px dotted; margin: 5px 0; padding: 5px; }
#adopcjapsy p.prezentb {border: #99CC00 2px dotted; margin: 5px 0; padding: 5px; }
#adopcjapsy .tytpsy {font: bold 130% Arial; color: #cc6600; }
#adopcjapsy strong {font: bold 100% Verdana Arial; color: #999900; }

/* style do ramki zakladki - kolor zielony */
.ramka1 { width: 520px; margin: 2px 0 15px 15px; }
#srodek_gl .ramka1 { width: 520px; margin: 2px 0 15px 40px; }
.ramka11 {background: url(grafy/link1z.jpg) no-repeat -360px 0; border-left:  green 2px solid;
height: 16px; color: brown; font: bold 120% Arial; text-align: left; padding: 4px 8px 0 6px; }
.ramka12 {border: green 1px dotted; padding: 2px 4px; font: normal 110% Arial;
color: #592600; text-align: left; background: #efffbf; }
.ramka12 h4 {background: #efffbf; margin: 5px 15px 0 5px; font: bold 110% Arial; border-bottom: green 1px dotted; }
.ramka_wew {margin: 0; background: #ffffdf; padding: 2px 5px; }
.ramka_wew ul {margin: 0; padding: 0; }
.ramka_wew li {display: inline; list-style: none; padding: 5px; }
.ramka_wew h4 {background: #efffbf; margin: 5px 15px 0 0; font: bold 110% Arial; border-bottom: green 1px dotted; }
.ramka_wew A {text-decoration: none; }
.ramka_wew A:link {font: normal 100% Arial; color: #003300;  background: url(grafy/dot1.jpg) no-repeat 0% 50%; padding: 0 10px; }
.ramka_wew A:visited {font: normal 100% Arial; color:#505050; background: url(grafy/dot1.jpg) no-repeat 0% 50%; padding: 0 10px;  }
.ramka_wew A:hover {font: normal 100% Arial; color:red; background: url(grafy/dot1.jpg) no-repeat 0% 50%; padding: 0 10px; }
.ramka_wew A:active {font: normal 100% Arial; color: green; background: url(grafy/dot1.jpg) no-repeat 0% 50%; padding: 0 10px;  }


.srodek {text-align: center; }

.ramka_tekst1 {margin: 0; text-align: center; font: normal 110% Arial; border-bottom: #99CC00 1px dotted; padding: 10px; }
.ramka_tekst1 h6 {color: #CC3300; font: bold 130% Arial; margin: 5px 2px; }
.ramka_tekst1 b {color: #CC6600; font: bold 110% Arial; }

.ramka_tekst2 {text-align: left; font: normal 110% Arial; border-bottom: #99CC00 1px dotted; padding: 10px; }
.ramka_tekst2 h4 {color: #CC3300; font: bold 140% Arial; margin: 5px 2px; }
.ramka_tekst2 b {color: #CC6600; font: bold 110% Arial; }

.opis_kota {text-align: center; font: normal 120% Arial; border-bottom: #99CC00 1px dotted; padding: 10px; }
.opis_kota p {text-align: left; }
.opis_kota b {color: #CC6600; font: bold 120% Arial; margin: 0; }
.opis_kota ul {text-align: left;  }


.menupoziome {width: 480px; border: green 1px dotted; padding: 4px; font: normal 100% Arial;
color: #592600; text-align: left; background: #efffbf; text-align: justify; }
.menupoziome h4 {background: #efffbf; margin: 5px 15px 0 0; font: bold 110% Arial; border-bottom: green 1px dotted; }
.menupoziome ul {margin: 2px; padding: 5px; background: #ffffdf; }
.menupoziome li {margin: 10px 0; display: inline; list-style: none;  padding: 5px 10px 5px 0; }
.menupoziome a {font: normal 120% Arial;}



/* koniec stylow do srodka  */

/* ramka prawa str gl  */
#prawa_gl {position:absolute; top: 120px; left: 810px; width: 220px; border-left:  #99CC00 1px solid; color: #230801; text-align:center; background: url(grafy/tlo_lewe_gl.jpg) repeat-y; }
#prawa_gl h2 {font: bold 120% Arial; color: #666600; margin: 10px 0 0 0; }


/* ramka prawa  */
#prawa {position:absolute; top: 116px; left: 810px; width: 218px; border-left:  #99CC00 1px solid; border-right:  #99CC00 1px solid;  color: #230801; text-align:center;  background: #efffbf; padding-top: 10px;}
#prawa h2 {font: bold 120% Arial; color: #666600; margin: 10px 0 0 0; }
#prawa h3 {font: bold 120% Arial; color: #666600; margin: 0; }
#prawa ul {margin: 0 5px 10px 20px; list-style-image: url(grafy/dot1.jpg); text-align: left; }

#prawa b.menu {font: bold 120% Arial; color: #666600; }
#prawa b {font: bold 120% Arial; color: #666600; }
#prawa ul.menu_gl {margin: 5px 5px 5px 20px; text-align: left; padding: 0px; list-style-image: url(grafy/dot1.jpg);}
#prawa ul {margin: 5px 5px 5px 20px; text-align: left; padding: 0px; list-style-image: url(grafy/dot1.jpg);}


#menuprawe ul {margin: 0 5px 10px 20px; list-style-image: url(grafy/dot1.jpg); text-align: left; }
.tabelaprawa {border-collapse: collapse; border: none; margin-top: -14px; margin-right: 3px; }


/* background: #ddff99;  */

/* prawy brzeg */
#brzeg_gl {position:absolute; top: 0; left: 1029px; border-left:  #99CC00 1px solid; border-right:  #99CC00 1px solid; color: #230801; text-align:center; width: 220px; background: #ddff99; margin:  0; padding: 50px 0; }
#brzeg_gl b {font: bold 110% Arial; color: brown;}
#brzeg_gl a {font-weight: normal; }
#brzeg_gl ul {margin: 2px 5px 10px 20px; list-style-image: url(grafy/dot1.jpg); text-align: left; }


#brzeg {position:absolute; top: 0; left: 1029px; width: 15%; height: 116px; border-left:  #99CC00 1px solid;  color: #230801; text-align:center;  }




/* 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_gl {margin: 0; height: 20px; background: #ddff99; width: 1240px;
color:#505050;  font: bold 110% Arial; border: #99CC00 1px dotted;
padding: 3px;  text-align: left; }


#footer {margin: 0; height: 20px; width: 995px;
background: #ddff99;
color:#505050;  font: bold 110% Arial; border: #99CC00 1px dotted;
padding: 3px;  text-align: left; }

#menufooter {margin: 0; list-style: none; float: left;   }
#menufooter li {float: left; margin: 0 5px 0 0; display: block;}
#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: white; border: green  1px solid; width: 150px; }
input.buttonsubmit { font: bold 120% Arial; color: white; background-color: #528003; border: #669900 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; }

b {color: brown; }


hr {color: #99CC00; height: 1px; width: 90%; noshadow;}	

.galeria_koty {margin-left: 180px; color: green; font: normal 110% Arial; }
	 
p.tekst {font: normal small Arial; }

.adopcjapsy {width: 300px; }

iframe {margin: 0 auto;}
