h2.clanek- {








 

}

img.clanek- {











}

table.clanek- {border-collapse:collapse;}

p.clanek- {
margin-top:0;
}

.clanek- {
clear:both;
height:99%;
margin:0 0 10px 0; /*sjednoceni odsazeni bloků - radek*/
}

.flash-video-3 {
clear:both; 
margin:0 0 10px 0;
width:99%;
}

.katalog-4 {clear:both; margin:0 0 10px 0;width:99%;}
.katalog-4-sudy {background-color:#F5F5F5;}
.katalog-4-lichy {background-color:#FFFFFF;}
.katalog-4 table {width:99%;border-bottom: 2px solid #D1D1D1;font-size:80%;clear:both;}
.katalog-4 td {border-color:#FFFFFF; padding:1px 1px 1px 1px;}
.katalog-4 th {background-color:#D1D1D1;}
.katalog-4-td-center {text-align:center;}
.katalog-4-strankovani {float:left;padding:5px 0 5px 3px;}
.katalog-4-pocet-polozek {float:right;padding:0 10px 0 0;}

.kontejner-5 {
clear:both; 
width:100%;
}

.kontejner-5 h2, h3{
margin:0;
padding:0;
font-size:100%;
}

.kontejner-5 table{
border:0;
margin:0;
padding:0;
border-collapse: collapse;
}

.kontejner-5 td{
border:0;
margin:0;
padding:0;
border-collapse: collapse;
}

.kontejner-5 th{
border:0;
margin:0;
padding:0;
border-collapse: collapse;
}

.clanek-blog-6{
 clear:both;
}

.clanek-blog-6 h3{
 display:block;
}

.cl-bl-obr-zar-vpravo-6{
 float:right;
 margin:3px 0 5px 13px;
 clear:both;
}

.cl-bl-obr-zar-vlevo-6{
 float:left;
 margin:3px 13px 5px 0;
 clear:both;
}

.cl-bl-obr-zar-vedle-6{
 float:left;
 margin:3px 13px 5px 0;
}

.cl-bl-obr-zar-stred-6{
 margin:auto;
 margin-top:3px;
 margin-bottom:5px;
 clear:both;
}

.cl-bl-obr-zar-p-6 {
 text-align:center;
 font-size:80%;
 clear:both;
}

.cl-bl-per-zar-vpravo-6{
 float:right;
 margin:3px 0 5px 13px;
 clear:both;
}

.cl-bl-per-zar-vlevo-6{
 float:left;
 margin:3px 13px 5px 0;
 clear:both;
}

.cl-bl-autor-6 {
 float:left;
 margin:5px 5px 5px 0;
 clear:both;
 font-size:80%;
}

.kat-list-8{
 clear:both;
}

.kat-list-detail-8 {
 clear:both;
}

.kat-list-detail-8 p {
 float:left;
 clear:both;
}

.kat-list-8 h3{
 display:block;
}

.kat-list-gal-obr-8{
 float:left;
 margin:5px 15px 5px 0;
 display:inline;
 /*clear:both;*/
}

.kat-list-param-kdyz-obr-vpravo-8 {
 float:left;
 margin:3px 13px 5px 0;
}

.kat-list-param-kdyz-obr-vlevo-8 {
 float:right;
 margin:3px 0 5px 13px;
}

.kat-list-obr-zar-vpravo-8{
 float:right;
 margin:3px 0 5px 13px;
 clear:both;
}

.kat-list-obr-zar-vlevo-8{
 float:left;
 margin:3px 13px 5px 0;
 clear:both;
}

.kat-list-autor-8 {
 float:left;
 margin:5px 5px 5px 0;
 clear:both;
 font-size:80%;
}

.clanek-blog-9{
 clear:both;
}

.clanek-blog-9 h3{
 display:block;
}

.cl-bl-obr-zar-vpravo-9{
 float:right;
 margin:3px 0 5px 13px;
 clear:both;
}

.cl-bl-obr-zar-vlevo-9{
 float:left;
 margin:3px 13px 5px 0;
 clear:both;
}

.cl-bl-obr-zar-vedle-9{
 float:left;
 margin:3px 13px 5px 0;
}

.cl-bl-obr-zar-stred-9{
 margin:auto;
 margin-top:3px;
 margin-bottom:5px;
 clear:both;
}

.cl-bl-obr-zar-p-9 {
 text-align:center;
 font-size:80%;
 clear:both;
}

.cl-bl-per-zar-vpravo-9{
 float:right;
 margin:3px 0 5px 13px;
 clear:both;
}

.cl-bl-per-zar-vlevo-9{
 float:left;
 margin:3px 13px 5px 0;
 clear:both;
}

.cl-bl-autor-9 {
 float:left;
 margin:5px 5px 5px 0;
 clear:both;
 font-size:80%;
}
/*
.kat-list-param-kdyz-obr-vpravo-9 {
 float:left;
 margin:3px 13px 5px 0;
}

.kat-list-param-kdyz-obr-vlevo-9 {
 float:right;
 margin:3px 0 5px 13px;
}
*/

.flash-banner-10 {
clear:both;
width:100%;
}

.gal2-11 {
clear:both; 
width:100%;
}

.gal2img-11{
margin:0;
padding:0 0 15px 0;
width:33%;
height:140px;
float:left;
/*border:1px solid red;*/
text-align:center;
position:relative;
}


.gal2img-11 a{
display:block;
position:absolute;
top:0px;
left:0%;
width:100%;
overflow:hidden;
}

.gal2img-11 img{
margin:0;
padding:0;
height:100px;
border: 1px solid #FFCC00;
}

.gal2img-11 a img:hover{
padding-left:300px;
border:0;
}

.gal2img-11 span{
display:block;
position:absolute;
top:1px;
left:0px;
width:100%;
overflow:hidden;
}

.gal2img-11 input{
width:100%;
height:100px;
border:0;
cursor:hand; 
cursor:pointer;
padding:0;
margin:0;
background:0;
background-repeat: no-repeat;
background-position: top center;
}



.gal2img-11 input:hover{
background-image: url("icosys/lb_blank.gif") !important;
background-repeat: no-repeat !important;
}

.gal2txt-11{
clear:both;
width:100%;
height:35px;
overflow:hidden;
}

.scs-12{
width:100%;
height:0px;
position:relative
}

.scsin-12{
width:390px;
height:30px;
position:absolute;
margin-left:-195px;
bottom:0px;
left:50%;
/*border:1px solid #F5F5F5*/
}

.scs-12 span{
 float:left;
}

.scs-fb-12{
 width:150px;
float:left;
}

.scs-tb-12{
 width:150px;
float:left;
}

.scs-go-12{
 width:90px;
float:left;
}

.jl-14{
width:100%
}

.jl-14 table{
width:100%;
border-collapse:collapse;
}

.jl-14 td{
vertical-align:middle;
border:0;
border-bottom:1px solid silver;
}


.jl-14-gr{
width:10%
}

.jl-14-naz{
text-align:left;
}


.jl-14-po{
font-size:90%;
font-style:italic;
}


.jl-14-ce{
width:15%;
text-align:right;
padding: 0 5px 0 0;
}


.jl-14-obr{
width:px;
}

/* --- Základní nastavení --- */
.podk-15 ul { 
    display: flex;           /* flex pro lepší kontrolu layoutu */
    flex-wrap: wrap;         /* přesun bloků pod sebe, pokud se nevejdou */
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.podk-15 li {
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 2%;
    text-align: center;
    border: 1px solid #d3d3d3;
    overflow: hidden;
    list-style: none;
    margin-bottom: 20px; 
    padding: 10px;
    flex: 0 0 auto;          /* pevná šířka, neškáluje se */
}

.podk-15 li a {
    display: block;
    text-decoration: none;
}

.podk-15 li a div {
    width: 90%;              /* obrázek 90% šířky bloku */
    height: auto;            /* výška podle proporcí */
    margin: 0 auto;          /* vycentrování */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.podk-15 li a h2 {
    font-weight: bold;  
    font-size: 100%;
    margin: 10px 0 0 0;
    color: #333333;
}

/* --- Desktopové pevné šířky --- */
.podktz5-15 li { width: 18%; margin-right: 2%; }
.podktz4-15 li { width: 22%; margin-right: 3%; }
.podktz3-15 li { width: 30.33333333332%; margin-right: 3%; }
.podktz2-15 li { width: 47%; margin-right: 3%; }
.podktz-15 li  { width: 22%; margin-right: 3%; }

/* Nadpisy pro jednotlivé bloky */
.podktz5-15 li a h2 { font-size: 80%; font-weight: bold; }
.podktz4-15 li a h2 { font-size: 100%; font-weight: bold; }
.podktz3-15 li a h2 { font-size: 110%; font-weight: bold; }
.podktz2-15 li a h2 { font-size: 120%; font-weight: bold; }
.podktz-15 li a h2  { font-size: 100%; font-weight: bold; }

/* --- Mobilní verze: 2 položky vedle sebe --- */
@media screen and (max-width: 768px) {
    .podk-15 li {
        width: 48%;          /* dvě položky vedle sebe */
        margin-right: 4%;
        margin-bottom: 20px;
    }

    /* každý druhý blok nemá margin-right */
    .podk-15 li:nth-child(2n) {
        margin-right: 0;
    }

    .podk-15 li a div {
        width: 90%;          /* obrázek stále 90% šířky bloku */
        margin: 0 auto;
        height: auto;
    }

    .podk-15 li a h2 {
        font-size: 100%;     /* případně zmenšit písmo */
        font-weight: bold;
    }
}


.clpo-16 {
 clear:both;
 width:100%;
 margin: 0 0 10px 0;
}

.clscho-16 img {
 border:0;
}

.clscho-vice-16{
 float:right;
}

.clpoper-16{
 font-style: italic;
 clear:both;
 width:100%;
}

.clpot-16 input{
 float:right;
 width:300px;
 padding: 5px 0 0 6px;
 border:0; 
 cursor:hand; 
 cursor:pointer;
 margin:0;
 background:0;
}

.clpodf-16 {
 clear:both;
 width:100%;
}

.clpodf-16 input{
 float:left;
 height:245px;
 padding: 0 5px 5px 0;
 border:0; 
 cursor:hand; 
 cursor:pointer;
 margin:0;
 background:0;
}

.clpofr-16{
 clear:both;
 width:100%;
 text-align:center;
}

.clpofr-16 input {
 width:150px;
 clear:both;
 border:0; 
 cursor:hand; 
 cursor:pointer;
 margin:0;
 background:0;
 padding-top:20px
}

.clpofr-16 p{
 clear:both;
 text-align:center;
}

.clscho-16{
 clear:both;
 width:100%;
 margin:0 0 50px 0;
}

.clscho-16 h2 a {
 text-decoration:none;
}

.clposign-16 {
 float:right;
 font-weight:bold;
 font-size:80%;
 clear:both
}

.nc-20 {
clear:both; 
width:100%;
margin: 0 0 10px 0;
}

.html5-banner-21 {
clear:both;
width:100%;
}

.ua-22 {
clear:both;
}
/*
.ua-22 h2 {
font-size:100%;
}*/

.kontejner-23 ul{
/*    display: table;*/
    display: block;
    box-sizing: border-box;
    clear: both;
    position: relative;
    padding: 0;
    margin:0;
}

.kontejner-23 li{
 margin-right: 0%;
    width: 285px;
    height: 466px;
    margin-bottom: 0px;
    padding: 0px;
    box-sizing: border-box;
    background: #FFFFFF none repeat scroll 0 0;
    border-radius: 0%;
    display: inline-block;
    backface-visibility: hidden;
    text-align: center;
    border: 0px solid #d3d3d3;
    overflow: hidden;
    list-style: outside none none;
}

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

.kontejner-23 li a h2, h3{
    margin:0;
    padding:0;
    font-size:100%;
}


.kontejner-24 {
clear:both; 
width:100%;
}

.kontejner-24 h2, h3{
margin:0;
padding:0;
font-size:100%;
}

.kontejner-24 table{
table-layout: fixed;
border:0;
margin:0;
padding:0;
border-collapse: collapse;
}

.kontejner-24 td{
border:0;
margin:0;
padding:0;
border-collapse: collapse;
}

.kontejner-24 th{
border:0;
margin:0;
padding:0;
border-collapse: collapse;
}

.kontejner-25 {
clear:both; 
width:100%;
}

.kontejner-25 h2, h3{
margin:0;
padding:0;
font-size:100%;
}

/*fade text on h2*/
.ealt > h2 > 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, 0));
 background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
 background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)));
 background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
 background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
 background-image: linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
 background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}


.kontejner-25 li{
 margin-right: 3%;
    width: 28.333333333332%;
    height: 250px;
    margin-bottom: 20px;
    padding: 10px;
    box-sizing: border-box;
    background: #FFFFFF none repeat scroll 0 0;
    border-radius: 0%;
    display: inline-block;
    backface-visibility: hidden;
    text-align: center;
    border: 1px solid #6D140E;
    overflow: hidden;
    list-style: outside none none;
}

.kontejner-25 ul li img {
height:150;
width: 80%;
}


.clpo-26 {
 clear:both;
 width:100%;
 margin: 0 0 10px 0;
}

.clpon-26 img {
 float:left;
 border:0;
 margin: 0 10px 10px 0;
}

.clpon-vice-26{
 float:right;
}

.clpoper-26{
 font-style: italic;
 clear:both;
 width:100%;
}

.clpot-26 input{
 float:right;
 width:px;
 padding: 0 0 0 10px;
 border:0; 
 cursor:hand; 
 cursor:pointer;
 margin:0;
 background:0;
}

.clpodf-26 {
 clear:both;
 width:100%;
}

.clpodf-26 input{
 float:left;
 height:px;
 padding: 0 5px 5px 0;
 border:0; 
 cursor:hand; 
 cursor:pointer;
 margin:0;
 background:0;
}

.clpon-26{
 clear:both;
 width:100%;
 margin:0 0 50px 0;
}

.clpon-26 h2 a {
 text-decoration:none;
}

.clposign-26 {
 float:right;
 font-weight:bold;
 font-size:80%;
 clear:both
}


.clpofr-26{
 clear:both;
 width:100%;
 text-align:center;
}

.clpofr-26:after
{
 content: ".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}

.clpofr-26 input {
 border:0; 
 cursor:hand; 
 cursor:pointer;
 margin:0;
 background:0;
 padding-top:20px
}

.clpofr-26 p{
}

.clpofr-26-0 input,.clpofr-26- input {
 width:px;
 clear:both;
}

.clpofr-26-0 p,.clpofr-26- p{
 clear:both;
 text-align:center;
}

.clpofr-26-1 input{
 width:px;
 float:left;
 margin:0 10px 10px 0;
 padding: 0px;
 clear:both;
}

.clpofr-26-1 p{
 clear:none;
 text-align:left;
}

.clpofr-26-2 input{
 width:px;
 float:right;
 margin:0 0 10px 10px;
 padding: 0px;
 clear:both;
}

.clpofr-26-2 p{
 clear:none;
 text-align:left;
}

.clpofr-26-3{
 float:left;
 margin:0 10px 10px 0;
 padding: 0px;
 display:inline;
 width:auto;
 clear:none;
}

.clpofr-26-3 input{
 height:px;
 padding: 0px;
}

.clpofr-26-3 p{
 display:none;
}

.clpo-28 {
 clear:both;
 width:100%;
 margin: 0 0 10px 0;
}

.clpon-28 img {
 float:left;
 border:0;
 margin: 0 10px 10px 0;
}

.clpon-vice-28{
 float:left;
}

.clpoper-28{
  clear:both;
 width:100%;
}

.clpot-28 input{
 float:left;
 width:0px;
 padding: 0 0 0 10px;
 border:0; 
 cursor:hand; 
 cursor:pointer;
 margin:0;
 background:0;
}

.clpodf-28 {
 clear:both;
 width:100%;
}

.clpodf-28 input{
 float:left;
 height:800px;
 padding: 0 5px 5px 0;
 border:0; 
 cursor:hand; 
 cursor:pointer;
 margin:0;
 background:0;
}

.clpon-28{
 clear:both;
 width:100%;
 margin:0 0 50px 0;
}

.clpon-28 h2 a {
 text-decoration:none;
}

.clposign-28 {
 float:left;
 font-weight:bold;
 font-size:80%;
 clear:both
}


.clpofr-28{
 clear:both;
 width:100%;
 text-align:left;
}

.clpofr-28:after
{
 content: ".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}

.clpofr-28 input {
 border:0; 
 cursor:hand; 
 cursor:pointer;
 margin:0;
 background:0;
 padding-top:20px
}

.clpofr-28 p{
}

.clpofr-28-0 input,.clpofr-28- input {
 width:800px;
 clear:both;
}

.clpofr-28-0 p,.clpofr-28- p{
 clear:both;
 text-align:left;
}

.clpofr-28-1 input{
 width:200px;
 float:left;
 margin:0 10px 10px 0;
 padding: 0px;
 clear:both;
}

.clpofr-28-1 p{
 clear:none;
 text-align:left;
}

.clpofr-28-2 input{
 width:200px;
 float:left;
 margin:0 0 10px 10px;
 padding: 0px;
 clear:both;
}

.clpofr-28-2 p{
 clear:none;
 text-align:left;
}

.clpofr-28-3{
 float:left;
 margin:0 10px 10px 0;
 padding: 0px;
 display:inline;
 width:auto;
 clear:none;
}

.clpofr-28-3 input{
 height:200px;
 padding: 0px;
}

.clpofr-28-3 p{
 display:none;
}

.novvc-29 {
width:100%;
margin: 0 0 10px 0;
clear:both;
}

.novvc-29 h2{
/*width:23%;*/
display:block;
box-sizing:border-box;
/*background:#6F140F;*/
color:#6F140F;
padding: 10px 20px 10px 0 !important;
margin:0 0 10px 0;
font-weight:bold;
line-height:100%;
}

.clpo-30 {
 clear:both;
 width:100%;
 margin: 0 0 10px 0;
}

.clpon-30 img {
  float: left;
  border: 0;
  margin: 0 10px 10px 0;
  width: px;
  height: auto;
}

.clpon-30 img[src*="work_sm.png"] {
  width: 24px; /* nebo jiná vhodná velikost */
  height: auto;
}

.clpon-vice-30{
 float:right;
}

.clpoper-30{
 font-style: italic;
 clear:both;
 width:100%;
}

.clpot-30 input{
 float:right;
 width:px;
 padding: 0 0 0 10px;
 border:0; 
 cursor:hand; 
 cursor:pointer;
 margin:0;
 background:0;
}

.clpodf-30 {
 clear:both;
 width:100%;
}

.clpodf-30 input{
 float:left;
 height:px;
 padding: 0 5px 5px 0;
 border:0; 
 cursor:hand; 
 cursor:pointer;
 margin:0;
 background:0;
}

.clpon-30{
 clear:both;
 width:100%;
 margin:0 0 50px 0;
}

.clpon-30 h2 a {
 text-decoration:none;
}

.clposign-30 {
 float:right;
 font-weight:bold;
 font-size:80%;
 clear:both
}


.clpofr-30{
 clear:both;
 width:100%;
 text-align:center;
}

.clpofr-30:after
{
 content: ".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}

.clpofr-30 input {
 border:0; 
 cursor:hand; 
 cursor:pointer;
 margin:0;
 background:0;
 padding-top:20px
}

.clpofr-30 p{
}

.clpofr-30-0 input,.clpofr-30- input {
 width:px;
 clear:both;
}

.clpofr-30-0 p,.clpofr-30- p{
 clear:both;
 text-align:center;
}

.clpofr-30-1 input{
 width:px;
 float:left;
 margin:0 10px 10px 0;
 padding: 0px;
 clear:both;
}

.clpofr-30-1 p{
 clear:none;
 text-align:left;
}

.clpofr-30-2 input{
 width:px;
 float:right;
 margin:0 0 10px 10px;
 padding: 0px;
 clear:both;
}

.clpofr-30-2 p{
 clear:none;
 text-align:left;
}

.clpofr-30-3{
 float:left;
 margin:0 10px 10px 0;
 padding: 0px;
 display:inline;
 width:auto;
 clear:none;
}

.clpofr-30-3 input{
 height:px;
 padding: 0px;
}

.clpofr-30-3 p{
 display:none;
}

.clpo-cena {
  font-weight: bold;
  color: #000000;
  margin: 5px 0;
  font-size: 1.1em;
  line-height: 1.4;
}

/* Kontejner celého bloku - nastavíme střední zarovnání */
.novvc-31 {
  width: 100%; /* Zůstává na celou šířku */
  display: flex;
  flex-direction: column;
  align-items: center; /* Zarovná obsah na střed */
  margin-bottom: 10px;
  clear: both;
  border-style: solid;
  border-color: blue;
  border-width: 0px;
}

/* Nadpis bloku - nastavíme šířku stejnou jako obsah */
.novvc-31 h2 {
  width: 90%; /* Nastavíme šířku stejnou jako obsah */
  max-width: 1200px; /* Nebo jiná maximální šířka podle potřeby */
  box-sizing: border-box;
  text-align: center; /* Zarovnání textu na střed */
  color: #6F140F;
  padding: 10px 20px;
  margin: 0 auto 10px auto; /* Zarovnání na střed */
  font-weight: bold;
  line-height: 100%;
  border-style: solid;
  border-color: orange;
  border-width: 0px;
}


.novvc-32 {
width:100%;
margin: 0 0 10px 0;
clear:both;
}

.novvc-32 h2{
/*width:23%;*/
display:block;
box-sizing:border-box;
/*background:#6F140F;*/
color:#6F140F;
padding: 10px 20px 10px 0 !important;
margin:0 0 10px 0;
font-weight:bold;
line-height:100%;
}

.novvc-33 {
width:100%;
margin: 0 0 10px 0;
clear:both;
}

.novvc-33 h2{
/*width:30%;*/
display:inline-block;
grid-template-columns: 1fr 1fr 1fr ;
/*background:#6F140F;*/
color:#6F140F;
padding: 10px 20px 10px 0 !important;
margin:0 0 10px 0;
font-weight:bold;
line-height:100%;
}

.jen-mobil-34 {
background-color:yellow;
width:100%;
height:215px;



}



.clpo-39 {
 clear:both;
 width:100%;
 margin: 0 0 10px 0;
}

.clpon-39 img {
 float:left;
 border:0;
 margin: 0 10px 10px 0;
}

.clpon-vice-39{
 float:right;
}

.clpoper-39{
 font-style: italic;
 clear:both;
 width:100%;
}

.clpot-39 input{
 float:right;
 width:px;
 padding: 0 0 0 10px;
 border:0; 
 cursor:hand; 
 cursor:pointer;
 margin:0;
 background:0;
}

.clpodf-39 {
 clear:both;
 width:100%;
}

.clpodf-39 input{
 float:left;
 height:px;
 padding: 0 5px 5px 0;
 border:0; 
 cursor:hand; 
 cursor:pointer;
 margin:0;
 background:0;
}

.clpon-39{
 clear:both;
 width:100%;
 margin:0 0 50px 0;
}

.clpon-39 h2 a {
 text-decoration:none;
}

.clposign-39 {
 float:right;
 font-weight:bold;
 font-size:80%;
 clear:both
}


.clpofr-39{
 clear:both;
 width:100%;
 text-align:center;
}

.clpofr-39:after
{
 content: ".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}

.clpofr-39 input {
 border:0; 
 cursor:hand; 
 cursor:pointer;
 margin:0;
 background:0;
 padding-top:20px
}

.clpofr-39 p{
}

.clpofr-39-0 input,.clpofr-39- input {
 width:px;
 clear:both;
}

.clpofr-39-0 p,.clpofr-39- p{
 clear:both;
 text-align:center;
}

.clpofr-39-1 input{
 width:px;
 float:left;
 margin:0 10px 10px 0;
 padding: 0px;
 clear:both;
}

.clpofr-39-1 p{
 clear:none;
 text-align:left;
}

.clpofr-39-2 input{
 width:px;
 float:right;
 margin:0 0 10px 10px;
 padding: 0px;
 clear:both;
}

.clpofr-39-2 p{
 clear:none;
 text-align:left;
}

.clpofr-39-3{
 float:left;
 margin:0 10px 10px 0;
 padding: 0px;
 display:inline;
 width:auto;
 clear:none;
}

.clpofr-39-3 input{
 height:px;
 padding: 0px;
}

.clpofr-39-3 p{
 display:none;
}

.clpo-cena {
  font-weight: bold;
  color: #000000;
  margin: 5px 0;
  font-size: 1.1em;
  line-height: 1.4;
}

.novvc-40 {
width:100%;
margin: 0 0 10px 0;
clear:both;
}

.novvc-40 h2{
/*width:23%;*/
display:block;
box-sizing:border-box;
/*background:#6F140F;*/
color:#6F140F;
padding: 10px 20px 10px 0 !important;
margin:0 0 10px 0;
font-weight:bold;
line-height:100%;
}

/* --- Základní nastavení --- */
.podk-45 ul { 
    display: flex;           /* flex pro lepší kontrolu layoutu */
    flex-wrap: wrap;         /* přesun bloků pod sebe, pokud se nevejdou */
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.podk-45 li {
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 2%;
    text-align: center;
    border: 1px solid #d3d3d3;
    overflow: hidden;
    list-style: none;
    margin-bottom: 20px; 
    padding: 10px;
    flex: 0 0 auto;          /* pevná šířka, neškáluje se */
}

.podk-45 li a {
    display: block;
    text-decoration: none;
}

.podk-45 li a div {
    width: 90%;              /* obrázek 90% šířky bloku */
    height: auto;            /* výška podle proporcí */
    margin: 0 auto;          /* vycentrování */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.podk-45 li a h2 {
    font-weight: bold;  
    font-size: 100%;
    margin: 10px 0 0 0;
    color: #333333;
}

/* --- Desktopové pevné šířky --- */
.podktz5-45 li { width: 18%; margin-right: 2%; }
.podktz4-45 li { width: 22%; margin-right: 3%; }
.podktz3-45 li { width: 30.33333333332%; margin-right: 3%; }
.podktz2-45 li { width: 47%; margin-right: 3%; }
.podktz-45 li  { width: 22%; margin-right: 3%; }

/* Nadpisy pro jednotlivé bloky */
.podktz5-45 li a h2 { font-size: 80%; font-weight: bold; }
.podktz4-45 li a h2 { font-size: 100%; font-weight: bold; }
.podktz3-45 li a h2 { font-size: 110%; font-weight: bold; }
.podktz2-45 li a h2 { font-size: 120%; font-weight: bold; }
.podktz-45 li a h2  { font-size: 100%; font-weight: bold; }

/* --- Mobilní verze: 2 položky vedle sebe --- */
@media screen and (max-width: 768px) {
    .podk-45 li {
        width: 48%;          /* dvě položky vedle sebe */
        margin-right: 4%;
        margin-bottom: 20px;
    }

    /* každý druhý blok nemá margin-right */
    .podk-45 li:nth-child(2n) {
        margin-right: 0;
    }

    .podk-45 li a div {
        width: 90%;          /* obrázek stále 90% šířky bloku */
        margin: 0 auto;
        height: auto;
    }

    .podk-45 li a h2 {
        font-size: 100%;     /* případně zmenšit písmo */
        font-weight: bold;
    }
}