*{margin:0px;padding:0px;border:none;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:url('graphics/bkg_full.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
*:focus {outline:none;}

a{text-decoration:none;transition:all 0.2s;-webkit-transition:all 0.2s;}
a:link,a:visited{color:#693;text-decoration:none;}
a:hover,a:active{color:#693;text-decoration:none;}
p{text-indent:20px;margin:10px 0px;text-align:justify;line-height:30px;}
h1{color:#693;font-size:18px;padding-left:20px;margin-bottom:10px;text-shadow:0px 0px 5px #fff;}
td{line-height:30px;}


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;}

#viewport{/*min-height:100%;position:relative;width:100%;
position:absolute;top:0;width:100%;min-width: 820px;*/
/*background:url('graphics/bkg_full.jpg') no-repeat center center fixed;*/
/*background-repeat:no-repeat;*/
/*-moz-background-size: cover;*/
/*background-size:cover;*/
/*background-attachment: local;*/
border: 2px solid #f00;
}

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

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

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 #693;font-size:18px;z-index: 1;}
/*
#mnu ul{list-style-type:none;padding:0px;}
#mnu li{position:relative;float:left;}
#mnu a{display:block;width:240px;text-align:center;padding:1px 5px;font-size:18px;font-style:italic;font-weight:bold;}
#mnu a:link,#mnu a:visited{color:#693;}
#mnu a:hover,#mnu a:active{color:#693;}*/


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:#693;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.5em;}
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:#693;}
[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:#693;}
#ftr a:hover,#ftr a:active{color:#693;}
.gal img{width:180px;margin:2px;cursor:pointer;}
.clr{clear:both;}

.tdc{font-style:italic;font-weight:bold;text-align:left;vertical-align:top;}
#gmc{/*float:right;*/width:100%;height:400px;margin:2em 0;}
.gmrk{position:relative;overflow:hidden;font-weight:bold;font-size:12px;}

#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;}

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

div.calc label,div.calc input{min-width: 175px;display: inline-block;margin: .2em;}

.css-slideshow{
  position: relative;clear:both;
  max-width: 800px;
width: 100%;
height: 0;
    padding-bottom: 50%;
  /*height: auto;*/
  /*margin: 5em auto .5em auto;*/
}
.css-slideshow figure{
  margin: 0;
width: 100%;
  max-width: 800px;
  height: auto;
  /*background: #000;*/
  position: absolute;
  opacity: 1;
}
.css-slideshow img{
max-width: 100%;
  /*box-shadow: 0 0 2px #666;*/
}
.css-slideshow figcaption{
  position: absolute;
  top: 0;
width: 96%;
  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;
}
}