/* HEADER */
header {
  width: 100%;
  background: linear-gradient(90deg, rgba(34,67,96,1) 0%, rgba(35,68,103,1) 0%, rgba(63,91,121,1) 100%);
  color: #fff;
  display: grid;
}
.container{
  position: relative;
}
/* MENU */
nav{
  justify-self: center;
}
.navbar-brand{
  padding: 0;
  border: 1px solid;
  border-radius: 50px;
  overflow: hidden;
}

.menu a img {
  max-height: 70px;
}

/* BOTONES */
.btn.btn-primary {
  width: auto;
  margin: 20px auto;
  font-size: 18px;
  border-radius: 15px;
  background: linear-gradient(90deg, rgba(34,67,96,1) 0%, rgba(35,68,103,1) 0%, rgba(63,91,121,1) 100%);
  color: #fff;
  padding: 20px 40px;
}

.btn.btn-primary span {
  align-self: center;
  justify-self: center;
  text-transform: uppercase;
  font-weight: bold;
}

h1 {
  text-align: center;
  text-transform: uppercase;
  margin: 50px auto;
}
p{
font-size: 18px
}

/* MAIN */
.main {
  min-height: 447px;
}

/* FOOTER */
/* FOOTER */
footer {
  width: 100%;
  background: linear-gradient(90deg, rgba(34,67,96,1) 0%, rgba(35,68,103,1) 0%, rgba(63,91,121,1) 100%);
  color: #fff;
  display: grid;
  bottom: 0;
  width: 100%;
}

footer .container p {
  margin: 0rem;
}
.footer a{
  color: #fff;
  padding: 0;
}
.footer div{
  margin-bottom: 10px;
}

/* CONTAINER */
.container {
  margin: 50px auto;
  max-width: 90%;
}

/* LOGIN */
.container.login{
  width: 400px;
}
.login-form{
  justify-self: center;
}
.submit-button{
  display: grid;
}
.submit-button button{
  justify-self: center;
}

/* INDEX*/
.index {
  min-height: calc(100vh - 404px);
}

.index .row {
  display: flex;
}

/* SOCIOS */
.socios .config a{
  color: rgba(63,91,121,1);
}
/* NOTICIAS*/
.noticias .noticia {
  margin: 50px auto;
  border: 2px solid;
}

.noticias .noticia .btn {
  margin: 10px auto;
}

/* RESERVAS */
.reservas {
  height: auto;
  /* You must set a specified height */
  width: 100%;
  background-position: center;
  /* Center the image */
  background-repeat: no-repeat;
  /* Do not repeat the image */
  background-size: cover;
  /* Resize the background image to cover the entire container */
  padding-left: 5%;
}

.reservas.contenido {
  background-image: url("../images/tablon.jpg");
  border: 5px solid #222;
  border-radius: 30px;
}
.reservas ul,li{
  list-style:none;
}
.reservas ul{
  overflow:hidden;
  margin-bottom: 0;
  padding: 2rem;
}
.reservas ul li a{
  text-decoration:none;
  color:#000;
  background:#ffc;
  display:block;
  padding:1em;
  -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
  -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  -moz-transition:-moz-transform .15s linear;
  -o-transition:-o-transform .15s linear;
  -webkit-transition:-webkit-transform .15s linear;
}
.reservas ul li{
  margin: 30px 0
}
.reservas ul li h5{
  font-size:140%;
  font-weight:bold;
  padding-bottom:10px;
}
.reservas ul li p{
  font-family:"Reenie Beanie",arial,sans-serif;
}
.reservas ul li a{
  -webkit-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -moz-transform:rotate(-6deg);
}
.reservas .postit.cena{
  -o-transform:rotate(4deg);
  -webkit-transform:rotate(4deg);
  -moz-transform:rotate(4deg);
  position:relative;
  top:5px;
  background:lightslategray;
}
.reservas .postit.comida{
  -o-transform:rotate(-3deg);
  -webkit-transform:rotate(-3deg);
  -moz-transform:rotate(-3deg);
  position:relative;
  top:-5px;
  background:floralwhite;
}
.reservas ul li:nth-child(5n) a{
  -o-transform:rotate(5deg);
  -webkit-transform:rotate(5deg);
  -moz-transform:rotate(5deg);
  position:relative;
  top:-10px;
}
.reservas ul li a:hover,ul li a:focus{
  box-shadow:10px 10px 7px rgba(0,0,0,.7);
  -moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);
  -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -o-transform: scale(1.25);
  position:relative;
  z-index:5;
}
.reservas ol{text-align:center;}
.reservas ol li{display:inline;padding-right:1em;}
.reservas ol li a{color:#fff;}


.reserva {
  text-align: center;
}

.reserva .campo {
  display: flex;
  margin: 10px auto;
}

.reserva .campo label {
  width: 90%;
  text-align: left;
  display: grid;
  align-self: center;
}

.reserva .checkbox-mesas {
  display: none;
}

.mesas-libres {
  display: grid;
}

.mesas-libres .plano {
  position: relative;
  padding: 30px;
  border: 3px solid;
  border-radius: 10px;
  margin: 20px auto;
}

.mesas-libres .plano img {
  max-width: 250px;
}

.mesas-libres .plano .mesa {
  border: 3px solid;
  border-radius: 8px;
  position: absolute;
  opacity: 0.6;
}

.mesas-libres .plano .mesa.vertical {
  height: 148px;
  width: 63px;
}

.mesas-libres .plano .mesa.horizontal {
  height: 63px;
  width: 149px;
}

.mesas-libres .plano .mesa.vertical.mesa-1 {
  top: 33px;
}

.mesas-libres .plano .mesa.vertical.mesa-2 {
  top: 204px;
}

.mesas-libres .plano .mesa.vertical.mesa-3 {
  top: 379px;
}

.mesas-libres .plano .mesa.vertical.mesa-4 {
  top: 204px;
  right: 30px;
}

.mesas-libres .plano .mesa.vertical.mesa-5 {
  top: 379px;
  right: 30px;
}

.mesas-libres .plano .mesa.vertical.mesa-6 {
  top: 375px;
}

.mesas-libres .plano .mesa.vertical.mesa-7 {
  top: 200px;
}

.mesas-libres .plano .mesa.horizontal.mesa-8 {
  top: 101px;
  left: 81px;
}

.mesas-libres .plano .mesa.vertical.mesa-9 {
  top: 200px;
  right: 30px;
}

.mesas-libres .plano .mesa.vertical.mesa-10 {
  top: 375px;
  right: 30px;
}

/* CUENTAS */
.cuentas .producto .id {
  display: none;
}

.cuentas .calculos #reserva_id {
  display: none;
}

.cuentas .calculos #reserva_precio {
  display: none;
}

/* FACTURAS */
.factura .contenido {
  display: inline-flex;
}

/* INGRESOS */
.ingresos .ingreso {
  width: 100%;
  border-bottom: 1px solid;
}

.ingresos .ingreso p {
  display: inline-flex;
}

.ingresos .ingreso p.fecha {
  width: 20%;
}

.ingresos .ingreso p.concepto {
  width: 40%;
}

.ingresos .ingreso p.cantidad {
  width: 20%;
}

/*# sourceMappingURL=styles.css.map */
/* MEDIA SCREEN*/
@media only screen and (min-width: 414px) {
  .menu a img {
    max-height: 70px;
  }

  .container {
    max-width: 1440px;
  }

  .index .row {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    height: auto;
  }
  footer .container{
    display: flex;
  }
  footer .links a{
    position: absolute;
    right: 0;
    color: #fff;
    text-decoration: underline;
  }


}
@media only screen and (min-width: 900px) {
  .reservas ul{
    overflow:hidden;
    padding:3em;
    margin-bottom: 0;
    padding-left: 2rem;
  }
  .reservas ul li{
    margin:1em;
    float:left;
  }
  .reserva .campo {
    display: inline-block;
  }

  .reserva .campo label {
    width: auto;
  }

  .mesas-libres {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .mesas-libres .plano {
    margin: auto;
  }

  .mesas-libres .plano img {
    max-width: 350px;
  }

  .mesas-libres .plano .mesa.vertical {
    height: 207px;
    width: 87px;
  }

  .mesas-libres .plano .mesa.horizontal {
    height: 87px;
    width: 207px;
  }

  .mesas-libres .plano .mesa.vertical.mesa-2 {
    top: 274px;
  }

  .mesas-libres .plano .mesa.vertical.mesa-3 {
    top: 518px;
  }

  .mesas-libres .plano .mesa.vertical.mesa-4 {
    top: 274px;
  }

  .mesas-libres .plano .mesa.vertical.mesa-5 {
    top: 518px;
  }

  .mesas-libres .plano .mesa.vertical.mesa-6 {
    top: 513px;
  }

  .mesas-libres .plano .mesa.vertical.mesa-7 {
    top: 269px;
  }

  .mesas-libres .plano .mesa.horizontal.mesa-8 {
    top: 129px;
    left: 101px;
  }

  .mesas-libres .plano .mesa.vertical.mesa-9 {
    top: 269px;
    right: 30px;
  }

  .mesas-libres .plano .mesa.vertical.mesa-10 {
    top: 513px;
    right: 30px;
  }
}

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