body {
margin: 0px;
padding: 0px;
text-align: center;
font-family: Arial, Times, serif;
font-size: 14px;
color: #555555;
background: #ffffff url('grafika/stopka_tlo.jpg');
}




hr {
background: url('grafika/linia.jpg') repeat-x;
}

#tlo-bottom {
width: 100%;
background: #ffffff url('grafika/tlo_bottom.jpg') left bottom repeat-x;
border-bottom: 2px solid #b4b2b2;
}

#tlo {
width: 100%;
background: url('grafika/top_tlo.jpg') left top repeat-x;
border-bottom: 2px solid #b4b2b2;
}

#strona {
width: 960px;
margin: 0px auto;

}

#top {
width: 960px;
height: 344px;
background: url('grafika/top.jpg') left top no-repeat;
}

#top-oferta {
width: 960px;
height: 344px;
background: url('grafika/top_oferta.jpg') left top no-repeat;
}

#top-kontakt {
width: 960px;
height: 344px;
background: url('grafika/top_kontakt.jpg') left top no-repeat;
}

#menu {
width: 400px;
background: url('grafika/menu.jpg') left top no-repeat;
overflow: hidden;
float: right;
margin: 0px;
margin-right: 80px;
}


#menu  ul, #menu ul li {
	
	list-style: none;
	margin: 0px;
	padding: 0px;
margin: 0px;
}



#menu ul li {
float: right;

margin: 0px;
}


#menu a:link, #menu a:visited {
	text-decoration: none;
	display: block;
	color: #555555;
	background: url('grafika/menu_left.gif') left top repeat-y;
	padding: 9px 45px 10px 45px;
	margin: 0px;
}

#menu a:hover {
	color: #ffffff;
	background: url('grafika/menu_active.jpg') left bottom no-repeat;
}

#active  a:link, #active a:visited {
color: #ffffff;

background: url('grafika/menu_active.jpg') left bottom no-repeat;
}

#lewa {
float: left;
width: 660px;
text-align: left;
margin: 0px;
padding: 0px;
margin-top: 20px;
}


#tresc {
padding: 0px 10px;
}

.linia {
clear: both;
height: 2px;
background: url('grafika/linia.gif') repeat-x;
margin: 0px 10px;
padding: 0px;
}

.panel {
float: left;

width: 300px;
padding: 0px 0px;
text-align: center;
margin: 0px;
}

.panel ul li{
text-align: left;
list-style-image: url('grafika/punkt.gif');

}

.panel h3 {
margin: 0px;
padding: 10px;
text-align: left;
}

.panel img {
padding: 1px;
border: 1px solid #b5b3b3;
}

.oferta {
padding: 0px 10px;
}

.oferta a {
color: #449806;
font-weight: bold;
}

.obraz {
padding: 1px;
border: 1px solid #b5b3b3;
float: left;
margin: 10px;
}

.obraz1 {
padding: 1px;
border: 1px solid #b5b3b3;
}

.szczegoly {
float: right;
padding: 10px;
border: none;
}

.formularz {
padding: 20px 20px 10px 20px;
border: 1px solid #b5b3b3;
background: #e6e6e6;
margin: 10px 10px;
}

.formularz input{
width: 450px;
border: 1px solid #b5b3b3;
background: #ffffff;
height: 30px;
}

.formularz textarea{
width: 450px;
border: 1px solid #b5b3b3;
overflow: hidden;
background: #ffffff;
}

#przycisk {
width: 100px;
height: 30px;
border: none;
background: url('grafika/przycisk.gif') left top no-repeat;
cursor: pointer;
}

#prawa-tlo{
background: url('grafika/panel_top_tlo.jpg') left top no-repeat;
width: 100%;
}

#prawa {
font-size: 90%;
float: right;
width: 300px;
background: url('grafika/panel_tlo.jpg') left top repeat-y;
margin: 0px;
padding: 0px;
overflow: hidden;
}

#prawa p{
color: #449806;
font-weight: bold;
padding: 0px 10px;
margin: 0px;
}

a{
color: #555555;
text-align: left;
}

#prawa img{
margin-top: 20px;

}

.ramka {
padding: 1px;
border: 1px solid #b5b3b3;
}

#stopka {
margin: 0px auto;
text-align: left;
width: 960px;
color: #ffffff;
font-size: 100%;
height: 50px;
}



#stopka p {
padding: 10px;
margin: 0px;
} 
#stopka a {

padding: 10px;
margin: 0px;
} 


img { behavior: url(iepngfix.htc) }
#pageflip {
	position: absolute;
	right: 0; top: 0;
	float: right; 
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background: url('grafika/kod.gif') no-repeat right top;
}