/* Global Styles Inscripciones */

html,
body {
    width: 100%;
    height: 100%;
    background-color:#5BAEF2;
    scroll-behavior: smooth;
}

body {
    font-family: arial, verdana, helvetica, sans-serif;
}

.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
}

.text-vertical-center h1 {
    margin: 0;
    padding: 0;
    font-size: 4.5em;
    font-weight: 700;
}

/* Custom Button Styles */

.btn-dark {
    border-radius: 0;
    color: #fff;
    background-color: #000;
    opacity: 0.40;
    filter: alpha(opacity=40);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    opacity: 0.70;
    filter: alpha(opacity=70);
}

/* Header */

.header {
    display: table;
    position: relative;
    width: 100%;
    height: 15%;
    color: #FFF;
    background-color: #366494;
    padding-bottom: 5px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* Footer */

.footer {
    padding: 15px 0;
}

/* Menú Top */
#menu-top {
  z-index: 3;
  position: fixed;
  top: 0;
  right: 0;
}

.home-buttom {
  margin: 5px 5px 0 0;
}

#menu-up {
  z-index: 3;
  position: fixed;
  bottom: 0;
  right: 0;
}

.up-buttom {
  margin: 0 5px 5px 0;
}

#menu-down {
  z-index: 3;
  position: fixed;
  top: 0;
  right: 0;
}

.down-buttom {
  margin: 60px 5px 0 0;
}