body{ overflow: auto; font-size: 11px; font-family: Tahoma, Arial, Verdana;
background: #b5dcf5 url(/img/bg.gif) repeat-x; text-align: center; margin: 0; padding: 0; }

form{ margin: 0; padding: 0; }

.bold{ font-weight: bold !important; }
.images img{ border: 0; }
.images{ text-decoration: none; }

div#container{ width: 776px; margin: 0 auto; text-align: left; }

  div#top{ width: 776px; height: 139px; }
  div#top img{ border: 0; }
  div#top a{ text-decoration: none; }
  
  div#menu{ width: 756px; height: 29px; background: url(/img/menu_bg.jpg) no-repeat; 
  padding: 3px 0 0 20px; }
  div#menu ul{ list-style: none; margin: 0; padding: 0; }
  div#menu ul li{ display: inline; margin-right: 10px; }
  div#menu a{ color: white; text-decoration: none; font-weight: bold; }
  div#menu a:hover{ text-decoration: underline; }
  
  div#content{ padding-top: 4px; width: 776px; background: url(/img/content_bg.gif) repeat-y; }
  
  div#footer{ width: 776px; background: url(/img/footer_bg.gif) repeat-y; }
  div#footer-pos{ text-align: center; padding-bottom: 10px; }
  div#footer-pos span#kolor1{ color: red; }
  div#footer-pos span#kolor2{ color: gray; }
  div#footer-pos span#kolor2 a{ color: gray; text-decoration: underline; }
  
  div#leftside{ margin-left: 5px; width: 190px; float: left; }
  
  div.box1head{ width: 190px; font-size: 12px; font-weight: bold; padding-top: 5px;  
  height: 24px; background: url(/img/box_head.gif) no-repeat; text-align: center; }
  
  div.box1bg{ margin-bottom: 10px; padding-bottom: 10px; background-color: #fff6d1; width: 190px; }
  div.box1bg ul{ width: 180px; list-style: none; margin: 0 0 0 5px; padding: 0; }
  div.box1bg ul li{ padding: 5px 0 0 25px; width: 155px; background:  url(/img/lista_bg.gif) no-repeat; height: 20px; } 
  div.box1bg ul li a{ color: #072f63; font-weight: bold; text-decoration: none; }
  div.box1bg ul li a:hover{ text-decoration: underline; }
  
  div.box1bg ul ul li{ background: none !important; padding: 0 !important; }
  div.box1bg ul ul{ margin: 0 !important; padding: 10px 0 10px 10px !important; }
  
  li.sublist{ background: none !important; }
  
  div#centerside{ /* background-color: red; */ 
  margin-left: 4px; float: left; width: 570px; }
  
  /*
  div#rightside{ float: left; width: 200px; margin-left: 5px; }
  */
  
    div#wyszukiwarka{ text-align: center; width: 190px; height: 115px; background: url(/img/szukaj_bg.gif) no-repeat; }
    div#wyszukiwarka form{ padding-top: 35px; }
    div#wyszukiwarka form input.szukaj_key{ border: 1px #d4b183 solid; background-color: white; width: 165px; }
    div.center{ text-align: center !important; }
    
    div#wyszukiwarka p{ width: 95%; padding: 30px 0 0 0; margin: 0 auto 0 auto; text-align: left; }
    div#wyszukiwarka a{ text-decoration: none; }
    div#wyszukiwarka img{ border: 0; }
    
    div#newsletter{ width: 190px; text-align: center; padding-top: 35px;  
    height: 95px; background: url(/img/newsletter_bg.gif) no-repeat; } 
    div#newsletter form{ padding-top: 10px; } 
    div#newsletter form input.newsletter_key{ border: 1px #7da8c3 solid; background-color: white; width: 165px; }

    div#login{ width: 170px; text-align: left; padding-top: 25px;  
    background: url(/img/login_bg.gif) no-repeat; padding-left: 10px;
    padding-right: 10px; height: 190px; } 
    
    div#login form{ padding-top: 10px; } 
    div#login form a{ color: #ff6600; }
    div#login form .center{ padding-top: 5px; padding-bottom: 5px; }
    div#login form input.field{ border: 1px #7da8c3 solid; background-color: white; width: 165px; }
   
        
  a.active{ color: #ffa32b !important; text-decoration: underline !important; }

  /* lista produktow */
  
  div.shopBox{ width: 100%; padding-bottom: 20px; }
  
  div.produktFoto img{ border: 0; }
  div.produktFoto{ width: 140px; float: left; }
  div.produktFoto a{ text-decoration: none; }
  
  div.produktBox{ color: #4f7891; float: left; background: white url(/img/produkt_bg2.gif) no-repeat;
  width: 420px; padding-left: 5px; padding-right: 5px; min-height: 100px; }
  
  div.produktBox h1{ margin: 5px 0 5px 0; padding: 0; font-size: 12px; color: #ab0f00; }
  
  div.kategoriaDesc{ margin-bottom: 15px; background-color: #fff6d1; width: 550px;
  padding: 10px; }

  div.kategoriaDesc h1{ margin: 0; padding: 0; font-size: 15px; font-family: Georgia, Tahoma, Verdana; }

  div.error{ border: 1px red solid; padding: 5px; background-color: #e29d98; }
  div.success{ border: 1px #0fd326 solid; padding: 5px; background-color: #c6f7cb; }

  /* karta produktu */
  h1.produktTitle{ margin: 0 0 5px 0; padding: 0; font-size: 15px; }
  
  div.atribut{ width:300px; /* position: relative; left: 30px; */ margin-left: 30px; float: left; /* background-color: blue; */  }
  div.atribut ul{ padding: 10px 0 10px 20px; margin: 0; }
  div.foto{ float: left; width: 220px; /* background-color: red; */ }
  div.foto img{ display: block; margin-bottom: 10px; border: 0; }
  div.foto a{ text-decoration: none; }

  div.navigator{ text-align: center; margin-top: 10px; }
  div.navigator a{ color: #551a8b; text-decoration: none; }
  div.navigator a:hover{ text-decoration: underline; }
  div.navigator span{ color: red; font-weight: bold; }
  div.navigator img{ border: 0; }

  div.atrybuty{ margin-top: 10px; } 

  div.banner{ margin: 0 10px 10px 10px; padding: 10px; width: 736px; 
  /* background-color: #0099ff; */ }

  div.sciezka-dostepu{ padding: 5px; }
  
  form#kontakt{ padding-top: 15px; padding-left: 15px; }
  form#kontakt textarea{ width: 90%; height: 200px; border: 1px gray solid; }
  div.form-left{ float: left; width: 80px; }
  div.form-left span{ color: red; }
  div.form-right{ float: left; }
  div.form-right input{ border: 1px gray solid; width: 200px; }
  
  form#register{ padding-top: 15px; /* padding-left: 30px;  */ }
  div.contentBox{ padding: 10px 10px 0 10px; }
  div.position{ width: 90%; margin: 0 auto; text-align: left;  }
  
  div.info{ font-size:11px; margin-bottom: 15px; padding: 5px;  background-color: #fff6d1; }
  div.koszyk-toolbar{ font-size:11px; margin-bottom: 10px; padding: 5px;  background-color: #a7c8dd; }
  h2.regTitle{ font-size: 13px; }

  div#userAccount{ width: 170px; background: #a7c8dd url(/img/account_bg.gif) no-repeat; 
  min-height: 84px; padding: 40px 10px 0 10px;  }
  
  div#userAccount ul{ list-style: none; margin: 0; padding: 10px 0 10px 10px; }
  div#userAccount ul li{ margin-bottom: 3px; }
  div#userAccount ul li a{ color: #551a8b; text-decoration: none; } 
  div#userAccount ul li a:hover{ text-decoration: underline; }
  
  div#userAccount span{ font-size: 13px; }

  table.rozmiary{ text-align: left; font-size: 11px; margin: 0 auto; }
  table.rozmiary td{ text-align: center; padding: 4px; }
  table.rozmiary td.topheader{ padding: 0 2px 0 2px; background-color: #ad0f00; color: white; height: 20px; }
  tr.line-1{ background-color: #fff8db; }
  tr.line-0{ background-color: #fffffe; }
  
  .button{ text-align: center; text-decoration: none; padding: 3px; background-color: #ba0000; color: white; margin-bottom: 10px;
  font-weight: bold; font-size: 12px; text-transform: uppercase; display: block; width: 130px; }
  
  .button2{ text-align: center; text-decoration: none; padding: 3px; background-color: #ba0000; color: white; margin-bottom: 10px;
  font-weight: bold; font-size: 12px; text-transform: uppercase; display: block; width: 180px; }
  
  a.button:hover, a.button2:hover{ text-decoration: underline; }

  form#polec textarea{ width: 90%; border: 1px gray solid; }

  input.alert-input{ border: 1px red solid !important; }

  table.table-koszyk img{ border: 0; }
  table.table-koszyk{ margin-bottom: 10px;  width: 550px;  font-size: 11px; }
  table.table-koszyk .summary{ background-color: #ad0f00; color: white; text-align: center; }

  table.table-koszyk tr.shipping-summary{ background-color: #fff6d1; }
  table.table-koszyk tr.shipping-summary span{ font-weight: bold; /* font-size: 13px; */ }  

.koszyk-1{ background-color: #f5f1ed; }
.koszyk-2{ background-color: white;  }
h1.titleshow{ margin: 0; padding: 0; font-size: 15px; }

  ul.user-menu{ padding-left: 30px !important; }
  
  ul.szukaj-list{ list-style: none; margin: 0; padding: 0; }
  ul.szukaj-list label{ float: left; display: block; }
  ul.szukaj-list li input{ margin-left: 100px; }
  ul.szukaj-list li select{ margin-left: 100px; }

  ul.pay{ list-style: none; }
  ul.pay li{ margin-bottom: 10px; }
  ul.pay li img{ margin-left: 10px; }