/* estilos para el tiempo especificos turismo*/
.cont_el_tiempo {
  border:1px solid $colorBordes;
  border-radius:$border-radius-large;
  color: $gray;
  padding: 10px 0;
  font-size: $font-size-base;
  overflow:hidden;
  margin:20px 0;
  background: $panel-bg;
  /* versión vertical */
  &.weather_vertical ul li.cont_dias {
    width: 100%;
    margin-bottom: 3px;
    border-bottom:1px solid $colorBordes;
    &:last-child {
      border-bottom:0;
    }
    ul {
      padding: 0;
      list-style: none;
      li{
        &.dia {
          float: left;
          width: 39%;
          font-size: $font-size-base;
          line-height: 35px
        }
        &.temp {
          float: left;
          width: 45%;
          font-size: $font-size-base;
          text-align: left;
          line-height: 35px
        }
        &.img_tiempo {
          float: right;
          font-size: $font-size-base;
        }
        .temp_max {
          font-weight: $roboto-bold;
          font-size: $font-size-large;
          margin-right:5px;
          vertical-align: middle;
        }
        .temp_min {
          font-size: $font-size-small;
          margin-left:5px;
          vertical-align: middle;

        }
      }
    }
  }
  /* fin versión vertical */
  /* Versión horizontal*/
  &.weather_horizontal ul li.cont_dias{
    margin-bottom: 0;
    border-bottom:0;
    width: 25%!important;
    border-right: 1px solid $colorBordes;
    padding:0 8px;
    &:last-child {
      border-right:none;
    }
    ul {
      padding: 0;
      list-style: none;
      li{
        &.dia {
          font-size: $font-size-base;
          line-height: 35px;
          float:none;
          width: 100%;
          text-align: center;
          font-weight: $roboto-bold;
        }
        &.temp {
          font-size: $font-size-base;
          text-align: center;
          line-height: 35px;
          float:none;
          width: 100%;
        }
        &.img_tiempo {
          font-size: $font-size-base;
          float:none;
          text-align: center;
          width: 100%;
        }
        .temp_max {
          font-weight: $roboto-bold;
          font-size: $font-size-large;
          margin-right:5px;
        }
        .temp_min {
          font-size: $font-size-small;
          margin-left:5px
        }
      }
    }
  }
  ul {
    padding:0;
    list-style: none;
    margin-bottom: 0;
  }
  .icon-big{
    width:95px;
    height:75px;
    margin-top:15px;
  }
  .icon-small{
    width:35px;
    height:28px;
    vertical-align:text-top;
  }
  .city {
    font-size: $font-size-h4;
    display: block;
  }
  .temperatura {
    font-size: 48px;
    line-height: 48px;
    display:block;
    span {
      font-weight: $roboto-regular;
      font-size: 40px;
    }
  }
  .temperatura_small_max {
    font-size: $font-size-large;
    margin-right: 30px
  }
  .temperatura_small_max2 {
    font-size: $font-size-large;
    margin-right:5px;
  }
  .temperatura_small_min2 {
    margin-left:5px;
  }
  .temperatura_small_min {
    margin-right: 30px
  }
  .cont_info_extra {
    line-height: 35px;
    padding-right:0;
    text-align: left;
  }
  .texto_prevision {
    padding: 10px 0;
  }
  .viento, .precipitaciones {
    white-space:nowrap;
  }

  .viento svg.wind, .precipitaciones svg.rainfall{
    width:15px;
    height:15px;
    vertical-align:middle;
  }
}

/* Fin el tiempo */