*{
  margin:0px;
  padding: 0px;
}

    /* Add a gray background color and some padding to the footer */
    footer{
      padding: 30px;
    }

    /* color fill */
    .f{
      color:#002E5B;
    }
     h1 { 
      color: #FF0000; 
    }

    h2{
      color:#002E5B;
    }

     h3 { 
      color: #FF0000; 
    }


    /* color fill end*/
    
  .carousel-inner img {
      width: 100%; /* Set width to 100% */
      margin: auto;
      min-height:50px;
  }

  /* Hide the carousel text when the screen is less than 600 pixels wide */
  @media (max-width: 600px) {
    .carousel-caption {
      display: none; 
    }
  }
   /* Add a Room Info and Color Fill*/
  #red{
    background-color:#000000;

  }
  /*color Fill*/
  #red hr{/* Add a Room Info and Color Fill*/
  width:300px;
  margin:auto;
  margin-top:10px;
  margin-bottom:10px;
  height:5px;
  background-color:#000000;
  border-radius:20px;
}
/*color End Fill*/
  .text-justify{
    color:black;
  }
h5{
  color:white;
  background-color:#002E5B;
  height:100px;
  width:100%;
}
/*  Room Info Add a Image and Hover Fill*/
#img1{
  width:100%;
  height:190px;
}
#img1:hover{
  box-shadow:7px 7px 5px #ffffff;
 }
.hov a:hover{
  color:#000408;
}
/*  Room Info Add a Image and Hover End Fill*/

/*Login Start*/

#primary{ 
    background-color:#ffffff;
    color:black;
}
.forget a{
  text-decoration:none;
  color:#ffffff;
}
.forget a:hover{
  color:white;
}
.forget{
  /*margin-top:5px;*/
  padding-top:10px;
}
/*Login Close*/

h1{
  font-family:font-family: 'Helvetica Neue', cursive;
  color:#002E5B;
}

#top{
  margin:0px;
}
.thumbnail a img:hover{
box-shadow:5px 5px 5px #000000;
}
    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
#font{
      font-family: 'Helvetica Neue', cursive;
      color:red;
      margin-top:50px;

    }
    .bg-1 { 
    background-color: #ffffff; /* Blanco */
    color: #ffffff;
  }
  #bt{
    float:right;
    margin-left:15px;
    border-radius:10px;
    border:none;
  }
  @media screen and (max-width:600px)
      {
        .frame{
          width:100%;
        }
      }
@media screen and (max-width:600px)
      {
        .amit{
          text-align:center;
        }
    }
    .Ac_Room_Text{
      font-family: 'Helvetica Neue', cursive;
      color:yellow;
      text-shadow:3px 3px 3px  yellow;
      text-align:center;
      size:15px;
    }
    .Room_Text{
       font-family: 'Helvetica Neue', cursive;
      color:#ffbb31;
      text-shadow:3px 3px 3px red;
      text-align:center;
      size:15px;
    }
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+ ABOUT +-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/

*{text-decoration:none; list-style:none; margin:0px; padding:0px; outline:none;}
body{margin:0px; padding:0px; font-family: 'Helvetica Neue', sans-serif; }

section{width:150%; max-width:150px; margin:0px auto; display:table; position:relative;}

nav{width:auto; float:right;}
nav ul{display:table; float:right;}
nav ul li{float:left;}
nav ul li:last-child{padding-right:0px;}
nav ul li a{color:#0000; font-size:14px; padding: 25px 20px; display:inline-block; transition: all 0.5s ease 0s;}
nav ul li a:hover{background-color:#002e5b; color:#fde428; transition: all 0.5s ease 0s;}
nav ul li a:hover i{color:#fde428; transition: all 0.5s ease 0s;}
nav ul li a i{padding-right:10px; color:#002e5b; transition: all 0.5s ease 0s;}


input[type=checkbox], label{display:none;}

/* Texto y espacio (margin bottom) */ 

.content{display:table; margin-bottom:15px; width:900px;}
.content h2{font-size:16px; font-weight:500; color:#002e5b; border-bottom:2px solid #fde428; display:table; padding-bottom:10px; margin-bottom:10px;}
.content p{font-size:14px; line-height:22px; color:#535353; text-align:justify;}


@media only screen and (max-width: 1500px) {
section{max-width:50%;}
}

@media only screen and (max-width: 980px) {
header{padding:20px 0px;}
#logo{padding:0px;}

input[type=checkbox] {position: absolute; top: -9999px; left: -9999px; background:none;}
input[type=checkbox]:fous{background:none;}
label {float:right; padding:8px 0px; display:inline-block; cursor:pointer; }
input[type=checkbox]:checked ~ nav {display:block;}

nav{display:none; position:absolute; right:0px; top:53px; background-color:#002e5b; padding:0px; z-index:99;}
nav ul{width:auto;}
nav ul li{float:none; padding:0px; width:100%; display:table;}
nav ul li a{color:#FFF; font-size:15px; padding:10px 20px; display:block; border-bottom: 1px solid rgba(225,225,225,0.1);}
nav ul li a i{color:#fde428; padding-right:13px;}
}
/* BOTÓN NARANJA "REGRESAR"+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/

.welcome__btn {
  display: block;
  border: 2px solid #EEAD33;
  width: 200px;
  margin: auto;
  padding: 10px;
  text-decoration: none;
  color: #EEAD33;
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 30px;
  transition: all 0.5s;
}
.welcome__btn:hover {
  background: #EEAD33;
  color: white;
}

/* IR ARRIBA +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
 
html {
    font-size: 10px;
}
 
/* Barra de navegación */
 
header {
    height: 6rem;
    background: #333;
    padding: 0 5rem;
}
 
ul li {
    display: inline-block;
}
 
ul li a {
    line-height: 6rem;
    color: #fff;
    text-decoration: none;
    font-size: 2rem;
    padding: 0 1rem;
}
 
.container {
    max-width: 80rem;
    margin: auto;
    padding-top: 4rem;
}
 
.container p {
    font-size: 2rem;
    margin-bottom: 2rem;
}
 
/* GOTOP */
 
.go-top-container {
    position: fixed;
    bottom: 4rem;
    right: 4rem;
    width: 6.6rem;
    height: 6.6rem;
    z-index: -1;
}
 
.go-top-button {
    width: 0rem;
    height: 0rem;
    background: #2071b2;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.2s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
 
.go-top-button i {
    position: absolute;
    font-size: 1.7rem;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    color: #fff;
    transition: 0.2s;
}
 
.show {
    z-index: 10;
}
 
.show .go-top-button {
    animation: popup 0.3s ease-in-out;
    width: 6.6rem;
    height: 6.6rem;
    z-index: 11;
}
 
.show i {
    transform: translate(-50%, -50%) scale(1);
}
 
@keyframes popup {
    0% {
        width: 0;
        height: 0;
    }
    50% {
        width: 8rem;
        height: 8rem;
    }
    100% {
        width: 6.6rem;
        height: 6.6rem;
    }
}