@font-face { font-family: "Lora"; font-weight: 400; font-style: normal; src: url("../../../fonts/Lora/lora-regular.woff2") format("woff2"), url("../../../fonts/Lora/lora-regular.woff") format("woff"); }
@font-face { font-family: "Lora"; font-weight: 400; font-style: italic; src: url("../../../fonts/Lora/lora-italic.woff2") format("woff2"), url("../../../fonts/Lora/lora-italic.woff") format("woff"); }
@font-face { font-family: "Lora"; font-weight: 700; font-style: normal; src: url("../../../fonts/Lora/lora-bold.woff2") format("woff2"), url("../../../fonts/Lora/lora-bold.woff") format("woff"); }
@font-face { font-family: "Lora"; font-weight: 700; font-style: italic; src: url("../../../fonts/Lora/lora-bolditalic.woff2") format("woff2"), url("/fonts/Lora/lora-bolditalic.woff") format("woff"); }

@font-face { font-family: "Inter"; font-weight: 400; font-style: normal; src: url("../../../fonts/Inter/inter-regular.woff2") format("woff2"), url("../../../fonts/Inter/inter-regular.woff") format("woff"); }
@font-face { font-family: "Inter"; font-weight: 400; font-style: italic; src: url("../../../fonts/Inter/inter-italic.woff2") format("woff2"), url("../../../fonts/Inter/inter-italic.woff") format("woff"); }
@font-face { font-family: "Inter"; font-weight: 700; font-style: normal; src: url("../../../fonts/Inter/inter-bold.woff2") format("woff2"), url("../../../fonts/Inter/inter-semibold.woff") format("woff"); }
@font-face { font-family: "Inter"; font-weight: 700; font-style: italic; src: url("../../../fonts/Inter/inter-bolditalic.woff2") format("woff2"), url("../../../fonts/Inter/inter-semibolditalic.woff") format("woff"); }

html{
  --blue: #003996;
  --green: #02933B;
  --green-dark: #159B4A;
  --black: #000;
  --darkgrey: #28399A;
  --white: #fff;
  --grey: #a0a0a0;
  --brown: #efeae1;
  --darkbrown: #9a6f21;
  --greyBorder: rgba(0, 0, 0, 0.25);
  --reklama: #546E7A
}

html, body {
    font-size:1rem; 
    font-family: Inter, sans-serif;  
    background: #BEBEBE;
}

* {
    box-sizing: border-box;
}

.reklama {
    height: 12px;
    width: 300px;
    font-family: Inter;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 12px;
    color: var(--reklama);
}
.art p,
.full-art p,
.opener p {
    margin :0 0 20px 0 ;
}


.full-art li {
    margin-bottom: 12px;
}


.full-art .perex,
.full-art li,
.full-art p {
    line-height: 1.7;    
}


.full-art  ul {
    margin-left: 20px;
    margin-top: 15px;
}


.art-link p:last-child {margin :0;}

img {
   max-width: 100%;
}

a, a:hover { color: var(--black); }

#main .m-bg-4 { 
 position: relative; 
 max-width: 1030px; 
 /*margin-top: 290px;*/
 margin-left: auto; 
 margin-right: auto;
 padding: 0;
 background-color: #f2f2f2;
 box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
 z-index: 12;
}

.col-a .moot-art {
    padding: 1.5rem;
}

.col-a .moot-art ~ .navlist {
    margin: 0  1.5rem 1.5rem;
}

.col-a .dsc-login {
    margin: 0  1.5rem 1.5rem;

}

.m76 .r-head {
    max-width: 480px;
}

.m97 .r-head {
    max-width: 300px;
}

.nav-n4 {margin: 0 auto;}


.nav-n4 .tac b,
.nav-n4 a {
  display: inline-block;
  padding: 0 8px;
  line-height: 32px  ;
  height: 32px;
  border-radius: 4px;
  margin-right: 4px;
  margin-left: 4px;
  text-decoration: none;
  border: 1px solid var(--greyBorder);
}

#navbox-in .next-art {text-align: center;margin-bottom: 15px;}

.btn.btn-more {
  display: inline-block;
  padding: 0 8px;
  line-height: 32px  ;
  height: 32px;
  border-radius: 4px;
  margin-right: 4px;
  margin-left: 4px;
  text-decoration: none;
  background:#fff;
  border: 1px solid var(--greyBorder);
  cursor: pointer;
}

.dsc-list table.nav-n4.ico a.ico-left:before {
    content:"\00AB";
}

.dsc-list table.nav-n4.ico a.ico-right:before {
    content:"\00BB";
}

.nav-n4 .tac b { border:transparent;}
.nav-n4 a { background: var(--white);}
.nav-n4 a:hover { text-decoration: underline;}

input[type=submit] {
    background: var(--green-dark);
    color:  var(--white);   
    height: 32px;
    border-radius: 4px;
    border: 0px solid #fff;
}



input[type=e-mail],
input[type=text] {
    border: 1px solid var(--greyBorder);
    line-height: 32px  ;
    height: 32px;
    padding:0 5px;
    margin: 0 3px 3px 0;
    border-radius: 4px;
    box-sizing: border-box;

}

textarea  {
    border: 1px solid var(--greyBorder);
    line-height: 32px  ;
    height: 100px;width: 100%;
    padding:0 5px;
    margin: 0 3px 3px 0;
    border-radius: 4px;
    box-sizing: border-box;

}

/* -------------- head -------------- */


.portal-g0 {
    position: relative;
    /* z-index: 3; */
    padding: 10px 25px;
    color: #263238;
    background: #eceff1;
}

.portal-g0:after {
    position: relative;
    display: block;
    clear: both;
    content: "";
}

.p-date {
    float: left;
    white-space: nowrap /* iPad fix */;
}


#art-mail {
    margin: 18px;
    padding-bottom: 18px;
}
#art-mail input {
   width: 100%;
}

.flex-ja {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
}

.flex-ja > * {
    flex: 1;
    margin: 1%;
}

form .block {
    margin-bottom: 15px;
}

.note {
    font-size: 12px;
    margin-bottom: 15px;
}

.psi-hlava {
    background: var(--white);
    padding: 18px 25px;
} 

.psi-hlava:after {
    content: "";
    display: block;
    position: relative;
    clear: both;  
}

.psi-hlava h1 {
    float: left;
    position: relative; 
}


.psi-hlava h2 {
    float: left;
}

.full-art h1 {
    font-size: 30px;
    font-weight: 800;
}


.psi-hlava h1 a,
.psi-hlava h2 a{
    display: block;
    width: 446px;
    height: 64px;
    text-indent: -666666px;
    background-image: url("../../../o/np/np-logo-header.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}


.zviretnik .psi-hlava h1 a,
.zviretnik .psi-hlava h2 a{
  filter: hue-rotate(262deg) brightness(104%);
}




.soc-ic n.soc-icon--x span {
 background-image: url("../../../o/np/np-logo-header.svg");
 background-position: 50% 50%;
}


.psi-hlava .top {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
}

.psi-hlava .top a {
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    line-height: 64px;
    margin-left:24px;
}

.psi-hlava .top li {
    float: left;
    margin: 0;
    padding: 0;
}
.psi-hlava .top li.act a:hover ,
.psi-hlava .top li.act a {
    text-decoration: underline;
}

.main-nav {
 background: var(--white); 
 border-bottom: 1px solid var(--greyBorder);

}

ul.main-nav {
   display: flex;
   margin: 0; 
   padding: 0;   
   width:     100%;
   border-top:2px solid var(--black); 
   padding: 0 15px; 
   position: relative;
   overflow:hidden;
}

ul.main-nav li {
    flex: 1 auto;

    flex-shrink: 3;
    list-style: none;
    margin: 0;  
    padding: 0; 
}

ul.main-nav li span.vice-btn,
ul.main-nav li a {
   display: block;
   padding: 0 .25em;   
   color: var(--black);
   font-family: Inter;
   font-size: 1em;
   font-weight: 600;
   letter-spacing: 0;
   line-height: 50px;
   white-space: nowrap;
   text-decoration:  none;
   text-align: center;
}
ul.main-nav li.act a ,
ul.main-nav li a:hover {
    text-decoration: underline;
}



ul.main-nav li span.vice-btn {
    min-width: 75px;
}


.vice-btn > ul {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background: var(--white);

    box-shadow:inset 0 2px 5px 1px rgba(0,0,0,0.1), 0 2px 5px 1px rgba(0,0,0,0.1);

}

.full-art .art-content {
    max-width: 100%;
}

.vice-btn .vice-btn-more {display: block;}

.vice-btn .vice-btn-less {display: none;}

.vice-btn.opened .vice-btn-more {display: none;}

.vice-btn.opened .vice-btn-less {display: block;}




.vice-btn  > ul  {
    display: none;
    position: absolute;
    top: 100%;
    padding-right: 50px;
    left: 0;
    flex-wrap: wrap;
    
    justify-content: flex-start;
    background: #efefef;
    /*border-top: 2px solid var(--greyBorder);*/
}
.vice-btn.opened  > ul  {
   display: flex;
}

.vice-btn > ul a {
    display: block;
    padding: 0 10px;
}

ul.main-nav .vice-btn > ul li {
    flex: 1 auto;
    max-width: 20%;

}
ul.main-nav .vice-btn > ul li {
    flex: 1 auto;
    max-width: 20%;

}

.vice-close {
    position: absolute;
    top: calc(100% + 12px);
    right: 15px;
    display: block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-size: 25px;
}

.vice-btn .vice-close {display: none;}
.vice-btn.opened .vice-close {display: block;}

/* -------------- main -------------- */




.col-b .block form {
    display: flex;
    flex-wrap: nowrap;
}

.col-b .block form input[type=submit] {
    flex: 0 90px;  
}

.col-b .block form input[type=e-mail],
.col-b .block form input[type=text] {
  flex: 0 100%;
  max-width:calc(100% - 90px); 

}



.samostatny-nadpis {
    padding: 18px;
}

.samostatny-nadpis .profil-foto {
    float: left;
    margin:  0 ;
    margin-right: 18px;
    width: 60px;
    height: 60px;
}

.komentare-pridat {
    padding: 12px 0 0 18px;
}

.komentare-pridat .btn {
    background: var(--blue);
    color: var(--white);
    line-height: 32px;
    height: 32px;
    border-radius: 4px;
    border: 0px solid #fff;
    display: inline-block;
    padding: 0 10px;
    text-decoration: none;
}

.profil-autora .samostatny-nadpis:after {
    clear: both;
    display: block;
    position: relative;
    content: "";

}
.profil-autora .samostatny-nadpis  {
    padding: 0 0 25px 0 ;line-height: 60px;
    
}
.komentare-clanku .samostatny-nadpis h1  {
    font-size: 1.1em;
    
}
.komentare-clanku .samostatny-nadpis h1 a {
    display: block;
    font-size: 1.4em;
}

.komentare-clanku .komentar:nth-child(even) {
    background: #f2f2f2;
}

.komentar {
    padding: 18px;
    display: flex;
    margin: 0 18px;
}

.komentar .left {
    flex: 1 60px;
    max-width: 60px;
}

.komentar .left img {
    width: 45px;
    height: auto;
    border-radius: 6px;
    box-shadow:  0 2px 5px 1px rgba(0,0,0,0.17);
}

.komentar .right {
    flex: 10 100%;
    max-width: calc(100% - 60px);
}

.komentar-linky {
    font-size: 13px;
    margin: 10px 0 0 0 ;
}

.komentar-linky .reagovat {
    font-weight: bold;margin-right: 5px;
    color: var(--blue);
}

.komentar {
    overflow: hidden;
}

.komentar .text p {
    margin-bottom: 18px;
}


.wrapper-profilu {
  margin-bottom: 25px;
}

.profily {
    display: flex;
    flex-wrap: wrap;
}

.profily .profil.autor {
    flex: 1 25%;
    max-width: 24%;
    margin: 0.5%;
    text-align: center;
    padding:   12px; 
    border-radius: 6px;




}

.profil.autor a,
.profil.autor a:hover {
    text-decoration: none;
}

.profil-foto {
    border-radius: 6px;
    overflow: hidden;
    width: 90px;
    height: 90px;
    display: block;
    box-shadow: 0 2px 5px 1px rgba(0,0,0,0.1);
    background: #f2f2f2;
    margin: 15px auto;

}

.profil-perex {
    font-size: 13px;
    text-decoration: underline;
}
.profil-foto img {
 display: block;
 width: auto !important;
 max-width: 1500px;
 margin-left: -50%;
 position: relative;
 left: 20px;
 height: 100%;

}

.profily h3 {
    color: var(--blue);
    font-size: 14px;
    line-height: 16px;
    min-height: 32px;
    display: table;
    width: 100%;

}

.profily h3 span {
    display: table-cell;
    vertical-align: bottom;
}

.breadcrumb {
 font-weight: 600;
 margin-bottom: 25px;
}

.breadcrumb a {
  font-size: 16px;
  line-height: 18px;
  text-decoration: none;
}



#content:after { 
    display: block;
    position: relative;
    clear: both;
    content: "";
}



.col-a {
    width: 700px;
    padding: 25px 15px 25px 25px;
    float: left;
}

.col-a .full-art,
.col-a .opener {
    margin-bottom: 25px;
    border-radius: 6px;
    box-shadow: 0 2px 5px 1px rgba(0,0,0,0.1);
    background: var(--white);
    display: flex;
}

.col-a .art {
    margin-bottom: 25px;
    border-radius: 6px;
    box-shadow: 0 2px 5px 1px rgba(0,0,0,0.1);
    background: var(--white);

}


.col-a .art.opener{ box-shadow: 0 2px 6px 1px rgba(0,0,0,0.3);}

.col-a .art:after {
    content: "";
    position: relative;
    display: block;
    clear: both;
    
}


.col-a .wrapper {
    margin-bottom: 25px;
    border-radius: 6px;
    box-shadow: 0 2px 5px 1px rgba(0,0,0,0.1);
    background: var(--white);
}


.col-a .full-art,
.col-a .opener {
    padding: 18px;
}

.vcera-art a,
.col-a .opener a,
.col-a .art a {
    text-decoration: none;
}

.vcera-art a:hover,
.col-a .opener a:hover,
.col-a .art a:hover {
    text-decoration: underline;
}

.col-a .opener a:hover h3,
.col-a .art a:hover h3 {
    text-decoration: underline;
}

.col-a .art .art-img {
   float: left;
   width: 144px;
   height: 109px;
   margin: 18px;
   position: relative;
}


.col-a .art .art-img img {
   z-index: 5;position: relative;width: 160px;
} 


.art .art-img:before {
    z-index: 1;
    content: 'Obr\e1 zek\20 nen\ed \20 k\20 dispozici';
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 13px;
    margin-top: -1.2em;
    padding: 0 10px;
    box-sizing: border-box;
    line-height: 1.2;
    text-align: center;
    color: #aaa;
}




.col-a .art .art-info {
    margin:15px 18px 5px 0;
    float: right;
    width: calc(100% - 198px);
}


.col-a .art h3 {
    margin:  15px 18px 5px 0;
    float: right;
    width: calc(100% - 198px);
}

.col-a .art .art-anotation {
    margin: 5px 18px 5px 0;
    float: right;
    width: calc(100% - 198px);
}
.art .art-anotation p {margin:0 0 5px}

.claim {
    margin: 0;
    position: absolute;
    font-size: 11px;
    top:100%;
    left: 0;
}


.col-a .search-list .art .art-info , 
.col-a .search-list .art h3  ,
.col-a .search-list .art .art-anotation {
  margin-left: 0px;
  margin-right: 0px;
  padding: 0 20px;
  width: 100% ;
}

.col-a .search-list .btn-disabled {
    padding: 18px;
    text-align: center;
    font-size: 24px;
    margin-top: 20px;
    display: block;
    margin-bottom: 25px;
    border-radius: 6px;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.1);
    background: var(--white);

}




.col-a .opener .art-info,
.col-a .full-art .art-info {
    margin: 15px 0;
    float: none;
    width: 100%;
}


.col-a .opener h3 {
    margin:  0px 18px 5px 0;
    float: none;
    width: 100%; 
}




.col-a .full-art .art-anotation,
.col-a .opener .art-anotation {
    float: none;
    width: 100%; 
}


 
.col-a .opener .art-anotation {
   font-size: 110%;
}

.col-a .profil-autora .art {
    padding: 18px;
}
.col-a .profil-autora .art .art-anotation,
.col-a .profil-autora .art .art-info,
.col-a .profil-autora .art h3 {

    float: none;
    width: 100%;
}
.col-a .profil-autora .art h3 {
    margin-top: 0;
}

.col-a .profil-autora .art .art-anotation p {
    margin-bottom: 0;
}

.col-a .full-art .art-info:after,
.col-a .opener .art-info:after,
.col-a .art .art-info:after {
    display: block;
    position: relative;
    content: "";
    clear: both;
}


.col-a .art .art-autor,
.col-a .art .art-date,
.col-a .art .art-diskuse {
   float: left;
   line-height: 20px;  
   font-size: 13px;
   margin-right: 8px;
}
.col-a .full-art .art-date,
.col-a .full-art .art-diskuse,
.col-a .full-art .art-autor,
.col-a .opener .art-autor,
.col-a .opener .art-date,
.col-a .opener .art-diskuse  {
   float: left;
   line-height: 20px;  
   font-size: 16px;
   margin-right: 8px;
}

.col-a .full-art .art-diskuse,
.col-a .opener .art-diskuse,
.col-a .art .art-diskuse {
    font-weight: 600;
}
.col-a .full-art .art-diskuse span,
.col-a .opener .art-diskuse span,
.col-a .art .art-diskuse span {
    font-weight: normal;
}

.col-a .full-art .art-autor,
.col-a .opener .art-autor,
.col-a .art .art-autor {
   color: var(--green);
   font-weight: 600;
   text-transform: uppercase;
}

#main.zviretnik .m-bg-4 {
    background: var(--brown);
}

.zviretnik input[type=submit] {
    background:var(--darkbrown);
    
}

.zviretnik .col-a .full-art .art-autor,
.zviretnik .col-a .opener .art-autor,
.zviretnik .col-a .art .art-autor {
   color: var(--darkbrown);
}

.zviretnik .col-b .block h2 { 
    color: var(--darkbrown);
}

.col-a .art.strucne {
    padding: 18px;
}

.col-a .art.strucne p {
    margin: 15px 0 15px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--greyBorder);
}


.col-a .art.strucne p:last-child {
    border-bottom: 0px;
}

.col-a .art h3 {
  font-size: 1.2em;
  line-height: 1.3em;
  display: block;
}

.block--advert-in,
.advert-main-in {
 border:1px solid #dcdcdc;
 margin-top: 2px;
}

.advert-main-1 {
    max-width: 480px;
    margin: 0 auto 32px auto;

}

.links {margin-top: 40px;}

.links-mail:before,
.links-print:before,
.links-diskuse:before {
    display: block;
    width: 24px;
    height: 24px;
    content: "";
    position: absolute;
    top: 0;left: 0;
    background-image: url("../../../o/np/ico-mail.svg");
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}


.links-diskuse:before {

    background-image: url("../../../o/np/ico-discusion.svg");
}

.links-print:before  {

    background-image: url("../../../o/np/ico-print.svg");
}

.links-mail,
.links-print,
.links-diskuse {
   position: relative;
   float: left;
   padding: 0 0 0 34px ;
   line-height: 24px;
   margin-right: 16px;
}

/* -------------- right -------------- */

.strucne-art {
  border-bottom: 1px solid var(--greyBorder);
  color: var(--black);
  font-family: Inter;
  font-size: 0.95em;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 10px; padding: 0 0 10px 0 ;
}


.col-b {
    width: 300px;
    margin-right: 25px;
    padding-top: 25px;
    float: right;
}

.col-a .r-main,
.col-b .r-main {margin-bottom: 25px;}

.col-b .block {
    padding-bottom: 30px;
}

.col-b #r-super300 {
    /*margin-top: 25px;*/
}

.col-b  h2,
.col-b .block h2 {
    font-weight: 500;
    text-transform: uppercase;
    color: var(--grey);
    font-size: 18px;
    margin-bottom: 8px;
}

.block--advert {

}

.col-b .block--lidovky h2 {
  color: var(--blue);
  font-family: Lora;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 26px;
}

.col-b .block--lidovky h2 a{
  color: var(--blue);
  text-decoration: none;
}

.col-b .block--lidovky h2 a:hover {
  color: var(--blue);
  text-decoration: underline;
}

.block--lidovky .lidovky-art-link p { 
    flex:2 200px;
    margin-left: 10px;
    margin-top: -2px;
    position: relative;
    color: var(--blue);
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px;
}

.block--lidovky .lidovky-art-link img { 
    flex:1 100px;
    max-width: 96px;
}

.lidovky-art-link {
    color: var(--blue);
    font-weight: 600;
    display: flex;
    align-items: flex-start;
    text-decoration: none;
    padding-bottom: 14px;
    margin-bottom: 14px;
    border-bottom: 1px solid var(--greyBorder);
}

.lidovky-art-link:hover {
    text-decoration: underline;
}

.vcera-art {
    display: flex;
    border-bottom: 1px solid var(--greyBorder);
    padding: 0 0 10px 0;
    margin-bottom: 10px;
}

.vcera-art .art-date {
    flex:1 55px; 
    max-width: 55px;
}
.vcera-art .art-anotation {
    font-size: 14px;
    font-weight: 600;
    flex:1 100%; 
    max-width: calc(100% - 45px);
}

.info-icon {
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 600;
    height: 32px;
    line-height: 32px;
    width: 100%;
    margin: 8px 0;
    padding: 0 0 0 32px ;
    border: 1px solid rgba(47,34,34,0.5);
    border-radius: 4px;
    background-color: rgba(47,34,34,0);
    box-shadow: 0 4px 7px 0 rgba(0,0,0,0);
    text-decoration: none;
}


.info-icon--e-mail:before,
.info-icon--link:before {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 8px;
    width: 16px;
    height: 16px;
    background-image: url("../../../o/np/link-np.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
}


.info-icon--e-mail:before {
    top: 8px;
    background-image: url("../../../o/np/mail-np.svg");
}



.social-icons:after {
    display: block;
    position: relative;
    content: "";
    clear: both;
}
.soc-icon {
    display: block;
    float: left;
    text-decoration: none;
    line-height: 32px;
    margin-right: 12px;
}

.soc-icon span {
 display: block;
 float: left;
 height: 32px;
 width: 32px;
 margin-right: 8px;
 border-radius: 4px;
 background-color: #159B4A;
 background-repeat: no-repeat;
 background-size: auto 75%;
 background-position: 50% 100%;
}

.soc-icon.soc-icon--fb span {
 background-image: url("../../../o/np/ico-facebook.svg");
}

.soc-icon.soc-icon--x span {
 background-image: url("../../../o/np/ico-twitter.svg");
 background-position: 50% 50%;
}

/* -------------- footer -------------- */

.advert-main-2 {
    margin: 0 25px 32px 25px;
} 

.pes-tag-cloud {
    border-top: 1px solid var(--greyBorder);
    margin: 0 25px 0 25px;
    text-align: center;
    padding: 16px 30px;
}

.pes-tag-cloud a {
    display: inline-block;
    margin: 0 6px;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    text-decoration: none;
}

.footer {
    background: var(--black);
    color: var(--white);
    padding: 1px;
}

.footer a {
    color: var(--white);
    text-decoration: none;
    font-weight: bold;
}

.footer-links span {
    display: inline-block;
    position: relative;
    line-height: 16px;
    padding: 0 8px 0 2px;
}

.footer-links span:after {
   content:"";
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   width: 1px;
   height: 16px;
   background: #fff;
}

.footer-links span:last-child:after {
   display: none;
}

.footer-in {
    margin: 45px auto;
    max-width: 80%;
    text-align: center;
    font-size: 12px;
}

.footer-info {
    margin-top: 6px;
    color: var(--grey);
}

.nav-burger {
    display: none;
}

#disc-list     {
 padding: 0 20px 20px 20px;
}

#disc-list .c1,
#disc-list .c2,
#disc-list .xd,
#disc-list
.false-table .row {
    display: flex;   
    padding: 0 10px;
    font-size: 13px;
}

#disc-list .c2,
.false-table .row:nth-child(even) {
    background: #f2f2f2;
}


#disc-list .c1 .half,
#disc-list .c2 .half,
#disc-list .xd .half,
.false-table .row .half
{
   flex: 2;
   padding: 10px;
}
#disc-list .c1 .quarter,
#disc-list .c2 .quarter,
#disc-list .xd .quarter,
.false-table .row .quarter
{
 flex: 1;
 padding: 10px;
}

.art-count__flex {
    display: flex;  
    margin:0 20px 20px 20px;  
    padding-top:    20px; 
}

.art-count__flex .item-select {
    flex: 5;  
}
.art-count__flex .item-select select {
   width:   100%;  
   line-height:     32px;
   height:  32px;
   border: 1px solid var(--greyBorder);
   border-radius: 4px;
}

.art-count__flex .item-submit {
    flex: 1; 
}

.art-count__flex .item-submit input {
    width:  80%;
    margin-left:    10%;
}


.sorting {
   margin:0 ;  
   padding-top: 0; 
}



.portal-g0 {position:relative;/* z-index:3; */padding:10px 25px;color:#263238;background:#eceff1;}
.portal-g0:after {content:''; display:block; clear:both}
.portalmenu-0, .p-date {line-height:2.6;font-size:75%;}
.p-date {float:left; white-space:nowrap /* iPad fix */}
.portalmenu-0 {position:relative; float:right}
.portalmenu-0 li {position:relative; display:inline-block; vertical-align:top; margin:0 0 0 1em;}
.portalmenu-0 .premlab, .portalmenu-0 .premlab:hover {margin:0 0 0 2em; font-size:100%}
.portalmenu-0 .premlab.premlab-big {vertical-align:top; margin:.15em 1em 0; padding:.5em 1.2em; font-size:116.6%}
.portalmenu-0 .premlab.premlab-expired {position:relative; vertical-align:top; margin:.15em 1em 0 3em; padding:.2em 1.2em; font-size:116.6%; background:#546E7A !important}
.portalmenu-0 .premlab.premlab-expired:before {content:''; position:absolute; top:50%; left:0; width:1.4em; height:1.4em; margin:-.7em 0 0 -2em; background:url('/u/icon/da2/warning.svg') no-repeat 50% 50% / contain}

.btn-prem, .btn-prem:hover {position:relative; overflow:hidden; display:inline-block; width:auto; height:auto; line-height:1.5; margin:0 auto .5em; padding:.9em 2em .7em; border:0; border-radius:.25rem; font-weight:700; font-size:129%; text-decoration:none !important; color:#000 !important; background:#E8B332 !important; box-shadow:0 2px 5px #b0bec5}
.btn-prem:after {content:''; position:absolute; top:0; right:-105%; left:auto; bottom:auto; width:100%; height:100%; background:linear-gradient(135deg, rgba(255,255,255,0) 33%, rgba(255,255,255,.8) 50%, rgba(255,255,255,0) 67%)}
.btn-prem:hover:after {right:105%; transition:.6s right}
/*
.iph-prem {display:flex; align-items:center; gap:.5rem }
.iph-prem .premlab, .iph-prem .btn-prem {margin:0; padding:0 .5rem; border-radius:.25rem; font-weight:700; font-size:110%; line-height:2.154; text-decoration:none; box-shadow:0 4px 8px rgba(0,0,0,.12);}
.iph-prem p {font-size:85%; line-height:1.2}
*/
.btn, .btn.btn-more {cursor: pointer;}
.iph-prem {display: none;}
.block--neff .links {
    margin-top: 5px;
}
.block--neff { 
  /*  border: 1px solid var(--greyBorder);*/

}

.block--neff .tit-ln {display: none;}

.block--neff .article { 

 font-size: 0.8em;
 display: block;
 padding-bottom: 3px;
 width: calc(100% - 93px);
 margin-left: 90px;
}

.block--neff .autor img  { 
    float: left; 
    margin-right: 10px;
}

.icon-login0.active:after, .icon-login0.active:hover:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#FFF url('/u/icon/124/close-i.svg') no-repeat 50% 50% / 1em 1em}
.icon-login0, .icon-login1 {color:#000; font-weight:700;}
a.icon-login1, .q-prihlasen a.icon-login0 {display:none;text-decoration: none;}
.q-prihlasen a.icon-login1 {display:block;text-decoration: none;}

a.icon-login1:hover, .q-prihlasen a.icon-login0:hover, .q-prihlasen a.icon-login1:hover { text-decoration: underline;}
.icon-login0:before, .icon-login1:before {content:''; float:left; display:block; width:1.4em; height:1.4em; margin:.35em .5em 0 0; background:no-repeat 50% 50% / cover }
.icon-login0:before {background-image:url('/o/lidovky_ln6/ico/ico-login0.svg')}
.icon-login1:before {background-image:url('/o/lidovky_ln6/ico/ico-login1.svg')}
.portalmenu-0 .p-inbox {display:none; margin-right:2em}
.q-prihlasen .portalmenu-0 .p-inbox {display:inline-block}
.p-inbox a {display:block; padding:0 0 0 2em; color:#37474f; background:url('/u/icon/344/mail2.svg') no-repeat 0 50% / 1.5em 1.5em;text-decoration: none; }
.p-inbox a:hover { text-decoration: underline; }
.p-inbox i {float:left; line-height:1.17; margin:.66em .5em 0 0; padding:0 .3em; border-radius:2px; color:#FFF; background:#e4201f; font-style:normal; animation:inbox 1000ms 3}


/* vybava clanku */
.complete.complete {position:relative; clear:both; width:100%; border-collapse:collapse; box-sizing:border-box}

.opener-foto, .opener-flv-player {position:relative; margin-bottom:1.5em; font-size:.75rem}
.opener-foto .relative {position:relative; display:block; overflow:hidden; text-decoration:none}
.opener-foto .relative img {display:block; width:100%; height:auto}
.opener-foto .relative .more-gal {position:absolute; bottom:10px; right:10px; height:2.25em; line-height:2.25; padding:0 1.5em 0 2.5em; border-radius:.25em; color:#FFF; background:url('/u/icon/fff/gallery.svg') no-repeat .75em 50% / 1.25em, rgba(16,36,71,.8) url('/u/icon/fff/arrow2-right.svg') no-repeat calc(100% - .375em) 50% / .75em; font-weight:700; font-size:18px; text-align:right; overflow:hidden; cursor:pointer}
.opener-foto a:hover .more-gal {background-color:rgba(16,36,71,1)}
.opener-foto .more-gallery {position:absolute; bottom:15px; right:15px; z-index:10; overflow:hidden; border-radius:.25rem; line-height:50px; text-align:right; overflow:hidden; cursor:pointer}
.overopener .opener-foto .more-gallery {right:83px}
.opener-foto .more-gallery u, .opener-foto .more-gallery b {float:left; text-decoration:none; color:#FFF}
.opener-foto .more-gallery u {padding:0 16px 0 46px; font-weight:700; font-size:20px; font-family:'Fira Sans', sans-serif; background:rgba(16,36,71,.8) url('/u/icon/fff/gallery.svg') no-repeat 16px 50% / 20px 20px}
.opener-foto a:hover .more-gallery u {background-color:rgba(16,36,71,1)} 
.opener-foto .more-gallery b {min-width:2.8em; padding:0 .2em; font-weight:400; font-size:18px; text-align:center; background:rgba(228,31,31,.9)}
.opener-foto a:hover .more-gallery b {background-color:rgba(228,31,31,1)}
.opener-foto .more-gallery b:before {content:'+'}
.opener-foto .overlap {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:url('/u/free.gif') repeat; text-decoration:none; cursor:pointer}
.opener-foto p.opener-foto-info {padding:.462em 0 0; /*border-top:1px solid #CFD8DC;*/ line-height:1.3846; font-size:.8125rem; color:#546E7A}
p.opener-foto-info a {color:inherit; text-decoration:none}
p.opener-foto-info a:hover {text-decoration:underline}
.opener-foto .mark-video {position:absolute; top:50%; left:50%; z-index:1; width:8rem; height:8rem; margin:-4rem 0 0 -4rem}
.opener-foto .mark-video span {position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; padding:0}

.imagelist, .imagelist.imagelist {clear:both; display:flex; gap:1rem; margin:0 0 1rem}
.imagelist + .imagelist-desc {margin-top:-1rem}
.imagelist > .fc0 {display:none}
.imagelist .cell {flex:1; position:relative; display:block}
.imagelist .cell > a {display:block}
.imagelist .cell p a {display:inline}
.imagelist.imagelist p, .imagelist p {display:block; clear:both; margin:0; padding:.462em 0 0; font-size:.8125rem; line-height:1.3846; color:#546E7A}
.imagelist.imagelist p ~ p {border:0}
.imagelist img {width:100%; height:auto; vertical-align:middle}
.imagelist-fl, .text .imagelist-fl {clear:left; float:left; margin-right:15px}
.imagelist-fr, .text .imagelist-fr {clear:right; float:right; margin-left:15px}
.imagelist-fl.imagelist-fl, .imagelist-fr.imagelist-fr {display:table; width:1em}
.imagelist-fl.imagelist-fl img, .imagelist-fr.imagelist-fr img, .imagelist-fl.imagelist-fl .cell, .imagelist-fr.imagelist-fr .cell {max-width:230px; width:auto; height:auto}

.imagelist-flex.imagelist-fl, .imagelist-flex.imagelist-fr {width:230px; max-width:40%}
.imagelist-flex img {width:100%; height:auto}
.imagelist-flex .imagespace {position:relative; overflow:hidden; display:block; width:100%; height:0; padding:50% 0 0}
.imagelist-16ku9 .imagespace {padding-top:56.25%}
.imagelist-4ku3 .imagespace {padding-top:75%}
.imagelist-1ku1 .imagespace {padding-top:100%}
.imagelist-4ku5 .imagespace {padding-top:125%}
.imagelist-flex.imagelist-flex .imagespace img {position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; object-fit:cover}

.imagelist.imagelist-fotogal1 {gap:0; position:relative; width:100%; overflow:hidden}
.complete-half-r .imagelist-fotogal1 {width:269px; margin-bottom:1rem}
.imagelist-fotogal1 .more-gallery {position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; display:flex; align-items:flex-end; text-align:center; color:#FFF; background:linear-gradient(rgba(16,36,71,0) 50%, rgba(16,36,71,.8) 100%); text-decoration:none; box-sizing:border-box}
.imagelist-fotogal1 .more-gallery:hover {background:linear-gradient(rgba(16,36,71,0) 50%, rgba(16,36,71,1) 100%)}
.imagelist-fotogal1 .more-gallery .cell {float:none; padding:0 0 1em}
.imagelist-fotogal1 .more-gallery h3 {margin:0 auto .2em; font-size:1.25rem; line-height:1.2}
.imagelist-fotogal1 .more-gallery h3:before {content:''; display:inline-block; width:.8em; height:.8em; vertical-align:top; margin:.2em .4em 0 0; background:url('/u/icon/fff/gallery.svg') no-repeat 50% 50% / contain}
.imagelist-fotogal1 .more-gallery span {display:inline-block; line-height:1.7em; padding:0 .85em; border:1px solid #FFF; border-radius:.25rem; font-size:.875rem; line-height:1.6}
.imagelist-fotogal1 .more-gallery b {font-weight:800}
.imagelist.imagelist-fotogal4 {gap:0; margin:0 0 1rem}
.imagelist-fotogal4 .cell ~ .cell {margin-left:1px}
.imagelist-fotogal4 .more-gallery {position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; display:flex; align-items:center; text-align:center; color:#FFF; background:rgba(16,36,71,.8)}
.imagelist-fotogal4 .more-gallery:hover {background-color:rgba(16,36,71,.9)}
.imagelist-fotogal4 .more-gallery .cell {flex:1; margin:0}
.imagelist-fotogal4 .more-gallery .cell span {display:inline-block; margin:4px auto 0; padding:24px 0 0; font-size:.8125rem; line-height:1.385; background:url('/u/icon/fff/gallery.svg') no-repeat 50% 0 / 20px 20px}
.imagelist-fotogal4 .more-gallery b {font-weight:800}
.imagelist + .imagelist.imagelist-fotogal4 {position:relative; margin:-1rem 0 1.5rem; border-top:1px solid transparent}



.col-a .warning {
    margin: 0 1.5rem 1.5rem;  
    padding: 1.5rem;
    border-radius: 6px;
    color: #263238;
    background: #EFF3F9; font-weight: 700;
    font-size: 100%;
    line-height: 1.25;
} 

@media (max-width:766px) {
    .ahead {display:none !important}
    .hpa, [class*="s_halfpagead"], .s_widesquare, .s_widesquare_clankovy, .s_widesquare_spodni, .s_wallpaper, .s_widesquare_clankovy2, .s_widesquare_clankovy3 {display:none}
}

@media (min-width:766px) and (max-width:1029px) {
	.ahead {display:none !important}
	.s_wallpaper {display:none}	
}

@media (min-width:766px)   {   
    .s_m_branding, [class*="touch-2"].r-main, #m_sticky, #m_sticky_foto, #m_vignete {display:none}
}

#hyper300 {
	display:none; /* docasny fix 07/2024 */
    background: transparent;
    padding-top: 10px;
}

@media screen and (max-width:1030px) {


    .samostatny-nadpis .profil-foto {

        margin:15px 15px 0 15px;

    }

    .art-content .r-main {
        overflow-x: hidden;
        max-width: 100%;
    }

    .art-content iframe {
        max-width: 100%;
    } 

    body {
        font-size: 0.83rem;
    }    

    .col-a {
        width: calc(100% - 325px);
    }

    .col-a .art .art-img {
        float: left;
        width: 110px;
        height: 82px;
        margin: 18px;
        position: relative;
    }
    .col-a .art .art-anotation,
    .col-a .art .art-info,
    .col-a .art h3 {

        width: calc(100% - 164px);
    }

    ul.main-nav li span.vice-btn, ul.main-nav li a {

        font-size: 0.9em;

    }

    .psi-hlava .top a {
        text-decoration: none;
        font-size: 1em;

        margin-left: 18px;
    }

    .psi-hlava h1 a, .psi-hlava h2 a {
        display: block;
        width: 373px;
        height: 53px;

    }


}

@media screen and (max-width:766px) {

    .col-a .r-main,
    .col-b .r-main {
        padding: 0 20px;
    }

    #portal-g0 .p-date {display: none;}
    .reklama {
        margin-top: 20px;
    }

    .psi-hlava .top a {
        text-decoration: none;
        font-size: 13px;
        font-weight: 600;
        line-height: 50px;
        margin-left:0;
        text-align: center;
        display: block;
    }

    .psi-hlava .top {
        margin-top: 10px;
        float: left;
        width: 100%;
    }

    .psi-hlava .top li {width: 24.5%;}

    .vice-btn .vice-btn-more {
        display: none;
    }

    .vice-btn > ul {
        display: block;
        position: relative;
        top: auto;
        padding-right: 0;
        left: auto;
        background: #fff;
        box-shadow: none;   
    }

    ul.main-nav .vice-btn > ul li {
        max-width: 100%;
    }

    .nav-burger {
        display: block;
        position: relative;
        float: right;
        width: 25px;
        height: 22px;
        margin-top: 15px;
        cursor: pointer;
    }

    .burger-top,
    .burger-mid,
    .burger-bot {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 3px;
        border-radius: 2px;
        background: var(--black);
    }

    .burger-mid  {
        top: 9px;
    }

    .burger-bot {
        top: 18px; 
    }

    .psi-hlava h1 a, 
    .psi-hlava h2 a {
        width: 100%;
        height: 0;
        padding: 0px 0 14% 0;
    }

    .psi-hlava h1, 
    .psi-hlava h2  {
     width: calc(100% - 50px);
 }

 #main .m-bg-4 {
    max-width: 480px; 
}

#content {
    flex-wrap: wrap;
}

.col-a {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

h1 {font-size: 1.4em}

.art .art-anotation {
    display: none;
}

.profil-autora .art .art-anotation {
    display: block;
}

.col-a .art h3 {

    line-height: 1.3em;
}

.col-a .art h3 {
    margin: 15px 18px 5px 0;
    float: right;
    width: calc(100% - 153px);
}

.col-a .art .art-info {
    margin: 5px 18px 15px 0;
    float: right;
    width: calc(100% - 153px);
}

.col-a .opener .art-info  {
    margin: 15px 18px 5px 0;padding-left: 8px;
    float: none;
    width: 100%;
    clear:both;
}

.col-a .opener .art-content h3 {
   display: block;float: left;padding-left: 8px;
}

.col-a .opener .art-content {
    width: 100%;
}

.col-b {
    margin-right: 0;
    width: 100%;
    max-width: 100%;
    padding: 20px ;
}

.col-a .full-art, 
.col-a .opener, 
.col-a .art {
    padding: 10px;
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
    position: relative;
}

.col-a .full-art  {
    padding: 20px;
}

.col-a .art:before {
 width: calc(100% - 40px);
 left: 20px;
 bottom: 0;
 position: absolute;
 display: block;
 content: "";
 border-bottom: 1px solid var(--greyBorder);
}

ul.main-nav {
    flex-wrap: wrap;
    max-height: 0;
    transition: max-height 0.5s ease;
    overflow: hidden;
}

ul.main-nav li {
    flex: 1 100%;
}

ul.main-nav.active {
    max-height: 800px;
}

.profily .profil.autor {
    flex: 1 33%;
    max-width: 32%;
}

.col-a .art .art-img {
    float: left;
    width: 116px;
    height: 80px;
    margin: 8px;
    position: relative;
}
}


@media screen and (max-width:700px) {
    p, .komentar .text p {
        font-size: 13px;
        line-height: 23px;
    }

    .psi-hlava {

        padding: 18px 20px;
    }


    .profily .profil.autor {
        flex: 1 50%;
        max-width: 49%;
    }
}

@media screen and (max-width:600px) {
    .flex-ja > * {
        flex: 1 100%;
        max-width: 100%;
        margin: 1%;
    }


    .nav-n4 .tac b, .nav-n4 a {
      font-size: 78%;
      margin-right: 0px;
      margin-left: 0px;

  }


  .nav-n4 .tar a,
  .nav-n4 .tal a {
    overflow: hidden;
    position: relative;
    width: 32px;
    text-indent: -6666px;
    display: block;
}

.nav-n4 .tar a span {display:none; }
.nav-n4 .tal a span {display:none; }


.nav-n4 .tar a:after,
.nav-n4 .tal a:after {
  width: 8px;
  height: 8px;
  display: block;
  content: "";
  position: absolute;
  top: 10px;
  left: 9px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(-45deg);
}
.nav-n4 .tal a:after {
    transform: rotate(135deg);
    top: 10px;
    left: 13px;
}

}

@media screen and (max-width:420px) {
  .claim {

   display: none;

}
}


@media print {
    .claim {
        margin:10px 0;
        position: relative;
        font-size: 11px;
        bottom: auto;
        left: auto;
    }

    .psi-hlava h1 a, 
    .psi-hlava h2 a {
        display: block;
        width: 100%;
        height: auto;
        text-indent:0px;
        background:transparent;
        overflow: visible;
    }
    .col-a .full-art {
        margin-bottom: 25px;
        border-radius: 0;
        box-shadow: 0 0 0 0 transparent;
        background: transparent;
        display: block;   
    }


    .full-art .links,
    .art-diskuse,
    .psi-hlava ul.top,
    .list-art,
    #portal-g0,
    .footer,
    .advert-main-2,
    .pes-tag-cloud,
    #portal .nav,
    #content .col-b {
        display: none !important;
    }


    .col-a .full-art, .col-a .opener {

        box-shadow: 0 0 0 0 transparent;

    }
}