root { 
    display: block;
}
*{margin:0;padding:0;}
img{border-style:none;}
.clear{clear:both;width:0;height:0;line-height:0;}

#main-wrap{width:100%;height:auto;margin:0 auto;background:transparent url('../images/bg-header2.png') top center no-repeat;background-color:#b6b6b7; }
#main-content{height:auto;
left:-1px;
margin:0 auto;
position:relative;
max-width:948px;
width: 100%}

/*950px

/*********************header*************************/
#header{width:100%;margin:0 auto;  position: relative;}
.logo-home{
  position: absolute;
  display: inline-block;
  top: 30px;
  left: 0;
  width: 160px;
  height: 150px;
}

#search{width:150px;height:31px;float:right;margin-top:94px }
#search #part1{width: 117px;height:31px;background:transparent url('../images/search1.png');float: left; }


#search p{color:white;padding: 5px 17px; }

#header #menu-bar{margin-bottom:22px;padding-top:11px;width:100%;height:30px;}
#header #menu-bar ul{margin-left:122px;margin-top: 10px}
#header #menu-bar li{list-style: none;display:block;float:left;}
#header #menu-bar li a:hover{color:black;outline-style: none}

#header #menu-bar a{color:#004812;
font-family:"Century Gothic";
font-size:15px;
font-weight:bold;
padding-left:48px;
text-decoration:none;
text-shadow:-1px 0 2px #77A915;
outline-style: none;
 }

/*#header #menu-bar a:focus{  }*/

/*********************main-content******************************/

#content{width: 100%; max-width:948px;margin: 0 auto;height:auto;background-color:#004812;  -moz-border-radius:7px 7px 0 0;
    -webkit-border-radius:7px 7px 0 0; position: relative; z-index: 0;}
#content #nav-bar{width: 900px;height:auto;background-color:#004812;margin-left: 21px; position: relative;padding-top: 5px;}

#content #nav-bar .button{width:200px;height:44px;background: transparent url('../images/button1.png');background-repeat:no-repeat;float:left;margin-right:21px;margin-top: 12px; }
#content #nav-bar .button p{font-family:"Century Gothic";font-size: 18px;color:#0e2411;padding: 8px 0 0 32px;font-weight:bold}
#content #nav-bar .button a{text-decoration: none;color:#0e2411;font-family:"Century Gothic"; display: block;}



#content #gallery p, #tours p, #place p{font-family: "Times New Roman";font-size: 15px !important;color:#0b4423;padding: 7px;margin-bottom:1.7em;line-height: 1.3em;}
#content #gallery img, #tours img, #place-show img{margin-left: 10px;margin-right: 10px;display:block;float:left;padding: 1px;}
#content #gallery{ box-sizing: border-box; padding: 20px; width: 100%; float:left; position: relative; z-index: 0 }
#content #gallery *{ position: relative; z-index: 1 }
#content #gallery img{display:block;float:left;padding: 1px; }
#content #gallery .show{
  /*height:322px;*/
  max-width:907px;
}
#content #gallery .show-container{width: 100%;
  /*height:322px;*/
  overflow:auto;
  position:relative;
  background-color: white;
}

/*********************tours******************************/
#content #tours{max-width:907px; width: 100%; margin:0 auto 0 20px;float:left;margin-top:17px; position: relative; z-index: 0 }
#content #tours *{ position: relative; z-index: 1 }
#content #tours img{display:block;float:left;padding: 1px; }
#content #tours .show2{height:322px;width:907px;}
#content #tours .show-container2{width:907px;
  height:322px;
  overflow:auto;
  position:relative;
   background-color: white;
   overflow:scroll;
}
/*********************endtours******************************/
/*********************news-views******************************/
#content #place-show{width:907px;margin:0 auto 0 20px;float:left;margin-top:17px; position: relative; z-index: 0 }
#content #place-show *{ position: relative; z-index: 1 }
#content #place-show img{display:block;float:left;padding: 1px; }
#content #place-show .show3{height:322px;width:907px;}
#content #place-show .show-container3{width:907px;
  height:322px;
  overflow:auto;
  position:relative;
   background-color: white;
   overflow:scroll;
   

}
#content #place-show .show-container3 p{font-family: "Times New Roman";font-size: 15px !important;color:#0b4423;margin-bottom: 1.7em;padding:0px 10px 0px 10px}
/*********************endtours******************************/
/*********************footer******************************/
#footer{
    background: transparent url('../images/bg-footer.png') top center no-repeat;
    width: 100%;
    max-width:1129px;height: 430px;margin:0 auto;position:relative;left:4px}
#footer .footer-wrap{width:840px; margin: 0 auto;padding-top:8px;}
#footer .place{font-family:"Century Gothic";float: left; height: 120px; width: 190px;padding-top:47px;margin-right:20px;}
#footer .place:hover, #footer .place.active{background: transparent url(../images/place-bg-hover.png) top center no-repeat;cursor: pointer}
#footer .place:hover div,#footer .place.active div{border-left: 5px solid transparent}

.dmerit { font-family: "Times New Roman";font-size: 15px !important;color:#0b4423; }
#footer a{text-decoration: none;}
#footer .place div{border-left: 5px solid #1e1e1c;width: 150px;margin:0 auto;}
#footer .place p{font-family: "Arial";font-size: 12px;color:white;padding:9px 0 0 7px; text-decoration: none;}
#footer .place h1{font-family: "Century Gothic";font-size: 15px;color:black;padding-left: 7px; text-decoration: none;}
#footer .arrow{
  display: none;
float:left;
margin-left:62px;
margin-right:15px;
padding-top:34px;
width:73px;}

#footer .arrow-right{
    margin-left: -7px;
}

/*********************hover-menu******************************/

#content #nav-bar li{ float:none;padding-top:3px !important;padding-bottom:3px !important;-moz-border-radius:3px;
    -webkit-border-radius:3px;
    display: block;
}

#content #nav-bar li{ background: transparent url(../images/bg-menu-li.png) top left repeat-x;margin-top: 3px;list-style: none}
#nav-bar .button ul{display:none; padding:7px;margin-top:9px;padding-top: 2px;  position: relative !important; z-index: 500 !important}
#nav-bar .button ul li{position: relative !important; z-index: 600 !important}
#nav-bar .button:hover ul{z-index: 200;display:block; position: relative;  top: -5px; background-color: #bbcb1e; -moz-border-radius: 0 0 7px 7px;}
#content #nav-bar li:hover{ background: transparent url(../images/bg-menu-li-hover.png) top left repeat-x;}
#content #nav-bar li{padding-top:8px;padding-left:12px;}
#content #nav-bar li:hover div #nav-bar{z-index: 200;display: block;position:absolute;z-index: 100;}
#content #nav-bar li:hover div #nav-bar .button ul{z-index: 200;background: transparent url(../images/submenu-bg.png) top left repeat-x;
  position: relative;top:10px;padding:5px;}

/*********************logo2******************************/
#logo2{position: absolute;top:146px;right:1px }
#content-contact{width: 519px;height:291px;float:left;margin-top:30px;padding-left: 30px;overflow:auto; }
#content-contact p{float:left;margin: 0px;padding: 0px;margin-bottom: 1.7em;line-height: 1.3px}



#menu-mobile{
  width: 100%;
  height: 50px;
  background: #e4e4d6;
  position: relative;
  z-index: 1;
  display: none;
}
.logo-mb{
  position: absolute;
  top: 0;
  left: 20px;
}
.mb-menu{
  width: 22px;
  height: 14px;
  background: url(../images/ham.png) 0 0 no-repeat;
  position: absolute;
  top: 18px;
  right: 28px;
  cursor: pointer;
}
.mb-menu-show{
  position: absolute;
  top: 50px;
  background: #e4e4d6;
  left: 0;
  width: 100%;
  list-style-type: none;
  display: none;
}
.mb-menu-show a{
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  color: #004812;
  font-weight: bold;
  font-family: arial;
  border-top: 1px solid #c6c6c6;
  position: relative;
}
.mb-menu-show a:active,
.mb-menu-show a.active{
  background: #004812;
  color: #fff;
}
.sub-mb{
  display: none;
  list-style-type: none;
}
.sub-mb a{
  padding: 10px 40px;
}
.has-sub{
  width: 24px;
  height: 24px;
  background: url(../images/arr.png) center center no-repeat;
  position: absolute;
  top: -2px;
  right: 10px;
}

a.active .has-sub{
  background: url(../images/arr-ac.png) center center no-repeat;
}
.logo-ft-mb{
  display: none;
  text-align: center;
}
.logo-ft-mb img{
  display: inline-block;
}
@media (max-width: 948px){
  .logo-ft-mb{
    display: block;
  }
  #menu-mobile{
    display: block;
  }
  #footer,
  #content #nav-bar,
  #header{
    display: none;
  }
}