@CHARSET "UTF-8";
	.nubes {
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  width: 100%;
	  background: transparent url(../imagenes/general/nubes.png) repeat 50% 50%;
	  -webkit-background-size: cover;
	  background-size: cover;
	  -webkit-animation: clouds 100s linear 0s infinite both;
	  -moz-animation: clouds 100s linear 0s infinite both;
	  -o-animation: clouds 100s linear 0s infinite both;
	  animation: clouds 100s linear 0s infinite both;
	}
	
	.errorMsg{
			text-align:center;
			font-size:12px;
			font-weight: 700;
	}
	
	.olvideContra{
		position: relative; 
		top: 47px; 
		line-height: 22px; 
		margin-bottom: 40px
	}
	
	span{
		font-weight: 700;
		font-size: 12px;
	}
	
	strong{
		font-size: 23px;
	}
	
	.contenedorFondo{
/* 		background:  url("../imagenes/general/login.png") no-repeat scroll 40% 105% / 50% 85%; */
		background:  url("../imagenes/general/login.png") no-repeat scroll 41% 109% / 46% 76%;
	}
	
	.formulario-Fondo{
		margin-top: 15%;
		font-family: sans-serif;
		font-size: 22px;
		visibility: visible;
	}
	
	@media (max-width: 1200px) { 
		.contenedorFondo{
/* 			background:  url("../imagenes/general/login.png") no-repeat scroll 47% 105% / 60% 85%; */
			background:  rgba(0, 0, 0, 0) url("../imagenes/general/login.png") no-repeat scroll 48% 100% / 50% 80%;

		}
		
		.olvideContra{
			position: relative; 
			top: 20px; 
			line-height: 20px; 
			margin-bottom: 20px
		}
		
		.formulario-Fondo{
			margin-top: 17%;
		}
	}
	
	@media (max-width: 992px) { 
		.contenedorFondo{
/* 			background:  rgba(0, 0, 0, 0) url("../imagenes/general/login.png") no-repeat scroll 47% 110% / 79% 85%; */
			background:  rgba(0, 0, 0, 0) url("../imagenes/general/login.png") no-repeat scroll 44% 105% / 65% 88%;
		}
		
		.olvideContra{
			position: relative; 
			top: 8px; 
			line-height: 20px; 
			margin-bottom: 3px
		}
		
		.formulario-Fondo{
			margin-top: 18%;
		}
	}
	
	@media (max-width: 768px) { 
		.contenedorFondo{
/* 			background:  rgba(0, 0, 0, 0) url("../imagenes/general/login.png") no-repeat scroll 25% 100% / 85% 90%; */
			background:  rgba(0, 0, 0, 0) url("../imagenes/general/login.png") no-repeat scroll 45% 100% / 70% 90%;
		}
		.formxs{
			margin-top: 22%;
			padding: 50px 15% 2% 11%
		}
		
		.formularioPosicion{
			width: 80%; 
			position: relative; 
			left: 11%
		}
	}
	
	@media (max-width: 615px) { 
		.contenedorFondo{
			background:  rgba(0, 0, 0, 0) url("../imagenes/general/login.png") no-repeat scroll  25% 100% / 85% 90%;
		}
		
		.formularioPosicion{
			width: 100%; 
			position: relative; 
			left: 0%
		}
		
		.olvideContra{
			position: relative; 
			top: 0px; 
			line-height: 20px; 
			margin-bottom: 3px
		}
		
		.formxs{
			padding: 19% 15% 2% 11%;
		}
		
		span{
			font-weight: 700;
			font-size: 14px;
		}
		
		strong{
			font-size: 25px;
		}
	}
	
	@media (max-width: 560px) { 
		.contenedorFondo{
			background:  rgba(0, 0, 0, 0) url("../imagenes/general/login.png") no-repeat scroll 0 102% / 98% 86%;
		}
		
		.formularioPosicion{
			width: 129%; 
			position: relative; 
			left: -18%;
		}
		
		.olvideContra{
			position: relative; 
			top: 0px; 
			line-height: 20px; 
			margin-bottom: 3px
		}
		
		.formxs{
			padding: 130px 15% 2% 20%;
		}
		
	}
	
	@media (max-width: 500px) { 
		span{ 
			font-size: 12px;
		}
		strong{
			font-size: 20px;
		}
	}

	@media (max-width: 390px) { 
		.contenedorFondo{
			background:  rgba(0, 0, 0, 0) url("../imagenes/general/login.png") no-repeat scroll 0 102% / 98% 86%;
		}
		
		span{ 
			font-size: 10px;
		}
		strong{
			font-size: 15px;
		}
	}
	
	@media (max-width: 330px) { 
		.contenedorFondo{
			background:  rgba(0, 0, 0, 0) url("../imagenes/general/login.png") no-repeat scroll 0% 90% / 172% 82%;
		}
		
		.olvideContra{
			top: 10px; 
		}
		
		span{ 
			font-size: 12px;
		}
		
		.formxs{
			padding: 177px 15% 2% 20%;
		}
		.errorMsg{
			font-size:7px;
		}
	}
	
	@media (max-width: 280px) { 
		.contenedorFondo{
			background:  rgba(0, 0, 0, 0) url("../imagenes/general/login.png") no-repeat scroll 0% 103% / 172% 82%;
		}
		.formxs{
			padding: 80% 15% 2% 25%
		}
		
		.olvideContra{
			font-size: 9px;
			top: -5px;
		}
		.formularioPosicion{
			width: 115%; 
			position: relative; 
			left: -10%;
		}
	}