@charset "utf-8";
/* CSS Document */

html,body { padding: 0; margin: 0; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; }
html { background: url(images/backgrounds/bg1.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-width: 300px;
}
html { background-color:#eeedec; }


@font-face {
  font-family: miama;
  src: url(fonts/miama.ttf);
}

.page { margin-bottom:150px; }

.clear { clear: both; }
.left { float:left; }
.right { float:right; }

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }

.border { border: solid 1px red; }

.header-tb1 { position:relative; width:100%; background-color:#eeedec; min-height:50px; }
.header-tb2 { position:relative; width:100%; background-color:#FFFFFF; max-height:55px; }

.langs { margin-left:25px; }

.container { position:relative; max-width: 1020px; padding: 5px; margin: 0 auto 0 auto; border:solid 0 red; }
.container .logo { margin-top:-55px;}

.textBox { padding:20px; }
.textBoxIn { padding: 0 10px 10px 10px; }

.col100 { position: relative; width: 100%; }
.col80 { position: relative; width:80%; float:left;}
.col75 { position: relative; width:75%; float:left;}
.col70 { position: relative; width:70%; float:left; }
.col60 { position: relative; width:60%; float:left; }
.col50 { position: relative; width:50%; float:left; }
.col40 { position: relative; width:40%; float:left; }
.col33 { position: relative; width:33.3%; float:left; }
.col30 { position: relative; width:30%; float:left; }
.col25 { position: relative; width:25%; float:left; }
.col20 { position: relative; width:20%; float:left; }
.col10 { position: relative; width:10%; float:left; }

.menuBtn { position: relative; float:right; width: 50px; height: 50px; border:solid 0 red; margin-top:-4px;
background: url(images/menuBtn.png) no-repeat; cursor: pointer; display: none; }
.menuBtn:hover { background-position-y: bottom; }



.mainMenu { float: right; min-height:50px; }
.mainMenu ul, li { padding: 0; margin: 0; float:left; list-style: none; }
.mainMenu li { position:relative; margin-right:15px; }

/*.mainMenu li .menuSub { text-shadow: 0 0 1px #363636; text-decoration:none; } */

.mainMenu a { text-shadow: 0 0 1px #363636; text-decoration:none; text-transform: uppercase;}
.mainMenu a:link { color:#393939; }
.mainMenu a:hover { color:#A47F00; border-bottom:solid 2px #A47F00; }
.mainMenu a:visited { color:#393939; }

.mainMenu li:hover { height:40px; } /* trick to keep submenu open */

.mainMenu li ul { display:none; border:solid 0 red; position:absolute; text-align:center;  background:url(images/backgrounds/submenu.png) repeat; margin-top:10px;  }
.mainMenu li ul li { display:block; float:none; margin-right:0; border-bottom:solid 1px #808080; height:inherit !important; }
.mainMenu li ul li:last-child { border-bottom:0; }
.mainMenu li ul li a:link { display:block; color:#E4E4E4; padding:10px 25px 10px 25px;  }
.mainMenu li ul li a:visited { color:#E4E4E4; }
.mainMenu li ul li a:hover { border-bottom:0; background-color:#e7ac48; color:white; text-shadow:none; }

.mainMenu li:hover ul { display:block; z-index:999999999; }

.mainMenu li.active { color:#A47F00; border-bottom:solid 2px #A47F00; }
.mainMenu li:hover.active { border-bottom:0; }

/* Page Elements */

.orangeBoxContainer { margin-right:auto; margin-left:auto; width:35%; max-width:700px; margin-top:15%; }
.orangeBox { position:relative; background:url(images/backgrounds/orange2.png) repeat; }
.textBoxMain { font-size:18px; color:white; line-height:25px; padding:30px; }
.textBoxMain h1 { padding-bottom:20px; margin:0; font-weight:normal; text-align:center; font-size:25px; }

a.link-white { color:white; text-decoration:none; }
a.link-white:visited { color:white; }
a.link-white:hover { color:#DDC700; }

.navLeft { position:relative; display:block; width:26px; height:51px; border:solid 0 red; background-image:url(images/navigation-sprites.png); cursor:pointer;  }
.navRight { position:relative; display:block; width:26px; height:51px; border:solid 0 red; background-image:url(images/navigation-sprites.png);  background-position:top right; cursor:pointer; }


a.btnBlack { background-image: linear-gradient(#0e0e0e, #5e5e5e, #eeedec); text-shadow: 0 0 1px #363636; text-decoration:none; color:#E9E7B3; padding:10px; }
a.btnBlack:hover { background-image: linear-gradient(#000000, #000000, #eeedec); }
a.btnBlack:active { background-image: linear-gradient(#000000, #000000, #eeedec); }
a.btnBlack:visited { background-image: linear-gradient(#0e0e0e, #5e5e5e, #eeedec); }
a.btnBlack.active {  background-image: linear-gradient(#cd912b, #cd912b, #eeedec); }

a.linkMoreDetails { background-image: linear-gradient(#0e0e0e, #5e5e5e, #0e0e0e); text-shadow: 0 0 1px #363636; text-decoration:none; color:#E9E7B3; padding:10px; font-size: 16px; border-radius: 2px; margin-top:10px; }
a.linkMoreDetails:hover { background-image: linear-gradient(#5e5e5e, #0e0e0e, #5e5e5e); }
a.linkMoreDetails:active { background-image: linear-gradient(#0e0e0e, #5e5e5e, #0e0e0e); }
a.linkMoreDetails:visited { background-image: linear-gradient(#0e0e0e, #5e5e5e, #0e0e0e); }

.submitButton { background-image: linear-gradient(#0e0e0e, #5e5e5e, #0e0e0e); text-shadow: 0 0 1px #363636; text-decoration:none; color:#E9E7B3; font-size: 16px; border-radius: 2px; margin-top:10px; border:0; padding: 10px 20px; }
.submitButton:hover { background-image: linear-gradient(#5e5e5e, #0e0e0e, #5e5e5e); }

/* Rooms - Inside */
.roomBox img { width: 95%; height: auto; border:solid 5px white; }
.roomBox a img:hover { opacity: 0.6; }
.roomBox h3 { padding:0; margin: 0; text-shadow: 0 0 1px #363636; font-size: 28px; font-weight: normal; }
.roomBox h4 { padding:0; margin: 0;  font-size: 18px; font-weight: normal; color:#747474; font-style: italic; margin-top:10px; border-bottom: solid 1px #C8C8C8; padding-bottom: 15px; }
.roomBox .roomDescription { font-size: 18px; color:#2D2D2D; padding-top:10px; padding-bottom: 10px; line-height: 25px; }

.roomBox { border-bottom:dashed 1px #ABABAB; padding-bottom:25px; }

/* Footer */

.footer { position:fixed; bottom:0; background-color:#000000; width:100%; min-height:100px; color:#747474; font-size:16px;  z-index: 999999;}
.footer img { float:left; margin-right:10px; margin-top:-10px; }
.footerText { float:left; margin-right:15px; }


.footer a { color:#747474; }
.footer a:visited { color:#747474; }
.footer a:hover { color:#EB9900; }

.footerRightText { float:right; }

.miama { font-family: miama; }
.h2title { color:#c1984c; font-style: italic; font-size: 3em; font-weight: normal; padding: 0; margin:15px 0 15px 0; font-family: miama; }


.roomSpecs { background-color:white; float:inherit; margin: 0; padding: 20px; }
.roomSpecs ul { display: block; margin: 0; padding: 0; }
.roomSpecs ul li { list-style: disc; padding: 5px; float:none; margin-left:10px; color:#bf8e33; border-bottom: solid 1px #f1f1f1; padding-bottom: 10px; line-height: 25px; }

.gallery { text-align: center; }
.gallery a img { width: 300px; height: auto; }
.googleMap iframe { width: 100%; height: 500px; }

.contactform input,textarea { padding: 10px; display:block; margin-top:10px; margin-bottom: 10px; width: 90%; }
.missingField { background: #EBDADA; }

.galleryAlbum { background-image: linear-gradient(#0e0e0e, #5e5e5e, #0e0e0e); text-shadow: 0 0 1px #363636; text-decoration:none; color:#E9E7B3; font-size: 16px; border-radius: 2px; margin-top:10px; border:0; padding: 10px 20px; }
.galleryAlbum:hover { background-image: linear-gradient(#5e5e5e, #0e0e0e, #5e5e5e); }


#txt-danger { padding:15px; border:solid 1px red; background-color:#EBDADA; }

.owl-carousel {
  position: relative;
}
.owl-prev,
.owl-next {
  position: absolute;
  top: 50%;
  margin-top: -10px;
}
.owl-prev {
  left: 10px;
}
.owl-next {
  right: 10px;
}