body.RoyalPreloader {
    /* background: none; */
    /* visibility: hidden; */
	}

#RoyalPreloader {
    width: 100%; /* Ant: auto (Yo) */
	height: 100%; /* Yo */
	background-image:url(../../Fotos/Areco.jpg); /* Yo */
	background-position-x: center; /* Yo */
	background-position-y: top; /* Yo */
	background-size: cover; /* cover */
	position: absolute; /* Ant: fixed (Yo) */
	font-family: Arial;
    font-size: 12px;
    visibility: visible;
    margin: 0;
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 333;
	}

#RoyalPreloader.RoyalPreloaderNumber:before,
#RoyalPreloader.royal_preloader_progress:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* background-image: -webkit-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01)); */ /* Yo */
    /* background-image: -moz-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01)); */ /* Yo */
    /* background-image: -ms-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01)); */ /* Yo */
    /* background-image: -o-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01)); */ /* Yo */
    /* background-image: radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01)); */ /* Yo */
	}

#RoyalPreloader.Complete {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear 0.5s;
       -moz-transition: opacity 0.2s linear 0.5s;
        -ms-transition: opacity 0.2s linear 0.5s;
         -o-transition: opacity 0.2s linear 0.5s;
            transition: opacity 0.2s linear 0.5s;
			}

#RoyalPreloader.RoyalPreloaderLine {
    height: 2px;
    bottom: auto;
	}

/* Progress Mode */ /* Yo */

#RoyalPreloader.royal_preloader_progress .RoyalPreloaderPercentage {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    /* color: #AAAAAA; /* /* Nada (Yo) */
    color: rgba(255, 255, 255, 0.9); /* Color del Porcentaje (Yo) */
    font-family: Impact, Arial;
    font-size: 20px;
	word-spacing: 5px !important; /* Yo */
	/* font-stretch:expanded; */ /* Yo */
	/* font-weight: bold; */ /* Yo */
    text-align: center;
	}

/* ---------- Par (Royal) #Yo ---------- */

#RoyalPreloader.royal_preloader_progress .RoyalPreloaderPercentage {
	-webkit-animation-name:parpadeo; /* Yo */
	-webkit-animation-duration: 5s; /* Yo */
	-webkit-animation-timing-function: linear; /* Yo */
	-webkit-animation-iteration-count: infinite; /* Yo */
	}

	@-moz-keyframes parpadeo{  
		00% {opacity: 0.0;}
			50% {opacity: 0.45;} 
				100% {opacity: 1.0;}
	}

	@-webkit-keyframes parpadeo {  
		00% {opacity: 0.0;}
			50% {opacity: 0.45;} 
				100% {opacity: 1.0;}
	}

	@keyframes parpadeo {  
		00% { opacity: 0.0;}
			50% { opacity: 0.45;} 
				100% { opacity: 1.0;}
	}

#RoyalPreloader.royal_preloader_progress .RoyalPreloaderLoader {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 50%; /* Ant: 60% */
    height: 1px; /* Ant: 2px */
    margin: -15px auto auto auto; /* Ant: -10px auto auto auto */
    background-color: rgba(255, 255, 255, 0.4); /* Azul: #05324B */ /* Color de la barra de progreso (Entera) #Yo */
	opacity:0.9; /* Yo */
	}

#RoyalPreloader.royal_preloader_progress .RoyalPreloaderMeter {
    width: 0;
    height: 100%;
    margin: auto;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.8); /* #Celeste: #0082C6 */ /* Color de la barra de progreso (Parte) #Yo */
	opacity:0.6; /* Yo */
	}

/* Number Mode */

#RoyalPreloader.RoyalPreloaderNumber .RoyalPreloaderPercentage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    line-height: 100px;
    font-size: 20px;
    font-family: Impact, Arial;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    text-align: center;
	}

#RoyalPreloader.RoyalPreloaderNumber .RoyalPreloaderPercentage > div {
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    border: 4px solid transparent;
    border-left-color: #FFFFFF;
    border-radius: 50%;
    -webkit-animation: rotate 0.8s linear infinite;
       -moz-animation: rotate 0.8s linear infinite;
        -ms-animation: rotate 0.8s linear infinite;
         -o-animation: rotate 0.8s linear infinite;
            animation: rotate 0.8s linear infinite;
			}

/* Line Mode */

#RoyalPreloader.RoyalPreloaderLine .RoyalPreloaderLoader {
    position: absolute;
    height: 100%;
    left: 0;
	}

#RoyalPreloader.RoyalPreloaderLine .RoyalPreloaderPeg {
    position: absolute;
    right: 0;
    height: 100%;
    width: 100px;
    opacity: 0.5;
	}

/* Text Mode */

#RoyalPreloader.RoyalPreloaderText .RoyalPreloaderLoader {
    color: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    height: 30px;
    line-height: 30px;
    margin: auto;
    letter-spacing: 3px;
    font-size: 16px;
    white-space: nowrap;
	}

#RoyalPreloader.RoyalPreloaderText .RoyalPreloaderLoader div {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0%;
    background-color: #000000;
    opacity: 0.7;
    filter: alpha(opacity=70);
	}

/* Scale Text Mode */

#RoyalPreloader.RoyalPreloaderScaleText .RoyalPreloaderLoader {
    color: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    height: 30px;
    line-height: 30px;
    margin: auto;
    letter-spacing: 3px;
    font-size: 16px;
    white-space: nowrap;
	}

#RoyalPreloader.RoyalPreloaderScaleText .RoyalPreloaderLoader span {
    display: inline-block;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
			}

#RoyalPreloader.RoyalPreloaderScaleText .RoyalPreloaderLoader span.Loaded {
    -webkit-animation: scale 0.2s forwards;
       -moz-animation: scale 0.2s forwards;
        -ms-animation: scale 0.2s forwards;
         -o-animation: scale 0.2s forwards;
            animation: scale 0.2s forwards;
			}

/* Logo Mode */

#RoyalPreloader.RoyalPreloaderLogo .RoyalPreloaderLoader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0px;
    overflow: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 5px;
	}

#RoyalPreloader.RoyalPreloaderLogo .RoyalPreloaderLoader div {
    position: absolute;
    bottom: 0%;
    left: 0px;
    right: 0px;
    height: 100%;
    opacity: 0.7;
    filter: alpha(opacity=70);
	}

#RoyalPreloader.RoyalPreloaderLogo .RoyalPreloaderPercentage {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 40px;
    line-height: 40px;
    margin: 0px;
    color: #072E77;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
	}

@-webkit-keyframes rotate {
    0% { -webkit-transform: rotate(0);}
    100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes rotate {
    0% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(360deg); }
}
@-ms-keyframes rotate {
    0% { -ms-transform: rotate(0); }
    100% { -ms-transform: rotate(360deg); }
}
@-o-keyframes rotate {
    0% { -o-transform: rotate(0); }
    100% { -o-transform: rotate(360deg); }
}
@keyframes rotate {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes scale {
    0% { -webkit-transform: scale(0); opacity: 0;}
    50% { -webkit-transform: scale(2);  opacity: 0.5;}
    100% { -webkit-transform: scale(1);  opacity: 1;}
}
@-moz-keyframes scale {
    0% { -moz-transform: scale(0); opacity: 0;}
    50% { -moz-transform: scale(2); opacity: 0.5;}
    100% { -moz-transform: scale(1); opacity: 1;}
}
@-ms-keyframes scale {
    0% { -ms-transform: scale(0); opacity: 0;}
    50% { -ms-transform: scale(2); opacity: 0.5;}
    100% { -ms-transform: scale(1); opacity: 1;}
}
@-o-keyframes scale {
    0% { -o-transform: scale(0); opacity: 0;}
    50% { -o-transform: scale(2); opacity: 0;.5}
    100% { -o-transform: scale(1); opacity: 1;}
}
@keyframes scale {
    0% { transform: scale(0); opacity: 0;}
    50% { transform: scale(2); opacity: 0.5;}
    100% { transform: scale(1); opacity: 1;}
}