body {
padding: 0px;
margin: 0px;
font: 13px Verdana, Tahoma, Arial, sans-serif;

}
#baner {
width: 100%;
height: 180px;
position: relative;
text-align: center;
}
.srodek {
width: 772px;
height: 180px;
position: relative;
z-index: 1;
}
.ban_g{
background: url('grafika/ban_g.jpg') no-repeat;
width: 730px;
height: 74px;
position: relative;
}
.ban_d {
background: url('grafika/ban_d.jpg') no-repeat;
width: 730px;
height: 60px;
position: relative;
}
.lewy {
background: url('grafika/ban_l_tlo.png') repeat-x;
width: 50%;
height: 180px;
position: absolute;
top: 0px;
left: 0px;
z-index: 0;
}
.prawy {
background: url('grafika/ban_p_tlo.png') repeat-x;
width: 50%;
height: 180px;
position: absolute;
top: 0px;
left: 50%;
z-index: 0;
}
.slogan {
position: absolute;
left: 130px;
top: 52px;
}
h2 {
color: #FFFFFF;
font-size: 15px;
}
.ban_menu {
background: url('grafika/ban_menu.png') repeat-x;
height: 46px;
width: 100%;
padding: 0px 0px 0px 0px;
position: relative;
}
.ban_menu ul{
margin: 0px;
position: absolute;
top: 10px;
left: 10%;
}
.ban_menu li{
margin: 0px 5px 0px 0px;
background: url('grafika/pasek.png') no-repeat left;
padding-left: 10px;
display: inline;
}
.ban_menu a {
font-size: 12px;
color: #000000;
font-weight: bold;
text-decoration: none;
}
.ban_menu a:hover {
font-size: 12px;
color: #FF6600;
font-weight: bold;
text-decoration: underline;
}
.prom {
color: #FF6633;
padding: 5px;
background-color: #FFFFCC;
width: 100px;
font-size: 12px;
font-weight: bold;
margin: 0px 0px 0px 4px;
}
.uwaga {
padding: 2px;
font-weight: bold;
border: 1px solid #FF0000;
text-align: center;
width: 96%;
margin-bottom: 10px;
margin-top: 20px;
}
.uwaga p {
background-color: #FFE4C0;
color: #CC0000;
margin: 0px
padding: 0px;
}
#cialo {
width: 100%;
height: auto;

}
.panel_menu {
background-color: #D4D4D4;
width: 250px;
height: auto;
margin-top: 50px;
}
.g_m {
background: #D4D4D4 url('grafika/g_m.png') no-repeat;
width: 250px;
height: 13px;
}
.d_m {
background: #D4D4D4 url('grafika/d_m.png') no-repeat;
width: 250px;
height: 13px;
}
.menu_pr {
background-color: #D4D4D4;
width: 250px;
height: auto;
border-left: 1px #000000 solid;
}
.menu_pr ul {
background: #D4D4D4 url('grafika/linia.png') no-repeat top;
width: 250px;
margin: 0px;
padding: 0px;
}
.menu_pr li {
padding: 5px 0px 0px 5px;
margin: 10px 0px 10px 20px;
list-style: square;
}
.menu_pr a {
color: #000000;
font-size: 12px;
text-decoration: underline;
font-weight: bold;
}
.menu_pr a:hover {
color: #FF6600;
font-size: 12px;
text-decoration: none;
font-weight: bold;
}
h3 {
color: #FFFFCC;
font-size: 14px;
margin: 5px 0px 5px 0px;
width: 100%;
padding: 5px;
background-color: #006699;
}
.td {
width: 100%;
vertical-align: top;
}
h1 {
background: #FFFFFF url('grafika/tlo_nagl.jpg') no-repeat left;
margin: 5px;
padding: 10px 0px 5px 5px;
width: 488px;
height: 34px;
font-size: 18px;
color: #FF6600;
}
.produkt {
width: 94%;
margin: 5px;
background-color: #E7E7E7;
border: 1px #656565 solid;
min-height: 180px;
padding: 5px;
}
.widok {
width: 94%;
margin: 5px;
background-color: #E7E7E7;
border: 1px #656565 solid;
height: auto;
padding: 5px;
text-align: center;
}
.widok img {
border: 3px #666666 double;
float: none;
}
.teksty {
width: 94%;
margin: 5px;
background: url('grafika/cien_p.png') repeat-x top;
border: 1px #656565 solid;
height: auto;
padding: 20px 5px 5px 5px;
}
h4 {
background-color: #00586C;
border-top: 1px #000000 solid;
border-bottom: 1px #000000 solid;
border-left: 5px #Ff6633 solid;
padding: 5px 0px 5px 10px;
width: 68%;
height: 20px;
color: #FFFFFF;
font-size: 14px;
margin: 0px 0px 10px 0px;
}
.ha5 {
border-bottom: 3px #336699 double;
border-top: 1px #336699 solid;
background-color: #FFFFFF;
width: 98%;
margin-bottom: 20px;
}
h5 {
background-color: #7CADE4;
width: 100%;
height: 18px;
font-size: 14px;
color: #FFFFFF;
margin: 1px 0px 1px 0px;
padding: 2px 0px 2px 0px;
text-align: center;
}
dt {
font-weight: bold;
margin: 15px 0px 5px 0px;
}
dd {
margin-left: 10px;
}
li {
list-style: square;
line-height: 150%;
}
.ital {
font-style: italic;
}
.produkt img {
border: 1px #666666 solid;
float: right;
}
.teksty p {
line-height: 160%;
}
#stopka {
background: #999999 url('grafika/stopka.png') repeat-x;
width: 100%;
height: 45px;
padding: 1px 0px 0px 0px;
margin-top: 20px;
text-align: center;
}
#stopka p {
margin: 15px;
}
.form {
background-color: #999999;
width: 96%;
}
.form td {
background-color: #FFFFFF;
width: auto;
}
.top{
vertical-align: top;
}
.wymagane {
background-color: #FFFFCC;
}
.lewa {
float:left;
width: 48%;
padding: 5px;
}
.prawa {

width: 48%;
padding: 5px;
}
.br {
clear: both;
}
.cl {
clear: both;
}