/* Pozadí jednoho boxu*/
.novvc-31-179-block{
height: 300px;
width:90%;
box-sizing:border-box;
float:left;
margin: 0 1% 2% 1%;
padding: 15px 15px 15px 15px;
background: linear-gradient(#FFFFFF, #F9F9DF);
position:relative;
text-align:left;
border-style: solid ; border-color: brown; border-width: 0px;
}
/*pozadí pod Napisem jednoho boxu aktuality*/
.novvc-31-179-block > h3{
font-size:90%;
font-weight:bold;
display:block;
box-sizing:border-box;
position:relative;
width: 100%;
height: 50px;
margin:0;
overflow: hidden;
text-align:center;
border-style: solid ; border-color: purple; border-width: 0px;
}

/*pozadí pod Číst článek*/
.novvc-31-179-block > odkaz{
font-size:80%;
font-weight:regular;
margin: 26px 0 0px 0;
text-align: center;
display:block;
box-sizing:border-box;
position:relative;
width: 100%;
height: 35px;
overflow: hidden;
border-style: solid ; border-color: blue; border-width: 0px;
}



/* pozadí pod nadpisem jednoho boxu*/
.novvc-31-179-block > h3 > div{
position: absolute; 
left: 0; 
bottom: 0; 
height: 10px; 
width: 100%;
background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 1)));
background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
background-image: linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
border-style: solid ; border-color: yellow; border-width: 0px;
}
/*Nadpis aktuality v boxu*/
.novvc-31-179-block > h3 > a{
text-decoration:none;
color:#302a68;
border-style: solid ; border-color: green; border-width: 0px;
}
/*PROSTOR ZA OBRÁZKEM*/
.novvc-31-179-block > a{
display:block;
box-sizing:border-box;
height:50%;
width:100%;
text-align:center;
position: absolute; 
left: 0; 
bottom: 0; 
padding: 0 15px 15px 15px;
border-style: solid ; border-color: red; border-width: 0px;
}
/*odkaz z textu*/
.novvc-31-179-block > a > span{
display:inline-block;
height:100%;
vertical-align:middle;

}
/*odkaz z obrázku*/
.novvc-31-179-block > a > img{
max-height:100%;
max-width:100%;
vertical-align:middle;
border-style: solid ; border-color: blue; border-width: 0px;
}

/*Hlavní text*/
.novvc-txt-31-179{
font-size:80%;
height: 30px; 
margin: 0px 0 1px 0;
text-align: center;
border-style: solid ; border-color: #0D8E3E; border-width: 0px;
}


.novvc-txt2-31-179{
font-size:90%;
border-style: solid ; border-color: #CA4586; border-width: 0px;
}



@media only screen and (max-width:768px) {
 .novvc-31-179-block{
  width:100%;
  margin: 0;
  height: auto;
 }

.novvc-31-179-block > a{
display:block;
box-sizing:border-box;
height:50%;
position: relative; 
padding: 0 15px 15px 15px;
margin: 15px 0 0 0;
border-style: solid ; border-color: #C1A500; border-width: 0px;
}
}

.novvc-33-180-block{
height: 300px;
width:23%;
box-sizing:border-box;
float:center;
margin: 0 1% 2% 1%;
padding: 15px 15px 15px 15px;
background: linear-gradient(#FFFFFF, #F9F9DF);
position:relative;
text-align:left;
}

.novvc-33-180-block > h3{
font-size:90%;
color: RED;
font-weight:bold;
display:grid;
grid-template-columns: 1fr 1fr 1fr;
position:relative;
width: 100%;
height: 50px;
margin:0;
overflow: hidden;
text-align:center;
}

#jen-mobil-34-181 {
width:500px;
height:215px;
border-style: solid ; border-color: red; border-width: 1px;
}

#jen-mobil-34-181 {

width:100%;
height:215px;

#jen-mobil-34-181{visibility:hidden}@media only screen and (max-width:768px){.
#jen-mobil-34-181{visibility: visible;}}</style>

}


.kontejner-23-203 {


/*word-break: break-all;*/
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.kontejner-23-203 table {








font-size:100%;



background-repeat:no-repeat;

}

.kontejner-23-203 th {









font-size:100%;


background-repeat:no-repeat;


}


.kontejner-nadp-23-203 td {








font-size:100%;



background-repeat:no-repeat;


}

.kontejner-nadp-23-203 a {

}

.kontejner-obr-23-203 td {








font-size:100%;



background-repeat:no-repeat;


}

.kontejner-obr-23-203 img {
width:80px;
}

.kontejner-txt-23-203 td {








font-size:100%;



background-repeat:no-repeat;


}

.kontejner-txt2-23-203 td {








font-size:100%;



background-repeat:no-repeat;

background-position: bottom left;

}

.kontejner-24-204 {
width:px;
height:px; overflow-y: auto; overflow-x: hidden;
/*word-break: break-all;*/
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.kontejner-24-204 table {
margin-top:px;
margin-right:px;
margin-bottom:px;
margin-left:px;
padding-top:px;
padding-right:px;
padding-bottom:px;
padding-left:px;
font-size:%;
color:#;
background-color:#;

background-repeat:;
text-align:;
}

.kontejner-24-204 th {




padding-top:px;
padding-right:px;
padding-bottom:px;
padding-left:px;
color:#;
font-size:%;
background-color:#;

background-repeat:;
text-align:;
width:px;
}


.kontejner-nadp-24-204 td {




padding-top:px;
padding-right:px;
padding-bottom:px;
padding-left:px;
font-size:%;
color:#;
background-color:#;

background-repeat:;
text-align:;
width:px;
}

.kontejner-nadp-24-204 a {
color:#;
}

.kontejner-obr-24-204 td {




padding-top:px;
padding-right:px;
padding-bottom:px;
padding-left:px;
font-size:%;
color:#;
background-color:#;

background-repeat:;
text-align:;
width:px;
}

.kontejner-obr-24-204 img {
width:150px;
}

.kontejner-txt-24-204 td {




padding-top:px;
padding-right:px;
padding-bottom:px;
padding-left:px;
font-size:%;
color:#;
background-color:#;

background-repeat:;
text-align:;
width:px;
}

.kontejner-txt2-24-204 td {




padding-top:px;
padding-right:px;
padding-bottom:px;
padding-left:px;
font-size:%;
color:#;
background-color:#;

background-repeat:;
text-align:;
background-position: bottom left;
width:px;
}

.unibox-items {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.unibox-item {
  width: calc((100% - 20px) / 3);
  box-sizing: border-box;
  flex-shrink: 0;
  background-color: #DADADA;
  border: none;
  border-radius: 6px;
  padding: 10px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.unibox-header {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}

.unibox-image {
  max-width: 40%; /* nebo 50%, podle potřeby */
  flex: 0 0 40%;
}

.unibox-image img {
  width: 100%;
  max-width: 223px;
  height: auto;
  display: block;
}

/* Skrytí obrázku, pokud není načtený */
.unibox-image img[src="/"],
.unibox-image img[src=""],
.unibox-image img:not([src]),
.unibox-image img:not([src]):not([alt]) {
  display: none;
}

.unibox-image:empty {
  display: none;
}

.unibox-text {
  flex: 1;
}

.unibox-text h1 {
  margin: 0 0 8px 0;
  color: #cc1f1f;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
}

.unibox-text div {
  margin: 0 0 14px 0;
  color: #6b6b6b;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
}

.unibox-text a[href^="#"] {
  display: block;
  margin-top: 20px;
  font-weight: 700;
  color: #b30000;
  text-decoration: underline;
  font-size: 14px;
  text-align: center;
}

/* Když obrázek chybí, roztáhnout text */
.unibox-item.no-image .unibox-image {
  display: none;
}

.unibox-item.no-image {
  display: block;
}

.unibox-item.no-image .unibox-text {
  width: 100%;
}

@media (max-width: 768px) {
  /* Globální nastavení pro obrázkový blok */
  .unibox-image {
    max-width: none !important;
    width: auto !important;
    flex: 0 0 auto !important;
  }

  /* Skrytí obrázku, pokud není načtený */
  .unibox-image img[src="/"],
  .unibox-image img[src=""],
  .unibox-image img:not([src]),
  .unibox-image img:not([src]):not([alt]) {
    display: none !important;
  }

  /* Skrytí celého obrázkového kontejneru, pokud je prázdný */
  .unibox-image:empty {
    display: none !important;
    max-width: 0 !important;
    width: 0 !important;
    flex: 0 0 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    overflow: hidden !important;
  }

  /* Text se roztáhne na 100 %, pokud není obrázek */
  .unibox-item .unibox-image:empty + .unibox-text {
    width: 100% !important;
    padding-left: 0 !important;
    text-align: center !important;
  }

  /* Layout pro položky s obrázkem */
  .unibox-item {
    flex-direction: row;
    width: 100%;
  }

  

  .unibox-item .unibox-text {
    width: 50%;
    flex: 1;
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.unibox-items {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.unibox-item {
  width: calc((100% - 20px) / 3);
  box-sizing: border-box;
  flex-shrink: 0;
  background-color: #DADADA;
  border: none;
  border-radius: 6px;
  padding: 10px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.unibox-header {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}

.unibox-image {
  max-width: 40%; /* nebo 50%, podle potřeby */
  flex: 0 0 40%;
}

.unibox-image img {
  width: 100%;
  max-width: 223px;
  height: auto;
  display: block;
}

/* Skrytí obrázku, pokud není načtený */
.unibox-image img[src="/"],
.unibox-image img[src=""],
.unibox-image img:not([src]),
.unibox-image img:not([src]):not([alt]) {
  display: none;
}

.unibox-image:empty {
  display: none;
}

.unibox-text {
  flex: 1;
}

.unibox-text h1 {
  margin: 0 0 8px 0;
  color: #cc1f1f;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
}

.unibox-text div {
  margin: 0 0 14px 0;
  color: #6b6b6b;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
}

.unibox-text a[href^="#"] {
  display: block;
  margin-top: 20px;
  font-weight: 700;
  color: #b30000;
  text-decoration: underline;
  font-size: 14px;
  text-align: center;
}

/* Když obrázek chybí, roztáhnout text */
.unibox-item.no-image .unibox-image {
  display: none;
}

.unibox-item.no-image {
  display: block;
}

.unibox-item.no-image .unibox-text {
  width: 100%;
}

@media (max-width: 768px) {
  /* Globální nastavení pro obrázkový blok */
  .unibox-image {
    max-width: none !important;
    width: auto !important;
    flex: 0 0 auto !important;
  }

  /* Skrytí obrázku, pokud není načtený */
  .unibox-image img[src="/"],
  .unibox-image img[src=""],
  .unibox-image img:not([src]),
  .unibox-image img:not([src]):not([alt]) {
    display: none !important;
  }

  /* Skrytí celého obrázkového kontejneru, pokud je prázdný */
  .unibox-image:empty {
    display: none !important;
    max-width: 0 !important;
    width: 0 !important;
    flex: 0 0 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    overflow: hidden !important;
  }

  /* Text se roztáhne na 100 %, pokud není obrázek */
  .unibox-item .unibox-image:empty + .unibox-text {
    width: 100% !important;
    padding-left: 0 !important;
    text-align: center !important;
  }

  /* Layout pro položky s obrázkem */
  .unibox-item {
    flex-direction: row;
    width: 100%;
  }

  

  .unibox-item .unibox-text {
    width: 50%;
    flex: 1;
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}