body {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, 'Montserrat', 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 125%;
  display: flex-box;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body .jumbotron {
  background-image: url(./../img/1.jpg);
  background-size: cover;
  color: whitesmoke;
}

body .jumbotron h1 {
  font-size: 800;
  font-weight: bold;
}

body .jumbotron p.lead {
  font-size: 250%;
}

body .jumbotron p {
  font-size: 150%;
}

body .container {
  margin-top: 2vh;
  width: 90vw;
  height: 90vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body .container .izquierda {
  width: 35vw;
  height: 70h;
  -webkit-box-shadow: 5px 10px 10px #333;
          box-shadow: 5px 10px 10px #333;
  background-color: white;
  /*  background-image: url(./../img/42.jpg);
            background-size: cover;
             */
}

body .container .izquierda .campos {
  margin: 2vh;
}

body .container .izquierda #productes {
  margin-left: 3vw !important;
}

body .container .derecha {
  width: 35vw;
  height: 70h;
  -webkit-box-shadow: 5px 10px 10px #333;
          box-shadow: 5px 10px 10px #333;
  background-color: #fff;
}

body .container .derecha .table {
  text-decoration: none;
}

body .container .card {
  margin-top: 8vh;
  width: 45vw;
  -webkit-box-shadow: 5px 10px 10px #333;
          box-shadow: 5px 10px 10px #333;
}

@media print {
  body .container {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

body .menu {
  width: 120px;
  -webkit-box-shadow: 0 4px 5px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 5px 3px rgba(0, 0, 0, 0.2);
  position: relative;
  display: none;
}

body .menu .menu-options {
  list-style: none;
  padding: 10px 0;
}

body .menu .menu-options .menu-option {
  font-weight: 500;
  font-size: 14px;
  padding: 10px 40px 10px 20px;
  cursor: pointer;
}

body .menu .menu-options .menu-option:hover {
  background: rgba(0, 0, 0, 0.2);
}
/*# sourceMappingURL=styles.css.map */