/*******************************************************
 *                                                     *
 *                VIAJES TEIDE                         *
 *                                                     *
 *        developed: Javier Vega Martinez              *
 *        contact: info@emdbwebprojects.com            *
 *        copyright - 2018                             *
 *                                                     *
 *******************************************************/
/*KIOSK*/
/* width */
/* fonts */
@font-face {
  font-family: BernSans;
  src: url('../../fonts/BernSansCT-Regular.otf');
}
@font-face {
  font-family: OpenSansLight;
  src: url('../../fonts/OpenSans-Light.otf');
}
@font-face {
  font-family: OpenSansRegular;
  src: url('../../fonts/OpenSans-Regular.otf');
}
@font-face {
  font-family: OpenSansItalic;
  src: url('../../fonts/OpenSans-Italic.ttf');
}
@font-face {
  font-family: OpenSansBold;
  src: url('../../fonts/OpenSans-Bold.otf');
}
@font-face {
  font-family: Raleway;
  src: url('../../fonts/Raleway.otf');
}
/* debug */
.debug {
  background-color: #ff7f50;
}
.debug2 {
  background-color: #6495ed ;
}
::-webkit-scrollbar-thumb {
  background: #1A345E;
}
header #header-menu {
  background-color: #1A345E;
}
header #header-menu #header-menu-back {
  background-color: #1A345E;
}
#emdb-slide {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  min-width: 280px;
  margin: 20px 0 0 0;
}
#emdb-slide #emdb-slide-imgs-content {
  position: relative;
  flex: 1;
  width: 100%;
  padding-bottom: 50%;
}
#emdb-slide #emdb-slide-imgs-content .slide-img {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  width: 100%;
}
#emdb-slide #emdb-slide-imgs-content .slide-img img {
  display: block;
  width: 100%;
  border: none;
}
#emdb-slide #emdb-slide-imgs-content .view {
  display: block;
}
#home h1 {
  display: inline-block;
  width: 100%;
  margin: 20px 0px;
  font-family: BernSans;
  font-size: 2.25rem;
  line-height: 38px;
  color: #1A345E;
  text-align: center;
}
#home h2 {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  font-family: BernSans;
  font-size: 1.75rem;
  line-height: 28px;
  color: #1A345E;
  text-align: center;
}
#home #home-intro {
  text-align: center;
}
#home #home-groups .excursion-group {
  position: relative;
  margin: 0 0 5px 0;
}
#home #home-groups .excursion-group .thumb {
  width: 100%;
  margin: 0px;
}
#home #home-groups .excursion-group .thumb img {
  width: 100%;
}
#home #home-groups .excursion-group .title {
  position: absolute;
  width: 100%;
  top: 40px;
  font-family: OpenSansBold;
  font-size: 2.8125rem;
  text-align: center;
  color: #FFFFFF;
}
#home #home-groups .excursion-group .titleshadow {
  position: absolute;
  width: 100%;
  top: 42px;
  left: 2px;
  font-family: OpenSansBold;
  font-size: 2.8125rem;
  text-align: center;
  color: #000000;
}
#home #home-weather {
  background-color: #F1F1F1;
  padding: 10px 0px 10px 0px;
  margin-bottom: 8px;
}
#home #home-weather a {
  color: #000000;
  text-decoration: none;
}
#home #home-weather .col1 {
  float: left;
  width: 49%;
  margin: 10px 0px 0px 0%;
}
#home #home-weather .col2 {
  float: left;
  width: 49%;
  margin: 10px 0px 0px 1.88%;
}
#home #home-weather .actual {
  float: left;
  width: 40%;
  margin: 0px 0px 0px 10%;
}
#home #home-weather .actual .day {
  font-family: Raleway;
  font-size: 2.75rem;
}
#home #home-weather .actual .temp {
  font-family: OpenSansLight;
  font-size: 1.5rem;
  margin-top: 10px;
}
#home #home-weather .actual .actual-data {
  font-family: OpenSansLight;
  font-size: 0.875rem;
  line-height: 25px;
}
#home #home-weather .next {
  float: left;
  width: 40%;
  margin: 0px auto;
  text-align: center;
}
#home #home-weather .next .weekday {
  font-family: Raleway;
  font-size: 1.75rem;
}
#home #home-weather .next .maxmin {
  margin-top: 10px;
  font-family: OpenSansLight;
  font-size: 0.875rem;
}
#home #home-weather .next .thumb {
  margin: 10px 0px;
  text-align: center;
}
@media only screen and (min-width: 300px) and (max-width: 650px) {
  #home #home-weather .actual {
    float: left;
    width: 60%;
    margin: 0px 2.5% 0px 5%;
  }
  #home #home-weather .actual .col1 {
    float: left;
    width: 49%;
    margin: 10px 0px 0px 0%;
  }
  #home #home-weather .actual .col2 {
    float: left;
    width: 49%;
    margin: 10px 0px 0px 1.88%;
  }
  #home #home-weather .actual .day {
    font-family: Raleway;
    font-size: 2rem;
  }
  #home #home-weather .actual .temp {
    font-family: OpenSansLight;
    font-size: 1rem;
    margin-top: 10px;
  }
  #home #home-weather .actual .actual-data {
    font-family: OpenSansLight;
    font-size: 1rem;
    line-height: 25px;
  }
  #home #home-weather .next {
    float: left;
    width: 30%;
    margin: 0px 2.5% 0px 0px;
    text-align: center;
  }
  #home #home-weather .next .col1 {
    float: left;
    width: 99%;
    margin: 10px 0px 0px 0%;
  }
  #home #home-weather .next .col2 {
    display: none;
  }
  #home #home-weather .next .weekday {
    font-family: Raleway;
    font-size: 1.625rem;
  }
}
#pages {
  position: relative;
  max-width: 100%;
  min-width: 280px;
  height: auto;
  margin: 20px 0px 0px 0px;
  font-family: OpenSansLight;
}
#pages h1 {
  width: 97%;
  display: inline-block;
  margin: 20px 0px 20px 0px;
  font-family: BernSans;
  font-size: 1.4375rem;
  color: #1A345E;
}
#pages p {
  margin-bottom: 20px;
  font-size: 1rem;
  line-height: 24px;
  text-align: justify;
}
#pages p b {
  font-family: OpenSansBold;
}
#pages #pages-content {
  width: 99%;
  height: 910px;
  padding-right: 1%;
  overflow-y: auto;
  overflow-x: hidden;
}