* {padding: 0; margin: 0}
a {text-decoration: none; color: #333}
body {font-family: 'Open Sans'}
body.fullpage > div {height: 100vh; position: relative; width: 100%}


#search-page {background:url(../img/pattern.png) repeat, url(../img/background2.jpg) no-repeat 0 0 /100%}

#search-main {position: absolute; top: 50%; left: 50%; background: rgba(255,255,255,0.7); border-radius: 3px; width: 960px; margin: -60px 0 0 -480px; height: 120px}

#logo {padding: 30px; font-size: 48px; color: #FFF; font-weight: 600; text-shadow: 1px 1px 1px #444}

.search-input {position: relative; border: 1px #bbb solid; width: 800px; margin: 30px auto; padding: 5px; background: #FFF; border-radius: 3px}

.search-input input[type="text"] {margin: 7px 0;border: 0 none; width: 600px; font-size: 20px; padding: 5px}
.search-input button {position:absolute; right: 5px; top: 5px; font-family: 'Open Sans'; border: 0 none; background: url(../img/search.png) no-repeat 16px 13px /24px #B4D454; padding: 9px 12px 9px 50px; color: #FFF; border-radius: 5px; font-size: 20px; cursor: pointer}


#categories {font-size: 36px; color: #888; width: 960px; position: absolute; left: 50%; top: 0; margin: 100px 0 0 -480px; height: 370px; padding: 40px 0; text-align: center; border-top: 1px #bbb solid; border-bottom: 1px #bbb solid; font-weight: 600}
.categories-wrapper {margin: 40px 0; font-weight: 300}
.category {float: left; width: 25%; font-size: 18px; line-height: 40px}
.category-in {margin: 5px; padding: 5px; border-radius: 5px; transition: 0.5s all /*; color: #B4D454*/}
.category-in:hover {/*background: #B4D454*/ transform: scale(1.3); margin-left: 10px} 


.clearafter:after {clear: both; content: ""; display: block}
.fullpage #bottom { position: absolute; bottom: 0}

#bottom {font-size: 16px; color: #FFF; height: 140px; background: linear-gradient(120deg, #B4D454 0%, #B4D454 60%, #C4DD76 60%, #C4DD76 68%, #B4D454 68%); width: 100%}
#bottom-inner {width: 960px; margin: 0 auto; padding: 60px 0}
#copyright {float: left}

#bottom-menu {float: right}
#bottom-menu li {float: left; margin: 0 30px 0 0}
#bottom-menu ul {list-style-type: none}
#bottom-menu a {color: #FFF}


#top {z-index: 2; border-bottom: 1px #bbb solid; position: fixed; width: 100%; height: 100px; min-width: 1280px; background: #FFF}

#top-logo {position: absolute; left: 20px; top: 20px; font-size: 48px; color: #888; font-weight: 600}

#top-menu {margin: 10px auto; width: 700px; font-size: 14px}
#top-menu li {float: left; margin: 0 30px 0 0}
#top-menu ul {list-style-type: none}
#top-menu a:hover {color: #888}
#search-content {margin: 10px auto; width: 700px}
.search-input-small {border: 1px #bbb solid; width: 700px; padding: 2px; background: #FFF; border-radius: 3px}
.search-input-small input[type="text"] {border: 0 none; width: 648px; padding: 7px; font-size: 20px; float: left}
.search-input-small button { border: 0 none; background: url(../img/search.png) no-repeat 8px 8px /24px #B4D454; height: 38px; width: 38px; color: #FFF; border-radius: 5px; font-size: 20px; cursor: pointer; display: inline-block}

.spacer {background: #F9F9F9; height: 140px}

#content {width: 960px; margin: 10px auto 100px auto; min-height: calc(100vh - 450px)}

.content-main {float: left; width: calc(70% - 25px); padding-right: 50px}
.content-aside {float: left; width: calc(30% - 25px)}

.content-main .title {font-weight: 600; color: #999; padding: 10px 0; border-bottom: 1px #ddd solid}

.items-empty {padding: 5px 0}
.item {padding: 10px 5px; border-bottom: 1px #bbb solid; display: block}
.item-label {font-size: 22px; color: #f37320}
.item-area, .item-info, .item-button {float: left}
.item-area, .item-info {width: 265px}
.item-button {padding: 5px; background: #E9E9E9; border: 1px #BBB solid; border-radius: 5px; font-size: 14px; margin-top: 10px}
.item-button:hover {background: #BBB}

.pagination {width: 500px; margin: 10px auto; border: 1px #DDD solid; list-style-type: none}
.pagination li:first-child {margin-left: 5px}
.pagination li {display: inline-block}
.pagination li.act a {padding: 13px 0; margin: -3px 0;background: #CCC; cursor: normal}
.pagination a {display: block; padding: 10px 0; width:50px; text-align: center; border: 1px rgba(0,0,0,0) solid; background: #FFF}
.pagination li:not(.act) a:hover {padding: 13px 0; margin: -3px 0;border: 1px #f3901d solid}

.content-aside .title {font-weight: 600; color: #999; padding: 10px 0; border-bottom: 1px #ddd solid}
.content-aside .item {font-size: 14px}
.content-aside a:hover {color: #888}
.map {margin: 5px 0}
#openstreetmap {width: 100%; height: 200px; border: 1px #bbb solid}
.image {margin: 10px 0; height: 120px; border: 1px #bbb solid; background-repeat: no-repeat}

.content-entry {margin: 20px 0; font-size: 14px; position: relative}
.content-main h1 {color: #555; font-size: 24px}

.content-main h2 {padding: 20px 0; color: #999; font-weight: 300; font-size: 22px}
.content-main .info {float: left; width: 50%}
.content-main .info span {display: inline-block; width: 80px}

.related {position: relative; display: block; width: calc(100% - 38px); margin: 8px 0; padding: 8px 30px 8px 8px; margin-right: 15px; border: 1px #BBB solid; border-bottom: 3px #BBB solid; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.related:after {content: '\25B6'; position: absolute; right: 10px; font-size: 8px; line-height: 22px}
.related:hover {background: #DDD; color: #333}

.text {margin: 10px 0}
.content-edit {font-weight: bold; cursor: pointer}
.content-edit:hover {color: #888}
.content-entry p {padding: 10px 0; text-align: justify}

.input input {width: 500px; padding: 7px; font-size: 16px}
.input textarea {width: 500px; height: 140px; padding: 7px; font-size: 16px}

.button {margin: 10px 0 0 230px}
.button input {padding: 5px 10px; background: #DDD; border: 1px #BBB solid; border-radius: 5px; cursor: pointer}
.success {color: #0C0; padding: 5px; border: 2px #0C0 solid; width: 500px; margin: 10px 0}
.error {color: #C00; padding: 5px; border: 2px #C00 solid; width: 500px; margin: 10px 0}
.notice {padding: 10px 0}






.content-entry ol {padding: 0 20px}