body {
  font-family: 'Yanone Kaffeesatz', sans-serif;
  padding: 0;
  margin: 0;
  height: 100%;
}
header {
  width: 100%;
  padding: 0 0 10px 0;
}
header #ctn_head {
  margin: auto;
  width: 1200px;
  overflow: hidden;
  padding: 12px 0 0 0;
  position: relative;
  z-index: 2;
}
header #ctn_head .cnt_btn_head {
  float: left;
}
header #ctn_head .cnt_btn_head a {
  color: #f00;
}
header #ctn_head .cnt_btn_head a :hover {
  color: #81bb00;
}
header #ctn_head .cnt_btn_head .img_btn_top {
  float: left;
  height: 36px;
  width: 36px;
  background: url("../images/icon_home.png") no-repeat;
}
header #ctn_head .cnt_btn_head .img_btn_top a {
  text-decoration: none;
}
header #ctn_head .cnt_btn_head .img_btn_top:hover {
  height: 36px;
  width: 36px;
  background: url("../images/icon_home_h.png") no-repeat;
}
header #ctn_head .cnt_btn_head .img_btn_top.btn_contact {
  background: url("../images/icon_contact.png") no-repeat;
}
header #ctn_head .cnt_btn_head .img_btn_top.btn_contact a {
  text-decoration: none;
}
header #ctn_head .cnt_btn_head .img_btn_top.btn_contact:hover {
  background: url("../images/icon_contact_h.png") no-repeat;
}
header #ctn_head .cnt_btn_head .separator {
  float: left;
  font-size: 32px;
  margin: 5px 15px 15px 15px;
  color: #012b54;
}
header #ctn_head .cnt_btn_head .btn_head {
  float: left;
  font-size: 18px;
  font-family: arial;
  margin: 7px 0 0 0;
  font-family: 'Yanone Kaffeesatz', sans-serif;
}
header #ctn_head .cnt_btn_head a {
  color: #002856;
  font-size: 18px;
  text-decoration: none;
  font-weight: bold;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  line-height: 30px;
}
#cont_main_home {
  width: 100%;
  height: 606px;
  float: left;
  background: url("../images/bg-home.jpg") #fff no-repeat;
  position: fixed;
  z-index: -1;
}
#bg-content {
  width: 100%;
  height: 606px;
  float: left;
  background: url("../images/bg-content.jpg") #fff no-repeat;
  position: fixed;
  z-index: -1;
  margin: 0;
}
.text-verde {
  color: #81bb00;
  font-size: 24px;
}
.logo-home {
  float: right;
  margin: -50px 270px 0 0;
  width: 100%;
  text-align: right;
  position: relative;
  z-index: 1;
  top: 50px;
}
section {
  width: 100%;
}
section article {
  width: 1170px;
  padding: 0 15px;
  margin: auto;
}
section article #ctn_btn_produc {
  margin: -55px 0 0 0;
  font-family: 'Ramaraja', serif;
  font-size: 30px;
  text-align: center;
  letter-spacing: -1px;
  overflow: hidden;
}
section article #ctn_btn_produc .btn_prod {
  line-height: 28px;
  float: left;
  color: #002856;
}
section article #ctn_btn_produc .btn_prod .btn_garlic {
  width: 355px;
  height: 290px;
  background: url("../images/img-garlic.png") no-repeat;
  margin: -14px 5px 0 0;
}
section article #ctn_btn_produc .btn_prod .btn_garlic a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
section article #ctn_btn_produc .btn_prod .btn_garlic a:hover {
  background: url("../images/over-1.png") no-repeat 100px 80px;
}
section article #ctn_btn_produc .btn_prod .btn_vegetal {
  width: 455px;
  height: 275px;
  background: url("../images/ajo_deshidratado.png") no-repeat;
  margin: 0;
}
section article #ctn_btn_produc .btn_prod .btn_vegetal a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
section article #ctn_btn_produc .btn_prod .btn_vegetal a:hover {
  background: url("../images/over-2.png") no-repeat 150px 70px;
}
section article #ctn_btn_produc .btn_prod .btn_nuts {
  width: 355px;
  height: 230px;
  margin: 30px 0 15px 0;
  background: url("../images/img-nuts.png") no-repeat;
}
section article #ctn_btn_produc .btn_prod .btn_nuts a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
section article #ctn_btn_produc .btn_prod .btn_nuts a:hover {
  background: url("../images/over-3.png") no-repeat 60px 40px;
}
section article .cnt_border_shadow {
  width: 100%;
  margin: 0px 0 57px 0;
  overflow: hidden;
  padding: 0 0 20px 0;
  font-size: 20px;
  line-height: 22px;
}
section article .cnt_border_shadow.dehydrated_product {
  margin: 15px 0;
}
section article .cnt_border_shadow .cnt_qr_adress {
  float: left;
}
section article .cnt_border_shadow .code_qr {
  width: 215px;
  float: left;
  margin: 120px 0 0 0;
}
section article .cnt_border_shadow .code_qr.code_qr_dehydrated {
  margin: 0;
  width: 180px;
}
section article .cnt_border_shadow .address {
  width: 300px;
  padding: 0 0 0 35px;
  margin: 30px 0 40px 0;
  float: left;
}
section article .cnt_border_shadow .address.address_dehydrated {
  margin: 7px 0 0 0;
}
section article .cnt_border_shadow .google_map {
  width: 600px;
  margin: 25px 0 0 0;
  float: left;
}
section article .cnt_border_shadow .title_contact {
  font-size: 26px;
  font-weight: bold;
  color: #002d6c;
  line-height: 28px;
  margin: 0 0 50px 0;
}
section article .cnt_border_shadow .title_contact.dehydrated_title {
  margin: 0 0 20px 0;
}
section article .cnt_img_products {
  float: left;
  margin: 35px 0 0 0;
  width: 48%;
}
section article .cnt_img_products img {
  width: 100%;
}
section article .cnt_img_products_botton {
  display: none;
}
section article .products_botton_botton {
  display: none;
}
section article .cnt_detail_contact {
  float: right;
  width: 50%;
}
footer {
  background: #002856;
  width: 100%;
  overflow: hidden;
}
footer #ctn_brands {
  width: 1200px;
  margin: auto;
  text-align: center;
  overflow: hidden;
}
footer #ctn_brands .cont_div_logo {
  width: 25%;
  float: left;
}
footer #ctn_brands .cont_div_logo.bg-color1 {
  padding: 10px 0 9px 0;
  background: #002856;
}
footer #ctn_brands .cont_div_logo.bg-color2 {
  padding: 16px 0 7px 0;
  background: #3e1052;
}
footer #ctn_brands .cont_div_logo.bg-color3 {
  padding: 20px 0 10px 0;
  background: #009bde;
}
footer #ctn_brands .cont_div_logo.bg-color4 {
  padding: 15px 0 5px 0;
  background: #aaad00;
}
footer #ctn_brands .cont_div_logo.bg-color5 {
  padding: 23px 0 16px 0;
  background: #002856;
}
@media screen and (max-width: 1024px) {
  .logo-home {
    margin: -50px 200px 0 0;
    width: 100%;
  }
  .logo-home img {
    width: 22%;
  }
  header #ctn_head {
    width: 100%;
    padding: 12px 0 0 0;
  }
  section {
    width: 100%;
  }
  section article {
    width: 96%;
    padding: 0 2px;
    margin: auto;
  }
  section article #ctn_btn_produc {
    margin: 10px 0 0 0;
    font-size: 25px;
  }
  section article #ctn_btn_produc .btn_prod .btn_garlic {
    width: 250px;
    height: 230px;
    background: url("../images/img-garlic1.png") no-repeat;
    margin: 0 20px 10px 0;
  }
  section article #ctn_btn_produc .btn_prod .btn_garlic a:hover {
    background-position: 40px 45px;
  }
  section article #ctn_btn_produc .btn_prod .btn_vegetal {
    width: 400px;
    height: 228px;
    background: url("../images/img-vege1.png") no-repeat;
  }
  section article #ctn_btn_produc .btn_prod .btn_vegetal a:hover {
    background-position: 140px 45px;
  }
  section article #ctn_btn_produc .btn_prod .btn_nuts {
    width: 300px;
    height: 190px;
    margin: 30px 0 15px 0;
    background: url("../images/img-nuts1.png") no-repeat;
  }
  section article #ctn_btn_produc .btn_prod .btn_nuts a:hover {
    background-position: 60px 15px;
  }
  section article .cnt_border_shadow .code_qr {
    width: 200px;
  }
  section article .cnt_border_shadow .address {
    width: 310px;
    padding: 0;
    margin: 30px 0 0 0;
  }
  section article .cnt_border_shadow .google_map {
    width: 470px;
  }
  section article .cnt_border_shadow .title_contact {
    margin: 0 0 40px 0;
  }
  footer #ctn_brands {
    width: 100%;
  }
}
@media screen and (max-width: 812px) {
  .logo-home {
    width: 43%;
    margin: -50px 0 0 0;
    text-align: center;
  }
  .logo-home img {
    width: 65%;
  }
  header #ctn_head {
    padding: 45px 0 0 0;
  }
  header #ctn_head .cnt_btn_head {
    display: none;
  }
  section article #ctn_btn_produc .btn_prod {
    width: 56%;
  }
  section article #ctn_btn_produc .btn_prod .btn_garlic {
    margin: auto;
  }
  section article #ctn_btn_produc .btn_prod .btn_garlic a:hover {
    background: none;
  }
  section article #ctn_btn_produc .btn_prod .btn_vegetal {
    margin: auto;
  }
  section article #ctn_btn_produc .btn_prod .btn_vegetal a:hover {
    background: none;
  }
  section article #ctn_btn_produc .btn_prod .btn_nuts {
    margin: auto;
  }
  section article #ctn_btn_produc .btn_prod .btn_nuts a:hover {
    background: none;
  }
  section article .cnt_border_shadow .cnt_qr_adress {
    margin: 0 0 0 19%;
  }
  section article .cnt_border_shadow .code_qr {
    width: 200px;
  }
  section article .cnt_border_shadow .address {
    width: 310px;
    padding: 0;
  }
  section article .cnt_border_shadow .google_map {
    width: 100%;
  }
  section article .cnt_img_products {
    display: none;
  }
  section article .cnt_img_products_botton {
    width: 100%;
    display: initial;
    text-align: center;
    float: left;
    margin: 40px 0 0 0;
  }
  section article .cnt_detail_contact {
    width: 75%;
    margin: auto;
    overflow: hidden;
    float: inherit;
  }
  section article .cnt_detail_contact img {
    width: 100%;
  }
}
@media screen and (max-width: 667px) {
  .logo-home {
    width: 100%;
    margin: -50px 0 90px 0;
    text-align: center;
  }
  .logo-home img {
    width: 35%;
  }
  section article #ctn_btn_produc .btn_prod {
    width: 100%;
    margin: 0 0 60px 0;
  }
  section article #ctn_btn_produc .btn_prod .btn_garlic {
    width: 215px;
    height: 180px;
    background: url("../images/img-garlic2.png") no-repeat;
  }
  section article #ctn_btn_produc .btn_prod .btn_vegetal {
    width: 315px;
    height: 180px;
    background: url("../images/img-vege2.png") no-repeat;
  }
  section article #ctn_btn_produc .btn_prod .btn_nuts {
    width: 210px;
    height: 135px;
    background: url("../images/img-nuts2.png") no-repeat;
  }
  section article .cnt_border_shadow .cnt_qr_adress {
    margin: 0 0 0 10%;
  }
  section article .cnt_border_shadow .code_qr {
    display: none;
  }
  section article .cnt_border_shadow .address {
    width: 310px;
    padding: 0;
  }
  section article .cnt_border_shadow .google_map {
    display: none;
  }
}
@media screen and (max-width: 425px) {
  #cont_main_home {
    display: none;
  }
  #bg-content {
    display: none;
  }
  .logo-home img {
    width: 50%;
  }
  section article .cnt_border_shadow .title_contact.dehydrated_title {
    margin: 0 0 20px 0;
    font-size: 18px;
  }
  section article .cnt_img_products_botton {
    display: none;
  }
  section article .products_botton_botton {
    display: initial;
    width: 100%;
    text-align: center;
    float: left;
  }
  footer #ctn_brands .cont_div_logo {
    width: 100%;
  }
  footer #ctn_brands .cont_div_logo.bg-color1 {
    height: 100px;
    padding: 20px 0 0 0;
  }
  footer #ctn_brands .cont_div_logo.bg-color2 {
    height: 95px;
    padding: 25px 0 0 0;
  }
  footer #ctn_brands .cont_div_logo.bg-color3 {
    height: 90px;
    padding: 30px 0 0 0;
  }
  footer #ctn_brands .cont_div_logo.bg-color4 {
    height: 90px;
    padding: 30px 0 0 0;
  }
  footer #ctn_brands .cont_div_logo.bg-color5 {
    height: 90px;
    padding: 30px 0 0 0;
  }
}