/* Always set the pano height explicitly to define the size of the div
       * element that contains the pano. */

html { height:100%; }
body { height:100%; margin:0; padding:0; font-family: Georgia, serif; font-size:16px; color:#ffffff; background-color: gray; }
#contentz {height: 100%; overflow:hidden;}
#scroll {height: auto;}
h1,h2 {font-size : large; font-weight: bold; clear:both}
h2 {color:0x806000;}
h3 {font-size : medium; font-weight: bold; color:0x806000;  clear:both}
#logo {display: none;}
#title {width: 250px; position:absolute; top:3%; right:3%; z-index:999; font-size:large; color:white; text-align: right;}
.fb {padding:0.5%; margin:0; width:98%}


/* MENU */
[data-role=sidemenu-container] {position: relative; height: 100%; transition: transform 400ms ease; -webkit-transition: -webkit-transform 400ms ease; }
[data-sidemenu-dir=left].is-active {z-index:9999;}
.mvopen { position:fixed; top: 0%; left: 0%; height: 200px; z-index:9999;  }
.mopen {display: none;}
.menuLogo {display: block; margin-left: auto; margin-right: auto;}


/* PANO */
#pano, #pano360 { width:100%; height:40%;  position: absolute; left:0; top:0; frameborder:0; scrolling:no; marginheight:0; marginwidth:0; overflow-y: hidden; z-index:666}
#pano360 { height:100%;}
#pano { height:40%;}

/* INFO */
.info { width:100%; height:60%; position:fixed; bottom:0%; right:0%;  overflow:auto; background-color: rgba(87, 65, 66, 0.8); color: #fff; text-align: left; }
.title {font-size:x-large; font-weight:bold;}
.laptop {display:none}
.mobile {display: inline}
.button {background-color:rgba(40, 40, 40, 0.75); text-decoration:none; padding: 0.5vw 0.75vw; font-size: 15px; color:#ffffff; line-height: 1.5; margin-bottom:2%; border-color:white; border-radius: 0px 0px 5px 5px; border-style: solid; border-width: 0px 1px 1px 1px;}
.button:hover, .button:active { background: #007B80; }
.precis {padding: 0px 10px; height:45px; overflow:hidden;}
.cat { display: block; width: 100%; }
figure {padding:0% 0.5%; margin:0}
.icontent {padding:10px; margin:0}




/* BIZ */
.soc { width:25px; float: right; }



@media (min-width: 65em) { 
#pano { width:65%; height:100%;}
.info { width:35%; height:100%;}
.fb {display: block;	float: left; width: 49%; }
.icontent {padding:15px;}
.laptop {display:inline}
.mobile {display: none}
#logo {width: 120px; position:absolute; bottom:3%; right:3%; z-index:999; display:inline}
.mvopen { height: 300px; }
 }
 @media  (max-device-width: 50em) and (orientation: landscape) {
#pano { width:60%; height:100%;}
.info { width:40%; height:100%;}
.mvopen { position:fixed; top: 0%; left: 0%; height: 200px; z-index:9999;  }
 }