body {
background: #B8CCCE url('images/tlo.gif') repeat-x; 
margin : 0 auto; 
padding-left:10px; padding-right:10px; padding-top:15px; padding-bottom:15px; 
font-size : 12px; 
text-align : center; 
font-family: /* Arial Narrow, */ Trebuchet MS, Arial, helvetica, sans-serif
} 

html { margin : 0 auto; padding: 0;}

div { position: relative; 
margin : 0 auto; 
border : 0px none; 
text-align : center; 
display : block }

a { color:#63A2A9;
text-decoration: none; }

a:hover { color: #C34141; text-decoration: underline;}

a.menu { display: block; width: 132px; height: 19px; 
background: url('images/punktmenuof.gif') no-repeat right;
text-align: left;
font-size: 15px;
color: #63A2A9;
text-decoration: none;
padding-top: 3px; 
padding-bottom: 3px;
}

li {margin-top: 10px;}

a:hover.menu { background: url('images/punktmenu.gif') no-repeat right; 
color: #C34141;
text-decoration: none;}

a.podmenu { display: block; width: 118px; height: 15px; 
background: white;
text-align: left;
font-size: 12px;
color: #3C656A;
text-decoration: none;
padding-top: 5px; 
padding-bottom: 5px;
padding-left: 10px;
border-left: 3px solid #E2E7E7;
}

a:hover.podmenu { color: #C34141; background: #F8FAFA;text-decoration: none;}

a.in, a:hover.in { display: block; width: 132px; height: 19px; 
background: url('images/punktin.gif') no-repeat right;
text-align: left;
font-size: 15px;
color: #3C656A;
text-decoration: none;
padding-top: 3px; 
padding-bottom: 3px;
font-weight: bold;
}

a.inclick { display: block; width: 132px; height: 19px; 
background: url('images/punktmenuof.gif') no-repeat right;
text-align: left;
font-size: 15px;
color: #3C656A;
text-decoration: none;
padding-top: 3px; 
padding-bottom: 3px;
font-weight: bold;
}

a:hover.inclick { background: url('images/punktmenu.gif') no-repeat right; 
color: #C34141;text-decoration: none;}

a.stopa {color:#63A2A9 ; text-decoration: underline; }
a:hover.stopa {color:#63A2A9 ; text-decoration: none; }

a.dogory { display: block; height: 16px; width: 50px; 
text-align: right; padding-right: 38px;
background: url('images/top.gif') no-repeat right;
margin-left: 375px;
margin-top: 10px;
}

h1 { display: block; font-size: 17px; font-weight: bold; color: #C34141;
padding-left: 0px; padding-right: 0px; 
text-align: left;
height: 33px;
padding-top: 16px; padding-bottom: 0;
border-bottom: 1px dashed #E2E7E7;
margin: 0;
}

h2 { display: block; font-size: 14px;  text-decoration: none; color: #DAE0E0;
padding-top:0;
padding-left: 0;
padding-right: 0;
padding-bottom: 15px;
text-align: right;
margin: 0;
}

img { margin: 5px; padding: 5px; background: white; border: 0px none;}
img.left { float: right; border-left: 1px dashed #E2E7E7; }
img.right { float: left; border-right: 1px dashed #E2E7E7; }

code { color: #666666; }

p {  text-indent: 25px; 
margin: 0; padding-top: 5px; padding-bottom: 5px;}

sub { vertical-align: text-bottom ;}

#glowna { width: 655px; 
border-top: 3px solid #9CC3C8; 
border-right: 3px solid #9CC3C8; 
border-left: 3px solid #9CC3C8; 
background-color: white; 
min-height: 500px;
}

#stopka { width: 655px; 
border-top: 1px dashed #9CC3C8;
border-bottom: 3px solid #9CC3C8; 
border-right: 3px solid #9CC3C8; 
border-left: 3px solid #9CC3C8; 
padding-top: 10px;
background: white url('images/stopa.gif') repeat-x bottom; 
color: #63A2A9; }

#top {width:655px;
background: white url('images/banner.gif') no-repeat;
margin: 0 auto; }

#left { width: 145px; 
position: absolute; top: 256px; left: 12px; text-align: left; z-index: 2;}

#content {padding-top: 225px; padding-bottom: 15px; padding-left: 170px; padding-right: 20px; 
text-align : justify; 
line-height : 140%; 
font-family: Trebuchet MS, Arial, helvetica, sans-serif;
color: #3C656A;
min-height: 350px;
}

#thebest
{
position: absolute;
top: -99999px;
left: 0;
height: 500px;
}