body {
font-family: 'Ruda', sans-serif;
	font-weight: 300;
  background:#1b2e42;
}

h2 {
	color: #911915;
}
.navbar {
	border-bottom: #cccccc solid 1px;
	padding:0 1rem;
}
.bg-light {
    background-color: #1b2e42!important;
}
.navbar h1 {
	font-size: 17px;
	line-height: 20px;
	font-weight: normal;
	overflow: hidden;
	margin:3px 0 0 50px;
  color: #fff;
}
.navbar-brand {
    width:64px;
    position: relative;
    top:5px;
    padding-top: 0;
}
.nav-link:hover {

}
.navbar li a {
    color: #fff;
    font-size: 17px;
    text-align: center;
}
.navbar li.active a {
    color: #fff;
    font-weight: 600;
}

.navbar-toggler .line{
    width: 100%;
    float: left;
    height: 2px;
    background-color: #fff;
    margin-bottom: 5px;
}
.lang {
position: absolute;
right:65px;
top:28px;
}
.lang, .lang a  {
font-size: 17px;
line-height: 17px;
color: #46a2c5;
overflow: hidden;}
main {
	margin-top: 70px;
}
.boton-reservas {
    position: relative;
    bottom:48px;
}
.boton-reservas .btn {
    background:#a31b18;;
    color: #fff;
    font-size: 19px;
    padding-left: 0;
    padding-right: 0;
    width: 177px;
    border-radius: 0;

}
.fa, .fas {
    font-weight: 900;
   color: #fff;
}
.boton-reservas .btn:hover {
    background: #1656a1;
    color:#fff;
    }
    .nav-link:hover {
    color: #a31b18;
}
.el-chalten-link a:hover p {
  color: #2987f5;
}
.boton-reservas strong {
    color: #fff;
  font-size: 12px;
    text-align: center;
       background:#676564;
    padding: 5px 20px;
    display: block;
-moz-border-radius:0;
-webkit-border-radius: 0;
border-radius:0;
}
.texto-reservas {
    position: absolute;
        top:46px;
}

.el-chalten-link img {
  padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius:0;
}
.el-chalten-link a {
  width: 100%;
  display: block;
  height: 100%;
}
.el-chalten-link a p {
    font-size: 20px;
    margin: -47px 0 0 0;
    color: #1b2e42;
    font-weight: bold;
    background: #ffffff;
    padding: 1px 13px;
    position: relative;
    top: -14px;
    display: inline-block;


}
.el-chalten-link a:hover {
  text-decoration: none;
}
.ubicacion iframe {
width: 100%;
}

 .offcanvas-collapse {
    position: fixed;
    top: 56px; /* Height of navbar */
    bottom: 0;
    right: 100%;
    left:-300px;
    width: 300px;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #343a40;
    transition-timing-function: ease-in-out;
    transition-duration: .3s;
    transition-property: left, visibility;
  }

  .offcanvas-collapse {
      align-items:start;
/*   Adds a subtle drop shadow   */
          -moz-background-clip: padding;     /* Firefox 3.6 */
      -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
      background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
    border-right:5px solid rgba(0, 0, 0, 0.2);

  }




/* Makes the nav visibile with the open class */
  .offcanvas-collapse.open {
    left: 0;
    visibility: visible;
  }


.navbar-expand-lg .navbar-nav {
    -ms-flex-direction: column;
    flex-direction: column;
}


.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}
.img-thumbnail {
  border-radius:0;
}
footer {
  background: #a31b18;
  margin-top:60px;
}
footer p, footer a {
  color:#fff;
  margin:5px 0;
  font-size: 14px;
}
 footer a {
  display: inline;
 }
footer a:hover {
  text-decoration: none;
  color: #e8cd09;
}
footer a i {
  margin: 0 5px 0 5px;
}
.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: #6c757d;
}
.nav-underline .nav-link:hover {
  color: #007bff;
}
.nav-underline .active {
  font-weight: 500;
  color: #343a40;
}
.banner-seccion-habitaciones {
	margin-top:70px;
	background: url("../img/habitaciones.jpg") no-repeat center center;
}
.banner-seccion-chalten {
  margin-top:70px;
  background: url("../img/elchalten.jpg") no-repeat center center;
}
.banner-seccion-contacto {
  margin-top:70px;
  background: url("../img/elchalten.jpg") no-repeat center center;
}
.banner-seccion-ubicacion {
  margin-top:70px;
  background: url("../img/ubicacion-banner.jpg") no-repeat center center;
}
.banner-seccion-nosotros {
  margin-top:70px;
  background: url("../img/nosotros.jpg") no-repeat center center;
}
.banner-seccion-habitaciones h1, .banner-seccion-chalten h1, .banner-seccion-contacto h1, .banner-seccion-ubicacion h1, .banner-seccion-nosotros h1 {
  color:#fff;
  text-shadow:1px 1px 5px #000000;
}

.title-seccion {
  top: 63px;
    position: relative;
    background: #a31b18;
    display: unset;
    padding: 2px 20px;
    font-size: 29px;
        text-shadow: 1px 1px 3px #000000!important;
}