body {
  background: transparent url(../images/bg.gif) repeat-x top left;
  margin: 0;
  padding: 0;
  background-color: #FFF;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #4E4E4E;
}

p {margin: 0 0 12px 0}

table {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #4E4E4E;
}

form {
  padding: 0;
  margin: 0;
}

input {
  color: #666666;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
}

.inputbutton {
  background: #0982A7 url(../images/buttonbg.gif) repeat-x left top;
  padding: 2px 10px 2px 10px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  border: none;
  margin: 0;
  letter-spacing: -1px;
}

a {
  text-decoration: none;
  color: #196371;
}

a:hover {
  text-decoration: underline;
  color: #398391;
}

li {}


.red a {
  color: #7B2B16;
}

.red a:hover {
  color: #7B2B16;
}

label {
  cursor: pointer;
}

img {
  border: 0;
}

h1,h2,h3,h4,h5 {
  display: block;
  font-size: 12px;
  font-weight:bold;
  margin: 12px 0;
  color: #A84B4C;
}

.noprint {}

.clear {clear: both}

.display {
  display: block;
}

.nodisplay {
  display: none;
}

.lv {
  display: block;
}

.lh {
  display: none;
}

#layout {
  margin: auto;
  background: transparent url(../images/bg.gif) repeat-x left top;
  width: 920px;
}

.top {
}

#top {
  height: 280px;
  padding-top: 14px;
}

#mainlogo {
  position:relative;
  background: transparent url(../images/top.jpg) no-repeat left bottom;
  width: 920px;
  height: 206px;
}
#mainlogo #lang_select {position:absolute;bottom:0;left:0;width:90px;height:23px;background:url(../images/mainlogo_flagi.gif) right 0;padding-left:10px;}
#mainlogo #lang_select img {margin:5px 2px;border:2px solid #fff}
#mainlogo #lang_select a.selected img {border:2px solid #ccc}


#content {
  background: #fff url(../images/contentbg.gif) repeat-x left bottom;
  padding: 6px 0px 16px 0px;
}

.left {
  float: left;
  width: 200px;
}

.middle {
  float: left;
  width: 520px;
}

.right {
  float: right;
  width: 200px;
}

.left .padding {
  padding: 0px 4px 0px 6px;
}

.right .padding {
/*  padding: 0px 4px 0px 6px;
*/
  margin-left: 6px;
  margin-right: 4px;
}

/* stylizacja stopki */

.foot {
  clear: both;
}

.footl {
  float: left;
  height: 35px;
  width: 9px;
  background: transparent url(../images/footl.gif) no-repeat left bottom;
}

.footm {
  float: left;
  background: #E0F0F5;
  height: 25px;
  width: 902px;
  color: #808080;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  padding: 10px 0 0 0;
}

.footr {
  float: left;
  height: 35px;
  width: 9px;
  background: transparent url(../images/footr.gif) no-repeat right bottom;
}

.footbottom {
  color: #31536C;
  font-size: 10px;
  padding: 6px 18px 20px 0;
}

#copy {
  float: right;
  padding: 6px 0 20px 0;
}

#wykonanie {
  float: right;
  padding: 6px 0 20px 0;
}

#wykonanie a {
  color: #31536C;
}

#polityka {
  float: left;
  padding: 6px 0 20px 18px;
}

a.inventor {
  color: #7F9EC3;
  text-decoration: none;
}

a.inventor:hover {
  text-decoration: underline;
}

/* elementy uniwersalne */

.cena_promocyjna {
  font-weight: bold;
  color: #E31C4A;
}

.do_koszyka {
  float: right;
  padding-right: 8px;
}

.do_koszyka .formularz {
  float: right;
  clear: right;
}

.do_koszyka .stara_cena {
  font-size: 12px;
  text-decoration: line-through;
}

.do_koszyka .cena {
  font-size: 12px;
  font-weight: bold;
  color: #E31C4A;
}

.do_koszyka .ceny {
  padding-bottom: 4px;
  float: right;
}

.do_koszyka .ceny .napis {
  xfloat: left;
}

.do_koszyka .ceny .cenaplusvat {
  xfloat: left;
  font-size: 10px;
  padding: 0 4px;
}

.do_koszyka .icon {
  display: inline;
  vertical-align: bottom;

}

.listazakupow a {
  background:transparent url(../images/note_add.png) no-repeat scroll right top;
  padding:2px 16px 2px 0;
  float: right;
  margin:0 6px 0 0;
}

.drukuj a {
  float: right;
  background:transparent url(../images/printer.png) no-repeat scroll right top;
  padding:2px 20px 2px 0;
}

.do_koszyka .form {
  float: right;
}

.produkt .opis {
  xbackground: #f00;
  width: 350px;
  float: left;
}

.produkt .info {
  float: left;
  width: 138px;
}

.produkt .info .nazwa{
  font-size:12px;
  font-weight:bold;
  padding:0 0 6px;
}

.produkt div.img {
  float: left;
  width: 120px;
  border: 0;
  padding: 0 10px 10px 0;
}

.produkt .cfg {
  float: left;
  padding-bottom: 6px;
  position: relative;
}

.produkt .nazwa {
  font-weight: bold;
  color: #163043;
  padding-bottom: 6px;
}

.produktbig {
  padding-left: 30px;
  padding-right: 8px;
  width: 185px;
}

.produktbig .nazwa {
  font-weight: bold;
  font-size: 16px;
  color: #163043;
  padding: 2px 0 8px 0;
}

.produktbig .img {
  padding: 2px 0 4px 0;
}

.produktbig .imgpoj {
  padding: 2px 10px 10px 0;
  float: left;
}

.produktbig .cfg {
  padding-bottom: 6px;
}

.produkt .konfigurator {
  clear: both;
  position: relative;
  padding: 10px 0 0 0;
}

.produkt .konfigurator .do_koszyka {
  padding-right: 8px;
  float: none;
}

.produkt .konfigurator .do_koszyka .ceny {
  xpadding-right: 4px;
  float: right;
  clear: right;
}

.produkt .cechy {
  background: #F7FBFF;
  padding: 8px;
  border: 1px solid #E0EEEE;
  width: 476px;
}

.produkt .cechy .title {
  float: left;
  padding-bottom: 8px;
  position: relative;
}

.produkt .cechy .tabela_zbiorcza {
  float: left;
  position: relative;
  padding-top: 8px;
}

.produkt .cechy .tabela_zbiorcza a {
  background: url(../images/table_go.png) no-repeat right top;
  padding: 2px 18px 2px 0;
}

.produkt .cechy .listazakupow {
  float: right;
  position: relative;
  padding: 8px 0 1px 0;
}

.produkt .cechy .listazakupow a {
  background: url(../images/note_add.png) no-repeat right top;
  padding: 2px 16px 2px 0;
}

.produkt .cechy .cecha {
  position: relative;
  padding: 0 4px 6px 0;
  float: left;
}

.produkt .cechy .cecha div {
  padding-bottom: 2px;
}

.ramkafsg {
  padding-top: 4px;
}

.ramkafsg .poj {
  width: 510px;
}

.ramkafsg .l {
  float: left;
  width: 226px;
}

.ramkafsg .r {
  float: left;
  border-left: 1px solid #C3E6F3;
}

.red .ramkafsg .r {
  border-left: 1px solid #FDE9E9;
  padding-top: 27px;
}

.ramkafsg .promo {
  background: #F3FBFD;
  font-weight: bold;
  font-size: 11px;
  color: #E31C4A;
  padding: 2px 0 2px 30px;
}

.red .ramkafsg .promo {
  background: #FDEDEC;
  margin:0 0 8px;
}

.ramkafsg div.more {
  float: right;
  padding: 0px 16px 0 0;
}

.ramkafsg div.more a {
  color: #196371;
}

.ramkafsg div.more a:hover {
  color: #2D729E;
}

.red .ramkafsg div.more a {
  color: #7B2B16;
}

.red .ramkafsg div.more a:hover {
  color: #7B2B16;
}

.ramkafsg .common .produkt .img {
  width: 100px;
  xheight: 75px;
}


input.add {
  border: 1px solid #C4C4C4;
  vertical-align: top;
  padding: 2px 0 0 0;
  width: 30px;
  margin-top: 1px;
  height: 15px;
  vertical-align: top;
}

input.addbut {
  margin: 1px 0 0 15px;
  vertical-align: top;
  background: transparent url(../images/buttonbg.gif) repeat-x left top;
  padding: 2px 4px 4px 4px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  border: none;
  letter-spacing: -1px;
  width: 90px;
}

.red input.addbut {
  background: #900 url(../images/buttonbgred.gif) repeat-x left top;
}
/* stylizacja menu podstawowego */

.top .menu {
  background: transparent url(../images/mainmenu.gif) repeat-x left -99px;
  padding: 0;
  margin: 0;
  height: 33px;
}

.top .menu_middle {
  float: right;
}

.top .menu ul {
  float: left;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.top .menu ul li {
  margin: 0px;
  padding: 0px;
  float: left;
  xmargin-right: 1px;
  background: transparent url(../images/mainmenu.gif) no-repeat top left;
}

.top .menu ul li.last {
  margin-right: 0px;
}

.top .menu ul li a {
  display: block;
  color: #ffffff;
  padding: 9px 19px;
  font-weight: bold;
  font-size: 12px;
  background: transparent url(../images/mainmenu.gif) no-repeat top right;
}

.top .menu ul li.click {
  background: transparent url(../images/mainmenu.gif) no-repeat left -33px;
}

.top .menu ul li.click a {
  background: transparent url(../images/mainmenu.gif) no-repeat right -33px;
  color: #757575;
}

/* formularze top */

.top_login_search {
  background: #fff;
  height: 74px;
  width: 920px;
}

.top_login_search .search_line {
  background: #fff;
  height: 1px;
  font-size: 1px;
}

/* forumlarz logowania */

.login_panel {
  background: transparent url(../images/loginbg.gif) repeat-y left top;
  float: left;
  width: 418px;
}

.login_panel .bottom {
  background: transparent url(../images/loginformbottombg.gif) no-repeat left bottom;
  height: 73px;
}

.login_panel .top_right {
  background: transparent url(../images/loginformrighttop.gif) no-repeat left bottom;
  width: 14px;
  height: 14px;
  float: right;
}

.login_form {
  padding: 4px 0px 3px 20px;
  float: left;
  width: 200px;
}

.login_form .row {
  clear: left;
  height: 23px;
}

.login_form .label {
  float: left;
  width: 50px;
  color: #5B5B5B;
  padding-top: 3px;
}

.login_form .input {
  float: left;
  width: 113px;
}

.login_form .input input {
  border: 1px solid #C4C4C4;
  padding: 2px 0;
  width: 103px;
  height: 13px;
  color: #666666;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
}

.login_form div.user {
  font-weight: bold;
  font-size: 12px;
  padding-top: 4px;
}

.login_reg {
  border: 0;
  border-left: 1px solid #D86A66;
  float: left;
  font-weight: bold;
  padding: 0 0 0 10px;
}

.login_panel .logowanie {
  padding: 6px 0 0 20px;
  color: #A84B4C;
  font-weight: bold;
  font-size: 12px;
}

.error {
  color: #f04444;
}

.login_reg .rejestracja {
  background: transparent url(../images/iconreg.gif) no-repeat left top;
  padding: 3px 0 8px 34px;
}

.login_reg .wyloguj {
  background: transparent url(../images/iconreg.gif) no-repeat left 50%;
  padding: 3px 0 8px 34px;
}

.login_reg .zapomnialem_hasla {
  background: transparent url(../images/iconqm.gif) no-repeat left top;
  padding: 3px 0 8px 34px;
}

.login_reg .dane {
  background: transparent url(../images/iconqm.gif) no-repeat left top;
  padding: 3px 0 8px 34px;
}

.login_reg a {
  background: transparent url(../images/arr.gif) no-repeat right 4px;
  color: #5B5B5B;
  padding: 0px 20px 0px 0px;
}

.search_panel {
  float: right;
  background: #C2EAEA url(../images/searchbg.gif) repeat-x left top;
  width: 502px;
}

.search_panel .bottom {
  background: transparent url(../images/searchbottombg.gif) no-repeat left bottom;
  height: 73px;
}

.search_panel .top_right {
  float: right;
  background: #fff url(../images/searchformrighttop.gif) no-repeat left top;
  width: 14px;
  height: 73px;
}

.search_panel .wyszukaj {
  padding: 16px 0 2px 30px;
  color: #163043;
  font-weight: bold;
  font-size: 12px;
}

.search_form {
  padding: 4px 0px 0px 30px;
  float: left;
}

.search_form .row {
  clear: left;
  height: 25px;
}

.search_form .label {
  float: left;
  width: 123px;
  color: #5B5B5B;
  padding-top: 3px;
}

.search_form .advanced {
  width: 336px;
  padding-top: 0px;
}

.search_form .advanced a {
  background: transparent url(../images/plus.gif) no-repeat right 3px;
  float: right;
  color: #5B5B5B;
  font-weight: bold;
  padding: 0 20px 0 0;
}

.search_form .input {
  float: left;
  width: 215px;
}

.search_form .submit {
  float: left;
  padding: 0 0 0 22px;
}

.search_form .input input {
  border: 1px solid #C4C4C4;
  padding: 2px 0;
  width: 213px;
  height: 13px;
  color: #666666;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
}

/* listy produktow lewego menu */

.left .menu .title {
  background: transparent url(../images/lmenutab.gif) no-repeat left top;
  margin: 0;
  padding: 7px 0px 0px 13px;
  color: #1B373E;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
}

.left .menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.left .menu ul li a.plus {
  text-decoration: none;
}
.left .menu ul li a.minus {
  text-decoration: none;
}

.left .menu ul li .plus {
  background: transparent url(../images/lmplus.gif) no-repeat left 2px;
  padding-left: 9px;
}

.left .menu ul li .minus {
  background: transparent url(../images/lmminus.gif) no-repeat left 2px;
  padding-left: 9px;
}

.left .menu {
}

.left .menu_last {
  background: transparent url(../images/lmlb.gif) no-repeat left top;
  height: 14px;
  font-size: 1px;
  margin-top: -10px;
}

.left .menu div {
}

.left .menu div .item {
  border: 0;
  padding: 3px 0px 3px 10px;
  background: #F2FAFD;
  border-bottom: 1px solid #A7C0BD;
}

.left .menu div .item.last {
  border: 0;
}

.left .menu ul li li div .item {
  border: 0;
  padding: 3px 0px 3px 24px;
  background: #F8FCFE;
  border-bottom: 1px solid #A7C0BD;
}

.left .menu ul li li li div .item {
  border: 0;
  padding: 3px 0px 3px 38px;
  background: #F8FCFE;
  border-bottom: 1px solid #A7C0BD;
}

.left .menu ul li a.caption {
  color: #196371;
  font-size: 11px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
}

.left .menu ul ul li a.caption {
  color: #5AADBD;
}

.left .menu ul ul ul li a.caption {
  color: #5AADBD;
  font-weight: normal;
}

.newsletter {
  position: relative;
  color: #4E4E4E;
  background: #fff url(../images/lmenubg.gif) repeat-x left top;
  padding: 12px 0 12px 12px;
}

.newsletter .caption {
  padding: 10px 0 0 0;
}

.newsletter .input {
  position: relative;
  float: left;
  width: 108px;
  padding-top: 5px;
}

.newsletter .submit {
  position: relative;
  float: left;
  padding-top: 5px;
}

.newsletter .input input {
  border: 1px solid #C4C4C4;
  padding: 2px 0;
  width: 103px;
  height: 13px;
  color: #666666;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
}

.newsletterform {
  color: #4E4E4E;
  padding: 12px 0 12px 12px;
}

.newsletterform .l{
  float: left;
  padding: 0 10px 0 0;
}

.newsletterform .button{
}

/* dalsze elementy lewego menu */

.lzamow {
  background: transparent url(../images/leftzamow.gif) no-repeat left top;
  padding: 10px 0 0 12px;
  height: 25px;
}

a.more {
  background: transparent url(../images/arr.gif) no-repeat right 5px;
  padding-right: 16px;
  color: #A84B4C;
  font-size: 11px;
  font-weight: bold;
}

a.more:hover {
  color: #c86B6C;
}

a.arr {
  background: transparent url(../images/arr.gif) no-repeat right 5px;
  padding-right: 16px;
}

/* elementy sekcji ¶rodkowej */
/* stylizacja menu podstawowego */

.middle .menu {
  background: #fff url(../images/mtabbg.gif) no-repeat left bottom;
  height: 29px;
  border: 0px;
}

.middle .red .menu {
  background: #fff url(../images/mtabbgred.gif) no-repeat left bottom;
}

.middle .menu ul {
  list-style-type: none;
  margin:0;
  padding:0;
}

.middle .menu ul li {
  float: left;
  width: 129px;
  margin-right: 1px;
}

.middle .menu ul li a {
  display: block;
  background: transparent url(../images/mtab.gif) no-repeat left -33px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  height: 20px;
  padding: 4px 0 0 0;
  text-align: center;
}

.middle .red .menu ul li a {
  background: transparent url(../images/mtabred.gif) no-repeat left -33px;
}

.middle .menu ul li.click a {
  background: transparent url(../images/mtab.gif) no-repeat left top;
  height: 25px;
  color: #196371;
}

.middle .red .menu ul li.click a {
  background: transparent url(../images/mtabred.gif) no-repeat left top;
  color: #A33B46;
}

.middle .menu ul li.click a:hover {
  color: #2D729E;
}

.middle .red .menu ul li.click a:hover {
  color: #c35B66;
}

.middle .menu .tabl {
  float: left;
  background: transparent url(../images/mtabsmp.gif) no-repeat left top;
  width: 9px;
  height: 26px;
}

.middle .menu .tab {
  float: left;
  background: transparent url(../images/mtabsmp.gif) repeat-x left -34px;
  padding: 6px 6px 0px;
  font-size:11px;
  font-weight:bold;
  min-width: 100px;
}

.middle .menu .tabr {
  float: left;
  background: transparent url(../images/mtabsmp.gif) no-repeat left -68px;
  width: 9px;
  height: 25px;
}

.middle .menu .tab a.main {
  color: #1B373E;
  font-size:12px;
  font-weight:bold;
}

.middle .menu .tab a.cat {
  color:#196371;
  font-size:11px;
  font-weight:bold;
}

.middle .menu .tab a.subcat {
  color:#5AADBD;
  font-size:11px;
  font-weight:bold;
}

.middle .menu .prod {
  color:#5AADBD;
  font-size:11px;
  font-weight:normal;
}

.middle .panel {
  padding-bottom: 10px;
}

.middle .panel .red {
  background: transparent;
}

.middle .panel .box {
  background: #fff url(../images/mboxbg.gif) repeat-x left bottom;
  border-left: 1px solid #C3E6F3;
  border-right: 1px solid #C3E6F3;
}

.middle .panel .foot {
  font-size: 1px;
  background: #fff;
}

.middle .panel .foot .l {
  float: left;
  background: transparent url(../images/mboxbottom.gif) no-repeat left top;
  width: 9px;
  height: 10px;
}

.middle .panel .foot .m {
  float: left;
  background: transparent url(../images/mboxbottom.gif) repeat-x left -20px;
  height: 10px;
  width: 502px;
}

.middle .panel .foot .r {
  float: right;
  background: transparent url(../images/mboxbottom.gif) no-repeat left -10px;
  width: 9px;
  height: 10px;
}

.middle .panel .red .box {
  background: #fff url(../images/mboxbgred.gif) repeat-x left bottom;
  border-left: 1px solid #EDBDBC;
  border-right: 1px solid #EDBDBC;
}

.middle .panel .red .foot .l {
  background: transparent url(../images/mboxbottomred.gif) no-repeat left top;
}

.middle .panel .red .foot .m {
  background: transparent url(../images/mboxbottomred.gif) repeat-x left -20px;
}

.middle .panel .red .foot .r {
  background: transparent url(../images/mboxbottomred.gif) no-repeat left -10px;
}

.oferta {
  padding: 20px 0px 25px 0px;
}

.oferta .item {
  background: transparent url(../images/prodbg.gif) no-repeat 30px top;
  float: left;
  width: 170px;
  height: 160px;
}

.oferta .img {
  width: 80px;
  height: 60px;
  border: 3px solid #ccc;
  margin: 1px 38px 36px 38px;
}

.oferta .name {
  font-size: 11px;
  font-weight: bold;
  padding: 0 5px 10px 22px;
}

.oferta .name a {
  color: #196371;
}

.oferta .name a:hover {
  color: #2D729E;
}

span.more {
  background: transparent url(../images/arr.gif) no-repeat right 5px;
  letter-spacing:10px;
  word-spacing:10px;
}

/* elementy sekcji prawej */

.right .koszyk {
  background: transparent url(../images/rkoszykbg.gif) repeat-x left top;
  padding-bottom: 18px;
  width: 190px;
}

.right .koszyk .top {
  background: transparent url(../images/rkoszyk.gif) no-repeat left top;
}

.right .koszyk .body {
  background: transparent url(../images/rkoszyk.gif) repeat-y -380px top;
  xheight: 120px;
}

.right .koszyk .bottom {
  background: transparent url(../images/rkoszyk.gif) no-repeat -190px bottom;
  height: 16px;
  width: 190px;
}

.right .koszyk .title {
  padding: 10px 0px 0px 15px;
  color: #A84B4C;
  font-size: 12px;
  font-weight: bold;
}

.right .koszyk .title a {
  color: #A84B4C;
}

.right .koszyk .content {
  padding: 10px 4px 10px 16px;
  color: #353535;
}

.right .koszyk .podsumowanie {
  width: 155px;
}

.right .koszyk .podsumowanie .l {
  float: left;
  width: 75px;
}

.right .koszyk .podsumowanie .r {
  float: left;
  width: 80px;
  text-align: right;
}

.right .koszyk .suma {
  font-size: 12px;
  font-weight: bold;
}

.right .koszyk div.hr {
  background: transparent url(../images/hrdotted.gif) repeat-x scroll 0 50%;
  height:8px;
}

.right .menu {
  background: transparent url(../images/rtabbg.gif) repeat-x left 8px;
  padding-bottom: 18px;
  margin-top: -8px;
  width: 190px;
}

.right div.more {
  float: right;
  padding: 0px 16px 0 0;
}

.right .menu .top {
  background: transparent url(../images/rtabtop.gif) no-repeat left top;
  width: 190px;
  height: 8px;
}

.right .menu .title {
  padding: 0px 10px 0px 10px;
  color: #A84B4C;
  font-size: 12px;
  font-weight: bold;
}

.right .menu .title a {
  color: #A84B4C;
}

.right .menu .content {
  padding: 7px 4px 10px 10px;
  color: #4E4E4E;
}

.right .forma {
  position: relative;
  background: transparent url(../images/rformabg.gif) repeat-x left top;
  padding-bottom: 18px;
  margin-top: -8px;
}

.right .forma .content {
  position: relative;
  padding: 18px 0 0 0;
}

.right .promocje {
  margin-top: -8px;
  width: 190px;
}

.right .promocje .title {
  background: transparent url(../images/lmenutab.gif) no-repeat left top;
  margin: 0;
  padding: 7px 0px 0px 13px;
  color: #1B373E;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
}

.right .promocje .promo {
  background: #F9FDFD;
  color: #FF0000;
  font-weight: bold;
  padding: 2px 2px 2px 12px;
}

.right .promocje .content {
  background: #FFFFFF url(../images/lmenubg.gif) repeat-x scroll left top;
  padding: 7px 4px 20px 10px;
  width: 175px;
}

.right .promocje .produkt {
  width: 175px;
  float: none;
  padding: 0;
}

.right .promocje .produkt .img {
  width: 60px;
  height: none;
  padding-bottom: 8px;
}

.right .promocje .produkt .info {
  width: 95px;
}

.right .promocje .produkt .kupuj {
  clear: both;
  width: 175px;
}

.common {
}

.common .produkt {
  float: left;
  padding: 2px;
  width: 235px;
}

.common .produkt .img {
  float: left;
  width: 80px;
  xheight: 60px;
  border: 0;
}

.ramkafsg .produkt {
  width: 255px;
  padding: 0 0 12px 12px;
  color: #4E4E4E;
  position: relative;
}

.produkt {
  xbackground: #0f0;
  padding: 12px;
}

.produkt .nazwa {
  font-size: 18px;
  font-weight: normal;
  padding-bottom: 25px;
}

.produkt .zdjecia {
  float: right;
  padding: 0 0 0 6px;
}

.produkt .zdjecia img {
  width: 120px;
  border: 3px solid #ccc;
  margin: 4px 0;
}

.produkt ul {
  margin: 20px 0 20px 0;
  padding: 0;
}

.produkt li {
  background:transparent url(../images/arrow_submenu.gif) no-repeat scroll 0 4px;
  line-height:110%;
  list-style-image:none;
  list-style-position:outside;
  list-style-type: none;
  margin-left: 0px;
  padding: 4px 0 2px 16px;
}

.produkt .norma {
  float: left;
  width: 160px;
  padding: 2px 0;
}

#overDiv {
  background: #fff;
  border: 2px solid #cccccc;
  padding: 1px;
}

/* stylizacja koszyka */

.middle .koszyk {
  padding: 10px;
}

.middle .koszyk table {
  width: 100%;
}

.koszyk td {
  padding: 10px 2px;
  vertical-align: top;
}

.koszyk .hr {
  background: transparent url(../images/linia.gif) repeat-x scroll left bottom;
}

.koszyk td input.chck {
  width: 12px;
  margin: 0;
  padding: 0;
}

.koszyk .l {
  text-align: left;
}

.koszyk .r {
  text-align: right;
}

.koszyk .b {
  font-weight: bold;
}

.koszyk .c {
  text-align: center;
}

.koszyk td.ilosc {
  width: 36px;
}

.koszyk input.ilosc {
  width: 36px;
}

.middle .koszyk .suma table {
  float: right;
  width: 50%;
}

.middle .koszyk .dalej {
  float: right;
  padding: 0 0 0 300px;
}

.middle .koszyk .button.powrot {
  float: left;
}

.middle .kategoria {
  padding: 12px;
}

.middle .kategoria .img {
  float: left;
  padding: 0 8px 8px 0;
  border: 0;
}

.middle .kategoria .img img {
  width: 200px;
  border: 0;
}

.middle .kategoria .nazwa {
  color: #163043;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 25px;
}

.middle .kategoria_mala {
  padding: 12px;
}

.middle .kategoria_mala .img {
  float: left;
  padding: 0 12px 12px 0;
  border: 0;
}

.middle .kategoria_mala .img img {
  width: 100px;
}

.middle .kategoria_mala .nazwa {
  color: #163043;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 15px;
}

.middle .kategoria_mala .opis {
}

.middle .kategorie_block {
  padding: 0 6px 0 8px;
}

.middle .kategorie_block .border{
  border: 1px solid #C3E6F3;
  background: #fff;
}

.middle .kategorie_block .rt{
  background: #fff;
}

.middle .kategorie_block ul.catlist {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  width: 171px;
}

.middle .kategorie_block ul.catlist li {
  background: transparent url(../images/kattab.gif) no-repeat scroll left top;
  padding: 6px 4px 6px 10px;
  margin-bottom: 2px;
}

.middle .kategorie_block ul.catlist li.click {
  background: transparent url(../images/kattab.gif) no-repeat scroll -171px top;
}

.middle .kategorie_block .r {
  float: right;
  padding: 2px 0 5px 5px;
  width: 171px;
}

.middle .ramka {
  background: transparent url(../images/rambg.gif) repeat-y scroll left top;
}

.middle .ramka .top {
  background: transparent url(../images/ramtop.gif) no-repeat scroll left top;
}

.middle .ramka .bottom {
  background: transparent url(../images/rambottom.gif) no-repeat scroll left bottom;
}

.artykul {
  padding: 10px;
}

.produkty_lista {
  padding: 0 10px;
}

.produkty_lista .row {
  clear: both; padding-bottom: 20px;
}

.produkty_lista .title {
  font-weight: bold;
  padding: 12px 0 12px 2px;
}

.rejestracja {
  padding: 0 0 0 0px;
}

.rejestracja .l {
  float: left;
  width: 150px;
  padding: 0px 0 4px 20px;
}

.rejestracja .r {
  float: left;
  width: 260px;
}

.rejestracja .row {
  clear: both;
}

.rejestracja .button {
  clear: both;
  padding: 10px 0 0 170px;
}

.rejestracja .r input {
  width: 180px;
  margin: 0 0 4px 0;
}

.rejestracja .row .l input {
  float: right;
  margin: 0 6px 0 0;
}

.rejestracja .hr {
  font-weight: bold;
  float: left;
  border-bottom: 1px dashed #C3E6F3;
  width: 490px;
  padding: 16px 0 8px 0;
  margin-bottom: 10px;
}

.przypomnienie {
  padding: 0 0 0 10px;
}

.przypomnienie .error {
  padding: 0 0 3px 0;
}

.przypomnienie .l {
  float: left;
  padding: 0 8px 0 0px;
}

.formop_errors {
  color: #A84B4C;
}

.middle .padding {
  padding: 10px;
}

.navi {
  clear: both;
  float: right;
  padding: 0 10px 0 0;
}

.userdata {
  padding: 0 0 0 0;
}

.userdata .imp{
  font-weight: bold;
}

.userdata .l {
  clear: both;
  float: left;
  width: 120px;
  padding: 0 0 8px 20px;
}

.userdata .r {
  float: left;
  width: 150px;
  padding: 0 0 8px 0;
}

.userdata .zmien {
  clear: both;
  padding: 10px 0 0 290px;
}

.userdata .hr {
  font-weight: bold;
  float: left;
  border-bottom: 1px dashed #C3E6F3;
  width: 490px;
  padding: 16px 0 8px 0;
  margin-bottom: 10px;
}

.buttonusun {
  width: 180px;
}

.buttonoproznij {
  width: 120px;
}

.buttonoprzelicz {
  width: 80px;
}

.buttonozapisz {
  width: 65px;
}

.zmien_haslo {
  padding: 20px 0 0 40px;
}

.zmien_haslo .l {
  float: left;
  width: 150px;
}

.zmien_haslo .r {
  float: left;
  width: 250px;
}

.zmien_haslo .row {
  clear: both;
}

.zmien_haslo .button {
  clear: both;
  padding: 10px 0 0 150px;
}

.zmien_haslo .r input {
  width: 260px;
  margin: 0 0 4px 0;
}

.wyrejestruj {
  padding: 20px 0 0 40px;
}

.wyrejestruj .title {
  padding: 10px 30px 30px 0;
}

.wyrejestruj .l {
  float: left;
  width: 100px;
}

.wyrejestruj .r {
  float: left;
  width: 150px;
}

.wyrejestruj .row {
  clear: both;
}

.wyrejestruj .button {
  clear: both;
  padding: 10px 0 0 100px;
}

.wyrejestruj .r input {
  width: 180px;
  margin: 0 0 4px 0;
}

.row {
  clear: both;
}

.transakcje {

}

.transakcje .row {
  clear: both;
}

.transakcje .head {
  font-weight: bold;
  padding: 0 0 4px 0;
}

.transakcje .hr {
  border-bottom: 1px dashed #C3E6F3;
  width: 490px;
  margin: 0 0 8px 0;
}

.transakcje .data {
  float: left;
  width: 120px;
  padding: 0 0 4px 0;
}

.transakcje .klient {
  float: left;
  width: 120px
}

.transakcje .status {
  float: left;
  width: 70px
}

.transakcje .kwota {
  float: left;
  width: 60px;
  text-align: right;
  padding-right: 20px;
}

.transakcje .szczegoly {
  float: left;
  width: 80px
}

.transakcja {
  padding-bottom: 20px;
}

.transakcja .row {
  clear: both;
}

.transakcja .head {
  font-weight: bold;
  padding: 0 0 4px 0;
}

.transakcja .dane .hr, .transakcja .row .hr {
  font-weight: bold;
  border-bottom: 1px dashed #C3E6F3;
  padding: 8px 0 4px 0;
  margin: 0 0 16px 0;
  float:left;
  width: 490px;
}

.transakcja .row .l {
  clear: both;
  float: left;
  width: 120px;
  padding: 0px 0 4px 20px;
}

.transakcja .row .r {
  float: left;
  width: 250px;
  padding: 0px 0 4px 0;
}

.transakcja .r input[type=text] {
  width: 180px;
}

.transakcja .button.powrot {
  padding-left: 10px;
  float: left;
}

.transakcja .button.potwierdz {
  padding-right: 10px;
  float: right;
}

.transakcja .button.potwierdz .inputbutton {
  background: #c00000;
}

.transakcja .koszyk .hr {
  font-weight: normal;
}

.transakcja .koszyk .r {
  text-align: right;
}

.transakcja .koszyk .b {
  font-weight: bold;
}

.transakcja .koszyk .rabat {
  font-weight: bold;
  color: #f00;
}

h2 {
  margin: 0;
}

h2 .hr {
  font-weight: bold;
  font-size: 13px;
  float: left;
  border-bottom: 1px dashed #C3E6F3;
  width: 490px;
  padding: 0 0 8px 0;
  margin-bottom: 10px;
}

.zakupy {

}

.zakupy .row {
  clear: both;
}

.zakupy .head {
  font-weight: bold;
  padding: 0 0 4px 0;
}

.zakupy .dane .hr {
  font-weight: bold;
  border-bottom: 1px dashed #C3E6F3;
  padding: 8px 0 4px 0;
  margin: 0 0 16px 0;
  float:left;
  width: 490px;
}

.zakupy .row .l {
  clear: both;
  float: left;
  width: 120px;
  padding: 0px 0 4px 20px;
}

.zakupy .row .r {
  float: left;
  width: 250px;
  padding: 0px 0 4px 0;
}

.zakupy .button.usun {
  float: left;
}

.zakupy .button.do_koszyka {
  float: right;
}

.button_dodaj_do_koszyka {
  width: 240px;
}

.tabela_cech {
  padding: 0 10px;
  xdisplay: none;
  overflow: hidden;
}

.tabela_cech table {
  width: 100%;
  border: none;
}

.tabela_cech th {
  border-bottom: 1px dashed #C3E6F3;
}

.tabela_cech td {
  text-align: center;
}

.tabela_cech .promocja {
  background: #FFE7E7;
  color: #A84B4C;
}

.tabela_cech .nowosc {
  background: #C3E6F3;
}

.tabela_cech .niedostepny {
  color: #aaa;
}

.tabela_cech .grey {
  background: #f2f2f2;
}

.tabela_cech .nazwa {
  text-align: left;
  padding-left: 5px;
}

.tabela_cech th.cena {
}

.tabela_cech td.cena {
  text-align: right;
  padding: 0 4px;
}

.tabela_cech td.nrref {
  text-align: left;
  padding: 0 4px;
}

.tabela_cech .nrref {
  width: 65px;
}

.tabela_cech .cena_stara {
  text-decoration: line-through;
}

.tabela_cech .cena_promocyjna {
}

.tabela_cech .cechy {
}

.tabela_cech .c20 {width: 20px;}
.tabela_cech .c30 {width: 30px;}
.tabela_cech .c40 {width: 40px;}
.tabela_cech .c50 {width: 50px;}
.tabela_cech .c60 {width: 60px;}
.tabela_cech .c70 {width: 70px;}
.tabela_cech .c80 {width: 80px;}
.tabela_cech .c90 {width: 90px;}
.tabela_cech .c100 {width: 100px;}
.tabela_cech .c120 {width: 120px;}

.tabela_cech .icon {
  width: 26px;
  padding:2px;
}

.tabela_cech .niedostepny {

}

.banner {
  padding: 0 0 8px 0;
}


