/********** */
/*SASS */
/********** */
/********** */
/*Variables */
/********** */
/********** */
/*Mixins*** */
/********** */
/************* */
/*Placeholders */
/************* */
/********** */
/*Content** */
/********** */
* {
  padding: 0;
  margin: 0;
  font-family: "Open Sans", sans-serif; }

.anchoRow {
  margin-right: 0px;
  margin-left: 0px; }

.anchoCol {
  padding-right: 0;
  padding-left: 0; }

.anchoContainer {
  padding-right: 0;
  padding-left: 0; }

#slidePastaM {
  display: none; }

.navMovil {
  display: none; }

#btnRecetasMovil {
  display: none; }

#header {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../images/bg_header.jpg"); }

#logoHeader {
  width: 130px;
  padding: 10px;
  float: left; }

#frase_home {
  width: 100%; }

#iconsHeader {
  float: right;
  padding-top: 38px;
  padding-right: 30px; }

.iconsContent {
  display: inline-block;
  padding-right: 10px; }

.fb_header {
  background-image: url("../images/fb_header.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  cursor: pointer;
  transition: 0.2s; }

.twitter_header {
  background-image: url("../images/twitter_header.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  cursor: pointer;
  transition: 0.2s; }

.inst_header {
  background-image: url("../images/inst_header.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  cursor: pointer;
  transition: 0.2s; }

.tube_header {
  background-image: url("../images/tube_header.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  cursor: pointer;
  transition: 0.2s; }

.in_header {
  background-image: url("../images/in_header.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  cursor: pointer;
  transition: 0.2s; }

.fb_header_h {
  background-image: url("../images/fb_header_h.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  cursor: pointer;
  transition: 0.2s; }

.twitter_header_h {
  background-image: url("../images/twitter_header_h.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  cursor: pointer;
  transition: 0.2s; }

.inst_header_h {
  background-image: url("../images/inst_header_h.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  cursor: pointer;
  transition: 0.2s; }

.tube_header_h {
  background-image: url("../images/tube_header_h.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  cursor: pointer;
  transition: 0.2s; }

.in_header_h {
  background-image: url("../images/in_header_h.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  cursor: pointer;
  transition: 0.2s; }

.bg_Home {
  background-image: url("../images/bg_home.jpg");
  background-position: center center; }

.navbar {
  margin-bottom: 0; }

.navbar-nav {
  width: 100%;
  text-align: center;
  border-top: 2px solid #847847;
  border-bottom: 2px solid #847847; }

.navbar-nav > li {
  float: none;
  display: inline-block;
  padding-right: 25px;
  padding-left: 25px;
  font-weight: 600;
  color: #847847; }

.navbar-toggle {
  width: 45px !important; }

.navActive {
  animation-name: navActive;
  animation-duration: 1s;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: white;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: white;
  border-radius: 30px; }

@keyframes navActive {
  from {
    opacity: 0.3; }
  to {
    opacity: 0.8; } }
.navbar-default {
  background-color: #f2ca33;
  border-color: #f2ca33; }

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  padding-top: 5px;
  padding-bottom: 5px; }

.navbar-collapse {
  padding-right: 0;
  padding-left: 0; }

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
  margin-right: 0;
  margin-left: 0; }

.imgSlick {
  width: 150px !important;
  height: 90px; }

.imgSlickMovil {
  width: 130px !important;
  height: 130px; }

.control-left {
  top: 80%;
  left: 87%;
  width: 6%; }

.control-right {
  top: 80%;
  width: 6%; }

.flechas {
  width: 55%;
  margin-top: 15%; }

.carousel-inner {
  width: 90%; }

#bgCarrousel {
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("../images/bgCarrousel.jpg"); }

.carousel-control.left, .carousel-control.right {
  background-image: none; }

.carousel-control {
  color: black; }
  .carousel-control:hover {
    color: black; }

.sweet-alert button {
  background-color: #f2ca33 !important; }
  .sweet-alert button:hover {
    background-color: #bb9400 !important; }

#seccionQuienes {
  margin-top: 40px; }

.titleCafes {
  color: #847847;
  font-weight: 600; }

.titleWhite {
  color: white;
  font-weight: 600; }

#btn_Home {
  width: 150px;
  height: 40px;
  background-color: #847847;
  color: white;
  border: 2px solid transparent;
  transition: 0.4s; }
  #btn_Home:hover {
    background-color: #655c3a; }

#parafoHome {
  width: 55%; }

.parafoSomos {
  color: #7c6117;
  text-align: left;
  width: 80%; }

.parafoSomosAcros {
  color: #7c6117;
  font-weight: 700;
  text-align: left;
  width: 80%;
  font-size: 17px; }

.firstLetter {
  font-size: 19px !important; }

.linesSomos {
  width: 30%; }

#lineSomos2 {
  margin-top: 20px;
  width: 65%; }

#origenPastas {
  color: #0e2680;
  font-weight: 700;
  margin-bottom: 40px; }

#bg_historia {
  background-image: url("../images/bg_historia.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  margin-top: 2em !important; }

.linesHistoria {
  width: 30%; }

.linesHistoriaL {
  transform: rotate(180deg); }

.parafoHistoria {
  width: 55%;
  color: white; }

#parafoNuestraP {
  width: 55%; }

#parafoNuestraP_azul {
  color: #0e2680;
  font-size: 16px;
  width: 55%; }

#moduloNP {
  background-image: url("../images/modulo_NP.png");
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 65%;
  height: 230px; }
  #moduloNP p {
    color: white;
    width: 90%; }

#parrafoBlack {
  width: 55%; }

#lineWhiteTNP {
  width: 95%;
  padding-top: 35px;
  padding-bottom: 35px; }

#lineWhiteBNP {
  width: 95%;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  transform: rotate(180deg); }

#bg_controlCal {
  background-color: #0e2680; }

.controlCalidad h3 {
  color: white;
  font-weight: 700;
  margin-bottom: 40px; }
.controlCalidad p {
  width: 55%;
  color: white; }

.bg_wood {
  background-image: url("../images/bg_wood.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }
  .bg_wood hr {
    background-color: #0e2680;
    height: 4px;
    margin-top: 2em; }
  .bg_wood h3 {
    color: #0e2680 !important; }
  .bg_wood ul {
    padding-left: 10%; }
    .bg_wood ul li {
      line-height: 14px;
      list-style: none;
      text-align: left;
      text-decoration: none !important; }

.moduleCircle {
  margin-top: -30px; }

#olVitalidad {
  line-height: 40px;
  list-style-type: none;
  text-decoration: none;
  width: 110%; }

#btnVitalidad {
  background-color: #0e2680;
  border: 0px;
  color: white;
  height: 50px;
  margin: 3em;
  transition: 0.4s;
  width: 150px; }
  #btnVitalidad:hover {
    background-color: black; }

.imgRecetas {
  width: 29%; }

.leftImg {
  margin-left: -50%; }

#receta_img {
  width: 70%;
  margin-top: 30px;
  margin-bottom: 25px; }

.recetaTexto h3, .recetaTexto h4, .recetaTexto ul, .recetaTexto p {
  text-align: left;
  width: 70% !important; }
.recetaTexto h3, .recetaTexto h4 {
  font-weight: 700; }

.receta_blue {
  background-color: #0e2680; }
  .receta_blue .recetaTexto h3, .receta_blue .recetaTexto h4, .receta_blue .recetaTexto ul, .receta_blue .recetaTexto p {
    color: white; }

.imgRecetasMovil {
  width: 90%;
  padding: 10px; }

#seccionFotos {
  background-color: #0e2680;
  margin-top: 80px; }

.imgHomeFull {
  width: 100%;
  padding: 15px; }

.titleWhite {
  color: white;
  font-weight: 600;
  padding-top: 10px; }

#seccionProductos {
  background-color: #0e2680;
  margin-top: 40px; }

#franjaVerde {
  width: 100%;
  height: 50px;
  background-color: #0e2680; }

.slider {
  width: 90% !important; }

#bg_esquema {
  background-color: #f2ca33;
  margin-top: 45px; }

#moduloMarcas {
  background-image: url("../images/plecasMarcas.jpg");
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 40%;
  height: 100px; }
  #moduloMarcas p {
    color: white;
    padding-top: 2em;
    width: 90%; }

#boxEsquema1, #boxEsquema2, #boxEsquema3, #boxEsquema4 {
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 80%;
  height: 290px; }
  #boxEsquema1 p, #boxEsquema2 p, #boxEsquema3 p, #boxEsquema4 p {
    color: white;
    padding: 8px; }

#boxEsquema1 {
  background-image: url("../images/box-esquema1.png"); }

#boxEsquema2 {
  background-image: url("../images/box-esquema2.png"); }

#boxEsquema3 {
  background-image: url("../images/box-esquema3.png"); }

#boxEsquema4 {
  background-image: url("../images/box-esquema4.png"); }

#direccionador-marcas {
  width: 80%; }

.textMarcas h3 {
  color: white;
  width: 60%; }
.textMarcas h5, .textMarcas p {
  color: white;
  text-align: left;
  width: 70%; }
.textMarcas h3, .textMarcas h5 {
  font-weight: 700; }
.textMarcas p {
  margin-bottom: 2em;
  width: 60% !important; }

.iconsMarcas {
  width: 50px; }

#seccionSiguenos {
  background-color: #847847; }

#imgSiguenos {
  background-image: url("../images/siguenosRedes.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 250px; }

#titleSiguenos {
  margin-top: 65px;
  margin-left: 45px; }

#iconsSiguenos {
  padding-top: 10px;
  padding-left: 120px; }

.fb_siguenos {
  background-image: url("../images/fb_siguenos.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 42px;
  height: 46px;
  cursor: pointer;
  transition: 0.2s; }

.twitter_siguenos {
  background-image: url("../images/twitter_siguenos.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 42px;
  height: 46px;
  cursor: pointer;
  transition: 0.2s; }

.inst_siguenos {
  background-image: url("../images/inst_siguenos.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 42px;
  height: 46px;
  cursor: pointer;
  transition: 0.2s; }

.tube_siguenos {
  background-image: url("../images/tube_siguenos.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 42px;
  height: 46px;
  cursor: pointer;
  transition: 0.2s; }

.in_siguenos {
  background-image: url("../images/in_siguenos.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 42px;
  height: 46px;
  cursor: pointer;
  transition: 0.2s; }

.fb_siguenos_h {
  background-image: url("../images/fb_siguenos_h.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 42px;
  height: 46px;
  cursor: pointer;
  transition: 0.2s; }

.twitter_siguenos_h {
  background-image: url("../images/twitter_siguenos_h.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 42px;
  height: 46px;
  cursor: pointer;
  transition: 0.2s; }

.inst_siguenos_h {
  background-image: url("../images/inst_siguenos_h.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 42px;
  height: 46px;
  cursor: pointer;
  transition: 0.2s; }

.tube_siguenos_h {
  background-image: url("../images/tube_siguenos_h.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 42px;
  height: 46px;
  cursor: pointer;
  transition: 0.2s; }

.in_siguenos_h {
  background-image: url("../images/in_siguenos_h.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 42px;
  height: 46px;
  cursor: pointer;
  transition: 0.2s; }

.slider {
  width: 75%;
  margin: 100px auto; }

.slick-slide {
  margin: 0px 20px; }

.slick-slide img {
  width: 100%; }

.slick-prev:before {
  color: black !important; }

.slick-next:before {
  color: black !important; }

#footer {
  margin-top: 45px;
  background-image: url("../images/bg_footer.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 270px; }
  #footer i {
    color: white;
    font-size: 27px;
    padding-top: 5px;
    padding-right: 18px;
    padding-left: 18px;
    transition: 0.3s; }
    #footer i:hover {
      color: #847847; }

#logoFooter {
  width: 120px;
  margin-top: 30px; }

#franjaFooter {
  width: 100%;
  height: 50px;
  background-color: #d2ab63; }

#pfFooter {
  color: white;
  padding-top: 15px; }

#navLeft {
  float: left;
  margin-top: 72px;
  margin-left: 10px;
  border-top: 4px solid white;
  border-bottom: 4px solid white;
  padding: 15px;
  width: 40%; }
  #navLeft a {
    color: white;
    padding-left: 90px;
    text-decoration: none;
    transition: 0.3s; }
    #navLeft a:hover {
      color: #655c3a; }

#navRight {
  float: right;
  margin-top: 72px;
  margin-right: 10px;
  border-top: 4px solid white;
  border-bottom: 4px solid white;
  padding: 15px;
  width: 40%; }
  #navRight a {
    color: white;
    padding-right: 86px;
    text-decoration: none;
    transition: 0.3s; }
    #navRight a:hover {
      color: #655c3a; }

#pVisitanos {
  color: white;
  padding-top: 28px; }

#bg_somos {
  background-image: url("../images/bg_somos.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 150px; }

#tituloSecciones {
  color: white;
  margin-top: 53px;
  font-weight: 700;
  text-shadow: 0px 3px 6px black; }

#lineYellowT {
  width: 80%;
  padding-bottom: 40px; }

#lineYellowB {
  width: 80%;
  transform: rotate(180deg); }

.imgsSomos {
  width: 100%;
  padding-top: 30px; }

#bg_mision {
  background-color: #fac564;
  margin-top: 45px; }

.titleWhiteSomos {
  color: white;
  font-weight: 700; }

#lineWhiteT {
  width: 80%;
  padding-top: 20px;
  padding-bottom: 10px; }

#lineWhiteB {
  width: 80%;
  padding-bottom: 0px;
  margin-bottom: 20px;
  transform: rotate(180deg); }

.imgsProductos {
  width: 100%;
  transition: 0.3s;
  border-radius: 10px; }
  .imgsProductos:hover {
    background-color: grey; }

#bg_productos {
  background-image: url("../images/bg_productos.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 150px; }

#seccionSopas {
  margin-top: 40px; }

.imgsMenudas {
  width: 150px;
  cursor: pointer;
  transform: rotate(40deg);
  animation: soups 1.5s infinite;
  animation-direction: alternate; }

@keyframes soups {
  0% {
    transform: rotate(-5deg); }
  100% {
    transform: rotate(5deg); } }
#seccionMenudas {
  margin-top: 70px; }

.boxHideL, .boxHideE, .boxHideM, .boxHideO {
  background-color: black;
  opacity: 0.7;
  color: white;
  padding: 5px;
  margin-top: 40px; }

#boxLetras {
  margin-top: 32px; }

#boxMunicion {
  margin-top: 55px; }

#boxOjitos {
  margin-top: 60px; }

.menudas {
  width: 60%;
  margin: 40px; }

.linesMenudas {
  width: 30%; }

#formBox {
  width: 80%;
  padding-top: 3em; }
  #formBox h3 {
    color: white;
    padding-top: 10px; }
  #formBox p {
    margin-bottom: 25px;
    width: 95%; }
  #formBox input {
    background-color: #f9d46e;
    border: 0px;
    font-size: 12px;
    margin: 3px;
    padding: 4px;
    width: 90%; }
    #formBox input:focus {
      outline: none; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #404040;
  font-size: 12px; }

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #404040;
  font-size: 12px; }

textarea {
  background-color: #f9d46e;
  border: 0px;
  font-size: 12px;
  margin-top: 3px;
  padding: 4px;
  width: 90%; }
  textarea:focus {
    outline: none; }

button {
  background-color: black;
  border: 0px;
  color: white;
  margin-top: 10px;
  padding: 5px;
  transition: 0.3s;
  width: 100px; }
  button:hover {
    background-color: #df3030; }

.bg_contacto {
  background-image: url(../images/bg_contacto.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 8px solid white;
  height: 800px;
  width: 100%; }

#boxIpad {
  background-image: url(../images/ipad.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 680px;
  margin-top: 100px;
  width: 100%; }

#boxInfo {
  background-image: url(../images/boxContact.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 635px;
  margin-top: 100px;
  width: 100%; }

#formBox2 {
  width: 70%;
  padding-top: 180px;
  font-size: 17px; }
  #formBox2 p {
    color: white; }

@media screen and (max-width: 1300px) {
  #navLeft a {
    padding-left: 80px; } }
@media screen and (max-width: 1270px) {
  #navLeft a {
    padding-left: 70px;
    font-size: 12px; }

  #navRight a {
    padding-right: 50px;
    font-size: 12px; } }
@media screen and (max-width: 1060px) {
  #navLeft a {
    padding-left: 60px; }

  #navRight a {
    padding-right: 30px;
    margin-left: 25px; } }
@media screen and (max-width: 980px) {
  #iconsHeader {
    padding-right: 0px; }

  .iconsContent {
    padding-right: 0px; } }
@media screen and (max-width: 960px) {
  #navLeft {
    width: 25%;
    margin-top: 30px; }
    #navLeft a {
      padding-top: 4px;
      padding-left: 0px;
      display: block;
      text-align: left; }

  #navRight {
    width: 25%;
    margin-top: 30px; }
    #navRight a {
      padding-top: 4px;
      padding-right: 0px;
      display: block;
      margin-left: 25px;
      text-align: right; }

  #formBox2 p {
    font-size: 14px; } }
@media screen and (max-width: 900px) {
  #moduloNP {
    height: 260px; } }
@media screen and (max-width: 810px) {
  .navbar-nav li {
    padding-right: 5px;
    padding-left: 5px; } }
@media screen and (max-width: 768px) {
  .navbar-nav {
    width: 106%;
    border-top: none;
    border-bottom: none; }

  .navbar-nav > li {
    display: block; }

  #iconsHeader {
    display: none; }

  #parafoHome {
    width: 80%; }

  .navDesktop {
    display: none; }

  .navMovil {
    display: initial; }

  .navbar-default {
    border-color: white;
    background-color: #f2ca33 !important; }

  #logoHeader {
    width: 100%; }

  #frase_home {
    margin-top: 2%; }

  .linesHistoria {
    display: none; }

  #olVitalidad {
    width: 80%; }

  #btnRecetas {
    display: none; }

  #btnRecetasMovil {
    display: initial; }

  .linesMenudas {
    display: none; }

  #boxEsquema1, #boxEsquema2, #boxEsquema3, #boxEsquema4 {
    width: 200px;
    margin-bottom: 3em; }

  #moduloMarcas {
    width: 280px;
    margin-bottom: 3em; }

  #direccionador-marcas {
    display: none; }

  #imgMarca3 {
    width: 40%; }

  .textMarcas h5, .textMarcas p {
    width: 85%; }

  .textMarcas p {
    width: 70% !important; }

  .bg_contacto {
    height: 1400px; }

  #boxInfo {
    height: 450px; }

  #formBox2 {
    padding-top: 150px; }
    #formBox2 p {
      font-size: 14px; } }
@media screen and (max-width: 700px) {
  .titleWhite {
    font-size: 20px; }

  #titleSiguenos {
    margin-left: 3%; }

  #iconsSiguenos {
    padding-left: 3%; } }
@media screen and (max-width: 600px) {
  #moduloNP p {
    font-size: 12px;
    width: 80%; }

  #moduloNP {
    height: 350px; } }
@media screen and (max-width: 550px) {
  #navLeft {
    display: none; }

  #navRight {
    display: none; }

  .linesSomos {
    width: 80%; }

  .titleWhite .linesSomos {
    width: 84%; }

  .slick-slider {
    display: none !important; }

  #slidePastaM {
    display: initial; } }
@media screen and (max-width: 500px) {
  .iconsMarcas {
    display: none; } }
@media screen and (max-width: 370px) {
  #moduloNP {
    height: 400px; } }

/*# sourceMappingURL=estilos.css.map */