@charset "UTF-8";
html, body {
 margin: 0em;
 padding: 0em;
}
body {
 font-family: Arial,Helvetica,sans-serif;
}
#map {
 // height: 768px;
 height: 100%;
 max-height: 100%;
 min-height: 100%;
 left: 0px;
 margin: 0px;
 padding: 0px;
 position: absolute;
 top: 0px;
 // width: 1024px;
 width: 100%;
 max-width: 100%;
 min-width: 100%;
 z-index: 2;
}
noscript {
/* border: 2px solid red; */
 display: block;
 font-weight: bold;
 margin: 10% auto;
 max-width: 82%;
 padding: 1em;
}
div.menu {
 background-color: #FFF;
 border-radius: 0px 0px 8px 8px;
 border-style: outset;
 border-width: 0px 2px 2px 2px;
 color: #000;
 cursor: pointer;
 font-family: Arial,Helvetica,sans-serif;
 height: 2em;
 margin: 0px;
 max-height: 90%;
 overflow: hidden;
 padding: 0px 0px 0px 0px;
 position: absolute;
 top: 0px;
 transition: height 1s, width 1s;
 transition-timing-function: ease-in-out;
 -moz-transition: height 1s, left 0s, width 0s, z-index 0.1s;
 -moz-transition-timing-function: ease-in-out;
 -ms-transition: height 1s, width 1s;
 -ms-transition-timing-function: ease-in-out;
 -o-transition: height 1s, width 1s;
 -o-transition-timing-function: ease-in-out;
 -webkit-transition: height 1s, width 1s;
 -webkit-transition-timing-function: ease-in-out;
 width: 25%;
 z-index: 22;
 /*
-moz-border-radius: 0px 0px 8px 8px;
 -webkit-border-radius: 0px 0px 8px 8px;
 */
}
.menu:hover {
 background-color: #FFF !important;
 color: #000 !important;
 cursor: auto;
 height: 30em;
 left: 6% !important;
 max-height: 100%;
/* overflow: scroll; */
 overflow: auto;
 -moz-transition: height 0.5s, left 0.4s, width 0.3s, z-index 0.5s;
 width: 88% !important;
 z-index: 21; 
}
.menu h2 {
 color: #000;
 font-size: 75%;
 font-family: Arial,Helvetica,sans-serif;
 font-weight: bold;
 margin: 0px auto;
 padding: 0.75em 0px 0em 0px;
 text-align: center;
}
.menu:hover h2 {
 font-size: 125%;
 padding: 50px 30px 0px 30px;
 text-align: left;
}
.menu p {
 margin: 1em 10px 0em 30px;
}
.menu form {
 margin: 1em 10px 1em 30px;
}
.menu form fieldset {
 border-width: 0px;
 margin: 0.25em 0em;
}
.menu form fieldset label img.kuvake {
 border-width: 0px;
 height: 1em;
 position: relative;
 top: 0.1em;
}
.menu form fieldset .info {
 font-size: x-small;
}
.menu form fieldset .info {
 visibility: hidden;
}
.menu form fieldset div:hover .info {
 visibility: visible;
}
.menu form p.desc {
 font-size: small;
 margin: 0em;
}
.shim {
 height: 2em;
 position: absolute;
 /* opacity: 0; */
 top: 0px;
 width: 25%;
 z-index: 20;
}
.shim:hover {
 height: 40em;
 left: 6%;
 width: 88%;
}
div.vcard {
 border: 2px solid #666666;
 padding: 1em;
}
.vcard img.logo {
 float: left;
 margin: 0em 0.5em 0em 0em;
}
.vcard .org {
 font-weight: bold;
}
.vcard .adr {
 clear: left;
}
.vcard .email:before {
 content: '\002709  ';
}
.vcard .tel:before {
 content: '\00260F  ';
}
.vcard .adr .geo:before {
 content: '\002316  ';
}
/*
div.gmnoprint {
 z-index: 10 !important;
}
*/
#info {
 background-color: #FFF;
 background-image: url('/png/logo/image.png');
 background-position: left 8px;
 background-repeat: no-repeat;
 bottom: 0px;
 color: #000;
 height: 48px;
 left: 30%;
 margin: 0px auto;
 opacity: 0.75;
 overflow: hidden;
 padding: 0px 8px 0px 80px;
 position: absolute;
 width: 40%;
 z-index: 10;
}
#info:hover {
 height: auto;
 left: 12.5%;
 max-height: 75%;
 max-width: 75%;
 min-width: 40%;
 opacity: 1;
 overflow: auto;
 width: auto;
}
#info a {
 color: #000;
}