@import "reset_meyer.css";
@import url(http://fonts.googleapis.com/css?family=Merriweather+Sans:400,700&subset=latin-ext);
body { margin: 0; padding: 0; color: #a9a9a9; background: #f3f3f3; font-size: 14px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

/*GLOBALS*/
h1 { font-size: 24px; color: #434343; padding: 0; margin: 5px 0 25px 0; font-weight: bold; }
h2 { font-size: 22px; color: #434343; padding: 0; margin: 5px 0 5px 0; }
h3 { font-size: 16px; color: #3E75B6; padding: 0; margin: 5px 0 5px 0; padding: 5px 0 0 0; }

a { text-decoration: none; color: #434343; cursor: pointer; }
a:hover { text-decoration: underline; }
a:focus {outline: none !important; }
p, li { margin: 10px 0 10px 0; line-height: normal; }
ul { margin-left: 18px; }
li { list-style: disc; }
img { border: 0; }
input, textarea { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; font-size: 12px; outline: none; }

em { font-style: italic; }
.bold, strong, strong * { font-weight: bold; }

.line { width: 100%; height: 1px; border-bottom: 1px solid #f1f1f1; clear: both; line-height: 0; }
.clear { clear: both; }
.ic { background: url(../img/sprite.png) no-repeat; vertical-align: top; border: none; clear: both; }



/*TOP*/
  div.top_wrap { width: 100%; float: left; background: #f6f6f6; border-bottom: 1px solid #dadada; position: relative; clear: both; }
    div.top { margin: 0 auto; width: 960px; height: 30px; line-height: 29px; color: #8d8d8d; padding: 0px; position: relative; clear: both; font-size: 12px; }
      div.fb_counter { position: absolute; left: 0px; top: 5px; }
      div.top span { float: left; }
      div.top a { color: #8d8d8d; }
      div.top a.top_fb { float: left; display: block; width: 30px; height: 30px; margin: 0 0 0 130px; padding: 0; text-align: center; border-left: 1px solid #dadada; border-right: 1px solid #dadada; }
        div.top a.top_fb img { background-position: 0px 0px; width: 7px; height: 14px; vertical-align: middle; }
      div.top a.top_mail { float: left; display: block; width: 30px; height: 30px; margin: 0; padding: 0; text-align: center; border-right: 1px solid #dadada; }
        div.top a.top_mail img { background-position: -7px 0px; width: 16px; height: 13px; vertical-align: middle; }
      div.top span.phone { float: right; }
      div.top span.mails { float: right; margin-left: 30px; }

/*HEADER*/
  div.header_wrap { width: 100%; float: left; position: relative; clear: both; margin: 0 0 13px 0; }
    div.header { margin: 0 auto; width: 960px; height: 161px; padding: 0px; position: relative; clear: both; }
      .logo { position: absolute; left: 0; top: 28px; }
      div.search { float: right; padding: 30px 0 0 0; }
        .search-input { display: inline-block; width: 170px; height: 39px; padding: 0 10px 0 10px; border: 0; border-bottom: 1px solid #d8d8d8; font-size: 14px; font-size: 14px; line-height: 40px; border-radius: 4px; color: #6d6e71; text-transform: uppercase; }
        .search-button { display: inline-block; width: 42px; height: 40px; background: url(../img/search_submit.png); border: 0; padding: 0; margin: 0; cursor: pointer; margin-left: 4px; }

      div.menu { width: 100%; height: 56px; background: #fff; font-size: 17px; position: absolute; left: 0; bottom: 0; color: #f2f2f2; border-bottom: 1px solid #e2e2e2; z-index: 200; }
        div.menu ul { margin: 20px 10px 0 10px; }
        div.menu li { float: left; display: inline-block; list-style: none; background: none; padding: 0; margin: 0; }
        div.menu a { color: #434343; padding: 0 17px 0 17px; margin: 0 5px 0 5px; text-transform: uppercase; }
        div.menu li.active a { text-decoration: underline; }
        div.menu a.active { text-decoration: underline; }

/*SLIDER*/
  div.slider_wrap { width: 100%; height: 560px; float: left; margin: -42px 0 0 0; position: relative; clear: both; z-index: 10; }
    div.slider { width: 100%; height: 460px; float: left; padding: 0; position: relative; clear: both; z-index: 10; font-family: 'Merriweather Sans', sans-serif; }
      div.slide { width: 100%; height: 460px; float: left; padding: 0; background-position: center center; background-repeat: no-repeat; position: relative; clear: both;}
        div.slide_info { margin: 0 auto; width: 890px; height: 520px; padding: 0; font-size: 27px; color: #fff; text-shadow: 0px 1px 5px #333; }
        div.slide_info h2 { margin: 150px 0 25px 0; color: #fff; font-size: 38px; /*text-transform: uppercase;*/ line-height: 45px; font-weight: normal; }
        div.slide_info h2 b { font-weight: bold; font-size: 40px; }
    div.home_tiles { width: 960px; height: 215px; padding: 0; position: absolute; left: 50%; bottom: 0; margin-left: -480px; clear: both; z-index: 100; }
    div.main_wrap div.home_tiles { position: relative; float: left; }
      div.home_tiles a { display: block; float: left; width: 235px; margin: 0 5px 0 0; }
      div.home_tiles a.active { text-decoration: underline; }
      div.home_tiles a.nomargin { margin: 0; }
        div.home_tiles a span.image { display: block; padding: 12px; background: #fff; border-bottom: 1px solid #e3e3e3; }
        div.home_tiles a span.name { display: block; height: 47px; line-height: 47px; border-bottom: 1px solid #e3e3e3; text-align: center; color: #434343; font-size: 16px; font-weight: 300; }

/*MAIN*/
  div.main_wrap { width: 100%; float: left; position: relative; clear: both; }
    div.main { margin: 0 auto; width: 960px; padding: 0; min-height: 200px; background: #fff; position: relative; clear: both; }
      div.main div.content { padding: 20px 35px 15px 35px;  }
        div.main div.content p { line-height: 20px; }

/*NEWS LIST*/
        div.news_item { float: left; width: 890px; margin: 0px 0 10px 0; padding: 15px 0 30px 0; border-bottom: 1px solid #ededed; }
          div.news_item div.date { float: left; width: 83px; height: 85px; position: relative; color: #64c4b8; text-align: center; }
            div.news_item div.date img { background-position: 0px -52px; width: 83px; height: 85px; position: absolute; left: 0; top: 0; z-index: 5; }
            div.news_item div.date span.date1 { display: block; width: 70px; position: absolute; left: 0; top: 8px; z-index: 10; font-size: 34px; }
            div.news_item div.date span.date2 { display: block; width: 70px; position: absolute; left: 0; top: 39px; z-index: 10; font-size: 14px; }
            div.news_item div.date span.date3 { display: block; width: 70px; position: absolute; left: 0; top: 58px; z-index: 10; font-size: 20px; }
          div.news_item div.short { float: right; width: 785px; padding: 0 0 0 22px; color: #a9a9a9; }
          div.news_item div.short h3 { font-size: 24px; color: #434343; margin: 5px 0 15px 0; padding: 0; }
            div.news_item div.short h3 a { color: #434343; }
          div.news_item div.short a.wiecej { display: inline-block; padding: 5px 10px 5px 10px; background: #64C4B8; border-radius: 3px; color: #fff; float: right; text-decoration: none; }
          a.short_image { display: block; float: left; margin: 0 20px 10px 0; }
        div.pagination { font-size: 12px; text-align: center; }
          div.pagination a { display: inline-block; width: 28px; height: 28px; background: url(../img/pagination_item.png); line-height: 28px; color: #717171; text-decoration: none; text-shadow: 0px 1px 1px #fff; }
          div.pagination a:hover  { background: url(../img/pagination_item_active.png); color: #fff; text-shadow: 0px 1px 1px #5b5b5b; }
          div.pagination a.active { background: url(../img/pagination_item_active.png); color: #fff; text-shadow: 0px 1px 1px #5b5b5b; }

/*NEWS ITEM PAGE*/
        div.news_item_page {  }
          div.news_item_page p.date { font-size: 12px; margin: 0; padding: 0 0 0 0; }
          div.news_item_page h2 { margin-bottom: 20px; }
          a.news_item_page_image { float: right; margin: 0 0 10px 20px; }
          div.news_item_page div.short {  }
          div.news_item_page div.full {  }
          div.news_item_page div.extra {  }
          div.news_item_page p.back { margin-top: 20px; }
            div.news_item_page p.back a { display: inline-block; padding: 5px 10px 5px 10px; background: #64C4B8; border-radius: 3px; color: #fff; text-decoration: none; }

/*CATEGORIES MENU*/
        div.categories_menu { text-align: right; font-size: 14px; margin: 0 0 25px 0; }
          div.categories_menu ul { margin: 0; }
          div.categories_menu li { display: inline-block; list-style: none; background: none; padding: 0; margin: 0; }
          div.categories_menu a { display: inline-block; color: #434343; width: 165px; height: 31px; margin: 0 0 0 7px; background: #3e75b6; color: #fff; line-height: 31px; border-radius: 3px; text-align: center; }
          div.categories_menu li.active a { text-decoration: underline; }
          div.categories_menu a.active { text-decoration: underline; }
          div.categories_menu .m1 { background: #3e75b6; }
          div.categories_menu .m2 { background: #64c4b8; }
          div.categories_menu .m3 { background: #ffac00; }
          div.categories_menu .m4 { background: #e35e01; }

/*PRODUCTS 2 column INFO*/
        div.col { float: left; width: 415px; margin: 0 30px 0 0; }

/*SUB CATEGORIES MENU*/
        div.sub_categories_menu { font-size: 14px; margin: 0 0 10px 0; border-bottom: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; clear: both; }
          div.sub_categories_menu ul { margin: 0; padding: 14px 0 14px 0; }
          div.sub_categories_menu li { display: inline-block; list-style: none; background: none; padding: 3px 0 3px 0; margin: 0; }
          div.sub_categories_menu a { display: inline-block; color: #434343; height: 26px; padding: 0 8px 0 8px; margin: 0 3px 0 3px; background: #f1f1f1; color: #333; line-height: 26px; text-align: center; border-radius: 3px; }
          div.sub_categories_menu ul.m1 a { background: #3e75b6; color: #fff; }
          div.sub_categories_menu ul.m2 a { background: #64c4b8; color: #fff; }
          div.sub_categories_menu ul.m3 a { background: #ffac00; color: #fff; }
          div.sub_categories_menu ul.m4 a { background: #e35e01; color: #fff; }
          div.sub_categories_menu li.active a { text-decoration: none; font-weight: bold; }
          div.sub_categories_menu a.active { text-decoration: none; font-weight: bold; }

/*PRODUCT LIST*/
        div.product_list_row { height: 250px; padding: 5px 0 0 0; border-bottom: 1px solid #f2f2f2; font-size: 12px; }
          div.product_list_row a.item { display: block; float: left; width: 200px; height: 250px; text-align: center; margin: 0 30px 0 0; color: #a9a9a9; text-decoration: none;  transition: color 0.15s linear;  }
          div.product_list_row a.item.nomargin { margin: 0; }
          div.product_list_row a.item:hover { color: #848484; }
            div.product_list_row a.item span.item_image { display: block; height: 160px; line-height: 160px; }
              div.product_list_row a.item span.item_image img { vertical-align: middle; }
              img.noimg { background-position: -83px -55px; width: 82px; height: 82px; }
            div.product_list_row a.item span.item_name { display: block; height: 34px; text-transform: uppercase; color: #969696; }
            div.product_list_row a.item span.item_info { display: block; line-height: 16px; }

/*PRODUCT ITEM PAGE*/
        div.product_item { padding: 20px 0 10px 0; }
          div.product_item h2 { font-size: 20px; }
            div.product_item div.product_item_left { float: left; width: 350px; padding: 10px 10px 10px 0; text-align: center; }
            div.product_item div.product_item_right { float: right; width: 510px; padding: 0 0 0 20px; }
            div.product_item div.product_item_right p.back { margin-top: 20px; }
              div.product_item div.product_item_right p.back a { display: inline-block; padding: 5px 10px 5px 10px; background: #64C4B8; border-radius: 3px; color: #fff; text-decoration: none; }

/*DYSTRYBUCJA MAP*/
        div.map_wrap { margin: 0 auto; width: 605px; height: 563px; position: relative; margin-top: 20px; margin-bottom: 20px; }
          div.map_pin { position: absolute; left: 0; top: 0; z-index: 20; }
            div.map_pin img { position: absolute; left: -8px; top: -22px; background-position: -165px -48px; width: 23px; height: 30px; cursor: pointer; z-index: 21; }
            div.map_pin.red img { position: absolute; left: -8px; top: -22px; background-position: -165px -78px; width: 23px; height: 30px; cursor: pointer; z-index: 21; }
            div.map_wrap div.map_pin_info { display: none; padding: 10px 12px 10px 12px; margin: 10px 0 0 30px; position: absolute; left: 10px; top: 8px; background: #333; color: #f1f1f1; font-size: 12px; opacity: 0; border-radius: 5px; z-index: 200025; }
              div.map_wrap div.map_pin_info p { display: block; min-width: 300px; margin: 2px 0 2px 0; }

          span.city { position: absolute; left: 0; top: 0; z-index: 10; color: #fff; font-weight: bold; font-size: 12px; }
          span.city.dark { color: #333; }
            span.city b { font-weight: bold; font-size: 13px; }
            .coords { position: absolute; left: 0; top: 0; width: 120px; height: 12px; display: inline-block; padding: 2px 5px 2px 5px; font-size: 12px; background: #333; color: #fff; border-radius: 3px; }
          span.siedziba { background: #333333; color: #; padding: 4px 5px 4px 5px; border-radius:2px; }

/*FOOTER*/
  div.footer_wrap { width: 100%; float: left; position: relative; margin: 11px 0 0 0; clear: both; }
    div.footer_tiles { margin: 0 auto; width: 890px; height: 205px; padding: 25px 35px 20px 35px; margin-bottom: 2px;; background: #fff; position: relative; clear: both; border-bottom: 1px solid #e2e2e2; }
      div.footer_tiles a { float: left; display: block; width: 186px; height: 95px; padding: 0 0 0 100px; margin: 0 14px 15px 0; background: #fafafa; border-bottom: 1px solid #ededed; line-height: 95px; position: relative; color: #434343; font-size: 18px; transition:background 0.2s linear;  }
      div.footer_tiles a:hover { background: #ededed; }
      div.footer_tiles a.nomargin { margin-right: 0; }
        div.footer_tiles a span { vertical-align: middle; display: inline-block; line-height: 22px !important; }
        div.footer_tiles a img { position: absolute; top: 50%; }
        .tile_truck { background-position: -47px 0px; width: 46px; height: 52px; left: 25px; margin-top: -26px; }
        .tile_hat { background-position: -93px 0px; width: 47px; height: 55px; left: 29px; margin-top: -27px; }
        .tile_pat { background-position: -140px 0px; width: 58px; height: 48px; left: 28px; margin-top: -24px; }
        .tile_ice { background-position: -198px 0px; width: 27px; height: 49px; left: 36px; margin-top: -24px; }
        .tile_fb { background-position: -225px 0px; width: 16px; height: 31px; left: 47px; margin-top: -15px; }
        .tile_news { background-position: -241px 0px; width: 54px; height: 40px; left: 28px; margin-top: -20px; }

    div.footer_menu { margin: 0 auto; width: 960px; height: 50px; line-height: 50px; padding: 0; background: #3e75b6; position: relative; clear: both; font-size: 13px; color: #333; }
      div.footer_menu li { display: inline-block; list-style: none; background: none; padding: 0; margin: 0; }
      div.footer_menu a { color: #fff; padding: 0 8px 0 8px; margin: 0 7px 0 7px; font-weight: 500; }
      div.footer_menu li.active a { text-decoration: underline; }
      div.footer_menu a.active { text-decoration: underline; }
    div.footer_info { margin: 0 auto; width: 890px; height: 130px; padding: 30px 35px 20px 35px; background: #fff; position: relative; clear: both; border-bottom: 1px solid #e2e2e2; font-size: 14px; color: #a9a9a9; }
      div.footer_info h3 { font-size: 24px; color: #434343; font-weight: 200; border-bottom: 1px solid #f0efef; padding: 0 0 10px 0; margin: 5px 0 5px 0; }
      div.footer_info p { position: relative; }
      div.footer_info div.left { float: left; width: 400px; }
      div.footer_info div.right { float: right; width: 310px; }
        div.footer_info div.right h3 { border: none; padding: 0 0 5px 0; margin: 5px 0 5px 0; }
        div.footer_info div.right p { padding: 6px 0 6px 0; margin: 0; line-height: 20px; border-top: 1px solid #e2e2e2; }
        div.footer_info div.right a { color: #a9a9a9; }
        .footer_fb { background-position: -23px 0px; width: 24px; height: 24px; position: absolute; right: 8px; top: 4px; }
        .footer_mail { background-position: -7px -13px; width: 16px; height: 12px; position: absolute; right: 12px; top: 9px; }
        .footer_rss { background-position: 0px -25px; width: 15px; height: 15px; position: absolute; right: 12px; top: 9px; }
    div.madeby { margin: 0 auto; width: 890px; height: 40px; padding: 25px 35px 0 35px; position: relative; clear: both; color: #c2c2c2; font-size: 12px; }
      div.madeby span { float: right; }
      div.madeby a { color: #c2c2c2; }

      div.newsletter { padding: 10px 0 10px 10px; }
        input.newsletter-input { display: inline-block; width: 180px; height: 39px; padding: 0 10px 0 10px; border: 0; border-bottom: 1px solid #d8d8d8; font-size: 14px; font-size: 14px; line-height: 40px; border-radius: 4px; color: #6d6e71; text-transform: uppercase; }
        input.newsletter-button { display: inline-block; width: 92px; height: 40px; background: #EF4222; border: 0; padding: 0; margin: 0; cursor: pointer; margin-left: 4px; border-radius: 4px; font-size: 14px; color: #fff; }