@charset "utf-8";
/* CSS Document */
#portmain .art-middle .vypis.typ-vypis-2 {
 
  justify-content: space-between;
}

#podbody #portmain .onecol .vitem {
 width: 49%;
  padding: 0px !important;
  margin-bottom: 1vw;
}

#portmain .art-middle .typ-vypis-2 .vmini {
   width: 50%;
}

#portmain .art-middle .typ-vypis-2 .vitem .inn{
 display: flex;

}

#portmain .art-middle .typ-vypis-2 .vitem .inn .vabst {
  text-align: center;
  padding: 0px 5px;
  color: white;
 
 }

#portmain .art-middle .typ-vypis-2 .vitem .wrapitem2 {
 display: flex;
flex-wrap: wrap;
flex-direction: column;
align-content: center;
justify-content: center;
width: 50%;
padding:20px;

text-align: center;
box-sizing: border-box;
}

#portmain .art-middle .vsubj {
 
  text-align: center;
}

#portmain .art-middle .vdetail {
 
  text-align: center;
  MARGIN-TOP:10PX;
}
#portmain .art-middle .typ-vypis-2 .vdetail a {
 background-color: transparent;
  floAT: NONE;
 
}
#portmain .art-middle .typ-vypis-2 .vmini img {

  height: 250px;
  object-fit: cover;
}

#portmain .art-middle .typ-vypis-2 .vitem:nth-child(2n+1).inn {
  
  flex-direction: row-reverse;
}

#podbody #portmain .onecol .vypis .vitem:nth-child(4n+3) .inn, #podbody #portmain .onecol .vypis .vitem:nth-child(4n+4) .inn {
 

  flex-direction: row-reverse;
}
#podbody #portmain .onecol .typ-vypis-2 .vitem .vdetail a {
  /*background-color: #a32923 !important;*/
}

#portmain .art-middle .typ-vypis-2  .vtitle {
 
  font-size:2em;
  position: static;
  line-height: 1.2em;
}

#port-middle .vmini img {
  border: 1px solid rgba(255, 255, 255, 0.61);
 
}

body .row-slider {
 
  padding-top: 120px;
 
}
/* preformat - vedlejsi stranka*/
#mainwrap .grid.grid-pad .col-2-3, #mainwrap .grid.grid-pad .col-1-3  {
  width: 100%;
}
@media only screen and (max-width: 730px) {
  #podbody #portmain .onecol .vitem {
    width: 100%;
     
   }
}

@media only screen and (max-width: 480px) {
  #portmain .art-middle .typ-vypis-2 .vtitle {
    font-size: 1.5em;
    
  }
}

@media only screen and (max-width: 360px) {
  #portmain .art-middle .typ-vypis-2 .vtitle {
    font-size: 1.2em;
    padding: 5px;
    
  }
  
}

@media only screen and (max-width: 250px) {
  #portmain .art-middle .typ-vypis-2 .vitem .inn, #podbody #portmain .onecol .vypis .vitem:nth-child(4n+3) .inn, #podbody #portmain .onecol .vypis .vitem:nth-child(4n+4) .inn {
    flex-direction: column;
  }

  #portmain .art-middle .typ-vypis-2 .vmini, #portmain .art-middle .typ-vypis-2 .vitem .wrapitem2 {
    width: 100%;
  }
  
}