body {
  background-color: rgb(255, 255, 255);
  font: 300 16px/1.38 Lato;
  color: rgb(0, 0, 0);
}

.page-contacto,
.page-index {
  color: rgb(67, 60, 82);
}

.page-menu {
  color: rgb(0, 0, 0);
}

.container-2 p,
.container-4 p,
.text-2 p,
.text-6 p,
.text-8 p {
  margin-bottom: 1em;
}

.bebidas {
  float: left;
  clear: both;
  width: 99.8091603053%;
  min-height: 316px;
  margin-top: 19px;
  font-size: 16px;
  color: rgb(0, 0, 0);
}

.container {
  position: relative;
}

.container .facebook {
  position: relative;
  float: right;
  clear: both;
  z-index: 17;
  margin: -64px 4.16667% 0 0;
}

.container .headerpapel {
  position: relative;
  float: left;
  z-index: 15;
}

.container .instagram {
  position: relative;
  float: right;
  clear: both;
  z-index: 19;
  margin: -64px 11.48047% 0 0;
}

.container .logoruta {
  position: relative;
  float: left;
  clear: both;
  z-index: 22;
  margin: -156px 0 0 5%;
}

.container .menu {
  float: right;
  clear: both;
  height: 102px;
}

.container .text {
  margin-right: auto;
  margin-left: auto;
}

.container .twitter {
  position: relative;
  float: right;
  z-index: 21;
  margin: -64px 18.89974% 0 0;
}

.desayuno {
  display: block;
  float: left;
  clear: both;
  width: 99.6183206106%;
  height: auto;
  margin-top: 26px;
  overflow: hidden;
}

.desayunos {
  float: left;
  width: 99.8091603053%;
  min-height: 557px;
  font-size: 16px;
  color: rgb(0, 0, 0);
}

.ensaladas {
  float: left;
  clear: both;
  width: 99.7316316793%;
  min-height: 375px;
  margin: 51px 0 0 -0.04773%;
  font-size: 16px;
  color: rgb(0, 0, 0);
}

.facebook,
.instagram {
  display: block;
  width: 3.0833333333%;
  height: 37px;
}

.facebook .image,
.instagram .image,
.twitter .image {
  width: 37px;
  opacity: 0.2;
}

.facebook .image:hover,
.instagram .image:hover,
.twitter .image:hover {
  opacity: 0.5;
}

.headerpapel {
  width: 100%;
  height: 168px;
  background: url('../images/headerpapel.jpg') rgb(222, 222, 222);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center;
}

.image {
  display: block;
  height: auto;
  overflow: hidden;
}

.logoruta {
  display: block;
  width: 342px;
  height: auto;
  overflow: hidden;
}

.menu {
  width: 95%;
  overflow: hidden;
}

.panaderia {
  float: left;
  clear: both;
}

.reposteria {
  float: left;
  clear: both;
  width: 99.7316316793%;
}

.rollo {
  display: block;
  float: left;
  clear: both;
  width: 99.8478656444%;
  height: auto;
  margin: 29px 0 0 -0.08651%;
  overflow: hidden;
}

.sandwich {
  display: block;
  float: left;
  width: 99.7316316793%;
  height: auto;
  margin-left: -0.04773%;
  overflow: hidden;
}

.sandwichesytartines {
  float: left;
  clear: both;
  width: 99.922471374%;
  min-height: 409px;
  margin: 10px 0 0 -0.04773%;
  font-size: 16px;
  color: rgb(0, 0, 0);
}

.sliderproductos {
  position: relative;
  float: left;
  clear: both;
  z-index: 1;
  width: 44.5833333333%;
  height: 661px;
  margin: 31px 0 0 4.66667%;
  overflow: hidden;
}

.twitter {
  display: block;
  width: 3.0833333333%;
  height: 37px;
}

.veganos {
  float: left;
  clear: both;
  width: 99.7316316793%;
  min-height: 216px;
  margin: 30px 0 0 -0.08651%;
  font-size: 16px;
  color: rgb(0, 0, 0);
}

.container-1 {
  float: left;
  z-index: 23;
  width: 100%;
  height: 270px;
}

.container-2 {
  float: left;
  clear: both;
  z-index: 13;
  width: 43.6666666666%;
  height: 4728px;
  margin: -52px 0 0 5%;
}

.container-3 {
  z-index: 8;
  width: 100%;
  height: 976px;
  margin: 204px auto 0;
}

.container-4 {
  float: left;
  z-index: 7;
  width: 43.6497395833%;
  height: 5200px;
  margin: -52px 0 0 2.66667%;
}

.facebook-2 {
  position: fixed;
  top: 104px;
  right: 4.1666666666%;
  z-index: 12;
}

.facebook-3 {
  position: relative;
  float: right;
  clear: both;
  z-index: 5;
  margin: -64px 4.16667% 0 0;
}

.headerpapel-2 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  margin: 0 auto;
}

.headerpapel-3 {
  position: relative;
  float: left;
  z-index: 3;
}

.image-1 {
  position: absolute;
  top: 0;
  left: -0.0422297298%;
  z-index: 20;
}

.image-10,
.image-8,
.image-9 {
  float: left;
  margin-left: -0.04223%;
}

.image-2 {
  position: absolute;
  top: 0;
  left: -0.0422297298%;
  z-index: 18;
}

.image-3 {
  position: absolute;
  top: 0;
  left: -0.0422297298%;
  z-index: 16;
}

.image-4 {
  position: absolute;
  top: 0;
  left: -0.0422297298%;
  z-index: 15;
}

.image-5 {
  position: absolute;
  top: 0;
  left: -0.0422297298%;
  z-index: 13;
}

.image-6 {
  position: absolute;
  top: 0;
  left: -0.0422297298%;
  z-index: 11;
}

.image-7 {
  width: 528px;
  margin: 0 auto;
}

.instagram-2 {
  position: fixed;
  top: 104px;
  right: 11.4830729166%;
  z-index: 14;
}

.instagram-3 {
  position: relative;
  float: right;
  clear: both;
  z-index: 7;
  margin: -64px 11.48047% 0 0;
}

.logoruta-2 {
  position: fixed;
  top: 12px;
  left: 5%;
  z-index: 17;
}

.logoruta-3 {
  position: relative;
  float: left;
  clear: both;
  z-index: 10;
  margin: -156px 0 0 5%;
}

.menu-2 {
  position: fixed;
  top: 168px;
  right: 0;
  z-index: 9;
  height: 28px;
}

.menu-3 {
  position: relative;
  float: left;
  clear: both;
  z-index: 2;
  height: 102px;
  margin: -692px 0 0 5%;
}

.panaderia-1 {
  width: 99.8091603053%;
  min-height: 288px;
  margin-top: 22px;
  font-size: 16px;
  color: rgb(0, 0, 0);
}

.panaderia-2 {
  display: block;
  width: 99.6183206106%;
  height: auto;
  margin-top: 23px;
  overflow: hidden;
}

.reposteria-1 {
  display: block;
  height: auto;
  margin: 30px 0 0 -0.04475%;
  overflow: hidden;
}

.reposteria-2 {
  min-height: 267px;
  margin: 23px 0 0 -0.08651%;
  font-size: 16px;
  color: rgb(0, 0, 0);
}

.text-1 {
  width: 62.9166666666%;
  min-height: 21px;
  margin-top: 20px;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  color: rgb(67, 60, 82);
}

.text-2 {
  width: 62.9166666666%;
  min-height: 21px;
  margin-top: 20px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  color: rgb(67, 60, 82);
}

.text-3 {
  width: 62.7499999999%;
  min-height: 21px;
  margin-top: 24px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  color: rgb(108, 143, 65);
}

.text-5 {
  width: 62.7499999999%;
  min-height: 21px;
  margin-top: 30px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  color: rgb(108, 143, 65);
}

.text-4,
.text-6 {
  width: 62.7499999999%;
  min-height: 21px;
  margin-top: 15px;
  font-size: 16px;
  text-align: justify;
  color: rgb(67, 60, 82);
}

.text-7 {
  width: 62.6666666666%;
  min-height: 50px;
  margin-top: 40px;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  color: rgb(162, 19, 23);
}

.locales {
  width: 62.6666666666%;
  position: relative;
  margin-top: 10px;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color: rgb(255, 0, 7);
}

.text-7:hover {
  color: rgb(255, 0, 7);
}

.text-8 {
  position: relative;
  float: right;
  z-index: 0;
  width: 44.5%;
  min-height: 21px;
  margin: -629px 5.04948% 0 0;
  font-size: 16px;
  text-align: justify;
  color: rgb(67, 60, 82);
}

.twitter-2 {
  position: fixed;
  top: 104px;
  right: 18.8997395833%;
  z-index: 16;
}

.twitter-3 {
  position: relative;
  float: right;
  z-index: 9;
  margin: -64px 18.89974% 0 0;
}

.bebidas span {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: inherit;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.desayunos em {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: italic;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: rgb(67, 60, 82);
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.text a {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: 10px;
  font-weight: 400;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: rgb(162, 19, 23);
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.bebidas em,
.ensaladas em,
.panaderia em,
.reposteria em,
.text em {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: italic;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: inherit;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.text span {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: inherit;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.sandwichesytartines em {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: italic;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: rgb(67, 60, 82);
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.desayunos span,
.ensaladas span,
.panaderia span,
.reposteria span,
.sandwichesytartines span,
.text strong {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: 400;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: rgb(108, 143, 65);
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.text-1 span,
.text-2 span,
.text-3 span,
.text-4 span,
.text-5 span,
.text-6 span,
.text-7 span {
  text-shadow: none;
  font-family: inherit;
}

.text-8 span {
  font-family: inherit;
}

.bebidas a,
.desayunos a,
.ensaladas a,
.panaderia a,
.reposteria a,
.sandwichesytartines a,
.veganos a {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: rgb(162, 19, 23);
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.bebidas strong,
.desayunos strong,
.ensaladas strong,
.panaderia strong,
.reposteria strong,
.sandwichesytartines strong,
.veganos strong {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: 700;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: rgb(67, 60, 82);
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

@media(max-width: 620px) {
  body {
    font-size: 16px;
  }

  .container {
    position: relative;
  }

  .container .facebook {
    position: relative;
    z-index: 17;
    width: 5.9677419354%;
    margin-top: -37px;
    margin-right: 27.22026%;
  }

  .container .headerpapel {
    position: relative;
    z-index: 15;
    height: 124px;
  }

  .container .instagram {
    position: relative;
    z-index: 19;
    width: 5.8064516129%;
    margin-top: -37px;
    margin-right: 47.22782%;
  }

  .container .logoruta {
    position: relative;
    z-index: 22;
    width: 260px;
    height: auto;
    margin-top: -112px;
  }

  .container .menu {
    float: left;
    width: 89.8387096774%;
    height: 34px;
    margin-top: -81px;
    margin-left: 5%;
  }

  .container .reposteria {
    width: 100%;
    margin-left: 0;
  }

  .container .rollo {
    width: 558px;
    height: auto;
    margin-top: 16px;
    margin-left: 0;
  }

  .container .sandwichesytartines {
    float: none;
	width: 100%;
    margin-top: 22px;
    margin-left: 0;
  }

  .container .twitter {
    position: relative;
    z-index: 21;
    width: 5.8064516129%;
    margin-top: 44px;
    margin-right: 66.93044%;
  }

  .container .veganos {
    width: 100%;
    margin-top: 15px;
    margin-left: 0;
  }

  .facebook {
    position: relative;
    width: 5.9677419354%;
  }

  .facebook .image,
  .instagram .image {
    height: auto;
  }

  .headerpapel {
    height: 124px;
  }

  .instagram {
    position: relative;
  }

  .logoruta {
    width: 235px;
    height: auto;
  }

  .sliderproductos {
    position: relative;
    z-index: 1;
    width: 81.6129032258%;
    height: 489px;
    margin-top: -204px;
    margin-left: 5%;
  }

  .text {
    width: 89.8387096774%;
    margin-right: 0;
    margin-left: 5%;
  }

  .twitter {
    position: relative;
    width: 5.8064516129%;
  }

  .twitter .image {
    height: auto;
  }

  .container .image-7 {
    width: 85.1612903225%;
    height: auto;
  }

  .container .panaderia-1 {
    margin-top: 25px;
  }

  .container .panaderia-2 {
    height: auto;
    margin-top: 31px;
  }

  .container .reposteria-1 {
    height: auto;
    margin-top: 18px;
  }

  .container .reposteria-2 {
    margin-top: 19px;
  }

  .container .text-1 {
    width: 90%;
    margin-top: 21px;
  }

  .container .text-2 {
    width: 90%;
    margin-top: 26px;
  }

  .container .text-3 {
    width: 90.1612903225%;
    margin-top: 28px;
  }

  .container .text-4 {
    width: 79.193548387%;
    margin-top: 21px;
  }

  .container .text-5 {
    width: 89.8387096774%;
  }

  .container .text-6 {
    width: 79.193548387%;
    margin-top: 20px;
  }

  .container .text-7 {
    width: 90%;
    margin-top: 47px;
  }

  .container-1 {
    z-index: 23;
    height: 206px;
  }

  .container-2 {
	float: none;
    z-index: 13;
    width: 90%;
    height: auto;
    margin-top: 18px;
  }

  .container-3 {
    float: left;
    clear: both;
    z-index: 8;
    height: 1061px;
    margin-top: -1160px;
    margin-right: 0;
    margin-left: 0;
  }

  .container-4 {
	float: none;
    clear: both;
    z-index: 7;
    width: 90%;
    height: auto;
    margin-left: 5%;
  }

  .facebook-2 {
    float: right;
    clear: both;
    top: auto;
    right: auto;
    z-index: 12;
    margin-top: -37px;
    margin-right: 25.08065%;
  }

  .facebook-3 {
    z-index: 5;
    margin-top: 20px;
    margin-right: 5.16129%;
  }

  .headerpapel-2,
  .logoruta-2 {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .headerpapel-3 {
    position: relative;
    z-index: 3;
  }

  .instagram-2 {
    float: right;
    clear: both;
    top: auto;
    right: auto;
    z-index: 14;
    width: 5.8064516129%;
    margin-top: -37px;
    margin-right: 47.93347%;
  }

  .instagram-3 {
    z-index: 7;
    width: 5.9677419354%;
    margin-top: 22px;
    margin-right: 5.16129%;
  }

  .logoruta-3 {
    position: relative;
    z-index: 10;
    margin-top: -107px;
  }

  .menu-2 {
    top: 124px;
    height: 103px;
  }

  .menu-3 {
    position: relative;
    z-index: 2;
    width: 94.8387096774%;
    margin-top: -547px;
  }

  .text-8 {
    position: relative;
    float: left;
    z-index: 0;
    margin-top: 14px;
  }

.locales {
	text-align: left;
    z-index: 0;
  color: rgb(255, 0, 7);
}
	.text-7 {
    position: relative;
	text-align: left;
    z-index: 0;
    margin-top: 0px;
  }

  .twitter .image-8 {
    margin-left: -2.77778%;
  }

  .twitter-2 {
    float: right;
    top: auto;
    right: auto;
    z-index: 16;
    margin-top: 1286px;
    margin-right: 72.44708%;
  }

  .twitter-3 {
    z-index: 9;
    margin-top: 109px;
    margin-right: 5.31754%;
  }
}

@media(max-width: 420px) {
  body {
    font-size: 16px;
  }
	.container-4 {
	float: none;
    clear: both;
    z-index: 7;
    width: 90%;
    height: auto;
    margin-left: 5%;
  }

  .sliderproductos {
    position: relative;
    z-index: 1;
    width: 249px;
    height: 279px;
    margin-top: -231px;
  }

  .facebook .image-10 {
    height: auto;
    margin-left: -0.04112%;
  }

  .facebook-3 {
    position: relative;
    z-index: 5;
    width: 9.0476190476%;
    margin-top: 30px;
    margin-right: 4.6875%;
  }

  .headerpapel-3 {
    position: relative;
    z-index: 3;
    height: 84px;
  }

  .instagram .image-9,
  .twitter .image-8 {
    height: auto;
  }

  .instagram-3 {
    position: relative;
    z-index: 7;
    width: 8.8095238095%;
    margin-top: 31px;
    margin-right: 5%;
  }

  .logoruta-3 {
    position: relative;
    z-index: 10;
    width: 178px;
    height: auto;
    margin-top: -78px;
  }

  .menu-3 {
    position: relative;
    z-index: 2;
    width: 95%;
    margin-top: -313px;
  }

  .text-8 {
    position: relative;
    float: right;
    z-index: 0;
    width: 89.7619047619%;
    margin-top: 11px;
    margin-right: 5.2381%;
    margin-left: 0;
  }

  .twitter-3 {
    position: relative;
    z-index: 9;
    width: 8.5714285714%;
    margin-top: 93px;
    margin-right: 5.2381%;
  }
}