body { overflow: hidden; }

.top { margin-top: 0; }
.bottom { margin-bottom: 0; }

.small { font-size: 85%; }

.mt10 { margin-top: 10px; }

.layer { color: #fff; width: 240px; position: absolute; left: 20px; padding: 10px 20px; border-radius: 20px; background: url(../images/bg-black-alpha80.png) repeat; }
.layer a { color: #fff; }

.color-yellow { color: #F9EC31; }

#header { top: 20px; padding: 20px; }
#header h1 { font-size: 22px; line-height: 24px; font-weight: normal; color: #F9EC31; margin-top: 0; }
#header p.fake-title { font-size: 22px; line-height: 24px; font-weight: normal; color: #F9EC31; margin-top: 0; }
#header p.small { line-height: 20px; }

/* #list { top: 140px; } */
#list h2 { margin-top: 0; font-size: 18px; font-weight: normal; line-height: 40px; }
#list ul { overflow: auto; list-style: none; padding-left: 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#list ul li a { display: block; border-bottom: 1px solid #bbb; padding: 5px; text-decoration: none; line-height: 20px; }
#list ul li a.visited { color: #F9EC31; }
#list ul li a:hover { color: #FF0000; }

#map { /* margin-top: 42px; */ width: 100%; background-color: #ccc; }
/* #map img { max-width: inherit; } */
#map .copyright a { color: #333; }

.mapControl { position: absolute; text-align: center; width: 90px; right: 20px; border-radius: 20px; padding: 10px 20px; background: url(../images/bg-black-alpha80.png) repeat; }
.mapControl ul { list-style: none; margin: 0; padding-left: 0; }
.mapControl ul li:first-child { margin-bottom: 10px; }
.mapControl ul li a { color: #fff; text-decoration: none;}
.mapControl ul li a:hover { text-decoration: underline; }
.mapControl ul li a.active { color: #F9EC31; }

#zoom { top: 20px; }
#style { top: 100px; }

.infowindow { width: 480px; }
.infowindow h1 { font-size: 16px; font-weight: bold; line-height: 18px; margin-top: 10px; margin-left: 10px; }
.infowindow p.text-intro { margin-left: 10px; }
.infowindow p.photo_item { float: left; margin-left: 10px; }
.infowindow a.thumb { display: block; width: 70px; height: 70px; }
#info img.img-responsive { max-width: 100%; }

#overlay { display: none; }

#about { display: none; position: absolute; width: 550px; top: 50%; left: 50%; margin-left: -225px; color: #444; border-radius: 20px; background: url(../images/bg-white-alpha80.png) repeat; }
#about .inner { padding: 20px; font-size: 13px; }
#about h2 { margin-top: 0; font-size: 18px; font-weight: normal; line-height: 40px; }
#about p { line-height: 20px; }
#about a { color: #444; text-decoration: underline; }
#about a#closeLayer { font-size: 16px; font-weight: bold; text-decoration: none; }
#about a.credit { text-decoration: none; }

#last { display: none; position: absolute; width: 550px; top: 100px; left: 50%; margin-left: -225px; color: #444; border-radius: 20px; background: url(../images/bg-white-alpha80.png) repeat; }
#last .inner { padding: 20px; font-size: 13px; }
#last h2 { margin-top: 0; font-size: 18px; font-weight: normal; line-height: 40px; }
#last p { line-height: 20px; }
#last a { color: #444; text-decoration: underline; }
#last a#closeLast { font-size: 16px; font-weight: bold; text-decoration: none; }

#overlay { width: 100%; position: absolute; top:0; left: 0; cursor: pointer; background: url(../images/bg-black-alpha60.png) repeat; }