img {
    max-width: 100%;
}

h4 a {
    color: #1C1C1C;
    text-decoration: none;
}

.quore {
    color: #AEAEAE;
    font-size: 15px;
    font-style: italic;
    border-left: 5px solid;
    padding: 0 20px 10px;
    margin: 15px 0px 20px 20px;
    display:block;
    border-color: #BF9958;
}

.authentication-form tr.label, .authentication-form tr.empty, #frmCheckBooking .booking-number.label {
    display:none;
}

.main-content h1 {
    font-size: 30px;
    margin: 0 0 20px 0;
}

/************** AUTHENTICATION *************/

.authentication-form {
    padding: 0 30px 0 0;
	font-size:14px;
}

.authentication-form tr.label, .authentication-form tr.empty {
    display:none;
}

.authentication-form label[for="chk_remember_me"] {
    color: #1C1C1C;
}

.authentication-form input[type="text"], .authentication-form input[type="password"] {
    width: 210px;
    margin: 0px 0px 10px !important;
    font-size: 14px;
    color: #D3D3D3;
}

.authentication-form input[type="text"], .authentication-form input[type="password"] {
    width: 210px;
    margin: 0px 0px 10px !important;
    font-size: 14px;
    color: #D3D3D3;
}

.authentication-form input[type="submit"] {
    background: #BF9958 none repeat scroll 0% 0%;
    width: 150px;
    margin: 10px auto 10px 0;
    display: block;
    color: #FFF;
    border: medium none;
    font-size: 14px;
    cursor: pointer;
}

.authentication-form tr.link {
    margin-top: 10px;
    display:block;
}

.authentication-form tr.link a {
    color: #1C1C1C;
    text-decoration: none;
}
#navigation {
	margin-right: -30px;	
}

#navigation li a {
    font-weight: 400;
    border-right: #e8e8e8 1px solid;
    display: block;
    padding: 20px 15px 20px 15px;
}

#navigation li {
    padding: 40px 0;
	border-bottom: 4px solid #fff;
}

.slider-caption-wrapper {
    bottom: 15%;
    top: inherit;
}

.medium-caption {
    font-size: 14px;
}

/************* GALLERY *************/
.gallery_wrapper { display:inline-block; width: 100%; }
.gallery_item { float:left; display:inline-block; box-sizing:border-box; padding:0; text-align:center; border-bottom:0; border-right:1px solid #fff; border-top:1px solid #fff; vertical-align: middle; margin-right:5px; margin-bottom:15px; }
.gallery_item img { height:110px;}
.gallery_item a { color: #1C1C1C; text-decoration: none; }
.gallery_item a span { font-size: 14px; margin: 0px 0px 15px; font-family: "Merriweather",serif; }
.gallery_item .gallery-type .gallery-title { height: 45px; display:block; }
.gallery_item  .album-title { margin:auto; max-width: 100%; }
.gallery_item  .video-album-icon { width:140px; height:inherit; max-height:105px; }


/************* Correction bug in firefox *************/
#reservation-form input[type="submit"] {
    min-width: 140px;
}


.step-title a {
	color: #1C1C1C;
	text-decoration: none;	
}
.step-title a:hover {
	color: #1C1C1C;
	text-decoration: underline;	
}

/********************************/

#logo h1 span {
    width: auto !important;
}

li.current-menu-item {
    border-color: #BF9958;
    border-bottom: 4px solid;
}

TABLE TR TD A {
	color: #1C1C1C;
	text-decoration: none;	
}
TABLE TR TD A:hover {
	color: #1C1C1C;
	text-decoration: underline;	
}

TABLE TR TD input[type="text"],
TABLE TR TD input[type="password"],
TABLE TR TD SELECT
{
    padding: 8px 7px;
    margin:0px !important;
	border: 1px solid #E8E8E8;
}

TABLE TR TD SELECT {
    margin-right:2px !important;
}

input[type=text],
input[type=password],
select{
	padding: 8px 7px;
	color:#777 !important;
	border: 1px solid #E8E8E8;
}

input.button,
input.form_button,
input.form_button_middle{
	background: #BF9958 none repeat scroll 0% 0%;
    border: 1px solid;
    color: #FFF;
	height:36px;    
    font-size: 14px;
    font-weight: 400;
    display: block;
    float: left;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
	margin-right:3px; 
}

/* --- CHECK BOOKING ------------------------------------------------------- */
input#frmCheckBooking_booking_number {
	border: 1px solid #E8E8E8;
	padding: 8px 7px;
	margin:5px 0 !important;
}
TR.booking-number.label {
	padding-top:0px;
	font-size:15px;
	font-weight: normal;
}


/* --- TERMS & CONDITIONS ------------------------------------------------------- */
#light         { display:none; }
.black_overlay { display:none; position:absolute; top:0%; left:0%; width:100%; height:1900px; background-color:black; z-index:1001; -moz-opacity:0.8; opacity:.80; filter:alpha(opacity=80); }
.white_content { position:absolute; top:120px; left:7%; width:80%; height:65%; padding:16px; border:16px solid darkorange; border-top:0px; background-color:white; z-index:1002; overflow:auto; }
.white_content UL LI { margin-left: 10px; }
.white_header  { position:absolute; top:40px; left:7%; width:80%; height:10%; padding:16px; border:16px solid darkorange; border-bottom:0px; background-color:white; z-index:1002; overflow:auto; }
.white_header DIV.title_left  { float:left; width:70%; }
.white_header DIV.title_right { float:right; width:30%; text-align:right; }

/** ROOM DESCR ******************/
img.room_icon_descr { height:415px; }
.tab-normal { border-top:4px solid #ccc; margin-top:-4px; z-index:9999}
.tab-active { border-top:4px solid #BF9958; margin-top:-4px; }
.tab-content { display: none;}
.tab-content-active { display: block; }


.mobile-menu-inner { overflow-x:auto; overflow-y:auto; }

.page-content table tr:nth-child(2n) {
    /*background: #fff none repeat scroll 0% 0%;*/
}

/* Responsive tables wrapper */
.overflow-x-auto { overflow-x:auto; }

/* Price tables */
DIV.room_prices-wrapper	{ width:100%; overflow-x:auto; }
TABLE.room_prices    { width:99%; margin:0 !important; }
TABLE.room_prices TH { padding:5px 1px !important; text-align:center; }
TABLE.room_prices TD { padding:1px 1px !important; text-align:center; font-size:13px; }
/*IMG.room_icon 					{ border:2px solid #dBe3eB; margin-bottom:5px; }*/
TABLE.room_prices TR.sub-header TH  { font-size:10px; }

SELECT.available_extra_beds_ddl { width:70px; padding: 8px 4px; }
SELECT.available_meals_ddl { width:100px; padding: 8px 4px; }
SELECT.available_rooms_ddl { width:100px; padding: 8px 4px; }

.discount_coupon { width:210px !important; }

/* Occupancy Calendar */
#mod_calendar  { width:400px ! important; }
#mod_calendar table.month_small td {
	min-width:23px !important;
	min-height:23px !important;
	line-height:20px;
	padding:2px 4px;
	font-size:11px;
}
#mod_calendar table.month_small td.th_small {
	min-width:23px !important;
}

.page-content table td { border:0px !important; }

label[for=pre_payment_fully],
label[for=pre_payment_partially] { width:135px; display:inline-block}

/* Check Availabiltiy */
.tbl_hotel_description .hotel_icon { width:150px; max-width:none; float:left; margin-right:15px;}

/* Login, Registration */
#user_name { margin-top:2px !important; }
#password { margin-top:2px !important; }

.authentication-form #chk_remember_me + label { margin-top:25px; margin-left:5px; display:inline-block; }

/* Footer links */
#frmLogout .main_link { color:#fff; text-decoration: none; font-size:13px; }
#frmLogout .main_link:first-child { margin-left:30px; }
#frmLogout .main_link:hover { text-decoration: underline; }

.mandatory_star { color:  #960000;}

.available_meals_ddl { width: 170px; }

#commentsLink a {
	color: #1C1C1C;
	text-decoration: none;	
}

.mgrid_label A            { text-decoration:none; color: #6699CC; }
.mgrid_label A:hover      { text-decoration:none; color:#000000; }


SPAN.yes   		{ color:green; }
SPAN.no    		{ color:darkred; }
SPAN.gray    	{ color:gray; }
SPAN.lightgray  { color:lightgray; }
SPAN.red        { font-weight:normal; color:#c30000; }
SPAN.green      { font-weight:normal; color:#308330; }
SPAN.darkred    		{ color:darkred; }
SPAN.required    		{ color:#c13a3a; }

.alignleft	{ text-align: left !important; }
.alignright { text-align: left !important; }

/* currency */
.currency-changer { float:right !important; width:95px; margin-left:15px; }
.currency-changer .styled{ padding:1px 2px; }

/* language */
#language-selection { margin: 5px 0 0 0 !important; display:inline-block; }

.topbar-right { width:75%; }

.datepicker-big {
	min-width:170px;
}

.select-wrapper-small {
	width: 95px;
	overflow: hidden;
	margin: 0 10px 0 0;
}

.select-wrapper-big {
	width: 170px;
	overflow: hidden;
	margin: 0 10px 0 0;
}

.select-wrapper-small select,
.select-wrapper-big select{
	width: 117%;
	background-image: url(../images/arrows3.png);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 80% center;
	color: #d3d3d3;
	border: none;
	-webkit-appearance:none;
	border-radius: 0;
	padding: 9px 10px;
	outline: none;
	font-size: 14px;
}

.scrolling-wrapper {
	width:100%;
	overflow-x:auto !important;
}

.center_box_content .block-image-room {
    width:200px;
    text-align:center;
    float:right;
    padding:15px;
    box-sizing:border-box;
    margin-top:40px;
}

.center_box_content .block-description-room {
    margin-right:200px;
}

.page-content table td.right {text-align:right;}

.page-content table td input.form_button {width:150px; float:right;}

/* Responsive */

@media only screen and (max-width: 1050px) {
    .authentication-form input[type="text"], .authentication-form input[type="password"], #frmCheckBooking .booking-number.input input {
        width: 132px;
    }
    table.responsive_table > thead, table.responsive_table > tbody > tr > th, table.responsive_table .responsive_hidden {
        display: none;
    }

    table.responsive_table > tfoot > tr > th, table.responsive_table > tfoot > tr > td, table.responsive_table > tbody > tr > td {
        border: none;
        display: block;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        vertical-align: top;
        float: left;
        width: 100%;
        box-sizing: border-box;
    }

    table.responsive_table > tfoot > tr > th::before, table.responsive_table > tfoot > tr > td::before, table.responsive_table > tbody > tr > td::before {
        padding: 3px;
        margin-right: 10px;
        background: #bf9958;
        color: #fff;
        text-align: left;
        content: attr(data-th) " ";
        display: inline-block;
        -webkit-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
        font-weight: bold;
        width: 30%;
    }

    table.responsive_table .responsive_not_show_before::before {
        display:none;
    }

    table.responsive_table > tr, table.responsive_table > tbody > tr{
        border: 2px solid #bf9958;
        margin-bottom: 10px;
        display: inline-table;
    }
}

@media only screen and (max-width: 767px) {
    /*.authentication-form input[type="text"], .authentication-form input[type="password"], #frmCheckBooking .booking-number.input input {*/
    /*    width: 337px;*/
    /*}*/
    .authentication-form input[type="text"], .authentication-form input[type="password"], #frmCheckBooking .booking-number.input input {
        width: 182px;
    }

    .page-content table td {
        white-space: normal;
        padding:9px;
    }

    .page-content table td select {
        width: 100%;
    }

    .page-content input[type="text"], .page-content input[type="email"], .page-content input[type="url"], .page-content input[type="number"], .page-content input[type="tel"], .page-content input[type="date"], .page-content input[type="file"] {
        width: 93%;
    }

    #captcha_image_play, #captcha_image_reload {
        min-width: 16px;
    }
}

@media only screen and (min-width: 1250px) {
    #logo {
        margin: 45px 0 0 -30px;
    }

    .content-wrapper {
        width: 1024px;
    }
}

@media only screen and (max-width: 1250px) and (min-width: 1050px) {
    #logo {
        max-width: 200px;
    }
}

@media only screen and (max-width: 479px) {
    .center_box_content .block-description-room {
        margin-right:0;
    }

    .center_box_content .block-image-room {
        width:100%;
    }

    .center_box_content .block-image-room img {
        width:100%;
    }

    .center_box_content input[type=submit] {
        width:100%;
    }

    .page-content input[type="text"], .page-content input[type="email"], .page-content input[type="url"], .page-content input[type="number"], .page-content input[type="tel"], .page-content input[type="date"], .page-content input[type="file"] {
        width: 87%;
    }
}
/* ==== Social buttons (36x36, 1 fila, hover dorado) ==== */
:root{
  --btn-size:36px;
  --icon-size:18px;
  --gap:8px;
  /* Paleta afinada al sitio oscuro + dorado */
  --fb:#2B6DEB;         /* azul más suave */
  --ig:#D85A78;         /* rosa suave */
  --maps:#64B26F;       /* verde apagado */
  --ab:#FF5A5F;         /* coral airbnb */
  --gold:#C8A56A;       /* acento del sitio */
}

.social-icons.social-colored{
  display:flex !important; flex-wrap:nowrap !important;
  gap:var(--gap); margin:0 0 12px 0; padding:0; list-style:none;
}
.social-icons.social-colored li{display:inline-flex;margin:0}

/* círculo de color */
.icon-btn{
  width:var(--btn-size); height:var(--btn-size); border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:#999; text-decoration:none;
  box-shadow:0 2px 6px rgba(0,0,0,.2);
  transition:transform .15s ease, box-shadow .15s ease, box-shadow .15s ease-in-out;
  position:relative;
}
.icon-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 0 0 2px var(--gold), 0 6px 14px rgba(0,0,0,.28);
}

/* SVG blancos y del tamaño correcto */
.icon-btn svg{ width:var(--icon-size); height:var(--icon-size); fill:#fff; display:block }

/* colores por red (armonizados al sitio) */
.icon-btn.fb{     background:var(--fb) }
.icon-btn.ig{     background:var(--ig) }
.icon-btn.maps{   background:var(--maps) }
.icon-btn.airbnb{ background:var(--ab) }

/* desactiva sprites viejos del tema */
.social-icons .facebook-icon,
.social-icons .twitter-icon,
.social-icons .pinterest-icon,
.social-icons .gplus-icon,
.social-icons .linkedin-icon{ display:none !important }

/* Ensure brand SVGs render correctly and stay same size/behavior */
.icon-btn svg{ width:18px; height:18px; display:block; }      /* size */
.icon-btn.ig svg{ fill:none !important; }                      /* avoid white square */
.icon-btn.ig svg *{ vector-effect:non-scaling-stroke; }        /* crisp lines on hover/scale */

/* Keep your palette (adjust if you like) */
.icon-btn.fb{     background:#1877F2; }  /* Facebook brand blue */
.icon-btn.ig{     background:#E4405F; }  /* Instagram pink */
.icon-btn.maps{   background:#34A853; }  /* Maps green */
.icon-btn.airbnb{ background:#FF5A5F; }  /* Airbnb coral */

/* Past days visibly gray (theme-proof) */
#open_datepicker td.dp-past > span.ui-state-default{
  background:#1f1f1f !important;
  color:#9a9a9a !important;
  border-color:#222 !important;
  opacity:.55 !important;
  cursor:not-allowed !important;
  box-shadow:none !important;
  text-decoration:none !important;
}

/* Also fade other-month days */
#open_datepicker .ui-datepicker-other-month span,
#open_datepicker .ui-datepicker-other-month a{
  opacity:.45 !important;
  filter:grayscale(100%);
  pointer-events:none;
}

/* Range highlight (supports <a> and <span>) */
#open_datepicker td.dp-highlight a.ui-state-default,
#open_datepicker td.dp-highlight span.ui-state-default{
  background:#C8A56A !important;   /* your gold accent */
  color:#111 !important;
  border-color:#C8A56A !important;
}
/* Google Reviews button: match Subscribe button exactly */
.btn-footer-submit {
  background: #BF9958 none;
  width: 150px;
  margin: 10px auto 10px 0;
  display: block;
  color: #FFF;
  border: none;
  font-size: 14px;
  cursor: pointer;
  padding: 9px 10px;           /* same padding as submit */
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
}

/* Keep text white and remove underline on all states */
.btn-footer-submit:hover,
.btn-footer-submit:focus,
.btn-footer-submit:visited {
  color: #FFF;
  text-decoration: none;
}