body{
	text-align: center;
	height: 100vh;
	background: url("../img/fondo.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.titulo{
	margin-top: 50px;
}


/* #logoLogin{ Logotipo de la organizacion
	height: 200px;
	background: url("../img/login.png");
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: auto;
	margin-right: auto;
} */

.divLogin .bloque1{
	margin-top: 50px;
	background-color: rgba(204, 7, 30, 0.9);
	color: white;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
}

.divLogin .bloque2{
	background-color: rgba(204, 7, 30, 0.9);
	padding-bottom: 40px;
	padding-top: 10px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}

.divLogin .bloque2 a{
	color: white;
}

.mensaje{
	height: 300px;
	background-color: white;
	border: 1px solid #CCC;
	color: black;
	border-radius: 6px;
	width: 100%;
	text-align: center;
}

.mensaje h2{
	margin-top: -15px;
}

.carga{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
}

/*.loader{
  border: 12px solid #f3f3f3;
  border-radius: 50%;
  border-top: 12px solid #8B227E;
  width: 120px;
  height: 120px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -60px;
  margin-left: -60px;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
*/

/*.cont-loader{
	width: 100%;
	height: 100%;
	background: url("../img/iconload.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50px 50px;
}*/

/*@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}*/

#btnLogin{
	cursor: pointer;
}