@font-face {
    font-family:Lato-Heavy;
    src:url("./lato-heavy-webfont.woff");
    font-weight:bold;
}

@font-face {
    font-family:Lato-Light;
    src:url("./lato-light-webfont.woff");
    font-weight:normal;
}

@font-face {
    font-family:Lato-Regular;
    src:url("./lato-regular-webfont.woff");
    font-weight:normal;
}

html {
    width:100%;
}

body {
    margin:0;
    padding:0;
    width:100%;
    background:#d6f3ff;
    font-family: Arial, sans-serif;
    color:#034ea1;
}

dir {
    margin:0;
}

a.galeria img {
    margin:4px;
    height:140px;
    width:auto;
}

.clear {
    clear:both;
}

span.bold {
    font-weight:bold;
}

span.italic {
    font-style:italic;
}

.czerwony {
    color:#c91833;
}

a[href$=".pdf"], a.pdf {
    padding-left:20px;
    background:url("../grafika/pdf.png") no-repeat left top;
}

.zdjecie_w_tekscie a[href$=".pdf"] {
    padding-left:0;
    background:none;
}

.zdjecie_w_tekscie a.pdf {
    padding-left: 20px;
    background: url("../grafika/pdf.png") no-repeat left top;
}

a[href$=".xls"], a[href$=".xlsx"], a.xls {
    padding-left:20px;
    background:url("../grafika/xls16.png") no-repeat left top;
}

a[href$=".doc"], a[href$=".docx"], a.word {
    padding-left:20px;
    background:url("../grafika/word16.png") no-repeat left top;
}

a[href$=".ppt"], a[href$=".pptx"], a[href$=".pps"], a[href$=".ppsx"], a[href$=".odp"], a.ppt {
    padding-left:20px;
    background:url("../grafika/ppt32.png") no-repeat left top;
    background-size:16px 16px;
}

a[href$=".zip"], a[href$=".7z"], a.zip {
    padding-left:20px;
    background:url("../grafika/zip32.png") no-repeat left top;
    background-size:16px 16px;
}

a.jpg {
    padding-left:20px;
    background:url("../grafika/jpg32.png") no-repeat left top;
    background-size:16px 16px;
}

a.link_wewnetrzny {
    padding-left:14px;
    background:url("../grafika/grot_prawy.png") no-repeat left 4px;
}

a.guzik, #tresc a.guzik {
    display: inline-block;
    padding:10px 20px 8px 20px;
    margin-top:10px;
    border:none;
    border-radius:0;
    background:#ffca05;
    color:#034ea1;
    font-family:'Lato-Light', Arial, sans-serif;
    font-size:20px;
    line-height: 26px;
    font-weight:normal;
    text-transform:uppercase;
    text-align: center;
    cursor:pointer;
    text-decoration:none;
}

a.guzik:hover, #tresc a.guzik:hover {
    background:#0053b0;
    color:#ffca05;
    text-decoration:none;
}

a#guzik_zarejestruj, a#guzik_zaloguj {
    display:block;
    position:absolute;
    padding:10px 10px 8px 10px;
    margin:10px 0px 10px 0px;
    width:190px;
    border:none;
    border-radius:0;
    color:#034ea1;
    text-align:right;
    font-size:20px;
    font-family:'Lato-Light', Arial, sans-serif;
    font-weight:normal;
    text-transform:uppercase;
    cursor:pointer;
    text-decoration:none;
}

a#guzik_zarejestruj:hover, a#guzik_zaloguj:hover {
    background-color:#ffca05;
    text-decoration:none;
}

a#guzik_zarejestruj {
    right:30px;
    top:20px;
    background:#ffd537 url("../grafika/ikona-zarejestruj.png") no-repeat 8px center;
    background-size:26px 19px;
}

a#guzik_zaloguj {
    right:30px;
    top:70px;
    background:#ffd537 url("../grafika/ikona-zaloguj.png") no-repeat 10px center;
    background-size:18px 19px;
}

a.guzik_prawy {
    display:block;
    position:absolute;
    padding:10px 10px 8px 10px;
    margin:10px 0px 10px 0px;
    right:30px;
    top:20px;
}

div.ikonka_galeria_zdjec_po_prawej {
    display:inline-block;
    float:right;
    clear:right;
    text-align:right;
    font-weight:normal;
    color:#0066cc;
    padding-left:27px;
    background:url("../grafika/aparat44.png") no-repeat left center;
    background-size:22px 16px;
}

#gora_tlo {
    display:block;
    position:relative;
    margin:0;
    padding:0;
    background:#ffffff;
    border-bottom:6px solid #ffca05;
}

#gora {
    position:relative;
    padding:0;
    margin:0 auto;
    width:990px;
}

ul#menu_gorne {
    /*position:relative;*/
    margin:0;
    padding:6px 0 2px 0;
    width:100%;
    text-align:right;
    list-style-type:none;
    line-height:15px;
    font-size:15px;
    font-family:'Lato-Heavy', Arial, sans-serif;
    font-weight:bold;
    color:#ffca05;
    /*-webkit-text-stroke: 0.1px;*/
}

ul#menu_gorne li {
    display:inline;
    margin:0;
    width:auto;
    text-align:right;
    color:#ffca05;
    text-transform:uppercase;
    padding-right:0.3em;
    border-right:2px solid #ffca05;
}

ul#menu_gorne li:last-of-type {
    padding-right:0;
    border-right:none;
}

ul#menu_gorne li a {
    display:inline-block;
    margin:0 5px;
    text-decoration:none;
    padding:0;
    color:#034ea1;
    text-align:right;
}

ul#menu_gorne li a:hover {
    text-decoration:none;
    color:#0066cc;
}

ul#menu_gorne li br#menu_gorne_br {
    display:none;
}

#ramka_szukaj {
    /*position:relative;*/
    margin:0;
    /*padding:6px 0 6px 0;/*
    /*wwidth:100%;*/
    text-align:right;
    color:#034ea1;
    font-family:'Lato-Heavy', Arial, sans-serif;
    font-weight:bold;
    font-size:15px;
    text-transform: uppercase;
}

#ramka_szukaj input[type="text"] {
    padding:7px;
    width:220px;
    margin-top:16px;
    margin-left:10px;
    border:1px solid #034ea1;
    color:#034ea1;
    font-family:'Lato-Regular', Arial, sans-serif;
    font-weight:normal;
    font-size:18px;
}

#logo {
    /*float:left;*/
    /*margin:7px 10px 10px 0px;*/
    margin:0px 0px 2px 0px;
    max-width:400px;
    text-align:left;
    white-space:nowrap;
}

#logo h1 {
    display:inline;
    margin:0;
    padding:0;
    line-height:20px;
}

#logo a img#logo_umk {
    display:inline-block;
    width:278px;
    height:auto;
    max-width:none;
    margin:0;
    margin-right:2px;
    margin-bottom:-6px;
}

#logo a img#logo_hr {
    display:inline-block;
    width:116px;
    height:auto;
    max-width:none;
    margin:0;
    margin-bottom:-6px;
}

#logo a img#logo_cm_umk {
    display:inline-block;
    width:auto;
    height:133px;
    max-width:none;
    margin:0;
    margin-right:2px;
    margin-bottom:-6px;
}

#przelacznik_menu {
    display:none;
    position:absolute;
    padding:0;
    right:5px;
    bottom:5px;
    width:40px;
    height:40px;
    background:url("../grafika/menu40.png") no-repeat center center;
    cursor:pointer;
}

#gora_menu {
    clear:both;
    position:relative;
    padding:0;
    margin:0 auto;
    width:990px;
}

ul#menu {
    display:block;
    position:relative;
    margin:0 auto;
    padding:0;
    width:100%;
    list-style-type:none;
    line-height:24px;
    font-size:24px;
    font-family:'Lato-Heavy', Arial, sans-serif;
    font-weight:bold;
    color:#034ea1;
    /*-webkit-text-stroke: 0.1px;*/
    white-space:nowrap;
}

ul#menu li {
    display:inline-block;
    margin:0 27px;
    width:auto;
    text-align:center;
    text-transform: uppercase;
}

ul#menu li:first-of-type {
    margin-left:0;
}

ul#menu li:last-of-type {
    margin-right:0;
}

ul#menu li a {
    display:block;
    text-decoration:none;
    padding-top:8px;
    padding-bottom:8px;
    color:#034ea1;
    border-top:1px solid #034ea1;
    width:100%;
    text-align:center;
}

ul#menu li a:hover {
    text-decoration:none;
    color:#0066cc;
    border-top:1px solid #0066cc;
}

ul#menu_mobilne {
    display:none;
    position:relative;
    margin:0 auto;
    padding:0;
    width:100%;
    list-style-type:none;
    line-height:24px;
    font-size:24px;
    font-family:'Lato-Heavy', Arial, sans-serif;
    font-weight:bold;
    color:#034ea1;
    /*-webkit-text-stroke: 0.1px;*/
    white-space:nowrap;
}

ul#menu_mobilne li {
    display:inline-block;
    margin:0 27px;
    width:auto;
    text-align:center;
    text-transform: uppercase;
}

ul#menu_mobilne li:first-of-type {
    margin-left:0;
}

ul#menu_mobilne li:last-of-type {
    margin-right:0;
}

ul#menu_mobilne li a {
    display:block;
    text-decoration:none;
    padding-top:8px;
    padding-bottom:6px;
    color:#034ea1;
    border-top:1px solid #034ea1;
    width:100%;
    text-align:center;
}

ul#menu_mobilne li a:hover {
    text-decoration:none;
    color:#0066cc;
    border-top:1px solid #0066cc;
}

ul#menu_mobilne li.menu_mobilne_lewe {
    line-height:20px;
    font-size:20px;
    color:#ffffff;
    background-color:#034ea1;
}

ul#menu_mobilne li.menu_mobilne_lewe a {
    text-decoration:none;
    color:#ffffff;
    border-top:1px solid #ffffff;
}

ul#menu_mobilne li.menu_mobilne_lewe a:hover {
    text-decoration:none;
    color:#ffca05;
    border-top:1px solid #ffca05;
}

ul#menu_mobilne li.menu_mobilne_prawe {
    line-height:18px;
    font-size:18px;
    color:#ffffff;
    background-color:#034ea1;
}

ul#menu_mobilne li.menu_mobilne_prawe a {
    text-decoration:none;
    color:#ffffff;
    border-top:1px solid #ffffff;
}

ul#menu_mobilne li.menu_mobilne_prawe a:hover {
    text-decoration:none;
    color:#99b7d9;
    border-top:1px solid #99b7d9;
}

ul#menu_mobilne li.menu_mobilne_srodkowe {
    line-height:18px;
    font-size:18px;
    color:#034ea1;
    background-color:#ffffff;
}

ul#menu_mobilne li.menu_mobilne_srodkowe a {
    text-decoration:none;
    color:#034ea1;
    border-top:1px solid #034ea1;
}

ul#menu_mobilne li.menu_mobilne_srodkowe a:hover {
    text-decoration:none;
    color:#0066cc;
    border-top:1px solid #0066cc;
}

div.pasek-koronawirus {
    display: block;
    height: auto;
    background: #e22a26;
    color: #ffffff;
    font-family: Lato-Heavy;
    font-weight:bold;
    font-size: 16px;
    line-height: 18px;
    padding: 0;
    margin: 0;
}

div.pasek-koronawirus a {
    display: block;
    box-sizing: border-box;
    padding: 17px 0 0 43px;
    margin: 0 auto;
    width: 1200px;
    height: 50px;
    color: #ffffff;
    background: url("../grafika/koronawirus.png") no-repeat left 6px center;
    background-size: 27px 27px;
    text-decoration: none;
    text-transform:uppercase;
}

div.pasek-koronawirus a:hover {
    text-decoration: none;
    color: #ffe688;
}

#srodek {
    display:block;
    position:relative;
    padding:0;
    margin:0 auto;
    height:420px;
    background:#034289 url("../grafika/foto_background_knapp_katedra.jpg") no-repeat center top;
}

#srodek #podzial {
    display:block;
    position:relative;
    padding:0;
    margin:0 auto;
    width:990px;
    white-space:nowrap;
}

#srodek ul#menu_lewe {
    display:inline-block;
    position:relative;
    margin:0;
    padding:0;
    width:200px;
    text-align:left;
    vertical-align:top;
    list-style-type:none;
    line-height:23px;
    font-size:20px;
    font-family:'Lato-Heavy', Arial, sans-serif;
    font-weight:bold;
    color:#ffffff;
    /*-webkit-text-stroke: 0.1px;*/
    white-space:normal;
}

#srodek ul#menu_lewe li {
    padding:0;
    margin:20px 15px 20px 0;
    text-align:left;
    text-transform: uppercase;
}

#srodek ul#menu_lewe li:first-of-type {
    margin-top:30px;
}

#srodek ul#menu_lewe li a {
    text-decoration:none;
    padding-top:6px;
    color:#ffffff;
    /*bborder-top:1px solid #ffffff;*/
    text-align:left;
}

#srodek ul#menu_lewe li a span {
    padding-top:6px;
    border-top:1px solid #ffffff;
}

#srodek ul#menu_lewe li a:hover {
    text-decoration:none;
    color:#ffca05;
}

#srodek ul#menu_lewe li a:hover span {
    padding-top:6px;
    border-top:1px solid #ffca05;
}

#srodek #wiadomosci {
    display:inline-block;
    position:relative;
    padding:0;
    margin:0;
    width:800px;
    height:420px;
    text-align:left;
    vertical-align:top;
    /*background:url("../grafika/wiadomosci.jpg") no-repeat center top;
    background-size: 800px 420px;*/
    white-space:normal;
    overflow:hidden;
}

#srodek #wiadomosci .info {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:no-repeat left top;
    background-size:100% 100%;
}

#srodek #wiadomosci .visible {
    visibility:visible;
}

#srodek #wiadomosci .hidden {
    visibility:hidden;
}

#srodek #wiadomosci .pointer {
    cursor:pointer;
}

#srodek #wiadomosci .ramka {
    position:absolute;
    width:80%;
    left:0px;
    bottom:20px;
    padding:20px 24px 12px 35px;
    background:url("../grafika/ciemne_tlo.png") repeat left top;
}

#srodek #wiadomosci .ramka .tytul {
    position:relative;
    margin-bottom:18px;
    line-height:36px;
    font-size:36px;
    font-family:'Lato-Light', Arial, sans-serif;
    font-weight:normal;
    color:#ffffff;
    text-align:left;
    text-transform: uppercase;
}

#srodek #wiadomosci .ramka .tytul h2 {
    margin:0;
    line-height:36px;
    font-size:36px;
    font-weight:normal;
}

#srodek #wiadomosci .ramka .odstep {
    display:inline-block;
    position:relative;
    height:12px;
}

#srodek #wiadomosci .pozycja {
    display:block;
    position:absolute;
    /*width:75%;*/
    height:16px;
    left:35px;
    right:220px;
    bottom:35px;
}

#srodek #wiadomosci .pozycja .brak_kropy {
    display:inline-block;
    position:relative;
    vertical-align:top;
    width:16px;
    height:16px;
}

#srodek #wiadomosci .pozycja .kropa_pelna {
    display:inline-block;
    position:relative;
    vertical-align:top;
    width:16px;
    height:16px;
    background:url("../grafika/kropa_pelna.png") no-repeat left top;
    background-size:16px 16px;
}

#srodek #wiadomosci #poprzednia {
    display:block;
    position:absolute;
    width:40px;
    height:80px;
    left:0px;
    top:150px;
    cursor:pointer;
    background:url("../grafika/wiadomosci_poprzednia.png") no-repeat left top;
}

#srodek #wiadomosci #nastepna {
    display:block;
    position:absolute;
    width:40px;
    height:80px;
    right:0px;
    top:150px;
    cursor:pointer;
    background:url("../grafika/wiadomosci_nastepna.png") no-repeat left top;
}

#srodek #wiadomosci #kropy {
    display:block;
    position:absolute;
    /*width:75%;*/
    height:16px;
    left:35px;
    bottom:35px;
    cursor:default;
}

#srodek #wiadomosci #kropy .kropa {
    display:inline-block;
    position:relative;
    vertical-align:top;
    width:16px;
    height:16px;
    cursor:pointer;
    background:url("../grafika/kropa_pusta.png") no-repeat left top;
    background-size:16px 16px;
}

#srodek #wiadomosci a#wiecej {
    display:inline-block;
    position:absolute;
    vertical-align:top;
    right:140px;
    bottom:34px;
    line-height:17px;
    font-size:16px;
    font-family:'Lato-Heavy', Arial, sans-serif;
    font-weight:bold;
    color:#ffffff;
    text-align:left;
    text-transform: uppercase;
    text-decoration:none;
    padding-top:3px;
    padding-left:22px;
    background:url("../grafika/plusik34.png") no-repeat left center;
    background-size:17px 17px;
}

#srodek #wiadomosci a#wiecej:hover {
    color:#ffca05;
    text-decoration:none;
}

#srodek ul#menu_prawe {
    position:relative;
    display:inline-block;
    margin:0;
    margin-top:6px;
    padding:0;
    width:148px;
    text-align:left;
    vertical-align:top;
    list-style-type:none;
    line-height:18px;
    font-size:16px;
    font-family:'Lato-Heavy', Arial, sans-serif;
    font-weight:bold;
    color:#ffffff;
    /*-webkit-text-stroke: 0.1px;*/
    white-space:normal;
}

#srodek ul#menu_prawe li {
    padding:0;
    margin:20px 0px 20px 15px;
    text-align:left;
    text-transform: uppercase;
}

#srodek ul#menu_prawe li:first-of-type {
    margin-top:30px;
}


#srodek ul#menu_prawe li a {
    text-decoration:none;
    padding-top:6px;
    color:#ffffff;
    /*bborder-top:1px solid #ffffff;*/
    text-align:left;
}

#srodek ul#menu_prawe li a span {
    padding-top:6px;
    border-top:1px solid #ffffff;
}

#srodek ul#menu_prawe li a:hover {
    text-decoration:none;
    color:#ffca05;
}

#srodek ul#menu_prawe li a:hover span {
    padding-top:6px;
    border-top:1px solid #ffca05;
}

#srodek2 {
    display:block;
    position:relative;
    padding:0;
    margin:0 auto;
    height:200px;
    background:#034289 url("../grafika/foto_background_knapp_katedra_235.jpg") no-repeat center top;
    overflow:hidden;
}

#srodek2 #podzial {
    display:block;
    position:relative;
    padding:0;
    margin:0 auto;
    width:990px;
    white-space:nowrap;
}

#srodek2 ul#menu_lewe {
    display:inline-block;
    position:relative;
    margin:0;
    padding:0;
    width:226px;
    text-align:left;
    vertical-align:top;
    list-style-type:none;
    line-height:16px;
    font-size:14px;
    font-family:'Lato-Heavy', Arial, sans-serif;
    font-weight:bold;
    color:#ffffff;
    /*-webkit-text-stroke: 0.1px;*/
    white-space:normal;
}

#srodek2 ul#menu_lewe li {
    padding:0;
    margin:16px 5px 16px 0;
    text-align:left;
    text-transform: uppercase;
}

#srodek2 ul#menu_lewe li:first-of-type {
    /*margin-top:18px;*/
    margin-top:14px;
}

#srodek2 ul#menu_lewe li a {
    text-decoration:none;
    padding-top:3px;
    color:#ffffff;
    /*bborder-top:1px solid #ffffff;*/
    text-align:left;
}

#srodek2 ul#menu_lewe li a span {
    padding-top:3px;
    border-top:1px solid #ffffff;
}

#srodek2 ul#menu_lewe li a:hover {
    text-decoration:none;
    color:#ffca05;
}

#srodek2 ul#menu_lewe li a:hover span {
    padding-top:3px;
    border-top:1px solid #ffca05;
}

#srodek2 #zdjecie_naglowkowe {
    display:inline-block;
    position:relative;
    padding:0;
    margin:0;
    width:765px;
    height:200px;
    text-align:left;
    vertical-align:top;
    white-space:normal;
}

#srodek2 #zdjecie_naglowkowe img {
    margin:0;
    padding:0;
    width:765px;
    height:200px;
}

#srodek2 #zdjecie_naglowkowe #napisy_na_zdjeciu {
    position:absolute;
    left:0px;
    bottom:10px;
    padding:10px 20px 10px 20px;
    background:url("../grafika/ciemne_tlo.png") repeat left top;
}

#srodek2 #zdjecie_naglowkowe #napisy_na_zdjeciu #okruszki_na_zdjeciu {
    margin:0 0 20px 0;
    padding:0;
    text-align:left;
    vertical-align:top;
    white-space:normal;
    font-family:'Lato-Heavy', Arial, sans-serif;
    font-weight:bold;
    line-height:16px;
    font-size:14px;
    color:#ffffff;
}

#srodek2 #zdjecie_naglowkowe #napisy_na_zdjeciu #okruszki_na_zdjeciu a {
    color:#ffffff;
    text-decoration:none;
    border-bottom:none;
}

#srodek2 #zdjecie_naglowkowe #napisy_na_zdjeciu #okruszki_na_zdjeciu a:hover {
    color:#ffca05;
    text-decoration:none;
    border-bottom:none;
}

#srodek2 #zdjecie_naglowkowe #napisy_na_zdjeciu h1#tytul_na_zdjeciu {
    margin:0;
    padding:0;
    text-align:left;
    vertical-align:top;
    white-space:normal;
    font-family:'Lato-Heavy', Arial, sans-serif;
    font-weight:bold;
    line-height:24px;
    font-size:22px;
    color:#ffffff;
    text-transform: uppercase;
}

#tresc_tlo {
    display:block;
    position:relative;
    margin:0;
    padding:0;
    padding-bottom:50px;
    background:#ffffff;
}

#tresc {
    display:block;
    position:relative;
    margin:0 auto;
    padding:20px 0 20px 0;
    width:990px;
    text-align:left;
    vertical-align:top;
    white-space:normal;
    font-family:'Lato-Regular', Arial, sans-serif;
    font-weight:normal;
    line-height:20px;
    font-size:16px;
    color:#034ea1;
}

#tresc a {
    text-decoration:none;
    /*color:#0084ea;*/
    /*border-bottom:none;*/
}

#tresc a:hover {
    text-decoration:none;
    /*color:#0084ea;*/
    /*border-bottom:1px solid #0084ea;*/
}

#tresc #login_info {
    display:block;
    position:relative;
    margin:-18px 0px 6px 10px;
    padding:0;
    text-align:right;
    vertical-align:top;
    white-space:normal;
}

#tresc #login_info span {
    margin:0;
    padding:2px 2px 2px 4px;
    font-family:'Lato-Regular', Arial, sans-serif;
    font-weight:normal;
    line-height:14px;
    font-size:14px;
    color:#034ea1;
    /*background:#fff4d0;*/
    /*background:#f4f4f4;*/
    border-bottom:2px solid #ffca05;
}

#tresc #login_alert {
    display:block;
    position:relative;
    margin:0px 0px 6px 10px;
    padding:0;
    text-align:right;
    vertical-align:top;
    white-space:normal;
    font-family:'Lato-Heavy', Arial, sans-serif;
    font-weight:bold;
    line-height:14px;
    font-size:14px;
    color:#ff0000;
}

#tresc #login_alert a {
    color:#ff0000;
}

#tresc #okruszki {
    display:none;
    margin:0px 0 1.3em 0;
    padding:0;
    text-align:left;
    vertical-align:top;
    white-space:normal;
    font-family:'Lato-Heavy', Arial, sans-serif;
    font-weight:bold;
    line-height:16px;
    font-size:14px;
    color:#034ea1;
}

#tresc #okruszki a {
    color:#034ea1;
    text-decoration:none;
    border-bottom:none;
}

#tresc #okruszki a:hover {
    color:#0066cc;
    text-decoration:none;
    border-bottom:none;
}

#tresc img[border="1"] {
    border:1px solid #034ea1;
}

#tresc img[align="right"] {
    margin:5px 0 15px 35px;
}

#tresc img[align="left"] {
    margin:5px 35px 15px 0;
}

#tresc img.zdjecie_z_lewej {
    float:left;
    margin:0 35px 15px 0;
    padding:0;
    border:1px solid #034ea1;
    /*width:none;*/
    width:auto;
}

#tresc div.zdjecie_w_tekscie {
    margin:4px 35px 15px 35px;
    padding:0;
    width:302px;
}

#tresc div.zdjecie_w_tekscie[align="left"] {
    float:left;
    margin:4px 35px 15px 0px;
    padding:0;
}

#tresc div.zdjecie_w_tekscie[align="right"] {
    float:right;
    margin:4px 0px 15px 35px;
    padding:0;
}

#tresc div.zdjecie_w_tekscie img {
    margin:0;
    padding:0;
    border:1px solid #034ea1;
    width:300px;
    height:auto;
}

#tresc div.zdjecie_w_tekscie p {
    display:block;
    margin:0;
    padding:6px 10px;
    background:#ededed;
    color:#316db0;
    text-align:left;
    font-size:14px;
    line-height:15px;
    text-align:left;
}

#tresc div.zdjecie_w_tekscie span {
    display:block;
    margin:0;
    padding:6px 10px;
    background:#ededed;
    color:#316db0;
    text-align:right;
    font-size:11px;
    line-height:13px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

#tresc div.zdjecie_w_tekscie p+span {
    padding-top:0px;
    margin-top:-5px;
}

#tresc div.zdjecie_w_tekscie p a.pdf, #tresc div.zdjecie_w_tekscie p a.xls, #tresc div.zdjecie_w_tekscie p a.word, #tresc div.zdjecie_w_tekscie p a.link_wewnetrzny {
    padding-top:2px;
    padding-bottom:2px;
}

#tresc div.pionowe {
    width:214px !important;
}

#tresc div.pionowe img {
    width:212px !important;
}

#tresc div.ciurkiem[align="left"] {
    float:left;
    margin:4px 25px 15px 0px !important;
    padding:0;
}

#tresc h2#tytul {
    display:none;
    margin:0 0 0.8em 0;
    padding:0;
    text-align:left;
    vertical-align:top;
    white-space:normal;
    font-family:'Lato-Heavy', Arial, sans-serif;
    font-weight:bold;
    line-height:26px;
    font-size:24px;
    color:#034ea1;
    text-transform: uppercase;
}

#tresc h2#tytul span.span {
    display:none;
}

#tresc p {
    margin:8px 0;
    text-align:justify;
}

#tresc p:first-of-type {
    margin-top:0px;
}

#tresc p, #tresc li {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

#tresc > ul, div.aktualnosci_tresc ul, #tresc.kandydaci ul {
    display: block;
    margin-left: 0;
    padding-left: 0;
    margin-top:0;
}

#tresc > ul > li, div.aktualnosci_tresc ul > li, #tresc.kandydaci ul > li {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    display: table;
    margin-left: 0;
    padding-left: 28px;
    background: url("../grafika/kropka-li.png") no-repeat 12px 7px;
    background-size: 6px 6px;
}

#tresc > ul.ciasno, div.aktualnosci_tresc ul.ciasno, #tresc.kandydaci ul.ciasno {
    margin-top: 0;
    margin-bottom: 0;
}

#tresc > ul.ciasno > li, div.aktualnosci_tresc ul.ciasno > li, #tresc.kandydaci ul.ciasno > li {
    margin-top: 0;
    margin-bottom: 0;
}

#tresc ul.lista {
    list-style:none;
    padding:0;
}

#tresc ul.lista:nth-child(3) {
    margin-top:0;
}

#tresc ul.lista > li {
    display: block;
    background:url("../grafika/grot_prawy.png") no-repeat left 4px;
    margin:5px 0 0 auto;
    padding-left:14px;
    line-height:18px;
    font-size:18px;
}

#tresc ol {
    margin-top: 0;
}

#tresc ol li {
    margin-top:0.3em;
    margin-bottom:0.3em;
    text-align:justify;
}

#tresc hr {
    background:#ffca05;
    border:0;
    height:1px;
}

#tresc blockquote, #tresc .apla {
    display:inline-block;
    padding:16px;
    margin:auto;
    background:#d6f3ff;
    font-style: italic;
}

#tresc blockquote p, #tresc .apla p {
    margin:0;
}

#tresc blockquote *:first-child, #tresc .apla *:first-child {
    margin-top:0;
}

#tresc h1:nth-child(3), #tresc h2:nth-child(3), #tresc h3:nth-child(3), #tresc h4:nth-child(3), #tresc h5:nth-child(3) {
    margin-top:0;
}

/*
#tresc table:not([border="0"]) {
	border-collapse:collapse;
	border:1px solid #b3cae2;
}

#tresc table:not([border="0"]) td, #tresc table:not([border="0"]) th {
	padding:2px 5px;
	border:1px solid #b3cae2;
}
*/

/*#tresc table:not([border]) {*/
/*    !*background:#ffd537;*!*/
/*}*/

/*#tresc table:not([border="0"]) {*/
/*    border-collapse:separate;*/
/*    border-spacing:3px 0px;*/
/*    border:none;*/
/*    margin: 0 -3px;*/
/*    font-size: 16px;*/
/*    line-height: 20px;*/
/*}*/

/*#tresc table:not([border="0"]) td {*/
/*    padding:2px 5px;*/
/*    border:none;*/
/*    background:#fafafa;*/
/*}*/

/*#tresc table:not([border="0"]) th {*/
/*    padding: 8px 5px 6px 5px;*/
/*    background:#e5ebef;*/
/*    border:none;*/
/*    border-bottom:3px solid #ffffff;*/
/*    font-weight:bold;*/
/*}*/

/*#tresc table:not([border="0"]) th span {*/
/*    font-weight:normal;*/
/*}*/

/*#tresc table:not([border="0"]) tr:nth-of-type(2n+1) td!*, #tresc table:not([border="0"]) tr:nth-of-type(2n+1) th*! {*/
/*    border:none;*/
/*    background:#f0f0f0;*/
/*}*/

/*#tresc table:not([border="0"]) tr td p {*/
/*    margin:2px 0;*/
/*}*/

/*#tresc table:not([border="0"]) tr th p {*/
/*    margin:2px 0;*/
/*}*/

/*#tresc table.kursor tr td {*/
/*    cursor:pointer;*/
/*}*/

/*#tresc table.podswietlana tr:hover td {*/
/*    background:#fcf2ce;*/
/*}*/

/*#tresc table tr.podswietlony td {*/
/*    background: #ffe57e !important;*/
/*    border-bottom: 1px solid #ffffff !important;*/
/*    border-top: 1px solid #ffffff !important;*/
/*}*/

#tresc a.negatyw {
    color:#ffffff !important;
    background:#034ea1 !important;
    border-bottom:6px solid #ffd537 !important;
}

#tresc a.negatyw:hover {
    background:#024499 !important;
    border-bottom:6px solid #ffca05 !important;
}

#tresc a.negatyw div span {
    color:#ffffff !important;
}

#tresc a.negatyw:hover div span {
    color:#ffd537 !important;
}

#tresc a.negatyw div p {
    color:#ffffff !important;
    border-top:1px solid #ffffff !important;
}

#tresc a.negatyw:hover div p {
    color:#ffd537 !important;
    border-top:1px solid #ffd537 !important;
}

#tresc a.klocek {
    display:inline-block;
    position:relative;
    margin:15px 30px 15px 0px;
    padding:0;
    width:210px;
    height:210px;
    text-align:left;
    vertical-align:top;
    white-space:normal;
    font-family:'Lato-Regular', Arial, sans-serif;
    font-weight:normal;
    text-decoration:none;
    font-size:12px;
    color:#0053b0;
    background:#ffd537;
    border-bottom:6px solid #0053b0;
    overflow:hidden;
}

#tresc a.klocek:hover {
    background:#ffca05;
    border-bottom:6px solid #034ea1;
}

#tresc a.klocek div {
    display:inline-block;
    position:relative;
    margin:0;
    padding:0;
    width:100%;
    /*width:205px;
    height:205px;
    text-align:left;
    vertical-align:top;
    overflow:hidden;*/
}

#tresc a.klocek div span {
    display:inline-block;
    margin:17px 8px 8px 18px;
    padding:0;
    text-align:left;
    vertical-align:top;
    white-space:normal;
    font-family:'Lato-Light', Arial, sans-serif;
    font-weight:normal;
    text-transform: uppercase;
    text-decoration:none;
    font-size:20px;
    line-height:22px;
    /*color:#034ea1;*/
    color:#0053b0;
    /*overflow:hidden;*/
}

#tresc a.klocek div p {
    display:block;
    margin:0px 18px 138px 18px;
    padding:10px 0 0 0;
    text-align:left;
    vertical-align:top;
    white-space:normal;
    font-family:'Lato-Heavy', Arial, sans-serif;
    font-weight:bold;
    text-transform: uppercase;
    text-decoration:none;
    font-size:16px;
    line-height:18px;
    color:#0053b0;
    border-top:1px solid #0053b0;
    /*overflow:hidden;*/
}

#tresc .pudelko {
    /*bborder:1px solid red;*/
    display:inline-block;
    vertical-align:top;
    margin:20px 20px 0 0;
}

#tresc .pudelko > span {
    font-weight:bold;
    display:block;
    margin:0 0 10px 0;
}

#tresc table.bpm_tabelka {margin-bottom:10px;}
#tresc table tr td.bpm_naglowek {font-weight:bold; background-color:#ffd537; padding:2px 6px;}
#tresc table tr td.bpm_data {font-weight:bold; background-color:#ffd537; text-align:right; padding:2px 6px; white-space:nowrap;}
#tresc table tr td.bpm_tresc {text-align:justify; padding:2px 1px 0px 1px;}
#tresc table tr td.bpm_tresc p:last-of-type {margin-bottom:2px;}
#tresc table tr td.bpm_autor {padding:0px 0 0 0; font-size:12px; text-align:right;}


#tresc #szpalta_glowna {
    display:block;
    width:auto;
}

#tresc #szpalta_prawa {
    display:block;
    width:auto;
    margin-left:0;
    margin-top:20px;
}

#tresc #szpalta_prawa>div.film {
    display:inline-block;
    max-width:560px;
    width:100%;
    max-height:315px;
    height:51vw;
    margin:0 30px 30px 0;
}

#tresc #szpalta_prawa>div.film>iframe {
    max-width:560px;
    width:100%;
    max-height:315px;
    height:51vw;
}

#tresc #szpalta_prawa>img {
    max-width:560px;
    width:100%;
    height:auto;
    border:1px solid #034ea1;
    margin:0 30px 30px 0;
}

#tresc input[type="submit"], #tresc input[type="button"] {
    padding:10px 20px 8px 20px;
    margin-top:10px;
    border:none;
    border-radius:0;
    background:#ffca05;
    color:#034ea1;
    font-size:20px;
    font-family:'Lato-Light', Arial, sans-serif;
    font-weight:normal;
    text-transform:uppercase;
    cursor:pointer;
}

/* Wyjątek dla devtools */
#tresc #content aside {
    float: none !important;
    margin: unset !important;
    max-width: unset !important;
    display: flex !important;
    padding: unset !important;
    background: unset;

}

#tresc input[type="submit"]:hover,#tresc input[type="button"]:hover {
    background:#d6f3ff;
    background:#0053b0;
    color:#ffca05;
}

#tresc aside {
    display: block;
    float:right;
    vertical-align: top;
    margin: 0 0 20px 30px;
    padding:1px 20px;
    background: #d6f3ff;
    max-width:45%;
}

ul#menu_srodkowe {
    position:relative;
    display:block;
    padding:0;
    padding-left:180px;
    margin:0 auto;
    width:760px;
    list-style-type:none;
    line-height:18px;
    font-size:16px;
    font-family:'Lato-Heavy', Arial, sans-serif;
    font-weight:bold;
    color:#034ea1;
    /*-webkit-text-stroke: 0.1px;*/
    text-transform: uppercase;
}

ul#menu_srodkowe li {
    display:inline-block;
    margin:30px 30px 0 0;
    width:130px;
    text-align:left;
    vertical-align:top;
    color:#ffca05;
}

ul#menu_srodkowe li:last-of-type {
    margin-right:0px;
    /*width:auto;*/
}

ul#menu_srodkowe li a {
    display:block;
    text-decoration:none;
    padding:0;
    color:#034ea1;
    text-align:left;
}

ul#menu_srodkowe li a:hover {
    text-decoration:none;
    color:#0066cc;
}

ul#menu_dolne {
    clear:both;
    display:none;
    position:relative;
    margin:0;
    padding:40px 0 0 0;
    width:100%;
    list-style-type:none;
    text-align:center;
    line-height:15px;
    font-size:15px;
    font-family:'Lato-Heavy', Arial, sans-serif;
    font-weight:bold;
    color:#ffca05;
    /*-webkit-text-stroke: 0.1px;*/
}

ul#menu_dolne li {
    display:inline-block;
    margin:0;
    width:auto;
    color:#ffca05;
    text-transform:uppercase;
    padding-right:0.3em;
    border-right:2px solid #ffca05;
}

ul#menu_dolne li:last-of-type {
    padding-right:0;
    border-right:none;
}

ul#menu_dolne li a {
    display:block;
    text-decoration:none;
    margin:0 5px;
    padding:0;
    color:#034ea1;
    text-align:right;
}

ul#menu_dolne li a:hover {
    text-decoration:none;
    color:#0066cc;
}

#stopka {
    position:relative;
    margin:0;
    padding:10px 0 10px 0;
    background:#d6f3ff;
    /*border-top:6px solid #ffca05;*/
    border-top:6px solid #ffd537;
}

#stopka ul {
    display:block;
    position:relative;
    margin:0 auto;
    padding:0;
    width:990px;
    list-style-type:none;
    text-align:center;
    line-height:24px;
    font-size:15px;
    font-family:'Lato-Heavy', Arial, sans-serif;
    font-weight:bold;
    color:#ffca05;
    /*-webkit-text-stroke: 0.1px;*/
}

#stopka ul li {
    display:inline;
    margin:0;
    width:auto;
    color:#ffca05;
    text-transform:uppercase;
    vertical-align:top;
    text-align:center;
    padding-right:0.3em;
    border-right:2px solid #ffca05;
}

#stopka ul li:last-of-type {
    padding-right:0;
    border-right:none;
}

#stopka ul li a {
    display:inline-block;
    margin:0 5px;
    text-decoration:none;
    padding:0;
    vertical-align:top;
    text-align:center;
    color:#034ea1;
}

#stopka ul li a:hover {
    text-decoration:none;
    color:#0066cc;
}

/*
#stopka ul li a img {
	border:0;
	margin:0;
	margin-top:1px;
	vertical-align:top;
}
*/

#stopka ul li a img {
    border:0;
    margin:0;
    margin-top:1px;
    vertical-align:top;
    height:21px;
    width:auto;
}

#stopka ul li a img.podswietl {
    background:url("../grafika/stopka-rss-p.png") no-repeat left top;
}



@media all and (min-width:0px) {

    #gora {
        margin:0;
        width:100%;
        padding-bottom:2%;
    }

    ul#menu_gorne {
        display:none;
        font-size:10px;
        font-size:2vw;
    }

    #ramka_szukaj {
        display:none;
    }

    #logo {
        width:80%;
        margin:0px 0px 2px 0px;
        padding-top:4px;
        text-align:left;
        max-width:none;
    }

    #logo a img#logo_umk, #logo a img#logo_cm_umk {
        max-width:283px;
        width:36%;
        height:auto;
        margin-right:2%;
    }

    #logo a img#logo_hr {
        max-width:116px;
        width:30%;
        height:auto;
    }

    #logo a img#logo_hr2 {
        width: 10%;
        height:auto;
        padding-bottom:1%;
        margin-right:3%;
    }

    #logo a img#logo_idub {
        width: 12%;
        height:auto;
        padding-bottom:4%;
        margin-right:4%;
    }

    #logo a img#logo_yufe {
        width: 30%;
        height:auto;
        padding-bottom:2%;
        margin-right:0;
    }

    #przelacznik_menu {
        display:block;
        width:29px;
        height:29px;
        background:url("../grafika/menu29.png") no-repeat center center;
    }

    a#guzik_zarejestruj, a#guzik_zaloguj {
        display:block;
        position:relative;
        width:auto;
        height:auto;
        top:auto;
        right:auto;
        margin:0 10px;
        padding-left:45px;
        text-align:left;
    }

    a#guzik_zaloguj {
        margin-top:10px;
    }

    a.guzik_prawy  {
        display:block;
        position:relative;
        width:auto;
        height:auto;
        top:auto;
        right:auto;
        margin:10px 10px 0 10px;
    }

    a.galeria img {
        width:100%;
        height:auto;
        margin:0 0 10px 0;
    }

    ul#menu_dolne {
        display:block;
        font-size:13px;
    }

    #gora_menu {
        margin:0;
        width:100%;
    }

    ul#menu {
        display:none;
    }

    ul#menu_mobilne {
        display:none;
        line-height:15px;
        font-size:15px;
        line-height:4.5vw;
        font-size:4.5vw;
    }

    ul#menu_mobilne li {
        display:block;
        margin:0px 0;
        width:100%;
        text-align:center;
    }

    ul#menu_mobilne li.menu_mobilne_lewe {
        line-height:14px;
        font-size:14px;
        line-height:4vw;
        font-size:4vw;
    }

    ul#menu_mobilne li.menu_mobilne_prawe {
        line-height:13px;
        font-size:13px;
        line-height:3.5vw;
        font-size:3.5vw;
    }

    ul#menu_mobilne li.menu_mobilne_srodkowe {
        line-height:14px;
        font-size:14px;
        line-height:4vw;
        font-size:4vw;
    }

    div.pasek-koronawirus a {
        display: table-cell;
        vertical-align: middle;
        padding-top: 3px;
        margin: 0;
        width: auto;
        background-position: left 10px center;
        padding-left:46px;
    }

    #srodek {
        width:100%;
        height:auto;
        background:#034289 url("../grafika/foto_background_knapp_katedra_1200.jpg") no-repeat center top;
        background-size:600px 215px;
        background-size:194vw 70vw;
    }

    #srodek #podzial {
        width:100%;
        white-space:normal;
        text-align:center;
    }

    #srodek ul#menu_lewe {
        display:none;
        position:relative;
        margin:0;
        padding:0;
        width:auto;
        text-align:center;
        line-height:14px;
        font-size:14px;
        line-height:4vw;
        font-size:4vw;
    }

    #srodek ul#menu_lewe li {
        display:block;
        margin:0px 0;
        width:auto;
        text-align:center;
    }

    #srodek ul#menu_lewe li:first-of-type {
        margin-top:3px;
    }

    #srodek ul#menu_lewe li a {
        display:block;
        padding-top:8px;
        padding-bottom:8px;
        color:#ffffff;
        border-top:1px solid #ffffff;
        width:auto;
        text-align:center;
    }

    #srodek ul#menu_lewe li:first-of-type a {
        border-top:none;
    }

    #srodek ul#menu_lewe li a:hover {
        text-decoration:none;
        color:#ffca05;
        border-top:1px solid #ffca05;
    }

    #srodek ul#menu_lewe li:first-of-type a:hover {
        border-top:none;
    }

    #srodek ul#menu_lewe li a span {
        padding-top:0;
        border-top:none;
    }

    #srodek ul#menu_lewe li a:hover span {
        padding-top:0;
        border-top:none;
    }

    #srodek #podzial #wiadomosci {
        margin:0 auto;
        width:310px;
        width:96vw; /* koliduje z przewijakiem :( */
        -width:100%;
        height:163px;
        height:53vw;
        /*background:url("../grafika/wiadomosci.jpg") no-repeat center top;
        background-size: 310px 163px;
        background-size: 100vw 53vw;*/
    }

    #srodek #wiadomosci .ramka {
        width:80%;
        left:0;
        bottom:10px;
        bottom:3vw;
        padding:10px 12px 0px 18px;
        padding:3.5vw 4vw 0vw 6vw;
    }

    #srodek #wiadomosci .ramka .tytul {
        margin-bottom:6px;
        margin-bottom:2vw;
        line-height:18px;
        line-height:6.2vw;
        font-size:18px;
        font-size:6.2vw;
    }

    #srodek #wiadomosci .ramka .tytul h2 {
        line-height:18px;
        line-height:6.2vw;
        font-size:18px;
        font-size:6.2vw;
    }

    #srodek #wiadomosci .ramka .odstep {
        height:15px;
        height:5vw;
    }

    #srodek #wiadomosci .pozycja {
        width:50%;
        height:8px;
        height:3vw;
        left:18px;
        left:6vw;
        bottom:20px;
        bottom:6.4vw;
    }

    #srodek #wiadomosci .pozycja .brak_kropy {
        width:8px;
        width:3vw;
        height:8px;
        height:3vw;
    }

    #srodek #wiadomosci .pozycja .kropa_pelna {
        width:8px;
        width:3vw;
        height:8px;
        height:3vw;
        background-size:8px 8px;
        background-size:3vw 3vw;
    }

    #srodek #wiadomosci #kropy {
        width:100%;
        height:8px;
        height:3vw;
        left:18px;
        left:6vw;
        bottom:20px;
        bottom:6.4vw;
        height:8px;
        height:3vw;
    }

    #srodek #wiadomosci #kropy .kropa {
        width:8px;
        width:3vw;
        height:8px;
        height:3vw;
        background-size:8px 8px;
        background-size:3vw 3vw;
    }

    #srodek #wiadomosci a#wiecej {
        right:50px;
        right:15vw;
        bottom:16px;
        bottom:5.5vw;
        line-height:10px;
        font-size:8px;
        line-height:4vw;
        font-size:3vw;
        padding-left:14px;
        padding-left:5vw;
        background-size:10px 10px;
        background-size:4vw 4vw;
    }

    #srodek #wiadomosci #poprzednia {
        width:20px;
        width:6.5vw;
        height:40px;
        height:13vw;
        background-size:20px 40px;
        background-size:6.5vw 13vw;
        left:0px;
        top:60px;
        top:19vw;
    }

    #srodek #wiadomosci #nastepna {
        width:20px;
        width:6.5vw;
        height:40px;
        height:13vw;
        background-size:20px 40px;
        background-size:6.5vw 13vw;
        right:0px;
        top:60px;
        top:19vw;
    }

    #srodek ul#menu_prawe {
        display:none;
        position:relative;
        margin:0;
        padding:0;
        width:auto;
        text-align:center;
        line-height:14px;
        font-size:14px;
        line-height:4vw;
        font-size:4vw;
    }

    #srodek ul#menu_prawe li {
        display:block;
        margin:0px 0;
        width:auto;
        text-align:center;
    }

    #srodek ul#menu_prawe li:first-of-type {
        margin-top:3px;
    }

    #srodek ul#menu_prawe li a {
        display:block;
        padding-top:8px;
        padding-bottom:8px;
        color:#ffffff;
        border-top:1px solid #ffffff;
        width:auto;
        text-align:center;
    }

    #srodek ul#menu_prawe li:first-of-type a {
        border-top:none;
    }

    #srodek ul#menu_prawe li a:hover {
        text-decoration:none;
        color:#ffca05;
        border-top:1px solid #ffca05;
    }

    #srodek ul#menu_prawe li:first-of-type a:hover {
        border-top:none;
    }

    #srodek ul#menu_prawe li a span {
        padding-top:0;
        border-top:none;
    }

    #srodek ul#menu_prawe li a:hover span {
        padding-top:0;
        border-top:none;
    }

    #srodek2 {
        width:100%;
        height:auto;
        background:#034289;
    }

    #srodek2 #podzial {
        width:100%;
    }

    #srodek2 ul#menu_lewe {
        display:none;
    }

    #srodek2 #podzial #zdjecie_naglowkowe {
        margin:0 0 -1px 0;
        width:100%;
        height:auto;
    }

    #srodek2 #podzial #zdjecie_naglowkowe img {
        margin:0 0 -3px 0;
        width:100%;
        height:auto;
    }

    #srodek2 #zdjecie_naglowkowe #napisy_na_zdjeciu {
        display:none;
        padding:10px 10px 5px 10px;
    }

    ul#menu_srodkowe {
        display:none;
        padding-top:20px;
        padding-left:20px;
        width:auto;
        line-height:18px;
        font-size:16px;
        line-height:3vw;
        font-size:3vw;
    }

    ul#menu_srodkowe li {
        display:block;
        margin:20px 0 0 0;
        margin:3vw 0 0 0;
        width:auto;
        text-align:left;
        vertical-align:top;
    }

    #tresc {
        padding:10px 10px 10px 10px;
        width:auto;
        line-height:19px;
        font-size:16px;
    }

    #tresc #login_info {
        margin:-12px -10px 6px 10px;
    }

    #tresc #login_info span {
        line-height:10px;
        font-size:10px;
    }

    #tresc #okruszki {
        margin:0px 0 0.9em 0;
        line-height:12px;
        font-size:11px;
    }

    #tresc h2#tytul {
        line-height:20px;
        font-size:18px;
    }

    #tresc a.klocek {
        width:120px;
        height:120px;
        /*width:81vw;
        height:81vw;*/
        width:35vw;
        height:35vw;
        margin:0px 10px 10px 0px;
    }

    #tresc a.klocek div span {
        margin:12px 6px 6px 12px;
        margin:4vw 2vw 2vw 4vw;
        font-size:10px;
        line-height:11px;
        /*font-size:7.8vw;
        line-height:8vw;*/
        font-size:3.3vw;
        line-height:3.4vw;
    }

    #tresc a.klocek div p {
        margin:0px 12px 0px 12px;
        margin:0vw 4vw 0vw 4vw;
        padding:6px 0 0 0;
        padding:2vw 0 0 0;
        font-size:10px;
        line-height:11px;
        /*font-size:6.6vw;
        line-height:7vw;*/
        font-size:3vw;
        line-height:3.3vw;
    }

    #tresc img.zdjecie_z_lewej {
        float:none;
        margin:0 0 20px 0;
        padding:0;
        width:100%;
    }

    #tresc div.zdjecie_w_tekscie {
        margin:4px 0px 15px 0px;
        width:100%;
    }

    #tresc div.zdjecie_w_tekscie[align="left"] {
        float:none;
        margin:4px 0px 15px 0px;
    }

    #tresc div.zdjecie_w_tekscie[align="right"] {
        float:none;
        margin:4px 0px 15px 0px;
    }

    #tresc div.zdjecie_w_tekscie img {
        width:99.7%;
    }

    #tresc div.zdjecie_w_tekscie p {
        font-size:12px;
        line-height:14px;
    }

    #tresc div.zdjecie_w_tekscie span {
        font-size:10px;
        line-height:12px;
    }

    #tresc div.pionowe {
        width:100% !important;
    }

    #tresc div.pionowe img {
        width:99.7% !important;
    }

    #tresc #okruszki {
        display:block;
    }

    #tresc h2#tytul {
        display:block;
    }

    #tresc table:not([border="0"]) {
        font-size: 14px;
        line-height: 16px;
    }

    #tresc #szpalta_glowna {
        display:block;
        width:auto;
    }

    #tresc #szpalta_prawa {
        display:block;
        width:auto;
        margin-top:20px;
    }

    #tresc #szpalta_prawa>div.film {
        display:inline-block;
        margin:0 10px 10px 0;
    }

    #tresc #szpalta_prawa>div.film>iframe {

    }

    #tresc #szpalta_prawa>img {
        margin:0 10px 10px 0;
    }

    #tresc aside {
        float:none;
        margin:0 0 20px 0;/*0 0 20px 30px;*/
        max-width:none;
    }

    #stopka ul {
        width:auto;
    }

}

@media all and (min-width:300px) {

    #tresc #login_info {
        margin:-10px -10px 6px 10px;
    }

    #tresc #login_info span {
        line-height:14px;
        font-size:14px;
    }

    #tresc #okruszki {
        margin:0px 0 1.3em 0;
        line-height:16px;
        font-size:14px;
    }

    #tresc h2#tytul {
        line-height:26px;
        font-size:24px;
    }

    #tresc a.klocek {
        width:36vw;
        height:36vw;
        margin:0px 20px 20px 0px;
    }

    #tresc a.klocek div span {
        margin:10px 5px 5px 10px;
        margin:3vw 1.5vw 1.5vw 3vw;
        font-size:3.3vw;
        line-height:3.4vw;
    }

    #tresc a.klocek div p {
        margin:0px 10px 0px 10px;
        margin:0vw 3vw 0vw 3vw;
        padding:5px 0 0 0;
        padding:1.5vw 0 0 0;
        font-size:3vw;
        line-height:3.3vw;
    }

    #tresc div.zdjecie_w_tekscie p {
        font-size:13px;
        line-height:15px;
    }

    #tresc div.zdjecie_w_tekscie span {
        font-size:11px;
        line-height:12px;
    }

}

@media all and (min-width:400px) {

    #tresc a.klocek {
        width:39.8vw;
        height:39.8vw;
    }

    #tresc a.klocek div span {
        margin:10px 5px 5px 10px;
        margin:3vw 1.5vw 1.5vw 3vw;
        font-size:3.7vw;
        line-height:3.8vw;
    }

    #tresc a.klocek div p {
        margin:0px 10px 0px 10px;
        margin:0vw 3vw 0vw 3vw;
        padding:5px 0 0 0;
        padding:1.5vw 0 0 0;
        font-size:3vw;
        line-height:3.3vw;
    }

}

@media all and (min-width:440px) {

    #tresc div.pionowe {
        width:214px !important;
    }

    #tresc div.pionowe img {
        width:212px !important;
    }

    #tresc div.pionowe[align="left"] {
        float:left;
        margin:4px 25px 10px 0px;
    }

    #tresc div.pionowe[align="right"] {
        float:right;
        margin:4px 0px 10px 25px;
    }

    #tresc div.pionowe_po_prawej {
        float:right;
        margin:4px 0px 15px 35px;
        padding:0;
    }

}

@media all and (min-width:500px) {

    a.galeria img {
        margin:4px;
        height:140px;
        width:auto;
    }

    #przelacznik_menu {
        width:40px;
        height:40px;
        background:url("../grafika/menu40.png") no-repeat center center;
    }

    #tresc a.klocek {
        width:26.3vw;
        height:26.3vw;
    }

    #tresc a.klocek div span {
        margin:10px 5px 5px 10px;
        margin:2vw 1vw 1vw 2vw;
        font-size:2.4vw;
        line-height:2.6vw;
    }

    #tresc a.klocek div p {
        margin:0px 10px 0px 10px;
        margin:0vw 2vw 0vw 2vw;
        padding:5px 0 0 0;
        padding:1vw 0 0 0;
        font-size:2.2vw;
        line-height:2.4vw;
    }

}

@media all and (min-width:580px) {

    #tresc a.klocek {
        width:170px;
        width:27.2vw;
        height:170px;
        height:27.2vw;
    }

    #tresc a.klocek div span {
        margin:10px 5px 5px 10px;
        margin:2vw 1vw 1vw 2vw;
        font-size:17px;
        font-size:2.7vw;
        line-height:18px;
        line-height:2.9vw;
    }

    #tresc a.klocek div p {
        margin:0px 10px 0px 10px;
        margin:0vw 2vw 0vw 2vw;
        padding:5px 0 0 0;
        padding:1vw 0 0 0;
        font-size:14px;
        font-size:2.2vw;
        line-height:15px;
        line-height:2.4vw;
    }

}

@media all and (min-width:630px) {

    #gora {
        margin:0;
        width:100%;
        padding-bottom:20px;
    }

    ul#menu_gorne {
        display:block;
        font-size:13px;
    }

    ul#menu_gorne li br#menu_gorne_br {
        display:inline;
    }

    #logo:not(.kandydaci) {
        margin:2px 0px 2px 0px;
        padding-top:0px;
    }

    #logo.kandydaci {
        margin:0px 0px 40px 0px;
        padding-top:4px;
    }

    /*
        #logo a img#logo_cm_umk {
            width:278px;
            height:auto;
            max-width:none;
        }

        #logo a img#logo_hr {
            width:116px;
            height:auto;
            max-width:none;
        }

        #logo a img#logo_umk {
            width:auto;
            height:108px;
            max-width:none;
            margin-right:20px;
        }

        #logo a img#logo_hr2 {
            height:68px;
            width:auto;
            max-width:none;
            padding-bottom:17px;
            margin-right:24px;
        }

        #logo a img#logo_idub {
            height:36px;
            width:auto;
            max-width:none;
            padding-bottom:39px;
            margin-right:27px;
        }

        #logo a img#logo_yufe {
            height:47px;
            width:auto;
            max-width:none;
            padding-bottom:28px;
            margin-right:0;
        }
    */
    #przelacznik_menu {
        width:40px;
        height:40px;
        background:url("../grafika/menu40.png") no-repeat center center;
    }

    a#guzik_zarejestruj, a#guzik_zaloguj {
        display:block;
        position:absolute;
        width:190px;
        padding:10px 10px 8px 10px;
        margin:10px 0px 10px 0px;
        height:auto;
        text-align:right;
    }

    a#guzik_zarejestruj {
        right: 230px;
        top: 70px;
    }

    a#guzik_zaloguj {
        right:10px;
        top:70px;
    }

    a.guzik_prawy {
        display:block;
        position:absolute;
        right:30px;
        top:20px;
    }

    ul#menu_dolne {
        display:none;
        font-size:13px;
    }

    #gora_menu {
        margin:0;
        width:100%;
    }

    ul#menu {
        display:none;
    }

    ul#menu_mobilne {
        display:none;
        line-height:20px;
        font-size:20px;
        line-height:3vw;
        font-size:3vw;
    }

    ul#menu_mobilne li {
        display:block;
        margin:0px 0;
        width:100%;
        /*border-top:1px solid #034ea1;*/
        text-align:center;
    }

    ul#menu_mobilne li.menu_mobilne_lewe {
        line-height:18px;
        font-size:18px;
        line-height:2.5vw;
        font-size:2.5vw;
    }

    ul#menu_mobilne li.menu_mobilne_prawe {
        line-height:16px;
        font-size:16px;
        line-height:2vw;
        font-size:2vw;
    }

    ul#menu_mobilne li.menu_mobilne_srodkowe {
        line-height:18px;
        font-size:18px;
        line-height:2.5vw;
        font-size:2.5vw;
    }

    #srodek {
        width:100%;
        height:auto;
        background:#034289 url("../grafika/foto_background_knapp_katedra_1200.jpg") no-repeat center top;
        background-size:auto;
        /*background:#034289;*/
    }

    #srodek #podzial {
        width:100%;
        white-space:normal;
    }

    #srodek ul#menu_lewe {
        display:none;
        position:relative;
        margin:0;
        padding:0;
        width:auto;
        text-align:center;
        line-height:20px;
        font-size:20px;
        line-height:3vw;
        font-size:3vw;
    }

    #srodek ul#menu_lewe li {
        display:block;
        margin:0px 0;
        width:auto;
        text-align:center;
    }

    #srodek ul#menu_lewe li:first-of-type {
        margin-top:3px;
    }

    #srodek ul#menu_lewe li a {
        display:block;
        padding-top:8px;
        padding-bottom:8px;
        color:#ffffff;
        border-top:1px solid #ffffff;
        width:auto;
        text-align:center;
    }

    #srodek ul#menu_lewe li:first-of-type a {
        border-top:none;
    }

    #srodek ul#menu_lewe li a:hover {
        text-decoration:none;
        color:#ffca05;
        border-top:1px solid #ffca05;
    }

    #srodek ul#menu_lewe li:first-of-type a:hover {
        border-top:none;
    }

    #srodek ul#menu_lewe li a span {
        padding-top:0;
        border-top:none;
    }

    #srodek ul#menu_lewe li a:hover span {
        padding-top:0;
        border-top:none;
    }

    /*
        #srodek #podzial #wiadomosci {
            width:100%;
            height:420px;
        }

        #srodek #wiadomosci .ramka {
            width:80%;
            left:0px;
            bottom:20px;
            padding:20px 24px 12px 35px;
        }

        #srodek #wiadomosci .ramka .tytul {
            margin-bottom:18px;
            line-height:36px;
            font-size:36px;
        }

        #srodek #wiadomosci .ramka .tytul h2 {
            line-height:36px;
            font-size:36px;
        }

        #srodek #wiadomosci .ramka .odstep {
            height:12px;
        }

        #srodek #wiadomosci .pozycja {
            height:16px;
            left:35px;
            bottom:35px;
        }

        #srodek #wiadomosci .pozycja .brak_kropy {
            width:16px;
            height:16px;
        }

        #srodek #wiadomosci .pozycja .kropa_pelna {
            width:16px;
            height:16px;
            background-size:16px 16px;
        }

        #srodek #wiadomosci #kropy {
            height:16px;
            left:35px;
            bottom:35px;
        }

        #srodek #wiadomosci #kropy .kropa {
            width:16px;
            height:16px;
            background-size:16px 16px;
        }

        #srodek #wiadomosci a#wiecej {
            right:140px;
            bottom:34px;
            line-height:17px;
            font-size:16px;
            padding-left:22px;
            background-size:17px 17px;
        }

        #srodek #wiadomosci #poprzednia {
            width:40px;
            height:80px;
            background-size:40px 80px;
            left:0px;
            top:150px;
        }

        #srodek #wiadomosci #nastepna {
            width:40px;
            height:80px;
            background-size:40px 80px;
            right:0px;
            top:150px;
        }
    */

    #srodek ul#menu_prawe {
        display:none;
        position:relative;
        margin:0;
        padding:0;
        width:auto;
        text-align:center;
        line-height:20px;
        font-size:20px;
        line-height:3vw;
        font-size:3vw;
    }

    #srodek ul#menu_prawe li {
        display:block;
        margin:0px 0;
        width:auto;
        text-align:center;
    }

    #srodek ul#menu_prawe li:first-of-type {
        margin-top:3px;
    }

    #srodek ul#menu_prawe li a {
        display:block;
        padding-top:8px;
        padding-bottom:8px;
        color:#ffffff;
        border-top:1px solid #ffffff;
        width:auto;
        text-align:center;
    }

    #srodek ul#menu_prawe li:first-of-type a {
        border-top:none;
    }

    #srodek ul#menu_prawe li a:hover {
        text-decoration:none;
        color:#ffca05;
        border-top:1px solid #ffca05;
    }

    #srodek ul#menu_prawe li:first-of-type a:hover {
        border-top:none;
    }

    #srodek ul#menu_prawe li a span {
        padding-top:0;
        border-top:none;
    }

    #srodek ul#menu_prawe li a:hover span {
        padding-top:0;
        border-top:none;
    }

    #srodek2 {
        width:100%;
        height:auto;
        background:#034289;
    }

    #srodek2 #podzial {
        width:100%;
    }

    #srodek2 ul#menu_lewe {
        display:none;
    }

    #srodek2 #podzial #zdjecie_naglowkowe {
        margin:0 0 -1px 0;
        width:100%;
        height:auto;
    }

    #srodek2 #podzial #zdjecie_naglowkowe img {
        margin:0 0 -3px 0;
        width:100%;
        height:auto;
    }

    #srodek2 #zdjecie_naglowkowe #napisy_na_zdjeciu {
        display:block;
        padding:10px 15px 5px 15px;
    }

    #tresc #login_info {
        margin:-16px -14px 6px 10px;
    }

    #tresc #login_info span {
        line-height:14px;
        font-size:14px;
    }

    ul#menu_srodkowe {
        display:none;
        padding-top:0px;
        padding-left:0;
        width:620px;
        line-height:18px;
        font-size:16px;
    }

    ul#menu_srodkowe li {
        display:inline-block;
        margin:30px 30px 0 0;
        width:120px;
        text-align:left;
        vertical-align:top;
    }

    ul#menu_srodkowe li:last-of-type {
        margin-right:0px;
        /*width:auto;*/
    }

    #tresc {
        padding:15px 15px 10px 15px;
    }

    #tresc a.klocek {
        margin:10px 20px 10px 0px;
    }

    #tresc img.zdjecie_z_lewej {
        float:left;
        margin:0 35px 20px 0;
        padding:0;
        width:300px;
    }

    #tresc div.zdjecie_w_tekscie {
        margin:4px 35px 15px 35px;
        width:302px;
    }

    #tresc div.zdjecie_w_tekscie[align="left"] {
        float:left;
        margin:4px 35px 15px 0px;
    }

    #tresc div.zdjecie_w_tekscie[align="right"] {
        float:right;
        margin:4px 0px 15px 35px;
    }

    #tresc div.zdjecie_w_tekscie img {
        width:300px;
    }

    #tresc div.po_prawej {
        float:right;
        margin:4px 0px 15px 35px;
        padding:0;
    }

    #tresc #okruszki {
        display:none;
    }

    #tresc h2#tytul {
        display:none;
    }

    #tresc table:not([border="0"]) {
        font-size: 15px;
        line-height: 17px;
    }

    #tresc #szpalta_prawa>div.film {
        margin:0 30px 30px 0;
    }

    #tresc #szpalta_prawa>img {
        margin:0 30px 30px 0;
    }

    #tresc aside {
        float:right;
        margin:0 0 20px 30px;
        max-width:45%;
    }

    #stopka ul {
        width:auto;
    }

}

@media all and (min-width:760px) {

    #logo:not(.kandydaci) {
        margin:0px 0px 2px 0px;
    }

    #logo.kandydaci {
        margin: 0px 0px 25px 0px;
    }

    #logo a img#logo_cm_umk {
        width:278px;
        height:auto;
        max-width:none;
    }

    #logo a img#logo_hr {
        width:116px;
        height:auto;
        max-width:none;
    }

    #logo a img#logo_umk {
        width:auto;
        height:108px;
        max-width:none;
        margin-right:20px;
    }

    #logo a img#logo_hr2 {
        height:68px;
        width:auto;
        max-width:none;
        padding-bottom:17px;
        margin-right:24px;
    }

    #logo a img#logo_idub {
        height:36px;
        width:auto;
        max-width:none;
        padding-bottom:39px;
        margin-right:27px;
    }

    #logo a img#logo_yufe {
        height:47px;
        width:auto;
        max-width:none;
        padding-bottom:28px;
        margin-right:0;
    }

    a#guzik_zarejestruj {
        right: 230px;
        top: 90px;
    }

    a#guzik_zaloguj {
        right:10px;
        top:90px;
    }

    #tresc a.klocek {
        width:155px;
        height:155px;
        width:20vw;
        height:20vw;
    }

    #tresc a.klocek div span {
        margin:10px 5px 5px 10px;
        margin:1.4vw 0.7vw 0.7vw 1.4vw;
        font-size:15.5px;
        line-height:16.5px;
        font-size:2vw;
        line-height:2.1vw;
    }

    #tresc a.klocek div p {
        margin:0px 10px 0px 10px;
        margin:0vw 1.4vw 0vw 1.5vw;
        padding:5px 0 0 0;
        padding:1vw 0 0 0;
        font-size:12.5px;
        line-height:14px;
        font-size:1.65vw;
        line-height:1.7vw;
    }

    #tresc table:not([border="0"]) {
        font-size: 16px;
        line-height: 20px;
    }

}

@media all and (min-width:940px) {

    ul#menu_gorne li br#menu_gorne_br {
        display:none;
    }

}

@media all and (min-width:1020px) {

    #gora {
        margin:0 auto;
        width:990px;
    }

    ul#menu_gorne {
        display:block;
        font-size:15px;
    }

    a#guzik_zarejestruj {
        right: 220px;
        top: 90px;
    }

    a#guzik_zaloguj {
        right:0px;
        top:90px;
    }

    #ramka_szukaj {
        display:block;
    }

    #logo:not(.kandydaci) {
        margin:2px 0px 2px 0px;
        text-align:left;
        /*max-width:400px;*/
    }

    #logo:not(.kandydaci) a img#logo_cm_umk {
        width:278px;
        height:auto;
        max-width:none;
    }

    #logo:not(.kandydaci) a img#logo_hr {
        width:116px;
        height:auto;
        max-width:none;
    }

    #logo:not(.kandydaci) a img#logo_umk {
        width:auto;
        height:108px;
        max-width:none;
        margin-right:50px;
    }

    #logo:not(.kandydaci) a img#logo_hr2 {
        height:68px;
        width:auto;
        max-width:none;
        padding-bottom:17px;
        margin-right:59px;
    }

    #logo:not(.kandydaci) a img#logo_idub {
        height:36px;
        width:auto;
        max-width:none;
        padding-bottom:39px;
        margin-right:47px;
    }

    #logo:not(.kandydaci) a img#logo_yufe {
        height:47px;
        width:auto;
        max-width:none;
        padding-bottom:28px;
        margin-right:0;
    }

    #przelacznik_menu {
        display:none;
    }

    #gora_menu {
        margin:0 auto;
        width:990px;
    }

    ul#menu {
        display:block;
        line-height:24px;
        font-size:24px;
        white-space:nowrap;
    }

    ul#menu li {
        display:inline-block;
        margin:0 27px;
        width:auto;
        /*border-top:none;*/
        text-align:center;
    }

    ul#menu_mobilne {
        display:none;
    }

    div.pasek-koronawirus a {
        display: block;
        padding-top: 17px;
        margin: 0 auto;
        width: 990px;
        background-position: left 0px center;
        padding-left:38px;
    }

    #srodek {
        height:352px;
        background:#034289 url("../grafika/foto_background_knapp_katedra_1400.jpg") no-repeat center top;
    }

    #srodek #podzial {
        width:990px;
        white-space:nowrap;
    }

    #srodek ul#menu_lewe {
        display:inline-block;
        position:relative;
        margin:0;
        padding:0;
        width:190px;
        text-align:left;
        line-height:20px;
        font-size:18px;
    }

    #srodek ul#menu_lewe li {
        padding:0;
        margin:20px 15px 20px 0;
        width:auto;
        text-align:left;
    }

    #srodek ul#menu_lewe li:first-of-type {
        margin-top:20px;
    }

    #srodek ul#menu_lewe li a {
        padding-top:6px;
        padding-bottom:0;
        color:#ffffff;
        border-top:none;
        width:auto;
        text-align:left;
    }

    #srodek ul#menu_lewe li a:hover {
        text-decoration:none;
        color:#ffca05;
        border-top:none;
    }

    #srodek ul#menu_lewe li a span {
        padding-top:6px;
        border-top:1px solid #ffffff;
    }

    #srodek ul#menu_lewe li a:hover span {
        padding-top:6px;
        border-top:1px solid #ffca05;
    }

    #srodek #podzial #wiadomosci {
        width:670px;
        height:352px;
    }

    #srodek #wiadomosci .ramka {
        width:80%;
        left:0px;
        bottom:20px;
        padding:20px 24px 12px 35px;
    }

    #srodek #wiadomosci .ramka .tytul {
        margin-bottom:18px;
        line-height:32px;
        font-size:32px;
    }

    #srodek #wiadomosci .ramka .tytul h2 {
        line-height:36px;
        font-size:36px;
    }

    #srodek #wiadomosci .ramka .odstep {
        height:12px;
    }

    #srodek #wiadomosci .pozycja {
        height:16px;
        left:35px;
        bottom:35px;
    }

    #srodek #wiadomosci .pozycja .brak_kropy {
        width:16px;
        height:16px;
    }

    #srodek #wiadomosci .pozycja .kropa_pelna {
        width:16px;
        height:16px;
        background-size:16px 16px;
    }

    #srodek #wiadomosci #kropy {
        height:16px;
        left:35px;
        bottom:35px;
    }

    #srodek #wiadomosci #kropy .kropa {
        width:16px;
        height:16px;
        background-size:16px 16px;
    }

    #srodek #wiadomosci a#wiecej {
        right:100px;
        bottom:34px;
        line-height:17px;
        font-size:16px;
        padding-left:22px;
        background-size:17px 17px;
    }

    #srodek #wiadomosci #poprzednia {
        width:40px;
        height:80px;
        background-size:40px 80px;
        left:0px;
        top:120px;
    }

    #srodek #wiadomosci #nastepna {
        width:40px;
        height:80px;
        background-size:40px 80px;
        right:0px;
        top:120px;
    }

    #srodek ul#menu_prawe {
        position:relative;
        display:inline-block;
        margin:0;
        margin-top:0px;
        padding:0;
        width:136px;
        text-align:left;
        vertical-align:top;
        list-style-type:none;
        line-height:16px;
        font-size:14px;
        color:#ffffff;
        white-space:normal;
    }

    #srodek ul#menu_prawe li {
        padding:0;
        margin:20px 0px 20px 15px;
        text-align:left;
    }

    #srodek ul#menu_prawe li:first-of-type {
        margin-top:20px;
    }

    #srodek ul#menu_prawe li a {
        text-decoration:none;
        padding-top:3px;
        padding-bottom:0px;
        color:#ffffff;
        text-align:left;
        border-top:none;
    }

    #srodek ul#menu_prawe li a span {
        padding-top:6px;
        padding-bottom:0px;
        border-top:1px solid #ffffff;
    }

    #srodek ul#menu_prawe li a:hover {
        text-decoration:none;
        color:#ffca05;
        border-top:none;
    }

    #srodek ul#menu_prawe li a:hover span {
        padding-top:6px;
        padding-bottom:0px;
        border-top:1px solid #ffca05;
    }

    #srodek2 {
        width:auto;
        height:200px;
        background:#034289 url("../grafika/foto_background_knapp_katedra_200.jpg") no-repeat center top;
    }

    #srodek2 #podzial {
        width:990px;
    }

    #srodek2 ul#menu_lewe {
        display:inline-block;
        width:190px;
        /*line-height:18px;
        font-size:16px;*/
        line-height:16px;
        font-size:14px;
    }

    #srodek2 ul#menu_lewe li {
        margin:16px 5px 16px 0;
    }

    #srodek2 ul#menu_lewe li:first-of-type {
        /*margin-top:18px;*/
        margin-top:14px;
    }

    #srodek2 ul#menu_lewe li a, #srodek2 ul#menu_lewe li a span, #srodek2 ul#menu_lewe li a:hover, #srodek2 ul#menu_lewe li a:hover span {
        padding-top:3px;
    }

    #srodek2 #podzial #zdjecie_naglowkowe {
        margin:0;
        width:800px;
        height:200px;
    }

    #srodek2 #podzial #zdjecie_naglowkowe img {
        margin:0;
        width:800px;
        height:200px;
    }

    #srodek2 #zdjecie_naglowkowe #napisy_na_zdjeciu {
        display:block;
        padding:10px 20px 10px 20px;
    }

    ul#menu_srodkowe {
        display:block;
        padding-left:150px;
        width:760px;
    }

    ul#menu_srodkowe li {
        width:100px;
    }

    #tresc {
        padding:20px 0 20px 0;
        width:990px;
        line-height:20px;
        font-size:16px;
    }

    #tresc #login_info {
        margin:-22px 0px 6px 10px;
        padding:0;
    }

    #tresc #okruszki {
        display:none;
    }

    #tresc h2#tytul {
        display:none;
    }

    #tresc a.klocek {
        width:210px;
        height:210px;
        margin:15px 30px 15px 0px;
    }

    #tresc a.klocek div span {
        margin:17px 8px 8px 18px;
        font-size:20px;
        line-height:22px;
    }

    #tresc a.klocek div p {
        margin:0px 18px 138px 18px;
        padding:10px 0 0 0;
        font-size:16px;
        line-height:18px;
    }

    #tresc .pudelko {
        width:400px;
    }

    #tresc div.zdjecie_w_tekscie {
        margin:4px 35px 15px 35px;
        width:302px;
    }

    #tresc div.zdjecie_w_tekscie[align="left"] {
        float:left;
        margin:4px 35px 15px 0px;
    }

    #tresc div.zdjecie_w_tekscie[align="right"] {
        float:right;
        margin:4px 0px 15px 35px;
    }

    #tresc div.zdjecie_w_tekscie img {
        width:300px;
    }

    #tresc #szpalta_glowna {
        display:inline-block;
        width:470px;
        vertical-align:top;
    }

    #tresc #szpalta_prawa {
        display:inline-block;
        width:480px;
        margin-left:35px;
        margin-top:0;
        vertical-align:top;
    }

    #tresc #szpalta_prawa>div.film {
        display:inline-block;
        max-width:480px;
        max-height:270px;
    }

    #tresc #szpalta_prawa>div.film>iframe {
        max-width:480px;
        max-height:270px;
    }

    #stopka ul {
        width:990px;
    }
}


@media all and (min-width:1240px) {

    #gora {
        margin:0 auto;
        width:1200px;
    }

    ul#menu_gorne {
        display:block;
        font-size:16px;
    }

    #logo:not(.kandydaci) {
        margin:0px 0px 2px 0px;
    }

    #logo.kandydaci {
        margin: 0px 0px 0px 0px;
        padding-top: 10px;
    }

    #logo a img#logo_umk {
        width:auto;
        height:108px;
        max-width:none;
        margin-right:50px;
    }

    #logo a img#logo_hr {
        width:145px;
        height:auto;
        max-width:none;
    }

    #logo a img#logo_hr2 {
        height:68px;
        width:auto;
        max-width:none;
        padding-bottom:17px;
        margin-right:59px;
    }

    #logo a img#logo_idub {
        height:36px;
        width:auto;
        max-width:none;
        padding-bottom:39px;
        margin-right:47px;
    }

    #logo a img#logo_yufe {
        height:47px;
        width:auto;
        max-width:none;
        padding-bottom:28px;
        margin-right:0;
    }

    #logo a img#logo_cm_umk {
        width:auto;
        height:133px;
        max-width:none;
    }

    #gora_menu {
        margin:0 auto;
        width:1200px;
    }

    a#guzik_zarejestruj {
        right: 30px;
        top: 20px;
    }

    a#guzik_zaloguj {
        right:30px;
        top:73px;
    }

    ul#menu {
        display:block;
        line-height:24px;
        font-size:24px;
        white-space:nowrap;
    }

    ul#menu li {
        display:inline-block;
        margin:0 53px;
        width:auto;
        /*border-top:none;*/
        text-align:center;
    }

    div.pasek-koronawirus a {
        margin: 0 auto;
        width: 1200px;
        background-position: left 5px center;
        padding-left:43px;
    }

    #srodek {
        height:420px;
        background:#034289 url("../grafika/foto_background_knapp_katedra.jpg") no-repeat center top;
    }

    #srodek #podzial {
        width:1200px;
        white-space:nowrap;
    }

    #srodek ul#menu_lewe {
        display:inline-block;
        position:relative;
        margin:0;
        padding:0;
        padding-right:30px;
        width:190px;
        text-align:left;
        line-height:23px;
        font-size:20px;
    }

    #srodek ul#menu_lewe li {
        padding:0;
        margin:20px 15px 20px 0;
        width:auto;
        text-align:left;
    }

    #srodek ul#menu_lewe li:first-of-type {
        margin-top:30px;
    }

    #srodek ul#menu_lewe li a {
        padding-top:6px;
        padding-bottom:0;
        color:#ffffff;
        border-top:none;
        width:auto;
        text-align:left;
    }

    #srodek ul#menu_lewe li a:hover {
        text-decoration:none;
        color:#ffca05;
        border-top:none;
    }

    #srodek ul#menu_lewe li a span {
        padding-top:6px;
        border-top:1px solid #ffffff;
    }

    #srodek ul#menu_lewe li a:hover span {
        padding-top:6px;
        border-top:1px solid #ffca05;
    }

    #srodek #podzial #wiadomosci {
        width:800px;
        height:420px;
        /*background:url("../grafika/wiadomosci.jpg") no-repeat center top;
        background-size: 800px 420px;*/
    }

    #srodek #wiadomosci a#wiecej {
        right:140px;
        bottom:34px;
        line-height:17px;
        font-size:16px;
        padding-left:22px;
        background-size:17px 17px;
    }

    #srodek #wiadomosci #poprzednia {
        width:40px;
        height:80px;
        background-size:40px 80px;
        left:0px;
        top:150px;
    }

    #srodek #wiadomosci #nastepna {
        width:40px;
        height:80px;
        background-size:40px 80px;
        right:0px;
        top:150px;
    }

    #srodek ul#menu_prawe {
        position:relative;
        display:inline-block;
        margin:0;
        margin-top:0px;
        padding:0;
        padding-left:10px;
        width:158px;
        text-align:left;
        vertical-align:top;
        list-style-type:none;
        line-height:18px;
        font-size:16px;
        color:#ffffff;
        white-space:normal;
    }

    #srodek ul#menu_prawe li {
        padding:0;
        margin:20px 0px 20px 15px;
        text-align:left;
    }

    #srodek ul#menu_prawe li:first-of-type {
        margin-top:30px;
    }

    #srodek ul#menu_prawe li a {
        text-decoration:none;
        padding-top:6px;
        color:#ffffff;
        text-align:left;
    }

    #srodek ul#menu_prawe li a span {
        padding-top:6px;
        border-top:1px solid #ffffff;
    }

    #srodek ul#menu_prawe li a:hover {
        text-decoration:none;
        color:#ffca05;
    }

    #srodek ul#menu_prawe li a:hover span {
        padding-top:6px;
        border-top:1px solid #ffca05;
    }

    #srodek2 {
        height:235px;
        background:#034289 url("../grafika/foto_background_knapp_katedra_235.jpg") no-repeat center top;
    }

    #srodek2 #podzial {
        width:1200px;
    }

    #srodek2 ul#menu_lewe {
        width:260px;
        /*line-height:20px;
        font-size:18px;*/
        line-height:18px;
        font-size:16px;
    }

    #srodek2 ul#menu_lewe li {
        margin:20px 30px 20px 0;
    }

    #srodek2 ul#menu_lewe li:first-of-type {
        /*margin-top:22px;*/
        margin-top:16px;
    }

    #srodek2 ul#menu_lewe li a, #srodek2 ul#menu_lewe li a span, #srodek2 ul#menu_lewe li a:hover, #srodek2 ul#menu_lewe li a:hover span {
        padding-top:5px;
    }

    #srodek2 #podzial #zdjecie_naglowkowe {
        width:940px;
        height:235px;
    }

    #srodek2 #podzial #zdjecie_naglowkowe img {
        width:940px;
        height:235px;
    }

    #srodek2 #zdjecie_naglowkowe #napisy_na_zdjeciu {
        display:block;
        padding:10px 20px 10px 20px;
    }

    #srodek2.kandydaci {
        height:232px;
    }

    #srodek2.kandydaci ul#menu_lewe {
        width:236px;
    }

    #srodek2.kandydaci #podzial #zdjecie_naglowkowe img {
        width:930px;
        height:232px;
    }

    ul#menu_srodkowe {
        display:block;
        padding-left:180px;
        width:930px;
    }

    ul#menu_srodkowe li {
        width:130px;
    }

    #tresc {
        padding:20px 0 20px 0;
        width:1200px;
        line-height:22px;
        font-size:16px;
    }

    #tresc #okruszki {
        display:none;
    }

    #tresc h2#tytul {
        display:none;
    }

    #tresc a.klocek {
        margin:13px 26px 13px 0px;
    }

    #tresc div.zdjecie_w_tekscie {
        width:352px;
    }

    #tresc div.zdjecie_w_tekscie img {
        width:350px;
    }

    #tresc table:not([border="0"]) {
        font-size: 16px;
        line-height: 20px;
    }

    #tresc #szpalta_glowna {
        display:inline-block;
        width:600px;
        vertical-align:top;
    }

    #tresc #szpalta_prawa {
        display:inline-block;
        width:560px;
        margin-left:35px;
        vertical-align:top;
    }

    #tresc #szpalta_prawa>div.film {
        display:inline-block;
        max-width:560px;
        max-height:315px;
    }

    #tresc #szpalta_prawa>div.film>iframe {
        max-width:560px;
        max-height:315px;
    }

    #tresc.kandydaci #login_info {
        margin-right:30px;
    }

    #stopka ul {
        width:1200px;
    }
}


@media print {

    ul#menu_gorne {
        display:none;
    }

    div#gora_menu {
        display:none;
    }

    div#srodek {
        display:none;
    }

    div#srodek2 {
        display:none;
    }

    div#srodek2 div#podzial {
        display:none;
    }

    ul#menu_srodkowe {
        display:none;
    }

    div#tresc div#login_info {
        display:none;
    }

    div#tresc div#okruszki {
        display:none;
    }

    div#tresc h2#tytul {
        display:block;
    }

    ul#menu_dolne {
        display:none;
    }

    #stopka {
        display:none;
    }

    table.erasmus_delete_x{
        display: none;
    }

}