@charset "UTF-8";

@-ms-viewport { width: device-width; }
@viewport { width: device-width; }

/* ELEMENT STYLING */

body {
    font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px;
}
body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6 {
    font-size-adjust: 0.5;
}
h1 {
    line-height: 1.25; font-size: 2em;
}
h2 {
    line-height: 1.15384615; font-size: 1.625em;
}
h3 {
    line-height: 1.13636364; font-size: 1.375em;
}
h4 {
    line-height: 1.11111111; font-size: 1.125em;
}
blockquote {
    line-height: 1.25; font-size: 1.25em;
}
ul, ol {
    margin: 0 0 1em; padding: 0 1.22em;
}

/* ALIGNMENT & SPACING */

.left {
    float: left;
}
.right {
    float: right;
}
.centre {
    margin: 0 auto;
}
.clear {
    display: block; width: 100%; height: 0; line-height: 0; margin: 0; padding: 0; clear: both;
}

.padding-0 {
    padding: 0 !important;
}
.padding-t5 {
    padding-top: 5px !important;
}
.padding-t10 {
    padding-top: 10px !important;
}
.padding-t20 {
    padding-top: 20px !important;
}
.padding-t30 {
    padding-top: 30px !important;
}
.padding-t40 {
    padding-top: 40px !important;
}
.padding-b5 {
    padding-bottom: 5px !important;
}
.padding-b10 {
    padding-bottom: 10px !important;
}
.padding-b20 {
    padding-bottom: 20px !important;
}
.padding-b30 {
    padding-bottom: 30px !important;
}
.padding-b40 {
    padding-bottom: 40px !important;
}

.margin-t5 {
    margin-top: 5px !important;
}
.margin-t10 {
    margin-top: 10px !important;
}
.margin-t20 {
    margin-top: 20px !important;
}
.margin-t30 {
    margin-top: 30px !important;
}
.margin-t40 {
    margin-top: 40px !important;
}
.margin-b5 {
    margin-bottom: 5px !important;
}
.margin-b10 {
    margin-bottom: 10px !important;
}
.margin-b20 {
    margin-bottom: 20px !important;
}
.margin-b30 {
    margin-bottom: 30px !important;
}
.margin-b40 {
    margin-bottom: 40px !important;
}

/* TEXT */

.t-left {
    text-align: left;
}
.t-middle {
    text-align: center;
}
.t-right {
    text-align: right;
}
.t-justify {
    text-align: justify;
}
.t-notbold {
    font-weight: normal;
}
.t-bold {
    font-weight: bold;
}
.t-italic {
    font-style: italic;
}
.t-underline {
    text-decoration: underline;
}
.t-overline {
    text-decoration: overline;
}
.t-strike {
    text-decoration: line-through;
}
.t-uppercase {
    text-transform: uppercase;
}
.t-lowercase {
    text-transform: lowercase;
}
.t-smallcaps {
    font-variant: small-caps;
}
.t-smallcaps-all {
    font-variant: all-small-caps;
}

.t-white {
    color: #fff;
}
.t-blue {
    color: #069;
}

/* PAGE CONTENT */

.block-bordered, .image-bordered {
    border: 1px solid #069;
}
.block-blue {
    background: #069;
}

#head {
    margin: 20px 0 10px;
}
#head-post {
    margin-bottom: 2px; padding: 3px 0; background: #4b4b4b; text-align: center; font-size: 1.3em; font-weight: bold; color: #fff;
}

#menu ul {
    margin: 0 0 2px; padding: 0; list-style: none;
}
#menu ul li {
    display: block; margin-bottom: 2px; background: #069;
}
#menu ul li:hover {
    background: #007fbf;
}
#menu ul li a {
    display: block; padding: 3px 8px; font-weight: bold; color: #fff;
}

#body .content {
    padding: 15px 0;
}

#foot-pre {
    margin-top: 2px; padding: 3px 0; background: #4b4b4b; text-align: center; font-size: 1.3em; font-weight: bold; color: #fff;
}
#foot {
    padding: 10px 0; text-align: center; font-size: 0.9em;
}

#page-title {
    margin-bottom: 20px; font-size: 1.5em; font-weight: bold; color: #069;
}

@media (max-width: 991px) {
    #head .col-md-6 {
        padding: 10px 0;
    }
    #head .col-md-6, #menu ul li, .image-bordered {
        text-align: center;
    }
}