html, body {
	background-color: #082e29;						/* Tło calej strony */
	color: #dbd68d;								/* Kolor tekstu na calej stronie */
	
        	
	
}

#TOP {
	width: 1004px; 								/* Szerokosc calej strony w pikselach */
	margin: 0 auto; 							/* Wysrodkowuje cala strone */
}

#NAGLOWEK {

	
}

#INFORMACJE {
	
	width: 200px; 								/* Szerokosc wydzielonego bloku informacji */
	float: right; 								/* Polozenie wydzielonego bloku informacji */
	overflow: hidden;
	background-color: #082e29; 						/* Tłó wydzielonego bloku informacji */
	text-align: center;
	padding: 30px 8px 30px 8px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
        	
}

#TRESC {
	width: 780px; 								/* Szerokosc wydzielonego bloku tresci */
	float: left; 								/* Polozenie wydzielonego bloku tresci */
	overflow: hidden;
	background-color: #082e29;						/* Tło wydzielonego bloku treści */
        text-decoration: none;
	text-align: left;							/* Ustawienie tekstu w wydzielonym bloku tresci */
	border-style: solid;
	border-width: 1px 1px 1px 1px;
        font-family: Arial;
        font-size: 17px;
        }

#TRESC2 {
        padding: 70px 0px 0px 30px;
        }
#TRESC3 {
         width: 330px;
         float: right;
         padding: 30px 20px 150px 0px;
         }

#STOPKA {
	clear: both;
	width: 100%; 								/* Szerokosc stopki */
	background-image: url(grafika/tlo.jpg); 				/* Tło wydzielonego bloku stopki stopki */
	border-style: solid;
	border-width: 1px 0px 0px 0px;
        text-align: center;
        padding: 2px 0px 0px 5px;

}


ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul li {
	display: inline;
	white-space: nowrap;
}

ul li {
	float: left;
}

ul a:link, ul a:visited {
	text-decoration: none;
	display: block;
	text-align: center;
	background-image: url(grafika/tlo.jpg);
	color: #dbd68d;
	border: 1px outset #dbd68d;
	padding: 5px;
}

ul a:hover {
	border-style: inset;
	padding: 7px 3px 3px 7px;
	
}

a.link {
	text-decoration: none;
	display: block;
	text-align: center;
	background-image: url(grafika/tlo.jpg);
	color: #dbd68d;
	border: 1px outset #dbd68d;
	padding: 5px;

}

a.link:hover {
	border-style: inset;
	padding: 7px 3px 3px 7px;
	
}


/* arkusz stylow z odnosnikami w stylu przyciskow */
/* gruby tekst i zmiana koloru w tym wypadku zolty po wskazaniu odsylacza myszka */
a.ogtizk:link {
	
	color: #dbd68d;
	
}
a.ogtizk:visited {
	
	color: #dbd68d;
	
}
a.ogtizk:hover {
	font-weight: bold;
	color: #fffd74;
	
}

/* zmiana koloru w tym wypadku zolty tekstu odsylacza po wskazaniu myszka */

a.ozt:link {
	color: #dbd68d;
}

a.ozt:hover {
	color: #fffd74;
}

a.szerokosc {
             width: 155px;
}
a.szerokosc2 {
             width: 157px;
}

/* style znacznikow legend */
legend.color {
             color: #dbd68d;
             }
fieldset.styl {
              border-style: inset;
              border-width: 1px;
              }
/* style znacznikow img */
img.szerokosc3 {
                width: 250px;
                height: 350px;
                }
img.w3c {
        width: 51px;
        height: 18px;
        float: left;
        }
        
img.oferta {
           border-style: solid;
	   border-width: 1px 1px 1px 1px;
           }
/* style znacznikow <p> */
p.styl1{

        }
ul.szerokosc {
              width: 60px;
              }

              
/* FORMMAIL */

#TRESC4 {
         width: 330px;
         float: right;
         padding: 0px 20px 20px 0px;
         }

#IMIE {
       font-size: 15px;
       width: 100px;
       height: 20px;
       border-style: none;
       }
#NAZWISKO {
          font-size: 15px;
          width: 150px;
          height: 20px;
          border-style: none;
          }
#EMAIL {
       font-size: 15px;
       width: 200px;
       height: 20px;
       border-style: none;
       }
#TEMAT {
       font-size: 15px;
       width: 250px;
       height: 20px;
       border-style: none;
       }
#TRESCWIADOMOSCI {
       font-size: 15px;
       width: 320px;
       height: 100px;
       border-style: none;
       }
#ZALACZNIK {
           font-size: 15px;
           width: 300px;
           height: 25px;
           border-style: none;
           }
#PRZYCISKWYSLIJ {
                font-size: 15px;
                width: 100px;
                height: 25px;
                border-style: none;
                border-style: none;
                border-style: solid;
                border-color: blue;
                border-width: 1px;
                }
#PRZYCISKWYCZYSC {
                 font-size: 15px;
                 width: 100px;
                 height: 25px;
                 border-style: none;
                 border-style: solid;
                 border-color: blue;
                 border-width: 1px;
                 }
#OCHRONADANYCH {
               font-size: 11px;
               }
#POTWIERDZENIE {
               padding: 0px 0px 180px 0px;
               }
/* OFERTA */

#TRESC5 {
	width: 780px; 								/* Szerokosc wydzielonego bloku tresci */
	float: left; 								/* Polozenie wydzielonego bloku tresci */
	overflow: hidden;
	background-color: #082e29;						/* Tło wydzielonego bloku treści */
        text-decoration: none;
	text-align: center;							/* Ustawienie tekstu w wydzielonym bloku tresci */
	border-style: inset;
	border-width: 0px 1px 1px 1px;
        padding: 40px 0px 0px 0px;
        }
a.ozt2:link {
	color: #dbd68d;
        text-decoration: none;
        }
a.ozt2:visited {
	
        text-decoration: none;
        }
a.ozt2:hover {
	color: #fffd74;
        text-decoration: none;
        }
a.ozt2:active {
	
        text-decoration: none;
        }
#USTAWIENIE1 {
              padding: 1cm;
              text-align: center;
              width: 110px;

              }
#USTAWIENIE2 {
              padding: 20px 1cm 1cm 1cm;
              text-align: center;
              width: 110px;
              }
#USTAWIENIE3 {
              padding: 20px 1cm 1cm 1cm;
              text-align: center;
              width: 110px;
              }
#USTAWIENIE4 {
              padding: 20px 1cm 1cm 1cm;
              text-align: center;
              width:110px;
              }
#USTAWIENIE5 {
              padding: 1cm;
              text-align: center;
              width: 110px;
              }
#USTAWIENIE6 {
              padding: 1cm;
              text-align: center;
              width: 110px;
              }
#USTAWIENIE7 {
              padding: 1cm;
              text-align: center;
              width: 110px;
              }
#USTAWIENIE8 {
              padding: 1cm;
              text-align: center;
              width: 110px;
              }
/* RENOWACJA ZDJEC */

#TRESC6 {
         width: 330px;
         float: right;
         padding: 30px 20px 35px 0px;
         }
         
#TRESC7 {
         width: 730px;
         float: left;
         padding: 30px 0px 40px 40px;
         }
#AKAPIT1 {
         padding: 0px 30px 0px 30px;
         }
         
/* CENNIK_RENOWACJA */

h1.tytul1 {
         padding: 40px 0px 0px 0px;
         text-align: center;
         font-size: 20px;
         }
h1.tytul {
         padding: 40px 0px 0px 0px;
         text-align: center;
         }
h2.tytul {
         padding: 40px 0px 30px 0px;
         text-align: center;
         }
h3.tytul {
         padding: 40px 0px 30px 0px;
         text-align: center;

         }
h4.tytul {
         padding: 40px 0px 30px 0px;
         text-align: center;
         font-family: Arial;
         }


#TRESC8 {

        padding: 0px 0px 0px 90px;
        width: 600px;
        }
#TRESC9 {

        padding: 0px 0px 40px 100px;
        }

table.obramowanie {
          border-style: solid;
          border-collapse: collapse;
          border-width: 1px;
          border-color: #fff;
          text-align: center;
          }
td.obramowanie {
          border-style: solid;
          border-collapse: collapse;
          border-width: 1px;
          border-color: #fff;
          text-align: center;
          padding: 5px;
          }

caption.tytultabeli {

                    font-size: 20px;
                    padding: 10px;
                    }
/* KUBEK ZE ZDJECIEM */

#TRESC10 {
         width: 330px;
         float: right;
         padding: 50px 20px 0px 0px;
         }

#TRESC11 {
         width: 720px;
         float: left;
         padding: 0px 0px 0px 20px;
         }
         
#TRESC12 {
         width: 420px;
         float: left;
         padding: 0px 0px 0px 100px;
         }
#TRESC13 {
         width: 720px;
         float: left;
         padding: 0px 0px 20px 20px;
         }
/* PROJEKTY DO KUBKOW */
#TRESC14 {
	width: 1002px; 								/* Szerokosc wydzielonego bloku tresci */
	text-align: center; 								/* Polozenie wydzielonego bloku tresci */
	overflow: hidden;
	background-color: #082e29;						/* Tło wydzielonego bloku treści */
        text-decoration: none;
								/* Ustawienie tekstu w wydzielonym bloku tresci */
	border-style: solid;
	border-width: 1px 1px 1px 1px;
        font-family: Arial;
        font-size: 17px;
        }
#TRESC15 {
         width: 400px;
         padding: 0px 0px 0px 80px;
         float: left;
         }
#TRESC16 {
         width: 400px;
         padding: 0px 80px 0px 0px;
         float: right;
         }
/* POSZEWKA ZE ZDJECIEM */

#TRESC17 {
         width: 350px;
         float: right;
         padding: 0px 20px 0px 0px;
         }
#TRESC18 {
         width: 720px;
         float: left;
         padding: 60px 0px 20px 20px;
         }
/* PLAN LEKCJI DLA DZIECI */
#TRESC19 {
        padding: 0px 0px 0px 0px;
        }
#TRESC20 {
         width: 350px;
         float: right;
         padding: 10px 20px 0px 0px;
         }
#TRESC21 {
         width: 700px;
         float: left;
         padding: 50px 0px 20px 40px;
         }
table.bezobramowania1 {
                      width: 400px;
                      }
td.bezobramowania {
                  text-align: center;
                  }
td.bezobramowania2 {
                   padding:10px;
                   }
/* SKANOWANIE I ARCHIWIZACJA */

#TRESC22 {
         width: 700px;
         float: left;
         padding: 20px 0px 20px 40px;
         }


/* CENNIK SKANOWANIE */
#TRESC23 {
         padding: 0px 0px 0px 240px;
         }
table.tabela2 {
          border-style: solid;
          border-collapse: collapse;
          border-width: 1px;
          border-color: #fff;
          text-align: center;
          width: 300px;
          }
td.tabela2 {
          border-style: solid;
          border-collapse: collapse;
          border-width: 1px;
          border-color: #fff;
          text-align: center;
          padding: 5px;
          }
#TRESC24 {
         padding: 0px 0px 0px 90px;
         }
table.tabela3 {
          border-style: solid;
          border-collapse: collapse;
          border-width: 1px;
          border-color: #fff;
          text-align: center;
          width: 600px;
          }
table.tabela03 {
          border-style: solid;
          border-collapse: collapse;
          border-width: 1px;
          border-color: #fff;
          text-align: center;
          width: 600px;
          border-top-color: #082e29;
          }

td.tabela3 {
          border-style: solid;
          border-collapse: collapse;
          border-width: 1px;
          border-color: #fff;
          text-align: center;
          padding: 5px;
          }


#TRESC25 {
         padding: 0px 0px 30px 190px;
         }
table.tabela4 {
          border-style: solid;
          border-collapse: collapse;
          border-width: 1px;
          border-color: #fff;
          text-align: center;
          width: 400px;
          }
td.tabela4 {
          border-style: solid;
          border-collapse: collapse;
          border-width: 1px;
          border-color: #fff;
          text-align: center;
          padding: 5px;
          }
table.tabela5 {
          border-style: solid;
          border-collapse: collapse;
          border-width: 1px;
          border-color: #fff;
          text-align: center;
          width: 700px;
          }
td.tabela5 {
          border-style: solid;
          border-collapse: collapse;
          border-width: 1px;
          border-color: #fff;
          text-align: center;
          padding: 3px;
          }
/* FOTOALBUMY */
#TRESC26 {
         padding: 30px 0px 0px 50px;
         }
#TRESC27 {
         width: 320px;
         float: right;
         padding: 0px 20px 0px 0px;
         }
#TRESC28 {
         width: 740px;
         float: left;
         padding: 20px 0px 0px 20px;
         }

#TRESC29 {
        padding: 0px 20px 0px 20px;
        float: right;
        }
#TRESC30 {
         width: 320px;
         float: left;
         padding: 0px 0px 0px 20px;
         }
#TRESC31 {
         width: 740px;
         float: left;
         padding: 20px 0px 0px 20px;
         }
#TRESC32 {
         padding: 0px 0px 0px 100px;
         }
#TRESC33 {

         text-align: center;
         }
#TRESC51 {
         padding: 0px 0px 0px 50px;
         }

img.rozmiar1 {
             width: 350px;
             height: 250px;
             }

img.rozmiar2 {
             width: 359px;
             height: 176px;
             color: black;
             }

img.rozmiar3 {
             width: 100px;
             height: 100px;
             }
img.rozmiar4 {
             width: 400px;
             height: 300px;
             }
             
/* CENNIK FOTOALBUMY */

#TRESC34 {
         padding: 50px 0px 0px 240px;
         }
#TRESC35 {
         padding: 50px 0px 0px 90px;
         }
#TRESC36 {
         padding: 50px 0px 0px 90px;
         }
#TRESC37 {
         padding: 50px 0px 50px 240px;
         }
/* KALENDARZ ZE ZDJECIAMI */
#TRESC38 {
         padding: 30px 0px 0px 50px;
         }
#TRESC39 {
         width: 320px;
         float: right;
         padding: 15px 20px 0px 0px;
         }
#TRESC40 {
         width: 740px;
         float: left;
         padding: 20px 0px 20px 20px;
         }
/* CENNIK KALENDARZ ZE ZDJECIAMI */

#TRESC41 {
         padding: 50px 0px 50px 40px;
         }
/* SMIESZNY KALENDARZ */
#TRESC42 {
         width: 740px;
         float: left;
         padding: 20px 0px 20px 20px;
         }
         
/*CENNIK SMIESZNY KALENDARZ */
#TRESC43 {
         text-align: center;
         padding: 50px 0px 150px 0px;
         }
/*DODATKI */
#TRESC44 {
         padding: 50px 0px 50px 30px;
         }
/*CENNIK */
#TRESC45 {
         padding: 50px 0px 50px 30px;
         }
li.ustawienie2 {
         padding: 0px 0px 20px 40px;
         }
/*REGULAMIN */
li.ustawienie3 {
         padding: 0px 0px 20px 0px;
         }
/*CENNIK PLAN LEKCJI */
#TRESC46 {
         padding: 50px 0px 50px 90px;
         }
/* SITE MAP */
#TRESC47 {
         padding: 0px 0px 30px 50px;
         }
#TRESC48 {
         padding: 0px 0px 0px 20px;
         }
#TRESC49 {
         padding: 0px 0px 0px 20px;
         }
#TRESC50 {
         padding: 0px 0px 0px 20px;
         }
#TRESC51 {
         padding: padding: 0px 0px 0px 30px;
         }
         


