Wait a moment
Searching for the best available rate

Important Notice   Safety and hygiene protocol

Reservations Online

IF YOU FIND A LOWER RATE ON THE INTERNET

WE IMPROVE IT

Hotel Royal Pedregal

Family & Business Friendly Hotel in Mexico City

 

Banquets

We take care of everything to make your most important moments occasions to remember. For civil and religious weddings, anniversaries and special…

Read more

Places of Interest

The amazing location of Hotel Royal Pedregal on Mexico City’s Periferico Sur puts us close to some top cultural places and attractions.

Read more

Visual Gallery

Explore the Royal Pedregal Hotel facilities and services today. Visit this photo gallery and visualize our Mexico City hotel.

Read more

Packages

/* 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' }) }) }) })()