@font-face {
  font-family: "BebasNeuePro";
  src: url("../fuentes/BebasNeuePro-Regular.ttf");
  src: url("../fuentes/BebasNeuePro-SemiExpRegular.ttf");
  
}

@font-face {
  font-family: "HelvetivaNeue";
  src: url("../fuentes/BebasNeuePro-SemiExpRegular.ttf");
  
}


body {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #ffffff;
  color: #394049;
}

.form-signin-heading{
  color: #00a499 !important;
  font-family: 'BebasNeuePro' , 'HelveticaNeue';
}
/* .navbar-inverse{
  background-color: #ef7600 !important;
  background-image :linear-gradient( to bottom, #ef7600, #ef7600) !important;
} */

.submenu a{
  color: #ef7600 !important;
  font-family: 'BebasNeuePro' , 'HelveticaNeue';
  font-size: 1.5em;
  
  /* background-image :linear-gradient( to bottom, #ef7600, #ef7600) !important; */
}
.submenu a:hover{
  color: #ffffff !important;
  background-image :linear-gradient( to bottom, #ef7600, #ef7600) !important;
  font-family: 'BebasNeuePro' , 'HelveticaNeue';
  font-size: 1.5rem;
}

.hero-unit{
  background-image :linear-gradient( to bottom, #ef7600, #ef7600) !important;
  font-family: 'BebasNeuePro' , 'HelveticaNeue';
  color: #ffffff !important;
}

footer{

  color: #ffffff !important;
  background-image :linear-gradient( to bottom, #ef7600, #ef7600) !important;
  font-family: 'BebasNeuePro' , 'HelveticaNeue';
  font-size: 3vb;
}

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

.select_multiple {
  width: 300px;
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -110px;
}

/* Set the fixed height of the footer here */
#push,
#footer {
  height: 110px;
}

#footer {
  background-color: #00a499;
  color: #EBECED;
  font-size: 1rem;
  padding: 20px 0;
}
#footer img { filter: drop-shadow(1px 1px 0px #0000008c);}

h1{color: #00a499; border-bottom: 1px solid; text-shadow: rgba(0,0,0,0.3) 1px 1px 1px;}
label{font-size: 1.2rem;   padding: 5px 0;font-weight: bold;}

.btn-primary, .btn-secondary {font-size: 1.5rem; margin: 0 5px; padding: 10px; color: #394049; font-family: 'BebasNeuePro' , 'HelveticaNeue';}

.btn-primary:hover{background: #B4DDDD;}
.btn-secondary:hover{background: #FBE4CD;}

.btn-primary {background: #fff; color: #394049 !important; border: #00a499 1px solid;}
.btn-secondary{background: #fff; border: #EA7600 1px solid;}

.form-signin{ text-align: center;}
.form-signin input{margin-bottom: 20px !important; font-size: 1.5rem !important; height: auto !important;}

#recaptcha div{ width: 100% !important;}

div#recaptcha {margin: 20px 0;}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-signin {
    max-width: 300px;
    padding: 19px 29px 29px;
    margin: 0 auto 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
  }

  .form-signin .form-signin-heading,
  .form-signin .checkbox {
    margin-bottom: 10px;
  }

  .form-signin input[type="text"],
  .form-signin input[type="password"] {
    font-size: 16px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
  }

}