div, p, form, ul, li, img, body, h1, h2, h3, h4, form {border: none; padding: 0; margin: 0;}
a {color: #00728F; text-decoration: none}
a:hover {color: #FF6600; text-decoration: underline}
body {background-color: #242424; padding: 10px 0 0 0; font-family:  "Trebuchet MS", Arial, Tahoma, sans-serif; font-size: 12px; color: #242424; letter-spacing: 0}
input, select, textarea {font-family:  "Trebuchet MS", Arial, Tahoma, sans-serif; font-size: 12px; color: #242424; padding: 0 3px; border: 1px solid #E8E8E8}
textarea {overflow: auto;}

#background {background: #242424 url(images/tlo_boki.png) left top repeat-y; width: 770px; margin: 0 auto; padding: 0}
#gora {min-height: 10px; background: #242424 url(images/tlo_gora.png) left bottom no-repeat; font-size: 1px}
#box {width: 740px; border: 5px solid #F5F5F5; margin: 0 auto; background-color: #F5F5F5;}
#header {width: 740px; height: 220px}
#header h1 {display: none;}
.top1 {background: #F5F5F5 url(images/top1.png) top left no-repeat}

.wiecej_button {display: block; margin: 0 0 10px 0; text-align: right}
.message {color: red}


#header_menu {height: 30px; border-top: 5px solid #242424; border-bottom: 5px solid #242424; background: #00728F url(images/h_tlo.png) top left no-repeat}
#header_menu li {float: left; list-style-type: none;}
#header_menu li a {display: block; text-align: center; font-size: 12px; color: #FFF; font-weight: bold; letter-spacing: 1px; height: 24px; padding:6px 0 0 0;}
#header_menu li a:hover {color: #FF6600; text-decoration: none}
#header_menu li a.main {width: 156px; padding: 6px 0 0 22px}
#header_menu li a.oferta {width: 100px;}
#header_menu li a.sklep {width: 95px;}
#header_menu li a.o_firmie{width: 115px;}
#header_menu li a.dostawcy {width: 118px;}
#header_menu li a.kontakt {width: 112px; padding: 6px 22px 0 0}


#left_main {float: left; width: 515px; margin: 5px 0 0 0; background: #F5F5F5 url(images/left_tlo.png) left top no-repeat; padding: 10px 15px 0px 10px; min-height: 263px;}
#left_main h2 {color: #FF6600; font-size: 14px; border-bottom: 1px dashed #242424; padding: 0; margin: 0}
#left_main h2.main {color: #00728F; font-size: 14px; border-bottom: none; padding: 0 0 5px 0; margin: 0;}
#left_main h2.main a {color: #00728F; text-decoration: underline}
#left_main h2.main a:hover {color: #242424;}
#left_main h3 {color: #888; font-size: 10px; padding: 0; margin: 0 0 10px 0}
#left_main p {margin: 10px 0 0 0; text-align: justify}
#left_main ul {margin: 0 0 10px 25px}
#left_main li {list-style-type: bullet;}
#left_main .right {display: block; text-align: right}


#left{float: left; width: 290px; padding: 0 10px 0 0}
#left div {padding: 0 0 5px 0; text-align: justify}


#right{float: right; width: 205px; padding: 0 0 0 10px}
#right .zdjecie {width: 48px; height: 48px; border: 5px solid #242424; float: left; margin: 0; padding: 0}
#right .linia_produkty {clear: both; padding: 0 0 10px 0; font-size: 1px; margin: 0}
#right a.opis_nowosci {display: block; cursor: hand; height: 58px; overflow: none;}
#right a:hover.opis_nowosci {color: #FFF; background-color: #242424; filter:alpha(opacity=70); opacity:.70}
#right .opis_nowosci span {display: block; width: 142px; padding: 0 0 0 5px; float: right;}
#right .opis_nowosci strong {display: block;}


#left_produkt {float: left; width: 199px; padding: 0 10px 0 0; text-align: justify}
#left_produkt h2 {color: #FF6600; font-size: 14px; border-bottom: 1px dashed #242424; padding: 0; margin: 20px 0 0 0}
#left_produkt img {width: 189px;  border: 5px solid #242424;}


#right_produkt {float: right; width: 296px; padding: 0 0 0 10px}
#right_produkt p {margin: 0; text-align: left}
#right_produkt h2 {color: #FF6600; font-size: 14px; border-bottom: 1px dashed #242424; padding: 0; margin: 20px 0 0 0}
#right_produkt img {width: 44px; border: 5px solid #242424; margin: 0 5px 5px 0 }
#right_produkt table {width: 100%; background-color: #FFF; font-size: 10px; margin: 0}
#right_produkt td { background-color: #E8E8E8; padding: 3px}
#right_produkt ul {margin: 0; padding: 0;  list-style-type: none; border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #FFF;  font-size: 10px}
#right_produkt li a {display: block; padding: 3px 3px 1px 20px; text-decoration: none; border-bottom: 1px solid #FFF; background-color: #E8E8E8; height: 17px;}
#right_produkt li.doc a {background: #E8E8E8 url(images/icons/files/doc.gif) center left no-repeat; }
#right_produkt li.avi a {background: #E8E8E8 url(images/icons/files/avi.gif) center left no-repeat; }
#right_produkt li.pdf a {background: #E8E8E8 url(images/icons/files/pdf.gif) center left no-repeat; }
#right_produkt li.ppt a {background: #E8E8E8 url(images/icons/files/ppt.gif) center left no-repeat; }
#right_produkt li.swf a {background: #E8E8E8 url(images/icons/files/swf.gif) center left no-repeat; }
#right_produkt li.xls a {background: #E8E8E8 url(images/icons/files/xls.gif) center left no-repeat; }
#right_produkt li.zip a {background: #E8E8E8 url(images/icons/files/zip.gif) center left no-repeat; }
#right_produkt li.jpg a {background: #E8E8E8 url(images/icons/files/jpg.gif) center left no-repeat; }
#right_produkt li.other a {background: #E8E8E8 url(images/icons/files/other.gif) center left no-repeat; }
#right_produkt li a:hover {background-color: #00728F;	color: #FFF;}
#right_produkt .cena_old {text-decoration:  line-through;}
#right_produkt .cena_produktu {color: #00728F; font-weight: bold }


#left_ogolny {float: left; width: 247px; padding: 0 10px 0 0; text-align: justify}
#left_ogolny h2 {color: #FF6600; font-size: 14px; border-bottom: 1px dashed #242424; padding: 0; margin: 0}
#left_ogolny img {width: 189px;  border: 5px solid #242424;}

#left_ogolny form p {padding: 3px 0; margin: 0; clear: both}
#left_ogolny form label {float: left; width: 80px; padding: 3px 0 0 0; margin: 0}
#left_ogolny form input {width: 156px; margin: 0}
#left_ogolny form input.submit {width: auto; padding: 0 2px; float: right; background: #00728F url(images/h_tlo.png) top center no-repeat; color: #FFF}


#right_ogolny {float: right; width: 248px; padding: 0 0 0 10px}
#right_ogolny h2 {color: #FF6600; font-size: 14px; border-bottom: 1px dashed #242424; padding: 0; margin: 0}
#right_ogolny img {width: 44px; border: 5px solid #242424; margin: 0 5px 5px 0 }
#right_ogolny table {width: 100%; background-color: #FFF; font-size: 10px; margin: 0}
#right_ogolny td { background-color: #E8E8E8; padding: 3px}
#right_ogolny ul {margin: 0; padding: 0;  list-style-type: none; border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #FFF;  font-size: 10px}
#right_ogolny li a {display: block; padding: 3px 3px 1px 20px;text-decoration: none; border-bottom: 1px solid #FFF; background-color: #E8E8E8; height: 17px;}
#right_ogolny li.doc a {background: #E8E8E8 url(images/icons/files/doc.gif) center left no-repeat; }
#right_ogolny li.avi a {background: #E8E8E8 url(images/icons/files/avi.gif) center left no-repeat; }
#right_ogolny li.pdf a {background: #E8E8E8 url(images/icons/files/pdf.gif) center left no-repeat; }
#right_ogolny li.ppt a {background: #E8E8E8 url(images/icons/files/ppt.gif) center left no-repeat; }
#right_ogolny li.swf a {background: #E8E8E8 url(images/icons/files/swf.gif) center left no-repeat; }
#right_ogolny li.xls a {background: #E8E8E8 url(images/icons/files/xls.gif) center left no-repeat; }
#right_ogolny li.zip a {background: #E8E8E8 url(images/icons/files/zip.gif) center left no-repeat; }
#right_ogolny li.jpg a {background: #E8E8E8 url(images/icons/files/jpg.gif) center left no-repeat; }
#right_ogolny li.other a {background: #E8E8E8 url(images/icons/files/other.gif) center left no-repeat; }
#right_ogolny li a:hover {background-color: #00728F;	color: #FFF;}
#right_ogolny .cena_old {text-decoration:  line-through;}
#right_ogolny .cena_ogolny {color: #00728F; font-weight: bold }

#right_ogolny form p {padding: 3px 0; margin: 0}
#right_ogolny form label {float: left; width: 80px; padding: 3px 0 0 0; margin: 0}
#right_ogolny form input, #right_ogolny form textarea {width: 157px; margin: 0}
#right_ogolny form input.submit {width: auto; padding: 0 2px; float: right; background: #00728F url(images/h_tlo.png) top center no-repeat; color: #FFF}


#lista .zdjecie {width: 48px; height: 48px; border: 5px solid #242424; float: left; margin: 0; padding: 0}
#lista a.produkt_oferta {display: block; cursor: hand; height: 58px; float: left; margin: 0 0 10px 0}
#lista a:hover.produkt_oferta {color: #FFF; background-color: #242424; filter:alpha(opacity=70); opacity:.70}
#lista .produkt_oferta span {display: block; width: 452px; padding: 0 0 0 5px; float: right;}
#lista .produkt_oferta strong {display: block;}

#lista a.produkt_sklep {display: block; cursor: hand; height: 58px; float: left; margin: 0 0 10px 0}
#lista a:hover.produkt_sklep {color: #FFF; background-color: #242424; filter:alpha(opacity=70); opacity:.70}
#lista .produkt_sklep span {display: block; width: 352px; padding: 0 0 0 5px; float: left;}
#lista .produkt_sklep strong {display: block;}
#lista a.cena {display: block; width: 85px; padding: 36px 10px 0 5px; float: right; height: 22px; background: transparent url(images/koszyk.png) top right no-repeat; color: #00728F; font-weight: bold; text-align: right}
#lista a:hover.cena {color: #FFF; filter:alpha(opacity=70); opacity:.70;  background: #242424 url(images/koszyk_hover.png) top right no-repeat;}
#lista a.cena_na_telefon {display: block; width: 85px; padding: 36px 10px 0 5px; float: right; height: 22px; background: transparent url(images/na_telefon.png) top right no-repeat; color: #00728F; font-weight: bold; text-align: right}
#lista a:hover.cena_na_telefon {color: #FFF; filter:alpha(opacity=70); opacity:.70;  background: #242424 url(images/na_telefon_hover.png) top right no-repeat;}

#lista span.oferta_sklep {display: block; width: 85px; padding: 0 10px 0 5px; float: right; height: 58px; color: #00728F; font-weight: bold; text-align: right}



#komentarze {padding: 20px 0 0 0}
#komentarze div {background-color: #FFF; padding: 5px; margin: 5px 0 0 0; border: 1px solid #E8E8E8}
#komentarze h4 {color: #00728F; font-size: 12px}
#komentarze label {display: block; padding: 0}
#komentarze form p {margin: 0 0 5px 0}
#komentarze input, #komentarze textarea  {width: 507px;}
#komentarze textarea  {height: 100px;}
#komentarze .p_submit {text-align: right}
#komentarze .submit {width: auto; background-color: #E8E8E8; padding: 0 3px; border: none; margin: 0 0 10px 0}


#right_main {float: right; width: 190px; background-color: #242424;  margin: 5px 0 0 0; padding: 5px 5px 0 5px}
#right_main li {list-style-type: none}
#right_main h2 {height: 22px; background: #00728F url(images/h_tlo.png) top center no-repeat; width: 170px; margin: 0 0 5px 0; font-family: Arial; font-size: 12px; color: #F5F5F5; padding: 8px 10px 0 10px}
#right_main li {background: #242424 url(images/li_hover_tlo.png) top center no-repeat;}
#right_main li a {background: #E8E8E8 url(images/li_tlo.png) top center no-repeat; display: block; margin: 0 0 5px 0; padding: 1px 5px 0 5px}
#right_main li a.arrow {background: transparent url(images/li_tlo_arrow.png) top center no-repeat; }
#right_main li li a {background: #CACACA url(images/li_li_tlo.png) top center no-repeat;  padding: 1px 5px 0 15px}
#right_main li li li a {background: #CACACA url(images/li_li_tlo.png) top center no-repeat;  padding: 1px 5px 0 30px}
#right_main li li li li a {background: #CACACA url(images/li_li_tlo.png) top center no-repeat;  padding: 1px 5px 0 45px}
#right_main li li a.arrow {background: inherit url(images/li_li_tlo_arrow.png) top center no-repeat; }
#right_main ul a:hover {color: #FFF; background-image: none; text-decoration: none}



#right_szukaj label {float: left; width: 50px; color: #FFF; padding: 0 0 0 10px}
#right_szukaj input {float: right; padding: 0 3px; width: 124px; background-color: #FFF; border: none;}
#right_szukaj input.submit {float: right; padding: 0; width: auto; background-color: #242424; color: #FFF; border: none; margin: 5px 0 5px 0; text-align: right}

#loga {height: 35px; background-color: #242424; border-top: 5px solid #F5F5F5}


#footer {width: 770px; height: 10px; margin: 0 auto; color: #505050; font-size: 10px; padding: 0; background: #242424 url(images/tlo_dol.png) top left no-repeat}


.clear {clear: both;}

#szukaj h3 {font-size: 14px; margin: 10px 0 10px 0; padding: 0;  border-bottom: 1px dashed #999}
#szukaj h4 {font-size: 12px; margin: 0; padding: 0; color: #00728F; }
#szukaj .wynik {margin: 0 0 5px 0}


#panel {font-size: 11px; color: #FFF; padding: 0 20px; margin: 0}
#left_admin_banner {clear: both; width: 732px; height: 187px; margin: 0; padding: 0; background: #fff url(images/banner_02.jpg) no-repeat left top;}
#left_admin h3 {font-size: 18px; font-weight: normal; margin: 20px 0 0 20px; padding: 0; color: #437B70;}
#left_admin h2 {font-size: 11px; font-weight: normal; margin: -5px 0 20px 20px; padding: 0;  letter-spacing: 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
#left_admin h4 {font-size: 12px; font-weight: normal; margin: 20px 0 0 20px;; padding: 0; color: #437B70; font-weight: bold}
#left_admin {float: right; width: 532px;}
#left_admin form {margin: 0; padding: 0}
#left_admin p{font-size: 11px; font-weight: normal; margin: 10px 20px 20px 20px; padding: 0; text-align: justify}
#left_admin label {display: block; margin: 10px 20px 0 0;}
#left_admin input, #left_admin textarea, #left_admin select {font-size: 11px; color: #878581; padding: 2px; margin: 0; width: 486px; border: 1px solid #E9E9E9; font-family: Arial, Helvetica, sans-serif;}
#left_admin input.table, #left_admin textarea.table, #left_admin select.table {font-size: 11px; color: #878581; padding: 2px; margin: 0; width: 300px; border: 1px solid #E9E9E9; font-family: Arial, Helvetica, sans-serif;}
#left_admin textarea.table {height: 100px}
#left_admin input.checkbox {width: auto; border: 0px solid #FFF; padding: 0; margin: 0;}
#left_admin textarea.textarea {width: auto;}
#left_admin .submit {border: 1px solid #E9E9E9; width: auto; color: #878581; background-color: #F2ECE4; padding: 0; margin: 20px 0 0 0}
#left_admin table {background-color: #E9E9E9; margin: 20px 20px 0 20px; width: 492px}
#left_admin td {background-color: #FFF;}
#left_admin td.normal {background-color: #FFF;  white-space: normal}
#left_admin td.right, #left_admin th.right {text-align: right}
#left_admin th {text-align: left}
#left_admin ul {margin: 0 20px 0 15px; padding: 0;  list-style-type: none;}
#left_admin li {display: inline; margin: 0; padding: 0}
#left_admin img {border: 1px solid #555555; margin: 5px 0 0 5px; padding: 0}
#left_admin img.usun {border: 0px solid #555555; margin: 0; padding: 0}
#left_admin .none {display:none;}
#left_admin .visible { display:block}
#left_admin .linia {margin: 20px 20px 20px 20px; padding: 0;  height: 1px; border-top: 1px solid #FF9900; font-size: 0; }

#left_admin ul.lista {margin: 0 20px 0 40px; padding: 0;  list-style-type: disc; text-align: justify}
#left_admin ul.lista li {margin: 0 0 5px 0; padding: 0; display: block}
#left_admin ul.lista li ul {margin: 0 0 0 40px; padding: 0;  list-style-type: disc}
#left_admin ul.lista li li {margin: 0 0 5px 0; padding: 0; display: block}

#koszyk {width: 100%; background-color: #FFF; margin: 0 0 20px 0}
#koszyk th {background: #00728F; padding: 3px 5px; color: #FFF; text-align: left}
#koszyk td { background: #E8E8E8; padding: 3px 5px;}
#koszyk td.nazwa {width: 100%}
#koszyk td.cena_no_wrap {white-space: nowrap; text-align: right}
#koszyk td.ilosc_td input {width: 20px; text-align: right}
#koszyk td.ilosc_td {text-align: right}
#koszyk td.td_label_koszyk {width: 100%;}
#koszyk td.opis_koszyk {color: #999;}
#koszyk span.cena_produktu {font-weight: bold}
.form input.submit {width: auto; padding: 0 2px; float: right; background: #00728F url(images/h_tlo.png) top center no-repeat; color: #FFF}


#logowanie_admin {width: 300px; margin: 150px auto 0 auto;}
#logowanie_admin legend{margin: 0 0 10px 0; color: #FFF; font-weight: bold }
#logowanie_admin label {width: 70px; display: block; float: left; padding: 0 0 0 0; color: #FFF; margin: 0 0 5px 0}
#logowanie_admin input{padding: 0 3px; margin: 0 0 5px 0; width: 200px; border: none}
#logowanie_admin .submit {float: right; padding: 0; width: auto; background-color: #242424; color: #FFF; border: none; margin: 5px 0 5px 0; text-align: right}
#logowanie_admin .error {margin: 0 0 10px 0; color: #FF9900}