body
{
background-image: url(grafika/body.jpg);
background-position: center;
background-repeat: repeat;
margin: 0px auto;
padding: 0px;
text-align: center;
}


#strona
{
margin: 0px auto;
padding: 0px;
width: 950px;
text-align: center;
}


#strona #baner
{
background-image: url(grafika/baner.png);
background-position: center top;
background-repeat: no-repeat;
width: 950px;
height: 238px;
margin: 0px;
padding: 0px;
}


#strona #menu
{
width: 768px;
height: 100px;
margin: 0px;
padding: 0px;
}


#strona #menu #linki
{
width: 728px;
height: 100px;
margin-left: 40px;
}


#strona #menu #linki a
{
background-image: url(grafika/menu.jpg);
background-position: left;
background-repeat: repeat-x;
width: 182px;
height: 100px;
float: left;
margin: 0px;
padding: 0px;
line-height: 100px;
font-family: arial;
font-size: 10pt;
font-weight: bold;
color: #748b85;
text-align: center;
text-decoration: none;
}


#strona #menu #linki a:hover
{
color: #8b3236;
}


#strona #prawy
{
background-image: url(grafika/prawy_kopia.jpg);
background-position: left top;
background-repeat: no-repeat;
width: 182px;
height: 698px;
margin: 0px;
padding: 0px;
vertical-align: top;
}


#strona #prawy #napisz
{
float: left;
position: relative;
top: 70px;
left: 40px;
margin: 0px;
padding: 0px;
text-align: center;
}


#strona #prawy #napisz a,
#strona #prawy #napisz a:hover
{
margin: 0px;
padding: 0px;
font-family: arial;
font-size: 10pt;
font-weight: bold;
color: #909dad;
text-align: center;
text-decoration: none;
}


#strona #prawy #adres
{
float: left;
position: relative;
top: 259px;
left: 0px;
margin: 0px;
padding: 0px;
width: 182px;
font-family: verdana;
font-size: 6pt;
font-weight: bold;
color: #8b3236;
text-align: center;
}


#strona #prawy #telefony
{
float: left;
position: relative;
top: 340px;
left: 0px;
margin: 0px;
padding: 0px;
width: 182px;
font-family: verdana;
font-size: 7pt;
font-weight: bold;
color: #8b3236;
text-align: center;
}


#strona #lewy
{
width: 200px;
height: 598px;
margin: 0px;
padding: 0px;
vertical-align: top;
}


#strona #lewy #calosc
{
background-image: url(grafika/lewy1.jpg);
background-position: center bottom;
background-repeat: no-repeat;
width: 160px;
height: 598px;
margin-left: 40px;
padding: 0px;
}


#strona #lewy #calosc #glowna
{
background-image: url(grafika/lewy2.jpg);
background-position: center bottom;
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
width: 160px;
height: 252px;
}


#strona #lewy #calosc #glowna span
{
top: 175px;
left: 35px;
margin: 0px;
padding: 0px;
float: left;
position: relative;
font-family: arial;
font-size: 14pt;
font-weight: normal;
color: #365955;
text-align: left;
text-decoration: none;
}


#strona #lewy #calosc #aktualnosci
{
background-image: url(grafika/aktualnosci.jpg);
background-position: center bottom;
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
width: 160px;
height: 58px;
}


#strona #lewy #calosc #aktualnosci a,
#strona #lewy #calosc #aktualnosci a:hover
{
top: 25px;
left: 20px;
margin: 0px;
padding: 0px;
float: left;
position: relative;
font-family: arial;
font-size: 8pt;
font-weight: bold;
color: #53464f;
text-align: right;
text-decoration: none;
}


#strona #lewy #calosc #przyjaciele
{
background-image: url(grafika/przyjaciele.jpg);
background-position: center bottom;
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
width: 160px;
height: 58px;
}


#strona #lewy #calosc #przyjaciele a,
#strona #lewy #calosc #przyjaciele a:hover
{
top: 25px;
right: 20px;
margin: 0px;
padding: 0px;
float: right;
position: relative;
font-family: arial;
font-size: 8pt;
font-weight: bold;
color: #53464f;
text-align: right;
text-decoration: none;
}


#strona #lewy #calosc #numer_konta
{
margin: 10px 0px 0px 0px;
padding: 0px;
width: 160px;
font-family: arial;
font-size: 7pt;
font-weight: bold;
color: #53464f;
text-align: center;
}



#strona #zawartosc
{
background-image: url(grafika/zawartosc.jpg);
background-position: left top;
background-repeat: repeat;
width: 568px;
height: 520px;
margin: 0px;
padding: 0px;
font-family: verdana;
font-size: 10pt;
font-weight: normal;
color: #000000;
text-align: left;
vertical-align: top;
}

#strona #zawartosc .in
{
margin: 10px;
padding: 0px;
}



#strona #warsztaty_tabela
{
margin: 0px;
padding: 0px;
width: 100%;
}


#strona #warsztaty_tabela td
{
background-color: #ffffff;
font-family: verdana;
font-size: 10pt;
font-weight: normal;
color: #000000;
text-align: left;
}


#strona #warsztaty_tabela th
{
background-color: #ffffff;
width: 110px;
font-family: verdana;
font-size: 10pt;
font-weight: bold;
color: #000000;
text-align: center;
}


#strona #warsztaty_tabela .zapis
{
background-color: #ffffff;
width: 120px;
font-family: arial;
font-size: 10pt;
font-weight: bold;
color: #8b3236;
text-decoration: none;
}


#strona #warsztaty_tabela .zapis a
{
font-family: arial;
font-size: 10pt;
font-weight: bold;
color: #748b85;
text-decoration: none;
}


#strona #formularz_zapisz_sie_tablo
{
margin: 0px;
padding: 0px;
font-family: verdana;
font-size: 10pt;
font-weight: normal;
color: #000000;
}



a.link_glowna
{
float: left;
position: relative;
top: 120px;
left: 25px;
font-family: arial;
font-size: 12pt;
font-weight: bold;
color: #8b2300;
text-align: center;
text-decoration: underline;
}


a.link_glowna:hover
{
font-family: arial;
font-size: 12pt;
font-weight: bold;
color: #8b2300;
text-align: center;
text-decoration: none;
}




#frame
{
float: left;
position: relative;
width: 530px;
height: 570px;
overflow: auto;
padding: 0px 10px 0px 0px;
}
