html {
/*	
  background-color: #efefef !important;
*/
}

.site {
  background: #00ff00;
  background: transparent;
/*
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  width: 100vw;
*/
  z-index: 99;
}

a {
	text-decoration: none;
}

#border {	
	border-style: solid;
  	border-width: 0px;
  	border-color: #00ff00;
  	border-radius: 0.0em;
}

.border {	
	border-style: solid;
  	border-width: 1px;
  	border-color: #00ff00 !important;
  	border-radius: 0.0em;
}

li:hover {
	background: #efefef;
}

li .dropdown-item:hover {
	background: #cecece;
}

#logoMain {
  color: #000000 !important;
  background: transparent !important;
  font-size: 2em;
  font-size: 1.4em;
  font-weight: 900;
  text-shadow: 1px 1px #ffffff !important;
}

.logo {
  height: 1em;
}
.customMarginLeftRight {
  padding-left: 5% !important;
  padding-right: 5% !important;
}

#customMenu {
  padding-top: 0.5em;
  padding-bottom: 1em;
  background: transparent !important;
}

#customFrameRoundCorners {
  border-style: solid;
  border-color: #e9e9e9;
  border-color: #b89654;
  border-width: 2px;
  border-radius: 2em;
  padding: 0.8em;
  margin-top: 0.2em;
  margin-top: 0.2em;
}

.ProductName {
  font-size: 1.6em;
  font-size: 1.2em;
  font-weight: 900;
  color: #000000;
  text-shadow: 1px 1px #b89654;
}

.ProductDescriptionShort {
  font-size: 1.1em;
}

.ProductDescriptionLong {
  font-size: 1em;
  font-style: italic;
}

.productVat {
  font-size: 1em;
}

.bookNow {
  font-size: 1.2em;
  font-weight: 900;
  color: #ff2600;
  background-color: #ffff00;
  padding: 0.2em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border-radius: 5px;
  /* width: 300px; */
}

#borderBottom {
  border-width: 2px;
  border-top: #000000;
}

.productPrice {
  font-size: 1.1em;
  font-weight: 900;
}

#customRed {
  color: #ff2600;
  stroke: #ff2600;
  fill: #ff2600;
}

#customGreen {
  color: #1ebb50;
  stroke: #1ebb50;
  fill: #1ebb50;
}

#customBlack {
  color: #000000;
  stroke: #000000;
  fill: #000000;
}

#customWhite {
  color: #ffffff;
  stroke: #ffffff;
  fill: #ffffff;
}

#customGold {
  color: #b89654 !important;
  stroke: #b89654 !important;
  fill: #b89654 !important;
  background-image: none !important;
}

#customSvg {
  height: 1.5em;
}

#customSvgOffset {
	padding: 3px 13px 2px 13px;
	}


#logoSvg {
  height: 1.8em;
}

#customButtonShoppingCart {
  border-width: 3px;
  margin-left: 0.1em;
  margin-right: 0.1em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  padding-left: 0.3em;
  padding-right: 0.4em;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}

.customButtonAlert {
  background-color: #eeeeee;
  width: auto;
  height: auto;
  margin-left: 0.1em;
  margin-right: 0.1em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  padding: 1em;
  padding: 0.7em;
  border-width: 0.5em;
  border-width: 0.2em;
  border-radius: 5em;
  border-color: #ff0000;
}

.customButtonAlertSmall {
  background-color: #eeeeee;
  width: auto;
  height: auto;
  margin-left: 0.1em;
  margin-right: 0.1em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  padding: 1em;
  padding: 0.7em;
  padding: 2px;

  border-width: 0.5em;
  border-width: 0.2em;
  border-radius: 5em;
  
  border-color: #ff0000;
}

.customButton {
  background-color: #dedede;
  width: auto;
  height: auto;
  margin-left: 0.1em;
  margin-right: 0.1em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  padding: 0.7em;
  border-width: 0.5em;
  border-width: 0.2em;
  border-radius: 5em;
  border-color: #cccccc;
}

.customButton:hover,
.customButtonMenu:hover,
.customButtonAlert:hover {
  border-color: #b89654;
}

.customButtonMenu {
  background-color: #eeeeee;
  width: auto;
  height: auto;
  margin-left: 0.1em;
  margin-right: 0.1em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  padding-left: 0.3em;
  padding-left: 0.2em;
  padding-right: 0.3em;
  padding-right: 0.2em;
  padding-top: 0.3em;
  padding-bottom: 0.2em;
  border-width: 0.2em;
  border-radius: 0.1em;
  border-color: #dddddd;
  font-size: 1em;

  padding: 3px 13px 2px 13px;
  display: inline-block;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}

span.customButtonMenu {
  background-color: #eeeeee;
}

#editCritical {
  background-color: #ffffff;
  border-color: #e9e9e9;
  /*
	height: auto;
	padding-left: 0.2em;
	padding-right: 0.2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	margin-left: 0.4em;
	margin-right: 0.4em;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	border-style: solid;
  	border-width: 0px; 
	border-color: #ff0000; 
  	border-radius: 0em;
  	border-radius: 0.4em;
  	border-radius: 0.8em;
*/
  width: auto;
  height: auto;
  margin-left: 0.1em;
  margin-right: 0.1em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  padding: 0.7em;
  border-width: 0.5em;
  border-width: 0.2em;
  border-radius: 5em;
}

#rounded {
  border-radius: 0.8em !important;
}

#marker0 {
  background: #ffff00;
  padding: 0.2em;
  padding-bottom: 0.1em;
  border-radius: 0.8em;
}

#markerNone {
  background: none;
  padding: 0.2em;
  border-radius: 0.8em;
}

#customFlag {
  height: 1.0em;
  width: auto;
}

.customOpacity {
  font-style: italic !important;
  color: rgba(0, 0, 0, 0.4);
}

.fontItalic {
  font-style: italic !important;
}

.fontItalicUnderline {
  font-style: italic;
  text-decoration: underline !important;
}

#customOtherProducts {
  font-size: 0.9em;
  line-height: 110%;
}

#customLineThin {
  font-size: 0.3em;
}

#customOtherProducts a {
  color: #b89654 !important;
}

.image-wide {
  width: 100%;
  height: 110vh;
  height: auto;
}

#image-wide {
  width: 100%;
  height: 110vh;
  height: auto;
}

.features0 {
  display: inline-block;
  color: #b89654 !important;
  color: #000000 !important;
  border-width: 0px;
  border-radius: 20px !important;
  border-color: transparent !important;
  padding: 0.2em;
  padding: 1px 4px 0px 4px;
  margin: 2px !important;
  background-color: #efefef !important;
}

.features {
  display: inline-block;
  color: #b89654;
  margin: 1px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
}

#carouselButtonTransparent {
  background-color: transparent !important;
  border-width: 0;
}

#carouselControlIconTransparent {
  background-color: transparent !important;
}

#carouselIndicators {
  margin-bottom: 1em;
}

#buttonIndicator {
  margin-left: 0.4em;
  margin-right: 0.4em;
  padding-left: 1em;
  padding-right: 1em;
  border-width: 0;
  height: 0.2em;
}

.buttonIndicatorActive {
  color: #ff0000 !important;
}

.hotelDatePicker {
  /* z-index: 99999 !important; */
  /* z-index: 99 !important; */
  width: 200px !important;
  background-color: #ffffff;
  background-color: transparent;
  border-color: transparent;
}

.hotelDatePickerEdit {
  /* z-index: 99999 !important; */
  /* z-index: 99 !important; */
  width: 200px !important;
  background-color: #ffffff;
  border-color: transparent;
}

.inputText {
  /* z-index: 99999 !important; */
  /* z-index: 99 !important; */
  width: 100% !important;
  background-color: #ffffff;
  /* background-color: transparent; */
  border-color: transparent;
  margin: 0.1em;
}

.inputTextBold {
  width: 100% !important;
  background-color: #ffffff;
  border-color: transparent;
  font-weight: 900;
  margin: 0.1em;
}

.inputTextBoldDropdown {
  width: 100% !important;
  background-color: #ffffff;
  border-color: transparent;
  font-weight: 900;
}

div.modal-backdrop.fade.show {
  background-color: #efefef;
  z-index: -999 !important;
}

#hrCatalog {
  height: 1px;
  background-color: #000000;
  border: none;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  padding-top: 0.0em;
  padding-bottom: 0.0em;
}

#containerForm {
  width: 100%;
  padding: 0px;
  margin: 0px;
}

.containerForm {
  width: 100%;
  width: auto;
  padding: 0px;
  margin: 0px;
}

.modalProperty, .modalStatus, .modalDateReservation, .modalPrice{
  color: #000000;
  font-weight: 900;
}

.modalPriceReservation {
  color: #000000;
}

#modalContent {
  width: auto;
  margin: 2px;
  background-color: #fdfdfd;
  border-width: 1px;
  border-radius: 2.0em;
  border-color: #00ff00;
  border-color: #000000;
}

#floatLeft {
  padding-left: 10%;
}

#floatRight {
  padding-right: 10%;
}

#map {
  height: 0vh;
}

#mapBig {
  height: 90vh;
}

.characteristicText {
  width: 5.0em;
}

.rotate {
  -moz-transition: all .4s linear;
  -webkit-transition: all .4s linear;
  transition: all .4s linear;
}

.rotate.down {
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
/*  background-color: #fefefe; */
}

#transparent {
  background-color: transparent;
}

.navbar-toggler {
	border-width: 0px;
  	border-color: transparent;
}

#shadow {
	text-shadow: 1px 1px 1px #ffffff !important;	
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler:focus {
	outline: transparent !important;
	border: transparent !important;
	box-shadow: none;
	border-width: 0px;
	border-color: transparent !important;
}

.offcanvas {
  width: 15em !important;
}

#nav {
  font-size: 1.4em !important;
}

#hrThin {
  height: 1px;
  background-color: #aaaaaa;
  border: none;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  padding-top: 0.0em;
  padding-bottom: 0.0em;
}

.buttonClear {
  border: transparent;
}

.btn {
  margin: 1px !important;
/*  padding-left: 2px;
  padding-right: 2px;
  padding-top: 0px;
  padding-bottom: 0px;
*/
}

.btn a {
  color:#666666;
}

.btn span {
  color:#666666;
}

.btn a:hover {
  color:#b89654;
}

.selected a{
  color: #000000;
  text-shadow: 1px 1px #b89654;
}

i {
  color:#666666;
}

.hotelDatePicker {
  color: #000000;
  text-shadow: 1px 1px #b89654;
}

#marker {
  color: #000000;
  text-shadow: 1px 1px #ffffff;
}

.activeMenu {
  background-color:#dddddd;
}

.dropdown-menu {
  --bs-dropdown-link-active-bg: #b89654;
}

.inputTextClear {
  background-color: transparent;
}

#hm {
  text-shadow: 1px 1px #ffffff !important;	
}