[class^="pgkt-vy"] .vypis1  {
   display: flex;
  }

[class^="pgkt-vy"] .vypis1 .vitem {
   text-align: center;
  }

 .vypis1:not(.typ-vypis-twins2-chess) img,  .ai-blok-imgfile .inn .ai-imgfile img {
  border-radius: 20px;
  }

[class^="pgkt-vy"]  #portmain .art-middle .typ-vypis-1 .vtitle {
  border-bottom: none;
  margin-top: 10px;
}

[class^="pgkt-vy"] #portmain .art-middle .typ-vypis-1 .vabst {
  padding-top: 15px;
  color: #6d6d6d;
  background-color: #ededed;
  border-radius: 5px;
  padding: 5px;
  margin: 10px 0;
}

 .ai-blok-imgfile .inn {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
  gap: 20px;
}
@media only screen and (min-width: 480.9px) {
#portmain .ai-blok-imgfile .inn .ai-imgfile {
 max-width: 40%;
}
#portmain .ai-blok-imgfile .inn .ai-imgfile img {
 max-height: 294px;
    object-fit: cover;
    min-height: 294px;
}
}
/* ----------- vypis cile -------------- */

/* -----------konec -------------- */

/* ----------- rozchodnik -------------- */
#portmain .art-middle  .vypis.typ-vypis-1.typ-vypis-rozchodnik  {
  gap:3px;
  justify-content: center;
  }

#podbody #portmain .art-middle  .vypis.typ-vypis-1.typ-vypis-rozchodnik .vitem  {
  padding: 0;
  margin: 0;

  }
  #podbody #portmain .art-middle  .vypis.typ-vypis-1.typ-vypis-rozchodnik .vitem .vtitle  {
  
font-size: 1.2rem;
  }

  #podbody.pgkt-ac #portmain .art-middle  .vypis.typ-vypis-1.typ-vypis-rozchodnik .vitem  {
  
  width: 48%;
 
  }

  @media only screen and (min-width: 1200.9px) {
#podbody #portmain .art-middle  .vypis.typ-vypis-1.typ-vypis-rozchodnik .vitem  {
  
  width: 23.6%;
 
  }
    #podbody.pgkt-ac #portmain .art-middle  .vypis.typ-vypis-1.typ-vypis-rozchodnik .vitem  {
  
  width: 33%;
 
  }


    #podbody #portmain .art-middle  .vypis.typ-vypis-1.typ-vypis-rozchodnik .vitem .vtitle  {
  
font-size: 1.4rem;
  }
}

  #portmain .art-middle .typ-vypis-1.typ-vypis-rozchodnik .vsubj a {
  color: #fff;
  
  margin-top: 0px;

}


#portmain #pgsc-1 .vypis.typ-vypis-rozchodnik .vitem .inn  {

    display: flex;
  
  align-items: center;
  background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 8%, rgba(194, 0, 0, 1) 21%);
  background:  rgba(194, 0, 0, 1) ;
  flex-direction:row-reverse;
  align-items: stretch;
  }


  .pgkt-vy #portmain #pgsc-1 .vypis.typ-vypis-rozchodnik .vitem .inn  {

   
  background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 8%, rgba(194, 0, 0, 1) 21%);
  background:  rgba(194, 0, 0, 1) ;
  background-color: #abc43d;
  }
   .pgkt-vz #portmain #pgsc-1 .vypis.typ-vypis-rozchodnik .vitem .inn  {
background-color: #179ea1;
  }
/*
#portmain #pgsc-1 .vypis.typ-vypis-rozchodnik .vitem:nth-of-type(4n+2) .inn {

  
   background:  rgb(255, 179, 0) ;
}
#portmain #pgsc-1 .vypis.typ-vypis-rozchodnik .vitem:nth-of-type(4n+3) .inn {

 
   background:  rgb(144, 183, 37);

}
 #portmain #pgsc-1  .vypis.typ-vypis-rozchodnik .vitem:nth-of-type(4n+4) .inn {

  background: linear-gradient(90deg,rgb(255, 255, 255) 0%, rgb(255, 255, 255) 8%, rgb(10, 154, 176) 21%);
   background:  rgb(10, 154, 176);

}*/

#portmain .art-middle #pgsc-1 .typ-vypis-rozchodnik .vmini {
 
  width: 51%;
}
 #portmain .art-middle #pgsc-1 .typ-vypis-1.typ-vypis-rozchodnik .vtitle {
  border-bottom: none;
  width: 50%;
  box-sizing: border-box;
}




#podbody #portmain #pgsc-1 .vypis.typ-vypis-rozchodnik .vitem img  {
    border-radius: 0px;
    border: 1px solid transparent;
    display: block;
    height: 100%;
  }

 #portmain #pgsc-1 .vypis.typ-vypis-rozchodnik .vitem:nth-of-type(4n+1) img {
   
    border: 1px solid rgb(222, 28, 28);
   
  }
 #portmain #pgsc-1 .vypis.typ-vypis-rozchodnik .vitem:nth-of-type(4n+2) img {
   
    border: 1px solid rgb(255, 196, 0);
   
  }
 #portmain #pgsc-1 .vypis.typ-vypis-rozchodnik .vitem:nth-of-type(4n+3) img {
   
   border: 1px solid rgb(144, 183, 37);
   
  }
 #portmain #pgsc-1 .vypis.typ-vypis-rozchodnik .vitem:nth-of-type(4n+4) img {
   
   border: 1px solid rgb(10, 154, 176);
   
  }

 #portmain #pgsc-1 .vypis .vitem.typ-vypis-rozchodnik .vmini a {
    display: block;
    position: relative;
  }

 #portmain #pgsc-1 .vypis.typ-vypis-rozchodnik .vitem .vmini a::after  {
     position: absolute;
  inset: 0;

  mix-blend-mode: lighten;
  pointer-events: none;
  content:"";
  width: 100%;
  height: 100%;
  /*border-radius: 20px;*/
  }
 #portmain #pgsc-1 .vypis.typ-vypis-rozchodnik .vitem .vmini a::after  {
   
 background: #d22d2d;
 
  }
  .pgkt-vy #portmain #pgsc-1 .vypis.typ-vypis-rozchodnik .vitem .vmini a::after  {
   
 background-color: #abc43d;
 
  }
    .pgkt-vz #portmain #pgsc-1 .vypis.typ-vypis-rozchodnik .vitem .vmini a::after  {
   
 background-color: #179ea1;
 
  }
  /*

#portmain #pgsc-1 .vypis.typ-vypis-rozchodnik .vitem:nth-of-type(4n+2) .vmini a::after {
   
 background: #ffbf00;
 
  }
#portmain #pgsc-1 .vypis.typ-vypis-rozchodnik .vitem:nth-of-type(4n+3) .vmini a::after {
   
 background: #a1b41d;
  }
#portmain #pgsc-1 .vypis.typ-vypis-rozchodnik .vitem:nth-of-type(4n+4) .vmini a::after {
   
 background: #009ab3;
  }*/
#portmain .art-middle .typ-vypis-1.typ-vypis-rozchodnik .vsubj a  {
 
  color: #ffffff;
 text-align: center;
  margin-top: 0px;
}

#portmain .art-middle .typ-vypis-1.typ-vypis-rozchodnik .vtitle {
  margin: auto;
  padding: 0px 15px;
}

.headerfoto .headernadpis span.obal2 {
  
  border: 1px solid rgba(255, 255, 255, 0.32);
  background-color: rgb(10, 154, 176);
  padding: 10px 20px;
  border-radius: 20px;
}
.pgkt-tc .headerfoto .headernadpis span.obal2,  .pgkt-ac .headerfoto .headernadpis span.obal2{
   
 background: rgba(194, 0, 0, 1);
  
}
.pgkt-vy .headerfoto .headernadpis span.obal2 {
 background-color: #9db537;
}

#portmain .vypis.typ-vypis-rozchodnik .vitem:nth-of-type(8n+1)  {
  border-radius: 20px 0 0 0;
 overflow: hidden;
}


/*#portmain #pgsc-1 .vypis.typ-vypis-rozchodnik .vitem:nth-of-type(8n+5) .inn, #portmain #pgsc-1 .vypis.typ-vypis-rozchodnik .vitem:nth-of-type(8n+6) .inn, #portmain #pgsc-1 .vypis.typ-vypis-rozchodnik .vitem:nth-of-type(8n+7) .inn, #portmain #pgsc-1 .vypis.typ-vypis-rozchodnik .vitem:nth-of-type(8n+8) .inn {
 

  flex-direction: row;
  
}*/

#portmain #pgsc-1 .vypis.typ-vypis-rozchodnik .vitem:last-of-type  {

 border-radius: 0 0 18px 0;
 overflow: hidden;
}
#portmain #pgsc-1 .vypis.typ-vypis-rozchodnik .vitem:last-of-type .inn  {

 border-radius: 0 0 20px 0;
 overflow: hidden;
}

/*
#portmain .vypis.typ-vypis-rozchodnik .vitem:nth-of-type(8n+5) {
 
order: 5;
  
}
#portmain .vypis.typ-vypis-rozchodnik .vitem:nth-of-type(8n+6) {
 
order: 6;
  
}*/
@media only screen and (max-width: 480px) {
#portmain #pgsc-1 .vypis.typ-vypis-rozchodnik .vitem:nth-of-type(2n+1) .inn {
 

  flex-direction: row-reverse;
   
}
#portmain #pgsc-1 .vypis.typ-vypis-rozchodnik .vitem:nth-of-type(2n+2) .inn {
 

  flex-direction: row;
   
}
}
/* -----------konec -------------- */
/* ----------- icony ve vypisu -------------- */

.pgkt-vyttpe .vypis .vdetail, [class^="pgkt-vyt"]  .vypis .vdetail {
    display: none;
  }

  .pgkt-vy #portmain .vypis .vitem  {
   margin-bottom: 50px;
  }

.pgkt-vy  .vypis .vitem img {
    border-radius: 20px;
  }

.pgkt-vy   #portmain .art-middle .typ-vypis-1 .vsubj a {
   text-align: center;
}
.subatrbox {
   display: flex;
   gap: 15px;
   margin: 5px 0px;
   justify-content: center;
}

.subatrbox>span{
   display: flex;
   align-content: center;
  align-items: center;
  gap: 2px;
}

.subatrbox span.in-k{
   font-size: 0;
}

.subatrbox [class^="subatr"]::before {
  display: block;
  width: 20px;
  height: 20px;
  background-color: #ffc146;
  font-weight: 900;
   margin: auto;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 17px;
 content: "";
  padding: 2px;
  border-radius: 5px;
  content: "\f545";
  color:white;
  text-align: center;
}

.subatrbox .subatr-v::before {
 
  content: "\f545";
  color:white;
  background-color: #ffc146;
} 
.subatrbox .subatr-o::before {
 
  content: "\f5cd";
  color:white;
  background-color: #c51818;
  display: none;
} 


.subatrbox .subatr-o {  
  color:white;
  background-color: #c51818;
  padding:1px 2px;
  border-radius: 5px;
} 

.subatrbox .subatr-o.subatr-o-lehk225, .subatrbox .subatr-o.subatr-o-l, .subatrbox .subatr-o-lehk253 { 
 
  background-color: #13a8c9;   
} 
.subatrbox .subatr-o.subatr-o-ls { 
 
  background: linear-gradient(45deg, #13a8c9 50%, #ffb033 50%);
} 

.subatrbox .subatr-o.subatr-o-st345edn, .subatrbox .subatr-o.subatr-o-s { 
  background-color: #ffb033;
  /*background: linear-gradient(45deg, #c51818 50%, #13a8c9 50%);*/
} 
.subatrbox .subatr-o.subatr-o-st { 
 
  background: linear-gradient(45deg, #ffb033 50%, #c51818 50%);
} 
.subatrbox .subatr-o.subatr-o-t, .subatrbox .subatr-o-t283382k,  .subatrbox .subatr-o-t283382k { 
 
 background-color: #c51818;
} 
/*
.subatrbox .subatr-o.subatr-o-st345edn { 
  background-color: #ffc146;
  background: linear-gradient(45deg, #c51818 50%, #13a8c9 50%);
} */


.subatrbox .subatr-n::before {
 
  content: "\f062";
  color:white;
  background-color: #8fa300;
} 

.subatrbox .subatr-kocarek::before {
 
  content: "\f77d";
  color:white;
  background-color: #13a8c9;
  display: none;
} 

.subatrbox .subatr-kocarek .in-d {
 display:none;
} 

#port-middle .tb-prispevek {
    text-align: center;
}


.tb-prispevek .subatrbox {
    margin: 40px 0px;
  
}

.ublock-trasa::before, .ublock-tip::before {
  display: block;
  width: 30px;
  height: 30px;
 background-color: #009ba2;
  margin: 0px auto 5px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 17px;
 content: "";
  padding: 2px;
  border-radius: 17px;
  content: "\f4d7";
  color:white;
  text-align: center;
  line-height: 30px;
  
} 

.ublock-trasa::before {
 
 background-color: #f7ae24;
 
  
} 

.ublock-tip::before {
 
  content: "\f164";
  
} 

.ublock-popis, .ublock-vhodne  {
background-color: #e9e9e9;
  padding: 5px;
  margin-bottom: 40px;
  border-radius: 10px;

} 

.ublock-popis p:last-of-type, .ublock-vhodne p:last-of-type {
margin-bottom: 0px;
} 
/* subatr-checkatribsbox*/ 
.checkatribsbox {
  display: flex;
  gap: 15px;
  margin: 5px 0px;
  justify-content: center;
}


.checkatribsbox span {
 font-size: 0px;
color: transparent;
} 

.checkatribsbox span::before {
  display: block;
  width: 20px;
  height: 20px;
  background-color: #ffc146;
  font-weight: 900;
  margin: auto;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 17px;
  content: "";
  padding: 2px;
  border-radius: 5px;
  content: "\f545";
  color: white;
  text-align: center;
  display: none;
}

.checkatribsbox .checkatrib-TTDT::before {
  content: "\f1ae";
  color: white;
  background-color: #c60811;
  display: block;
}
.checkatribsbox .checkatrib-TTKO::before {
  content: "\f206";
  color: white;
  background-color: #92a648;
  display: block;
}
.checkatribsbox .checkatrib-TTPE::before {
  content: "\f6ec";
  color: white;
  background-color: #92a648;
  display: block;
}
.checkatribsbox .checkatrib-TTPS::before {
  content: "\f6d3";
  color: white;
  background-color: #13a8c9;
  display: block;
}
.checkatribsbox .checkatrib-TTLY::before {
  content: "\f7c9";
  color: white;
  background-color: #13a8c9;
  display: block;
}

.checkatribsbox .checkatrib-TTKC::before {
  content: "\f77d";
  color: white;
  background-color: #92a648;
   background-color: #ffc146;
  display: block;
}
.checkatribsbox .checkatrib-TTVO::before {
  content: "\f773";
  color: white;
  background-color: #13a8c9;
  display: block;
}
.checkatribsbox .checkatrib-TTLB::before {
  content: "\f7ca";
  color: white;
  background-color: #13a8c9;
  display: block;
}
.checkatribsbox .checkatrib-TTSK::before {
  color: white;
 background-color: #13a8c9; 
  display: block;
   content: "";
 /* maska – tvar, který ořízne pozadí */
  mask-image: url("images/skialp.png");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-mode: luminance;


  /* pro WebKit prohlížeče (Safari, Chrome) */
  -webkit-mask-image: url("images/skialp.png");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-mode: luminance;
}
.checkatribsbox .checkatrib-TTBO::before {
  content: "\f7cb";
  color: white;
  background-color: #13a8c9;
  display: block;
}
.checkatribsbox .checkatrib-TTZP::before {
 
  color: white;
  background-color: #13a8c9;
  display: block;
  content: "\f6ec";
  
}
.checkatribsbox .checkatrib-TTAU::before {
 
  color: white;
 
   background-color: #c60811;
  display: block;
  content: "\f1b9";
  
}
.checkatribsbox .checkatrib-TTBB::before {
 
  color: white;
 
   background-color: #ffc146;
  display: block;
  content: "\f193";
  
}
.checkatribsbox .checkatrib-TTDS::before {
 
  color: white;
 background-color: #13a8c9; 
  display: block;
  content: "\f73d";
  
}
.checkatribsbox .checkatrib-TTBO::before {
 
  color: white;
 background-color: #13a8c9; 
  display: block;
   content: "";
 /* maska – tvar, který ořízne pozadí */
  mask-image: url("images/sledge.png");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-mode: luminance;


  /* pro WebKit prohlížeče (Safari, Chrome) */
  -webkit-mask-image: url("images/sledge.png");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-mode: luminance;
  
}