body {
  font-family: "Open Sans", Arial, Sans-serif;
  font-size: 16px; }

header {
  width: 100%;
  background: url("../img/header_bg.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center 0;
  background-repeat: no-repeat;
  color: #fff; }
  header .degradado {
    width: 100%;
    height: 100%;
    background-color: rgba(75, 54, 33, 0.5); }
  header .container {
    position: relative;
    height: 560px; }
  header .menu {
    width: 100%;
    text-align: right; }
    header .menu a {
      color: inherit;
      font-size: 1.25em;
      font-weight: 300;
      display: inline-block;
      margin: 40px 20px;
      text-decoration: none;
      position: relative; }
      header .menu a:hover {
        text-decoration: underline; }
  header .textos {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -48px; }
    header .textos .nombre {
      font-size: 3em;
      font-weight: 600; }
      header .textos .nombre span {
        font-weight: 300; }
    header .textos h3 {
      font-weight: 300;
      font-size: 1.5em;
      font-style: italic; }

.main {
  background-image: url("../img/white_texture.png");
  background-repeat: repeat; }
  .main .acercade .container {
    overflow: visible;
    position: relative; }
  .main .acercade .foto {
    width: 80%;
    position: absolute;
    left: 0;
    top: -48px;
    z-index: 0;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.35); }
    .main .acercade .foto img {
      vertical-align: top;
      width: 100%; }
  .main .acercade article {
    background: #fff;
    padding: 40px;
    width: 50%;
    position: relative;
    top: 500px;
    z-index: 1;
    float: right;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.35); }
    .main .acercade article h3 {
      font-size: 3em;
      font-weight: 300;
      margin-bottom: 40px; }
    .main .acercade article p {
      line-height: 2em;
      margin-bottom: 16px; }
  .main .carta {
    padding-top: 570px;
    margin-bottom: 48px; }
    .main .carta .titulo {
      font-size: 2.5em;
      font-weight: 300;
      text-align: center;
      margin-bottom: 40px; }
    .main .carta .marco-ext, .main .carta .marco-int {
      border: 1px solid #000;
      background: transparent;
      padding: 10px;
      overflow: hidden; }
    .main .carta article {
      width: 50%;
      float: left;
      padding: 20px; }
    .main .carta .categoria {
      font-size: 1.5em;
      font-weight: 700;
      margin-bottom: 40px;
      text-align: center; }
    .main .carta .consumo {
      margin-bottom: 32px;
      padding-bottom: 20px;
      border-bottom: 4px dotted #000;
      overflow: hidden; }
    .main .carta .nombre {
      font-size: 1.25em;
      margin-bottom: 16px;
      float: left; }
    .main .carta .precio {
      font-size: 1.25em;
      margin-bottom: 16px;
      float: right; }
    .main .carta .descripcion {
      font-size: 1em;
      color: #654321;
      clear: both; }
  .main .galeria {
    overflow: hidden; }
    .main .galeria .foto {
      width: 25%;
      float: left; }
      .main .galeria .foto img {
        width: 100%;
        vertical-align: top;
        opacity: 0.75; }
        .main .galeria .foto img:hover {
          opacity: 1;
          -webkit-transition: all .3s ease;
          -o-transition: all .3s ease;
          transition: all .3s ease; }
  .main .dondeestamos {
    background: #fff;
    padding: 64px 0;
    overflow: hidden; }
    .main .dondeestamos .titulo {
      text-align: center;
      font-size: 2.5em;
      line-height: 2.5em;
      font-weight: 300;
      margin-bottom: 40px; }
    .main .dondeestamos .direccion {
      float: left;
      width: 50%;
      text-align: left; }
      .main .dondeestamos .direccion .calle {
        margin-bottom: 16px; }
    .main .dondeestamos .horarios {
      float: right;
      width: 50%;
      text-align: right;
      overflow: hidden; }
      .main .dondeestamos .horarios h4 {
        text-align: center;
        margin-bottom: 20px; }
      .main .dondeestamos .horarios .entresemana, .main .dondeestamos .horarios .findesemana {
        width: 50%;
        float: left;
        text-align: center; }
  .main .mapa {
    width: 100%;
    overflow: hidden; }
    .main .mapa iframe {
      width: 100%;
      max-height: 600px; }

footer {
  text-align: center;
  background: #000;
  padding: 20px 0; }
  footer .interes {
    margin-bottom: 16px; }
    footer .interes a {
      color: #654321; }
  footer .copyright {
    color: #FFF; }

@media screen and (max-width: 800px) {
  header .contenedor {
    position: static;
    height: auto; }
  header .textos {
    margin-top: 20px;
    padding: 0 20px; }
    header .textos .nombre {
      font-size: 2em; }
    header .textos h3 {
      font-size: 1em; }
  header .menu {
    text-align: center;
    margin-bottom: 160px; }
    header .menu a {
      margin: 10px 20px;
      display: block; }

  .main .acercade .foto, .main .acercade article {
    width: 100%;
    position: relative; }
  .main .acercade article {
    top: -48px;
    transform: translate(0px, 0); }
  .main .carta {
    padding-top: 0; }
    .main .carta article {
      width: 100%; }
  .main .galeria .foto {
    width: 50%; }
  .main .mapa {
    width: 80%;
    margin: auto; } }
@media screen and (max-width: 400px) {
  .main .acercade article h3 {
    font-size: 2em;
    margin-bottom: 10px; }
  .main .menu article .nombre,
  .main .menu article .precio {
    font-size: 1em;
    line-height: 1em; }
  .main .dondeestamos .direccion {
    margin-bottom: 16px; }
  .main .dondeestamos .direccion,
  .main .dondeestamos .horarios {
    width: 100%;
    text-align: center; }

  footer .interes a {
    display: block;
    margin-bottom: 20px;
    text-decoration: underline; } }

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