/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, table {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}
/* set image max width to 100%
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/************************************************************************************
GENERAL STYLING
*************************************************************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #fff;
	font-size: 14px;
	line-height: 1.5em;
	margin: 0;
	height: 100%;
	font-smooth: always;
	-webkit-font-smoothing: antialiased;
	position: relative;
}

@media only screen and (min-width : 1824px) {
body {
	font-size: 1em;
}
}
html {
	height: 100%;
}
a {
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0 0 1.2em;
	padding: 0;
}
/* list */
ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}
/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 20px 0 .4em;
	color: #000;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic
}
.underline {
	text-decoration: underline
}
.strike {
	text-decoration: line-through
}
.center {
	text-align: center;
}

.d-none {
	display: none;
}

@font-face {
	font-family: 'Conv_SNCPQ_SB';
	src: url('../../fonts/SNCPQ_SB.eot');
	src: local('☺'), url('../../fonts/SNCPQ_SB.woff') format('woff'), url('../../fonts/SNCPQ_SB.ttf') format('truetype'), url('https://secure.bookerclub.com/fonts/SNCPQ_SB.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.placeholder {
	color: #aaa;
}
#pagewrap {
	min-height: 100%;
	margin-bottom: -18px;
}
#pagewrap:after {
	content: "";
	display: block;
}
.container {
	width: 1224px;
	margin: 0 auto;
}

@media only screen and (min-width : 1824px) {
.container {
	width: 1800px;
}
}
/************************************************************************************
HEADER
*************************************************************************************/
header {
	/*		height: 81px;*/
	margin: auto;
	margin: 0 60px;
	padding-bottom: 10px;/*	overflow: hidden*/
}
header #logo {
	float: left;
	margin-left: 0;
	margin-top: 16px;
	/*		max-height: 49px; */
	width: 239px;
}

@media only screen and (min-width : 1824px) {
header #logo {
	width: 364px;
}
}
header #logobookerclub {
	float: left;
	margin-left: 0;
	margin-top: 16px;
	/*		max-height: 49px; */
	width: 239px;
}
header .capital {
	float: left;
	margin-left: 0;
	margin-top: 24px;
}
header .capital a {
	color: #434242;
}
header .capital a:hover {
	text-decoration: underline
}
header .menuopen {
	display: none;
	cursor: pointer;
}
header #menu {
	float: right;
	margin-top: 32px;
	width: 706px;
}
#langselect {
	float: right;
	background: none;
	width: 145px;
	padding-right: 1px;
}


#menu .modalDialog > div {
    width: 600px;
}

#menu .modalDialog .close {
    -moz-box-shadow: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0 0 0 #000;
    text-decoration: none;
}

#menu h4 {
	margin-bottom: 2rem;
}

.langselect {
	float: right;
	background: none;
	width: 145px;
	padding-right: 1px;
	margin-top: 1px;
}

.langselect a span {
    cursor: pointer;
    display: inline-block;
    padding: 5px;
}

.langselect img.flag {
    border: none;
    float: left;
    margin-right: 7px;
    width: 24px;
    margin-left: 5px;
	margin-top: -1px
}


.langselect em {
    font-style: normal;
	color: #434242 !important;
	display: inline-block;
	line-height: 16px;		
}


.curselect {
	float: right;
	background: none;
	width: 156px;
	padding-right: 1px;
	margin-top: 1px;
	text-align: right;
	margin-right: 10px;
}

.curselect a span {
    cursor: pointer;
    display: inline-block;
    padding: 5px;
}


.curselect img.cur {
    border: none;
    float: left;
    margin-left: 5px;
    margin-right: 7px;
	margin-top: 3px;
    height: 16px;
}

.curselect em {
    font-style: normal;
	color: #434242 !important;
	display: inline-block;
	line-height: 16px;	
}



.langselectorul  {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	box-sizing: border-box;
}

.langselectorul  li {
	flex: 0 0 27%;
	max-width: 27%;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 1.5rem;
}

.langselectorul  li a {
	text-decoration: none;
	color: #434242;
}


.langselectorul  li img.flag {
    border: none;
    float: left;
    margin-right: 7px;
    width: 24px;
    margin-top: -2px;
}

.langselectorul  li .cursymbol {
    float: left;
	margin-top: 2px;
    margin-right: 5px;
    height: 16px;
	cursor: pointer;
}

.langselectorul  li label {
	cursor: pointer;
}


.langselectorul input[type="radio"]{
	display: none;
}

.dropdown dd, .dropdown dt, .dropdown ul {
	margin: 1px 0 0;
	padding: 0;
	width: 132px;
}
.dropdown dd {
	position: relative;
}
.dropdown a, .dropdown a:visited {
	color: #333;
	text-decoration: none;
	outline: none;
}
.dropdown a:hover {
	color: #333;
}
.dropdown dt a:hover {
}
.dropdown dt a {
	display: block;
	width: 132px;
	background: none;
	height: 29px;
}
.dropdown dt a:hover {
	background: none;
}
.dropdown dt a span {
	cursor: pointer;
	display: block;
	padding: 5px;
}
.dropdown dd ul {
	border-radius: 0px 0px 5px 5px;
	border-bottom: 0px none #C3C3C3;
	border: 1px solid #fff;
	color: #333;
	display: none;
	left: 0px;
	/*	padding: 0 5px 5px 5px; */
	position: absolute;
	top: 5px;
	width: auto;
	min-width: 119px;
	list-style: none;
	z-index: 9999;
	background: #fff;
	margin-top: -4px;
	box-shadow: #C3C3C3 0px 2px 8px 0px;
}
.dropdown span.value {
	display: none;
}
.ddcommon .shadow {
	box-shadow: #C3C3C3 0px 2px 8px 0px !important;
}
.dropdown dd ul li {
	clear: both;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding-left: 5px;
}
.dropdown dd ul li:hover {
	background-color: #F2F2F2;
	color: #000;
}
.dropdown dd ul li a {
	padding: 6px 0 0 0;
	margin-left: -1px;
	width: 100%;
/*	font-size: 14px; */
	font-size: 1em;
}
.dd .arrow {
	background-image: none !important
}
.dd .ddTitle .ddTitleText {
	background-image: none !important
}
.dropdown em {
	font-style: normal;
	position: absolute;
	top: 6px;
	left: 41px;
}
.dropdown img.flag {
	border: none;
	float: left;
	margin-right: 7px;
	width: 24px;
	margin-left: 5px;
	margin-top: -2px;
}

@media only screen and (min-width : 1824px) {
.dropdown img.flag {
	margin-top: 0;
}
}


.dd-currency {
	width: 135px; 
	white-space:nowrap
}

@media only screen and (min-width : 1824px) {
.dd-currency {
	width: 160px; 
}
}

header #menu #mybooking {
	/*	background: url(../../images/signin.svg), url(../../images/select-divider.png); */
	background: url(../../images/signin.svg);
	background-repeat: no-repeat;
	/*	background-position: left center, right center; */
	background-position: left center;
	line-height: 32px;
	padding-left: 23px;
	float: right;
	margin-left: 8px;
	padding-right: 9px;
	margin-top: 2px;
}
header #menu #mybooking a {
	color: #434242;
	text-decoration: none;
}
/*
header #menu #mybookinglast {
	background: url(https://secure.bookerclub.com/css/bookerclub.css?ver18);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 18px;
	line-height: 32px;
	padding-left: 23px;
	float: right;
	margin-left: 8px;
	padding-right: 0;
}
*/

header #menu #mybookinglast {
	float: right;
	margin-left: 8px;
	padding-right: 0;
	position: relative;
	display: block;
	margin-top: 6px;
}
header #menu #mybookinglast::before {
	content: url(../../images/signin.svg);
	transform: scale(1.05);
	position: absolute;
	left: -20px;
	top: 1px;
}

@media only screen and (min-width : 1824px) {
header #menu #mybookinglast::before {
	top: 2px;
}
}
header #menu #mybookinglast a {
	color: #434242;
	text-decoration: none;
}
header #menu #phone {
	background: url(../../images/phone-symbol-2.svg) no-repeat center left;
	background-size: 15px;
	line-height: 32px;
	padding-left: 20px;
	float: right;
	margin-left: 8px;
	color: #434242;
	margin-top: 1px;
}
header #menu #phone:hover {
	color: #000;
}
header #menu #phone a {
	color: #434242;
}
header #menu #phone a:hover {
	color: #000;
}
#currency_msdd {
	float: right;
	margin-right: 2px;
	text-align: right;
}
img.fnone {
	padding: 0 6px 0 0;
	width: 16px;
	margin-top: -3px;
}
.dd .ddTitle .ddTitleText {
	padding: 5px 0 5px 5px !important;
}
.dd .ddChild li {
	padding: 6px 0 3px 4px !important;
	border-bottom: 0 !important;
/*	font-size: 14px; */
	font-size: 1em;
}



.dd .ddChild li img {
	padding-right: 0 !important;
}
.dd .ddChild li.selected {
	display: none !important;
}
.blue {
	color: #4487eb;
}
.red {
	color: #d83530;
}
/************************************************************************************
CONTENT
*************************************************************************************/

#wrap {
	height: 100%;
	position: relative;
}
#content {
	background: #fff;
	width: 1224px;
}
#homeslider {
	position: relative;
}
#homeslider #navigation {
	position: absolute;
	top: 10px;
	right: 30px;
}
#homeslider .slide {
	height: 428px;
	width: 100%;
}
.bx-wrapper img {
	width: 100%;
	margin-top: -16px !important;
}
#homeslider .slide span {
	font-family: 'Conv_SNCPQ_SB', Sans-Serif;
	color: #fff;
	font-size: 2.14em;
	float: right;
	margin-right: 35px;
	margin-top: 88px;
	line-height: 45px;
	text-align: right;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
}
#homeslider #searchmask {
	position: absolute;
	width: 278px;
	top: 0;
	left: 60px;
	z-index: 99;
	padding: 14px 9px 0 9px;
	color: #FFF;
}
#homeslider #searchmask h5 {
	color: #FFF;
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 1.30em;
	font-weight: normal;
	line-height: normal;
}
#homeslider #searchmask h6 {
	color: #fff;
	margin: 7px 0 15px 0;
	padding: 0;
	font-size: 1.71em;
	font-weight: normal;
	background: url('https://secure.bookerclub.com/images/magnifying.png') no-repeat scroll 0% 0% transparent;
	padding-left: 24px;
	line-height: 17px;
}
#homeslider #searchmask form {
	margin: 8px 0;
	line-height: 26px;
	position: relative;
	font-weight: normal;
	font-size: 0.93em;
}



#homeslider #searchmask form input {
	background: #FFF;
	border: 1px solid #808080;
	padding: 4px 6px;
	float: left;
	margin-bottom: 4px;
	font-size: 1em;
	color: #959595;
}
#homeslider #searchmask form select {
	background: #FFF;
	border: 1px solid #808080;
	padding: 4px 2px;
	float: left;
	margin-bottom: 4px;
	font-size: 1em;
	color: #959595
}
#homeslider #searchmask form img {
	float: left;
}
#homeslider #searchmask .xxl {
	width: 257px;
}
#homeslider #searchmask .m {
	width: 86px;
	padding: 2px 6px;
	height: 22px;
	border: 0;
	font-size: 0.93em;
}
#homeslider #searchmask .dateinputin {
	background: #fff;
	border: 1px solid #808080;
	height: 26px;
	width: 131px;
	position: relative
}
#homeslider #searchmask .dateinputout {
	background: #fff;
	border: 1px solid #808080;
	height: 26px;
	width: 131px;
	margin-left: 6px;
	position: relative
}
#homeslider #searchmask .checkout {
	margin-left: 6px;
}
#homeslider #searchmask #nightstay {
	font-size: 0.9em;
	margin-bottom: 5px;
}
#homeslider #searchmask #nightstay-en {
	font-size: 0.9em;
	margin-bottom: 5px;
}
#homeslider #searchmask #nightstay-es {
	font-size: 0.9em;
	margin-bottom: 5px;
}
#homeslider #searchmask #nightstay-fr {
	font-size: 0.9em;
	margin-bottom: 5px;
}
#homeslider #searchmask #nightstay-de {
	font-size: 0.9em;
	margin-bottom: 5px;
}
#homeslider #searchmask #nightstay-it {
	font-size: 0.9em;
	margin-bottom: 5px;
}
#homeslider #searchmask #nightstay-nl {
	font-size: 0.9em;
	margin-bottom: 5px;
}
#homeslider #searchmask #nightstay-pt {
	font-size: 0.9em;
	margin-bottom: 5px;
}
#homeslider #searchmask #nightstay-ru {
	font-size: 0.9em;
	margin-bottom: 5px;
}
#homeslider #searchmask #nightstay-bg {
	font-size: 0.9em;
	margin-bottom: 5px;
}
#homeslider #searchmask #nightstay-ca {
	font-size: 0.9em;
	margin-bottom: 5px;
}
#homeslider #searchmask #nightstay-hu {
	font-size: 0.9em;
	margin-bottom: 5px;
}
#homeslider #searchmask #nightstay-zh {
	font-size: 0.9em;
	margin-bottom: 5px;
}
#homeslider #searchmask #nightstay-ko {
	font-size: 0.9em;
	margin-bottom: 5px;
}
#homeslider #searchmask #nightstay-ar {
	font-size: 0.9em;
	margin-bottom: 5px;
}
#homeslider #searchmask .col-1-3 {
	margin-right: 2%;
	width: 32%;
	margin-top: -5px;
}
#homeslider #searchmask .adlts-en span {
	margin-left: 2px;
}
#homeslider #searchmask .adlts-es span {
	margin-left: 2px;
}
#homeslider #searchmask button {
	border: 0;
	float: right;
}
#homeslider #searchmask .s {
	width: 100%;
	border-right: 0;
	height: 27px;
	line-height: 22px;
}
#homeslider #searchmask .xs {
	width: 30px;
	margin-left: 2px;
}
#homeslider #searchmask .roomtpl {
	background: #06F
}
#homeslider #searchmask .promocode {
	margin-top: 6px;
	margin-bottom: -6px;
	width: 130px;
}
#homeslider #searchmask .promocodelabel {
	margin-left: 8px;
	line-height: 25px;
	float: left;
	margin-top: 6px;
}
#homeslider #searchmask .promocodeinvalid {
	margin-top: 6px;
	margin-bottom: -6px;
	width: 130px;
	background: #ffff00
}
#homeslider #searchmask .invalidlabel {
	margin-top: 5px;
	margin-bottom: -10px;
}
#homeslider #searchmask .submitbutton {
	width: 167px;
	height: 38px;
	border: 1px solid #fff;
	padding: 0;
	font-size: 1.43em;
	font-weight: normal;
	color: #FFF;
	margin-left: 55px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -48px;
	position: absolute;
	z-index: 1;
}
#homeslider #searchmask .submitbutton:hover {
}
#homeslider #searchmask .entity {
	padding-right: 17px; /* add space for the 'x' icon*/
	width: 258px;
	color: #808080;
}
#homeslider #searchmask span.icon_clear {
	position: absolute;
	right: 10px;
	margin-top: 2px;
	/*display:none;*/
	/* now go with the styling */
	cursor: pointer;
	font: 1em sans-serif;
	color: #A8A8A8;
	font-size: 1.29em;
	background: #fff;
	padding-left: 6px;
}
/*@media screen and (-webkit-min-device-pixel-ratio:0) { 
#homeslider #searchmask span.icon_clear {margin-top: 3px}
}

#homeslider #searchmask span.icon_clear:hover {
	color:#f52;
}
*/


.ui-autocomplete-category {
	color: #fff;
	background: #4487EB;
	font-size: 0.86em;
	font-weight: bold;
}
.ui-menu .ui-menu-item {
	font-size: 0.86em;
}
#homeslider #searchmask .labelroom {
	line-height: 14px;
	margin-top: 5px;
}
#homeslider #searchmask .roomcell {
	float: left;
	width: 60px;
}
#homeslider #searchmask .roomcell label {
	height: 26px;
	font-size: 0.95em;
}
#homeslider #searchmask .roomcell select {
	height: 27px;
	width: 44px;
	line-height: 21px;
}
#homeslider #searchmask .roomcell2 {
	float: left;
	width: 158px
}
#homeslider #searchmask .roomcell2 label {
	font-size: 0.95em;
}
#homeslider #searchmask .roomcellchild {
	float: right;
	width: 150px;
}
#homeslider #searchmask .roomcellchild label {
	height: 26px;
	display: block;
}
#homeslider #searchmask .roomcellchild select {
	margin-right: 2px;
	-webkit-appearance: none;
	line-height: 18px;
	margin-top: 0;
	width: 44px;
}
.ui-datepicker-trigger {
	margin: 0;
	padding: 0;
	border: 0;
	background: #ffffff;
}
[class*='col-'] {
	float: left;
}
[class*='col-ar'] {
	float: right;
}
.col-1-2 {
	width: 50%;
}
.col-ar-1-2 {
	width: 50%;
}
.col-1-3 {
	width: 33.33%;
}
.col-2-3 {
	width: 66%;
}
.col-1-4 {
	width: 25%;
}
.home {
	margin: 0 60px;
	background: url(https://secure.bookerclub.com/images/contentbg.png) no-repeat center top;
	padding: 1% 0;
}
.home a {
	color: #000;
}
.home a:hover {
	text-decoration: underline
}
.grid h2 {
	font-size: 1.29em;
	margin: 3% 0;
}
.home ul, li {
	margin: 0;
	list-style-type: none;
}
#whybox {
	width: 275px;
	padding-right: 21px;
	float: left;
	background: url(../../images/homeboxborder.png) right top no-repeat;
	margin-right: 2%;
	padding-top: 15px;
	min-height: 273px;
	font-size: 1em;
}

@media only screen and (min-width : 1824px) {
#whybox {
	width: 418px;
}
}
#whybox h2 {
	font-family: 'Conv_SNCPQ_SB', Sans-Serif;
	font-size: 1.43em;
	margin: 0;
	padding-bottom: 10px;
}
#whybox h3 {
	font-family: 'Conv_SNCPQ_SB', Sans-Serif;
	color: #d83530;
	font-size: 1.43em;
	margin: 0;
	padding-bottom: 10px;
}
#whybox li {
	background: url(https://secure.bookerclub.com/images/whylibg.png) no-repeat;
	padding-left: 47px;
	margin-bottom: 19px;
	min-height: 38px;
}
#whybox a {
	color: #000000;
	font-weight: bold;
}
#specials {
	width: 399px;
	padding-right: 9px;
	float: left;
	background: url(../../images/homeboxborder.png) right top no-repeat;
	margin-right: 2%;
	padding-top: 15px;
	height: 300px;
	overflow: hidden;
}

@media only screen and (min-width : 1824px) {
#specials {
	width: 607px;
	height: 300px;
}
}
#specials .offer {
	height: 134px;
	cursor: pointer;
	background-repeat: none;
	width: 384px;
}

@media only screen and (min-width : 1824px) {
#specials .offer {
	width: 584px;
	background-size: 100%;
}
}
#specials h2 {
	font-family: 'Conv_SNCPQ_SB', Sans-Serif;
	font-size: 1.43em;
	margin: 0;
	padding-bottom: 10px;
}
#slider2 li .pricewithbutton {
	width: 396px !important;
}

@media only screen and (min-width : 1824px) {
#slider2 li .pricewithbutton {
	width: 596px !important;
}
}
#subscribebox {
	width: 345px;
	float: right;
	padding-top: 15px;
	text-align: justify;
	font-size: 1em;
}

@media only screen and (min-width : 1824px) {
#subscribebox {
	width: 525px;
}
}
#subscribebox h2 {
	font-family: 'Conv_SNCPQ_SB', Sans-Serif;
	color: #d83530;
	font-size: 1.43em;
	margin: 0;
	padding-bottom: 10px;
}
#subscribebox span {
	font-size: 1em;
}
#subscribebox p {
	margin: 5px 0;
}
#subscribebox li {
	list-style-type: disc;
	margin-left: 14px;
}
#subscribebox a {
	color: #fff;
	padding: 4px 10px;
	background: #4487eb;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.43em;
}
#subscribebox a:hover {
	background: #1d5adf;
}
.recom {
	bottom: 50px;
}
/* post */
.post {
	margin-bottom: 40px;
}
.post-title {
	margin: 0 0 5px;
	padding: 0;
	font: bold 26px/120% Arial, Helvetica, sans-serif;
}
.post-title a {
	text-decoration: none;
	color: #000;
}
.post-meta {
	margin: 0 0 10px;
	font-size: 90%;
}
/* post image */
.post-image {
	margin: 0 0 15px;
}
/************************************************************************************
SIDEBAR
*************************************************************************************/
#sidebar {
	width: 280px;
	float: right;
	margin: 30px 0 30px;
}
.widget {
	background: #fff;
	margin: 0 0 30px;
	padding: 10px 20px;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.widgettitle {
	margin: 0 0 5px;
	padding: 0;
}
.widget ul {
	margin: 0;
	padding: 0;
}
.widget li {
	margin: 0;
	padding: 6px 0;
	list-style: none;
	clear: both;
	border-top: solid 1px #eee;
}
/* flickr widget */
.widget .flickr_badge_image {
	margin-top: 10px;
}
.widget .flickr_badge_image img {
	width: 48px;
	height: 48px;
	margin-right: 12px;
	margin-bottom: 12px;
	float: left;
}
/************************************************************************************
FOOTER
*************************************************************************************/
#footer {
	background: #4487eb;
	padding-top: 5px;
	color: #fff;
	overflow: hidden;
	margin-top: 30px;
	bottom: 0;
	min-width: 1224px;
}
#footer, #pagewrap:after {
	/* .push must be the same height as footer */
	height: 34px;
}
#footer img {
	height: 24px;
}
.menuf {
	width: 1104px;
	margin: auto;
}

@media only screen and (min-width : 1824px) {
.menuf {
	width: 1680px;
}
}
#footer a {
	color: #fff;
	float: left;
	line-height: 24px;
	background: url(../../images/sepfooter.png) no-repeat right;
	background-size: 1px;
	padding-right: 16px;
	margin-right: 16px;
}
#footer .about {
	/*	background: url(../../images/abouticon.png) no-repeat;
	padding-left: 28px; */
	line-height: 21px;
	display: block
}
#footer #socials {
	float: right;
	height: 24px;
	overflow: hidden;
}
#footer #socials a {
	float: left;
	background: 0;
	padding-right: 0;
	margin-right: 5px;
}
#cookiesdirective a {
	color: #fff;
	text-decoration: underline;
}
#impliedsubmit {
	border: 1px solid #fff;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	margin-left: 15px;
}
/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;/*	zoom: 1; */
}
/************************************************************************************
HOTEL PAGE
*************************************************************************************/

#hotel {
	width: 1104px;
	margin: auto;
}

@media only screen and (min-width : 1824px) {
#hotel {
	width: 1680px;
}
}
#hotel #left {
	width: 215px;
	float: left;
	margin-bottom: 35px;
	position: relative;
}

@media only screen and (min-width : 1824px) {
#hotel #left {
	width: 365px;
}
}
#hotel #right {
	width: 850px;
	float: right;
}

@media only screen and (min-width : 1824px) {
#hotel #right {
	width: 1300px;
}
}
#list #left #sharebuttons {
	clear: both;
	margin: 11px 0;
}
#list #left #sharebuttons .sharetext {
	font-size: 1.43em;
	margin: 0;
	font-family: 'Conv_SNCPQ_SB', Sans-Serif;
}
#hotel #left #sharebuttons {
	margin: 11px 0;
}
#hotel #left .sharetext {
	color: #4487eb;
	font-size: 1.43em;
	margin: 0;
	font-family: 'Conv_SNCPQ_SB', Sans-Serif;
}
#left #googlemap {
	margin: 11px 0;
	width: 100%;
}
#left #googlemap img {
	display: block;
}
#left #googlemap a {
	display: block;
	color: #fff;
	padding: 6px 10px;
}
#left #googlemap a:hover {
	color: #fff;
	text-decoration: underline;
}
#hotel #left #whybox {
	width: 235px;
	float: left;
	margin-top: 2%;
	background: none;
}

@media only screen and (min-width : 1824px) {
#hotel #left #whybox {
	width: 365px;
}
}
#hotel #left #whybox h2 {
	font-family: 'Conv_SNCPQ_SB', Sans-Serif;
	color: #d83530;
	font-size: 1.43em;
}
#hotel #left #whybox li {
	background: url(https://secure.bookerclub.com/images/whylibg.png) no-repeat;
	padding-left: 47px;
	margin-bottom: 19px;
	margin-left: -24px;
}
#hotel #left #whybox a {
	color: #000000;
	font-weight: bold;
}
#hotel #left #whybox a:hover {
	text-decoration: underline;
}
#hotel .roomtypes {
	margin: 8px 0;
	color: #000;
}
#hotel .roomtypes th {
	text-align: left;
	font-weight: bold
}
#hotel .roomtypes td {
}
.recframe {
	padding: 10px 0 15px;
	border-bottom: 1px solid #a6c8f9;
	border-top: 1px solid #a6c8f9;
	margin-bottom: 10px;
}
#hotelnavigation {
	color: #434242;
	margin-bottom: 15px;
}
#hotelnavigation div {
	float: left;
	margin-bottom: 10px;
	margin-right: 6px;
}
#hotelnavigation a {
	color: #434242;
	margin-right: 10px;
	text-decoration: none
}
#hotelnavigation a:hover {
	text-decoration: underline
}
#hotelnavigation .active {
}
#hotelnavigation .active a {
}
#hotel #right .hotelname {
	float: left;
	width: 80%;
	clear: both;
}
#hotel #right .hotelname h1 {
	float: left;
	font-size: 1.29em;
	margin: 0;
	margin-right: 11px;
}
#hotel #right .hotelname .maleta {
	float: left;
	margin-top: -8px;
	margin-right: 11px
}
#hotel #right .hotelname .hotelrating {
	float: left;
	font-size: 1.14em;
	color: #ffce2f;
	margin-right: 11px;
}
span.stars, span.stars span {
	display: block;
	background: url(https://secure.bookerclub.com/images/stars.png) 0 -16px repeat-x;
	width: 64px;
	height: 16px;
	float: left;
}
span.stars span {
	background-position: 0 0;
}
#hotel #right .hotelname .roomsn {
	font-style: italic;
	float: left;
	margin-top: 3px;
}
#hotel #right .hotelname a {
}
#hotel #right .hotelname a:hover {
	text-decoration: underline
}
#hotel #right .hotelreviews {
	float: right;
	text-align: right;
	width: 20%;
	margin-top: 3px;
}
#hotel #right .hotelreviews a {
}
#hotel #right .hotelreviews a:hover {
	text-decoration: underline
}
#hotel #right .button a {
	color: #ffffff;
	padding: 4px 20px;
	margin: 5px 0;
	float: right;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: bold
}
#hotel #right .button a:hover {
	background: #1d5adf
}
#hotel #right h2, h4 {
	font-size: 1.14em;
}
.formdates {
	margin: 10px 0;
}
.formdates input {
	float: left;
}
.formdates label {
	float: left;
	margin-left: 5px;
	line-height: 30px;
}
.formdates span {
	float: left;
}
.formdates .frame {
	border: 1px solid #bababa;
	position: relative;
	width: 152px;
	height: 27px;
	margin-left: 5px;
}
.formdates button {
	position: absolute;
	top: 1px;
	right: 6px;
	border: 0;
}
.formdates button img {
	display: block;
	border: 0;
}
.formdates .m {
	background: #fff;
	height: 25px;
	line-height: normal;
	margin-left: 8px;
	width: 105px;
	padding-left: 3px;
	border: 0;
}
#tabs {
	margin: 20px 0;
}
#tabs ul {
	float: left;
	background: #fff;
	width: 100%;
	padding-top: 4px;
	margin: 0;
}
#tabs li {
	margin-right: 1px;
	list-style: none;
	background: #8fb7f3;
	font-size: 0.86em;
	font-weight: normal;
	width: 19.9%;
	white-space: nowrap
}
* html #tabs li {
	display: inline;
}
#tabs li, #tabs li a {
	float: left;
	text-align: center;
	padding: 6px 0;
}
#tabs ul li.active {
	background: #4487eb;
}
#tabs ul li.active a {
	color: #fff;
}
#tabs div {
	background: #fff;
	clear: both;
	padding: 15px;
	min-height: 200px;
	border: 1px solid #c0c0c0
}
#tabs div p {
	line-height: 150%;
}
#tabs ul li a {
	text-decoration: none;
	padding: 8px;
	color: #fff;
	font-weight: bold;
}
.tabletabs {
	padding: 0;
}
.tabletabs td {
	padding: 0;
	font-size: 0.86em;
}
.tabletabs strong {
	margin: 0;
	padding: 0;
	font-size: 1em;
}
.policytabtable td {
	padding: 4px;
	font-size: 0.86em;
}
.policytabtable-zh tr td:first-child {
	width: 178px;
}
.policytabtable strong {
	margin: 0;
	padding: 0;
	font-size: 1em;
}
#hotel #right .tableintabs td {
	padding: 18px 6px;
	font-size: .85em;
	border-top: 1px solid #8fb7f3;
	border-right: 1px solid #c0c0c0;
	vertical-align: top
}

@media only screen and (min-width : 1824px) {
#hotel #right .tableintabs td {
	padding: 30px 6px;
}
}

@media (max-width: 1199.98px) {
#hotel #right .tableintabs td {
	padding: 15px 6px;
}
}

.tdheightforrooms1 {
	height: auto;
}

/*

.tdheightforrooms1 {
	height: 140px;
}

@media only screen and (min-width : 1824px) {
.tdheightforrooms1 {
	height: 176px;
}
}



@media (max-width: 1199.98px) {
.tdheightforrooms1 {
	height: auto;
}
}



*/

.tdheightforrooms2 {
	height: 64px;
}

@media (max-width: 991.98px) {
.tdheightforrooms2 {
	height: 55px;
}

}


#hotel #right .tableintabs th {
	font-size: 1em;
	border-right: 1px solid #c0c0c0;
	text-align: center;
	font-weight: normal;
	padding: 6px;
	white-space: nowrap
}
#hotel #right .tableintabs .price {
	font-weight: bold;
}
#hotel #right .tableintabs .thumbimage {
	border: 0;
	width: 225px;
	margin-right: 8px;
	height: 140px;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	position: relative;
}

@media only screen and (min-width : 1824px) {
#hotel #right .tableintabs .thumbimage {
	width: 312px;
	height: 194px;
}
}

@media (max-width: 1199.98px) {
#hotel #right .tableintabs .thumbimage {
	width: 144px;
	height: 90px;
}
}
#hotel #right .tableintabs .thumbimage .zoomthumb {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 20px;
}
.troomname {
	width: 225px;
	padding: 6px 6px !important;
}

@media only screen and (min-width : 1824px) {
.troomname {
	width: 312px;
}
}
/*.room_div {
	position: absolute;
} */


.hoveruline:hover {
	text-decoration: underline
}
.ispackagebg {
	background: #f7f7f7;
}
.room_div_inner {
	position: relative;
}
.roomName {
	color: #000;
	line-height: 16px;
	padding-right: 17px;
	width: 208px;
	position: relative;
	font-weight: bold;
	display: block;
	margin-bottom: 6px;
}

@media only screen and (min-width : 1824px) {
.roomName {
	width: 295px;
}
}

@media (max-width: 1199.98px) {
.roomName {
	width: 127px;
}
}
.roominfoicon {
	position: absolute;
	right: 0;
	top: 0;
	width: 15px;
	height: 15px;
}
.roomName:hover {
	text-decoration: underline;
}
.roomphotoimage {
	position: absolute;
	width: 15px;
	height: 15px;
	right: 0;
	top: 24px;
	display: none;
}
.conditions {
	color: #000;
	line-height: 16px;
	padding-right: 16px;
	display: block;
	position: relative
}
.conditions:hover {
	text-decoration: underline;
}
.person-adult {
	height: 13px;
	width: 9px;
}
.person-child {
	height: 11px;
	width: 8px;
}
#hotel #right .tableintabs select {
	width: 95px;
	border: 1px solid #848484;
	padding: 3px;
}
#hotel #right .tableintabs .submit {
	color: #ffffff;
	background: #4487eb;
	padding: 5px 0;
	font-size: 0.79em;
	font-weight: bold;
	border: 0;
	text-transform: uppercase;
}
#hotel #right .tableintabs .submit:hover {
	background: #1d5adf;
}
#hotel #right .avrgrate {
	float: left;
	width: 11%;
	height: 8.8%;
	text-align: center;
	display: block;
	font-weight: bold;
	white-space: nowrap
}
#hotel #right .avrgrate p {
	font-size: 1.71em;
	margin: 5px 0;
}
#hotel #right .addreview {
	display: block;
	float: right;
	width: 16.5%;
	color: #fff;
	background: #4487eb;
	padding: 4px 5px;
	text-transform: uppercase;
	font-size: 0.86em;
	font-weight: bold;
}
#hotel #right .addreview a {
	color: #fff;
}
#hotel #right .reviewitem {
	display: block;
	background: url(../../images/sepline.png) no-repeat center;
	padding-top: 14px;
	clear: both;
	margin: 12px 0;
	font-size: 0.86em;
}
#hotel #right .reviewitem .author {
	float: left;
	width: 14%;
}
#hotel #right .reviewitem .comment {
	float: left;
	width: 60%;
	margin-left: 5%;
}
#hotel #right .reviewitem .rating {
	float: left;
	width: 21%;
	text-align: right
}
#hotel #right .reviewitem .rating .rate {
	font-weight: bold;
}
#list {
	width: 1104px;
	margin: auto;
}

@media only screen and (min-width : 1824px) {
#list {
	width: 1680px;
}
}
#list #left {
	width: 215px;
	float: left;
	margin-bottom: 35px;
	position: relative;
}

@media only screen and (min-width : 1824px) {
#list #left {
	width: 365px;
}
}
#list #right {
	width: 850px;
	float: right;
}

@media only screen and (min-width : 1824px) {
#list #right {
	width: 1300px;
}
}
#list #left .criteria {
	font-family: 'Conv_SNCPQ_SB';
	font-size: 1.43em;
	font-weight: normal;
}
.destcity {
	font-size: 1.1em;
	margin: 10px 0 5px;
}
.choosetotal {
	font-size: 1em;
	margin: 0 0 5px;
	color: #434242;
	font-weight: normal;
}
#list #left h6 {
	font-size: 1em;
	font-weight: normal;
	padding-left: 15px;
	clear: both;
}
#list #left .open {
	background: url(../../images/tree-minus.gif);
	background-repeat: no-repeat;
	background-position: center left;
	cursor: pointer
}
#list #left .closed {
	background: url(../../images/tree-plus.gif);
	background-repeat: no-repeat;
	background-position: center left;
	cursor: pointer
}
#list #left .checkboxes {
	display: block;
}
#list #left .checkboxes .text {
	width: 180px;
	float: right
}

@media only screen and (min-width : 1824px) {
#list #left .checkboxes .text {
	width: 320px;
	float: right
}
}
#list #left .checkboxes input {
	margin-left: 10px;
	margin-right: 5px;
	float: left;
	width: 14px;
	clear: both;
}
#list #right #sortbar {
	padding: 3px 25px;
	color: #fff;
}
#list #right #sortbar a {
	color: #fff;
}
#list #right #sortbar a:hover {
	text-decoration: none;
	color: #000;
}
#list #right #sortbar span {
	margin-right: 12px;
}
#list #right #sortbar .inactive {
	background: url(../../images/sortinactive.png) no-repeat center left;
	padding-left: 16px;
	cursor: pointer;
	margin-top: -2px;
}
#list #right #sortbar .active {
	background: url(../../images/sortactive.png) no-repeat center left;
	padding-left: 16px;
	cursor: pointer;
	margin-top: -2px;
}
.sortdesc {
	margin: 10px 0 0 0;
}
#list #right #pagination {
	padding: 3px 25px;
	color: #858585;
	text-align: center;
}
#list #right #pagination i {
	font-style: normal;
}
#list #right #pagination .page {
	padding: 4px;
	color: #858585;
	margin-right: 5px;
	cursor: pointer;
}
#list #right #pagination .pageactive {
	background: #fff;
	padding: 4px;
	margin-right: 5px;
}
#list #right .hotelitem {
	background: url(../../images/sepline.png) no-repeat bottom;
	margin-top: 20px;
}
#list #right .hotelitem .image {
	float: left;
	width: 180px;
	height: 120px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #933;
	cursor: pointer;
}

@media only screen and (min-width : 1824px) {
#list #right .hotelitem .image {
	width: 285px;
	height: 190px;
}
}
#list #right .hotelitem .desc {
	width: 77%;
	float: right;
}
#list #right .hotelitem .desc a {
}
#list #right .hotelitem .desc a:hover {
}
#list #right .hotelitem .desc .name {
	font-size: 1.29em;
	margin: 0;
	float: left;
	font-weight: normal;
	margin-right: 10px;
}
#list #right .hotelitem .desc .name a {
	color: #000;
}
#list #right .hotelitem .desc .name a:hover {
	text-decoration: underline;
}
#list #right .hotelitem .desc .hotelrating {
	color: #d83530;
	font-size: 1.14em;
	float: left;
}
#list #right .hotelitem .desc .maleta {
	float: left;
	margin-top: -8px;
}
#list #right .hotelitem .desc .travrev {
	float: right;
}
#list #right .hotelitem .desc table {
	margin: 10px 0;
}
#list #right .hotelitem .desc table td {
	padding: 4px 0;
}
.hitemtable {
	width: 100%;
	padding: 0
}
.hitemtable .td1 {
	width: 404px;
	padding: 0
}
.hitemtable .td2 {
	width: 45px;
	text-align: right;
	white-space: nowrap;
}
.hitemtable .td3 {
	width: 45px;
	text-align: right;
	padding: 0
}
.hitemtable .td4 {
	padding: 0
}
.hitemtable .td5 {
	padding: 0
}
.seemoretype {
	background: url(../../images/plus.svg) no-repeat left center;
	background-size: 11px;
	padding-left: 16px;
}
.linkdistrict:hover {
	text-decoration: underline;
}
#list #right .hotelitem .desc table .submit {
	color: #ffffff;
	padding: 5px 20px;
	font-size: 1em;
	font-weight: bold;
	border: 0;
	text-transform: uppercase;
	float: right;
}
#list #right .hotelitem .desc table .submit:hover {
	background: #1d5adf;
}
.submitbutton {
	color: #ffffff;
	padding: 5px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.43em;
	border: 0;
	text-transform: uppercase;
	float: right;
	-webkit-appearance: none;
}
.submitbutton:disabled {
	background: #d5d5d5 !important;
}
#list #right .hotelitem .desc table .price {
	font-size: 1.29em;
	font-weight: bold;
}
#list #right .hotelitem .roomtypes {
}
#list #right .hotelitem .roomtypes table {
	border-collapse: collapse;
}
#list #right .hotelitem .roomtypes td {
	border-bottom: 1px solid #8bb6f4
}
#list #right .hotelitem .roomtypes td a {
	font-weight: normal;
}
#list #right .hotelitem .roomtypes td span {
}
#list #right .hotelitem .roomtypes td .roomname {
}
#list #right .hotelitem .roomtypes td .roomname:hover {
}
#list #right .hotelitem .roomtypes td .roomname a {
	font-weight: normal
}
#list #right .hotelitem .roomtypes .td1 {
	padding: 0
}
#list #right .hotelitem .roomtypes .persons {
	width: 85px;
	text-align: center;
}
#list #right .hotelitem .roomtypes .td2 {
	white-space: nowrap;
	text-align: right;
	width: 50px
}
#list #right .hotelitem .roomtypes .td3 {
	width: 45px;
	text-align: right;
	padding: 0;
	white-space: nowrap;
}
#list #right .hotelitem .open {
	background: url(../../images/tree-minus.gif);
	background-repeat: no-repeat;
	background-position: center left;
	cursor: pointer;
	padding-left: 16px;
}
#list #right .hotelitem .closed {
	background: url(../../images/tree-plus.gif);
	background-repeat: no-repeat;
	background-position: center left;
	cursor: pointer;
	padding-left: 16px;
}
#cmspage {
	border-top: 1px solid #d83530;
	margin-bottom: 50px;
	width: 1104px;
	margin: auto;
	min-height: 500px
}

@media only screen and (min-width : 1824px) {
#cmspage {
	width: 1680px;
}
}
#cmspage h1 {
	font-family: 'Conv_SNCPQ_SB', Sans-Serif;
	color: #d83530;
	font-size: 1.71em;
}
#left #searchmask {
	width: 217px;
	padding: 14px 0 4px 9px;
	color: #FFF;
	position: relative;
}

@media only screen and (min-width : 1824px) {
#left #searchmask {
	width: 347px;
	padding: 14px 0 4px 9px;
	color: #FFF;
	position: relative;
}
}
#left #searchmask h6 {
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 1.64em;
	font-weight: normal;
	background: url('https://secure.bookerclub.com/images/magnifying.png') no-repeat scroll 0% 0% transparent;
	padding-left: 20px;
	line-height: 17px;
	margin-bottom: 10px;
}
#left #searchmask h5 {
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 1.64em;
	font-weight: normal;
	line-height: normal;
	margin-bottom: 10px;
}
#left #searchmask form {
	margin: 8px 0;
	line-height: 26px;
	position: relative;
	font-size: 0.9em;
}
#left #searchmask form input {
	background: #FFF;
	border: 1px solid #808080;
	padding: 4px 0 4px 6px;
	float: left;
	margin-bottom: 4px;
	color: #959595;
	font-size: 1em;
}
#left #searchmask form select {
	background: #FFF;
	border: 1px solid #808080;
	padding: 4px 2px;
	float: left;
	margin-bottom: 4px;
	font-size: 1em;
	color: #959595
}
#left #searchmask form img {
	float: left;
}
#left #searchmask .xxl {
	width: 257px;
}
#left #searchmask .m {
	width: 93px;
	padding: 2px 6px;
	height: 22px !important;
	border: 0;
	font-size: 1em;
}

@media only screen and (min-width : 1824px) {
#left #searchmask .m {
	width: 184px;
}
}
#left #searchmask .dateinputin {
	background: #fff;
	border: 1px solid #808080;
	height: 26px;
	width: 131px;
	position: relative
}

@media only screen and (min-width : 1824px) {
#left #searchmask .dateinputin {
	width: 220px;
}
}
#left #searchmask .dateinputout {
	background: #fff;
	border: 1px solid #808080;
	height: 26px;
	width: 131px;
	position: relative
}

@media only screen and (min-width : 1824px) {
#left #searchmask .dateinputout {
	width: 220px;
}
}
#left #searchmask .col-1-2 {
	width: 55%;
}
#left #searchmask .col-ar-1-2 {
	width: 55%;
}
#left #searchmask #nightstay-es {
	float: left;
	margin-top: 27px;
	line-height: 26px;
	margin-left: 25px;
	width: 72px;
	white-space: nowrap;
}

@media only screen and (min-width : 1824px) {
#left #searchmask #nightstay-es {
	margin-left: 40px;
}
}
#left #searchmask #nightstay-en {
	float: left;
	margin-top: 27px;
	line-height: 26px;
	margin-left: 20px;
	width: 72px;
	white-space: nowrap;
}

@media only screen and (min-width : 1824px) {
#left #searchmask #nightstay-en {
	margin-left: 40px;
}
}
#left #searchmask #nightstay-fr {
	float: left;
	margin-top: 27px;
	line-height: 26px;
	margin-left: 20px;
	width: 72px;
	white-space: nowrap;
}

@media only screen and (min-width : 1824px) {
#left #searchmask #nightstay-fr {
	margin-left: 40px;
}
}
#left #searchmask #nightstay-de {
	float: left;
	margin-top: 27px;
	line-height: 26px;
	margin-left: 20px;
	width: 72px;
	white-space: nowrap;
}

@media only screen and (min-width : 1824px) {
#left #searchmask #nightstay-de {
	margin-left: 40px;
}
}
#left #searchmask #nightstay-it {
	float: left;
	margin-top: 27px;
	line-height: 26px;
	margin-left: 20px;
	width: 72px;
	white-space: nowrap;
}

@media only screen and (min-width : 1824px) {
#left #searchmask #nightstay-it {
	margin-left: 40px;
}
}
#left #searchmask #nightstay-nl {
	float: left;
	margin-top: 27px;
	line-height: 26px;
	margin-left: 20px;
	width: 72px;
	white-space: nowrap;
}

@media only screen and (min-width : 1824px) {
#left #searchmask #nightstay-nl {
	margin-left: 40px;
}
}
#left #searchmask #nightstay-pt {
	float: left;
	margin-top: 27px;
	line-height: 26px;
	margin-left: 20px;
	width: 72px;
	white-space: nowrap;
}

@media only screen and (min-width : 1824px) {
#left #searchmask #nightstay-pt {
	margin-left: 40px;
}
}
#left #searchmask #nightstay-ru {
	float: left;
	margin-top: 27px;
	line-height: 26px;
	margin-left: 20px;
	width: 72px;
	white-space: nowrap;
}

@media only screen and (min-width : 1824px) {
#left #searchmask #nightstay-ru {
	margin-left: 40px;
}
}
#left #searchmask #nightstay-bg {
	float: left;
	margin-top: 27px;
	line-height: 26px;
	margin-left: 20px;
	width: 72px;
	white-space: nowrap;
}

@media only screen and (min-width : 1824px) {
#left #searchmask #nightstay-bg {
	margin-left: 40px;
}
}
#left #searchmask #nightstay-ca {
	float: left;
	margin-top: 27px;
	line-height: 26px;
	margin-left: 25px;
	width: 72px;
	white-space: nowrap;
}

@media only screen and (min-width : 1824px) {
#left #searchmask #nightstay-ca {
	margin-left: 40px;
}
}
#left #searchmask #nightstay-hu {
	float: left;
	margin-top: 27px;
	line-height: 26px;
	margin-left: 25px;
	width: 72px;
	white-space: nowrap;
}

@media only screen and (min-width : 1824px) {
#left #searchmask #nightstay-hu {
	margin-left: 40px;
}
}
#left #searchmask #nightstay-zh {
	float: left;
	margin-top: 27px;
	line-height: 26px;
	margin-left: 25px;
	width: 72px;
	white-space: nowrap;
}

@media only screen and (min-width : 1824px) {
#left #searchmask #nightstay-zh {
	margin-left: 40px;
}
}
#left #searchmask #nightstay-ko {
	float: left;
	margin-top: 27px;
	line-height: 26px;
	margin-left: 25px;
	width: 72px;
	white-space: nowrap;
}

@media only screen and (min-width : 1824px) {
#left #searchmask #nightstay-ko {
	margin-left: 40px;
}
}
#left #searchmask #nightstay-ar {
	float: left;
	margin-top: 27px;
	line-height: 26px;
	margin-right: 10px;
	width: 80px;
	white-space: nowrap;
}
#left #searchmask #nightstay-es .est-es {
	display: none;
}
#left #searchmask .s {
	width: 67px;
	border-right: 0;
	height: 28px;
	line-height: 23px;
}

@media only screen and (min-width : 1824px) {
#left #searchmask .s {
	width: 107px;
}
}
#left #searchmask .xs {
	width: 13px;
	margin-left: 4px;
}

@media only screen and (min-width : 1824px) {
#left #searchmask .xs {
	width: 20.8px;
}
}
#left #searchmask .promocode {
	margin-top: 6px;
	margin-bottom: -6px;
	width: 130px;
}

@media only screen and (min-width : 1824px) {
#left #searchmask .promocode {
	width: 193px;
}
}
#left #searchmask .promocode-ar {
	margin-top: 6px;
	margin-bottom: -6px;
	width: 206px;
}
#left #searchmask .promocodelabel {
	margin-left: 8px;
	line-height: 25px;
	float: left;
	margin-top: 6px;
}
#left #searchmask .invalidpromocodelabellabel {
	float: left;
	margin-top: 5px;
	margin-bottom: -10px;
}
#left #searchmask .invalidpromocodelabellabel-ar {
	float: right;
	margin-top: 5px;
	margin-bottom: -10px;
}
#left #searchmask .promocodeinvalid {
	margin-top: 6px;
	margin-bottom: -6px;
	width: 130px;
	background: #ffff00
}
#left #searchmask .promocode-arinvalid {
	margin-top: 6px;
	margin-bottom: -6px;
	width: 206px;
	background: #ffff00
}
#left #searchmask .invalidpromocodelabel {
	margin-top: 5px;
	margin-bottom: -10px;
}
#left #searchmask .submitbutton {
	width: 167px;
	height: 38px;
	border: 1px solid #fff;
	padding: 0;
	font-size: 1.43em;
	font-weight: bold;
	color: #FFF;
	margin-left: 22px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -40px;
	position: absolute;
	bottom: 0;
	z-index: 1;
	-webkit-appearance: none;
}

@media only screen and (min-width : 1824px) {
#left #searchmask .submitbutton {
	width: 285px;
}
}
#left #searchmask .submitbutton:hover {
}
.clearinput {
	width: 263px;
	height: 20px;
}
#left #searchmask .submitbutton:hover {
}
.xclose {
	width: 30px;
	height: 28px;
	position: absolute;
	right: 1px;
	top: 1px;
	color: #808080;
	z-index: 9;
	line-height: 28px;
	font-size: 1.29em;
	cursor: pointer;
	background: #FFF;
	text-align: center
}
.xclose:hover {
	color: #d83530
}
#left #searchmask .roomcell {
	float: left;
	width: 46px;
	font-weight: normal;
	font-size: 0.9em;
}

@media only screen and (min-width : 1824px) {
#left #searchmask .roomcell {
	width: 73px;
}
}
#left #searchmask .roomcell-ar {
	float: right;
	width: 46px;
	font-weight: normal;
	font-size: 0.9em;
}
#left #searchmask .roomcell2 {
	font-size: 0.9em;
}
#left #searchmask .roomcell2-ar {
	float: left;
	width: 158px
}
#left #searchmask .roomcell2-ar label {
	font-size: 0.95em;
}
#left #searchmask .labelroom {
	line-height: 14px;
	margin-top: 5px;
}
#left #searchmask .roomcell label {
	height: 26px;
}
#left #searchmask .roomcell select {
	height: 28px;
	width: 44px;
	line-height: 22px;
}

@media only screen and (min-width : 1824px) {
#left #searchmask .roomcell select {
	width: 70px;
}
}
#left #searchmask .roomcellchild {
	float: left;
	width: 125px;
	font-weight: normal;
}
#left #searchmask .roomcellchild label {
	height: 26px;
	display: block;
}
#left #searchmask .roomcellchild select {
	margin-right: 1px;
	width: 40px;
	font-size: 0.79em;
	-webkit-appearance: none;
	height: 28px;
	line-height: 22px;
}
#left #searchmask .roomcellchild-ar {
	float: right;
	width: 125px;
	font-weight: normal;
}
#left #searchmask .roomcellchild-ar label {
	height: 26px;
	display: block;
}
#left #searchmask .roomcellchild-ar select {
	margin-right: 1px;
	width: 40px;
	font-size: 0.79em;
	-webkit-appearance: none;
	height: 28px;
	line-height: 22px;
}
#left #searchmask .adlts-es {
	text-align: center;
}
#left #searchmask .clearinput {
	width: 205px;
	height: 20px;
}
#left #searchmask .adlts-fr {
	text-align: left;
}
#left #searchmask .adlts-fr span {
	margin-right: 6px;
}
#left #searchmask .adlts-it {
	text-align: left;
}
#left #searchmask .adlts-it span {
	margin-right: 6px;
}
#left #searchmask .adlts-pt {
	text-align: right;
}
#left #searchmask .adlts-pt span {
	margin-right: 6px;
}
#left #searchmask .adlts-ca {
	text-align: right;
}
#left #searchmask .adlts-ca span {
	margin-right: 6px;
}
.regform label {
	clear: both;
	display: block;
	margin-top: 18px;
	float: left;
	width: 200px;
	text-align: right;
	margin-right: 10px;
}
.regform input {
	border: 1px solid #d83530;
	padding: 5px;
	width: 350px;
	float: left;
	margin-top: 18px;
}
.regform input:hover {
	border: 3px solid #4487eb;
	padding: 3px;
	width: 350px;
	background: #fcf7db;
}
.regform .submitbutton {
	width: 167px;
	height: 38px;
	background: #4487eb;
	border: 1px solid #fff;
	padding: 0;
	font-size: 1.43em;
	font-weight: bold;
	color: #FFF;
	margin-left: 12px;
}
.regform .submitbutton:hover {
	background: #1d5adf;
}
#hoteltabs {
	background: none;
	padding: 0;
	border: 0;
	margin: 0;
	margin-left: 3px;
}
#hoteltabs .ui-widget-content {
	border: none;
	background: none;
	padding-right: 0;
	padding-left: 0;
}
#hoteltabs .ui-widget-header {
	border: none;
	background: none;
}
#hoteltabs li {
	margin-right: 1px;
	list-style: none;
	white-space: nowrap;
	border-radius: 0;
	border: 0;
	text-align: center;
	padding: 0 0;
}
#hoteltabs li a {
	color: #fff;
	font-weight: normal;
}
#hoteltabs .ui-tabs-active {
	border: 0;
}
.ui-tabs .ui-tabs-nav {
	display: flex;
	border-bottom: 0;
}
.ui-tabs .ui-tabs-nav li {
	flex: 1;
	display: flex;
	white-space: normal;
}
.ui-tabs .ui-tabs-nav li a {
	flex: 1;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: 0;
	padding-bottom: 1px;
}
/*

#hoteltabs .rooms {
	width: 33%
}
#hoteltabs .facilities {
	width: 14%
}
#hoteltabs .policies {
	width: 16%
}
#hoteltabs .reviews {
	width: 26%
}
#hoteltabs .map {
	width: 10.5%;
	margin-right: 0
} */

.paxdata {
	padding: 1%;
	border: 1px solid #d83530;
	margin: 2% 0;
}
.contactform label {
	clear: both;
	float: left;
	width: 15%;
	margin-bottom: 10px;
	margin-right: 10px;
}
.contactform input {
	float: left;
	width: 40%;
	border: 1px solid #4487eb;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
}
.contactform textarea {
	width: 40%;
	border: 1px solid #4487eb;
	padding: 3px;
	float: left;
	margin-bottom: 10px;
}
.contactform select {
	float: left;
	width: 40%;
	border: 1px solid #4487eb;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
}
.contactform span {
	float: left;
}
.totalprice {
	border: 4px dashed #4487eb;
	padding: 5px;
	margin-bottom: 100px;
	margin-top: 15px;
}
.buttonsubmit {
	color: #fff;
	padding: 8px 18px;
	text-decoration: none;
	text-transform: uppercase;
	border: 0;
	font-size: 1.07em;
	-webkit-appearance: none;
}
.buttonsubmit:hover {
}
.buscarmask {
	height: 29px;
	padding: 0 18px;
	font-size: .9em;
	margin-left: 5px;
}
#bookingstatus {
	padding: 10px;
	border: 2px dotted #000;
}
.bookingstatustable td {
	padding: 4px;
	border-bottom: 1px solid #8fb7f3;
	font-size: 0.86em;
}
.bookingstatustablesmall td {
	border-bottom: 1px solid #fff;
}
.hoteltplmap {
	display: none
}
/************************************************************************************
BOOKING PROCESS
*************************************************************************************/


#booking {
	width: 1104px;
	margin: auto;
}

@media only screen and (min-width : 1824px) {
#booking {
	width: 1680px;
}
}
#booking .navigation {
	border: 1px solid #fff;
	background: #8fb7f3;
	margin: 0;
	padding: 0;
}
#booking .navigation li {
	display: inline;
	text-align: center;
	border-right: 1px solid #fff;
	float: left;
	width: 24.9%;
	color: #393939;
	font-size: 1.14em;
	white-space: nowrap;
	line-height: 35px;
}
#booking .navigation .active {
	font-weight: bold;
	color: #fff;
}
#booking .navigation .last {
	border-right: none;
	width: 25%;
	text-align: center;
}
#booking .navigationhb {
	border: 1px solid #fff;
	background: #8fb7f3;
	margin: 0;
	padding: 0;
}
#booking .navigationhb li {
	display: inline;
	text-align: center;
	border-right: 1px solid #fff;
	float: left;
	width: 19.9%;
	color: #393939;
	font-size: 1.14em;
	white-space: nowrap;
	line-height: 35px;
}
#booking .navigationhb .active {
	font-weight: bold;
	color: #fff;
}
#booking .navigationhb .last {
	border-right: none;
	width: 20%;
	text-align: center;
}
#booking #reservation {
	margin: 10px 0;
	position: relative;
}
#booking #reservation h2 {
	padding: 0 10px;
	margin: 0;
	font-size: 1.14em;
	line-height: 33px;
}
#booking #reservation .content {
	padding: 10px;
	border-top: 0;
}
#booking #reservation .content .photo {
	width: 19.3%;
	float: left;
}
#booking #reservation .content .photo img {
	width: 100%;
}
#booking #reservation .content .photo ul {
	margin: 7px 0 0;
	padding: 0;
}
#booking #reservation .content .photo li {
	background: url(../../images/tick.svg) no-repeat;
	background-position: left top;
	background-size: 24px;
	padding-left: 32px;
	line-height: 24px;
	white-space: nowrap
}
#booking #reservation .content .photohb {
	width: 19.3%;
	float: left;
}
#booking #reservation .content .photohb img {
	width: 100%;
}
#booking #reservation .content .photohb ul {
	margin: 0;
	padding: 0;
}
#booking #reservation .content .photohb li {
	background: url(https://secure.bookerclub.com/images/whylibg.png) no-repeat;
	padding-left: 42px;
	margin-bottom: 4px;
	min-height: 38px;
	line-height: 38px;
	white-space: nowrap
}
#booking #reservation .content .text {
	width: 79%;
	float: right;
	position: relative
}
#booking #reservation .content .text h1 {
	margin: 0;
	padding: 0;
	font-size: 1.29em;
	float: left;
}
#booking #reservation .content .text .hotelrating {
	float: left;
	font-size: 1.14em;
	color: #ffce2f;
	margin-left: 5px;
}
#booking #reservation .content .text .total {
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
}
#booking #reservation .content .text .total strong {
	font-size: 1.14em;
}
#booking #reservation .club {
	background-image: url(../../images/maleta.png);
	background-repeat: no-repeat;
	float: right;
	line-height: 30px;
	padding-left: 46px;
	position: absolute;
	bottom: 15px;
	right: 15px;
}
.reservationtable td {
	padding-right: 10px;
	padding-bottom: 5px;
}
.reservationtable .tright {
	text-align: right;
	padding-right: 0;
}
.paxdataframe {
	margin-bottom: 10px;
}
.paxdataframe .content {
	padding: 10px 10px 0 10px;
}
.paxdataframe .optionstable .sgns {
	min-width: 50px;
	color: #adaead;
	text-align: center;
}
.paxdataframe .optionstable td {
	padding: 0;
	line-height: 1em;
	padding-bottom: 10px;
}
.paxdataframe .optionstable .selectnumber {
	padding: 0 0 0 3px;
	font-size:1em;
	height: 25px;
	line-height: normal;
	-webkit-appearance: menulist;
}
.paxdataframe .detailsinput {
	padding: 0 0 0 3px;
	font-size:1em;
	float: left;
	width: 460px;
	margin-bottom: 10px;
	margin-right: 10px;
	height: 25px;
	line-height: normal;
}
.paxpayframeout {
	position: relative;
}
.paxpaymentframe {
	position: absolute;
	width: 100%;
	z-index: 2;
	opacity: 1;
}
.paxpaymentframe .content {
	padding: 10px 10px 0 10px;
}
.paxpayframein {
	border: 1px solid #222222;
	height: 160px;
	position: absolute;
	z-index: 1;
	right: 0;
	left: 0;
}
.iti__country {
	width: 465px;
}
.phonecont {
	float: left;
	margin-right: 10px
}
.phonecont .detailsinput {
	width: 465px !important
}
.paxdataframe .details {
	width: 465px;
}
.paxdataframe .detailsinput_err {
	border: 1px solid #4487eb;
	padding: 3px;
	font-size:1em;
	float: left;
	width: 460px;
	background: #ffff00;
	margin-bottom: 10px;
	margin-right: 10px;
}
.paxdataframe .optionstable .optionname {
	line-height: 16px;
	font-weight: bold;
}
.paxdataframe .optionstable .optionname img {
	height: 15px;
	width: 15px;
	float: left;
	margin-right: 5px;
}
.paxdataframe span {
	font-weight: normal;
}
.affhoteltext {
	padding-left: 4px;
}
.freecantext {
	padding-left: 11px;
	font-weight: normal;
}
.bookingform h2 {
	padding: 0 10px;
	margin: 0;
	font-size: 1.14em;
	line-height: 33px;
}
.bookingform .seguro {
	background-image: url(../../images/lock.svg);
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: 10px;
	padding: 6px 5px 5px 27px;
	font-size: 1.14em;
	margin: 0;
}
.promocodeform .input {
	width: 220px;
	margin-bottom: 10px;
	padding: 0 3px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
	height: 25px;
	line-height: normal;
}

@media only screen and (min-width : 1824px) {
.promocodeform .input {
	width: 334px;
}
}
.promocodeform .input_err {
	border: 1px solid #4487eb;
	width: 220px;
	margin-bottom: 10px;
	padding: 0 3px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
	height: 25px;
	line-height: normal;
	background: #ffff00;
}

@media only screen and (min-width : 1824px) {
.promocodeform .input_err {
	width: 334px;
}
}
.promocodeform .button {
	border: 0;
	width: auto;
	padding: 3px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
	background: #fff;
	font-weight: bold;
	cursor: pointer;
}
.promocodeform #promocodeko {
	color: #adaead;
	font-weight: bold;
}
.promocodeform #promocodeok {
	color: #adaead;
	font-weight: bold;
}
.bookingform .inputname {
	float: left;
	width: 40%;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
}
.bookingform .inputname_err {
	float: left;
	width: 40%;
	border: 1px solid #4487eb;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
	background: #ffff00;
}
.bookingform .inputnameroom {
	float: left;
	width: 50%;
	margin: 10px 0;
	padding: 3px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
}
.bookingform .inputnameroom_err {
	float: left;
	width: 50%;
	border: 1px solid #4487eb;
	margin: 10px 0;
	padding: 3px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
	background: #ffff00;
}
.bookingform .inputemail {
	width: 30%;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	float: left;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
}
.bookingform .inputemail_err {
	width: 30%;
	border: 1px solid #4487eb;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	float: left;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
	background: #ffff00;
}
.bookingform .selectcardtype {
	width: 20%;
	border: 1px solid #4487eb;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	float: left;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
}
.bookingform .selectcountry {
	width: 20%;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
	text-transform: capitalize;
}
.bookingform .inputcardnumber {
	width: 24%;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	float: left;
	background: url(../../images/secure.png) right center no-repeat;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
}
.bookingform .inputcardnumber_err {
	width: 24%;
	border: 1px solid #4487eb;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	float: left;
	background: url(../../images/secure.png) right center no-repeat;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
	background: #ffff00
}
.bookingform .inputcardholder {
	width: 30%;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	float: left;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
}
.bookingform .inputcardholder_err {
	width: 30%;
	border: 1px solid #4487eb;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	float: left;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
	background: #ffff00
}
.bookingform .inputcvc {
	width: 10%;
	height: 25px;
	margin-bottom: 10px;
	padding: 0px 0 0 3px;
	margin-right: 10px;
	float: left;
	font-size:1em;
}
.bookingform .inputcvc_err {
	width: 10%;
	height: 25px;
	border: 1px solid #4487eb;
	margin-bottom: 10px;
	padding: 0px 0 0 3px;
	margin-right: 10px;
	float: left;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
	background: #ffff00;
}
.bookingform .inputadr {
	width: 45%;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
}
.bookingform .inputadr_err {
	width: 45%;
	border: 1px solid #4487eb;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
	background: #ffff00
}
.bookingform .inputcity {
	width: 20%;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
}
.bookingform .inputcity_err {
	width: 20%;
	border: 1px solid #4487eb;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
	background: #ffff00
}
.bookingform .inputzip {
	width: 10%;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
}
.bookingform .inputzip_err {
	width: 10%;
	border: 1px solid #4487eb;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
	background: #ffff00
}
.bookingform .infocvc {
	width: 22px;
	height: 22px;
	margin-top: 3px;
}
.bookingform .room {
	padding: 5px;
	width: 65%;
	margin-bottom: 12px;
}
.bookingform .room .roomtitle {
	float: left;
	width: 35%
}
.bookingform .roomf {
	padding: 10px 10px 0 10px;
	margin-bottom: 10px;
}
.bookingform .roomf .desc {
	margin-bottom: 10px;
	line-height: 1em;
}
.bookingform .roomf .guest {
	float: left;
	font-weight: bold;
	width: 45%;
}
.bookingform .roomf .guest b {
	font-weight: normal;
}
.bookingform .roomf .fullname {
	padding: 0 0 0 3px;
	font-size:1em;
	width: 1056px;
	margin: 10px 0;
	line-height: normal;
	height: 25px;
}
.bookingform .comments {
	padding: 3px;
	width: 1074px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
	color: grey;
	height: 90px;
	overflow: hidden;
	margin-bottom: 6px;
}
.bookingform .cardtype {
	width: 262px;
}

@media only screen and (min-width : 1824px) {
.bookingform .cardtype {
	width: 398px;
}
}
.bookingform .secinput {
	padding: 0px 0 0 3px;
	font-size:1em;
	height: 25px;
	line-height: normal;
	width: 257px;
	margin-bottom: 10px;
}

@media only screen and (min-width : 1824px) {
.bookingform .secinput {
	width: 390px;
}
}
.bookingform .secinput_err {
	border: 1px solid #4487eb;
	background: #ffff00;
	padding: 0px 3px;
	font-size:1em;
	height: 25px;
	line-height: normal;
	width: 220px;
	margin-bottom: 10px;
}
.bookingform .seclabel {
	width: 138px;
	float: left;
	display: block;
	line-height: 26px;
}

@media only screen and (min-width : 1824px) {
.bookingform .seclabel {
	width: 271px;
}
}
.bookingform .cardselect {
	padding: 0 0 0 3px;
	line-height: normal;
	height: 25px;
	margin-bottom: 10px;
	-webkit-appearance: menulist;
	font-size:1em;
}
.bookingform .cardmonth {
	width: 50px;
}
.bookingform .cardyear {
	width: 70px;
}
.bookingform .substext {
	text-align: right;
}
.bookingform .substext a {
	color: #000;
	text-decoration: underline;
}
.bookingform .getbutton {
	padding: 0px 0 0 3px;
	height: 25px;
	line-height: normal;
	width: 225px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight: bold;
}
.bookingform .getbutton:hover {
	background: #1d5adf;
}
.bookingform .verifinput {
	padding: 0px 0 0 3px;
	height: 25px;
	line-height: normal;
	width: 257px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	margin-bottom: 10px;
	margin-right: 11px;
}

@media only screen and (min-width : 1824px) {
.bookingform .verifinput {
	width: 391px;
}
}
.bookingform .roomf .roomtitle {
	float: left;
	width: 35%
}
.bookingform .selectexp {
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
}
.bookingform span {
	float: left;
}
.bookingform .fees {
	float: right;
	line-height: 24px;
	background: url(../../images/tick.svg) no-repeat;
	padding-left: 32px;
	background-size: 24px;
	background-position: left top;
	margin-bottom: 20px;
	margin-right: 18px;
	margin-top: 7px;
}
.bookingform .newsl {
	text-align: right;
	float: right
}
.iti__dial-code {
	margin-right: 5px;
}
.bookingformhb h2 {
	padding: 8px 12px;
	margin: 0;
	font-size: 1.14em;
	color: #000;
	margin-bottom: 20px;
}
.bookingformhb .content {
	padding: 0 12px 12px 12px;
}
.bookingformhb .inputname {
	float: left;
	width: 40%;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
}
.bookingformhb .inputname_err {
	float: left;
	width: 40%;
	border: 1px solid #4487eb;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
	background: #ffff00;
}
.bookingformhb .selectcountry {
	width: 20%;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
	text-transform: capitalize;
}
.bookingformhb .inputnameroom {
	float: left;
	width: 50%;
	margin: 10px 0;
	padding: 3px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
}
.bookingformhb .inputnameroom_err {
	float: left;
	width: 50%;
	border: 1px solid #4487eb;
	margin: 10px 0;
	padding: 3px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
	background: #ffff00;
}
.bookingformhb .inputemail {
	width: 30%;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	float: left;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
}
.bookingformhb .inputemail_err {
	width: 30%;
	border: 1px solid #4487eb;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	float: left;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
	background: #ffff00;
}
.bookingformhb .selectcardtype {
	width: 20%;
	border: 1px solid #4487eb;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	float: left;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
}
.bookingformhb .selectcountry {
	width: 20%;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
	text-transform: capitalize;
}
.bookingformhb .inputcardnumber {
	width: 24%;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	float: left;
	background: url(../../images/secure.png) right center no-repeat;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
}
.bookingformhb .inputcardnumber_err {
	width: 24%;
	border: 1px solid #4487eb;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	float: left;
	background: url(../../images/secure.png) right center no-repeat;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
	background: #ffff00
}
.bookingformhb .inputcardholder {
	width: 30%;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	float: left;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
}
.bookingformhb .inputcardholder_err {
	width: 30%;
	border: 1px solid #4487eb;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	float: left;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
	background: #ffff00
}
.bookingformhb .inputcvc {
	width: 10%;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	float: left;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
}
.bookingformhb .inputcvc_err {
	width: 10%;
	border: 1px solid #4487eb;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	float: left;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
	background: #ffff00;
}
.bookingformhb .inputadr {
	width: 45%;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
}
.bookingformhb .inputadr_err {
	width: 45%;
	border: 1px solid #4487eb;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
	background: #ffff00
}
.bookingformhb .inputcity {
	width: 20%;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
}
.bookingformhb .inputcity_err {
	width: 20%;
	border: 1px solid #4487eb;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
	background: #ffff00
}
.bookingformhb .inputzip {
	width: 10%;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
}
.bookingformhb .inputzip_err {
	width: 10%;
	border: 1px solid #4487eb;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
	background: #ffff00
}
.bookingformhb .infocvc {
	width: 22px;
	height: 22px;
	margin-top: 3px;
}
.bookingformhb .room {
	padding: 5px;
	width: 65%;
	margin-bottom: 12px;
}
.bookingformhb .room .roomtitle {
	float: left;
	width: 35%
}
.bookingformhb textarea {
	width: 45%;
	padding: 3px;
	float: left;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
}
.bookingformhb .selectexp {
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 10px;
	font: .81em/150% Arial, Helvetica, sans-serif;
	font-size:1em;
}
.bookingformhb span {
	float: left;
}
.bookingformhb .fees {
	float: right;
	line-height: 38px;
	margin-right: 18px;
	background: url(https://secure.bookerclub.com/images/whylibg.png) no-repeat;
	padding-left: 42px;
}
.bookingformhb .newsl {
	text-align: right;
	float: right
}
#booking .clubpayment {
	background: url(../../images/maleta.png) no-repeat;
	color: #393939;
	line-height: 30px;
	padding-left: 46px;
	margin: 3px 12px;
}
.logoprint img {
	display: none;
	margin-bottom: 15px;
}
.bookingstatusleft {
	float: left;
	width: 544px;
	margin-right: 15px;
	margin-left: 1px;
}

@media only screen and (min-width : 1824px) {
.bookingstatusleft {
	width: 823px;
}
}
.bookingstatusright {
	float: left;
	width: 543px;
}

@media only screen and (min-width : 1824px) {
.bookingstatusright {
	width: 825px;
}
}
.statusleftdon {
	float: left;
	width: 48%;
	padding: 1%;
	margin: 15px 0;
	font-weight: bold;
}
.tableinstatusleft {
}
.tableinstatusleft td {
	padding: 4px;
}
.tableinstatusleftbg {
}
.tableinstatusleftbg td {
	padding: 4px;
}
.tableinstatusright h1 {
	margin: 0;
	padding: 0;
	float: left;
	font-size: 1.14em;
	line-height: 26px;
	font-weight: bold;
}
.tableinstatusright .hotelrating {
	font-size: 1.29em;
	color: #fec525;
	margin-left: 12px;
	line-height: 26px;
}
.tableinstatusright .bestprice {
	background: url(../../images/whylibg2.png) no-repeat;
	padding-left: 30px;
	margin-bottom: 4px;
	min-height: 26px;
	line-height: 26px;
	float: right
}
.tableinstatusright .tableadr td {
	padding: 4px
}
.statusmap {
	width: 100%;
	margin-bottom: 15px;
	padding: 0;
}
.statusmap img {
	width: 100%;
	height: auto;
	float: left;
}
.certificatesign {
	float: left;
	margin-top: 10px;
}
.printicon {
	float: right;
	margin-top: 10px;
	line-height: 40px;
}
.roominfohb {
	border-collapse: collapse;
	border: 1px solid #4487eb;
	margin-bottom: 10px
}
.roominfohb th {
	border: 1px solid #4487eb;
	padding: 4px;
	background: #8fb7f3;
	text-align: left;
}
.roominfohb td {
	border: 1px solid #4487eb;
	padding: 4px;
}
.roominfo {
	border-collapse: collapse;
	margin-bottom: 10px
}
.roominfo th {
	padding: 4px;
	text-align: left;
}
.roominfo td {
	padding: 4px;
}
.bstatl {
	float: left;
	width: 50%;
}
.addinfo {
	border-collapse: collapse;
	margin-bottom: 0;
}
.addinfo th {
	padding: 4px;
	text-align: left;
}
.addinfo td {
	padding: 4px;
}
.showmore {
}
.showmore:hover {
}
#_atssh {
	display: none;
}
#policy .open {
	background: transparent url("../../images/minus.svg") no-repeat scroll right center / 11px auto;
	padding-right: 16px;
}
#policy .closed {
	background: transparent url("../../images/plus.svg") no-repeat scroll right center / 11px auto;
	padding-right: 16px;
}
.bookingpolicy p {
	margin: 0 0 5px;
}
#policy .condlabel {
	margin: 0 0 5px;
}

#policy .citytax {
	position: absolute;
	right: 0;
	text-align: right;
}


/************************************************************************************
HOTEL PAGE SEE ALSO
*************************************************************************************/

#seealso .intin {
	color: #4487eb;
	font-weight: bold;
}
#seealso .viemore {
	font-weight: bold;
	text-decoration: underline;
}
#seealso .viemore:hover {
}
#inthotels:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#inthotels {
	zoom: 1;
	margin: 0 0 30px;
}
#inthotels li {
	width: 195px;
	height: 300px;
	padding: 10px 12px 5px;
	border-right: 1px solid #d1d0d2;
	float: left;
	margin: 0;
}

@media only screen and (min-width : 1824px) {
#inthotels li {
	width: 296px;
	height: 456px;
}
}
#inthotels li:last-child {
	border-right: none;
}
#inthotels li .link {
	width: 195px;
	display: block;
	height: 130px;
	background-repeat: no-repeat;
	background-size: cover;
	text-indent: -9999px;
	margin-bottom: 20px;
}

@media only screen and (min-width : 1824px) {
#inthotels li .link {
	width: 296px;
	height: 198px;
}
}
#inthotels li h2 {
	font-size: 1.14em;
	text-align: center;
	margin-bottom: 4px;
	margin-top: 0px;
}
#inthotels li a {
	color: #000;
	text-decoration: underline;
}
#inthotels li .itemstars {
	display: block;
	margin-bottom: 10px;
	color: #ffd201;
	text-align: center;
	font-size: 1.57em;
	height: 22px;
	overflow: hidden;
}
#inthotels li p {
	font-size: 0.86em;
}
#othdest {
	margin: 30px 0;
	border-top: 1px solid #c0c0c0;
	padding: 30px 0;
}
#othdest ul {
	margin: 15px 0;
}
#othdest ul li {
	width: 16%;
	padding: 0.2%;
	border-right: 1px solid #c0c0c0;
	text-align: center;
	float: left;
	min-height: 40px;
}
#othdest ul li:last-child {
	border-right: none;
}
#othdest ul li a {
	text-decoration: underline
}
#othdest ul li a:hover {
	text-decoration: none;
}
/************************************************************************************
Alternative Hotels 
*************************************************************************************/

.althoteltextdesc a {
	text-decoration: underline;
}
#althotels .intin {
	color: #4487eb;
	font-weight: bold;
}
#althotels .viemore {
	font-weight: bold;
	text-decoration: underline;
}
#althotels .viemore:hover {
}
#altinthotel1s {
	background-image: url(../../images/sepline.png);
	background-position: top;
	background-repeat: no-repeat;
	padding: 10px 0;
	margin-top: 10px;
}
#altinthotel1s .hotelitem {
	background-image: url(../../images/sepline.png);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 0 0 10px 0;
	margin-bottom: 10px;
}
#altinthotel1s .hotelitem .image {
	float: left;
	width: 180px;
	height: 120px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #933;
	cursor: pointer;
}
#altinthotel1s .hotelitem .desc {
	width: 77%;
	float: right;
	font-size:1em;
}
#altinthotel1s .hotelitem .desc .addrss {
	margin-bottom: 10px;
	font-style: italic;
}
#altinthotel1s .hotelitem .desc .name {
	font-size: 1.29em;
	margin: 0;
	float: left;
	font-weight: bold;
	margin-right: 10px;
	text-decoration: underline;
}
#altinthotel1s .hotelitem .desc .name a:hover {
	text-decoration: underline;
}
#altinthotel1s .hotelitem .desc .hotelrating {
	color: #ffce2f;
	font-size: 1.14em;
	float: left;
}
#altinthotel1s .hotelitem .desc p {
	margin: 0;
	padding: 0
}
#othdest {
	margin: 30px 0;
	border-top: 1px solid #c0c0c0;
	padding: 30px 0;
}
#othdest ul {
	margin: 15px 0;
}
#othdest ul li {
	width: 16%;
	padding: 0.2%;
	border-right: 1px solid #c0c0c0;
	text-align: center;
	float: left;
	min-height: 40px;
}
#othdest ul li:last-child {
	border-right: none;
}
#othdest ul li a {
	text-decoration: underline
}
#othdest ul li a:hover {
	text-decoration: none;
}
/************************************************************************************
ERROR PAGE 
*************************************************************************************/


#errorpage {
	margin: 20px 65px;
}
#errorpage a {
	color: #000;
}
#errorpage a {
	color: #000;
	cursor: pointer
}
#errorpage a:hover {
	color: #4487eb;
	text-decoration: underline;
}
#errorpage .erroops {
	color: #3f3a37;
	font-size: 1.29em;
	font-weight: bold;
}
#errorpage #searchmask {
	width: 278px;
	padding: 14px 9px;
	color: #FFF;
	background: #d83530;
}
#errorpage #searchmask h6 {
	color: #fff;
	margin: 7px 0 15px 0;
	padding: 0;
	font-size: 1.71em;
	font-weight: normal;
	background: url('https://secure.bookerclub.com/images/magnifying.png') no-repeat scroll 0% 0% transparent;
	padding-left: 24px;
	line-height: 17px;
}
#errorpage #searchmask form {
	margin: 8px 0;
	line-height: 26px;
	position: relative;
	font-weight: normal;
	font-size: 0.86em;
}
#errorpage #searchmask form input {
	background: #FFF;
	border: 1px solid #808080;
	padding: 4px 6px;
	float: left;
	margin-bottom: 4px;
	font-size:1em;
	color: #959595;
}
#errorpage #searchmask form select {
	background: #FFF;
	border: 1px solid #808080;
	padding: 4px 2px;
	float: left;
	margin-bottom: 4px;
	font-size:1em;
	color: #959595
}
#errorpage #searchmask form img {
	float: left;
}
#errorpage #searchmask .xxl {
	width: 257px;
}
#errorpage #searchmask .m {
	width: 86px;
	padding: 2px 6px;
	height: 22px;
	border: 0;
	font-size: 0.86em;
}
#errorpage #searchmask .dateinputin {
	background: #fff;
	border: 1px solid #808080;
	height: 26px;
	width: 131px;
	position: relative
}
#errorpage #searchmask .dateinputout {
	background: #fff;
	border: 1px solid #808080;
	height: 26px;
	width: 131px;
	margin-left: 6px;
	position: relative
}
#errorpage #searchmask .checkout {
	margin-left: 6px;
}
#errorpage #searchmask #nightstay {
	font-size: 0.9em;
	margin-bottom: 5px;
}
#errorpage #searchmask #nightstay-en {
	font-size: 0.9em;
	margin-bottom: 5px;
}
#errorpage #searchmask #nightstay-es {
	font-size: 0.9em;
	margin-bottom: 5px;
}
#errorpage #searchmask .col-1-3 {
	margin-right: 2%;
	width: 32%;
	margin-top: -5px;
}
#errorpage #searchmask .adlts-en span {
	margin-left: 2px;
}
#errorpage #searchmask .adlts-es span {
	margin-left: 2px;
}
#errorpage #searchmask button {
	border: 0;
	float: right;
}
#errorpage #searchmask .s {
	width: 100%;
	border-right: 0;
	height: 27px;
	line-height: 22px;
}
#errorpage #searchmask .xs {
	width: 30px;
	margin-left: 2px;
}
#errorpage #searchmask .roomtpl {
	background: #06F
}
#errorpage #searchmask .submitbutton {
	width: 167px;
	height: 38px;
	background: #4487eb;
	border: 1px solid #fff;
	padding: 0;
	font-size: 1.43em;
	font-weight: normal;
	color: #FFF;
	margin-left: 55px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -48px;
	position: absolute;
	z-index: 1;
}
#errorpage #searchmask .submitbutton:hover {
	background: #1d5adf
}
#errorpage #searchmask .entity {
	padding-right: 17px;
	width: 258px;
	color: #808080;
}
#errorpage #searchmask span.icon_clear {
	position: absolute;
	right: 10px;
	margin-top: 2px;
	cursor: pointer;
	font: 1em sans-serif;
	color: #A8A8A8;
	font-size: 1.29em;
	background: #fff;
	padding-left: 6px;
}
#errorpage #searchmask .labelroom {
	line-height: 14px;
	margin-top: 5px;
}
#errorpage #searchmask .roomcell {
	float: left;
	width: 60px;
}
#errorpage #searchmask .roomcell label {
	height: 26px;
	font-size: 0.95em;
}
#errorpage #searchmask .roomcell select {
	height: 27px;
	width: 44px;
	line-height: 21px;
}
#errorpage #searchmask .roomcell2 {
	float: left;
	width: 158px
}
#errorpage #searchmask .roomcell2 label {
	font-size: 0.95em;
}
#errorpage #searchmask .roomcellchild {
	float: right;
	width: 150px;
}
#errorpage #searchmask .roomcellchild label {
	height: 26px;
	display: block;
}
#errorpage #searchmask .roomcellchild select {
	margin-right: 2px;
	-webkit-appearance: none;
	line-height: 17px;
	width: 44px;
}
/* Normal styles for the modal */
#gencond {
	left: 50%;
	margin: -250px 0 0 -30%;
	opacity: 0;
	position: absolute;
	top: -50%;
	visibility: hidden;
	width: 60%;
	box-shadow: 0 3px 7px rgba(0,0,0,.25);
	box-sizing: border-box;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	text-align: left;
}
/* Make the modal appear when targeted */
#gencond:target {
	opacity: 1;
	top: 50%;
	visibility: visible;
}
#gencond .header, #gencond .modal-header {
	border-radius: 5px 5px 0 0;
}
#gencond .modal-footer {
	border: none;
	border-top: 1px solid #e7e7e7;
	border-radius: 0 0 5px 5px;
	background: #F7F7F7;
}
#gencond h2 {
	margin: 0;
}
#gencond .btn {
	float: right;
}
#gencond .copy, #gencond .modal-header, #gencond .modal-footer {
	padding: 10px;
}
.modal-content {
	position: relative;
	z-index: 20;
	border-radius: 5px;
}
#gencond .copy {
	background: #fff;
	height: 400px;
	overflow: auto;
}
#gencond .overlay {
	background-color: #000;
	background: rgba(0,0,0,.5);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}
#gencond .btn {
	color: #fff;
	background: #000;
	text-decoration: none;
	font-size: 1.3em;
	padding: 5px;
}
#privacy {
	left: 50%;
	margin: -250px 0 0 -30%;
	opacity: 0;
	position: absolute;
	top: -50%;
	visibility: hidden;
	width: 60%;
	box-shadow: 0 3px 7px rgba(0,0,0,.25);
	box-sizing: border-box;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	text-align: left;
}
#privacy:target {
	opacity: 1;
	top: 50%;
	visibility: visible;
}
#privacy .header, #privacy .modal-header {
	border-bottom: 1px solid #e7e7e7;
	border-radius: 5px 5px 0 0;
}
#privacy .modal-footer {
	border: none;
	border-top: 1px solid #e7e7e7;
	border-radius: 0 0 5px 5px;
	background: #F7F7F7;
}
#privacy h2 {
	margin: 0;
}
#privacy .btn {
	float: right;
}
#privacy .copy, #privacy .modal-header, #privacy .modal-footer {
	padding: 10px;
}
#privacy .copy {
	background: #fff;
	height: 400px;
	overflow: auto;
}
#privacy .overlay {
	background-color: #000;
	background: rgba(0,0,0,.5);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}
#privacy .btn {
	color: #fff;
	background: #000;
	text-decoration: none;
	font-size: 1.3em;
	padding: 5px;
}
/* Normal styles for the modal */
#bookcond {
	left: 50%;
	margin: -250px 0 0 -30%;
	opacity: 0;
	position: absolute;
	top: -50%;
	visibility: hidden;
	width: 60%;
	box-shadow: 0 3px 7px rgba(0,0,0,.25);
	box-sizing: border-box;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	text-align: left;
}
/* Make the modal appear when targeted */
#bookcond:target {
	opacity: 1;
	top: 50%;
	visibility: visible;
}
#bookcond .header, #bookcond .modal-header {
	border-radius: 5px 5px 0 0;
}
#bookcond .modal-footer {
	border: none;
	border-top: 1px solid #e7e7e7;
	border-radius: 0 0 5px 5px;
	background: #F7F7F7;
}
#bookcond h2 {
	margin: 0;
}
#bookcond .btn {
	float: right;
}
#bookcond .copy, #bookcond .modal-header, #bookcond .modal-footer {
	padding: 10px;
}
.modal-content {
	position: relative;
	z-index: 20;
	border-radius: 5px;
}
#bookcond .copy {
	background: #fff;
	height: 400px;
	overflow: auto;
}
#bookcond .overlay {
	background-color: #000;
	background: rgba(0,0,0,.5);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}
#bookcond .btn {
	color: #fff;
	background: #000;
	text-decoration: none;
	font-size: 1.3em;
	padding: 5px;
}
.tprice .strike {
	font-size: 1em;
}
.tprice .price {
	font-size: 1em;
}
/************************************************************************************
DropDown hover in header 
*************************************************************************************/


.dropdown {
	position: relative;
	display: inline-block;
	margin-left: 5px;
}
.dropdown-content {
	display: none;
	position: absolute;
	right: 0;
	background-color: #ffffff;
	min-width: 160px;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
	z-index: 1;
	border: 1px solid #c8c8c8;
}
.dropdown-content a {
	color: black;
	padding: 0 20px;
	text-decoration: none;
	display: block;
}
.dropdown-content hr {
	margin: 0;
	border: 0;
	border-top-width: 0px;
	border-top-style: none;
	border-top-color: currentcolor;
	border-top: 1px solid #ddd;
}
.dropdown-content a:hover {
	background-color: #f1f1f1
}
.dropdown:hover .dropdown-content {
	display: block;
}
.dropdown:hover .dropbtn {
	background-color: #3e8e41;
}
/************************************************************************************
reservation & login css
*************************************************************************************/

.resform {
	margin: 50px auto;
	width: 338px;
	border: 1px solid #a7a7a7;
	padding: 10px 21px 1px 21px;
}
.resform h1 {
	margin: 0 0 20px 0;
	padding: 0;
	font-weight: 300;
	font-size: 2em;
	text-align: center;
}
.resform a {
	color: #000000;
	text-decoration: underline
}
.resform label {
	font-weight: bold;
	font-size: 1em;
	display: block;
	margin-bottom: 4px;
}
.resform .input {
	border: 1px solid #a7a7a7;
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
	font-size:1em;
	width: 100%;
	margin-bottom: 20px;
	webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 32px;
}
.resform .gobutton {
	border: 1px solid #000000;
	background: #000000;
	color: #fff;
	text-transform: uppercase;
	width: 100%;
	webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.5em;
	margin-bottom: 20px;
	text-align: center;
	cursor: pointer;
	height: 32px;
	line-height: 32px;
	padding: 0;
}
.resform .gobuttonlink {
	background: #000000;
	color: #fff;
	text-transform: uppercase;
	width: 100%;
	font-size: 1.5em;
	margin-bottom: 20px;
	display: block;
	text-align: center;
	height: 32px;
	line-height: 32px;
	text-decoration: none;
}

@media (max-width: 480px) {
.resform {
	margin: 15px auto;
	width: 290px;
}
.resform h1 {
	font-size: 1.6em;
}
.modalDialog > div {
	width: 280px;
}
}
.ortitle {
	overflow: hidden;
	text-align: center;
	font-weight: bold;
	color: #000;
	margin-bottom: 20px;
}
.ortitle > span {
	position: relative;
	display: inline-block;
}
.ortitle > span:before, .ortitle > span:after {
	content: '';
	position: absolute;
	top: 50%;
	border-bottom: 1px solid #a7a7a7;
	width: 591px; /* half of limiter*/
	margin: 0 20px;
}
.ortitle > span:before {
	right: 100%;
}
.ortitle > span:after {
	left: 100%;
}
.passworddiv {
	position: relative;
}
.fpass {
	position: absolute;
	right: 0;
	top: 0;
}
.fpass a {
	color: #000;
}
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 99999;
	opacity: 0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalDialog:target {
	opacity: 1;
	pointer-events: auto;
}
.modalDialog > div {
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
}
.close {
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
	text-decoration: none;
}
.close:hover {
	color: #fff;
}
/************************************************************************************
hotelaccess.css
*************************************************************************************/

.input_xs {
	width: 45px;
	height: 16px;
	font-size: 0.79em;
	text-align: center;
}
.input_s {
	width: 90px;
	height: 20px;
	font-size: 0.86em;
	text-align: center;
}
.input_m {
	width: 200px;
	height: 21px;
	font-size: 0.86em;
	text-align: left;
	float: left;
}
.input_l {
	float: left;
	width: 300px;
	height: 20px;
	font-size: 0.86em;
	text-align: center;
}
.select_xs {
	float: right;
	border: 0;
	width: 45px;
	height: 16px;
	font-size: 0.79em;
}
.select_s {
	float: center;
	width: 90px;
	height: 20px;
	font-size: 0.86em;
}
.select_m {
	float: center;
	width: 150px;
	height: 22px;
	font-size: 0.86em;
}
.select_l {
	float: left;
	width: 220px;
	height: 20px;
	font-size: 0.86em;
}
.reservastable {
	border-collapse: collapse;
}
.reservastable th {
	color: #fff;
	border: 1px solid #000;
	padding: 5px;
	font-weight: normal;
	white-space: nowrap
}
.reservastable td {
	border: 1px solid #000;
	color: #000;
	padding: 5px;
}
.modal-header h2 {
	padding: 0;
	margin: 0;
	font-size: 1.14em;
	line-height: 33px;
	border-bottom: 0;
}
.privacypolicy {
	color: #929292;
	font-size: 0.86em;
	text-decoration: underline
}
.privacypolicy:hover {
	color: #555555;
	text-decoration: underline
}