/*variables*/

#banner {

  width: 100%;

  height: 395px;

  background: url("../img/restaurantes/banner.jpg") fixed center no-repeat, #fad000;

  background-size: cover;

  -webkit-transform-style: preserve-3d;

  -moz-transform-style: preserve-3d;

  transform-style: preserve-3d; }

  #banner p {

    max-width: 400px;

    padding: 8px 0px 8px 0px;

    margin: auto;

    text-align: center;

    background: #000;

    color: #fff;

    font-family: "HeronSansCondL";

    font-size: 66px;

    position: relative;

    top: 60%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%); }



#lista {

  width: 100%;

  min-height: 600px;

  background: #fad000;

  /*li*/ }

  #lista ul {

    width: 100%;

    height: auto;

        /*-ms-box-orient: horizontal;

        display: -webkit-box;

        display: -moz-box;

        display: -ms-flexbox;

        display: -moz-flex;

        display: -webkit-flex;

        display: flex;



        -webkit-justify-content: space-around;

        justify-content: space-around;

        -webkit-flex-flow: row wrap;

        flex-flow: row wrap;

        -webkit-align-items: stretch;

        align-items: stretch;*/ }

  #lista li {

    width: 33.333%;

    height: 345px;

    float: left;

    /*flex: 1;*/

    background-size: cover !important;

    background-position: center !important;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    transform-style: preserve-3d;

    transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s;

    /*  Paso */

    /*  Alem */

    /*  Avenida */

    /*  Fisherton */

    /*  Estamos */

    /*  Fisherton Plaza */

    /*  Funes */

    /*  Cuadro negro */

    /*  San Luis */

    /*cuadrado*/ }

    #lista li:hover {

      background: #fad000 !important; }

      #lista li:hover:first-child {

        color: #000; }

    #lista li:first-child {

      background: url(../img/restaurantes/backPaso.jpg) no-repeat;

      font-family: "HeronSansLight", sans-serif;

      font-size: 3.5em;

      text-align: left;

      color: #fff;

      font-weight: 700;

      display: block;

      transform-style: preserve-3d;

      -webkit-transform-style: preserve-3d;

      -moz-transform-style: preserve-3d;

      -o-transform-style: preserve-3d; }

      #lista li:first-child h1 {

        font-size: 0.75em !important;

        line-height: 0.8em !important; }

      #lista li:first-child p {

        position: relative;

        top: 24%;

        transform: translateY(-50%);

        -webkit-transform: translateY(-50%);

        -moz-transform: translateY(-50%);

        -o-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        font-weight: 500 !important;

        margin-bottom: -20px !important; }

    #lista li:nth-child(2) {

      background: url(../img/restaurantes/backAlem.jpg) no-repeat;

      display: none; }

    #lista li:nth-child(3) {

      background: url(../img/restaurantes/backAvenida.jpg) no-repeat; }

    #lista li:nth-child(4) {

      background: url(../img/restaurantes/backFisherton.jpg) no-repeat; }

    #lista li:nth-child(5) {

      background: #000;

      font-family: "HeronSansLight", sans-serif;

      font-size: 67px;

      text-align: center;

      color: #fff;

      line-height: 65px;

      display: none;

      transform-style: preserve-3d;

      -webkit-transform-style: preserve-3d;

      -moz-transform-style: preserve-3d;

      -o-transform-style: preserve-3d; }

      #lista li:nth-child(5) p {

        position: relative;

        top: 50%;

        transform: translateY(-50%);

        -webkit-transform: translateY(-50%);

        -moz-transform: translateY(-50%);

        -o-transform: translateY(-50%);

        -ms-transform: translateY(-50%); }

    #lista li:nth-child(6) {

      background: url(../img/restaurantes/backFishertonP.jpg) no-repeat; }

    #lista li:nth-child(7) {

      background: url(../img/restaurantes/backFunes.jpg) no-repeat;

      display: none; }

    #lista li:nth-child(8) {

      background: url(../img/restaurantes/backPaso.jpg) no-repeat;

      font-family: "HeronSansLight", sans-serif;



      text-align: left;

      color: #fff;

      font-weight: 700;

      display: block;

      transform-style: preserve-3d;

      -webkit-transform-style: preserve-3d;

      -moz-transform-style: preserve-3d;

      -o-transform-style: preserve-3d;

      

      /*background: #000;

      text-align: center;

      font-family: "HeronSansCond", sans-serif;

      font-size: 4em;

      color: #fff;

      vertical-align: middle;

      line-height: 1em;

      letter-spacing: 1px; }

      #lista li:nth-child(8) p {

        padding-top: 12%; }

      #lista li:nth-child(8):hover {

        background: #000 !important;

      */

      }

    #lista li:nth-child(9) {

      background: url(../img/restaurantes/backEspana.jpg) no-repeat; }

      #lista li:nth-child(10) {

        background: url(../img/restaurantes/backSanLuis.jpg) no-repeat; }

    #lista li #cuadrado {

      width: 318px;

      height: 182px;

      margin: auto;

      position: relative;

      top: 50%;

      transform: translateY(-50%);

      -webkit-transform: translateY(-50%);

      -moz-transform: translateY(-50%);

      -o-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

      /* up */ }

      #lista li #cuadrado #up {

        width: 100%;

        height: 100px; }

        #lista li #cuadrado #up #image {

          width: 100px;

          height: 100px;

          float: left; }

        #lista li #cuadrado #up article {

          width: 200px;

          height: 100px;

          float: right;

          color: #000; }

          #lista li #cuadrado #up article h1 {

            font-family: "GearedSlabBold", sans-serif;

            font-size: 50px;

            margin-bottom: -10px;

            margin-top: -10px;

            text-transform: uppercase; }

          #lista li #cuadrado #up article p {

            font-family: "HeronSansCondL", sans-serif;

            font-size: 25px;

            margin-bottom: -1px; }

          #lista li #cuadrado #up article h2 {

            font-family: "HeronSans700", sans-serif;

            font-size: 30px;

            border: none;

            text-decoration: none; }

      #lista li #cuadrado #linea {

        width: 100%;

        height: 2px;

        display: block;

        background: #000;

        margin: 20px 0px; }

      #lista li #cuadrado #down {

        width: 100%;

        height: 44px; }

        #lista li #cuadrado #down #menu {

          padding: 8px 12px 8px 12px;

          border: 3px solid #000;

          float: left;

          font-family: "HeronSans700", sans-serif;

          color: #000;

          font-size: 20px;

          background-color: #fad000;

          transition: all 0.5s;

          -moz-transition: all 0.5s;

          -o-transition: all 0.5s;

          -webkit-transition: all 0.5s;

          -ms-transition: all 0.5s; }

          #lista li #cuadrado #down #menu:hover {

            background-color: #000;

            color: #fad000; }

        #lista li #cuadrado #down #sena {

          width: 53px;

          height: 45px;

          margin-left: 10px;

          float: left;

          border: none;

          text-decoration: none; }



/* Tooltip container */

.tooltip {

  position: relative;

  display: inline-block;

  border-bottom: 1px dotted black;

  /* If you want dots under the hoverable text */ }



/* Tooltip text */

.tooltip .tooltiptext {

  visibility: hidden;

  width: 150px;

  background-color: black;

  color: #fff;

  text-align: center;

  padding: 5px 0;

  border-radius: 6px;

  font-family: "HeronSansLight", sans-serif;

  opacity: 0;

  transition: all 0.3s;

  /* Position the tooltip text - see examples below! */

  position: absolute;

  z-index: 1; }



.tooltip-bottom {

  top: 135%;

  left: 50%;

  margin-left: -60px; }



.tooltip .tooltiptext::after {

  content: " ";

  position: absolute;

  bottom: 100%;

  /* At the top of the tooltip */

  left: 50%;

  margin-left: -5px;

  border-width: 5px;

  border-style: solid;

  border-color: transparent transparent black transparent; }



/* Show the tooltip text when you mouse over the tooltip container */

.tooltip:hover .tooltiptext {

  visibility: visible;

  opacity: 1; }



@media screen and (max-width: 1040px) {

  header nav li:first-child a {

    color: #fff !important; } }

@media screen and (max-width: 970px) {

  #lista li {

    width: 50%; } }

@media screen and (max-width: 655px) {

  #lista li {

    width: 100%; }



  #banner {

    height: 340px; } }

@media screen and (max-width: 370px) {

  #banner p {

    font-size: 53px; } }



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