#IDBody
{
	background-image: url(../Imagenes/Login/Fondo.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#IDTableLogin
{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	z-index: 1;
}
		#LoginLogo
		{
			width: 50%;
			height: 400px;
			border: 0px;
			float: left;
			background-image: url(../Imagenes/Login/SCAEMaestros.png);
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 450px;
			z-index: 3;
		}
		#Login
		{
			width: 50%;
			height: 400px;
			border: 0px;
			float: left;
			display: flex;
			text-align: center;
		    justify-content: center;
		    align-content: center;
		    flex-direction: column;
		    z-index: 3;
		}
			#IDContenedorLogin
			{
				border-radius: 7px;
				width: 390px;
				padding: 20px;
				border: 2px solid #C29B3C;
				background-color: #FFFFFF;

				-webkit-box-shadow: 3px 3px 3px 0px rgba(143,128,143,0.7);
				-moz-box-shadow: 3px 3px 3px 0px rgba(143,128,143,0.7);
				box-shadow: 3px 3px 3px 0px rgba(143,128,143,0.7);
				margin: auto;
				z-index: 4;
			}
			#IDBotonUsuarioLogin, #IDBotonPasswordLogin, #IDBotonRepitePasswordLogin
			{
				width: 100%;
				height: 50px;
				font-size: 20px;
				font-family: "QuicksandBook";
				border: 1px solid #CCC;
				border-radius: 5px;
			}
			#IDBotonUsuarioLogin{ margin-bottom: 10px; }
			#IDBotonPasswordLogin, #IDBotonRepitePasswordLogin{ margin-bottom: 20px; }
			#IDBotonLogin
			{
				width: 100%;
				height: 55px;
				font-family: "QuicksandBold";
				font-size: 22px;
				background-color: #FFF;
				border: 2px solid #C29B3C;
				color: #C29B3C;
				border-radius: 5px;
				cursor: pointer;
				transition-duration: 1s;
			}
				#IDBotonLogin:hover
				{
					color: #FFFFFF;
					background-color: #C29B3C;
					transition-duration: 1s;
				}
			#IDContenedorLogin a
			{
				font-family: "QuicksandBold";
				color: #C29B3C;
				text-decoration: none;
				cursor: pointer;
				font-size: 11px;
			}
@media screen and (max-width:1000px)
{
	#LoginLogo
	{
		width: 100%;
		height: 200px;
		border: 0px;
		float: block;
		background-size: 320px;
		margin-bottom: 30px;
	}
	#Login
	{
		width: 100%;
		border: 0px;
		float: block;
		display: block;
	}
}
@media screen and (max-width:600px)
{
	#IDContenedorLogin
	{
		width: 80%;
		padding: 20px;
	}
}