/* Guillermo Boffelli */
/* Marzo 2020 */
/* Global Styles */

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

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

/* Header */

.header {
  color: #FFF;
  background: url(../../img/fondo.jpg) no-repeat center center scroll;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

/* Footer */

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

.footer {
  display: table;
  position: relative;
  width: 100%;
  /* height: 40%; */
  background-color: #366194;
}

/* fondo */

.fondo_filtros {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #000;
    border: 1.5px solid #FFF;
    opacity: 0.70;
    filter: alpha(opacity=70);
}

/* Botones */

.btn-dark {
    border-radius: 5px;
    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);
}

.btn-violeta {
    border-radius: 5px;
    color: #fff;
    background-color: #B03060;
    opacity: 0.70;
    filter: alpha(opacity=70);
}

.btn-violeta:hover,
.btn-violeta:focus,
.btn-violeta:active {
    color: #fff;
    opacity: 0.90;
    filter: alpha(opacity=90);
}

.btn-purple {
    border-radius: 5px;
    color: #fff;
    background-color: #A020F0;
    opacity: 0.70;
    filter: alpha(opacity=70);
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active {
    color: #fff;
    opacity: 0.90;
    filter: alpha(opacity=90);
}

.btn-chocolate {
    border-radius: 5px;
    color: #fff;
    background-color: #D2691E;
    opacity: 0.70;
    filter: alpha(opacity=70);
}

.btn-chocolate:hover,
.btn-chocolate:focus,
.btn-chocolate:active {
    color: #fff;
    opacity: 0.90;
    filter: alpha(opacity=90);
}

.btn-lila {
    border-radius: 5px;
    color: #fff;
    background-color: #8080FF;
    opacity: 0.70;
    filter: alpha(opacity=70);
}

.btn-lila:hover,
.btn-lila:focus,
.btn-lila:active {
    color: #fff;
    opacity: 0.90;
    filter: alpha(opacity=90);
}

.btn-verde {
    border-radius: 5px;
    color: #fff;
    background-color: #008080;
    opacity: 0.70;
    filter: alpha(opacity=70);
}

.btn-verde:hover,
.btn-verde:focus,
.btn-verde:active {
    color: #fff;
    opacity: 0.90;
    filter: alpha(opacity=90);
}


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

hr {
    border-top: 2px dashed #CCC;
}