* {
margin: 0;
padding: 0;
}

html  {
height: 100%;
}


body {
font-family: "Times new roman", serif;
color:#362004;
background:#8b3f1d url('design/bg01.jpg') 0 -3px;
font-size: 14px;
text-align:justify;
height: 100%;
}

p {
margin: 15px 0 15px 0;
}

a {
color: #960c02; 
}
a:visited { 
color: #832d02; 
}
a:hover	{ 
color: #d00e03; 
}

a:focus { outline: none }

a.more {
background: url('design/arrow.gif') no-repeat 99% 70% ;
padding: 0 11px 0 0 ;
}

a:hover.more {
background: url('design/arrow.gif') no-repeat 100% 70% ;
padding: 0 11px 0 0 ;
}



p.center {
	text-align:center
}

.red {
color: #960c02; 
font-weight:bold;	
}

.foto_left {
border: 3px solid #CCA87E;
float: left;
clear:left;
margin: 0 20px 10px 0;
}

.foto_right {
border: 3px solid #CCA87E;
float: right;
clear:right;
margin: 0 0 10px 20px ;
}

.foto_border {
border: 3px solid #CCA87E;
}

.date {
font-size: 10px;
font-family: verdana, sans-serif;
color: #885a1e;
margin: 15px 0 -12px 0;
}





div.gallery img {
max-width:100px;
height:100px;
border: 3px solid #CCA87E;
margin: 0 11px 13px 0;
background: #CCA87E;
}

div.gallery {
padding: 0;
min-height:200px
}

div.gallery a:hover img {
border: 1px solid #960c02;
padding: 2px;
background: #CCA87E
}
div.gallery a:visited img {
border: 1px solid #B18323;
padding: 2px;
background: #CCA87E;

}



#horizontal {
top:0;
width: 100%;
height: 351px;
position: absolute;
background-image: url('design/bg02.jpg');
z-index:0;
}


#top {
height:0px;text-indent: -4000px;
}


#top01 {
top:0px;
left:0px;
width: 180px;
height: 513px;
position: absolute;
background: url('design/top01.jpg') no-repeat;
z-index:2;
}
#top02 {
top:0px;
left:180px;
width: 283px;
height: 314px;
position: absolute;
background: url('design/top02.jpg') no-repeat;
z-index:2;
}
#top03 {
top:0px;
left:463px;
width: 507px;
height: 213px;
position: absolute;
background: url('design/top03.jpg') no-repeat;
z-index:2;
}
#top04 {
top:213px;
left:463px;
width: 507px;
height: 303px;
position: absolute;
background: url('design/top04.jpg') no-repeat;
z-index:2;
}

#nfo {
top:252px;
left:815px;
width: 107px;
height: 102px;
position: absolute;
background: url('design/logo_nfo.jpg') no-repeat;
z-index:3;
}

#container {
left:0;
top:0;
position: relative;
background: url('design/bg03.jpg') 66px 64px repeat-y;
z-index:1;
min-height: 100%;
_height: 100%;
}


#text {
width: 480px;
height: auto;
left:195px;
position: relative;
z-index:5;
margin-top: 255px;
_margin-top: 240px;
}


#bottom {
width: 359px;
height: 48px;
padding:21px 0 0 0;
margin: 38px 0 0 255px;
position: relative;
background: url('design/bottom.jpg') no-repeat;
clear:both;
bottom:10px;
text-align:center;
font-size:11px;
}

ul#menu li {
top:0;
left:0;
position: absolute;
z-index:4;
}

ul#menu {
top:0;
left:0;
position: absolute;
z-index:4;

}

ul#menu li a{
position: absolute;
display: block;
text-indent: -4000px;
}

a#m01 {
top:173px;
left:421px;
width: 157px;
height: 51px;
background: url('design/menu1.jpg') no-repeat;
}
a#m02 {
top:165px;
left:581px;
width: 122px;
height: 56px;
background: url('design/menu2.jpg') no-repeat;
}
a#m03 {
top:227px;
left:716px;
width: 64px;
height: 110px;
background: url('design/menu3.jpg') no-repeat;
}
a#m04 {
top:337px;
left:720px;
width: 71px;
height: 93px;
background: url('design/menu4.jpg') no-repeat;
}
a#m05 {
top:430px;
left:719px;
width: 47px;
height: 100px;
background: url('design/menu5.jpg') no-repeat;
}
a#m06 {
top:530px;
left:720px;
width: 49px;
height: 73px;
background: url('design/menu6.jpg') no-repeat;
}
a#m07 {
top:472px;
left:764px;
width: 39px;
height: 100px;
background: url('design/menu7.jpg') no-repeat;
}

a#m01:hover {
background: url('design/menu1.jpg') 0 51px;
}
a#m02:hover {
background: url('design/menu2.jpg') 0 56px;
}
a#m03:hover {
background: url('design/menu3.jpg') 64px 0;
}
a#m04:hover {
background: url('design/menu4.jpg') 71px 0;
}
a#m06:hover {
background: url('design/menu6.jpg') 49px 0;
}
a#m07:hover {
background: url('design/menu7.jpg') 39px 0;
}


h1 {
font-size: 36px;
font-weight: normal;
padding: 0 0 0 75px;
text-align: left;
margin: 0 0 30px 0;
}


h1#h01 {background: url('design/h01.jpg') 0 45% no-repeat;}
h1#h02 {background: url('design/h02.jpg') 0 45% no-repeat;}
h1#h03 {background: url('design/h03.jpg') 0 45% no-repeat;}
h1#h04 {background: url('design/h04.jpg') 0 45% no-repeat;}
h1#h05 {background: url('design/h05.jpg') 0 45% no-repeat;}
h1#h06 {background: url('design/h06.jpg') 0 45% no-repeat;}
h1#h07 {background: url('design/h07.jpg') 0 45% no-repeat;}

h2 {
font-size: 30px;
font-weight: normal;
text-align: left;
margin: 20px 0 0 0;
}

h2.dopisek {
font-size: 18px;
font-weight: normal;
text-align: left;
padding-left: 48px;
margin: -2px 22px 0 0;
}

h2.dopisek.news {
float:left;
}


table {
border: 1px solid #CCA87E;
margin-top: 15px;
margin-bottom: 25px;
border-collapse: separate;
width:100%;
text-align:left
}

td {
vertical-align: top;
border: 1px dotted #DCB894;
padding: 2px;
}

th {
border: none;
padding: 2px;
text-align: center;
background-color: #D1B18B;
}

th.sedzia {
width: 132px;
}
th.ocena {
width: 175px;
}

code {
display: block;
width:462px;
height: auto;
border: 1px dotted #A79D84;
text-align:center;
background:#efe5cd;
font-size: 11px; 
padding:5px;
line-height:100%;

}