body{
	font-family: 'Didact Gothic', sans-serif;
	font-size: 15px;
	/*background-color: #E6E6E6;*/
	background: url('../img/Blue-buildings.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

   
}

/*-------------------------AVISO DE ERROR-------------------------------------*/
.error{
	display: none;
	background-color: red;
	color: white;
	text-align: center;
	height: 80px;
	padding-top: 55px;

}
/*----------------------------------------------------------------------------*/
.navbar-brand{

	font-size: 30px;
	color: #fff;
	padding: 0 0; 

}

.btn{
	width: 348px
}

#formlg{
	width: 400px;
	margin-top: 60px;
	color: #5d5d5d;
	background: #f2f2f2;
	padding: 26px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: auto;
  position: absolute;
  top: 40%; left: 0; right: 0;

 -webkit-box-shadow: 0px 20px 35px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 20px 35px -5px rgba(0,0,0,0.75);
box-shadow: 0px 20px 35px -5px rgba(0,0,0,0.75);

}

form[id=formlg] > div {
		text-align: center;
	}

/*-------------------------ICONO DE CARGA-------------------------------------*/
/*----------------------------------------------------------------------------*/
.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}
 
@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
 
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
 
.glyphicon-left {
    margin-right: 7px;
}


@media (min-width: 375px){
    
}