.alertaPantallaAbandonoFront {
	position: fixed;
	top: 40%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2011;	
	text-align: center;		
	background: white;
	padding: 3.5rem 3rem 1rem 3rem;
	border-radius: 5px;
}

@media only screen and (max-width: 768px) { 
	  	
  	.alertaPantallaAbandonoFront {
  		width: 90%;
  		top: 50%;
  	}
  	
  	.interior.alta-online #principal .filaBoton .backButtons a.button-one-and-only {
  		float: inherit;
  	}
  	
}

.alertaPantallaAbandonoFront .filaBoton {
	margin-top: 2em;
	text-align: left;
}

.alertaPantallaAbandonoFront .filaBoton .backButtons a {
	cursor: pointer;
	display: block;
}

.alertaPantallaAbandonoFront .filaBoton.center {
	text-align: center;
}
		
.alertaPantallaAbandonoBack {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: black;
	opacity: 0.6;
	
	-webkit-animation-name: peculiarFadeIn3;
  	-webkit-animation-duration: 1s;
  	animation-name: peculiarFadeIn3;
  	animation-duration: 1s;
  	
  	z-index: 2010;
}
				
@-webkit-keyframes peculiarFadeIn3 { 
		0% 		{ opacity: 0; }
		100% 	{ opacity: 0.6; }
}

@keyframes peculiarFadeIn3 {
		0% 		{ opacity: 0; }
		100% 	{ opacity: 0.6; }
}


.alertaPantallaAbandonoFront .filaBoton .button {
    width: 100%;
    margin-bottom: 30px;
}

.alertaPantallaAbandonoFront .buttonCloseUpLeft {
	font-size: 17px;
	cursor: pointer;
	float: right;
	color: #DDD;
	margin-top: -2rem;
	margin-right: -1.5rem;
	display: block;
}

.interior.alta-online #principal .alertaPantallaAbandonoFront .buttonCloseUpLeft i {	
	color: #999;
	display: block;
	-webkit-transition: -webkit-transform .7s ease-in-out;
   	transition: transform .7s ease-in-out;
}

.interior.alta-online #principal .alertaPantallaAbandonoFront .buttonCloseUpLeft i:hover {	
	color: #555;
	-webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.alertaPantallaAbandonoFront .textoDown {
	    font-size: 17px;
		line-height: 26px;
		color: #1f1f1f;
		padding-top: 1em;
		padding-bottom: 1.5em;
}

.alertaPantallaAbandonoFront .textoUp {
	padding-top: 1em;
	font-size: 13px;
	line-height: 22px;
}


#procesandoRegOnline {
	position: fixed;
	top: 40%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2011;	
	text-align: center;		
	background: white;
	padding: 3.5rem 3rem 1rem 3rem;
	border-radius: 5px;
}

#procesandoRegOnline p.first {
	padding-top: 1em;
}

#procesandoRegOnline p.resaltado {
	width: 15rem;
	font-size: 1rem;
	margin-top: 1.5rem;
	margin-bottom: 1rem;
	line-height: 2rem;
}

#procesandoRegOnline span.secondLine {		
	opacity: 1;
	-webkit-animation-name: peculiarFadeIn2;
  	animation-name: peculiarFadeIn2;	  	
  	-webkit-animation-duration: 2s;
  	animation-duration: 2s;
  	animation-iteration-count: infinite;
}

#procesandoRegOnlineBack {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: black;
	opacity: 0.6;
	
	-webkit-animation-name: peculiarFadeIn;
  	-webkit-animation-duration: 1s;
  	animation-name: peculiarFadeIn;
  	animation-duration: 1s;
  	
  	z-index: 2010;
}

@-webkit-keyframes peculiarFadeIn2 { 
		0% 		{ opacity: 1; }
		50% 	{ opacity: 0.6; }
			100% 	{ opacity: 1; }
}

@keyframes peculiarFadeIn2 {
			0% 		{ opacity: 1; }
			50% 	{ opacity: 0.6; }
			100% 	{ opacity: 1; }
}

@-webkit-keyframes peculiarFadeIn { 
		0% 		{ opacity: 0; }
			100% 	{ opacity: 0.6; }
}

@keyframes peculiarFadeIn {
			0% 		{ opacity: 0; }
			100% 	{ opacity: 0.6; }
}