*{margin:0px;padding:0px;border:none;box-sizing:border-box;background:transparent;font-family:Georgia, "Times New Roman", Times;font-size:100%;}
html,body{background:transparent;color:#333;line-height:1.2em;text-align:center;cursor:default;}
html{
background:#0C3553 url('graphics/bg_2016.jpg') no-repeat center center fixed;
background-size: cover;
}
*:focus {outline:none;}

a{text-decoration:none;transition:all 0.2s;-webkit-transition:all 0.2s;}
a:link,a:visited{color:#789ac1;text-decoration:none;}
a:hover,a:active{color:#789ac1;text-decoration:none;}
p{text-indent:20px;margin:10px 0px;text-align:justify;line-height:1.5em;}
h1{color:#789ac1;font-size:18px;padding-left:20px;margin-bottom:10px;text-shadow:0px 0px 5px #fff;}
td{line-height:30px;}
ul {
    list-style-position: inside;
}
li{line-height:1.5em;}
input,select,textarea,button{display:inline-block;border:1px solid #666;margin:0px 1px;padding:3px;color:#333;vertical-align:middle;background: rgba(255,255,255,0.7);border-radius:5px;-webkit-transition:all 0.2s;transition:all 0.2s;height: 2em;box-sizing: border-box;}

textarea{height: auto;}
#f_request, #f_contact {width: 100%;}
#f_request input,#f_request select,#f_request textarea, #f_contact input,#f_contact select,#f_contact textarea {width: 100%;max-width: 400px;}
#f_reservation label, #f_contact label {font-style: italic;margin-top: 1em;display: inline-block;}

[type='submit'],[type='submit']:focus{cursor:pointer;background:#789ac1;color:#fff;border:1px solid #789ac1;}



#wrp{position:relative;width: 100%;max-width:800px;}
#wrp{margin:30px auto;text-align:left;z-index:1;padding:0;box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2);background:rgba(255,255,255,0.8);}

#bxt,#bxc,#bxb#hdr,#cnt,#pgs,#mnu{position:relative;width:100%;}
#hdr{height:auto;}
#cnt{margin:0px;}
#page{width:100%;text-align:left;padding:5%;min-height:500px;}
#ftr{position:relative;width:100%;border-top:1px solid #789ac1;text-align:center;color:#999;}
#ftr div{text-align:center;padding:15px;line-height:30px;}

div#bnr{width:100%;height:auto;background-repeat:no-repeat;}

#mnu{height:50px;text-align:center;padding:10px 0px;color:#999;border-bottom:1px solid #789ac1;font-size:14px;z-index: 1;}

nav{position:absolute;top:0;left:0;width:100%;margin:0px;/*background: rgba(255,255,255,0.5);*/line-height: 1;max-height: 2em;font-size: 105%;text-align: center;}
nav a{display: inline-block;padding:1em 0.25em;/*margin:0 0.5em;*/color:#444;font-weight: bold;width: 100%;text-decoration: none;text-shadow:0px 0px 5px #fff;}

nav ul {display: inline-block;/*width:100%;*/position: relative;list-style: none;text-align: left;}

nav ul:after {content: ""; clear: both; display: block; }

nav ul ul {	display: none;position: absolute;}

nav ul li {display: block;float: left;cursor: pointer;/*background: rgba(255,255,255,0.5);*/}

nav ul ul li {display: block;float: none; position: relative;background: #fff;}
/*nav ul li ul li a {color: #fff;}*/
nav ul li {margin:0 0.2em;}
nav ul li:hover > ul {display: block;	background:#fff;box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.4);}

[for^=drop], [id^=drop] { display: none;}


@media screen and (max-width : 800px){
#main_window{margin-top: 3em;}

nav{font-size:100%;max-height: 3em;}
nav a{padding: 1em 0.5em;}
[for^=drop] + a, .menu { display: none; }

[for^=drop] {display: block;padding:1em 0.5em;color:#444;}
[id^=drop]:checked + ul { display: block; }

ul {position: static;display: none; background:#fff;}
nav ul ul {	position: relative;}

nav ul li, li a, nav ul li:hover > ul{width: 100%;margin:0;box-shadow:none;}
}

#ftr a:link,#ftr a:visited{color:#444;}
#ftr a:hover,#ftr a:active{color:#444;}
.gal img{width:180px;margin:2px;cursor:pointer;}
.clr{clear:both;}

.tdc{font-style:italic;font-weight:bold;text-align:left;vertical-align:top;}

#pbg,#pbx{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:100;text-align:center;vertical-align:middle;padding-top:40px;}
#pbg{background:#000;}
#pb0{position:relative;width:100%;height:100%;margin:0 auto;text-align:center;}
#pbi{position:relative;z-index:101;border:2px solid #fff;}


.pbsee{font-size: 80%;}
a.pbse{text-decoration: none;}
a.pbse:link,a.pbse:visited{color:#999 !important;}
a.pbse:hover,a.pbse:active{color:#999 !important;}



.css-slideshow{
  position: relative;clear:both;
  max-width: 800px;
width: 100%;
height: 0;
    padding-bottom: 25%;
  /*height: auto;*/
  /*margin: 5em auto .5em auto;*/
}
.css-slideshow figure{
  margin: 0;
width: 100%;
  max-width: 800px;
  height: 100%;
  /*background: #000;*/
  position: absolute;
  opacity: 1;
}
.css-slideshow img{
max-width: 100%;
  /*box-shadow: 0 0 2px #666;*/
}
.css-slideshow figcaption{
  position: absolute;
  bottom: 0;/*height: 4em;*/
width: 100%;
  max-width: 800px;
  color: #fff;
  background: rgba(0,0,0, .3);
  font-size: .8em;
  padding: .8em 2%;
  opacity: 0;
  transition: opacity .5s;
}
.css-slideshow:hover figure figcaption{
  transition: opacity .5s;
  opacity: 1;
}

.css-slideshow figure{
  opacity:0;
}
figure:nth-child(1) {
  animation: xfade 6s 3s infinite;
}
figure:nth-child(2) {
  animation: xfade 6s 0s infinite;
}

@keyframes xfade{
0%{
opacity: 1;
}
49% {
opacity: 1;
}
52%{
opacity: 0;
}
97% {
opacity: 0;
}
100% {
opacity: 1;
}
}

.ytf{width: 100%;height: 0;padding-bottom: 56.25%;position: relative;}
.ytf iframe{position: absolute;
  top: 0;
  left: 0;width: 100%;height: 100%;}

.band-img{float:left;margin-right:15px;margin-bottom:15px;width:100px;border-radius:15px;}
.fb-like{margin:20px auto; }
ul ul{list-style-type:circle;margin-left:10px;}

#img_box div{
cursor:pointer;
float:left;
display:block;
width:23%;
height:0;
padding-bottom:23%;
text-align:center;
margin:1%;
background:url(load.gif) no-repeat center center;
background-size:cover;
}





.summary {width: 100%;}
.summary caption{text-align: left;font-weight: bold;margin-top: 1em;}
.summary td{vertical-align: top;text-align: left;font-weight: bold;line-height: 1.5em;}
.summary td i{font-weight: normal;margin-bottom: 1em;display: block;clear: both;}

.summary tr>:nth-child(1){width:3em;}
.summary tr>:nth-child(2){width:auto;}
.summary tr>:nth-child(3){width:4em;}

[colspan="3"]{color: #789ac1;padding: 0.5em 0;}