html {padding:0; margin:0;  background: #99CCFF url(grafika/tlo-html.jpg)  top center repeat-y;
font: 9pt Verdana, Arial, Helvetica, sans-serif;}

body {font: 9pt Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; text-align: center;  background: #99CCFF url(grafika/tlo.jpg) top center no-repeat;}

#calosc {width: 780px;  margin: 0 auto; padding: 0; text-align: left; background-color: #99CCFF;}



#gora { margin:0; padding:0;}

#gora-flash {margin: 0; padding:0; }

#menu-gora  {width: 780px;  margin: 0 auto;}

#menu-gora ul {padding: 0; margin: 0;}

#menu-gora ul li {background-color: #99CCFF; float: left; padding: 0; margin:0; list-style: none;}

#menu-gora #menu-duze li a { display:block; width: 190px; height: 24px; text-decoration: none; background: url(grafika/menu-duze.jpg)  0 0 no-repeat; margin:0;
padding: 10px 5px 10px 0px; margin:0; font-size: 8pt; font-weight: bold; text-align: center; color: #FFCC99;}

#menu-gora #menu-duze li a:hover {background: url(grafika/menu-duze-zazn.jpg)  0 0 no-repeat;
padding: 14px 0 6px 5px;}

#menu-gora #menu-male li a { display:block; width: 130px; height: 24px; text-decoration: none; background: url(grafika/menu-male.jpg)  0 0 no-repeat; margin:0;
padding: 8px 4px 6px 22px; margin:0; font-size: 7pt; font-weight: bold; text-align: left; color: #FFCC99;}

#menu-gora #menu-male li a:hover {background: url(grafika/menu-male-zazn.jpg)  0 0 no-repeat;
padding: 10px 0 4px 26px;}


#imieniny {float: left; text-align: left; background-color:#99CCFF; font-size: 7pt; font-weight: bold;}
#logowanie {text-align: right; background-color:#99CCFF; }
#logowanie a {color: #333333; text-decoration: none;}

#newsletter {border: 1px solid #99CCFF; height: 46px; margin: 0; padding:0; background-color:#99CCFF; font-size: 7pt; font-weight: bold;}
#newsletter-form {height: 14px; font-size: 7pt;}
#newsletter-przycisk  {height: 18px; font-size: 7pt;}









#tresc {margin: 0; padding: 18px 0 0 0; background: #FFFFFF url(grafika/tlo-tresc.jpg)  0 0 no-repeat; }



#tekst {margin: 0; padding: 0 10px 10px 14px; background: #FFFFFF url(grafika/tlo-tekst.jpg)  0 0 repeat-y;}




h1 {margin: 0 200px 40px 200px; padding-bottom: 4px; text-align: center; font-size: 12pt; color: #336699; border-bottom: 1px solid #333333;}










#szkolenia {text-align: center; font-size: 9pt;}
#szkolenia a {color: #666666; font-weight: bold;}


#formularz {text-align: center;}
#formularz fieldset {margin: 30px 100px 10px 100px; background-color: #336699; color: white;  padding: 10px 0;}


#formularz2 {font-size: 8pt; }


#program {text-align: center;}
#program fieldset {margin: 10px 200px 10px 200px; padding: 40px 0; background-color: #336699; color: white; padding-top: 10px;}
#program a {color: #333333;}



#program2 {text-align: center;}
#program2 a {color: #333333;}
#program2 div {margin: 10px 150px 10px 150px; padding: 40px 0; background-color: #336699; color: white; padding-top: 10px;}
#program2 div a {color: #FFCC99;}


#rejestracja {text-align: center;}
#rejestracja fieldset {margin: 10px 200px 10px 200px; padding: 40px 0; background-color: #336699; color: white; padding-top: 10px;}

#zapomnialem_hasla {text-align: center;}
#zapomnialem_hasla fieldset {margin: 10px 200px 10px 200px; padding: 40px 0; background-color: #336699; color: white; padding-top: 10px;}


#zapytanie_oferte {text-align: center;}
#zapytanie_oferte fieldset {margin: 10px 200px 10px 200px; padding: 40px 0; background-color: #336699; color: white; padding-top: 10px;}

#oferta {text-align: center;}

#kontakt {font-size: 9pt; text-align: center; margin: 0 150px; width: 470px;}

#kontakt fieldset {background-color: #336699; color: white; margin-bottom: 10px; padding: 10px 0;}

#promocje  {text-align: center; margin-bottom: 50px;}







#nad_stopka {font-size: 10px; color: #777; font-weight: bold; text-align: center; margin-top: 40px;}

#stopka {margin: 0; height: 200px; width: 780px; background: #99CCFF url(grafika/stopka-tlo.jpg) bottom right no-repeat;
font-size: 7pt; font-weight: bold; }

#stopka p {float: left; width:250px; text-align: center; line-height: 2em;}









#kalendarz {float: left; width: 220px; margin: 0;}

#kalendarz div {border: 1px solid black; background: #6699CC;}

#kalendarz div #dni  {height: 180px; background: url(grafika/kal-tlo.jpg) 0 0 no-repeat; padding-top: 40px; padding-left: 4px;}

#kalendarz a.data_puste {float: left; display: block; width: 30px; height: 22px; padding-top: 8px;
text-align: center; background: url(grafika/kal-data-puste.jpg) 0 0 no-repeat;
color:white; font: 8pt bold Verdana, sans-serif; text-decoration: none;}

#kalendarz a.data_pelne {float: left; display: block; width: 30px; height: 22px; padding-top: 8px;
text-align: center; background: url(grafika/kal-data-pelne.jpg) 0 0 no-repeat;
color:white; font: 8pt bold Verdana, sans-serif; text-decoration: none;}

#kalendarz a.puste {float: left; display: block; width: 30px; height: 22px; padding-top: 8px;
text-align: center; color:white; font: 8pt bold Verdana, sans-serif; text-decoration: none;
background: url(grafika/kal-puste.jpg) 0 0 no-repeat; color: #6699CC;}



#kalendarz #przesuwanie { text-align: center; width: 210px; height: 80px; color: white; font-weight: bold;}

#kalendarz #przesuwanie a.dolne {background: white; width: 50px; text-decoration: none; position: relative; top: 10px;}
#kalendarz #przesuwanie a img {border: 0;}


#kalendarz #legenda {font-size: 8pt; text-align: left;}


#kalendarz #miesiac1 {display: block;}
#kalendarz #miesiac2{display: none;}
#kalendarz #miesiac3 {display: none;}
#kalendarz #miesiac4 {display: none;}
#kalendarz #miesiac5 {display: none;}
#kalendarz #miesiac6 {display: none;}


#szkolenia #nad_tabelka {position: relative; left: 10px; margin: 10px; font-weight: bold;}
#szkolenia #tab_szkolenia {margin: 20px 20px 100px 10px;}

#szkolenia #tab_szkolenia th {padding: 4px; border-bottom: 1px solid #999999; border-right: 1px solid #666666; }

#szkolenia #tab_szkolenia td {padding: 4px; border-bottom: 1px solid #999999; border-right: 1px solid #666666; }

#szkolenia #tab_szkolenia a {text-decoration: none; color: black;}