html,body,div,input,textarea,select,option { font-family: 'LatoRegular', Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; font-style: normal; }
html,body { min-height: 100%; }
body { background: #eee9e4; }

h1 { margin-bottom: 0.5em; line-height: 1.3em; font-size: 18pt; font-family: 'LatoLight', Arial, Helvetica, sans-serif; font-weight: lighter; cursor: default; }
h2 { margin-bottom: 0.5em; line-height: 1.2em; font-size: 12pt; font-family: 'LatoBold', Arial, Helvetica, sans-serif; font-weight: bold; color: #36a431; cursor: default; }
em { font-weight: normal; font-style: normal; }
strong { font-family: 'LatoBold', Arial, Helvetica, sans-serif; font-weight: bold; }
p { margin-bottom: 0.5em; }

.btn.default { background: #00438d; }
.btn.low { color: #00438d; }
.btnbar input { border: 0; }

#wrapper { position: relative; min-height: 100%; margin-top: -1px; padding-top: 1px; padding-bottom: 1px; }
.pagesize { margin: 0 auto; padding: 0; max-width: 1100px; }
.overlay>div { position: relative; margin-top: 120px; border-radius: 4px; }
.overlay a[btncancel] { position: absolute; right: .5rem; top: .5rem; width: 1.0rem; height: 1.0rem; background: url(img/icn-close.svg) center no-repeat; background-size: contain; opacity: .15; }
.overlay a[btncancel]:hover { opacity: .6; cursor: pointer; }

header { border-top: 10px solid #00438d; }
#logo { margin: 20px 0; width: 135px; height: 40px; background: url(img/logo.png) no-repeat; }

#main>.pagesize { background: #fff; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);  }

#bigvis { position: relative; width: 100%; background-size: cover; background-position: center; }
#bigvis:before { content: ''; display: block; padding-top: 27%; }

.novis #bigvis { background: #00438d !important; }
.novis #bigvis:before { content: ''; display: block; padding-top: 5px; }

#content { padding: 30px 50px; }

#login { }
#login label { }
#login input { margin: 0 10px 10px 0;padding: 5px 10px; width: 200px; background: #fff; border: 1px solid #ddd; border-radius: 4px; }
#login input:focus { background-color: #fff; border-color: #00438d; }

#intro { margin-bottom: 1em; }

#tickets { display: flex; margin-bottom: 1em; }
#tickets>div { flex: 1 0 33%; }
#tickets>div>div { margin-right: 20px; padding: 10px; background: #eee; }
#tickets>div label { display: block; margin-bottom: 0.3em; width: 100%; line-height: 1.3em; }
#tickets>div select { width: 100%; padding: 5px; line-height: 1.4em; background: #fff; border: 0; }
#tickets>div option { line-height: 1.5em; background: #fff; border-bottom: 1px solid #eee; }

#legal { margin-top: 2em; font-size: 0.9em; }
#legal p { color: #888; }

.important { color: #00438d; font-weight: bold; }
.info { margin-bottom: 1em; padding: 1em; text-align: left; line-height: 1.2em; color: #917e00; background: #fff568; border: 1px solid #dfd223; border-radius: 3px; }


footer .pagesize { line-height: 2em; font-size: 0.85em; color: #bbb; }

@media (max-width: 1100px) {
}

@media (max-width: 550px) {
}