/* --- fonty --- */
* {
    padding: 0;
    margin: 0;
    word-wrap: break-word;
}

*[onclick] {
    cursor: pointer;
}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
::-ms-input-placeholder,
::placeholder {
    color: #777;
}

img {
    border: 0;
    padding: 0;
    margin: 0;
    max-width: 100%;
}

table {
    width: 100%;
    border: 0;
    border-collapse: collapse;
}

table[align=center] {
    margin: 0 auto;
}

/* ------------------------- */
body {
    background-color: #e2e2e2;
    font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #333;
    position: relative;
    padding-bottom: 10px;
}

a {
    color: #c8242a;
    text-decoration: none;
    cursor: pointer;
}

a:hover,
a:focus,
a:active {
    text-decoration: underline;
}

hr {
    border-top: 1px solid #dedede;
    border-bottom: none;
    border-left: none;
    border-right: none;
    margin: 15px 0 15px 0;
}

/* ------------------------- */
.f-left {
    float: left !important;
}

.f-right {
    float: right !important;
}

.clear {
    clear: both;
}

.hidden {
    display: none !important;
}

.overflow-hidden {
    overflow: hidden;
}

.center {
    text-align: center !important;
}

.hide {
    height: 1px;
    width: 1px;
    position: absolute;
    left: -10000em;
    top: 0;
    overflow: hidden;
}

fieldset {
    border: 0;
}

/* ------------------------- */
h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.8rem;
}

h3 {
    font-size: 1.6rem;
}

h4 {
    font-size: 1.4rem;
}

h5 {
    font-size: 1.3rem;
}

h6 {
    font-size: 1.2rem;
}

h1,
h3,
h4 {
    font-weight: normal;
}

h2 {
    font-weight: bold;
}

h1,
h2 {
    color: #c8242a;
}

h3,
h4,
h5,
h6 {
    color: #333;
}

#content h1,
#content h2,
#content h3,
#content h4 {
    margin: 10px 0 10px 0;
}

/* ------------------------- */
#all {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    max-width: 1200px;
    min-height: 500px;
    margin: 0 auto;
    padding: 10px;
    z-index: 100;
    background-color: #fff;
}

/* ------------------------- */
#c-top {
    min-height: 40px;
    margin-bottom: 10px;
}

#c-header {
    min-height: 160px;
    position: relative;
    background: url('/_m/img/header-bg.png') repeat-x left top;
    background-size: contain;
    background-color: #1777b4;
    box-sizing: border-box;
    padding: 10px 0;
}

#c-main {
    padding-top: 10px;
}

/* ------------------------- */
#main-menu {
    float: left;
    font-size: 0.875rem;
}

#main-menu ul {
    display: inline-block;
    list-style: none;
}

#main-menu ul li {
    float: left;
    background: url('/_m/img/sep.png') no-repeat right center;
    padding-right: 5px;
}

#main-menu a {
    display: block;
    height: 2.5rem;
    line-height: 2.5rem;
    color: #c8242a;
    padding: 0 10px;
    text-decoration: none;
}

#main-menu a:hover,
#main-menu a:focus,
#main-menu a:active {
    text-decoration: underline;
}

/* ------------------------- */
#c-header .left-col,
#c-header .middle-col,
#c-header .right-col {
    display: table;
    height: 100%;
    min-height: 160px;
    text-align: center;
    box-sizing: border-box;
}

#c-header .left-col img,
#c-header img {
    max-width: 100%;
    max-height: 100%;
}

#c-header .middle-col {
    text-transform: uppercase;
    font-size: 1.875rem;
    line-height: 1.3;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0,0,0, 0.63);
    padding: 0 10px;
}

#c-header .left-col > div,
#c-header .middle-col > div,
#c-header .right-col > div {
    width: inherit;
    min-height: 160px;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

/* ------------------------- */
.left-col,
.middle-col,
.right-col {
    box-sizing: border-box;
}

.left-col,
.right-col {
    /*width: 270px;*/
    width: 23.72881356%;
    float: left;
}

.left-col {
    padding-right: 10px;
}

.right-col {
    padding-left: 10px;
}

.middle-col {
    /*width: 600px;	*/
    float: left;
    padding: 0 10px;
}

#c-header .left-col > div,
#c-header .right-col > div {
    box-sizing: border-box;
    padding: 0 20px;
}

#c-header .middle-col {
    width: 50.84745763%;
}

#c-main .middle-col {
    width: 74.57627119%;
}

#c-main {

}

#left {
}

#content {
}

#right {
}

#left,
#content,
#right {
    min-height: 400px;
    padding-bottom: 25px;
}

/* ------------------------- */
#content {
}

#title {
    text-align: center;
    min-height: 40px;
}

#title + * {
    margin-top: 20px;
}

#title h1 {
    margin-top: 0;
}

/* ------------------------- */
#c-main ul,
#c-main ol {
    margin-left: 20px;
}

#left .header,
#right .header {
    min-height: 20px;
    padding: 10px 10px;
    background-color: #5e5e5e;
    font-size: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 5px;
}

#left .header.header-btm-sep,
#right .header.header-btm-sep {
    margin-bottom: 10px;
}

#left .cnt,
#right .cnt {
    margin-bottom: 20px;
}

#left .col-menu,
#right .col-menu {
    list-style: none;
    margin-left: 0;
}

#left .col-menu li,
#right .col-menu li {
    line-height: 1.25;
    border-bottom: 1px solid #ddd;
}

#left .col-menu li,
#right .col-menu li {
    font-size: 0.875rem;
    color: #232323;
}

#left .col-menu a,
#right .col-menu a {
    min-height: 20px;
    padding: 10px;
    color: #232323;
    display: block;
    text-decoration: none;
}

#left .col-menu a:hover,
#left .col-menu a:focus,
#left .col-menu a:active,
#right .col-menu a:hover,
#right .col-menu a:focus,
#right .col-menu a:active {
    color: #c8242a;
}

/* --- formularze --- */
input[type='text'],
textarea {
    border: 1px solid #c8c8c8;
    box-shadow: inset 0 0 5px #eee;
    padding: 10px;
}

input[type='text']:focus,
textarea:focus {
    border: 1px solid #787878;
    color: #146fa7;
}

input[type='text'] {
    height: 1.625rem;
    font-size: 0.875rem;
    line-height: 1.625rem;
}

.err {
    text-align: center;
    background-color: #cc311f;
    color: #fff;
    font-size: 1.125rem;
}


/* ------ */
.err-msg {
    color: #cf1f07;
}

/* --- lioosys --- */
#lioosys {
    position: absolute;
    right: 0;
    bottom: -10px;
}

#lioosys:hover,
#lioosys:active {
    opacity: 0.85;
}

/* ukryte menu - widoczne dla czytnikow */
.hide-nav {
    list-style: none;
}

.hide-nav a {
    display: inline;
    font-size: 1rem;
    position: absolute;
    left: -9000em;
    top: 0;
    text-align: center;
    text-decoration: none;
    z-index: 1000;
    background: #4b4b4b;
    color: #fff;
}

.hide-nav a:hover,
.hide-nav a:focus,
.hide-nav a:active {
    background: #4b4b4b;
    border: 2px solid #fff;
    color: #fff;
    left: 0;
    top: 0;
    position: absolute;
    width: 200px;
    padding: 5px 10px;
}

/* --- */
#top-cnt,
#top-tools-cnt {
    float: right;
}

/*--- wyszukiwarka ---*/
#search-form {
    float: left;
    margin-left: 10px;
    margin-bottom: 5px;
    position: relative;
}

#search-form input[type='text'] {
    box-sizing: border-box;
    width: 240px;
    padding-right: 60px;
    height: auto;
    min-height: 40px;
    line-height: 1.125rem;
}

#search-form #search-submit-btn {
    width: 40px;
    height: 38px;
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 10;
}

#search-form #search-submit-btn button {
    width: 40px !important;
    height: 38px !important;
    padding: 0;
    margin: 0;
    border: 0;
    box-shadow: none;
    background: url('/_m/img/tools-icons.png') no-repeat left top;
    background-position: 0 0;
    opacity: 0.25;
    cursor: pointer;
}

#search-form input[type='text']:focus + #search-submit-btn button {
    opacity: 1;
}

#search-form #search-submit-btn button:hover, #search-form #search-submit-btn button:focus {
    background-position: -40px 0;
    opacity: 1;
}

#search-form #search-submit-btn button:active {
    background-position: -80px 0;
    opacity: 1;
}

.err {
    padding: 40px 0;
}

/* ------------------------------------ */
.page-content {
    margin-bottom: 10px;
}


/* --- komponenty --- */
.cmp {
    box-sizing: border-box;
    margin-bottom: 2rem;
}

.cmp:after {
    content: "";
    display: table;
    clear: both;
}

/* --- komponent tekst --- */
.cmp-text {

}

/* - tabelki w tresci - */
#content table th,
#content table td {
    vertical-align: top;
    padding: 5px;
}

.cmp-file {
    background: url('/_m/img/file-icons.png') no-repeat 5px 5px;
    padding: 5px 5px 5px 55px;
    min-height: 60px;
    display: block;
}

.cmp-file:active,
.cmp-file:hover,
.cmp-file:focus {
    background-color: #f5f5f5;
}

.cmp-file:active a,
.cmp-file:hover a,
.cmp-file:focus a,
.cmp-file a:focus {
    text-decoration: underline;
}

.cmp-file .file-details {
    font-size: 0.875rem;
    color: #555;
}

.cmp-file .file-details span {
    text-transform: uppercase;
}

/*--- wyniki wyszukiwania ---*/
.search-results {
    margin-top: 20px;
    /*line-height: 24px;*/
}

.search-results > .info {
    font-size: 1.125rem;
    margin-bottom: 10px;
}

/*------*/
#article-list {
    margin: 20px 0;
}

#article-list .art {
    padding-bottom: 10px;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 10px;
}

#article-list .art .title {
    font-weight: bold;
}

#article-list .art .date {
    color: #888;
}

#article-list .art .more {
    text-align: right;
}

#article-list .article-list-archive {
    margin: 40px 0 20px 0;
}

#article-list .article-list-archive > .title {
    padding-bottom: 3px;
    border-bottom: 1px solid #333;
    margin-bottom: 20px;
}

#article-list .no-article-info {
    margin-bottom: 40px;
}

.article {

}

.article.row-inline {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.article.row-inline:first-child {
    padding-top: 20px;
}

.article .arch-info {
    margin-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}

.article .arch-info span {
    padding: 5px 10px;
    background: #c8242a;
}

.article > .title {
}

.article > .title > h2 {
    margin-bottom: 3px !important;
}

.article > .date {
    color: #888;
}

.article > .header {
    margin-top: 10px;
    font-weight: bold;
}

.article > .header:empty {
    margin-top: 0;
}

.article > .content {
    margin-top: 10px;
    margin-bottom: 10px;
}

.article > .back {
    margin-top: 30px;
    text-align: center;
}

/*------*/
.attachments,
.registry {
    margin: 20px 0 10px 0;
}

.registry table {
    font-size: 0.75rem;
    table-layout: fixed;
}

.registry table th {
    font-weight: normal;
    text-align: left;
    border-bottom: 1px solid #000;
}

.registry table td {
    color: #555;
    border-bottom: 1px dotted #ddd;
    vertical-align: top;
}

.registry table th,
.registry table td {
    padding: 5px 3px;
}

/*---*/
#article-list .article-list-archive > .title,
.attachments > .title,
.registry > .title {
    font-size: 1.125rem;
}

.attachments > .title,
.registry > .title {
    margin: 10px 0;
}


/* --- tools --- */
#tools {
    margin: 0 0 5px 0;
    float: right;
}

#tools a {
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    margin-left: 5px;
    background: url('/_m/img/tools-icons.png') no-repeat left top;
}

#tools a.contrast {
    background-position: 0 -40px;
}

#tools a.contrast:hover {
    background-position: -40px -40px;
}

#tools a.contrast:active,
#tools a.contrast.active {
    background-position: -80px -40px;
}

#tools a.fontsize {
    background-position: 0 -80px;
}

#tools a.fontsize:hover {
    background-position: -40px -80px;
}

#tools a.fontsize:active,
#tools a.fontsize.active {
    background-position: -80px -80px;
}

/* --- cookie info --- */
#cookie-info {
    position: fixed;
    bottom: 0;
    z-index: 500;
    width: 100%;
    background-color: #efefef;
    color: #222;
    font-size: 0.8125rem;
    display: none;
}

#cookie-msg {
    box-sizing: border-box;
    width: 1200px;
    max-width: 100%;
    padding: 10px;
    margin: 0 auto;
    border-top: 1px solid rgba(34,34,34,0.25);
}

#cookie-buttons {
    float: right;
    margin-left: 10px;
    padding: 5px 0;
}

#cookie-buttons button:first-child {
    margin-right: 10px;
}

.cookie-msg {
    float: left;
    padding: 12px 0 5px 0;
}

/* --- przyciski --- */
button {
    margin: 0;
    padding: 8px 15px;
    cursor: pointer;
    color: #fff;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px 2px #000;
    font-family: Tahoma;
    vertical-align: middle;
    border: 0;
    background-color: #4d4d4d;
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.5), 0 2px 3px #888;
}

button.big-font {
    font-size: 1.2rem;
}

button:hover {
    background-color: #777;
}

button:active {
    background-color: #777;
}

button.btn-green {
    background-color: #009933;
}

button.btn-green:hover,
button.btn-green:active {
    background-color: #33cc33;
}

button.btn-red {
    background-color: #ff0000;
}

button.btn-red:hover,
button.btn-red:active {
    background-color: #ff4747;
}

button.btn-blue {
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2), 0 2px 3px #888;
    background-color: #3e528b;
}

button.btn-blue:hover {
    background-color: #5874c4;
}

button.btn-blue:active {
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.5), 0 2px 3px #888;
    background-color: #5874c4;
}

/************************************************/
.menu-trigger {
    display: none;
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 1.5rem;
    padding: 15px 15px 15px 15px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

/*.menu-trigger * {*/
/*    vertical-align: top;*/
/*}*/

.menu-trigger img {
    margin-right: 10px;
    /*margin-bottom: 12px;*/
    /*vertical-align: middle;*/
}

#menu-trigger {
    background: #5e5e5e;
    color: #fff;
}

/***--- responsive -------------------------------------------------***/
.responsive {
    display: none;
}


/* ------ */
.res-test {
    display: none;
}

/* --- change default font-size --- */
@media only screen and (max-width: 700px) {
    html {
        font-size: 0.9rem;
    }
}

@media only screen and (max-width: 570px) {
    html {
        font-size: 0.875rem;
    }
}

@media only screen and (max-width: 470px) {
    html {
        font-size: 0.75rem;
    }
}

/* --- --- */
@media only screen and (max-width: 900px) {
    #c-main .left-col {
        width: 30%;
    }

    #c-main .middle-col {
        width: 70%;
    }
}

@media only screen and (max-width: 900px) {
    #c-header .middle-col {
        font-size: 1.5rem;
    }
}

@media only screen and (max-width: 840px) {
    #search-form,
    #main-menu,
    #top-tools-cnt {
        clear: both;
    }

    #main-menu {
        float: right;
    }

    #main-menu #an-mm li:last-child {
        background: none;
        padding-right: 0;
    }

    #main-menu #an-mm li:last-child a {
        padding-right: 0;
    }
}

@media only screen and (max-width: 800px) {
    #c-header .middle-col {
        width: 70%;
        float: right;
    }

    #c-header .left-col,
    #c-header .right-col {
        width: 30%;
        height: auto;
        min-height: auto;
    }
}

@media only screen and (min-width: 751px) {
    #c-main .left-col .header,
    #c-main .left-col nav {
        display: block !important;
    }
}

@media only screen and (max-width: 750px) {
    #c-main .left-col,
    #c-main .middle-col {
        width: 100%;
        float: none;
        padding-left: 0;
        padding-right: 0;
        min-height: auto;
    }

    #c-main .left-col {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    #c-main .left-col .cnt {
        padding: 0;
        margin: 0;
    }

    #c-main .left-col .header,
    #c-main .left-col nav {
        display: none;
    }

    #c-main .left-col nav {
        margin-bottom: 20px;
    }

    #menu-trigger {
        display: block;
    }

    #left .col-menu li {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 600px) {
    #c-header .middle-col {
        width: 65%;
        float: right;
    }

    #c-header .left-col,
    #c-header .right-col {
        width: 35%;
    }
}


@media only screen and (max-width: 550px) {
    #c-header .middle-col {
        width: 60%;
        float: right;
    }

    #c-header .left-col,
    #c-header .right-col {
        width: 40%;
    }
}

@media only screen and (max-width: 450px) {
    #main-menu {
        margin-bottom: 10px;
    }

    #main-menu #an-mm li {
        background: none;
        float: none;
        text-align: right;
        padding-right: 0;
    }

    #main-menu a {
        height: auto;
        line-height: 1.5;
        display: inline-block;
        padding: 3px 0;
    }

    #c-header .middle-col {
        width: 100%;
        float: none;
        min-height: auto;
        margin: 20px 0;
    }

    #c-header .left-col,
    #c-header .right-col {
        width: 50%;
        float: none;
        margin: 0 auto;
    }

    #c-header .left-col img,
    #c-header .right-col img {
        max-height: 70px;
    }
}

@media only screen and (max-width: 400px) {
    #top-cnt,
    #top-tools-cnt {
        float: none;
    }

    #search-form {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    #search-form input[type="text"] {
        width: 100%;
    }

    #tools {
        clear: both;
    }
}

/* ------ */
.cmp-file img {
    display: none;
}