a{color: #e2e2ff; cursor: pointer; text-decoration:none;}
a:hover{font-weight: bolder; cursor: pointer; color: #ddddff;}
div{font-family: Avenir, Helvetica, Arial, sans-serif;  display: block;  }
span{font-family: Avenir, Helvetica, Arial, sans-serif;  display: inline-block; flex-direction: row; vertical-align:top;}

/*
 border: 2px solid #ffffff; 
 

*/

.body{font-size: 15; margin-top: 0px; color: #ffffff; background: #000000; }
.top{ max width: 100%; text-align: left; top: 0px; }
.container{vertical-align: top; margin: 5px; margin-bottom:0px; max-width:626px;}
.contained{min-width: 296px; text-align: center; padding: 7px; background-color:rgba(0,0,0,0.35); display: block;  border-radius: 15px;}
.guestbody{color: #ffffff; max-width: 644px; width: 100%; filter:alpha(opacity=100); opacity:1;}

.link1{min-width: 110px;}
.logo{display:inline-block; text-align: center; max-width: 296px; }
.construct{display: block; text-align: center; position: relative; top:-50; font-size: 12; color: #ff0000;}
.heading1{display: block; min-height: 45px; font-size: 20; font-weight: bolder; color: #ffffff; text-align: center; }
.flags{display: block; text-align: center; height: 35px;}
.flag{text-align:inherit; margin-left: 20px; margin-right: 20px;}
.fimage{width: 50px;}

.fimage:hover{border: solid 3px #ff0000; border-radius: 2px;}

.menu{display: inline-block; vertical-align:top; text-align: left;}

.esaslink{font-size: 20; font-weight: bolder; color: #fff677;}
.esaslink:hover{color: #ffffff;}
.menuitem{font-size: 20;  min-height: 20px; white-space: nowrap;}
.menuitem:hover{color: #ffffff; letter-spacing: -0.2px;}
.content{text-align: justify; min-width: 100%;}
.footer{ min-width: 100%; text-align: center; font-weight: bolder; font-size: 12px; vertical-align: middle; margin-bottom: 10px; display: block;}
.facebook{height: 25px;}
.booking{max-width : 100px;}
.facelink {white-space: nowrap;}
.plus{ display: inline;}
.minus{ display: inline;}
.gallerydiv{text-align: center; vertical-align: middle;}
.gallery{padding:7px; display: inline-block;}

.form{text-align:center; width: 310px; font-size: 14; }
.formal{width:135px; vertical-align: middle; text-align:justify; }
.submitter{padding: 4px; margin: 2px;  background: #008800; cursor: pointer; color: #ffffff; border: none;}
.submitter:hover{font-weight: bolder;}

.black_overlay{display: none; position: absolute; top: 0%; left: 0%; width: 110%; height: 100%; background-color: #000000; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80);}
.white_content {  display: none; position: fixed; max-width: 90%; max-height: 90%; border: 6px outset #555588; border-radius: 4px;  z-index:1002; overflow: hidden; margin-left: auto; margin-right: auto; box-shadow: 2px 2px 4px #000000; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;}
.lightimage{ margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%;}
.navleft{ position: absolute; bottom: 0px; height: 100%; width: 35%; font-size: 30; left: 0px; text-align: center;}
.leftbutton{ position: absolute; top: 50%; left: 30%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%);}
.navright{ position: absolute; bottom: 0px; height: 100%; width: 35%; font-size: 30; right: 0px; text-align: center;}
.rightbutton{ position: absolute; top: 50%; right: 30%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%);}
.navcenter{font-size: 34; position: absolute; bottom: 0px; left: 35%; width: 30%; height: 100%; text-align: center;}
.centerbutton{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.nav{font-size: 40; z-index:1003; color: #ffffff; cursor: pointer; opacity: .60; -moz-opacity: 0.6;
	-webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;}