.mrizka {
    display: block;
   }

.mrizka h2 {text-align:left}


@media only screen and (min-width: 992px) {
  .mrizka {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
   }
   
   }

   .archiv-novinek {margin:1rem 0rem; padding:0rem 0.5rem;

   }  

   tfoot tr th {background:transparent}
   

   table.dataTable thead th {
    border-bottom: 0px solid black;
   }

.archiv-novinek p.nadpis {
    padding:0rem; 
    font-size:1.2rem;
    margin:0rem;
    color: #0075BA;

}     

.archiv-novinek p {
    padding:0rem 0rem 0.3rem 0rem; 
    margin:0rem;

}   

table.dataTable tr.odd td.sorting_1 {
  background-color: transparent;
  border-bottom: 1px solid #ccc;
}

table.dataTable tr.odd {
  background-color: transparent;
  border-top: 0;
border-bottom: 1px solid #ccc;
}  

table.dataTable tr.even td.sorting_1 {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
}

ol.obchodni-podminky li {text-align:justify; padding-left:2px}

.plochytable {font-size:10px;}

.sbernatable {font-size:8px;}

.sbernatable th:nth-child(1) {width:35%}
.sbernatable th:nth-child(2) {width:12%}
.sbernatable th:nth-child(3), .sbernatable td:nth-child(4) {width:10%;display:none}
.sbernatable th:nth-child(4) {width:15%}
.sbernatable th:nth-child(5) {width:15%}
.sbernatable th:nth-child(6), .sbernatable td:nth-child(7) {display:none}
.sbernatable img.fotosberna, .plochytable img.fotoplocha {width:40px; height:40px}
.sbernatable img.fotomapa, .plochytable img.fotomapa {width:25px; height:25px}
.sbernatable img.park {width:18px; height:20px;}
.sbernatable img.info {width:21px; height:20px;}


@media only screen and (min-width: 576px) {
  .sbernatable, .plochytable {
      font-size:13px;   }

      .sbernatable th:nth-child(1) {width:28%}
      .sbernatable th:nth-child(2) {width:12%}
      .sbernatable th:nth-child(3), .sbernatable td:nth-child(4) {width:10%;display:table-cell; }
      .sbernatable td:nth-child(3) img.fotomapa {display:none}
      .sbernatable th:nth-child(4) {width:15%}
      .sbernatable th:nth-child(5) {width:15%}
      .sbernatable th:nth-child(6) {display:block}
      .sbernatable td:nth-child(7) {display:table-cell; padding:0 .5rem}
      .sbernatable img.fotosberna, .plochytable img.fotoplocha {width:100px; height:100px}
      .sbernatable img.fotomapa, .plochytable img.fotomapa {width:55px; height:55px}
      .sbernatable img.park {width:20px; height:25px;}
      .sbernatable img.info {width:23px; height:23px;}
     
     } 



.mobilfont {font-size:8px}

@media only screen and (min-width: 576px) {
  .mobilfont, .plochytable{
    font-size:14px;

   }
   
   }

  

@media only screen and (min-width: 768px) {
    .mobilfont {
      font-size:16px;
     }
     
     }   

@media only screen and (min-width: 992px) {
  .mobilfont {
    font-size:16px;
   }
   
   }

@media only screen and (min-width: 1200px) {
    .mobilfont {
      font-size:16px;
     }
     
     }   

@media only screen and (min-width: 1920px) {
      .mobilfont {
        font-size:16px;
       }
       
       }
  
       
.error404 {width:100%;text-align:center; margin:0rem auto; background:#f6f6f6; padding:2rem}
.error404 img {width:70%}
.error404 p {padding:1rem 0}

@media only screen and (min-width: 576px) {
  .error404 {
    width:50%;
    margin:4rem auto;}

  .error404 img {width:50%}

   }

   .mestaObce, .mestaObce1 {display:flex; justify-content:space-between; margin-top:2rem}
   .mestaObce1 {margin-top:-3rem}
   .mestaObce1 h3 { font-size:10px; padding:0 }
   


   @media only screen and (min-width: 576px) {
       .mestaObce h3 { padding-top:0rem;
        font-size:16px }
       
       } 
  

       
   .archiv-novinek {margin:1rem 0rem; padding:0rem 0.5rem;   }
   .dataTables_filter { width: 25%;}