@media (max-width: 991px) {
  .container {
    background:url("../img/fondoSmall.jpg") no-repeat;
    background-size:cover;
  }
  .panel-heading{
  	margin-bottom: 50px;
  }
  .input-group{
  	margin-bottom: 25px;
  }
  #panel{
	border: 0px none;
	background: transparent;
  }
  .botones-panel{
	padding: 0px 0px 10px 30px;
	margin-left: 27%;
}
}

@media (min-width: 992px) {
  .container {
    background:url("../img/fondo.jpg")center no-repeat;
  }
  .panel-heading{
  	margin-bottom: 10px;
  }
  .input-group{
  	margin-bottom: 25px;
  }
  #panel{
	border: 0px none;
	background: transparent;
  }
  .botones-panel{
	padding: 0px 0px 10px 30px;
	margin-left: 27%;
}
}
  
#titulo{
	color: #A0A0A0; 
	margin-right: 8%;
	font-family: s; 
	font-size: 25px;
	text-align: center;
}

#imgRenfe{
	width: 150px; 
	margin-left: 30%;
}

.panel-heading{
	background: transparent !important;
	border:0px;
}


#loginbox{
	margin-top: 50px;
}

#error{
	width: 80%;
	margin-left: 10%;
	font-weight: bold;
}
#msgAlert{
	width: 80%;
	margin-left: 10%;
}


.loader {
  font-size: 5px;
  margin: 25% auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
}

@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0em -3em 0em 0.2em #fff, 2em -2em 0 0em #fff, 3em 0em 0 -0.5em #fff, 2em 2em 0 -0.5em #fff, 0em 3em 0 -0.5em #fff, -2em 2em 0 -0.5em #fff, -3em 0em 0 -0.5em #fff, -2em -2em 0 0em #fff;
  }
  12.5% {
    box-shadow: 0em -3em 0em 0em #fff, 2em -2em 0 0.2em #fff, 3em 0em 0 0em #fff, 2em 2em 0 -0.5em #fff, 0em 3em 0 -0.5em #fff, -2em 2em 0 -0.5em #fff, -3em 0em 0 -0.5em #fff, -2em -2em 0 -0.5em #fff;
  }
  25% {
    box-shadow: 0em -3em 0em -0.5em #fff, 2em -2em 0 0em #fff, 3em 0em 0 0.2em #fff, 2em 2em 0 0em #fff, 0em 3em 0 -0.5em #fff, -2em 2em 0 -0.5em #fff, -3em 0em 0 -0.5em #fff, -2em -2em 0 -0.5em #fff;
  }
  37.5% {
    box-shadow: 0em -3em 0em -0.5em #fff, 2em -2em 0 -0.5em #fff, 3em 0em 0 0em #fff, 2em 2em 0 0.2em #fff, 0em 3em 0 0em #fff, -2em 2em 0 -0.5em #fff, -3em 0em 0 -0.5em #fff, -2em -2em 0 -0.5em #fff;
  }
  50% {
    box-shadow: 0em -3em 0em -0.5em #fff, 2em -2em 0 -0.5em #fff, 3em 0em 0 -0.5em #fff, 2em 2em 0 0em #fff, 0em 3em 0 0.2em #fff, -2em 2em 0 0em #fff, -3em 0em 0 -0.5em #fff, -2em -2em 0 -0.5em #fff;
  }
  62.5% {
    box-shadow: 0em -3em 0em -0.5em #fff, 2em -2em 0 -0.5em #fff, 3em 0em 0 -0.5em #fff, 2em 2em 0 -0.5em #fff, 0em 3em 0 0em #fff, -2em 2em 0 0.2em #fff, -3em 0em 0 0em #fff, -2em -2em 0 -0.5em #fff;
  }
  75% {
    box-shadow: 0em -3em 0em -0.5em #fff, 2em -2em 0 -0.5em #fff, 3em 0em 0 -0.5em #fff, 2em 2em 0 -0.5em #fff, 0em 3em 0 -0.5em #fff, -2em 2em 0 0em #fff, -3em 0em 0 0.2em #fff, -2em -2em 0 0em #fff;
  }
  87.5% {
    box-shadow: 0em -3em 0em 0em #fff, 2em -2em 0 -0.5em #fff, 3em 0em 0 -0.5em #fff, 2em 2em 0 -0.5em #fff, 0em 3em 0 -0.5em #fff, -2em 2em 0 0em #fff, -3em 0em 0 0em #fff, -2em -2em 0 0.2em #fff;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0em -3em 0em 0.2em #fff, 2em -2em 0 0em #fff, 3em 0em 0 -0.5em #fff, 2em 2em 0 -0.5em #fff, 0em 3em 0 -0.5em #fff, -2em 2em 0 -0.5em #fff, -3em 0em 0 -0.5em #fff, -2em -2em 0 0em #fff;
  }
  12.5% {
    box-shadow: 0em -3em 0em 0em #fff, 2em -2em 0 0.2em #fff, 3em 0em 0 0em #fff, 2em 2em 0 -0.5em #fff, 0em 3em 0 -0.5em #fff, -2em 2em 0 -0.5em #fff, -3em 0em 0 -0.5em #fff, -2em -2em 0 -0.5em #fff;
  }
  25% {
    box-shadow: 0em -3em 0em -0.5em #fff, 2em -2em 0 0em #fff, 3em 0em 0 0.2em #fff, 2em 2em 0 0em #fff, 0em 3em 0 -0.5em #fff, -2em 2em 0 -0.5em #fff, -3em 0em 0 -0.5em #fff, -2em -2em 0 -0.5em #fff;
  }
  37.5% {
    box-shadow: 0em -3em 0em -0.5em #fff, 2em -2em 0 -0.5em #fff, 3em 0em 0 0em #fff, 2em 2em 0 0.2em #fff, 0em 3em 0 0em #fff, -2em 2em 0 -0.5em #fff, -3em 0em 0 -0.5em #fff, -2em -2em 0 -0.5em #fff;
  }
  50% {
    box-shadow: 0em -3em 0em -0.5em #fff, 2em -2em 0 -0.5em #fff, 3em 0em 0 -0.5em #fff, 2em 2em 0 0em #fff, 0em 3em 0 0.2em #fff, -2em 2em 0 0em #fff, -3em 0em 0 -0.5em #fff, -2em -2em 0 -0.5em #fff;
  }
  62.5% {
    box-shadow: 0em -3em 0em -0.5em #fff, 2em -2em 0 -0.5em #fff, 3em 0em 0 -0.5em #fff, 2em 2em 0 -0.5em #fff, 0em 3em 0 0em #fff, -2em 2em 0 0.2em #fff, -3em 0em 0 0em #fff, -2em -2em 0 -0.5em #fff;
  }
  75% {
    box-shadow: 0em -3em 0em -0.5em #fff, 2em -2em 0 -0.5em #fff, 3em 0em 0 -0.5em #fff, 2em 2em 0 -0.5em #fff, 0em 3em 0 -0.5em #fff, -2em 2em 0 0em #fff, -3em 0em 0 0.2em #fff, -2em -2em 0 0em #fff;
  }
  87.5% {
    box-shadow: 0em -3em 0em 0em #fff, 2em -2em 0 -0.5em #fff, 3em 0em 0 -0.5em #fff, 2em 2em 0 -0.5em #fff, 0em 3em 0 -0.5em #fff, -2em 2em 0 0em #fff, -3em 0em 0 0em #fff, -2em -2em 0 0.2em #fff;
  }
}