Hotel Royal Pedregal
Hotel Familiar y de Negocios al Sur de la Ciudad de México
Banquetes
Nos encargamos de hacer de sus momentos más importantes, ocasiones para recordar por mucho tiempo. Para bodas civiles y religiosas, aniversarios…
Ver más 
Sitios de Interés
La estupenda ubicación de Hotel Royal Pedregal en Periférico Sur nos sitúa a muy corta distancia de sitios de interés cultural y atracciones de la Ciudad de México que simplemente no debe de perderse.
Ver más 
Galería Visual
Explore hoy las instalaciones y servicios que Royal Pedregal en Ciudad de México le ofrece visitando la galería de fotos.
Ver más /* The Modal (background) */
.upScreen {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 100; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
} .upScreen-content img {
max-width: 100%;
margin: 0;
height: 100%;
width: 100%;
} /* The Close Button */
.close {
color: #000;
float: right;
font-size: 28px;
font-weight: bold;
} .close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
/* Modal Header */
.upScreen-header {
padding: 2px 16px;
background-color: transparent;
color: white;
} /* Modal Body */
.upScreen-body {padding: 2px 16px;} /* Modal Footer */
.upScreen-footer {
padding: 2px 16px;
background-color: transparent;
color: white;
} /* Modal Content */
.upScreen-content {
position: relative;
background-color: #fefefe;
margin: auto;
margin-top: 20%;
padding: 0;
border: 1px solid #888;
width: 80%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s
}
/* Add Animation */
@-webkit-keyframes animatetop {
from {top: -300px; opacity: 0}
to {top: 0; opacity: 1}
} @keyframes animatetop {
from {top: -300px; opacity: 0}
to {top: 0; opacity: 1}
}
/* Medias */
@media screen and (min-width: 550px) {
.upScreen-content {
width: 30%;
margin-top: 5%;
}
} .module {
position: relative; }
.module:nth-child(even) {
margin-right: 0;
} .come-in {
transform: translateY(250px);
animation: come-in 0.8s ease forwards;
} .come-in:nth-child(odd) {
animation-duration: 0.6s;
} .already-visible {
transform: translateY(0);
animation: none;
} @keyframes come-in {
to {
transform: translateY(0);
}
}
×
var popUp = document.getElementById('ScreenModal'), span = document.getElementById('iClose'), wx = window.outerWidth, hx = window.outerHeight;
var wwx = window.matchMedia("(max-width: 767px)");
span.onclick = function() { popUp.style.display = "none"; }; window.onclick = function(event) {
if (event.target == popUp) { popUp.style.display = "none"; }
};
if(wwx.matches) {
popUp.style.display = "block";
checkCookie();
} else { popUp.style.display = "none"; } function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
// exday * 24 * 60 * 60 * 1000
var expires = "expires="+d.toUTCString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}; function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}; function checkCookie() {
var user = getCookie("username");
if (user != "") {
popUp.style.display = "none";
console.log(user);
} else {
user = "strModal";
if (user != "" && user != null) {
setCookie("username", user, 1);
}
}
}; /*
window.onresize = function (event) {
var w = window.outerWidth, h = window.outerHeight;
(w < 768) ? popUp.style.display = "block" : popUp.style.display = "none";
};
*/ (function($) { /**
* Copyright 2012, Digital Fusion
* Licensed under the MIT license.
* https://teamdf.com/jquery-plugins/license/
*
* @author Sam Sehnert
* @desc A small plugin that checks whether elements are within
* the user visible viewport of a web browser.
* only accounts for vertical position, not horizontal.
*/ $.fn.visible = function(partial) {
var $t = $(this),
$w = $(window),
viewTop = $w.scrollTop(),
viewBottom = viewTop + $w.height(),
_top = $t.offset().top,
_bottom = _top + $t.height(),
compareTop = partial === true ? _bottom : _top,
compareBottom = partial === true ? _top : _bottom;
return ((compareBottom = viewTop)); };
})(jQuery); var win = $(window); var allMods = $(".module"); allMods.each(function(i, el) {
var el = $(el);
if (el.visible(true)) {
el.addClass("already-visible");
}
}); win.scroll(function(event) {
allMods.each(function(i, el) {
var el = $(el);
if (el.visible(true)) {
el.addClass("come-in");
}
});
});
/*
Oculta del primer slide la clase .textoSlideshow
*/
(function () {
document.addEventListener('DOMContentLoaded' , function() {
const slideshow = $('#carouselHome')
const items = $('#carouselHome .item')
const button = $('.carousel-control.left')
const classChange = $('.textoSlideshow')
if(items[0].classList.contains('active'))
document.querySelector(".textoSlideshow").style.display = "none";
slideshow.on('slide.bs.carousel', function (e){
if(items[8].classList.contains('active') && e.direction === 'left' || items[1].classList.contains('active') && e.direction === 'right' )
classChange.css({
display: 'none'
})
else
classChange.css({
display: 'block'
})
})
})
})()
