/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.capaCargando {
	display:    none;
	position:   fixed;
	z-index:    9999999999999999;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: rgba( 255, 255, 255, 1 ) 
				url('https://www.cruzroja.es/webLifeRay/estructuras/img/common/loading.gif')
				50% 50% 
				no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
#capa_loading.loading {
	overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
#capa_loading.loading .capaCargando {
	display: block;
}