/* RESET ********************************************************************************************** */
* {
    padding: 0;
    margin: 0;
    border: 0 solid;
    font-family: Helvetica, Helvetica, sans-serif;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.ar {
    text-align: right;
}

.ac {
    text-align: center;
}

.al {
    text-align: left;
}

.bold {
    font-weight: bold;
}

h1 {
    font-weight: 600;
    line-height: 1.2;
/*    visibility: hidden;*/
    animation-name: napis;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    transition-timing-function: linear;   
}
a {color: #622692; text-decoration:none !important}
    a:active: {color:#113279;}
/*
@keyframes napis {
    0% {
        visibility: hidden;
    }
    99%, 100% {
        visibility: visible;
    }
}
*/

h2 {
    margin-bottom: 48px;
    text-transform: uppercase;
    color: #45474F;
    font-weight: normal;
}

h3 {
    font-weight: 600;
    font-size: 18px;
}

h4 {
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
}

p {
    margin-top: 2px;
    font-size: 16px;
    text-align: justyfy;
    line-height: 1.7;
}

strong {
    font-weight: 600;
}

label {
    color: #45474F;
}

/* STRUKTURA ****************************************************************************************** */

body {
    background-color: #fff;
    text-align: center;
    font-size: 16px;
}

header {
    background-color: #FFF;
    width: 100%;
    border-bottom: 1px solid #113279;
}

.headre-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.top {
    position: fixed;
    z-index: 1;
}

.top2 {
    position: static;
}

header a {
    color: #113279;
    text-decoration: none;
    font-size: 18px;
}

header a:hover {
    color: #45474F;
}

.logo {
    float: left;
    padding-top: 15px;
}

.main-menu {
    text-align: right;
    float: right;
    margin: 10px 0;
    list-style: none;
    padding: 0 !important;
}

.main-menu li {
    float: none;
    display: block;
    padding: 0px;
    font-size: 18px;
    line-height: 1.4;
    font-weight: bold;
}

#newsletter {
    background: #113279;
    color: #FFFFFF;
    padding: 8px 20px;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    border-radius: 5px;
    transition:  all 0.5s linear;
    border: #113279 2px solid;
    cursor: pointer;
    font-size: 16px;
}

#newsletter:hover {background-color: #fff;color:#113279;}

.reklama {
    padding-top: 100px;
    padding-bottom: 0px;
}

.banner {
    color: #FFFFFF;
    padding: 0 0 50px 0;
    background: url("img/2.png");
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1.5;
    overflow: hidden;
}

#wyszukiwarka {
    padding: 15px 0;
    background: #fff;
    margin-bottom: 10px;
}

#wyszukiwarka input {
    border-radius: 3px;
    border: 2px solid #DDDDDD;
    padding: 0px;
    height: 22px;
    width: 100%;
}

#wyszukiwarka h2 {
    margin-bottom: 2px;
    margin-top: 0;
    
}

/*#wyszukiwarka.cse .gsc-control-cse,
    #wyszukiwarka.gsc-control-cse {
      background-color:transparent !important; border: transparent !important; border-radius: 5px !important;
    }
	#wyszukiwarka.gsc-search-button {width: 100px !important; cursor: pointer; height: 22px !important; width: 80% !important;}
	#wyszukiwarka.gsc-input {height: 15px !important;}*/

/*.banner .transparentnone h1, h3, p {color: #FFFFFF;}*/

.transparentnone h1 {
    font-size: 55px;
}

.banner h1 {
    margin-bottom: 40px;
    margin-top: 100px;
    font-family: 'Helvetica';
}

.banner h3 {
    margin-top: 10px;
    
}

.banner input {
    margin-top: 16px;
    margin-bottom: 5px;
    border-radius: 3px;
    border: 2px solid #DDDDDD;
    padding: 8px;
    width: 80%;
}

.banner img {
    padding-top: 55px;
}

.cse .gsc-control-cse,
.gsc-control-cse {
    background-color: transparent !important;
    border: transparent !important;
    border-radius: 5px !important;
}

.cse .gsc-control-cse,
.gsc-control-cse td {
    border: none !important;
}

.gsc-search-button {
    width: 100px !important;
    cursor: pointer;
    height: 32px !important;
}

.gsc-input {
    height: 25px !important;
}

.k20 {
    width: 20%;
    float: left;
}

.k30 {
    width: 30%;
    float: left;
}

.k40 {
    width: 40%;
    float: left;
}

.k50 {
    width: 50%;
    float: left;
}

.k50index {
    width: 50%;
    float: left;
}

.k60 {
    width: 60%;
    float: left;
}

.k70 {
    width: 70%;
    float: left;
}

.k80 {
    width: 80%;
    float: left;
    margin: 0 auto;
}

.k100 {
    width: 100%;
    float: left;
    margin: 0 auto;
}

.k80c {
    width: 80%;
    margin: 0 auto;
}

.menulewe {
    margin: 20px 20px 20px 0;
    background-color: green;
}

.menuprawe {
    margin: 20px 0 20px 20px;
    text-align: right;
}

.site-footer {
    background: #F0F8FF;
    width: 100%;
}

.site-footer p {
    color: #45474F;
    margin: 10px 0 0 0;
  
}

.logo1 {
    float: right;
    margin: 10px 0 10px 0;
}

/* Uzupełniające strukturę */

/*section {clear: both; overflow: hidden;}*/

.container {
    max-width: 1100px;
    margin: 0 auto;
    overflow: hidden;
}

.sekcja {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

.sekcja p {
    padding-bottom: 10px;
}

.sekcjaindex {
    width: 100%;
    overflow: hidden;
    padding-bottom: 30px;
}

/* RÓŻNE ********************************************************************************************** */

.gradient {
    background: linear-gradient(#F0F8FF, #FFFFFF);
}

/* Przyciski */

.button {
    display: inline-block;
    padding: 8px 20px;
    margin: 16px 0;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    border-radius: 5px;
}

.button-light {
    background: #FFFFFF;
    color: #000000;
}

.button-dark {
    background: #113279;
    color: #FFFFFF;
    cursor: pointer;
}

/* STRONA GŁÓWNA ************************************************************************************** */

.intro {
/*    background: linear-gradient(#F0F8FF, #FFFFFF);*/
    padding: 15px 10px 15px 20px;
    color: #45474F;
}

/* Czasopisma */

.czasopisma {
    line-height: 1.7;
}

.czasopisma p {
    color: #45474F;
}

.czasopisma h2 {
    font-size: 30px;
    margin-bottom: 15px;
}

.journal {
    margin: 20px 20px;
    float: left;
    border: 1px solid #DDDDDD;
    box-shadow: 5px 5px 2px #888888;
}

.journal img {
    display: block;
}

/*.journal1 {margin: 20px 20px; float: left; border: 1px solid #DDDDDD; box-shadow: 5px 5px 2px #888888;}
.journal1 img {display: block;}*/

.journal1 {
    display: inline-block;
    margin: 20px;
}

.journal1 img {
    border: 1px solid #DDDDDD;
    box-shadow: 5px 5px 2px #888888;
    transition:  all 0.5s linear;
}
.journal1 img:hover {
     filter: brightness(75%);
}
/* Indeksacja */

.index {}

.indeksacja p {
    color: #45474F;
    margin-top: -10px;
    text-align: justify;
}

.indeksacja h2 {
    text-align: center;
}



/* PODSTRONY ****************************************************************************************** */

/* czasopismo*/

.about1 {
    margin-top: 15px;
    overflow: hidden;
}

.about1 img {
    border: 1px solid #DDDDDD;
    box-shadow: 5px 5px 2px #888888;
}

.about1 h1 {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 100;
    color: #113279;
    text-align: center;
}

.about1 p {
    text-align: left;
    color: #45474F;
    margin-top: 2px;
    font-size: 16px;
}

.button-about {
    margin: 10px auto;
    width: 200px;
    text-align: center;
    transition:  all 0.3s linear;
    border: #113279 2px solid;;
}

.button-about:hover {background-color: #fff;color:#113279}


.roczniki {}

.rocznik {}

.rocznik1 {
    height: 250px !important;
}

.rocznik h3 {
    margin: 10px;
}

.rocznik ul {
    margin: 10px 0 10px 30px;
    line-height: 1.3;
}

/*numery*/

.numbers {
    margin-top: -20px;
    padding: 15px 20px;
}

.year {
    margin: 10px 30px;
    float: left;
}

.year1 {
    margin: 10px 30px;
    float: center;
}

.year h3 {
    margin-bottom: 8px;
    margin-top: 15px;
    text-align: center;
}

.year1 h3 {
    margin-bottom: 8px;
    margin-top: 20px;
}

.czasopismo-spis a {
    font-size: 16px;
}

.czasopismo-spis li {
    font-size: 15px;
}

h2.strona-czasopisma {
    text-align: center;
    color: #113279;
}

.about1 img {
    margin-bottom: 15px;
}

.roczniki a:hover {
    color: #00008B;
}

.roczniki a:visited {
    color: #113279;
}

.tytul-czasopisma {
    text-align: center;
    color: #45474F;
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 26px;
    text-transform: uppercase;
}
/*#tresc {background-color: -webkit-box-shadow: inset 0px 200px 17px -182px rgba(106, 107, 114, 1); -moz-box-shadow: inset 0px 200px 17px -182px rgba(106, 107, 114, 1); box-shadow: inset 0px 200px 17px -182px rgba(106, 107, 114, 1);}*/
#tresc h2 {
    text-align: center;
    color: #113279;
    font-size: 24px;
    margin-bottom: 10px;
}

.spis a {
    color: #00008B;
}

.spis a:hover {
    color: #00008B;
}

.spis a:visited {
    color: #113279;
}

/* artykuł */
/*
.prenumerata {
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #F0F8FF;
    border: 1px solid #113279;
    width: 350px;
    text-align: center;
    padding: 5px;
}

.prenumerata a {
    text-decoration: none;
    text-transform: uppercase;
    color: #113279;
    font-weight: 400;
}
*/

.kopyr {
    margin-bottom: 15px;
}

table {
    border: solid 1px #DDD;
}

td {
    border: 1px solid #DDD;
}

td.td_c {
    padding: 5px;
}

td {
    padding-left: 5px;
}

.okruszki {
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 0.7;
}

.okruszki a {
    text-decoration: none;
    color: #113279;
    font-size: 10px;
}


.adr_prawy {
    font-size: 14px;
}

/*a.adr-prawy {color: #00008B;}
a.adr-prawy:hover {color: #00008B;}
a.adr-prawy:visited {color: #113279;}*/

.artykul-gorastrony {
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #F0F8FF;
    border: 1px solid #113279;
    width: 200px;
    text-align: center;
    padding: 5px;
    float: right;
}

.artykul-gorastrony a {
    text-decoration: none;
}

.artykul-gorastrony a:hover {
    color: #00008B;
}

.artykul-gorastrony a:visited {
    color: #113279;
}

.dostep {
    margin-top: 40px;
    margin-bottom: 20px;
}

.artykul-inne {
    margin-left: 30px;
}

.artykul-inne li {
    text-decoration: none;
    padding-top: 3px;
    padding: 3px
}

.artykul-inne ul {
    list-style: visible;
}

.artykul-inne a {
    text-decoration: none;
    font-size: 14px;
}

.artykul-inne a:hover {
    color: #00008B;
}

.artykul-inne a:visited {
    color: #113279;
}

.artykul-inne h3 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
}

/*
.article h1 {
	font-size: 30px;
	color: #45474F;
	text-align: center;
}
	
.article h2 {
	text-transform: none;
	text-align: justify;
	margin-bottom: 20px;
	font-size: 16px;
}

.article {
	padding: 15px 300px;
}

.kopyr h2 {
	text-align: center;
	margin-top: 20px;
}

.tyt_ang h2 {
	text-align: center;
}


.adr_prawy h3 {
	text-align: right;
}
*/

/* spis treści */

div.spis h1 {
    text-align: center;
    margin-top: 20px;
    font-size: 20px;
    margin-bottom: 20px;
}

/*div.spis b {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
	font-size: 16px;
	margin-top: 0;
}*/

div.spis {
    padding: 8px 0;
    line-height: 1.5;
    color: #45474F;
    font-size: 14px;
}

/* formularz */

/*.kontakt {padding: 15px 20px;}*/

.k50index form {
    text-align: left;
}

.kontakt p {
    color: #45474F;
    margin-top: 8px;
    text-align: left;
}

.kontakt input {
    margin-bottom: 16px;
    border-radius: 5px;
    border: none;
    padding: 8px;
    width: 93%;
    background-color: #e7e7e7;
}
.kontakt input:focus {
    border: solid 2px #113279;
    outline: 0;
}

.kontakt label {
    margin-top: 5px;
}

.kontakt .k50index {
    margin-top: 10px;
    margin-bottom: 10px;
}


#submit {
    float: left;
    margin: 16px 0;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    border-radius: 5px;
    background: #113279;
    color: #FFFFFF;
    cursor: pointer;
    width: 25%;
    text-align: center;
    transition:  all 0.5s linear;
    border: #113279 1px solid;;
}

#submit:hover {background-color: #fff;color:#113279;
}

#content {
    height: 60px;
    border: none;
    width: 97%;
    font-size: 14px;
    background-color: #e7e7e7;
    border-radius: 5px;
}
#content:focus {
    border: solid 2px #113279;
    outline: 0;
}
footer a {text-decoration: none;}
footer a:active {color: #113279;}
footer p > a {
    text-decoration: none;
    color: #113279;
    margin-left: 40px;
    margin-right: 20px;
}

footer p > a:hover {
    color: #45474F;
}

.czasopismo {
    line-height: 1.7;
}

.czasopismo a {
    text-decoration: none;
}

.czasopismo-szukaj input.szukaj {
    float: left;
    cursor: pointer;
    width: 15%;
}

.czasopismo a:hover {
    color: #00008B;
}

czasopismo a:visited {
    color: #113279;
}

.szukajRWD {
    padding-top: 170px;
}

/* RWD ************************************************************************************************ */
@media (max-width: 1000px) {
    
    header .logo {width: 160px; height: 30px;}

    .szukajRWD {
        padding-top: 0px;
    }
}
    
@media (max-width: 939px) {
    .col-one-third,
    .col-half,
    .col-one-fifth,
    .col-three-fifth {
        width: 100%;
        float: none;
    }
    .top960 {
        background: #FFFFFF;
        position: static;
        height: auto;
     
    }
    header .logo {
        text-align: center;
        float: none;
    }
    header .main-menu {
        float: none;
        max-width: 680px;
        margin: 0 auto;
        overflow: hidden;
    }
    
    .banner .c2 {
        display: none;
    }
    .transparentnone h1 {
        font-size: 30pt;
        margin: 0 0 20px 0;
    }
    .banner {
        padding: 30px 0;
    }
    #ssr,
    #ssl {
        display: none;
    }
    .k50 {
        width: 100%
    }
    .k60 {
        width: 100%
    }
    footer {
        text-align: center;
    }
    .site-footer p,
    .site-footer img {
        float: none;
    }
    .site-footer p {margin-top: 0;}

    header .logo {width: 160px; height: 30px;}
     .site-footer {margin-top: 0;}
    footer .container {flex-direction: column;}
    .innepublikacje {flex-direction: column;}
}

@media (max-width: 768px) {
    .k20 {
        width: 100%
    }
    .k30 {
        width: 100%
    }
    .k40 {
        width: 100%
    }
    .k70 {
        width: 100%
    }
    .k80 {
        width: 100%
    }
    .rocznik1 {
        height: auto !important;
    }
    .main-menu li {line-height: 1.3; padding-bottom: 0px;}
 #newsletter {padding: 4px 10px;}
    header .logo {width: 160px; height: 30px;}
    .site-footer {margin-top: 0;}
      header a {font-size: 16px;}
}

@media (max-width: 659px) {
    .k50index {
        width: 100%
    }
}

@media (min-width: 660px) {
    .col-one-third {
        width: 33.3333%;
        float: left;
    }
    .col-half {
        width: 50%;
        float: left;
    }

    .col-three-fifth {
        width: 60%;
        float: left;
    }

    .col-one-fifth {
        width: 20%;
        float: left;
    }
    .main-menu li {line-height: 1.4; padding-bottom: 0px;}
 #newsletter {padding: 4px 10px;}
    /*header .logo {160px; height: 30px;}*/
 footer p {margin-top: 0;}
}

/* Formatowanie tekstĂłw */

.tresc {
    text-align: justify;
    text-indent: 1em;
    font-family: Helvetica, sans-serif;
    line-height: 175%;
    font-size: 13px;
    color: black;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

#cialo2 > h1 {
    text-align: left;
    margin-bottom: 10px;
    font-family: Helvetica, sans-serif;
    font-size: 25px;
    text-indent: 0;
    font-weight: bold;
}

#cialo2 > div > h1.tyt {
    text-align: left;
    margin-bottom: 10px;
    font-family: Helvetica, sans-serif;
    font-size: 40px;
    text-indent: 0;
    font-weight: bold;
}

.tyt {
    text-align: left;
    margin-top: 25px;
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 28px;
    text-indent: 0;
    font-weight: bold;
    line-height: 125%;
}

.tyt_ang {
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    text-indent: 0em;
    text-align: left
}

.aut {
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: bold;
    text-indent: 0em;
    font-family: Helvetica, sans-serif;
}

.aut_ang {
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: bold;
    text-indent: 0em
}

.adr {
    margin-bottom: 20px;
    font-size: 12px;
    text-indent: 0em;
    font-family: Helvetica, sans-serif;
}

.zrodlo1 {
    margin-top: 15px;
    font-size: 11px;
    text-indent: 0em
}

.pod1 {
    font-family: Helvetica, sans-serif;
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-indent: 0em;
    text-align: left
}

.pod2 {
    font-family: Helvetica, sans-serif;
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
    text-indent: 0em;
    text-align: left
}

.pod3 {
    font-family: Helvetica, sans-serif;
    margin-top: 10px;
    margin-bottom: 2px;
    font-size: 12px;
    font-style: italic;
    text-indent: 0em;
    text-align: left
}

.tyt_tab {
    text-align: justify;
    margin-top: 20px;
    margin-bottom: 3px;
    font-size: 11px;
    font-weight: bold;
    text-indent: 0em;
    font-family: Helvetica, sans-serif;
}

.pis_tyt {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
    text-indent: 0em
}

.pis {
    text-align: justify;
    font-size: 11px;
    text-indent: 0em
}

.ryc {
    text-align: justify;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 11px;
    text-indent: 0em
}

td.td_c {
    text-align: center;
    font-size: 11px;
    line-height: normal;
    text-indent: 0em;
    font-family: Helvetica, sans-serif;
}

.tab_pod {
    text-align: justify;
    margin-top: 3px;
    margin-bottom: 15px;
    font-size: 9px;
    line-height: normal;
    text-indent: 0em;
    font-family: Helvetica, sans-serif;
}

.div1 {
    text-align: justify;
    font-size: 12px;
    text-indent: 0em
}

.przypis {
    text-align: justify;
    font-size: 9px;
    text-indent: 0em
}

.motto {
    text-align: right;
    font-size: 12px;
    font-style: italic;
    margin-bottom: 5px;
    text-indent: 0em
}

.pikus {
    text-align: center;
    font-size: 22px;
    color: green;
    text-indent: 0em
}

.pikus1 {
    text-align: center;
    font-size: 15px;
    color: darkblue;
    text-indent: 0em
}

.sum {
    margin-top: 7px;
    margin-bottom: 15px;
    font-family: Helvetica, sans-serif;
    font-size: 11px;
    text-align: justify;
    text-indent: 0em;
    line-height: 175%;
}

.sum_tyt {
    margin-top: 7px;
    font-size: 11px;
    text-align: left;
    text-indent: 0em;
    font-weight: bold;
    font-family: Helvetica, sans-serif;
}

.str_prawa {
    text-align: right;
    font-size: 12px;
    text-indent: 1em
}

.spis_pod1 {
    margin-top: 5px;
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: bold;
    text-indent: 0em
}

.strony {
    text-align: right;
}

.adr_prawy {
    margin-top: 5px;
    text-align: right;
}

TD {
    font-size: 11px;
    line-height: normal;
    text-indent: 0em;
    font-family: Helvetica, sans-serif;
}

.banner {
    font-size: 11px;
    line-height: normal;
    text-indent: 0em
}

div.zrodlo1 a {
    font-weight: bold;
    font-style: italic
}

.keywords {
    text-align: left;
    margin: 5px 0;
    font-family: "Helvetica CE", Helvetica, Helvetica;
    font-size: 11px;
    line-height: normal;
    font-weight: normal;
    text-indent: 0em
}

.reklama {
    text-align: center;
}

.nawiga {
    text-align: center;
    font-weight: bold;
}

a.nawiga:link {
    color: black;
    TEXT-DECORATION: none;
}

div.nawiga:hover {
    background-color: red;
}

.kopyr_linia {
    margin: 0;
    margin-top: 5px;
    margin-bottom: 15px;
    padding: 0;
    border-top: 1px dotted #657eb4;
}

#cialo2 img {
    margin-top: 15px;
}

@media all {
    .lightbox {
        display: none;
    }
    .fl-page h1,
    .fl-page h3,
    .fl-page h4 {
        font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Helvetica, Helvetica, sans-serif;
        font-weight: 100;
        letter-spacing: 1px;
    }
    .fl-page h1 {
        font-size: 110px;
        margin-bottom: 0.5em;
    }
    .fl-page h1 i {
        font-style: normal;
        color: #ddd;
    }
    .fl-page h1 span {
        font-size: 30px;
        color: #333;
    }
    .fl-page h3 {
        text-align: right;
    }
    .fl-page h3 {
        font-size: 15px;
    }
    .fl-page h4 {
        font-size: 2em;
    }
    .fl-page .jumbotron {
        margin-top: 2em;
    }
    .fl-page .doc {
        margin: 2em 0;
    }
    .fl-page .btn-download {
        float: right;
    }
    .fl-page .btn-default {
        vertical-align: bottom;
    }

    .fl-page .btn-lg span {
        font-size: 0.7em;
    }
    .fl-page .footer {
        margin-top: 3em;
        color: #aaa;
        font-size: 0.9em;
    }
    .fl-page .footer a {
        color: #999;
        text-decoration: none;
        margin-right: 0.75em;
    }
    .fl-page .github {
        margin: 2em 0;
    }
    .fl-page .github a {
        vertical-align: top;
    }
    .fl-page .marketing a {
        color: #999;
    }

    /* override default feather style... */
    .fixwidth {
        background: rgba(256, 256, 256, 0.8);
    }
    .fixwidth .featherlight-content {
        width: 500px;
        padding: 25px;
        color: #fff;
        background: #111;
    }
    .fixwidth .featherlight-close {
        color: #fff;
        background: #333;
    }

}

.artykul-menu {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
#stat1 {
    background-color: #113279; color: #fff; padding: 10px;
}
#stat2 {
    display: flex; width: 1100px; margin: 0 auto; justify-content: space-between; align-items: center;
}
#stat2 .stat2left {
    font-size: 20px; text-align: left;
}
#stat2 .stat2right {
    text-align: right;
}
.stat2dane {
    font-size: 16px;
}

.innapublikacja {padding: 10px;}
.innapublikacja h4 {font-weight: 16px; font-weight: bold; margin-bottom: 10px;}
.innapublikacja a {text-decoration: none; margin: 0;}
.innapublikacja img {display: block; margin: 0;}


@media(max-width: 1000px) {
    .artykul-menu {flex-direction: column; justify-content: center; align-items: center;}
    #stat2 {
        display: block; width: 100%;
    }
    #stat2 .stat2left {
        text-align: center; margin-bottom: 5px;
    }
    #stat2 .stat2right {
        text-align: center;
    }
    .stat2dane {
        font-size: 14px;
    }
    .container {width: 97%;
}

@media(max-width: 768px) {
    .fl-page h1 span {
        display: block;
    }
    .fl-page .btn-download {
        float: none;
        margin-bottom: 1em;
    }
    
  header a {font-size: 16px;}
}
/* REKLAMA */
.reklama_k1 {
    text-align: center;
    margin-top: 15px;
}
.reklama_k1 img {
    margin: 0 auto !important;
}

.reklama_b1 {
    width: 200px;
    float: right;
}

.reklama_a1 {
    margin: 15px auto;
    width: 100%;
    text-align: center;

}

.reklama_a1 img {
    margin: 0 auto !important;
    width: 100% !important;
    display: block;
}

/* link do ksiegarni w artykulach */
.ksiegarnia {
    margin: 20px 0;
    text-align: right;
}
.ksiegarnia a {
    padding: 7px 14px;
    background-color: #113279;
    color: #fff;
    text-decoration: none;
}

.prenumerata {
    margin: 20px 0;
    text-align: right;
}
.prenumerata a {
    padding: 7px 14px;
    background-color: hsl(221, 44%, 81%);
    color: #113279;
    text-decoration: none;
    font-weight: bold;
}

.dostep2 {margin: 10px 0;}
.kodKup {box-sizing: border-box; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; width: 95%; margin: 0 auto;}
.kodKup .opcja {border: 3px solid #fff !important; width: 30%; box-shadow: 0px 0px 20px #bbb; background-color: #fff; padding: 0;}
.kodKup .najPop {border-color: #113279 !important;}
.opcja h2 {padding: 10px; margin-bottom: 0 !important;}
.najPop h2 {padding: 10px; background: #113279; color: #fff !important; margin-bottom: 10px !important;}
.opcja .cena {text-align: center; font-size: 24px; color: red; margin: 0;}
.opcja .cena b {font-size: 34px;}
.opcja .uwaga {margin: 10px; font-size: 12px; text-align: center;}
.opcja ul {margin: 10px 10px 10px 40px;}
.opcja .zaplac {text-align: center; width: 100px; display: block; margin: 20px auto; padding: 15px 20px; background-color: gold; color: #000; text-decoration: none;}
.najPop .zaplac {font-weight: bold;}
@media(max-width: 1000px) {
    .kodKup .opcja {width: 100%; margin-bottom: 15px;}
}
.kodPodaj {box-sizing: border-box; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; width: 95%; margin: 0 auto; border: 3px solid #113279; margin-bottom: 15px;}
.kodPodaj div {text-align: center; width: 30%; margin: 0; padding: 15px; background-color: hsl(221, 44%, 81%); color: #113279; font-weight: bold; font-size: 30px;}
.kodPodaj form {margin: 0; padding: 5px 0 0 0;}
.kodPodaj form input[type=text] {border: 1px solid #999; padding: 10px; font-size: 20px;}
.kodPodaj form input[type=submit] {border: 1px solid #113279; background: #113279; color: #fff; padding: 10px; font-size: 20px;}
.kodPodaj ul {box-sizing: border-box; width: 60%; margin: 10px 10px 10px 40px; padding: 15px;} 
@media(max-width: 1000px) {
    .kodPodaj div, .kodPodaj ul {width: 100%;}
}