html, body {
background-attachment: fixed;
background-image: url('image/background.jpg')  important!;
background-repeat: no-repeat;
}

#main{
width: 920px;
margin: auto;
}

#top{
width: 920px;
height: 200px;
}

#menu{
width: 200px;
float: left;
}

#content{
width: 520px;
height: auto;
float: left;
background-position: top;
background-repeat: no-repeat;
color: #000033;
font-family: "Franklin Gothic Medium";
text-align: left;
}

#info{
width: 200px;
float: right;
}

#bottom{
width: 920px;
clear: both;
}

#bw11{
width:20px;
height:20px;
float:left;
background-image: url('image/b_11.png');
}
#bw12{
width:880px;
height:20px;
float:left;
background-image: url('image/b_12.png');
}
#bw13{
width:20px;
height:20px;
float:right;
background-image: url('image/b_13.png');
}
#bw21{
width:20px;
height:160px;
float:left;
background-image: url('image/b_21.png');
}
#bw22{
width:880px;
height:160px;
float:left;
background-image: url('image/b_22.png');
}
#bw23{
width:20px;
height:160px;
float:right;
background-image: url('image/b_23.png');
}
#bw31{
width:20px;
height:20px;
float:left;
background-image: url('image/b_31.png');
}
#bw32{
width:880px;
height:20px;
float:left;
background-image: url('image/b_32.png');
}
#bw33{
width:20px;
height:20px;
float:right;
background-image: url('image/b_33.png');
}
#bc11{
width:20px;
height:20px;
float:left;
background-image: url('image/b_11.png');
}
#bc12{
width:160px;
height:20px;
float:left;
background-image: url('image/b_12.png');
}
#bc13{
width:20px;
height:20px;
float:right;
background-image: url('image/b_13.png');
}
#bc21{
width:20px;
height:560px;
float:left;
background-repeat: repeat-y;
background-image: url('image/b_21.png');
}
#bc22{
width:160px;
height:560px;
float:left;
background-repeat: repeat;
background-image: url('image/b_22.png');
}
#bc23{
width:20px;
height:560px;
float:right;
background-repeat: repeat-y;
background-image: url('image/b_23.png');
}
#bc31{
width:20px;
height:20px;
float:left;
background-image: url('image/b_31.png');
}
#bc32{
width:160px;
height:20px;
float:left;
background-image: url('image/b_32.png');
}
#bc33{
width:20px;
height:20px;
float:right;
background-image: url('image/b_33.png');
}
#bwb21{
width:20px;
height:40px;
float:left;
background-image: url('image/b_21.png');
}
#bwb22{
width:880px;
height:40px;
float:left;
background-image: url('image/b_22.png');
}
#bwb23{
width:20px;
height:40px;
float:right;
background-image: url('image/b_23.png');
}

.button{
width:160px;
height:42px;
}

#o_firmie{ 
background-image: url('image/o_firmie.png');
}
#o_firmie:hover{
background:url('image/o_firmie_active.png');
}

#oferta{ 
background-image: url('image/oferta.png');
}
#oferta:hover{
background:url('image/oferta_active.png');
}

#wspolpraca{ 
background-image: url('image/wspolpraca.png');
}
#wspolpraca:hover{
background:url('image/wspolpraca_active.png');
}

#cennik{ 
background-image: url('image/cennik.png');
}
#cennik:hover{
background:url('image/cennik_active.png');
}

#regulamin{ 
background-image: url('image/regulamin.png');
}
#regulamin:hover{
background:url('image/regulamin_active.png');
}

#zamow_online{ 
background-image: url('image/zamow_online.png');
}
#zamow_online:hover{
background:url('image/zamow_online_active.png');
}

#gdzie_nadac{ 
background-image: url('image/gdzie_nadac.png');
}
#gdzie_nadac:hover{
background:url('image/gdzie_nadac_active.png');
}

#kontakt{ 
background-image: url('image/kontakt.png');
}
#kontakt:hover{
background:url('image/kontakt_active.png');
}

#bilety_online{ 
background-image: url('image/bilety_online.png');
}
#bilety_online:hover{
background:url('image/bilety_online_active.png');
}

h1,h2,h3{
text-align:center;
text-shadow:1px 1px 1px #000000;
}
h4{
text-align:center;
}

#logo{ 
height:160px;
width:565px;
float:left;
margin-left:50px;
background-image: url('image/logo.png');
background-position: center;
background-repeat: no-repeat;

}
#bus{ 
height:160px;
width:228px;
float:right;
background-image: url('image/bus.png');
background-position: right;
}

.menu_link{
font-family: "Franklin Gothic Medium";
font-style: italic;
font-size:medium;
text-align:center;
clear:both;
margin-right: 10px;
text-decoration:none;
color: #666666;
}
.menu_link a , .menu_link a:visited {
border-right-color: #999999;
border-right-style: solid; 
border-right-width: thin;
border-left-color: #999999;
border-left-style: solid; 
border-left-width: thin; 
padding-left: 8px; 
padding-right: 8px;
text-decoration:none;
color:#666666;
}
.menu_link a:hover , .menu_link a:active{
color:#333333;
text-decoration: none;
}

#prawa{ 
font-family: "Franklin Gothic Medium";
font-style: italic;
font-size:small;
text-align:center;
color: #999999;
}

#tabelka{
border: 7px ridge black; 
text-align: center; 
width: 520px;
border-spacing: 0px;
}

#tabelka th{
border-bottom: 1px solid black;
border-left: 1px solid black;
background-image: url('image/b_22.png');

}
#tabelka td{
border-bottom: 1px solid black;
border-left: 1px solid black;
}

#tabelka1{
text-align: center; 
margin: auto;
width: 360px;
border-spacing: 0px;
}
#tabelka2{
text-align: center; 
margin: auto;
width: auto;
border-spacing: 0px;
}

#tabelka1 th{
text-align: right;
border: 1px solid black;
background-image: url('image/b_22.png');
}

#tabelka2 th{
text-align: right;
border: 1px solid black;
background-image: url('image/b_22.png');
}

#tabelka1 td{
text-align: left;

}

