html, body 
{
height: 100%; 
padding: 0; 
margin: 0; 
} 

body {
margin: 0;
padding: 0;
font-family: Arial,Tahoma,Verdana;
font-size: 13px;
color: white;
background: #949494 url('../images/background.jpg') repeat scroll left top;
}
a {
color: white;
outline-style: none;
}
a:hover {
color: #fe7200;
outline-style: none;
cursor: pointer;
}
.blue-link {color: #00a8ff;}
.blue-link:hover {color: ;}

h1, h2, h3, h4 {margin: 0; padding: 0; color: #fe7200;}
h2.uptext {font-size: 26px; background: url('../images/uptext.jpg') no-repeat left bottom; padding: 0 0 2px 0; margin-bottom: 10px;}

p {line-height: 1.5; padding: 0; margin: 0 0 5px 0; text-align: justify;}

img {border: none;}
.minilogo {float: left; padding: 0 10px 0 0;}
.map {float: right; padding: 0 0 10px 10px;}

.main_with_logo {display: block; background: url('../images/mini-logo.jpg') no-repeat left top; height: 50px; line-height: 50px; padding-left: 100px; padding-bottom: 10px; font-size: 16px; color: #fe7200; font-weight: bold;}
.main_with_logo_de {display: block; background: url('../images/mini-logo.jpg') no-repeat left top; height: 50px; line-height: 25px; padding-left: 100px; padding-bottom: 10px; font-size: 16px; color: #fe7200; font-weight: bold;}
.left {text-align: left;}
.right {text-align: right;}
.red {color: red;}
.italic {font-style: italic;}
.bold {font-weight: bold;}

strong {border-bottom: 1px dashed #fe7200;}

/* UL, LI */
li.pdf {padding-top: 10px;}
li.pdf a {background: url('../images/ico_pdf.jpg') no-repeat left top; padding-left: 20px; line-height: 22px; display: block;}

/* TABLE */
.table_product {padding: 5px 0 5px 0;}
.table_product td.td1 {padding: 2px 0 2px 50px; background: url('../images/arrow.gif') no-repeat 37px center;}
.table_product td.td2 {padding: 2px 0 2px 30px;}

.table_dealers {padding: 5px 0 15px 0;}
.table_dealers td.td1 {padding: 2px 0; width: 230px;}
.table_dealers td.td2 {padding: 2px 0; width: 230px;}

#wrap {
min-height: 100%; 
min-height: 100%; height:auto !important; height:500px;/*IE*/
/*overflow: no;*/
position: relative;
background: url('../images/wrap.jpg') repeat-y center top;
}
#box {
background: url('../images/up.jpg') no-repeat 41px top;
width: 1000px;
margin: 0 auto;
position: relative;
padding-top: 286px;
padding-bottom: 138px;
overflow: hidden;
}
#logo {
position: absolute;
top: 27px;
left: 161px;
height: 144px;
width: 228px;
}
#logo .logonadpis {width: 228px; height: 144px; position: relative; margin: 0;}
#logo .logonadpis span {background: url('../images/logo.jpg') no-repeat; position: absolute;width: 100%;height: 100%;}
#content {
float: left;
width: 750px;
padding: 0 125px;
}
#content_inside {
background: #0e0e0e;
float: left;
width: 750px;
}
#text {
float: right;
width: 463px;
padding: 0 15px 0 0;
}
#left {
float: left;
width: 244px;
padding: 32px 0 0 12px;
}
/* OFFER */
#offer_up {
float: left;
background: url('../images/offer_up.jpg') no-repeat left top;
width: 244px;
height: 9px;
}
#offer_center {
float: left;
background: #222 url('../images/offer_center.jpg') repeat-y left top;
width: 229px;
padding: 0 7px 0 8px;
text-align: center;
}
#offer_center img {height: 115px; margin: 10px 0 5px 0; border: 1px solid black;}
#offer_down {
float: left;
background: url('../images/offer_down.jpg') no-repeat left top;
width: 244px;
height: 9px;
}
#inoffer_up {float: left; background: url('../images/inoffer_up.jpg') no-repeat left top; width: 244px; height: 5px;}
#inoffer_center {float: left; background: #5e5e5e url('../images/inoffer_center.jpg') repeat-y left top; width: 229px; text-align: center; padding: 2px 0;}
#inoffer_down {float: left; background: url('../images/inoffer_down.jpg') no-repeat left top; width: 244px; height: 5px;}

#footer {
position: absolute;
bottom: 0;
left: 0;
height: 138px;
width: 100%;
background: url('../images/footer.jpg') no-repeat center top;
}
#footer_inside {
position: relative;
margin: 0px auto;
width: 1000px;
height: 23px;
padding-top: 115px;
text-align: center;
color: black;
font-size: 10px;
}
#footer_inside a {color: black; font-weight: bold;}
#footer_inside a:hover {color: white;}

/* PORDUKTY */
.product {float: left; width: 463px; margin-top: 15px; margin-bottom: 15px;}
.product .picture {float: left; width: 155px; text-align: center; padding: 0 15px 0 0; min-height: 100px; height:auto !important; height: 100px;/*IE*/}
.product .desc {float: left; width: 293px; text-align: left; height: 106px; min-height: 93px; height:auto !important; height: 93px;/*IE*/}
.product .desc h3 {background: url('../images/under-product.jpg') no-repeat 0 bottom; font-size: 15px; font-weight: normal; padding: 0 0 2px 0;}
.product .prize {float: left; width: 293px; text-align: right;}

.product_item {float: left; width: 220px; padding: 20px 5px 10px 5px; background: url('../images/box-bottom.jpg') no-repeat 2px bottom;}
.product_item a.header {text-decoration: none; display: block; width: 200px; padding-left: 20px; height: 30px; background: url('../images/box-top.jpg') no-repeat left top; line-height: 30px; color: black;}
.product_item a.header:hover {text-decoration: underline;}
.product_item a img {padding: 10px 30px; }

/* KONTAKT */
.contact {float: left; width: 463px;}

/* MENU */
/*#menu {position: absolute; top: 210px; left: 133px; padding: 0; margin: 0 0 0 0px; width: 735px; list-style: none; height: 60px; text-align: center;}
#menu li {float: left; padding: 0; list-style: none; height: 60px;} 
#menu li.menu_1 a {background: url('../images/menu1.jpg') no-repeat left top; width: 147px; height: 60px;}
#menu li.menu_1 a:hover, #menu li.menu_1 a.active {background-position: -147px 0; width: 147px; height: 60px;}
#menu li.menu_2 a {background: url('../images/menu2.jpg') no-repeat left top; width: 147px; height: 60px;}
#menu li.menu_2 a:hover, #menu li.menu_2 a.active {background-position: -147px 0; width: 147px; height: 60px;}
#menu li.menu_3 a {background: url('../images/menu3.jpg') no-repeat left top; width: 147px; height: 60px;}
#menu li.menu_3 a:hover, #menu li.menu_3 a.active {background-position: -147px 0; width: 147px; height: 60px;}
#menu a {line-height: 60px; color: white; height: 0px; text-align: center; display: block; margin: 0 0 0 0; text-decoration: none;} 
#menu a:hover, #menu a.active {color: black; text-decoration: underline;} */

/* SUBMENU */
#submenu {
float: left;
margin: 0 0 0 0px;
width: 244px;
}
#submenu ul li a {display: block;}

ul {list-style-type: none; margin: 0; padding: 0;}
li.level1_center {float: left; width: 244px; background: url('../images/submenu-center.jpg') repeat-y 0 0; margin: 0 0 1px 0;}
li.level1_center a {color: white; text-decoration: none; padding: 0 0 0 20px; width: 224px; line-height: 28px;}
li.level1_center a:hover {text-decoration: none; padding: 0 0 0 20px; width: 224px; cursor: default;}
li.level1_center a.active{color: #fe7200; background: url('../images/submenu-hover.jpg') no-repeat 5px center; text-decoration: none; padding: 0 0 0 20px; width: 224px;}

li.level2 {float: left; width: 244px;}
li.level2 a {color: white; background: #0e0e0e; text-decoration: none; padding: 0 0 0 40px; width: 204px; line-height: 28px; margin: 0;}
li.level2 a:hover {color: #fe7200; background: #0e0e0e; text-decoration: underline; padding: 0 0 0 40px; width: 204px; cursor: pointer;}
li.level2 a.active {color: #fe7200; background: #0e0e0e; text-decoration: underline; padding: 0 0 0 40px; width: 204px;}

/* FLAGS MENU */
ul#flags_menu {list-style-type: none; margin: 0; padding: 0; position: absolute; top: 270px; left: 880px; width: 30px;}
ul#flags_menu li {height: 21px; float: left; margin-bottom: 5px;}
#flags_menu a, #flags_menu a span {display: block; height: 21px; overflow: hidden;}
#flags_menu a {position: relative; width: 100%; height: 100%; cursor: hand;}
#flags_menu a span {position:absolute; top:0; left:0;}

#m1 a, #m1 a span {width: 26px; height: 21px; background: url("../images/cz.png") no-repeat; padding: 0 0 0 2px;}
#m1 a:hover, #m1 a:hover span, #m1 a.active span {color: #fe7200; width: 26px; height: 21px; background-position: -28px 0; padding: 0 0 0 2px;}
#m2 a, #m2 a span {width: 26px; height: 20px; background: url("../images/de.png") no-repeat; padding: 0 0 0 2px;}
#m2 a:hover, #m2 a:hover span, #m2 a.active span {color: #fe7200; width: 26px; height: 20px; background-position: -28px 0; padding: 0 0 0 2px;}
#m3 a, #m3 a span {width: 26px; height: 20px; background: url("../images/en.png") no-repeat; padding: 0 0 0 2px;}
#m3 a:hover, #m3 a:hover span, #m3 a.active span {color: #fe7200; width: 28px; height: 20px; background-position: -28px 0; padding: 0 0 0 2px;}