@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,700);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ul, li, h1, h2, h3, h4, h5, h6, p
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-weight: 400;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

html
{
	height: 100%;
}
body
{
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #818181;
	background-color: #e7e7e7;
}
textarea
{
    resize: none;
}
a, a:link, a:active, a:visited
{
	color: #818181;
}
a:hover
{
	cursor: pointer !important;
	text-decoration: none;
}
.Top
{
	border-bottom: solid 2px #FFF;
	position: fixed;
    top: 0;
    z-index: 101;
    width: 100%;
    background: #B4985A;
}
.Languages
{
	font-size: 16px;
	color: #005B7F;
	text-transform: uppercase;
	padding: 40px 0;
}
.Languages span span
{
	float: left;
	margin-right: 5px;
}
.Languages span.Selected
{
	text-decoration: underline;
}
.Languages a
{
	color: #FFF;
	text-decoration: none;
}
.Languages a:hover
{
	color: #005B7F;
}
.Menu
{
	text-align: center;
	padding: 10px 0;
}
.Menu ul
{}
.Menu ul li
{
	display: table-cell;
    height: 75px;
    vertical-align: middle;
}
.Menu ul li a
{
	text-transform: uppercase;
	font-size: 16px;
	color: #FFF;
	margin: 0 10px;
	text-decoration: none;
}
.Menu ul li a:hover, .Menu ul li a.current
{
	color: #005B7F;
	text-decoration: underline;
}
.Menu ul li img
{
	margin: 0 10px;
}
.MenuMobile
{
	display: none;
}
.Social
{
	text-align: right;
	font-size: 20px;
	padding: 30px 0;
}
.Social a
{
	color: #005B7F;
	text-decoration: none;
	border: solid 1px #005B7F;
	text-align: center;
	display: inline-block;
	width: 12px;
	height: 18px;
	padding: 6px 9px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
.Social a:hover
{
	color: #FFF;
	border: solid 1px #FFF;
}
.Banner
{
	position: relative;
    z-index: 1;
}
.lnkBookingContainer 
{
	text-align: center;
    font-size: 12px;
    white-space: nowrap;
    display: inline-block;
    min-width: 190px;
    margin-top: 15px;
}
.lnkBookingArea 
{
	color: #fff !important;
	text-decoration:underline;
	display: inline-block;
    line-height: 25px;
}
.lnkBookingArea:hover, .lnkBookingArea:focus
{
	color: #fff !important;
	text-decoration:none;
}
.lnkBookingAreaImg 
{
	display:inline-block;
	vertical-align:middle;
	float: left;
	height:25px;
}
.lnkBookingAreaImg path
{
	fill: #fff;
}
.Booking
{
	font-size: 11px;
	color: #FFF;
	font-weight: 300;
	margin: -190px 0 30px;
    position: relative;
    z-index: 2;
}
.Booking .twelve.columns
{
	background: #B4985A;
	padding: 35px 0;
}
.Booking .Tit
{
	font-size: 30px;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
}
.Booking .Bar
{
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
	display: block;
}
.Booking .Search
{
	border: solid 2px #FFF;
	padding: 6px 0;
}
.Booking .Search span
{
	text-align: center;
	display: block;
}
.Booking .Search input
{
	background: none;
	color: #FFF;
	font-size: 18px;
	font-weight: 300;
	font-family: 'Raleway', sans-serif;
	text-align: center;
	border: 0;
	max-width: 142px;
}
.Hotel
{
	padding: 45px 0 25px;
	text-align: center;
	line-height: 28px;
}
.Hotel iframe 
{
	float:right;
	padding-left:30px;
	padding-bottom:50px;
	max-width:100%;
}
.Hotel h1
{
	font-size: 32px;
	line-height: 40px;
	color: #222;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.Hotel h1 small
{
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 26px;
	color: #B4985A;
	display: block;
}
.Hotel .wifi
{
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 34px;
	color: #B4985A;
}
.Rooms
{
	background: #F5F5F5;
	padding: 35px 0 35px;
	text-align: center;
	line-height: 28px;
}
.Rooms h2
{
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	line-height: 25px;
	color: #B4985A;
	text-transform: uppercase;
	margin-bottom: 25px;
}
.RoomInfo
{
	font-size: 18px;
	color: #818181;
	line-height: 26px;
	text-align: center;
}
.rowAlt1
{
	background: linear-gradient(to right, #e7e7e7 50%, #F5F5F5 50%);
}
.rowAlt2
{
	background: linear-gradient(to right, #F5F5F5 50%, #e7e7e7 50%);
}
.RoomInfo h3
{
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	line-height: 25px;
	color: #B4985A;
	padding: 40px 0 0;
}
.RoomInfo h3 small
{
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	line-height: 15px;
	color: #222;
	display: block;
	padding: 10px 0 30px;
}
.RoomInfo p
{
	height: 78px;
	overflow: hidden;
	margin-bottom: 25px;
}
.RoomInfo h4
{
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 15px;
	color: #B4985A;
	text-transform: uppercase;
}
.RoomInfo .SlideShow
{
	margin: 10px 0 20px;
}
.RoomInfo .SlideShow a
{
	display: inline-block;
	margin: 0 5px;
	background: #B4985A;
}
.RoomInfo .SlideShow a img
{
	width: 140px;
	border: solid 2px #B4985A;
}
.RoomInfo .SlideShow a:hover img
{
	opacity: 0.6;
    filter: alpha(opacity=60);
}
.SpecialOffers
{
	background: #E3E3E3;
	padding: 45px 0 25px;
	text-align: center;
	line-height: 28px;
}
.SpecialOffers h2
{
	font-size: 32px;
	line-height: 40px;
	color: #222;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.SpecialOffers h2 small
{
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 26px;
	color: #B4985A;
	display: block;
}
.PromotionsRotator
{}
.SpecialOffer
{
	/*width: 400px;*/
	margin: 0 15px;
}
.SpecialOffer img
{
	/*width: 370px;
	height: 280px;*/
}
.SpecialOffer .SpecialOfferTxt
{
	/*width: 370px;*/
	max-width: 500px;
    margin: 0 auto;
	background: #FFF;
	text-align: left;
	padding: 30px 0 15px;
}
.SpecialOffer .SpecialOfferTxt h3
{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	padding: 0 20px;
}
.SpecialOffer .SpecialOfferTxt h3 a
{
	color: #B4985A;
}
.SpecialOffer .SpecialOfferTxt .Date
{
	font-size: 16px;
	color: #818181;
	padding: 0 20px;
}
.SpecialOffer .SpecialOfferTxt .PromotionDetail
{
	font-size: 15px;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
	color: #818181;
	border-bottom: solid 1px #E8E8E8;
	padding: 0 20px;
	margin-bottom: 20px;
}
.SpecialOffer .SpecialOfferTxt .lnkButton
{
	font-size: 14px;
	line-height: 22px;
	color: #FFF;
	text-decoration: none;
	background: #005B7F;
	text-transform: uppercase;
	font-weight: 700;
	padding: 2px 14px;
	display: block;
	float: left;
	margin-left: 20px;
}
.SpecialOffer .SpecialOfferTxt .lnkButton:hover
{
	color: #005B7F;
	background: #FFF;
}
.PromoPrice
{
	float: right;
	margin-right: 20px;
    margin-top: -10px;
    line-height: 24px;
}
.SpecialOffer .SpecialOfferTxt .Since
{
	font-size: 15px;
	color: #212121;
	display: block;
}
.SpecialOffer .SpecialOfferTxt .Price
{
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #B4985A;
}
.SpecialOffer .SpecialOfferTxt .OldPrice
{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #626262;
	text-decoration: line-through;
}
.Gallery
{
	padding: 45px 0 0;
	text-align: center;
	line-height: 28px;
}
.Gallery h2
{
	font-size: 32px;
	line-height: 40px;
	color: #222;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.Gallery h2 small
{
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 26px;
	color: #B4985A;
	display: block;
}
.Gallery .SlideShow
{}
.Gallery .SlideShow a
{
	float: left;
	width: 20%;
	background: #B4985A;
	position: relative;
}
.Gallery .SlideShow a img
{
	width: 100%;
	margin: 0;
}
.Gallery .SlideShow a:hover img
{
	opacity: 0.6;
    filter: alpha(opacity=60);
}
/* [Bing Maps] */
.MicrosoftMap.dirSDK .directionsPanel 
{
	width:100% !important;
	margin-top:15px;
}
.MicrosoftMap .dirIcon 
{
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
	box-sizing:content-box;
	line-height: 18px;
}
.MicrosoftMap [role='alert'] {
    display: none !important;
	opacity:0 !important;
	visibility:hidden !important;
}
.Location
{
	background: #F5F5F5;
	padding: 45px 0 0;
	text-align: center;
	line-height: 28px;
}
.Location h2
{
	font-size: 32px;
	line-height: 40px;
	color: #222;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.Location h2 small
{
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 26px;
	color: #B4985A;
	display: block;
}
.GmapsContainer
{
	background: #e7e7e7;
	position: relative;
	min-height: 420px;
}
.GmapsContainer p
{
	font-size: 15px;
	color: #212121;
	text-align: left;
	padding: 30px 0;
	position: relative;
}
.GmapsContainer p .fa
{
	font-size: 35px;
	color: #B4985A;
	width: 40px;
	text-align: center;
}
.GmapsContainer p .fa-long-arrow-right, .GmapsContainer p .fa-long-arrow-left
{
	font-size: 25px;
	position: absolute;
	left: 25px;
	top: 65px;
}
.GmapsContainer .Address
{
	display: block;
	border: solid 2px #005B7F;
	font-size: 16px;
	color: #A9A9A9;
	width: 94%;
	padding: 5.6% 0;
	text-align: center;
}
.GmapsContainer .SearchButton
{
	font-size: 20px;
	font-weight: 700;
	margin: 27px 0 0;
}
.Contacts
{
	background: #F5F5F5;
	padding: 45px 0 25px;
	text-align: center;
	line-height: 28px;
}
.Contacts h2
{
	font-size: 32px;
	line-height: 40px;
	color: #222;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.Contacts h2 small
{
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 26px;
	color: #B4985A;
	display: block;
}
.CAddress
{
	text-align: left;
	font-size: 18px;
	color: #8A8A8A;
}
.CAddress h3
{
	color: #B4985A;
	font-size: 18px;
	text-transform: uppercase;
}
.CAddress .fa
{
	color: #B4985A;
	font-size: 20px;
}
.CAddress a
{
	color: #B4985A;
}
.Newsletter
{
	background: #1A1A1A;
	font-size: 20px;
	line-height: 30px;
	color: #FFF;
	padding: 50px 0;
}
.Newsletter input[type='text']
{
	display: block;
    float: left;
    font-size: 16px;
    color: #A9A9A9;
    width: 100%;
    padding: 13px 0;
    text-align: center;
    border: 0;
    line-height: normal;
}
.NewsletterFormInput 
{
	width:55%;
	display:inline-block;
	float:left;
}
.Newsletter .acceptTermsLabel 
{
	font-size:12px;
	float: left;
}
.Newsletter .acceptTermsLabel a
{
	color:#FFF;
}
.Newsletter input[type='checkbox'], .Newsletter label, .Newsletter a.switch
{
 margin-top:10px;
 margin-right:5px;
margin-left: 0px;
margin-bottom: 0px;
}
.Newsletter .SearchButton
{
	width: 25%;
    min-width: 25%;
    max-width: 25%;
	margin-left: 5%;
	float: left;
	font-size: 16px;
	font-weight: 700;
	color: #FFF !important;
	background: #B4985A;
	border: 2px solid #B4985A;
	text-align: center;
	padding: 5px 20px;
}
.Newsletter .SearchButton:hover
{
	color: #B4985A !important;
	background: #FFF;
	border: 2px solid #B4985A;
}
.Newsletter span.Warning 
{
	float:left;
	margin-left: 2px;
	line-height:18px;
}
.Bottom
{
	background: #000;
	font-size: 13px;
	line-height: 22px;
	color: #CFCFCF;
	text-align: center;
	padding: 30px 0;
}
.Bottom a
{
	color: #CFCFCF;
}
.TopLink
{
	font-size: 30px;
	color: #FFF;
	background: #005B7F;
	width: 65px;
	height: 50px;
	padding: 15px 0 0;
	display: inline-block;
}
.TopLink:hover
{
	color: #005B7F;
	background: #FFF;
}
.MenuInstitutional
{
	margin: 50px 0 30px;
}
.MenuInstitutional a
{
	font-size: 16px;
	font-weight: 700;
	color: #FFF;
	display: inline-block;
	margin: 0 30px;
	text-transform: uppercase;
	text-decoration: none;
}
.MenuInstitutional a:hover
{
	text-decoration: underline;
}
/* [Form] */
.Form 
{
	display: inline-block;
    text-align: left;
    font-weight:300;
    font-size:16px;
}
.Form label {
    font-weight: 400;
    display: inline-block;
}
.Form input[type='text'], .Form select 
{
	width:100%;
}
/* [userArea] */
.pnUserArea 
{
	width:100%;
	text-align:left;
	font-size:16px;
}
.pnUserArea .btn-su 
{
	padding-top:5px;
	padding-bottom:5px;
}
/* [Login] */
.contact_form 
{
	position:relative;
	text-align: left;
	margin-top: 15px;
}
.contact_form input 
{
	vertical-align:top;
	line-height: 28px;
	margin-bottom:10px;
}
.contact_form input.btn-su 
{
	position:absolute;
	top:0px;
	right:0px;
}
.contact_form #message 
{
	margin-top:15px;
}
/* [Popup] */
.TermsPage
{
	color: #818181;
	font-size: 14px;
	line-height: 22px;
	padding: 10px;
}
.TermsPage h2
{
	font-size: 18px;
	text-transform: uppercase;
	line-height: 22px;
	color: #B4985A;
	margin: 0;
}
.TermsPage h3
{
	font-size: 16px;
	text-transform: uppercase;
	line-height: 22px;
	color: #B4985A;
	margin: 20px 0 10px;
}
/* [Utils] */
.Clear
{
	clear: both;
}
.Left
{
	text-align: left;
}
.FLeft
{
	float: left;
}
.Right
{
	text-align: right;
}
.FRight
{
	float: right;
}
/* Preloader */
body {
	/*overflow: hidden;*/
}
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#FFF; /* change if the mask should have another color then white */
	z-index:9999; /* makes sure it stays on top */
}
.CmsViewPage #preloader {
	display: none;
}
#logo {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:20%; /* centers the loading animation vertically one the screen */
	background-image:url(images/Hotel-Sao-Jose-Loading.png); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}
#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(images/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}
/* [Botões] */
.SearchButton
{
	background: #005B7F;
	font-size: 26px;
	font-weight: 400;
	padding: 10px 20px;
	color: #FFF !important;
	text-decoration: none;
	text-transform: uppercase;
	border: 2px solid #FFF;
	display: inline-block;
	min-width: 150px;
	text-align: center;
}
.SearchButton:hover, .SearchButton:active
{
	background: #FFF;
	color: #005B7F !important;
	border: 2px solid #005B7F;
}
.btn-su 
{
	background: #005B7F;
    font-size: 16px;
    font-weight: 400;
    padding: 1px 20px;
    color: #FFF !important;
    text-decoration: none;
    text-transform: uppercase;
    border: 2px solid #FFF;
    display: inline-block;
}
/* [Calendar] */
.ui-datepicker
{
	background: #EFEFEF;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png);
    width: 16px;
}
.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}
.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}
.ui-datepicker-header, .ui-datepicker-calendar thead
{
	border-bottom: solid 1px #D5D5D5;
}
.ui-datepicker td span, .ui-datepicker td a
{
	text-align: center !important;
}
.ui-datepicker-unselectable span
{
	color: #D5D5D5;
}
.ui-datepicker-current-day a,  a.ui-state-hover
{
	color: #3c3e40;
	background: #D5D5D5;
}
.ui-datepicker .ui-datepicker-prev-hover
{
	left: 2px !important;
	top: 2px !important;
}
.ui-datepicker .ui-datepicker-next-hover
{
	right: 2px !important;
	top: 2px !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next
{
    overflow: hidden;
}
/* [Google Maps] */
#map_canvas{width: 49%;height: 420px;position: absolute !important;left: 0;}
#map_canvas img{max-width: none !important;}
#route > div{margin-top:80px;}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -35px;
	right: -35px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: 700;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #212249;
	background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('images/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('images/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
/* [Responsive] */
@media (min-width: 768px) and (max-width: 1023px) {
	.Languages {font-size: 14px;padding: 25px 0;line-height: 24px;}
	.Menu ul li a {font-size: 13px;margin: 0 3px;line-height: 20px;}
	.Booking {background: #B4985A;margin: 0;}
	.Booking .row .two.columns {width: 20% !important;margin-left: 2.12766% !important}
	.Booking .row .push_one.three.columns {width: 15% !important;margin-left: 2.12766% !important;}
	.RoomInfo .SlideShow a img {width: 100px;}
	.GmapsContainer p {font-size: 12px;}
	.GmapsContainer .SearchButton {font-size: 13px;margin: 53px 0 0;}
	.Newsletter {font-size: 16px;}
	.Newsletter .SearchButton {width: 28%;margin-left: 2%;}
}
@media only screen and (max-width: 767px)  
{
	.Languages {padding: 40px 0 45px;}
	.Menu {display: none;}
	.MenuMobile {display: block;position: relative;margin-top: -15px;}
	.MenuMobile ul li:nth-child(4){display: none;}
	.LogoMobile {width: 63px; height: 75px; background: url(../../images/Hotel-Sao-Jose.jpg) no-repeat; position: relative; margin: -81px auto 7px;}
	.Social {display: none;}
	.Booking {background: #B4985A;margin: 0;}
	.Tit {display: none;}
	.Booking .Search {margin-bottom: 15px;}
	.Booking .Search input {width: 100%;max-width: none;}
	.Booking .SearchButton {width: 100%;text-align: center;box-sizing: border-box;}
	.lnkBookingContainer {width:100%;}
	.RoomInfo .SlideShow a {margin-bottom: 15px;}
	.RoomInfo .SlideShow a img {width: auto;}
	.rowAlt1 {background: #F5F5F5;}
	.rowAlt2 {background: #FFF;}
	.Gallery .SlideShow a {width: 50%;}
	#map_canvas {width: 100%;position: relative !important;height: 320px;}
	.GmapsContainer p {padding: 10px 0;}
	.ModesGmaps br {display: none;}
	.GmapsContainer .SearchButton {width: 80%; margin-bottom: 30px;}
	.Contacts .CAddress {margin-bottom: 30px;}
	.Newsletter {padding: 50px 0 0;}
	.Newsletter input[type='text'] {float: none;width: 100%;margin-top: 15px;}
	.Newsletter .SearchButton {width: 99%;min-width: 99%;max-width: 99%;margin-left: 0;float: none;padding: 5px 0;}
	.Newsletter span {display:inline-block;margin-top:10px;font-size: 14px;margin-top: 0;}
	.Newsletter span.Warning {float:none;line-height:18px;}
	.NewsletterFormInput {width:100%;}
	.MenuInstitutional {margin: 30px 0 30px;}
	.MenuInstitutional a {font-size: 16px;display: block;margin: 15px 50px;}
	.GmapsContainer p .fa-long-arrow-right, .GmapsContainer p .fa-long-arrow-left {display: none;}
	.pnUserArea .btn-su {width:100%;margin-bottom: 10px;}
	.contact_form input {width:100%;margin-bottom:10px;}
	.contact_form a {width:100%;box-sizing:border-box;margin-bottom:10px;}
	.contact_form input.btn-su {position: relative;}
	.contact_form span {font-size:16px;}
	.Form label {max-width: calc(100% - 28px);}
	span.Warning {float:left;}
	.UserAreaForm .btn-su {width:100%;margin-bottom:10px;}
	.Hotel iframe {float:none;padding-left:0px;padding-bottom:15px;margin:auto;}
}