.flotante {
    display:scroll;
    position:fixed;
    bottom:100px;
    left:10px;
}

/*!Imagen de fondo para el inicio de sesión*/

.banner-area {
  background: url("../imagen/body.jpg");
  background-size: 100%;
}

/*!Imagen de fondo para la recuperación de contraseña*/

.recovery-pass {
  background: url("../imagen/recovery.jpg");
  background-size: 100%;
}

/*!Imagenes de fondo */

.tablet {
  background: url("../imagen/tablet.jpg");
  background-size: 100%;
}

.tablet_black {
  background: url("../imagen/tablet_black.jpg");
  background-size: 100%;
}

.tablet_wood {
  background: url("../imagen/tablet_wood.jpg");
  background-size: 100%;
}

.tablet_white {
  background: url("../imagen/tablet_white.jpg");
  background-size: 100%;
}

.tablet_infante {
  background: url("../imagen/tablet_infante.jpg");
  background-size: 100%;
}

.home {
  background: url("../imagen/home.jpg");
  background-size: 100%;
}

.marcaagua {
  background: url("../imagen/marcaagua.jpg");
  background-size: 100%;
}

.navbar-default{
    color: green;
}

.btn-group-xs > .btn, .btn-xs {
    padding: .25rem .4rem;
    font-size: .875rem;
    line-height: .5;
    border-radius: .2rem;
}

.box {
  width: 400px;
  height: 400px;
  overflow: hidden;
  background: orange;
  margin: 0 auto;
  transition: all 0.4s ease-in-out;
}
.hide {
  height: 0;
}