/* -------As Per Template Order---------- general,custom-reservation,customscrollbar,our-neighborhood-map,color,contentcommon,bxslider,button-css,supersized,sprite,media-query-deskstop,weather,emap */ /* -------Database List---------- File: general, SiteID: 515 File: custom-reservation, SiteID: 515 File: customscrollbar, SiteID: 515 File: our-neighborhood-map, SiteID: 515 File: contentcommon, SiteID: 515 File: bxslider, SiteID: 515 File: button-css, SiteID: 515 File: supersized, SiteID: 515 File: media-query-deskstop, SiteID: 515 File: weather, SiteID: 515 File: emap, SiteID: 515 */ /* -------cacheFileName---------- key0B66A0E4D76E61306147DBD2356C3EC41ED1A5224B6E1DD87A6B78860EDDF32D#2025-07-26T05--09--46 */ * { margin: 0; padding: 0; outline: 0 none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, address, mainimage, container { display: block; } img {border: none;} body { font-family: 'latoregular'; font-size: 14px; color: #333333; background-color: #fff; line-height: 23px; } #main { background:#FFFFFF; background-color: rgba(255, 255, 255, 0.8); border:1px solid #FFFFFF; height: 37px; position: fixed; width:99.81%; z-index: 11; } #main.solidbg{ background-color: #e2e2e2;} header { width:100%; margin: 0 auto; position: relative; height:37px; z-index: 10; } .header-holder { bottom: 0; display: block; height: 62px; position: absolute; width: 100%; } #topleft-aside { background-color: #FFFFFF; background-color: rgba(255, 255, 255, 0.8); display: block; height: 100%; box-shadow: -2px -2px 8px #A29F9F; left: 0; position: fixed; top: 0; width: 216px; z-index: 20; } #logo { height: 120px; padding-left: 15px; padding-top: 11px; position: relative; top: 0; width: 189px; z-index: 6; } #number-holder { background-color: #847045; color: #a3a3a3; height: 37px; position: absolute; right: -1px; top: 0; width: 537px; } .subnav-dropdown #number-holder { position: relative; right: 0; top: 0; } .subnav-dropdown.language { width: 113px; } .number { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/sprite.png") no-repeat scroll 0 -169px ; color: #D6EBFA; float: left; font-family: "futura-pt-condensed",sans-serif; font-size: 20px; font-style: normal; font-weight: normal; height: 40px; letter-spacing: 0.01em; line-height: 41px; margin-left: 0; padding-left: 17px; text-transform: uppercase; } /*---Subnav Start-- */ #subnav { position: absolute; right: 532px; z-index: 7; } #subnav ul li { background-repeat: no-repeat; border-left: 1px solid #FFFFFF; float: left; line-height: 37px; list-style: none outside none; position:relative; } #subnav ul li a { display: block; font-family: "futura-pt-condensed",sans-serif; font-size: 18px; font-weight: normal; letter-spacing: 0.02em; padding-left: 15px; padding-right: 15px; text-align: center; text-transform: uppercase; } .subnav-dropdown { background-color: #fff; left: -1px; position: absolute; top: 37px; width: 283px; display:none; } .nav.mobileborder { background-color: #fff; } #subnav ul li .subnav-dropdown ul li a { font-family: "futura-pt",sans-serif; font-size: 15px; font-weight: normal; padding-left: 20px; text-transform: uppercase; text-align: left; } .subnav-dropdown ul li { border: medium none !important; width: 100%; } .sub-home { } .sub-emap { } .sub-events {} .sub-email { } .sub-reviews { } .sub-photo { } #subnav a.nav:link, #subnav a.nav:visited { color: #856b37; text-decoration: none; } #subnav a.nav:hover { color: #000; /*display: inline;*/ text-decoration: none; } #subnav a.navON:link, #subnav a.navON:visited, #subnav a.navON:hover { color: #000; /*display: inline;*/ text-decoration: none; } #subnav span { display: inline-block; font-family: arial; font-size: 24px; font-weight: normal; line-height: 35px; padding-right: 8px; width: 13px; } #subnav .last-child, #subnav .last-child a { border-right: 0px; padding-right: 0px; } #subnav ul li.russian a { font-size: 15px !important; font-stretch: semi-condensed; font-family: helvetica; font-weight: normal; letter-spacing: 1px; transform: scale(1, 1.11); -webkit-transform:scale(1,1.11); /* Safari and Chrome */ -moz-transform:scale(1,1.11); /* Firefox */ -ms-transform:scale(1,1.11); /* IE 9+ */ -o-transform:scale(1,1.11); /* Opera */ } /*---Subnav End-- */ .mid-leftbanner { position: absolute; z-index: 1; top: 60px; left: 50%; margin-left: -479px; } /*---Topnav Start--- */ #nav { display: block !important; height: auto; padding-bottom: 22px; padding-top: 10px; position: relative; width: 216px; } .navHide { background-color: #9A8353; border: 1px solid #AD9F80; left: 0px; position: relative !important; top: 0px; } #nav-menu { background-color: #9A8353; background-image: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/menu-icon.png"); background-position: 20px center; background-repeat: no-repeat; border-bottom: 1px solid #AD9F80; color: #FFFFFF; cursor: pointer; font-size: 17px; letter-spacing: 0.05em; line-height: 40px; padding-left: 56px; text-transform: uppercase;display: none !important; } #topnav { margin: 0 auto; position: relative; width: 100%; } #topnav li { display: list-item; height: auto; line-height: 20px; padding: 0; position: relative; text-align: center; text-transform: capitalize; list-style:none; } #topnav li a { display: block; font-family: "futura-pt",sans-serif; font-size: 14px; letter-spacing: 0.015em; margin-left: 0; padding: 5px 0; text-transform: uppercase; } #topnav a.nav:link, #topnav a.nav:visited { color: #856b37; } #topnav a.nav:hover { color: #000; } #topnav a.navON:link, #topnav a.navON:visited, #topnav a.navON:hover { color: #000; } #topnav ul li ul.dropnav { background: none repeat scroll 0 0 #303030; height: auto; left: 210px; list-style: none outside none; margin: 0; padding-top: 12px; position: absolute; top: -24px; z-index: 1; padding-right: 10px; } .dropnav li { border-right: 0 none !important; padding-left: 15px; } #topnav .dropnav li a { margin-left: 10px; } .navHide #topnav li{ height: auto; line-height: normal; text-align: left; } .navHide #topnav li a{ font-size: 14px; margin-bottom: 12px; margin-left: 30px; color:#fff; } .navHide #topnav a.nav:link, .navHide #topnav a.nav:visited { color: #fff; } .navHide #topnav a.nav:hover { color: #000; } .navHide #topnav a.navON:link, .navHide #topnav a.navON:visited, .navHide #topnav a.navON:hover { color: #000; } /*---Topnav end--- */ /*---Middle start--- */ #middle { margin: 0 auto; overflow: hidden; position: relative; width: 100%; z-index:1; min-height:500px; } #mainimage { left: 50%; margin: 0 auto 0 -900px; position: relative; text-align: center; width: 1800px; z-index: 0; } #mainimage.cms6{min-height:800px;} /*---Middle end--- */ /*---Holder Start--- */ #holderwrap { background-color: #171717; border: 1px solid #8F8F8F; margin-top: 10px; position: relative; width: 210px; } #holder { width: 960px; margin: 0 auto; position: relative; } .featured{border-bottom:0px !important;} #special-packages, #top-reasons, #reviews-box, #feature-specials, #nav-box { border-bottom: 1px solid #8F8F8F; color: #FFFFFF; height: 40px; line-height: 40px; padding-left: 30px; position: relative; } #holderwrap a:link, #holderwrap a:visited{ color:#FFFFFF; } #holderwrap a:hover, .top-reasons-titletext:hover{ color:#CCCCCC; } .textdiv {display:none;} #feature-specials { border-bottom: 0 none;} .pkg-all a{display:block} .packages-slider li, .reason-slider li { height: 120px !important; text-align: center; width: 190px !important; } .packages-slider li img, .reason-slider li img { height: 91px !important; } .activeTab .pkg-all, .activeTab .reviews-box-titletext, .activeTab .top-reasons-titletext, .activeTab .feature-specials-titletext, .activeTab #nav-bar{ background-image: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/sliders-arrow.png"); background-position: right center; background-repeat: no-repeat; cursor: pointer; } .textdiv { background-color: #171717; height: 136px; left: 211px; padding: 20px; position: absolute; width: 190px; } .view-all-pkg-btn { background-color: #000; border:1px solid #3C3C39; color:#fff; font-weight:normal; font-size:13px; font-family: 'robotobold'; display: inline-block; height: 21px !important; line-height: 21px; text-align: center; width: 100px; float: left; margin-top: -3px; } .bx-wrapper .bx-pager{ height:15px; padding-top: 8px !important;} /*---Holder End--- */ /*---Content Start--- */ #contentinfo { position: relative; width: 100%; } #container { width: 1280px; padding-top:0px; position: relative; z-index: 10; float: right; padding-right: 47px; padding-bottom:10px; } #content { position: relative; width: 100%;padding-top: 10px; } #left-aside { float: left; margin-bottom: 15px; margin-right: 40px; position: relative; } #right-aside { border: 1px solid #303030; float: right; margin-bottom: 15px; position: relative; width: 230px; } #header-btn { background:#fff; background-color: rgba(255, 255, 255, 0.8); border: 1px solid #FFFFFF; bottom: 0; color: #937A48; cursor: pointer; font-size: 22px; font-family: "futura-pt",sans-serif; height: 44px; letter-spacing: 0.01em; line-height: 46px; margin: 0; padding: 0 30px 0 56px; position: absolute; right: 0; text-transform: uppercase; z-index: 1; } #header-btn.activeheader { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/sprite-3.png") 21px -126px no-repeat #fff; background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/sprite-3.png") 21px -126px no-repeat rgba(255, 255, 255, 0.8); } #header-btn.inactiveheader { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/sprite-3.png") 21px -159px no-repeat #fff; background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/sprite-3.png") 21px -159px no-repeat rgba(255, 255, 255, 0.8); } /* #header-btn.header-dining.inactiveheader { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/header-up-arrow.png") no-repeat scroll 24px center #fff; background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/header-up-arrow.png") no-repeat scroll 24px center rgba(255, 255, 255, 0.9); } #header-btn.header-dining.activeheader { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/header-down-arrow.png") no-repeat scroll 24px center #fff; background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/header-down-arrow.png") no-repeat scroll 24px center rgba(255, 255, 255, 0.9); } #header-btn.header-bar.inactiveheader { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/header-up-arrow.png") no-repeat scroll 206px center #fff; background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/header-up-arrow.png") no-repeat scroll 206px center rgba(255, 255, 255, 0.9); } #header-btn.header-bar.activeheader { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/header-down-arrow.png") no-repeat scroll 206px center #fff; background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/header-down-arrow.png") no-repeat scroll 206px center rgba(255, 255, 255, 0.9); } #header-btn.header-ttd.inactiveheader { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/header-up-arrow.png") no-repeat scroll 275px center #fff; background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/header-up-arrow.png") no-repeat scroll 275px center rgba(255, 255, 255, 0.9); } #header-btn.header-ttd.activeheader { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/header-down-arrow.png") no-repeat scroll 275px center #fff; background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/header-down-arrow.png") no-repeat scroll 275px center rgba(255, 255, 255, 0.9); } #header-btn.header-pkg.inactiveheader { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/header-up-arrow.png") no-repeat scroll 384px center #fff; background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/header-up-arrow.png") no-repeat scroll 384px center rgba(255, 255, 255, 0.9); } #header-btn.header-pkg.activeheader { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/header-down-arrow.png") no-repeat scroll 384px center #fff; background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/header-down-arrow.png") no-repeat scroll 384px center rgba(255, 255, 255, 0.9); } */ .barhead.inactiveheader, .dininghead.inactiveheader { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/sprite-3.png") no-repeat scroll 21px -159px transparent; background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/sprite-3.png") no-repeat scroll 21px -159px transparent; } #header-btn.header-bar, #header-btn.header-dining, #header-btn.header-experiences, #header-btn.header-ttd, #header-btn.header-promotions, #header-btn.header-pkg { border: medium none; padding: 0; background-image:none; } .barhead, .dininghead { float: left; height: 44px; width: 230px; } .exphead, .ttdhead { width: 210px; } .offerhead, .pkghead{ width: 208px;} .barhead a, .dininghead a { display: block; padding-left: 56px; } #headerdin.activeheader a:link, #headerdin.activeheader a:visited { color: #FFFFFF; } #headerdin.activeheader a:hover{ color: #333333; } #headerbar.activeheader a:link, #headerbar.activeheader a:visited { color: #FFFFFF; } #headerbar.activeheader a:hover{ color: #333333; } .header-text { text-transform: lowercase; } .exp-ttd-header { background-position: 270px center !important; } #social { right: 21px; position: absolute; top: 67px; z-index: 6; height: 15px; width: 15px; background: url(https://rivieramaya.grandvelas.com/portuguese/images_noindex/sprite.png) no-repeat -80px -32px; } /*---Content end--- */ /*---Social-media Start--- */ .social-media-wrap { float: right; position: absolute; right: 47px; top: 101px; display:none; } .social-media { display: inline-block; margin: 0 auto; padding-top:0px; width: auto; } .social-media li { background-image: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/sprite.png"); background-repeat: no-repeat; float: left; height: 28px; list-style: none outside none; margin-right: 6px; width: 28px; } .social-media li a { display: block; height: 28px; line-height: 28px; } .social-media .pt { background-position: 0px -177px; margin-right: 0px; } /*.social-media .fb { background-position: 0px -115px; } .social-media .tw { background-position: 0px -146px; } .social-media .gp { background-position: 0px -207px; } .social-media .fl { background-position: 0px -215px; }*/ .social-media .fb { background-position: 0 -281px; } .social-media .fb:hover { background-position: 0 -310px; } .social-media .tw { background-position: -33px -281px; } .social-media .tw:hover { background-position: -33px -310px; } .social-media .gp { background-position: -64px -281px; } .social-media .gp:hover { background-position: -64px -310px; } .social-media .pi { background-position: -96px -281px; } .social-media .pi:hover { background-position: -96px -310px; } .social-media .ig { background-position: -128px -281px; } .social-media .ig:hover { background-position: -128px -310px; } .social-media .yt { background-position: -160px -281px; } .social-media .yt:hover { background-position: -160px -310px; } .social-media .fs { background-position: -254px -281px; } .social-media .fs:hover { background-position: -254px -310px; } .social-media .flickr { background-position: -192px -281px; } .social-media .flickr:hover { background-position: -192px -310px; } .social-media .blog { background-position: -223px -281px; margin-right: 0; } .social-media .blog:hover { background-position: -223px -310px; } /*---Social-media end--- */ /*---Social-media-aside Start--- */ #reservation-holder .social-media li { background-image: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/social-media-aside.png"); height: 27px; width: 27px; } #reservation-holder .social-media .fb { background-position: -1px -1px; } #reservation-holder .social-media .fb:hover { background-position: -1px -30px; } #reservation-holder .social-media .tw { background-position: -30px -1px; } #reservation-holder .social-media .tw:hover { background-position: -30px -30px; } #reservation-holder .social-media .gp { background-position: -58px -1px; } #reservation-holder .social-media .gp:hover { background-position: -58px -30px; } #reservation-holder .social-media .ig { background-position: -146px -1px; } #reservation-holder .social-media .ig:hover { background-position: -146px -30px; } #reservation-holder .social-media .yt { background-position: -175px -1px; } #reservation-holder .social-media .yt:hover { background-position: -175px -30px; } #reservation-holder .social-media .pi { background-position: -117px -1px; } #reservation-holder .social-media .pi:hover { background-position: -117px -30px; } #reservation-holder .social-media .blog { background-position: -203px -1px; } #reservation-holder .social-media .blog:hover { background-position: -203px -30px; } /*---Social-media-aside-end--- */ .clr { clear: both; } .nav-arrow, .backtohome, .modulel-dropdown{display:none;} /***** More CSS *******/ .readmoretest { background-color: #856B37; border: 1px solid #624817; color: #fff; cursor: pointer; display: block; float: left; font-family: 'robotolight'; height: 22px; line-height: 22px; padding-left: 10px; text-align: left; text-transform: uppercase; width: 68px; } .readmoretest.moretest { background-image: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/more-plus.png"); background-position: 64px 7px; background-repeat: no-repeat; } .readmoretest.expandedtest { background-image: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/more-minus.png"); background-position: 64px 7px; background-repeat: no-repeat; } .direct-access, #topnav .manager-special{display: none;} /* hide elements when logged in into CMS */ #left-aside.cms6 {display:none} #right-aside.cms6 {display:none} #box.cms6 .box-splwidth{width:100%} .topnav-colspan { height: 40px !important; margin-bottom: 15px; overflow: hidden; } #nav-box{display:none;} #nav-barinner.textdiv { padding: 0; background: none; } #nav-barinner #nav { margin: 0; border: 0px; } #subnav ul li.sub-home { display: none; } .livechatbtn { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/sprite-3.png") no-repeat scroll 3px -24px; float: left; font-family: "futura-pt-condensed",sans-serif; font-size: 21px; font-weight: 500; height: 40px; line-height: 40px; padding-left: 31px; text-transform: uppercase; width: 86px; margin-left: 10px; } .livecambtn { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/sprite-3.png") no-repeat scroll 0px -65px; float: left; font-family: "futura-pt-condensed",sans-serif; font-size: 21px; font-weight: 500; height: 40px; line-height: 40px; padding-left: 33px; text-transform: uppercase; width: 98px; margin-left: 10px; } .virtualbtn{ background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/sprite-3.png") no-repeat scroll 0px -197px; float: left; font-family: "futura-pt-condensed",sans-serif; font-size: 21px; font-weight: 500; height: 40px; line-height: 40px; padding-left: 50px; text-transform: uppercase; width: 80px; margin-left: 10px; } .chat a:link, .chat a:visited{color:#fff;} .chat a:hover{color:#D9D2B8;} .livecam a:link, .livecam a:visited{color:#fff;} .livecam a:hover{color:#D9D2B8;} .virtual a:link, .virtual a:visited{color:#fff;} .virtual a:hover{color:#D9D2B8;} #locationmap-weather-holder { max-width: 953px; position: relative; } #geocoordinate { position: absolute; right: 15px; top: 35px; } #locationmap-weather { position: absolute; right: 15px; top: 10px; z-index: 1; } .locationmap { height: auto;max-width: 953px; width: 100%; } #topnav li.media-mobile, #topnav li.contact-mobile, #topnav li.promotions-tab-mobile, #topnav .more-awards-mobile, #topnav ul li.review-mobile { display: none; } .videobox { float: none; clear: both; width: 99%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .videobox iframe { border: medium none; height: 95%; left: 0; position: absolute; top: 0; width: 100%; } #floatingbooknow:hover { background:#50452d !important; } .flipbg-big { background-color: #DCD6C2; border-bottom: 1px solid #E7EAE9; } .flipbg-big { color: #6B8105; font-family: 'latoregular'; font-size: 17px; height: 34px; line-height: 32px; margin-bottom: 2px; } #dirflip1,#dirflip2 { color: #FEFFFF; cursor: pointer; float: left; height: 34px; margin-left: 2px; margin-right: 20px; text-indent: -999px; width: 50px;background: none repeat scroll 0 0 red; } .newsarrow{background: none repeat scroll 0 0 yellow !important;} .newsarrow2{background: none repeat scroll 0 0 red !important;} #dirpanel1,#dirpanel2 { padding:7px 20px 12px; display:none; } /* Package Slider */ #package-slider { background: none repeat scroll 0 0 #ffffff; bottom: -111px; box-shadow: 0 0 4px #a29f9f; display: none; height: 160px; left: 216px; padding: 20px 0 0; position: absolute; width: 813px; } #spholder { margin: 0 auto; width: 728px; } #package-slider .packages-slider li { height: 140px !important; padding-right: 10px; width: 236px !important; } #package-slider .packages-slider li img{height:140px !important;} #package-slider .bx-wrapper .bx-controls-direction a { background-color: transparent; height: 21px; top: 59px; width: 15px; z-index: 9999; } #package-slider .bx-wrapper .bx-prev { background-image: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/spnav-arrow.gif"); background-position: 0 0; background-repeat: no-repeat; left: -30px; } #package-slider .bx-wrapper .bx-next { background-image: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/spnav-arrow.gif"); background-position: -19px 0; background-repeat: no-repeat; right: -30px; } #package-slider .packages-text { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/spmavtibg.png") repeat-x scroll 0 0; color: #ffffff; font-size: 21px; height: 44px; line-height: 21px; padding: 12px 0 0 7%; position: absolute; text-align: left; text-transform: capitalize; top: 0; width: 89.5%; } #package-slider .packages-text:hover { color: #d6d6d6; } .packages-text span { display: block; font-size: 14px; } /* Package Slider End */ /*meet the chef*/ .chef-snippet{margin:20px 0px 30px;} .chef-content{} .chef-img{float:right;margin-left: 15px;} /*meeting room capacity chart*/ .firstrow { background-color: #fbf9f4; } .meeting-chart{ border: 1px solid #cdc3af; border-collapse: collapse; width: 100%; } .chart-header{text-align:center;} .chart-label { padding: 6px 5px 0; text-align: center; } .chart-value{text-align:center;} .chart-title { background-color: #f8f3e5; padding: 5px 0 8px 15px; } .chart-border-top{border-top: 1px solid #cdc3af;} /* Newsletter Subscription */ .newslettersub { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/sprite-3.png") no-repeat scroll 0 8px; margin: 4px auto 7px; padding: 0 0 0 27px; width: 172px; } .newsbtn, #email1{font-size: 12px;} .newsletterinput { border:none; border-bottom:1px solid #d1c7ae; height: 20px; line-height: 20px; width:106px; background-color:transparent; position: relative; top: -2px; } #topleft-aside .social-media-wrap { display: table; float: none; margin: 0 auto; position: relative; right: 0; top: 0; } #topleft-aside .social-media .fs, #topleft-aside .social-media .blog, #topleft-aside .social-media .flickr {display: none;} .page-image-socialmedia { float: right; position: relative; max-width: 410px; } .weddingpagesocial { display: table; margin: 0 auto; width: 205px; } .weddingpagesocial #page-social-media-icon { width: 205px; } #page-social-media-icon { display: table; margin: 0 auto; width: 170px; } .meet-socialmedia #page-social-media-icon { width: 136px;} #page-social-media-icon .social-media ul { padding: 0; } #page-social-media-icon .social-media li { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/social-media-aside.png") repeat scroll 0 0; margin: 0 6px 0 0; padding: 0; } #page-social-media-icon .social-media li a { font-size: 0; } #page-social-media-icon .social-media .facebook { background-position: 0 -1px; } #page-social-media-icon .social-media .facebook:hover { background-position: 0 -30px; } #page-social-media-icon .social-media .twitter { background-position: -30px -1px; } #page-social-media-icon .social-media .twitter:hover { background-position: -30px -30px; } #page-social-media-icon .social-media .google { background-position: -58px -1px; } #page-social-media-icon .social-media .google:hover { background-position: -58px -30px; } #page-social-media-icon .social-media .blog { background-position: -204px -1px; } #page-social-media-icon .social-media .blog:hover { background-position: -204px -30px; } #page-social-media-icon .social-media .site { background-position: -233px -1px; margin: 0; } #page-social-media-icon .social-media .site:hover { background-position: -233px -30px; } #page-social-media-icon .social-media .instagram { background-position: -146px -1px; } #page-social-media-icon .social-media .instagram:hover { background-position: -146px -30px; } #page-social-media-icon .social-media .pinterest { background-position: -116px -1px; } #page-social-media-icon .social-media .pinterest:hover { background-position: -116px -30px; } #page-social-media-icon .social-media .linkedin{ background-position: -261px -1px; } #page-social-media-icon .social-media .linkedin:hover { background-position: -261px -30px; } #page-social-media-icon .social-media .youtube{ background-position: -174px -1px; } #page-social-media-icon .social-media .youtube:hover { background-position: -174px -30px; } .contentslider { float: right; height: 255px; padding: 0 0 20px 20px; width: 390px; } .contentslider .bx-wrapper .bx-controls-direction a { background-color: transparent; height: 31px; top: 117px; width: 26px; } .contentslider .bx-wrapper .bx-prev { background-image: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/slider-left-arrow.png"); background-position: 5px center; background-repeat: no-repeat; left: 5px; } .contentslider .bx-wrapper .bx-next { background-image: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/slider-right-arrow.png"); background-position: 7px center; background-repeat: no-repeat; right: 5px; } #reservation-holder { bottom: 0; position: fixed; } .leftnav-solidbg{background:#fff !important;} .contentimgslidercaption { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); bottom: 0; color: #333; font-family: "futura-pt",sans-serif; font-size: 17px; height: 35px; line-height: 35px; position: absolute; text-align: center; width: 100%; } /* Offer banner Slider */ #offer-banner { margin: 0 auto; width: 728px; } #package-slider .offer-banner-box li { height: 140px !important; padding-right: 10px; width: 236px !important; } #package-slider .offer-banner-box li img{height:140px !important;} #package-slider .bx-wrapper .bx-pager {display:none;} /* Offer banner Slider End */ /* Experiences Page */ #exp-content.floatright{float:left; padding: 7px 0 0;} #category-list ul { list-style: none; } #category-list { float: left; margin-right: 50px; width: 166px; } .maincategory { color: #000000; font-family: "futura-pt",sans-serif; font-size: 15px; font-weight: 500; padding-bottom: 4px; text-transform: uppercase; cursor: pointer; } .maincategory:hover {color: #856b37; } #category-list #category-list ul li{cursor:pointer;} #category-list ul li ul { padding: 0 0 49px;} .subcategory { color: #856b37; cursor: pointer; } .subcategory:hover{color: #000;} #familyactivities.cms6, #hotelactivities.cm6{display:block;} .experiences-snippet{height:auto;} .experiences-subcat-imgholder { position: relative; } .experiences-subcat-imgholder img { height: auto; width: 100%; } .experiences-title { background-color:#000; background-color:rgba(0, 0, 0, 0.7); bottom: 0; color: #ffffff; font-family: "futura-pt",sans-serif; font-size: 27px; font-weight: 500; height: 76px; line-height: 76px; padding: 0; position: absolute; width: 100%; } .experiences-title span { padding: 0 0 0 33px; } .experiencecontent .bx-controls.bx-has-pager{ position: absolute; right: -6px; top: 0; z-index: 51; } .experiencecontent .bx-wrapper .bx-pager.bx-default-pager a { background: #cdc0a6; border-radius: 100px; display: block; height: 14px; margin: 0 6px 0 0; outline: 0 none; text-indent: -9999px; width: 14px; } .experiencecontent .bx-wrapper .bx-pager.bx-default-pager a:hover, .experiencecontent .bx-wrapper .bx-pager.bx-default-pager a.active { background: none repeat scroll 0 0 #9b814e; } .con-blog-feed { float: right; height: auto; width: 247px; } #blogfeedtitle { font-family: "futura-pt",sans-serif; font-size: 15px; font-weight: 500; padding: 0 0 10px; text-transform: uppercase; } .con-blog-feed ul { list-style: none;} .con-blog-feed ul li { padding: 0 0 29px; } .blog-feeds-title { padding: 12px 0 5px; } .blog-date { color: #9f8567; font-size: 11px; } .blog-feeds { padding-bottom: 10px; } /* Experiences Page End */ #slidecaption { color: #FFFFFF; /*left: 0;*/ right: 47px; position: absolute; text-shadow:0 0 4px #000000; top: 100px; width: 100%; } body.linkmainimage table#captiontable { width: 100%; } body.linkmainimage #captionbox{ top:0px; } body.linkmainimage #slidecaption { width: 100%; height: 1400px; overflow: hidden; top: 0px; cursor:pointer; padding:0px; } .experiences-titleh2 { padding: 32px 0 0; } .firstline { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/home-banner-pix.png") no-repeat scroll center bottom rgba(0, 0, 0, 0); font-family: "futura-pt-condensed",sans-serif; font-size: 29px; letter-spacing: 0.02em; min-width: 600px; padding-bottom: 10px; text-align: center; text-transform: uppercase; width: 100%; } .secondline { font-family: "futura-pt",sans-serif; font-size: 39px; letter-spacing: 0.03em; line-height: 35px; padding-top: 10px; text-align: center; text-transform: uppercase; } /* ----------- Get Directions ----------- */ .direction-form, .direction-to {width:40%; float:left;} .direction-btn {width:170px; float:left;} .saddr, .daddr {width: 83%; margin-left: 5px;} .button.direction-button {height: 32px !important; line-height: 32px !important;} /* ----------- Get Directions ----------- */ img[width="1"], iframe[name="google_conversion_frame"]{display:none;} /* ------ service page layout -------- */ .servicepagebtn-info { display: inline-block; width: 49%; } .servicepagebtn-title { display: inline-block; font-family: "latobold"; } .servicepagebtn-val { display: inline-block; margin-left: 3px; } .service-virtualtour .thickbox-video, .service-virtualtour2 .thickbox-video, .service-video .thickbox-video { background-image: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/sprite.png"); background-position: 0 -103px; background-repeat: no-repeat; font-family: "latoregular"; padding: 0 0 0 25px; } .service-virtualtour .thickbox-video:hover, .service-virtualtour2 .thickbox-video:hover {background-position: 0 -129px;} .service-video .thickbox-video{background-position: -79px -54px;} .service-video .thickbox-video:hover{background-position: -79px -80px;} /* ------ service page layout -------- */ .fb_iframe_widget iframe{z-index: 999;} .email-share { background: url(https://rivieramaya.grandvelas.com/portuguese/images_noindex/signup-icon.png) no-repeat scroll 0 3px; display: block; height: 21px; width:22px; } #subnav ul li.more-media-tablet { display: none; } #wedding-popup-banner { display: block; font-size: 0; height: 0; line-height: 0; } /* below display none css for vitual tour link */ #categories ul li #dining-virtualtour, .rest-btmmenu.mob-video-tour{display:none !important;} #LiveHelpInitiateChat {overflow:hidden; height:0px;} /* ---- Footer website link -----*/ .website-block, .visit-our-website { margin: 0 auto; position: relative; width: 766px; } .web-block1 { float:left; width:239px; height:149px; margin-right:25px;} .web-block2 { float:left; width:239px; height:149px;} .web-block3 { float:right; width:239px; height:149px;} .web-block1 a, .web-block2 a, .web-block3 a {position: relative; display:block; width:239px; height:149px;} .web-title { /*background-image: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/footer-overlay.png");*/ background:#fff; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.89); bottom: 10px; font-family: "robotoregular"; font-size: 17px; height: 32px; line-height: 32px; position: absolute; text-align: center; width: 100%; z-index: 1; } .title-website { background-image: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/footer-title-bg.png"); background-position: 40px top; background-repeat: no-repeat; height: 18px; line-height: 18px; text-align: center; margin: 25px 0px; font-size: 22px; color: #847045; text-transform: uppercase; font-family: "robotoregular"; } .offersmallimage { float: right; padding-left: 20px; } .callwithicon { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/phone-symbol-2.png") no-repeat left top; padding-left: 40px; padding-top: 4px; min-height: 33px; font-size: 25px; font-family: "futura-pt",sans-serif; } .singleimgcaption {display:none;} /* ---- Footer website link -----*/ .social-click { display : none; } .dining-tabs-innner .clear { display : none;} #interectivemap-q116 {width: 100%;height: 350px;} form#hotelflightform { display: none; } div#reservationradios { padding-bottom: 10px; } .frmrd { height: auto; line-height: normal; } ul.ui-autocomplete { max-width: 600px; border: solid 1px #a99561; } ul.ui-autocomplete li.ui-menu-item:hover { background: #DDD5C1; border: solid 1px #a99561; } .ui-widget-content a { display: block; } ul.ui-autocomplete li.ui-menu-item { list-style: none; } #reservationradios label.rtitle { display: inline-block; font-size: 12px; padding: 0 5px 0 0; } #reservationtable ul li.origon { float: none; overflow: hidden; position: relative; margin:0; } input#origin { background: #fff; cursor: text; width: 178px; } .ui-front { z-index: 100; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; } #reservationtabs { height: 50px; width: 172px; cursor: pointer; margin-bottom: 10px; margin-top: 5px; } .radiobx1 { background: url(https://rivieramaya.grandvelas.com/portuguese/images_noindex/h.png) no-repeat 0 0; width: 63px; height: 50px; float: left; } .radiobx2 { background: url(https://rivieramaya.grandvelas.com/portuguese/images_noindex/fh.png) no-repeat 0 0; height: 50px; width: 109px; float: right; } .radiobx1.hactive { background: url(https://rivieramaya.grandvelas.com/portuguese/images_noindex/ha.png) no-repeat 0 0; } .radiobx2.hactive { background: url(https://rivieramaya.grandvelas.com/portuguese/images_noindex/fha.png) no-repeat 0 0; } .formslable {display:none !important;} /*sr only css*/ .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; color: #000; background: #fff; } #custom-reservation-box { position: fixed; z-index: 99; background-color: #A48D60; background-color: rgba(164,141,96,.9); bottom: 160px; left: 50%; height: 240px; width: 360px; border-radius: 10px; color:#FFF; } #custom-reservation-box:after { content: ""; border-right: 12px solid rgba(164,141,96,.9); border-bottom: 12px solid transparent; border-top: 12px solid transparent; position: absolute; top: 50%; left: -12px; margin-top: -6px; } .sticky-reservation:after { } div#custom-reservation-box-inner { margin: 24px 30px; overflow: hidden; height: 190px; } #close-res-btn { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/rclose2.png") no-repeat; width:17px; height:17px; top: 10px; right: 10px; position:absolute; cursor:pointer; } .form-group label { font-size: 15px; text-transform: uppercase; } #suites-data label { font-size: 12px; } .styled-select.styled-select-res-popup { background-position: right center; height: 27px; line-height: 25px; width: 100%; box-sizing: border-box; border-color: #7c6a47; } .styled-select.styled-select-res-popup select { height: 25px; text-overflow: ellipsis; width: 130%; padding: 0px 3px !important; font-family: 'latoregular'; font-size: 11px; } .form-group { height: 27px; } .form-group label { font-size: 15px; text-transform: uppercase; display: inline-block; line-height: 27px; vertical-align: top; } .form-group .styled-select.styled-select-res-popup { display: inline-block; width: 80px; margin-left: 10px; } .suites-data { padding-top: 10px; } .suitelabel { text-transform: uppercase; } .left-section { float: left; width: 48%; } .right-section { float: right; width: 48%; } .child-column { float: left; width: 60px; padding-right: 5px; padding-bottom: 5px; } .mCSB_container{width:auto;margin-right:30px;overflow:hidden}.mCSB_container.mCS_no_scrollbar{margin-right:0}.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{margin-right:30px}.mCustomScrollBox>.mCSB_scrollTools{width:16px;height:100%;top:0;right:0}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;height:100%;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;text-align:center}.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown{display:block;position:relative;height:20px;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{top:100%;margin-top:-40px}.mCSB_horizontal>.mCSB_container{height:auto;margin-right:0;margin-bottom:30px;overflow:hidden}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{margin-bottom:0}.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{width:100%;height:16px;top:auto;right:auto;bottom:0;left:0;overflow:hidden}.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{margin:0 20px}.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:2px;margin:7px 0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{width:30px;height:100%}.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{display:block;position:relative;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer;float:left}.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{margin-left:-40px;float:right}.mCustomScrollBox{-ms-touch-action:none}.mCustomScrollBox>.mCSB_scrollTools{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCustomScrollBox:hover>.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background:#000;background:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#fff;background:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonUp:hover,.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonUp:active,.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{background:#000;background:rgba(0,0,0,.15)}.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#000;background:rgba(0,0,0,.75)}.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(0,0,0,.85)}.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(0,0,0,.9)}.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#fff;background:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background:#fff;background:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(255,255,255,.85)}.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(255,255,255,.9)}.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#000;background:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background:#000;background:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(0,0,0,.85)}.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(0,0,0,.9)}.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#fff;background:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background:#fff;background:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(255,255,255,.85)}.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(255,255,255,.9)}.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#000;background:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background:#000;background:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(0,0,0,.85)}.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(0,0,0,.9)}.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{background:#fff;background:rgba(255,255,255,.1)}.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%}.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{background:#000;background:rgba(0,0,0,.15)}.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px;background:#000;background:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(0,0,0,.85)}.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(0,0,0,.9)}.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCSB_horizontal>.mCSB_container{} /* mandatory css start */ #milestone_placepark_1, .activepoint { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/map-bg.gif") repeat-x scroll 0 1px; } .map_and_list { background-color: #fff; width: 960px; margin-left: 0; margin-right: 0; padding-top: 0px; padding-bottom: 0px; } #milestone_mapholder { width: 692px; height: 900px; float: right } #map_placemarklist { background:#fff; background-color: rgba(255, 255, 255, 0.9); float: left; width: 268px; height:815px; } #map_canvas { height: 100%; } div.padleftrightbottom { padding-right: 4px; padding-bottom: 4px; padding-left: 4px; width: 28px !important; float: left !important; } /* mandatory css end */ .bar1 { color: #937A48; font-size: 23px; left: 13px; letter-spacing: 0.01em; padding-bottom: 10px; font-family: "futura-pt",sans-serif; position: relative; text-align: left; text-transform: uppercase; width: 249px; } .mapinnerbox_title { color: #000000; font-family: 'robotobold' !important; padding-bottom: 5px; font-weight: normal; } .mapinnerbox_address { font-weight: normal; color: #000; font-size: 12px; padding-bottom: 10px; } #milestone_placepark_1 a.leftboxbtn:hover { background-color: #f36100; } .mapcontent .Plus { background: url(https://rivieramaya.grandvelas.com/portuguese/images_noindex/mapimages/plus.gif) no-repeat scroll right 2px transparent; display: block; padding-right: 30px; } .activepoint { border-color: #EEE2CC !important; } .mapcontent .Minus { background: url(https://rivieramaya.grandvelas.com/portuguese/images_noindex/mapimages/minus.gif) no-repeat scroll right 2px transparent; display: block; padding-right: 30px; } .map-headline-address { font-size: 14px; color: #4e4e4e; padding-bottom: 10px; padding-top: 5px; line-height: 20px; } #milestone_placepark_0 #milestone_placepark_right_0 { padding-bottom: 10px; } div#cm_sidebarDIV { float: left; width: 280px; } div#cm_sidebarDIV a:link, div#cm_sidebarDIV a:visited, div#cm_sidebarDIV a:hover { border: medium none; font-size: 13px; line-height: 22px; } div.milestone_placepark { padding: 5px 0px; border-top: 1px solid #EEE2CC; } div.padleftrightbottom { padding-right: 10px; padding-bottom: 4px; padding-left: 10px; width: 28px !important; float: left !important; } div.mapcontent { padding-bottom: 3px; width: 211px !important; padding-top: 0px; } div.spacer10 { height: 5px; line-height: 5px; font-size: 5px; clear: both } .milestone_mapholder { border: none; color: #000000; margin-left: auto; margin-right: auto; width: 960px; } .milestone_cm_map { width: 679px; height: 764px; } .milestone_mapholder a:link, .milestone_mapholder a:visited, .milestone_mapholder a:hover { color: #0054a0 } .viewlargermap { background-color: #611810; font-size: 15px; font-weight: normal; letter-spacing: 0; padding: 5px 10px; text-align: center; z-index: 1; } .viewlargermap a:link, .viewlargermap a:visited { color: #fff; } .viewlargermap a:hover { color: #fff; } #contentmap { margin: 0 auto; padding-top: 0; position: relative; width: 960px; z-index: 1; } .mapcontent a { font-weight: normal; } .gmnoprint.gmnoprint2 { top: 152px !important; } div.gmnoprint.gmnoprint8 { top: 45px !important; right: 380px !important; } /* ----------- FORMS ----------- */ .cornerforms { padding: 10px 0; } input, select, textarea { border: 1px solid #D1C7AE; color: #717171; font-family: "futura-pt",sans-serif; font-size: 14px; border-radius: 0; margin: 0; padding: 0; background-color: #FFFFFF; } input { height: 28px; line-height: 28px; padding: 0 2%; } select { height: 28px; line-height: normal; padding: 4px 1%; } textarea { display: block; padding: 4px 1%; resize: none; } .rfpforminputbox { width: 294px; } .emailformdropdown { width: 120%; } .rfpformtextarea { width: 294px; height: 86px; } .rfpforminputbox.hasDatepicker { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/sprite-3.png") no-repeat scroll right -107px #FFFFFF; } .asterisk { color: #333333; } /* ----------- Headers ----------- */ h1 { color: #333333; font-size: 26px; font-weight: normal; margin: 0; font-family: "futura-pt",sans-serif; padding-bottom: 20px; } h2 { color: #333333; font-size: 22px; font-weight: normal; font-family: "futura-pt",sans-serif; margin: 0; padding-bottom: 5px; display: block; } h2.padbottom { display: block; margin: 0; padding-bottom: 15px; } h3 { color: #333333; font-size: 20px; font-weight: normal; font-family: "futura-pt",sans-serif; margin: 0; display: block; padding-bottom: 5px; } h4 { color: #333333; font-size: 18px; font-weight: normal; font-family: "futura-pt",sans-serif; margin: 0; display: block; padding-bottom: 5px; } /* ----------- BOXES ----------- */ .box { display: block; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #CDC3AF; padding: 20px 0px; } .box2 { display: block; padding: 20px 0px; } .boxspacer { display: block; height: 15px; } /* ----------- COLUMNS ----------- */ /* ----- 2 COLUMNS ----- */ .column21 { float: left; padding-right: 25px; width: 47%; } .column22 { float: left; width: 47%; } /* ----- 3 COLUMNS ----- */ .column31 { float: left; padding-right: 10px; width: 31%; } .column32 { float: left; padding-right: 10px; width: 32%; } .column33 { float: left; padding: 0px; width: 32%; } /* ----- 4 COLUMNS ----- */ .column41, .column42, .column43 { float: left; padding-right: 10px; width: 24%; } .column44 { float: left; width: 24%; } /* ----- 5 COLUMNS ----- */ .column51, .column52, .column53, .column54 { float: left; padding-right: 9px; width: 19%; } .column55 { float: left; width: 19%; } .baseline, .clearboth { clear: both; height: 0px; } /* ----------- LINKS ----------- */ .milestone { font-size: 11px; color: #9F8567; line-height: 18px; } .milestone2 { font-size: 11px; line-height: 18px; } .anchorlink { font-size: 11px; line-height: 18px; } a:link, a:visited { text-decoration: none; list-style: none; cursor: pointer; color: #856b37; outline: none; } a:hover { text-decoration: none; list-style: none; cursor: pointer; color: #000; } a.homelink:link, a.homelink:visited { } a.homelink:hover { } a.anchorlink:link, a.anchorlink:visited { } a.anchorlink:hover { } a.splink:link, a.splink:visited { } a.splink:hover { } a.sitemaplink:link, a.sitemaplink:visited { } a.sitemaplink:hover { } a.milestone:link, a.milestone:visited { white-space: nowrap; } a.milestone:hover { white-space: nowrap; } .promoshortdesc h3 { font-family: 'latoregular'; font-size: 13px; } /* ----------- BULLETS ----------- */ .cornerinner { padding: 6px 0px 10px 16px; float: right; } #award-viewall{ display: block; margin-bottom: 10px; text-align: center; width: 100%; } .box ul, .box2 ul, .hotelbox ul { margin: 0px; padding: 8px 0px 0px 0px; list-style: none; } .box ul li, .box2 ul li, .hotelbox ul li { background-image: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/sprite.png"); background-repeat: no-repeat; background-position: -346px 8px; height: 100%; line-height: 20px; margin: 0; padding: 0 0 6px 15px; } ul.anchor { background-color: #FFFCF7; border: 1px solid #EBE1CC; display: block; float: left; list-style: none outside none; margin: 0; padding: 10px 0 10px 10px; } ul.anchor li { background-image: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/sprite.png"); background-repeat: no-repeat; background-position: -208px -58px; line-height: 28px; margin: 0; padding: 0 15px 0 15px; } .box ul.padbottom li, .box2 ul.padbottom li { padding-bottom: 10px; } .box li.padbottom, .box2 li.padbottom { padding-bottom: 10px; } .box ul.padbottom li:last-child, .box2 ul.padbottom li:last-child { padding-bottom: 0px; } /* ----------- GOOGLE VCARD ----------- */ #note { background-color: #FCFAF5; border-top: 1px solid #CDC3AF; float: right; position: relative; width:100%; } footer { float: right; padding-right: 47px; padding-top: 25px; } .googleaddress { float: left; padding:0; text-align: left; } .footerlogo { float: left; line-height: 0; padding: 11px 26px 0 0; } .xvcard { border-left: 0 solid #DBCEC0; color: #9F8567; float: left; font-family: 'robotoregular'; font-size: 11px; line-height: 18px; } .vcard { border-left: 0 solid #DBCEC0; color: #9F8567; font-family: 'robotoregular'; font-size: 11px; line-height: 18px; } .hotelinput { float: right; margin: -2px 0 0; width: 185px; } .visithotel { color: #927452; display: block; font-family: 'robotoregular'; font-size: 15px; margin: 0; padding: 0 0 5px; } .fn { display: block; font-weight: normal; text-transform: uppercase; } .city-state { display: inline; } .vcarddot { display: inline-block; margin: 0 6px; } .style1 { font-weight: bold; } .vcard-phone, .vcard-email { display: inline-block; } .vcard-pipe1 { padding: 0 7px; } .googleadd-url { display: inline; } #footerbrandlogos { display: table; margin: 24px auto 20px; max-width: 973px; } #footerbrandlogos ul { list-style: none; } #footerbrandlogos li { float: left; margin-right: 20px; } #footerbrandlogos li.last { margin-right: 0; margin-top: 11px; } #footerbrandlogos ul li img { height: auto; width: 100%; } #footerbrandlogos li.all-logo { margin-top: 20px; position: relative; top: 12px; } #footerbrandlogos li.all-logo.all-logo1 { top: 15px; } #footerbrandlogos li.all-logo.all-logo3 { top: 15px; } #footerbrandlogos li.all-logo.all-logo4 { top: 20px; } #footerbrandlogos li.all-logo.all-logo5 { top: 32px; } #footerbrandlogos li.all-logo.all-logo6 { top: 30px; } /* ----------- CALENDAR ----------- */ #reservation { background-color: #AE9A6A; box-shadow: -1px -2px 68px #957D4B inset; margin-top: 0; padding-bottom: 13px; position: relative; width: 216px; } .reservation-title { color: #000000; font-size: 16px; margin-bottom: 14px; padding-left: 20px; padding-top: 13px; text-transform: uppercase; } #reservationtable { margin: 0 auto; width: 186px; } #reservationtable ul li { float: left; list-style: none outside none; margin-right:7px; } #reservationtable ul li.last-child{margin-right:0px;} #reservationtable ul li ul li { float: left; } #reservationtable ul li.check-out { margin-right: 0; } #reservationtable ul li ul li.children { margin-right: 0; } .res-booknow { color: #FFFFFF; font-size: 17px; letter-spacing: 1px; padding: 13px 0 6px; text-align: center; font-family: "futura-pt",sans-serif; text-transform: uppercase; } .rtitle { color: #fff; display: block; font-size: 11px; line-height: 10px; padding-bottom: 3px; text-transform: uppercase; } .rtitleinner { font-size: 12px; padding-bottom: 3px; } .resinputbox { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/sprite-3.png") no-repeat scroll right -107px #FFFFFF; border: 1px solid #7B6A44; border-radius: 3px; font-family: 'latoregular'; font-size: 11px; height: 25px; line-height: 25px; margin-bottom: 7px; padding: 0 0 0 5px; vertical-align: top; width: 82px; } .resdropdown { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/drop-icon.gif") no-repeat scroll right center #FFFFFF; cursor: pointer; height: 25px; line-height: 25px; padding: 0 0 0 5px; vertical-align: top; font-size: 11px; border: 1px solid #7B6A44; font-family: 'latoregular'; width:50px; border-radius:3px; } .resinputboxinner { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/sprite-3.png") no-repeat scroll right -107px #FFFFFF; height: 25px; line-height: 25px; margin: 0; padding: 0 0 0 8px; vertical-align: top; width: 170px; } .resdropdowninner { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/drop-icon.gif") no-repeat scroll right center #FFFFFF; cursor: pointer; height: 25px; line-height: 25px; margin: 0; padding: 0 0 0 8px; vertical-align: top; width: 55px; } .hasDatepicker { cursor: pointer; } /* ----------- Click Reservation----------- */ .outer-box { border: 1px solid #acacac; margin: 30px auto 0; padding: 30px 0; text-align: center; max-width: 960px; width:94%; background-color:#fff; } .pro-txt { font-family: "futura-pt",sans-serif; font-size:34px; font-weight: normal; line-height: 30px; margin-bottom: 20px; text-align: center; } .lockimg{padding: 20px 0px; height: 116px;} .click-logo {padding-bottom: 20px;} /* ----------- Click Reservation----------- */ /* ----------- IMAGES ----------- */ .imgright { margin-top: 5px; margin-left: 16px; margin-bottom: 10px; float: right; } .imgleft { margin-top: 5px; margin-right: 16px; margin-bottom: 10px; float: left; } /* ----------- FOOTER ----------- */ #footer { border-style: solid; border-width: 1px; border-color: #CDC3AF; color: #CDC3AF; clear: both; padding: 3px; z-index: 12; text-align: center; } #owner { padding: 10px 0 55px 0; text-align: center; } /* ----------- MODULE ----------- */ ul.modulelinks { border-bottom: 1px solid #cdc3af; display: inline-block; font-family: "futura-pt",sans-serif; font-size: 20px; list-style: none outside none; margin-bottom: 0; margin-top: 15px; padding-bottom: 7px; text-transform: capitalize; width: 100%; } .modulelinks.room-type { border-bottom: medium none; font-family: 'latobold'; font-size: 13px; line-height: 23px; margin: 0; padding-bottom:0px; } ul.modulelinks.room-type li { padding-right: 23px; } li.modulelink { display: inline-block; float: left; margin-right: 1px; padding-bottom: 0; padding-right: 30px; padding-top: 0; } ul.modulelinks li.last-child { padding-right:0; } li.modulelink a:link, li.modulelink a:visited { color: #8D6D45; display: inline-block; float: left; padding:0px; } li.modulelinkON a:link, li.modulelinkON a:visited, li.modulelinkON a:hover, li.modulelink a:hover { color: #000000; display: inline-block; float: left; padding:0px; } /* ----------- GUEST REVIEWS ----------- */ #socialreviews { float: left; padding-right: 3%; width: 60%; } #review-ipadbase { float: left; width: 37%; } .review-right { float: left; height: 80px; width: 100%; } .reviewicon { float: left; margin-top: 20px; text-align: center; width:50%; } .reviewbuttons { padding-top: 10px; } .reviewbuttonsleft { float: left; width: 110px; } .reviewbuttonsright { float: right; width: 110px; } .google-img { border-left: 1px solid #CDC3AF; height: 45px; width: 49.5%; } /* ----------- Mainimage Slideshow CSS ----------- */ #mainimageholder IMG { position: absolute; top: 0; left: 0; z-index: 8; opacity: 1.0; } #mainimageholder IMG.active { z-index: 10; opacity: 1.0; } #mainimageholder IMG.last-active { z-index: 9; } #mainimageslideshow { /* left: 50%; margin-left: -480px;*/ position: absolute; width: 100%; } /* ----------- 404 Page ----------- */ .oh { border-right: 1px solid #CDC3AF; font-size: 25px; margin-right: 15px; padding-right: 15px; } .errTop { font-size: 18px; line-height: 26px; } .er { display: inline; font-size: 27px; } .errSugg { display: inline-block; font-size: 23px; margin-top: 6px; position: relative; } .er-maindiv { margin: 0 auto; padding-top: 35px; width: 100%; } .er-contentbox-wrap { float: left; padding-bottom: 32px; text-align: center; width: 30%; } .er-contentbox-wrap img, .er-contentbox-wrap-mid img { height: auto; width: 100%; } .er-contentbox-wrap-mid { float: left; margin: 0 5%; padding: 0; text-align: center; padding-bottom: 32px; width: 30%; } .er-contentbox-wrap-right { float: right; width: 230px; text-align: center; } .er-title { font-size: 14px; text-align: center; text-transform: uppercase; } .er-or { float: left; font-size: 28px; padding-top: 20px; text-align: center; width: 100%; } .er-back { float: left; font-size: 14px; padding: 20px 0; text-align: center; width: 100%; } .er-back .button { cursor: pointer; margin: 0 auto; width: 253px; height: 32px !important; line-height: 32px !important; } #goog-wm-sb { background-color: #997F4B; border: medium none; cursor: pointer; display: inline; float: left; height: 30px !important; line-height: 30px !important; text-align: center; text-transform: uppercase; width: 150px; } #goog-wm-sb:hover { background-color: #94A92D; color: #FFFFFF; } #goog-wm-qt { float: left; margin: 0 10px 0 0; } #goog-fixurl { margin: 0 auto; width: 533px; } /* ----------- Quotes ----------- */ .quotetop { height: 4px; position: relative; background-repeat: no-repeat; } .quotebottom { height: 4px; position: relative; background-repeat: no-repeat; } .quotetop span { background-image: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/sprite.png"); background-position: -73px -49px; display: block; height: 15px; left: 49%; margin: 0 auto; position: absolute; top: -5px; width: 21px; } .quotebottom span { background-image: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/sprite.png"); background-position: -106px -49px; display: block; height: 15px; left: 49%; margin: 0 auto; position: absolute; top: -5px; width: 21px; } .quotetext { font-size: 20px; padding: 20px 0; text-align: center; font-family: 'robotolight'; } /* ----------- Milestoen Dropdown CSS ----------- */ div.DropDownItem:hover { background-color: #b79c5d!important; color: #FFF !important; } .DropDownItems.out.enterleave { border: 1px solid #7B6A44; border-top: none; border-radius: 3px; width: 55px; } .DropDownItems.out.enterleave .DropDownItem.in.enterleave { background-color: #FFFFFF; color: #717171; cursor: pointer; font-family: 'latoregular'; font-size: 11px; padding-left: 5px; } .contactdropdown{ width: 63px !important; border:1px solid #d1c7ae !important;} /* ----------- No-Script CSS ----------- */ #noscriptreservation { background: none repeat scroll 0 0 #303030; font-size: 14px; font-weight: bold; height: 27px; left: 120px; padding: 10px 10px 10px 38px; position: absolute; text-align: left; top: 0; width: 632px; } #noscriptreservation a{color:#fff;} #noscriptreservation_inner { background-color: #FFFEFC; bottom: 40px; font-size: 14px; font-weight: bold; height: 45px; left: 240px; position: absolute; text-align: center; width: 480px; padding-top: 20px; } #ns-reason .top-reasons-titletext, #ns-packages .packages-titletext{top:12px;left:0;} #ns-reason, #ns-packages{padding:20px;} #ns-reason ul, #ns-packages ul{ margin-left: 20px; margin-top: 25px; } /* ----------- Validation CSS ----------- */ .ErrorField { border-color: #847045; background: #FFFFFE; } .ValidField { background-image: url(https://rivieramaya.grandvelas.com/portuguese/images_noindex/valid-bg.gif); background-repeat: no-repeat; background-position: 98% 50%; } .styled-select select.ValidField { background-image: url(https://rivieramaya.grandvelas.com/portuguese/images_noindex/valid-bg.gif); background-repeat: no-repeat; background-position: 75% 50%; } .comentbox .ValidField { background-position: 98% 6% !important; } .ErrorEmailField { background-image: url(https://rivieramaya.grandvelas.com/portuguese/images_noindex/invalid-bg.jpg); background-repeat: no-repeat; background-position: 98% 50%; border-color: #847045; } .styled-select select.ErrorEmailField { border-color: #847045; background-image: url(https://rivieramaya.grandvelas.com/portuguese/images_noindex/invalid-bg.jpg); background-repeat: no-repeat; background-position: 75% 50%; } .styled-select.errorfld { border-color: #847045; } span.ValidationErrors { color: #DD0000; display: none; font-size: 12px; padding-left: 10px; text-transform: capitalize; } /* -----------Sitemap----------- */ .sitemapwrap { margin: 15px auto 0; } .sitemappadbottom { padding-bottom: 19px; } /* ----------- OTHER ----------- */ #backtotop { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/sprite.png") no-repeat scroll 0 -348px transparent; bottom: 10px; cursor: pointer; display:none; height: 30px; position: fixed; right: 15px; width: 29px; z-index: 18; } #backtotop:hover { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/sprite.png") no-repeat scroll -32px -348px transparent;} .subheader { border-bottom: 2px solid #CDC3AF; padding: 5px 0; } .subheader h1, .subheader h2 { font-size: 21px; font-weight: normal; line-height: 23px; font-family: "futura-pt",sans-serif; margin: 0; padding: 0; } .clear { clear: both; height: 0px; } .padbottom { padding-bottom: 10px; } #breadcrumb { font-family: 'latoregular'; font-size: 12px; line-height: 12px; padding-bottom: 12px; padding-top: 25px; } .reviewtitle_name { padding-right: 10px;display: inline-block; } .ADAaccessible, #dynamicdiv { display: none; } option { padding: 0 0 0 5px; } .social-like { height: 20px; position: absolute; right: 0; top: 0px; margin-top: 33px; width: 166px; display:none; z-index:1; } .social-like .social_0 { line-height: 0; width: 90px; } .social-like .social_1 { width: 60px; } .fb_iframe_widget { } .socialmediabuttons { line-height: normal; list-style: none outside none; } .social_0 { margin-top: 0px; width: 130px; } .social_1 { width: 60px; } .social_2 { margin-left: 12px; width:90px; } .offer-social-like{ height: 20px; left: 0; position: absolute; top: 330px; display:none; } .splaceholder .offer-social-like{display:block;} .spbold { font-family: 'robotobold'; font-weight: normal; } .write-box { border-right: 1px solid #BFC97B; float: left; padding-right: 22px; position: relative; width: 400px; } .write-req { float: left; font-size: 13px; padding-right: 22px; } .write-btn { float: left; } .styled-select-ttd{ display: inline-block; float: none !important; vertical-align: middle; width: 140px !important; } .styled-select-email{ } .styled-select-dropdown { display: inline-block; float: none !important; vertical-align: middle; width: 99.5% !important; } .styled-select { background-color: #FFFFFF; background-image: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/drop-icon.gif"); background-position: right 11px; background-repeat: no-repeat; border: 1px solid #D1C7AE; height: 28px; overflow: hidden; } .styled-select select {background:none; border:none; cursor: pointer; width: 120%;} .page-reviews { border-bottom: 1px solid #CDC3AF; margin-bottom: 17px; padding-bottom: 17px; } /* ----------- Reviews Pagination ----------- */ .lnkPrevious { background:url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/sprite.png") no-repeat scroll 0 -240px; border-right: 1px solid #5E5E5E; height: 12px; line-height: 10px; margin-right: 12px; padding-left: 17px; padding-right: 10px; position: absolute; right: 45px; text-transform: capitalize; margin-top: 20px; } .lnkNext { background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/sprite.png") no-repeat scroll 35px -210px; height: 12px; line-height: 10px; margin-top: 20px; padding-right: 17px; position: absolute; right: 0; text-transform: capitalize; } /* ----------- Reviews Pagination ----------- */ /* ----------- CSS End ----------- */ .res-close, .offer-close { cursor: pointer; height: 29px; position: absolute; right: -13px; top: -13px; background: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/res-close.png") no-repeat; width: 29px; } .subnav-dropdown.offer { left: inherit; right: 27px !important; width: 375px; z-index: 12; } .offer-banner-box img { height: auto; width: 100%; } .offer-desc { min-height: 70px !important; text-align: center; } .subnav-dropdown.offer .bx-wrapper .bx-pager { color: #666; font-family: Arial; font-size: 0.85em; font-weight: bold; padding-top: 20px; position: absolute; text-align: center; top: 210px !important; z-index:999; } .subnav-dropdown.offer .bx-wrapper .bx-prev { background-image: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/offer-left-arrow.png"); background-position: 0 0; background-repeat: no-repeat; left:16px; } .subnav-dropdown.offer .bx-wrapper .bx-next { background-image: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/offer-right-arrow.png"); background-position: 0 0; background-repeat: no-repeat; right: 16px; } .subnav-dropdown.offer .bx-wrapper .bx-controls-direction a { height: 28px; top: 262px; width: 18px; } .offer-view-all { font-family: "futura-pt",sans-serif; font-size: 19px; letter-spacing: 1px; padding-bottom: 16px; text-align: center; text-transform: uppercase; } .offer-name { font-family: "futura-pt",sans-serif; font-size: 25px; padding: 20px 0; text-align: center; } .offer-name a:link, .offer-name a:visited { color: #000; } .offer-name a:hover { color: #856b37; } .offer-banner-title { font-family: "futura-pt-condensed",sans-serif; font-size: 20px; font-weight: 600; letter-spacing: 1px; padding: 8px 0; text-align: center; text-transform: uppercase; } .offer-banner-title a:link, .offer-banner-title a:visited { color: #333333; } .offer-banner-title a:hover{color: #988743;} .thanks-msg{font-weight:bold; text-align:center; padding-top:25px; padding-bottom:25px; } #offer-banner .bx-wrapper .bx-pager.bx-default-pager a { background: none repeat scroll 0 0 #fff; box-shadow: 0 0 14px rgba(0, 0, 0, 0.76); height: 10px; margin: 0 3px; width: 10px; } #offer-banner .bx-wrapper .bx-pager.bx-default-pager a:hover, #offer-banner .bx-wrapper .bx-pager.bx-default-pager a.active { background: none repeat scroll 0 0 #000; } /* ----------- Video sitemap Css Start ----------- */ .video-play { background-image: url("https://rivieramaya.grandvelas.com/portuguese/images_noindex/play.png"); height: 52px; position: absolute; right: 70px; top: 34px; width: 52px; } .video-playicon { position: relative; } /* ----------- Video sitemap Css End ----------- */ .pkg-left { float: right; height: auto; padding-top: 22px; width: 33%; } .pkg-left img { height: auto; width: 100%; } .pkg-right { float: left; width: 64%; } .con-info-title { border-bottom: 2px solid #CDC3AF; font-size: 21px; height: 25px; line-height: 25px; margin-bottom: 9px; padding-bottom: 4px; font-family: "futura-pt",sans-serif; text-transform: capitalize; } .displayblock { display: inline-block; padding-right: 30px; width: 45%; } .terms-conditionbox h2 { color: #565656; cursor: pointer; display: inline-block; font-family: 'latoregular'; font-size: 13px; font-weight: normal; } .terms-conditionbox h2:hover {color: #988743;} .terms-conditionbox-ser h2:hover {color: #988743;} .terms-conditionbox-ser h2 { cursor: pointer; display: inline-block; } #field1_2{display:none;} .h3inline { display: inline; } /** * BxSlider v4.0 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2012 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 0px; padding: 0; } .spbxslider{ margin:0; } .bx-wrapper img { display: block; } /** THEME ===================================*/ .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: relative; top: 0; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; } .bx-wrapper .bx-pager.bx-default-pager a { background: none repeat scroll 0 0 #FFFFFF; border-radius: 100px; display: block; height: 7px; margin: 0 2px 0 1px; outline: 0 none; text-indent: -9999px; width: 7px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #555; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { background-image: url("/images_noindex/sprite.png"); background-position: 14px -234px; background-repeat: no-repeat; left: 0; } .bx-wrapper .bx-next { background-image: url("/images_noindex/sprite.png"); background-position: -19px -234px; background-repeat: no-repeat; right: 0; } .bx-wrapper .bx-prev:hover { opacity: 0.9; } .bx-wrapper .bx-next:hover { opacity: 0.9; } .bx-wrapper .bx-controls-direction a { background-color: #FFFFFF; height: 24px; margin-top: 0; outline: 0 none; position: absolute; text-indent: -9999px; top: 156px; width: 25px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } a.button:link, a.button:visited, .asidedisablelink, #goog-wm-sb, .enablelink, .viewlargermap { background-color: #997f4b; color: #FFFFFF; display: block; cursor: pointer; font-size: 15px; height: 30px; letter-spacing: 0.05em; line-height: 30px;; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: normal; } a.button:hover, .disablelink:hover, .asidedisablelink:hover, #goog-wm-sb:hover, .enablelink:hover, .viewlargermap:hover { background: none repeat scroll 0 0 #50452d; } a.visitoursitelink{ display: block; margin: 7px auto; max-width: 230px; } .contact-frm-btn a.button { height: 27px; line-height: 27px; margin-top: 1px; width: 124px; } .commentinput .button { height: 32px !important; line-height: 32px !important; } .disablelink, .ugcbtnwrite, .enablelink { color: #fff !important; width:100px !important; } .disablelink:hover, .ugcbtnwrite:hover , .enablelink:hover { color:#434343; background-color: #434343 !important; } #reservationtable a.button { background: #50452D; border: 1px solid #8A774B; border-radius: 3px; color: #CDCAC2; font-size: 13px; height: 27px; line-height: 27px; margin-bottom: 7px; margin-top: 13px; width: 183px; } #reservationtable a.button:hover { background: #776232; } #reservationtable-inner a.button { width: 136px; } .pkgbtn .button { width: 120px !important; } .promo-btn { padding: 0 0 20px; width: 120px; float:right; } a.mapvisit { float: left; font-size: 12px !important; margin-right: 10px; width: 70px; height: 25px !important; line-height: 25px !important; } a.mapdirection { float: left; font-size: 12px !important; height: 25px !important; line-height: 25px !important; width: 124px; } #btnSubmit { width: 150px; } .ttd-button { padding-top: 10px; width: 120px; } /* Supersized - Fullscreen Slideshow jQuery Plugin Version : 3.2.7 Site : www.buildinternet.com/project/supersized Author : Sam Dunn Company : One Mighty Roar (www.onemightyroar.com) License : MIT License / GPL License */ * { margin:0; padding:0; } body { height:100%; } img { border:none; } #supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(/images_noindex/loader.gif) no-repeat center center;} #supersized { display:block; position:absolute; left:0; top:0px; overflow:hidden; z-index:0; height:100%; width:100%; } #supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; } #supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/ /*Quality*/ #supersized li { display:block; list-style:none; z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; } #supersized a { width:100%; height:100%; display:block; cursor:default;} #supersized li.prevslide { z-index:-20; } #supersized li.activeslide { z-index:-10; } #supersized li.image-loading { width:100%; height:100%; } #supersized li.image-loading img{ visibility:hidden; } #supersized li.prevslide img, #supersized li.activeslide img{ display:inline; } @media only screen and (max-width:1600px) { .rest-btmmenu a { margin-right: 18px; } .restaurant-bottom-holder { margin: 0 auto; width: 322px; } } @media only screen and (min-width:1500px) {/*.rooms-btm { display: block; float: left; width: 25%;}*/ } @media only screen and (max-width:1550px) { .restaurant-middle { min-height: 266px; } } @media only screen and (max-width:1500px) { .restaurant-logo { float: none; height: 132px; margin: 0 auto 20px; text-align: center; width: 100%; } .rooms-btm a { margin-right: 14px; } .rooms-format-bottom-inner { margin: 0 auto; width: 304px; } .restaurant-logo img { height: auto; width: auto; } .restaurant-right { float: none; font-family: 'latoregular'; font-size: 12px; width: 100%; } .rest-title { float: left; min-width: 120px; } } @media only screen and (max-width:1450px) { .con-blog-feed { width: 200px; } .blog-feeds-img img { width: 100%; height: auto; } .experiences-title { height: 44px; line-height: 44px; font-size: 21px; } .experiences-title span { padding: 0 0 0 20px; } } @media only screen and (max-width:1400px) { .restaurant-middle { min-height: 355px; } .rest-btmmenu.moreinfo a:link, .rest-btmmenu.moreinfo a:visited { margin-right: 44px; } .rest-btmmenu a { margin-right: 62px; } .restaurant-bottom-holder { margin: 0 auto; width: 212px; } .rest-btmmenu.menu a:link, .rest-btmmenu.menu a:visited { margin-right: 0; } } @media only screen and (max-width:1300px) { .rooms-btm a { margin-right: 10px; } .rooms-format-bottom-inner { margin: 0 auto; width: 293px; } } @media only screen and (min-width:1300px) { .contact-frm-block.secondblock { margin-right: 20px; } } @media only screen and (max-width:1200px) { #package-slider { width: 600px; } #spholder { width: 482px; } .modulelinks.room-type { line-height: 31px; } ul.modulelinks.room-type li { background-color: #f3f3f3; border: 1px solid #e1e1e1; display: block; margin-bottom: 7px; margin-right: 7px; padding: 0 15px; } ul.modulelinks li.last-child { padding-right: 15px; } .direction-form, .direction-to { width: 38%; } .saddr, .daddr { width: 78%; } #exp-content.floatright { width: 75.5% !important; } .con-blog-feed { width: 100%; } .con-blog-feed ul li { float: left; padding: 0 30px 29px 0; width: 247px; } } @media only screen and (max-width:1280px) { .rooms-btm a { margin-right: 7px; } .rooms-format-bottom-inner { margin: 0 auto; width: 282px; } .quickrfp-frmfieldset #imgcode { width: 36%; } .contact-frm-btn { display: inline-block; float: left; margin-top: 22px; width: 124px; } .box-container-right { width: 40%; } } @media only screen and (min-width:1700px) { .quickrfp-frmfieldset #imgcode { width: 60%; } } @media only screen and (max-width:1260px) { #package-list-container, .room-list-container, .restaurant-list-container { width: 106.3%; } .commoncol { float: left; padding-bottom: 50px; padding-right: 6%; width: 44%; } .rest-btmmenu a { margin-right: 18px; } .restaurant-bottom-holder { margin: 0 auto; width: 322px; } .rest-btmmenu.moreinfo a:link, .rest-btmmenu.moreinfo a:visited { margin-right: 18px; } .rest-btmmenu.menu a:link, .rest-btmmenu.menu a:visited { margin-right: 18px; } .box-container-left { display: inline-block; float: none; padding: 0 0 20px; width: 100%; } .restaurant-middle { min-height: 361px; } .hotelinfo { width: 100%; } .rooms-format-bottom-inner { width: 319px; } .rooms-btm a { margin-right: 19px; } #rooms-list-container { overflow: hidden; width: 107%; } #package-list-container, .room-list-container { width: 106.3%; } ul.modulelinks.room-type li { padding-right: 15px; } li.modulelink { padding-right: 16px; } .box-container-right { border-left: medium none; float: none; margin-left: 0; padding-left: 0; width: 100%; } .contectblock.firstblock { float: none; width: 100%; } .contact-frm-block.secondblock { margin-right: 20px; } .contact-frm-btn { float: left; } .box-container-left { border-bottom: 1px solid #CDC3AF; float: none; margin-bottom: 16px; padding: 0 0 20px; width: 100%; } /* .room-col2 a, .room-col1 a, .room-col3 a, .dining-col2 a, .dining-col1 a, .dining-col3 a { height: 30px !important; padding: 0 !important; text-indent: -999px; width: 32px !important;}.dining-col2 a, .dining-col1 a, .dining-col3 a{margin-right:0;}.room-tabs-innner, .dining-tabs-innner { display: table; margin: 0 auto; width: 146px;}.room-col2 a, .dining-col2 a{ margin: 0 25px;}*/ } @media only screen and (max-width:1152px) { #exp-content.floatright { width: 69% !important; } .room-col2 a { margin: 0; } .googleaddress { width: 405px; } .room-content-right .column31, .room-content-right .column32, .room-content-right .column33 { width: 90%; } /*.room-tabs-innner {width: 165px;}.room-tabs-innner a {font-size: 0;padding: 0 !important;width: 36px !important;}*/ .quickrfp-frmfieldset #imgcode { width: 29%; } #btnSubmit { width: 100px; } .quickrfp-frmfieldset-right.quickasterisk { width: 50%; } #footerbrandlogos li.all-logo { margin-right: 15px; } } @media only screen and (max-width:1140px) { .dining-tabs-innner { width: 224px; } .dining-col2 a, .dining-col1 a, .dining-col3 a { margin-right: 0; } .dining-col1 a:link, .dining-col1 a:visited { background-position: -130px -110px; padding-left: 17px; width: 42px; } .dining-col1 a:hover { background-position: -130px -136px; } .dining-col2 a:link, .dining-col2 a:visited { background-position: -300px -180px; padding-left: 18px; width: 37px; } .dining-col2 a:hover { background-position: -299px -216px; } .dining-col3 a:link, .dining-col3 a:visited { background-position: -125px -183px; padding-left: 22px; width: 88px; } .dining-col3 a:hover { background-position: -127px -212px; } } @media only screen and (max-width:1070px) { .room-tabs-innner { width: 225px; } .room-col1 a:link, .room-col1 a:visited { background-position: -130px -110px; padding-left: 17px; width: 42px; } .room-col1 a:hover { background-position: -130px -136px; } .room-col2 a:link, .room-col2 a:visited { background-position: 6px -99px; padding-left: 28px; width: 73px; } .room-col2 a:hover { background-position: 6px -125px; } .room-col3 a:link, .room-col3 a:visited { background-position: -75px -47px; padding-left: 25px; width: 40px; } .room-col3 a:hover { background-position: -75px -73px; } } /* ---- Footer website link -----*/ @media only screen and (max-width:1050px) { .website-block, .visit-our-website, .title-website { width: 100%; } .web-block1, .web-block2, .web-block3 { width: 32%; height: auto; } .web-block1 a, .web-block2 a, .web-block3 a { width: 100%; height: auto; } .web-block1 { margin-right: 2%; } .web-img img { width: 100%; height: auto; } .web-title { font-size: 15px; bottom: 20px; } } /* ---- Footer website link -----*/ @media only screen and (max-width:1024px) { #footerbrandlogos li.all-logo { margin-right: 7px; } .rooms-format-bottom-inner { width: 307px; } .rooms-btm a { margin-right: 15px; } ul.modulelinks { font-size: 18px; } #pkg-box { overflow: hidden; } .room-box { overflow: hidden; padding-top: 19px; width: 100%; } .restaurant-middle { min-height: 361px; } .pkg-left { float: right; } .pkg-right { float: left; } #pkg-format2 { padding-right: 0; } .quickrfp-frmfieldset #imgcode { width: 15%; } #btnSubmit { width: 100px; } .msfsp_rating { line-height: 14px; width: 95px; } .msfsp_rating .classification { display: block; } .googleadd-url { display: inline-block; } .vcard-pipe1.url { display: none; } #footerbrandlogos li { margin: 0 17px 0 0; } #footerbrandlogos li.all-logo { margin-top: 30px; } .quickrfp-frmfieldset-right.quickasterisk { width: 50%; } .direction-form, .direction-to { width: 36%; } .saddr, .daddr { width: 75%; } #exp-content.floatright { width: 66% !important; } } @media only screen and (max-height:500px) { #middle { min-height: 250px; } } #container { display: none; } .showcontainer { display: block !important; } #wrapper, #main, #supersized, #box.photo-thbg { min-width: 960px; } @media only screen and (max-height: 675px) { #topnav li { line-height: 13px; } } #weatherbox { color: #3D8A87; font-weight: bold; padding: 5px; position: absolute; right: 0; top: -5px; width: 63px; } embed.emb { display: inline-block; width: 40px; height: 40px; float: left; } #Layer_1 {width:40px !important; height:40px !important;} #svgTemperature { display: inline-block; float: left; } /* path {stroke: #fff;fill:#3D8A87 !important;stroke-width: 10px; }*/ .divpmtitle { border-bottom: 1px solid #D0D6E3; display: block; float: left; padding: 10px 0; width: 100%; cursor: pointer; } .divpmtitleimg { float: left; } .divplacemarkdetail{ display: block; float: left; width: 100%; display:none; } .divpmcategory { display:none; } .divpmcategorytitle { background: url("/images_noindex/sprite-x.png") repeat-x scroll 0 -43px transparent; color: #FFFFFF; cursor: pointer; display: block; float: left; font-family: 'loraregular'; font-size: 18px; height: 30px; line-height: 30px; margin-bottom: 10px; padding: 0 0 0 10px; width: 258px; }