html {padding:0 10px 20px;}
body {position: relative;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:0.9em;max-width:1280px;margin:0 auto;}
body.loading {overflow:hidden;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a {text-decoration:none;}
header {background:#fff;width:100%;height:110px;margin:0 auto;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2);border-radius:0 0 15px 15px;}
main {float:left;width:100%;background:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-border-radius:15px;border-radius:15px;}
section {overflow:hidden;padding:30px;font-size:1.1em;}
section h1 {font-size:1.8em;margin-top:1.5em;margin-bottom:0.5em;font-weight:bold;}
section h2 {font-size:1.5em;margin-top:1.35em;margin-bottom:0.5em;}
section h3 {font-size:1.2em;margin-top:1.2em;margin-bottom:0.5em;}
section h4 {color:darkmagenta;margin-top:1.0em;margin-bottom:0.5em;}
section p {margin-top:0.5em;margin-bottom:0.5em;}
section ol {margin-top: 0.5em;margin-bottom:0.5em;}
section ul {margin-top: 0.5em;margin-bottom:0.5em;}
section ol ul {list-style:disc;}
section li {padding-bottom:0.3em;margin-left:0em;}
section pre {margin-top:0.5em;margin-bottom:0.5em;font-family:Courier;}
section code {font-family:Courier;}
section table {font-size:1.0em;text-align:left;margin-top: 1.0em;}
section tr {margin:0.5em;vertical-align: top;}
section th {text-align:center;margin:0.5em;vertical-align:top;font-weight:bold;}
section td {margin:0.5em;vertical-align:top;}
section button {width:200px;font-size:1.0em;font-weight:bold;color: #fff;padding:10px;-webkit-border-radius:5px;border-radius: 5px;}
section button.w350 {width:350px;}
section button:hover {cursor:pointer;}
section form {position:relative;}
section input {background:#fafafa;border:1px solid;-webkit-border-radius:4px;border-radius:5px;color:#000;padding:10px;font-size:1.1em;}
section input[type=checkbox] {width:1.0em;height:1.0em;}
section input[type=radio] {width:1.0em;height: 1.0em;}
section textarea {background:#fafafa;color:#000;padding:10px 10px 10px 10px;font-size:1.2em;width:95%;}
section select {background:#fafafa;border:1px solid;-webkit-border-radius:4px;border-radius:5px;color:#000;padding:10px;font-size:1.1em;}
section fieldset {border:1px solid;}
section legend {font-weight:bold;}
footer {width:96%;padding:0px 2% 0 2%;}
footer .copyright {float:right;padding-bottom:10px;}
.headline {padding: 27px;font-size:1.7em;font-weight:normal;}
.bold {font-weight:bold;}
.error {color:red;}
.success {color:green;}
.nodisplay {display:none;}
.data {font-weight:bold;}
.ui-autocomplete {max-height:200px;overflow-y:auto;overflow-x:hidden;}
.grid,.grid-row {width:100%;text-align:left;}
.grid:after,.grid-row:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.grid-row > div {padding:4px 4px;border:none;}
.grid-row .grid-col-1 {width:10%;float:left;box-sizing:border-box;}
.grid-row .grid-col-2 {width:20%;float:left;box-sizing:border-box;}
.grid-row .grid-col-3 {width:30%;float:left;box-sizing:border-box;}
.grid-row .grid-col-4 {width:40%;float:left;box-sizing:border-box;}
.grid-row .grid-col-5 {width:50%;float:left;box-sizing:border-box;}
.grid-row .grid-col-6 {width:60%;float:left;box-sizing:border-box;}
.grid-row .grid-col-7 {width:70%;float:left;box-sizing:border-box;}
.grid-row .grid-col-8 {width:80%;float:left;box-sizing:border-box;}
.grid-row .grid-col-9 {width:90%;float:left;box-sizing:border-box;}
.grid-row .grid-col-10 {width:100%;float:left;box-sizing:border-box;}
.nav1 ul {list-style:none;position:absolute;display:inline-table;float:right;top:60px;right:7%;}
.nav1 ul ul {display:none;}
.nav1 ul li {display:inline-block;position:relative;}
.nav1 ul li:hover > ul {display:block;}
.nav1 ul li:hover a, .nav1 ul li:active a {-webkit-border-radius:4px;border-radius:4px;}
.nav1 ul li a {display:block;text-decoration: none;padding:10px;}
.nav1 ul ul {position:absolute;top:36px;left:0;z-index:99;}
.nav1 ul li:hover ul {display:block;}
.nav1 ul ul li {display:block;float:left;position:relative;width:150px;}
.nav2 {position:relative;float:right;margin:10px 2% 0 0;}
.nav2 li {list-style-type:none;background:#fff;border:1px solid #666;border-bottom:1px solid transparent;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;float:left;padding:10px 13px 10px 13px;margin-right:5px;-webkit-box-shadow:0 2px 2px rgba(151,179,20,0.1) inset;box-shadow:0 2px 2px rgba(151,179,20,0.1) inset;-webkit-box-shadow:3px 0px 2px rgba(50,50,50,0.75);box-shadow:3px 0px 2px rgba(50,50,50,0.75);font-size:0.8em;}
.nav2 span {width:10px;height:34px;position:absolute;margin:-11px 0 0 -23px;}
.home {display:none;}
.swipe {overflow:hidden;visibility:hidden;position:relative;}
.swipe-wrap {overflow:hidden;position:relative;}
.swipe-wrap > div {float:left;width:100%;position: relative;}
.cbar {box-sizing:border-box;position:fixed;left:0;top:0;width:100%;padding:.5em;background-color:#dcdcdc;color:#000;font-size:1em;text-align:center;z-index:10;display:none;}
.cok{margin:0;padding:.3em 1.2em;border:none;border-radius:0;background-color:#4ea55e;color:#fff;font-weight:700;cursor:pointer}
.cok:hover{background-color:#3e824a}
@page {margin:1cm}
@media print {
header, footer, nav, legend {display:none;}
section {margin:0px;padding:0px;}
.noprint {display:none;}
.noprintborder {border:none;}
.pbreakbefore {page-break-before:always;}
.pbreakafter {page-break-after:always;}
}
@media only screen and (max-width:1020px) {
body {width: 100%;}
}
@media only screen and (max-width:800px) {
header,nav {display:none;}
main {width:100%;float:left;margin:0;padding:0%;}
section {width:100%;overflow:auto;}
.hideonsmallscreen {display:none;}
.home {padding:10px 30px 0 0;float:right;display:inherit;}
}