@import url('https://fonts.googleapis.com/css?family=Roboto');

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: left;
  }
}
body {
  background-color: #fafafa;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
}
.navbar {
	font-size: 14px;
}
legend {
  color: #3c763d;
}
.form-group {
  margin-bottom: 7px;
}
.titulo-aplicacion {
	padding-top: 10px;
	margin-bottom: 20px;
}
#preloader {
  position: fixed;
  top:0; left:0;
  right:0; bottom:0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
}
#loader {
  width: 100px;
  height: 100px;
  position: absolute;
  left:50%; top:50%;
  background: url(../img/load.gif) no-repeat center 0;
  margin:-50px 0 0 -50px;
}
.error {
  font-style: italic;
  font-weight: normal;
  color: #e33d3d;
}
.panel {
  margin-top: 10px; 
  margin-bottom: 10px; 
}
.bg-inicio {
  height: 100vh;
  max-height: 1050px;
  padding: 0;
  position: relative;
  background-position: center center;
  background-size: cover;
  /*background-color: rgba(0, 0, 0, 0.1);*/
}
.bg-imagen {
  position: absolute;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#contiene-usr-pass {
  display:block;
  max-width: 350px;
  max-height: 370px;
  min-width: 1%;
  background: rgba(244,238,234,0.8);
  padding: 20px 30px 20px 30px;
  margin: 100px auto;
}
.footer-inicio {
  position: absolute;
  bottom: 0;
}