@media only screen and (max-width: 640px) {
         #thecookiec {width:90%;margin:0 auto}
          #thecookiec a.close { font-size:2em;}

          #footer {background:#fff}


}

body { background:#fff;}

html body #secondbody,
html body #l2content,
html body #columnssep,
html body #lcol,
html body #rcol,
html body #all, html body .all {background-image:none !important;Width:100% !important; }
html body .footer_col {width:25%;float:left}
.lc20 {margin-bottom:5px !important}

html body #columnssep {background-image:none;margin-top:0px}

html body #rcol .content {width:95% !important;padding:.5em !important;margin-left:0 !important;margin-right:0 !important}
html body #rcol .content table { }

html body #isloganholder {display:none}
html body #footer {width:100%;background:#fff}
html body #footer_txt {background-color:#fff ;clear:both;display:block;float:none;width:100%;min-height:1.3em;height:auto; }
html body #footer_menu {display:none !important}


html body #sloganandlogo {height:auto !important;background-image:none !important; text-align:left}
html body #sloganandlogo img {max-width:70% !important;}

html body .paging .pagingbar {text-align:center;width:80%;margin:0 auto}
                            div.paging a.sel,div.paging a.sel:hover,html body .paging .pagingbar a {
                            display:inline-block;font-size:1.5em;width:2em;height:2em;background:#eee;margin-right:5px;float:right;line-height:2em;
                            }

  html body #cycl .slide .desc p {font-size:16px;line-height:20px;}
  html body #cycl .slide .desc h1,
   html body #cycl .slide .desc h2 {font-size:16px;line-height:23px}
  html body #cycl #cyclinn .slide img {max-width:100%}

html body #menu,
html body #menucontainer {margin:0 !important;width:100% !important;height:auto !important;
              background:none !important;top:auto;position:absolute;padding-left:0px;z-index:999999999}

html body #menu ul.sf-menu {float:right;;display:none;width:80% !important;height:auto !important;background:#fff;
border:1px solid #777;padding:5px;}

html body #menu ul.sf-menu li {display:block !important;float:none !important;height:auto !important;border-bottom:1px solid #777 !important;text-align:left !important}
 html body #menu ul.sf-menu li a {border:0 !important;text-align:left !important;display:block !important;padding-left:0 !important;padding-right:0 !important}
 html body #menu {position:relative}

 html body #menu ul.sf-menu li ul {position:static !important;display:block !important;opacity:1 !important;visibility:visible !important;}
  html body #menu ul.sf-menu  li ul li {max-height:150px !important}
  #mnuswitch {text-decoration:none;display:block;padding:0px 5px 2px 5px;border:1px solid #0789BB;position:absolute;
         right:10px;font-size:3.5em;top:-1.7em;
         bottom:100%;top:auto !important;margin:0 ;margin-bottom:5px }
          #mnuswitch span {color: #0789BB;font-size:1em;line-height:1em}

      html body  #menu   li.backLava {display:none !important;opacity:0 !important}

html body #iformularzkontaktowy {width:90% !important;margin:0 auto !important;}
html body #iformularzkontaktowy input,
html body #iformularzkontaktowy select,
html body #iformularzkontaktowy textarea {width:90% !important;float:none !important;margin-bottom:10px}

html body #map_canvas {width:90% !important;margin:0 auto !important;}


html body .lcolimg {display:none;}
html body img {  width: auto ; height: auto ; max-width: 90% }
html body #logoimage {display:block;width:100%;text-align:left}
html body #logoimage img {width:70% !important;height:auto !important;margin:0 auto !important}

html body #leftmenuul2 li {width:100% !important;margin-top:3px !important;border:0 !important}
html body #leftmenuul2 li a {font-size:1.2em !important;margin:0 auto !important;width:80%;;border:1px solid #eee !important;
                             padding-left:0px !important;padding-right:0px !important;
                            background:#3C4C5B !important;line-height:1.8em;min-height:1.8em;
                            text-align:center;color:#eee !important}
html body #leftmenuul2 li a.sel {color:#162839 !important;background:#9CaCbB !important}


html body #homepans {padding:0 !important;width:100% !important;margin:0px !important;left:0;position:static;max-width:100% !important}
html body #homepansc {max-width:100% !important;width:100%}
html body #searchcontainer {width:90% !important;margin:0px !important;left:0;position:static}
html body #homepans .homepanel {max-width:90% !important; margin:10px auto !important;float:none;width:90%;background-position:center top;background-repeat:repeat-x;min-height:0 }

#ihakt {width:90% !important}
#ihakt .promoitem {width:100%}

html body .newslistelem div.cenasklep {clear:both !important;max-width:30% !important;position:static;margin-top:0px !important;height:auto !important}

div.productlist div.listsep {padding:5px !important;margin:5px !important;clear:both !important}


html body .productlist .imgcontainer a img {width:100% !important}
html body .productlist .imgcontainer {width:90%;height:auto;margin:0 auto;float:none;position:static}
html body .productlist div.title {position:static;margin-top:0px;width:auto;height:auto}
    html body .productlist {height:auto !important}
  table {width:95% !important}
 
html body .newslistelem {width:90% !important;display:block;margin:0 auto;}
html body .newslistelem .container {width:100%;display:block;}
html body div#rcol div.content div.newslistelem div.cenasklep {
width:100% !important;
max-width:100% !important;
margin:0 auto;
height:auto !important;
display:block !important;
float:none !important;
background-image:none !important;
}
html body .newslistelem .cenasklep div,
html body .newslistelem .cenasklep form {clear:both !important;float:none !important}
html body .newslistelem .imgcontainer {display:block;float:none;width:90%;margin-left:0  }
html body .newslistelem .imgcontainer img {width:100% !important;max-width:100% !important;margin:0 auto !important}
html body .newslistelem .lead {width:90% !important;}
html body .newslistelem .morelinkcontainer,html body .newslistelem div.moreldre {width:100%;max-width:100%;display:block;float:none !important}
html body .newslistelem .morelinkcontainer a {border:1px solid #ccc;
display:block;width:80%;margin:0 auto;clear:both;float:none;line-height:3em;text-align:center;background:#eee};




 table.baskettbl .bsknetto {display:none !important}
 table.baskettbl .bskvat {display:none !important}
 table.baskettbl .bskbrutto {display:none !important}

#bskfrm input[type=text],#bskfrm textarea {width:90%}

         #thecookiec {width:90%;margin:0 auto}
          #thecookiec a.close { font-size:2em;}

          #footer {background:#fff}


@media only screen and (max-width: 640px) {
         #thecookiec {width:90%;margin:0 auto}
          #thecookiec a.close { font-size:2em;}

          #footer {background:#fff}


}