#header { width: 100%; height: 70px; }
#baner { float: right; width: 580px; height: auto !important; height: 130px; /* IE */ min-height: 130px; display: inline; }
#left { float: left; width: 210px; height: auto !important; height: 450px; /* IE */ min-height: 450px; display: inline; padding-left: 3px; }
#middle { float: left; width: 537px; height: auto !important; height: 500px; /* IE */ min-height: 500px; display: inline; padding: 0px 10px 10px 10px; }
#footer { clear: both; width: 100%; height: 60px; }

/* MENU */ 
#menu_top { top: 30px; right: 0px; width: 510px; position: absolute; }
#menu_top ul { top: 0px; left: 30px; bottom: 10px; margin: 0; padding: 0; position: relative; z-index: 2; }
#menu_top li { display: inline; padding: 0 5px 0 5px; border-right: dotted 1px gray; }
#menu_top a { color: gray; text-decoration: none; }
#menu_top a:hover { text-decoration: underline; color: #A6251E; }

#submenu { top: 80px; right: 10px; width: 140px; position: absolute; }
#submenu a { display: block; background: white; font-size: 10px; text-decoration: none; color: gray; line-height: 150%; background-color: #4a79ce; padding: 1px 2px 1px 5px; color: white;}
#submenu a:hover { text-decoration : underline; }

/* GLOWNA */
#right { float: right; width: 260px; height: auto !important; height: 300px; /* IE */ min-height: 300px; display: inline; }

/* DYSTRYBUTORZY */
#dystrybutorzy { }
#dystrybutorzy th { text-align: left; padding: 2px 10px 2px 2px; background-color: #f1f1f1; }
#dystrybutorzy td { text-align: left; padding: 5px 10px 5px 2px; }

/* AKTUALNOSCI */
#aktualnosci { font-size: 9px; font-family: Arial; }
#aktualnosci td { text-align: left; padding: 10px 0px 10px 0px; border-top: 5px solid gray; }

/* KONTAKT */
.kontakt { display: inline-block; float: left; vertical-align: top; margin: 20px 20px 10px 0px; }

/* PRODUKTY */
#produkty { }
#produkty p { width: 150px; height: 20px; background: #E3E3E3; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: black; font-weight: bold; text-align: center; padding-top: 5px; }

/* produkt (opis) */
#produkt { text-align: justify; }
#produkt h3 { font-size: 12px; font-family: Arial; font-weight:bold; padding-top: 10px; color: black; }
#produkt h4 { font-size: 12px; font-family: Verdana; font-weight:bold; }
#produkt h2 { font-size: 20px; font-family: Verdana; font-weight:bold; color: gray; margin-top: 10px; }
#produkt td { width: 260px; text-align: left; padding: 2px 0 2px 0; vertical-align: top; }


#foto { width: 200px; float: left; display: inline; text-align: center; min-height: 195px; height: 195px; border-right: dotted 1px gray; padding-right: 10px; }
#info { width: 280px; float: right; display: inline; min-height: 165px; height: 165px; padding-right: 10px; padding-left: 20px; background-color: #FFFFFF; padding-top: 30px; }

ul#tabs { list-style-type: none; margin: 10px 0 0 0; padding: 0 0 0.3em 0; }
ul#tabs li { display: inline; }
ul#tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }
ul#tabs li a:hover { background-color: #f1f0ee; }
ul#tabs li a.selected { color: #ffffff; background-color: #4a79ce; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
div.tabContent { border-top: 1px solid #c9c3ba; padding: 10px 0 10px 0; min-height: 100px; }
div.tabContent.hide { display: none; }
td#tabcontent{ width: 260px; text-align: left; padding: 2px 0 2px 0; vertical-align: top; }

#wybor_jezyka { top: 5px; right: 5px; position: absolute; }
#powieksz { top: 230px; left: 490px; position: absolute; color: gray; font-size: 9px; }
#haslo { top: 70px; right: 20px; position: absolute; width: 250px; text-align: left; color: gray; font-size: 10px; border-top: 1px solid #4a79ce; padding-top: 15px;  }
#view { top: 71px; right: 70px; position: absolute; width: 150px; text-align: center; color: white; font-size: 10px; font-weight: bold; background-color: #4a79ce; min-height: 14px;  }

#download ul { padding: 0; position: relative; z-index: 2; }
#download li { display: block; padding: 2px 5px 2px 5px;  }
#download a { color: gray; text-decoration: none; }
#download a:hover { color: #A6251E; text-decoration: underline; }
