/* 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: #FFF;
  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: #4040FF;
}

.btn-instagram {
    border-radius: 5px;
    color: #fff;
    background-color: #FB0095;
    opacity: 0.90;
    filter: alpha(opacity=40);
}

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


/* Botón Facebook */
#b_facebook {
  z-index: 3;
  position: fixed;
  top: 0;
  right: 0;
  margin: 10px 10px 0 0;
  border-radius: 20px;
}

#b_youtube {
  z-index: 3;
  position: fixed;
  top: 0;
  right: 0;
  margin: 100px 10px 0 0;
  border-radius: 20px;
}

#b_instagram {
  z-index: 3;
  position: fixed;
  top: 0;
  right: 0;
  margin: 190px 10px 0 0;
  border-radius: 20px;
}

#b_refresh {
  z-index: 3;
  position: fixed;
  top: 0;
  right: 0;
  margin: 280px 10px 0 0;
  border-radius: 20px;
}

/* Whatsapp */
#b_whatsapp {
    z-index: 1000;
    position: fixed;
    bottom: 0;
    right: 0;
    opacity: 0.90;
    filter: alpha(opacity=90);
    overflow: hidden;
    margin: 0 10px 20px 0;
    border-radius: 30px;
}