/* DOBRE ZAKUPY */

.dz_categories {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.dz_categories .category {
  float: left;
  width: 175px;
  margin-right: 10px;
}

.dz_categories .category_hr {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 1px;
  background-color: rgb(165,165,165);
  width: 170px;
}

.dz_categories .cat1 a {
  font-weight: bold;
  display: inline-block;
  margin-bottom: 10px;
  color: rgb(65, 65, 65);
}

.dz_categories .cat2 a {
  font-size: 12px;
}

.dz_categories_menu {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 10px;
}

.dz_categories_submenu {
  margin-bottom: 30px;
}

.dz_categories_menu a {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  font-weight: bold;
  color: rgb(65, 65, 65);
}

.dz_categories_submenu a {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  color: rgb(65, 65, 65);
}

.dz_categories_menu a.products_a,
.dz_categories_submenu a.products2_a {
    color: rgb(221,18,125);
}

.brand_details_points2 {
  font-weight: bold;
  /*margin-left: 15px;*/
}

.brand_details_points2_oceny .left {
  /*margin-left: 15px;*/
}

.brand_details_points2_oceny .bdb {
  color: rgb(79,188,28);
}

.brand_details_points2_oceny .dst {
  color: rgb(240,125,10);
}

.brand_details_points2_oceny .ndst {
  color: rgb(218,41,26);
}

.formsearch input {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(222,222,220);
  border-radius: 6px;
  float: left;
  height: 26px;
  padding: 5px 20px 5px 5px;
  width: 135px;
}

.formsearch .fa:before {
  color: rgb(255,255,255);
  background-color: rgb(221,18,125);
  font-size: 16px;
  padding: 5px;
  position: absolute;
  margin-left: -16px;
  border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
}

.button_add a {
  background-color: rgb(221, 18, 125);
  border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 4px 35px 4px 10px;
  text-transform: uppercase;
}

.button_add .fa:before {
  color: #fff;
  font-size: 16px;
  padding: 7px 0px 7px 120px;
}

.button_add {
  cursor: pointer;
}

.sort {
  margin-top: 20px;
  margin-bottom: 20px;
}

.sort a {
  display: inline-block;
  color: rgb(116,114,115);
  margin-left: 20px;
  font-weight: bold;
}

.marka_table {
  padding: 15px 0px;
  color: rgb(65, 65, 65);
}

.marka_table .marka_nazwa {
  float: left;
  /*width: 540px;*/
  /*padding-right: 20px;*/
  /*padding-left: 10px;*/
  line-height: 50px;
  font-weight: bold;
  font-size: 22px;
}

.marka_table .marka_nazwa a {
  color: rgb(65, 65, 65);
}

.marka_table .marka_nazwa a:hover {
  color: rgb(221,18,125);
}

.marka_table .points {
  /*float: left;
  width: 540px;*/
  padding-top: 8px;
}

.marka_table .points_1 {
  float: left;
  width: 180px;
  text-transform: uppercase;
}

.marka_table .points_2 {
  float: left;
  width: 270px;
  padding-top: 2px;
}

.marka_table .points_3 {
  float: left;
  width: 60px;
  text-align: right;
}

.wynik {
  margin-top: 15px;
  border-bottom: 1px solid rgb(165,165,165);
  padding-bottom: 30px;
  margin-bottom: 20px;
}

.wynik .points_1 {
  float: left;
  /*width: 150px;*/
  text-transform: uppercase;
  font-weight: bold;
}

.wynik .points_2 {
  float: left;
  /*width: 130px;*/
  padding-top: 2px;
}

.wynik .points_3 {
  float: left;
  /*width: 50px;*/
  text-align: right;
}

div.nazwa_marki {
  border-bottom: 1px solid rgb(165,165,165);
  padding-bottom: 30px;
}

.nazwa_marki a,
.nazwa_marki a:hover {
  font-weight: bold;
  font-size: 26px;
  text-transform: uppercase;
  color: rgb(31,26,23);
  text-decoration: none;
}

.nazwa_firmy {
  border-bottom: 1px solid rgb(165,165,165);
  font-weight: bold;
  margin-top: 5px;
  padding-bottom: 30px;
  margin-bottom: 20px;
}

.wynik_szczegolowy {
  margin-top: 15px;
  margin-bottom: 15px;
}

.brand_details_points_td1 {
  float: left;
  /*width: 300px;*/
  line-height: 25px;
}

.brand_details_points_td2 {
  float: left;
  text-align: right;
  /*width: 50px;*/
  line-height: 25px;
}

.stores {
  margin-top: 30px;
  border-top: 1px solid rgb(165,165,165);
}

.stores_where {
  margin-top: 20px;
  font-size: 22px;
  font-weight: bold;
  color: rgb(221,18,123); 
}

.stores_h {
  color: rgb(221,18,123);
  margin-top: 20px;
  border-top: 1px solid rgb(165,165,165);
  padding-top: 10px;
}

.stores_online {
  float: left;
  /*width: 350px;*/
  margin-right: 40px;
}

.stores_stationary {
  float: left;
  /*width: 720px;*/
}

.form_save {
  margin-bottom: 30px;
  border-bottom: 1px solid rgb(165,165,165);
  padding-bottom: 30px;
  margin-top: 30px;
  overflow: scroll;
}

ol.form_menu {
  list-style: outside none none;
  margin: 0;
  padding: 0;
  float: right;
}

.form_menu li {
  line-height: 30px;
  list-style: none;
  margin-left: 10px;
  padding: 0;
  float: left;
  line-height: 40px;
}

.form_menu li:nth-child(n+2) a:before {
  content: "|";
  margin-right: 10px;
  color: rgb(65,65,65);
  font-weight: bold;
}

.form_menu li,
.form_menu li a {
  color: rgb(65,65,65);
  font-weight: bold;
}

.form_menu li.active a {
  color: rgb(221,18,125);
}

#form td {
  padding: 15px;
}

#form td.bt-1 {
  border: 1px solid #ccc;
} 

#form td.bt-2 {
  border: 1px solid #ccc;
}

#form input[type="text"],
#form textarea,
#form select {
  min-height: 25px;
  background-color: rgb(222,222,222);
  border: 0 none;
  padding: 5px;
}

input#save_send,
input#save_next {
  height: 35px;
  background-color: rgb(221,18,125);
  border: 0 none;
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  padding: 5px;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}

.step-2 td.bt-2 {
  background-color: rgb(242,242,242);
}

#top .logo img {
  height: 50px;
  margin-right: 25px;
  margin-top: -5px;
}

#top .logo {
  padding-top: 13px;
}

#top .logo span {
  color: #ffffff; 
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 40px;
  position: absolute;
  margin-top: -8px;
}

.header_title {
    padding: 5px;
    font-size: 20px;
    color: rgb(221,18,125);
    font-weight: bold;
}

.baner_top {
    width: 100%;
    height: 320px;
    background-image: url('../gfx/baner_app.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-left: 65px;
    padding-top: 40px;
    margin-bottom: 30px;
}

.baner_top h1 {
    border: 0px;
    text-transform: uppercase;
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    padding: 0px;
    height: auto;
    font-family: 'Roboto Condensed', sans-serif;
}

.baner_top h2 {
    border: 0px;
    text-transform: uppercase;
    color: #fff;
    font-size: 40px;
    font-weight: normal;
    padding: 0px;
    height: auto;
    font-family: 'Roboto Condensed', sans-serif;
    margin-top: -10px;
}

.baner_top h3 {
    border: 0px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    padding: 0px;
    height: auto;
    font-family: 'Lato Black', sans-serif;
    padding-top: 5px;
    margin-bottom: 25px;
}

.baner_top a,
.baner_top a:hover {
    display: inline-block;
    margin-right: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 3px solid #fff;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    font-size: 12px;
    font-family: 'Lato Black', sans-serif;
    letter-spacing: 2px;
}

.baner_top a.download,
.baner_top a.download:hover {
    background-color: #fff;
    color: rgb(221,18,125);
    font-weight: bold;
}

@media (max-width: 992px) {
  .baner_top {
    padding-left: 25px;
    background-color: rgba(0,0,0,0.4);
    background-blend-mode: darken;
  }
  .baner_top h1 {
      font-size: 60px;
  }
}

@media (max-width: 780px) {
  .baner_top {
    padding-top: 10px;
  }
  .baner_top a:nth-child(2) {
    display: table;
    margin-top: 10px;
  }
}