/*variables*/
#textos {
  width: 100% !important;
  padding: 60px 0px 60px 0px;
  font-size: 40px;
  font-family: "HeronSansM", sans-serif;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  clear: both;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s; }
  #textos:hover {
    color: #269e48; }

#lista {
  width: 100%;
  min-height: 800px;
  /*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: -o-flex;
        display: flex;
        
        -moz-display: flex;
        -o-display: flex;
        -webkit-display: flex;
        -ms-display: flex;

        -o-justify-content: space-around;
        -moz-justify-content: space-around;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        
        -moz-flex-flow: row wrap;
        -o-flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        
        -o-align-items: stretch;
        -moz-align-items: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;*/ }
  #lista li {
    width: 33.333%;
    height: 345px;
    float: left;
    /*flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -o-flex: 1;*/
    background-size: cover !important;
    background-position: center !important;
    -o-transform-style: preserve-3d;
    -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;
    /*  Alem */
    /*  Avenida */
    /*  Fisherton */
    /*  Fisherton Plaza */
    /*  Funes */
    /*  Pichincha 
    &:nth-child(8){
        background:url(../img/express/backPichincha.jpg) no-repeat;
    }*/
    /*  España */
    /*  San Luis */
    /*cuadrado*/ }
    #lista li:hover {
      background: #000 !important; }
    #lista li:first-child {
      background: url(../img/express/backBosque.jpg) no-repeat; }
    #lista li:first-child h1 {
      font-size: 2.5em !important;
      line-height: 0.8em !important;
      padding-bottom: 7px; }
    #lista li:nth-child(2) {
      background: url(../img/express/backAlem.jpg) no-repeat; }
    #lista li:nth-child(3) {
      background: url(../img/express/backAvenida.jpg) no-repeat; }
    #lista li:nth-child(5) {
      background: url(../img/express/backFisherton.jpg) no-repeat; }
    #lista li:nth-child(6) {
      background: url(../img/express/backFishertonP.jpg) no-repeat; }
    #lista li:nth-child(7) {
      background: url(../img/express/backFunes.jpg) no-repeat; }
    #lista li:nth-child(9) {
      background: url(../img/express/backEspana.jpg) no-repeat;
       }
    #lista li:nth-child(10) {
        background: url(../img/express/backSanLuis.jpg) no-repeat;
         }
    #lista li:nth-child(12) {
      background: url(../img/express/roldan/backRoldan.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: #fff; }
          #lista li #cuadrado #up article h1 {
            font-family: "GearedSlabBold", sans-serif;
            font-size: 50px;
            margin-bottom: -10px;
            margin-top: -10px;
            color: #fad000;
            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: 22px; }
      #lista li #cuadrado #linea {
        width: 100%;
        height: 2px;
        display: block;
        background: #269e48;
        margin: 20px 0px; }
      #lista li #cuadrado #down {
        width: 100%;
        height: 44px; }
        #lista li #cuadrado #down #menu {
          padding: 8px 20px 8px 20px;
          border: 3px solid #269e48;
          float: left;
          margin-right: 16px;
          font-family: "HeronSansCondM", sans-serif;
          color: #269e48;
          font-size: 20px;
          background-color: #000;
          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: #269e48;
            color: #fff; }
        #lista li #cuadrado #down #sena {
          width: 53px;
          height: 45px;
          float: left; }

/* 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: #fff;
  color: #000;
  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 white transparent; }

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1; }

@media screen and (max-width: 970px) {
  #lista li {
    width: 50%;
    /*  Avenida */
    /*  Funes */ }
    #lista li:nth-child(3) {
      width: 100%; }
    #lista li:nth-child(7) {
      width: 100%; } }
@media screen and (max-width: 655px) {
  #lista li {
    width: 100% !important; } }

    @media screen and (max-width: 970px) {
        #wraper{
          margin-left: 10px;
        }
    }
/*# sourceMappingURL=style_express.css.map */