/* Global Styles */

html,
body {
  width: 100%;
  height: 100%;
  background-color: #243762;
}

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

.text-header {
  display: table-cell;
  text-align: center;
  vertical-align: bottom;
  padding-bottom: 10px;
}

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

/* Header */

.header {
  display: table;
  position: relative;
  width: 100%;
  height: 60%;
  color: #4374FF;
  background-color: #CCC;
  padding-bottom: 5px;
  background: url(../img/fondo.jpg) no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

/* Footer */

.footer {
  display: table;
  position: relative;
  width: 100%;
  height: 40%;
  background-color: #4374FF;
}

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

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

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

.refresh-buttom {
  margin: 58px 4px 0 0;
}

/* Botones */
.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);
}