/* latin-ext */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  src: local('fonts/Work Sans Light'), local('fonts/WorkSans-Light'), url(https://fonts.gstatic.com/s/worksans/v2/FD_Udbezj8EHXbdsqLUplz0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  src: local('fonts/Work Sans Light'), local('fonts/WorkSans-Light'), url(https://fonts.gstatic.com/s/worksans/v2/FD_Udbezj8EHXbdsqLUpl-gdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: local('fonts/Work Sans'), local('fonts/WorkSans-Regular'), url(https://fonts.gstatic.com/s/worksans/v2/WB2LNay3rHMH1zU8UJnUHBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: local('fonts/Work Sans'), local('fonts/WorkSans-Regular'), url(https://fonts.gstatic.com/s/worksans/v2/ElUAY9q6T0Ayx4zWzW63VFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  src: local('fonts/Work Sans SemiBold'), local('fonts/WorkSans-SemiBold'), url(https://fonts.gstatic.com/s/worksans/v2/z9rX03Xuz9ZNHTMg1_ghGT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  src: local('fonts/Work Sans SemiBold'), local('fonts/WorkSans-SemiBold'), url(https://fonts.gstatic.com/s/worksans/v2/z9rX03Xuz9ZNHTMg1_ghGegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

html, body {
	height: 100%;
}

body {
	font-family: 'Work Sans', sans-serif;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	font-size: 1em;
	font-weight: 300;
}

a {
	color: #000;
}

.zwarchitect .zwcorecnt {
	margin: 0 1.25em;
	padding: 0 2em;
	background-color: #EBEBE9;
}

.monframe {
	padding: 1.25em;
	box-sizing: border-box;
	min-height: 100%;
}

.monpageslide.monframe {
	height: 100%;
}

.monpageslide .cmspagefooter {
	display: none;
}

.monpageslide .monmain {
	background-color: #EBEBE9;
	height: 100%;
}

.monpagenormal .zwrow, .monpagenormal .zwcaption, .monhdr,
.monpagenormal .cmspagefooter, .zwpage_zwsys .zwcore {
	background-color: #EBEBE9;
	margin: 0 1.25em;
	box-sizing: border-box;
	display: block;
	padding: 0;
	overflow: hidden;
}

.zwcompact .monpagenormal .zwrow,
.zwcompact .monpagenormal .zwcaption,
.zwcompact .monhdr,
.zwcompact .monpagenormal .cmspagefooter,
.zwcompact.zwpage_zwsys .zwcore {
	background-color: #FFF;
	margin: 0;
}

.zwdateselmonth {
	font-weight: bold;
}

.monpagenormal .zwcell {
	display: block;
}

.monhdr {
	overflow: visible;
}

.monpagenbormal .cmszonecnt p, .monpagenbormal .cmszonecnt h1, .monpagenbormal .cmszonecnt h2, .monpagenbormal .cmszonecnt h3 {
	text-align: left!important;
}

.monpagenormal .zwrow, .zwpage_zwsys .zwcore {
	padding: 0 14.5em;
}

.zwarchitect .zwrow {
	display: table-row;
}

.zwpage_menus .zwcaption {
	text-align: center;
}

.montopright {
	text-align: left;
	width: 48%;
}

.montopleft {
	text-align: right;
	width: 48%;
	float: left;
}

.zwcaption h2 {
	margin-top: 0;
}

.zwcaption h1 {
	margin-bottom: 0;
}


.monpageslide.cmspagefooter {
	display: none;
}

.monpagenormal .cmspagefooter {
	padding: 1em;
	margin-bottom: 1.25em;
}

.monhdr {
	margin-top: 1.25em;
}

h1, .monroom h3 {
	font-family: 'Work Sans', sans-serif;
	font-weight: 300;
	font-size: 28pt;
}

h2 {
	font-family: 'Work Sans', arial, sans-serif;
	font-weight: 300;
	font-size: 26pt;
	margin: 1em 0 0.4em 0;
}

h3 {
	font-size: 18pt;
	font-weight: 600;
}

.monpageadmin h1 {
	margin: 0;
	font-size: 28pt;
}

.monpageadmin h2 {
	margin: 0;
	font-size: 26pt;

}

.monpageadmin h3 {
	margin: 0;

}

.monpageadmin .zwcaption {
	margin: 2em 0 1em 0;
}

.monpageadmin main {
	padding: 0em 2.5em 2.5em 2.5em;
}

.monpagenormal main {
	padding: 0;
}

.monpagenormal .zwcaption {
	padding: 0 14.5em;
}

.monpagenormal .monfullwidth {
	margin: 0;
	padding: 0;
}

.monpagenormal .monfullwidth .zwcell {
	width: 100%;
	display: block;
}

.monblock {
	display: block!important;
	box-sizing: border-box;
}

.monpagenormal header, .monpageadmin header {
	position: relative;
	display: block;
	height: 11em;
	top: 2.50em;
	margin-left: 3em;
}

.monpageadmin header {
	left: 0;
	padding-left: 0;
	box-sizing: border-box;
}

.monpageslide header {
	position: absolute;
	display: block;
	height: 20em;
	left: 4.25em;
	top: 3.75em;
	z-index: 10;
}

.monpageslide main {
	overflow: auto;
	position: relative;
	height: 100%;
	width: 100%;
}

nav {
	height: 100%;
	width: 100%;
	background-color: #000;
	position: fixed;
	top: 0;
	color: #FFF;
	z-index: 11;
	text-align: center;
	display: none;
	left: -100%;
}

.monmenuclose, .htlmenuclose {
	background-image: url('./images/menu-close.svg');
	background-repeat: no-repeat;
	height: 3.125em;
	width: 3.125em;
	display: inline-block;
	margin: 7em 0;
	background-size: 100% 100%;
}

.cmsmainmenu {
	margin: 0;
	padding: 0;
	list-style-type: none;

}

.cmsmainmenu > li {
	margin-bottom: 1.5em;
}

.cmsmainmenu > li > a {
	text-decoration: none;
	color: #FFF;
	font-size: 13pt;
	text-transform: uppercase;
	font-weight: 600;
}

.cmssubmenu {
	padding: 0;
	list-style-type: none;
	margin: 1.5em auto 1.5em auto;
	border: 0;
	background-color: transparent;
	position: static;
	visibility: visible;
	max-width: 21em;
}

.cmssubmenu > li {
	margin-bottom: 0.3em;
}

.cmssubmenu > li > a {
	text-decoration: none;
	color: #FFF;
}

.cmssubmenu > li > a:hover {
	background-color: #EFC14D;
	color: #000;
}

.monlogo {
	height: 5.625em;
	width: 14.25em;
	top: 0;
	background-image: url('./images/logo-mon-restaurant-fonda.svg');
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	background-position: top left;
	background-size: contain;
}

.monmenu {
	position: absolute;
	height: 5.625em;
	width: 3.75em;
	left: 18.25em;
	top: 0;
	background-image: url('./images/menu.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	display: block;
}

.monlangsel {
	position: absolute;
	height: 5.625em;
	left: 25.25em;
	top: 0;
	text-decoration: none;
	text-align: center;
	color: #000;
	cursor: pointer;
	width: 5em;
	z-index: 9;
}

.monlangsel > DIV {
	font-size: 1em;
	margin-top: 1.4em;
}

.monlangselarrow {
	background-image: url('./images/arrowdown.svg');
	height: 1.90em;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin: 0.2em 0;
}

header .monexcl {
	position: absolute;
	top: 7.69em;
	left: -1em;
	display: flex;
	padding: 0;
	font-weight: bold;
	align-items: center;
}

.monexcl {
	background-color: #000;
	border-radius: 50%;
	width: 10.125em;
	height: 10.125em;
	color: #FFF;
	padding: 2.8em 1em 1.5em 1em;
	box-sizing: border-box;
	text-transform: uppercase;
	box-shadow: 0 0 1em -0.2em #000;
	text-align: center;
	margin-right: 3em;
}

.monexcl > span {
	
}

.monbiosfera {
	position: absolute;
	top: 7.69em;
	left: 11em;	
	width: 10.125em;
	height: 10.125em;
	background-image: url('images/logobiosfera.svg');
	background-repeat: no-repeat;
	background-size: contain;
}

.monexcl > DIV {
	font-size: 1em;
}

.montopres {
	clear: both;
	overflow: auto;
}

.montopres .monexcl {
	float: left;
	margin-top: 1em;
	margin-left: 1em;
}

.montopres .monexcllabels {
	margin: 4em 0 0 2em;
}

.montopres .monexcllabels LI {
	margin-right: 0.5em;
}

header .monexcllabels {
	position: absolute;
	left: -0.3em;
	top: 19em;
	width: 15em;
}

.htlbookprfcontact BR {
	content: '';
	margin-bottom: 0.5em;
	display: block;
}

.htlselector {
	position: fixed;
	left: 0;
	right: 0;
	top: 1.2rem;
	text-align: center;
	z-index: 10;
	width: 50em;
	left: 50%;
	margin-left: -25em;
}

.htlselector > DIV {
	box-shadow: 0 0.2em 0.8em -0.5em #000;
}

.monexcllabels, .htlbookprfacts {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline-block;

}

.htlbookpayinfo {
	font-size: 0.9em;
}

.htlbookprfacts {
	width: 5%;
}

.monexc {
	display: inline-block;
}

.monexc > DIV:last-child, .htlbookprfacts LI > DIV:first-child {
	display: inline-block;
	padding: 0.3em;
	margin: 0 0 0.3em 0;
	color: #FFF;
	font-size: 1em;
	white-space: nowrap;
	background-color: #000;
}

.htlbookprfacts LI > DIV:last-child {

}

.htlbookprfacts > LI {
	position: relative;
	left: 1.5em;
}

.htlbookprfacts > LI:before {
	content: '';
	position: absolute;
	display: inline-block;
	height: 1.8em;
	width: 1.8em;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	left: -1.9em;
	top: -0.1em;
}

.htlfactsfull {
	margin-bottom: 1em;
}

.htlfactsfull > UL {
	width: auto;
}

.htlbookprfcontact, .htlbookprfactinfo {
	margin-left: 1.5em;
}

.htlfact1:before {
	background-image: url('images/cafe.svg');
}

.htlfact2:before {
	background-image: url('images/thumb.svg');
}

.htlfact3:before {
	background-image: url('images/secclose.svg');
}

.htlfact4:before {
	background-image: url('images/clip.svg');
}

.htlfact5:before {
	background-image: url('images/clock.svg');
}

.htlbookprfactinfo {
	margin-top: 0.5em;
}

.htlbookprfactinfo > BUTTON {
	font-size: 0.8em;
}

.monexcllabelsdet {
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding-left: 1em;

}

.monexcllabelsdet LI {
	display: block;
	padding: 0.3em;
	max-width: 20%;
	float: left;
	margin-right: 2em;
}

.monslide {
	overflow: auto;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	display: none;
}

.zwarchitect .monslide {
	display: block;
	opacity: 1;
	position: static;
	height: auto;
}

.monslide .cmszonecnt > DIV:first-child {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.monslide .cmszonecnt > DIV:last-child {
	background-color: #000;
	width: 50%;
	height: 100%;
	color: #FFF;
	padding: 2em;
	box-sizing: border-box;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
}

.monslide .cmszonecnt > DIV:last-child > DIV {
	/*position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;*/
	margin: auto;
	width: 75%;
}

.montext {
	width: 80%;
	margin: 0 auto;
	text-align: justify;
	right: 0;
	left: 0;
}


.monslide1 {

}

.monslide1 H2 {
	font-size: 10pt;
}

.monslide1 .cmszonecnt > DIV:first-child {
	background-image: url('./images/fotos/felip-llufriu-restauran-fonda-mon.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: auto 76%;
}

.monslide1 .cmszonecnt > DIV:last-child > DIV {
	padding-top: 2em;
}

.monslide2 {

}

.monslide H2 {
	font-size: 28pt;
	font-weight: 600;
}

.monslide2 .cmszonecnt > DIV:first-child {
	background-image: url('./images/fotos/restauran-fonda-mon.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	position: absolute;
    bottom: 0;
    background-size: auto 76%;
}

.monslide2 .cmszonecnt > DIV:last-child > DIV {
	padding-top: 2em;
}

.monslide3 {

}

.monslide3 .cmszonecnt > DIV:first-child {
	background-image: url('./images/fotos/mon-restauran-fonda-menorca.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.monslide3 .cmszonecnt > DIV:last-child > DIV {
	padding-top: 2em;
}

.monslidesel {
	position: absolute;
	top: 50%;
	right: 3em;
	z-index: 5;
}

.monslidehandler {
	display: block;
	width: 1.5em;
	height: 1.5em;
	background-image: url('./images/radio-off.svg');
	background-size: 100%;
	margin-bottom: 0.5em;
}

.monslideon {
	background-image: url('./images/radio-on.svg');
}

.monprecio {
	text-align: center;
	margin-top: 1em;
}

.monprecio > div {
	display: inline-block;
	margin: 0 auto;
	border: 1px solid #404040;
	padding: 0.3em;
	text-align: center;
}

.monpin {
	height: 4em;
	width: 2.5em;
	background-image: url('./images/point-mon.svg');
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
}

.monroomlat {
	width: 40%;
	box-sizing: border-box;
	float: left;
}

.monroomdet {
	width: 60%;
	box-sizing: border-box;
	float: right;
	padding-left: 1em;
	padding-bottom: 2em;
}

.monroomdet > IMG {
	width: 100%;
}

.monroom {
	clear: both;
	border-top: 2px dotted #000;
	margin-top: 4em;
	padding-top: 4em;
}

.monroomdet IMG {
	height: auto;
}

.monroomlat h1 {
	margin-bottom: 0.3em;
	margin-top: 0;
}

button {
	padding: 0.6em;
	background-color: #000;
	color: #FFF;
	font-weight: 600;
	text-transform: uppercase;
	border: 0;
}

input, select, textarea {
	border: 1px solid #000;
	padding: 0.3em;
	font-size: 1em;
}

input, textarea, select {
	font-family: "Work Sans", sans-serif;
}

.monpeople {
	padding-bottom: 5em;
}

.monpeople > * {
	display: inline-block;
	height: 2.8em;
	width: 2em;
	background-image: url('./images/pax.svg');
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 0.5em;
	background-position: bottom left;
}

.htlpaxadd {
	background-size: 85%!important;
}

.monrequest {
	margin-bottom: 2em;
}

.monrequest button {
	width: 90%;
}

.monroomservices {
	padding-left: 1em;
}

.monroomservices UL {
	list-style-type: none;
	margin: 0 0 2em 0;
	padding: 0;
	font-size: 90%;
}

.monmapblock {
	display: block;
}

.monmapblock .gmapcnt {
	height: 40em;
}

.zwcompact .zwcaption h1 {
	margin-top: 0;
}

.tbleven {
	background-color: #F0F0F0;
}

.zwpage_blog .zwcaption {
	text-align: center;
	text-transform: uppercase;
}

.zwpage_blog .zwcaption h1 {
	font-weight: 300;
}

.zwblogimg {
	text-align: center;
}

.zwblogimg img {
	width: 80%;
	height: auto;
}

.zwblogtitle {
	text-align: center;
	margin-bottom 2em;
}

.monnoback {
	background-color: #FFF!important;
	padding: 0!important;
}

.monblogheader {
	background-color: #EBEBE9;
	padding: 0 14.5em;
	overflow: auto;
}

.zwblogcnt {
	padding: 1em 14.5em;
}

.monblogentry {
	background-color: #EBEBE9;
	overflow: auto;
	clear: both;
	width: 100%;
	display: table;
	padding-bottom: 2.5em;
}

.zwpage_blog .zwcell {
	display: block;
}

.monblogentryrow {
	overflow: auto;
	display: table-row;
}

.monblogentryrow > DIV {
	width: 50%;
	display: table-cell;
}

.monblgcontinue a {
	text-transform: uppercase;
	text-decoration: none;
}

.monblgcontinue a {
	text-transform: uppercase;
	text-decoration: none;
}

.monblgentryimg {
	/*float: left;*/
}

.monblgentryimg img {
	width: 100%;
	height: auto;
}

.monblgentrydet {
	padding-left: 1em;
	box-sizing: border-box;
	/*float: right;*/
	position: relative;
	height: 100%;
	vertical-align: top;
}

.monblgposbtm {
	bottom: 1em;
	padding-right: 1em;
}

.monblgtitle {
	margin-bottom: 0.4em;
}

.monblgtitle a {
	text-decoration: none;
}

.monblgcontinue {
	margin-top: 1em;
}

.monfullcontent {
	padding: 0!important;
}

.monlangselopt {
	border: 1px solid #000;
	background-color: #FFF;
	position: absolute;
	top: 5em;
	width: 5em;
	left: 0em;
	display: none;
}

.monlangselopt a {
	display: block;
	padding: 0.3em;
	text-decoration: none;
}

.monlangselopt a:hover {
	background-color: #C0C0C0;
}

.nivo-controlNav > a {
	padding: 0.3em;
	display: inline-block;
	margin: 0 0.5em;
}

.zwslickslider {
	width: 80%;
	margin: 0 auto;
}

.zwslickslide {
	height: 20em;
	width: 20em;
	background-size: cover;
	background-position: center center;
}

.monexcdet {
	margin-top: 1em;
}

.monok {
	background-image: url('./images/ok.svg');
}

.monpoma {
	background-image: url('./images/poma.svg');
}

.monvelo {
	background-image: url('./images/velo.svg');
}

.monok, .monpoma, .monvelo {
	height: 2.75em;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 1em;
}

.monsocial {
	position: fixed;
	background-color: #FFF;
	padding: 0.5em 0.3em;
	top: 50%;
	z-index: 10;
}

.zwarchitect .monsocial {
	position: static;
}

.monfb, .moninsta {
	text-decoration: none;
	height: 2em;
	width: 2em;
	display: block;
	margin-bottom: 0.5em;
	background-size: contain;
}

.monfb {
	background-image: url('./images/fb.svg');
}

.moninsta {
	background-image: url('./images/insta.svg');
	margin-bottom: 0;
}

.monsocial p {
	margin: 0;
}

.monblock .bx-wrapper {
	margin: 0 auto;
}

.zwmanager .zwbreadcrumb {
	margin: 0.5em 0 1em 0;
}

.zwpage_zwsys .zwcore {
	box-sizing: border-box;
	width: auto;
}

.zwmanager .zwcore {
	background-color: #FFF;
	overflow: auto;
	padding: 0;
	margin: 0;
	display: table;
	width: 100%;
}

.htltabs > LI {
	width: 33%;
	text-align: center;
	padding: 1.3em;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	cursor: pointer;
	background-color: #FFF;
}

.htltabs > LI:last-child {
	border-right: 1px solid #000;
}

.htlbookitem {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;

}

.htlbookitem h3 {
	margin: 0 0 1em 0;
}

.htlbookitem > DIV {
	width: 25%;
	box-sizing: border-box;
	padding-right: 1em;
}

.htlbookitem > DIV:last-child {
	padding-right: 0;
}

.htlbookitem > *:nth-child(3) {
    padding-left: 0;
}

.htlbookitsec:first-child {
	margin-top: 0;
}

.htlbookitnfoadd {
	margin-top: 0rem;
}

.htlroomdetnoimage, .htlbookitemnoimage {

}

.htltabsel {
	background-color: #000!important;
	color: #FFF;
}

.htlselector > DIV > DIV {
	background-color: #000;
	color: #FFF;
	border-right: 1px solid #FFF;
}

.htlselector > DIV > DIV:last-child {
	border-right: none;
}


.hjtselectact {
	background-color: #a2bbc0;
}

.hjtselectact BUTTON {
	background-color: #a2bbc0;
	height: 100%;
	padding: 1em;
}


.zwdateselfixed {
	color :#000;
}

.zwdateseldaycnt > DIV:first-child, .zwdateseldaycnt > DIV:first-child > DIV:last-child, .zwdateseldaycnt > DIV:first-child > DIV:nth-last-child(2) {
	background-color: #000;
	color: #FFF;
}

.zwdateseldaycnt > DIV:first-child > DIV:hover {
	background-color: #000;
	color: #FFF;
}

.zwdateselnfo {
	border: none;
}

.zwdateselcntrl > DIV:hover, .zwdateselnfo:hover {
    background-color: rgb(162, 187, 183, .6);
}

.zwdateseldeccnt > DIV > DIV:hover, .zwdateselmthcnt > DIV > DIV:hover, .zwdateseldaycnt > DIV > DIV:hover {
    background-color: #A2BBC0;
}

.zwdaterngstart {
	border-left: 0.2em solid #A2BBC0;
	box-sizing: border-box;
}

.zwdaterngend {
	border-right: 0.2em solid #A2BBC0;
	box-sizing: border-box;
}

.zwdaterange {
	background-color: rgb(162, 187, 183, .3);
}

.zwdateseldaycnt > DIV > DIV.zwdaterange:nth-last-child(2) {
	background-color: rgb(162, 187, 183, .4);
}

.zwdateseldaycnt > DIV > DIV.zwdaterange:last-child {
	background-color: rgb(162, 187, 183, .5);
}

.cmslightboxbg {
	background-color: rgb(162, 187, 183, .5);
}

.htlbookprcnt {
	margin-top: 2em;
}

.htlbookroomoptsmore {
	background-color: #000;
	color: #FFF;
	padding: 0.5em 1em;
}

.htlbookprfbook {
	padding: 1em;
}

.zwpage_fondamon .htlselector > DIV > DIV, .zwmobile .htlselector > DIV > DIV {
	background-color: #FFF;
	color: #000;
	border-right: 1px solid #000;
}

.htlbookroomhdr {
	background-color: #FFF;
	padding: 2em 0 0.3em 4em;
	margin-bottom: 1em;
}

.cmspagefooter {
	text-align: center;
}

.cmspagefooter a {
	text-decoration: none;
}

.htlbookitnfoadd {
	color: #A2BBC0;
}

.monhiring {
	font-weight: bold;
    position: fixed;
    bottom: 2.5rem;
    background-color: #000;
    left: 2.5rem;
    text-align: center;
    font-size: 0.65rem;
    border-radius: 100%;
	padding: 4px;
	height: 65px;
}

.monhiring > a {
	display: inline-block;
	text-decoration: none;	
	border: 2px solid #FFF;
	color: #FFF;
	outline: 0;
    padding: 0.75rem 0.5rem 0 0.5rem;
    box-sizing: border-box;
	border-radius: 100%;
	    height: 4rem;
    width: 4rem;
}

.monreservar {
    position: fixed;
    top: 4.25rem;
    display: block;
    left: 0;
    margin: 0 auto;
    right: 0;
    text-decoration: none;
    padding: 1rem 1.5rem;
    background-color: #FFF;
    width: 15rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
	box-shadow: 0 0.2em 0.8em -0.5em #000;
}


@media only screen and (max-width: 1210px) {
    /*body {
        background-color: lightblue;
    }*/

    .monpagenormal .zwrow, .monpagenormal .zwcaption, .zwpage_zwsys .zwcore  {
    	padding: 0 6.5em;
    }

    .monpagenormal .monfullwidth {
    	padding: 0!important;
    }

	.monexcllabelsdet LI {
		max-width: 20%;
	}

}

@media only screen and (max-width: 1200px) {
    /*body {
        background-color: cornflowerblue;
    }*/

    .monpagenormal .zwrow, .monpagenormal .zwcaption, .zwpage_zwsys .zwcore  {
    	padding: 0 2.5em;
    }

    .monpagenormal .monfullwidth {
    	padding: 0!important;
    }

    .cmszonecnt img {
    	width: 100%;
    	height: auto;
    }

	.monroomlat {
		float: none;
		width: 100%;
	}

	.monroomdet {
		float: none;
		width: 100%;
	}

	.moonpeople {
		padding-bottom: 1em;
	}

}

@media only screen and (max-width: 1785px) {
	.monbiosfera {
	    left: -1rem;
	}
	
	header .monexcl {
		display: none;
	}
}

@media only screen and (max-width: 1190px) {
	.monexcllabelsdet LI {
		max-width: 100%;
		float: none;
		display: block;
		margin-top: 2em;
	}

	.monpagenormal .zwrow, .monpagenormal .zwcaption, .zwpage_zwsys .zwcore  {
    	padding: 0 1em;
    }

	.montopres .monexcl {
		float: none;
		margin: 0 auto;
		font-size: 1.5em;
	}

	.monexcllabelsdet {
		padding: 0;
		margin-top: 2em;
	}

	.monok, .monpoma, .monvelo {
		font-size: 2em;
	}

	.monexcllabels LI, .monexc > DIV:last-child {
		display: block;
	}

	.monexc {
		display: block;
	}

	.monpagenormal header {
		left: 0em;
		top: 4.2em;
	}

	.monblogentryrow > DIV {
		display: block;
		width: auto;
	}

	.monblogentryrow > DIV {
		position: static;

	}

	.monblgtitle {
		position: static;
		left: 0;
	}

	.monblgposbtm {
		position: static;
	}

	.monblgdate {
		margin-top: 0.5em;
	}

	.monblogheader {
		padding: 0;
	}

	.zwblogcnt {
		padding: 1em;
	}

	.montopleft, .montopright {
		float: none;
		display: block;
		width: 100%;
		text-align: center;
	}

	.monmenurow .zwcell {
		display: block;
		width: auto!important;
	}

	.monslide .cmszonecnt > DIV:first-child {
		width: 100%;
		height: 100%;
		position: static;
	}

	.monslide .cmszonecnt > DIV:last-child {
		width: 100%;
		height: 100%;
		position: static;
	}

	.monslide .cmszonecnt > DIV:last-child > DIV {
		position: static;
		width: auto;
	}

	.monslide .cmszonecnt > DIV:first-child {
		height: 30em;
		background-size: cover;
	}

	.monpageslide.monframe {
		height: auto;
	}

	.monpageslide header {
		position: relative;
		display: block;
		height: 11em;
		top: 1.2em;
		left: 1.2em;
	}

	.monslide1 .cmszonecnt > DIV:last-child > DIV {
		height: auto;
	}

	.monroom {
		margin-top: 1em;
		padding-top: 1em;
	}

	.monslide {
		display: block;
		position: static;
		opacity: 1;
		height: auto;
		width: auto;
	}

	.monslide1 .cmszonecnt > DIV:first-child, .monslide2 .cmszonecnt > DIV:first-child {
		background-size: auto 100%;
	}

	header .monexcl {
		display: flex;
		position: static;
		width: 9rem;
		height: 9rem;
	}

	.monbiosfera {
	    width: 100%;
	    height: 9rem;
	    left: -2rem;
	    right: 0;
	    background-position: center center;
	    margin: auto;
	    position: static;
	 }


	header .monexcllabels {
		display: none;
	}

	.monhiring {
		top: 10rem;
	}
	
	.moninfos {
		display: flex;
		position: absolute;
		top: 39rem;
		width: 96%;
		box-sizing: border-box;
		gap: 1rem;
		justify-content: center;
		flex-direction: row;
	}
	
	.moninfos > * {
		display: flex;
		width: 50%;
		justify-content: center;
		
	}

	.monslide .cmszonecnt > DIV:first-child {

	}

	.monslide .cmszonecnt > DIV:last-child {

	}
	 
	 .htlselectorhandler {
	 	z-index: 10;
	 }


	.monslide .cmszonecnt > DIV:first-child {
		margin-bottom: 10rem;
	}	
}

@media only screen and (max-width: 730px) {
	.htlselector {
		width: 100%;
		top: 0;
		left: 0;
		margin-left: 0;
	}

	.monreservar {
		top: 3.25rem;
		padding: 0.75rem 1.25rem;
		left: auto;
		width: auto;
	}

	.htlbookprcnt {
		margin: 0;
		display: flex;
		flex-direction: column;
	}

	.htlbookprlat {
		width: auto;
		float: none;
		order: 2;
	}

	.htlbookprmain {
		padding: 0;
		order: 1;
	}

	.htlbookitem {
		flex-direction: column;
		justify-content: normal;
		position: static!important;
	}

	.htlbookitem > DIV {
		width: 100%;
		padding-right: 0;
		box-sizing: border-box;
	}

	.htlbookitem > :nth-child(1) { order: 2; margin-bottom: 1em; }
	.htlbookitem > :nth-child(2) { order: 1; }
	.htlbookitem > :nth-child(3) { order: 3; }
	.htlbookitem > :nth-child(4) { order: 4; }
	.htlbookitem > :nth-child(5) { order: 5; }

	.htlbookitem :nth-child(2) > * {
	    display: inline-block;
	}

	.htlbookitem :nth-child(2) > DIV {
		float: right;
	}

	.htlbookroomopts {
		height: auto!important;
		overflow: visible;
	}

	.htlbookzonewrp {
		width: auto;
		padding: 0 1em;
		display: flex;
		flex-direction: column;
	}

	.htlbookzonewrp > h3 {
		order: 1;
	}

	.htlbookzonewrp .zwformstack {
		width: 100%;
		min-width: initial;
		box-sizing: border-box;
	}

	.htlbookamountsum, .htlbookamountdes {
		width: 100%;
		min-width: initial;
	}

	.htlbookamountsum SPAN, .htlbookamountdes SPAN {
	    white-space: nowrap;
	}

}

@media only screen and (max-width: 460px) {
	.monlangsel {
		left: 17.5em;
		top: 4em;
	}
}