html, BODY
	 {
	 margin: 0px auto;
	 height: 100%;
	 text-align: center;
	 font-family: garamong, georgia, 'book antiqua', 'times new roman', times, serif;
	 font-size: small;
	 background-color: #ffddff;
	 }

/* warstwa okalajaca */
#okalajaca
    {
	 margin: 0px auto;
	 text-align: center;
	 width: 795px;
	 border-left: double #ff0055 3px;
	 border-right: double #ff0055 3px;
	 height: auto !important; /* real browsers */
	 height: 100%; /* IE6: treaded as min-height*/
	 min-height: 100%; /* real browsers */
	 background-color: white;
	 float: center;
	 }
/* warstwa tla  */
#tla
    {
	 margin: 0px auto;
	 text-align: center;
	 width: 750px;
	 height: auto !important; /* real browsers */
	 height: 100%; /* IE6: treaded as min-height*/
	 min-height: 100%; /* real browsers */
	 background-color: white;
	 float: center;
	 }

/**************************** WARSTWY GORY STRONY *****************************/

/* warstwa z logo serwisu na podstronie */
#gora0
    {
	 float: left;
	 margin: 0px auto;
	 width: 765px;
	 /*
	 padding-bottom: 10px;
	 border-bottom: double 3px #ff0055;
	 */
	 background-color: white;
	 margin-left: 15px;
	 margin-right: 15px;
	 margin-top: 15px;
	 }

/* warstwa z logo serwisu na stronie glownej */
#gora1
    {
	 float: left;
	 margin: 0px auto;
	 width: 350px;
	 height: 317px;
	 background-color: white;
	 margin-left: 15px;
	 margin-top: 15px;
	 }

/* warstwa z obrazkiem */
#gora2
    {
	 float: left;
	 margin: 0px auto;
	 width: 400px;
	 height: 317px;
	 margin-right: 15px;
	 margin-left: 15px;
	 margin-top: 5px;
	 }

/* warstwa poziomego menu */
#gora3
    {
	 clear: both;
	 float: center;
	 margin: 0px auto;
	 width: 765px;
	 height: 30px;
	 margin: 15px;
	 text-align: center;
	 font-size: large;
	 letter-spacing: 4px;
	 font-weight: normal;
	 color: #ff0055;
	 }

/* lewa kolumna */
#lewe
    {
	 margin: 0px auto;
	 float: left;
	 width: 480px;
	 margin-bottom: 15px;
	 margin-left: 15px;
	 }

/* lewa kolumna */
#prawe
    {
	 margin: 0px auto;
	 float: left;
	 width: 270px;
	 margin-bottom: 15px;
	 margin-left: 15px;
	 margin-right: 15px;
	 }

/* warstwa banera reklamowego */
#baner
    {
	 padding: 5px;
	 border: 1px solid #ff0055;
	 margin-bottom: 15px;
	 float: left;
	 text-align: center;
	 }

/* warstwa dolnych reklam google */
#google_dol
    {
	 width: 765px; 
	 margin: 0px auto;
	 margin-bottom: 10px;
	 margin-left: 15px;
	 margin-right: 15px;
	 clear: both;
	 text-align: center;
	 }

/* warstwa stopki */
#stopka
    {
	 width: 765px; 
	 height: 30px;
	 margin: 0px auto;
	 margin-bottom: 10px;
	 margin-left: 15px;
	 margin-right: 15px;
	 border-top: #999999 double 3px;
	 padding-top: 9px;
	 letter-spacing: 1px;
	 font-size: 100%;
	 clear: both;
	 }

/**************************** FORMATOWANIE TEKSTOW ****************************/

/* tytul */
h1
    {
	 font-size: xx-large;
	 font-weight: normal;
	 color: #ff0055;
	 margin-top: 0px;
	 margin-bottom: 0px;
	 margin-left: 0px;
	 margin-right: 0px;
	 text-align: left;
	 }

/* formatowanie gornego menu */
h1.top
    {
	 font-size: medium;
	 font-weight: normal;
	 color: #999999;
	 margin-top: 5px;
	 margin-bottom: 0px;
	 text-align: left;
	 line-height: 150%;
	 }

/* prawe menu */
h2
    {
	 font-size: 125%;
	 line-height: 150%;
	 font-weight: normal;
	 color: #ff0055;
	 text-align: left;
	 margin: 0px;
	 margin-left: 15px;
	 text-indent: -13px;
	 margin-bottom: 10px;
	 }

/* poziome submenu podstron */
h3
    {
	 font-size: 125%;
	 font-weight: normal;
	 margin-top: 15px;
	 margin-bottom: 15px;
	 line-height: 150%;
	 text-align: left;
	 color: #ff0055;
	 }

/* domyślny tekst akapitu */
p
    {
	 font-weight: normal;
	 color: #000000;
	 margin: 0px;
	 text-align: justify;
	 line-height: 200%;
	 }

/* tekst pogrubiony z kidCode */
.b
    {font-weight: bold;}

/* tekst pochylony z kidCode */
.i
    {font-style: italic;}

/* tekst podkreslony z kidCode */
.u
    {text-decoration: underline;}

/* kolor magenta z kidCode */
.k1
    {color: #ff0055;}

/* kolor blekitny z kidCode */
.k2
    {color: #4444dd;}

/* kolor szary z kidCode */
.k3
    {color: #999999;}

/* domyslne formatowanie linkow */
a:link
   {
  	color: #44444dd;
  	text-decoration: underline;
	}
a:visited
   {
  	color: #4444dd;
  	text-decoration: underline;
	}
a:active
   {
  	color: #4444dd;
  	text-decoration: underline;
	}
a:hover
   {
  	color: #ff0055;
  	text-decoration: underline;
	}

/* linki w kolorze purpurowym */
a.magenta:link
   {
  	color: #ff0055;
  	text-decoration: underline;
	}
a.magenta:visited
   {
  	color: #ff0055;
  	text-decoration: underline;
	}
a.magenta:active
   {
  	color: #ff0055;
  	text-decoration: underline;
	}
a.magenta:hover
   {
  	color: #999999;
  	text-decoration: underline;
	}

/* formatowanie kotwicy */
a.kotwica
   {
   color: #ff0055;
	text-decoration: none;
	}
a.kotwica:link
   {
   color: #ff0055;
	text-decoration: none;
	}
a.kotwica:visited
   {
   color: #ff0055;
	text-decoration: none;
	}
a.kotwica:active
   {
   color: #ff0055;
	text-decoration: none;
	}
a.kotwica:hover
   {
   color: #ff0055;
	text-decoration: none;
	}

/* standardowe formatowanie obrazka */
img
    {
	 border: 0px;
	 margin: 0px;
	 padding: 0px;
	 }