body {
    -webkit-font-smoothing: antialiased;
  }
  .clr {clear: both;}
  .margin_top_50 {margin-top: 50px!important;}
  .zarovnani {
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
    max-width: 1400px;
    width: 99%; 
    position: relative; 
     margin: auto auto;
  }
  .malaMapa {display: none;}
  .aktuality {padding-top: 0px!important;} 
  .navigacni_lista {
      font-size: 70%;
      padding: 0px;
      color: #747c82;
      padding-bottom: 19px;
  }
  .navigacni_lista a {color: #747c82;}
  .a_ouu {
      color: black;
      font-size: 75%;
      margin-bottom: 15px;
  }
  .a_ouu:hover {text-decoration: none;}
  * {
    padding: 0; 
    margin: 0; 
  } 
  p.komplexni {
    font-size: 100%;
    font-weight: normal;
    padding-top: 20px;
    padding-bottom: 40px;
  }
  #novinka .formatovani_textu h3 {
    text-align: initial;
    display: initial;
  }
  #main #reference #ref_kat {
      position: relative;
      width: 295px;
      margin-left: auto;
      margin-right: auto;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      margin-bottom: 55px;
  }
  #main #reference #ref_kat .nadpis {
      background-color: #66727e;
      color: white;
      padding-bottom: 10px;
      padding-top: 10px;
      padding-right: 20px;
      font-size: 16px;
      font-weight: bold;
      background-image: url("../img/sipka_dolu_ref_kat.png");
      background-repeat: no-repeat;
      background-position: 90% 60%;  
      cursor: pointer;    
  }
  #main #reference #ref_kat .nadpis span {
      font-weight: normal;
  }
  #main #reference #ref_kat .vypis {
      display: none;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      position: absolute;
      font-size: 16px;
      padding-left: 27px;
      padding-bottom: 20px;
      padding-top: 15px;
      text-align: left;
      margin-top: 0px;
      width: 100%;
      background-color: #484b4f;
      color: #66727e;
      z-index: 999;
  }
  #main #reference #ref_kat .vypis a {
      color: #afb1bd;
      text-decoration: none;
      line-height: 170%;
  }
  #main #reference #ref_kat .vypis a.aktivni {
      color: #84bcb3;
  }
  #main #reference #ref_kat .vypis a:hover {
      color: white;
  }
  #main #reference .zarovnani h2.upravaReference {
    padding-top: 95px;
    font-size: 185%;
    padding-bottom: 50px;
    text-align: center;
    font-family: 'TitilliumWeb-SemiBold';
    color: #bb1229;    
  }   
  img {border: 0;}                                                                             
  body {  
    font-size: 20px; 
    font-family: 'TitilliumWeb-Regular', arial, verdana; 
    color: black;
  }
  #header {
    height: 770px;
    width: 100%;
    position: relative;
    background-image: url("../img/header2019b2.jpg");
    background-repeat: no-repeat;
    background-position: 100% 50%;  
    background-size: cover;
    background-color: #24252a;
  }
  #header .zarovnani {height: 770px;}
  #header .slogan {
   position: absolute;
   left: 300px;
   top: 20px;
   font-size: 14px;
   color: #89a5ba!important;
  }
  .podstrana #header {
    height: 155px;
    width: 100%;
    position: relative;
    background-image: url("../img/header2019_podstrana.jpg");
    background-repeat: no-repeat;
  }
  #header .zarovnani a#logo {
    display: block;
    float: left;
    margin-top: 20px;
    margin-left: -40px;
    width: 444px;
  }
  .podstrana #header .zarovnani a#logo {
    display: block;
    float: left;
    margin-top: 15px;
    width: 314px;
  }
  #header .zarovnani a#logo img {width: 100%;}
  #header .zarovnani #navrighttop {
    text-decoration: none;
    font-size: 90%;
    color: #a7bac7;
    position: absolute;
    right: 230px;
  }
  #header .zarovnani #navrighttop a {
    padding-right: 5px;
    margin-left: 25px;
    color: #a7bac7;
    transition: 0.7s;
    text-decoration: none;
  }
  #header .zarovnani #navrighttop a.telefon {
    text-decoration: none;
    color: #a7bac7;
    display: inline-block;
    margin-top: 25px;
    padding-left: 20px;
    background-image: url("../img/telefon_header.png");
    background-repeat: no-repeat;  
    background-position: 0% 50%;
  }
  #header .zarovnani #navrighttop a:hover {
    color: #fff;
  }
  #header .zarovnani #nav {
    display: block;
    float: right;
    width: 100%;
    max-width: 720px;
    text-align: center;
    margin-top: 85px;
  }
  #header .zarovnani #nav ul {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    list-style: none;
  }
  #header .zarovnani #nav ul li {
    display: inline-block;
    margin-left: 16px; 
    margin-right: 16px;
    text-align: right;
    padding-left: 20px;
    background-image: url("../img/ul_li_menu.jpg");
    background-repeat: no-repeat;  
    background-position: 0% 50%;  
    transition: 0.5s;
    line-height: 80%;
  }
  #header .zarovnani #nav ul li:hover, #header .zarovnani #nav ul li.active {background-image: url("../img/ul_li_menu_active.jpg");}
  #header .zarovnani #nav ul li:first-child {margin-left: 0%;}
  #header .zarovnani #nav ul li:last-child {margin-right: 0%;}
  #header .zarovnani #nav ul li a {
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 90%;
  }
  #header .zarovnani h2 {
    font-family: 'TitilliumWeb-SemiBold';
    font-weight: normal;
    color: white;
    font-size: 200%;
    margin-top: 95px;
    -webkit-font-smoothing: antialiased;
  }
  #header .zarovnani p {
    color: white;
    max-width: 815px;
    margin-top: 20px;
    line-height: 120%;
    -webkit-font-smoothing: antialiased;
  }
  #header .zarovnani a.komerce, #header .zarovnani a.soukrome {
    display: block;
    float: left;
    width: 200px;
    height: 35px;
    padding-top: 5px;
    border: solid 1px white;
    margin-right: 27px;
    margin-top: 40px;
    text-align: center;
    color: white;
    text-decoration: none;
    transition: 0.5s;
    font-size: 90%;
  }
  #header .zarovnani a.komerce {
    background-color: #ce172b;
  }
  #header .zarovnani a.soukrome {
    background-color: #3d97b4;
  }
  #header .zarovnani a.komerce:hover {
    background-color: #bf515d;
  }
  #header .zarovnani a.soukrome:hover {
    background-color: #88a5ba;
  }
  #header .pomocnik {
    width: 28px;  
    margin-left: auto;
    margin-right: auto;
  }
  #header a.rolldown {
   display: block;
   width: 28px;
   height: 17px;
   background: url('../img/sipka_dolu.png') no-repeat;
   background-size: contain;
   position: absolute;
   margin: 100px auto 0px auto;
   transition: 0.3s;
   cursor: pointer;
   bottom: 25px;
  }
  #header a.rolldown:hover { margin: 110px auto 0px auto; }
  #main .zarovnani.kontakt h1 {
    padding-top: 80px;
    padding-bottom: 45px;
    font-size: 150%;
    text-align: center;
    font-family: 'TitilliumWeb-SemiBold'; 
  }
  #main .zarovnani.kontakt .item {
    width: 33%;
    text-align: center;
    margin-bottom: 120px;
    display: inline-block;
    vertical-align: top;
  }
  #main .zarovnani.kontakt .item p, #main .zarovnani.kontakt .item a {
    text-decoration: none;
    font-size: 70%;
    color: black;
  }
  #main a.mapa {
    width: 100%;
    height: 388px;
    display: block;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
  }
  #main a.mapa img {display: none;}
  #main .zarovnani h2.komplexni, #main .zarovnani h1.komplexni {
    background: url('../img/komplexni_sluzby_pod_nadpis.jpg') no-repeat;
    background-position: 50% 100%;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'TitilliumWeb-SemiBold'; 
    font-weight: normal;
    font-size: 200%;
    padding-bottom: 10px;
    margin-top: 85px;
  }
  #main .zarovnani h2.komplexni.sirsy,  #main .zarovnani h1.komplexni.sirsy {
      width: 350px;
  }
  #main .zarovnani h3.komplexni {
    text-align: center;
    font-family: 'TitilliumWeb-Regular'; 
    font-weight: normal;
    font-size: 100%;
    padding-bottom: 0px;
    margin-top: 15px;
  }
  #main .zarovnani.komplexni {
    text-align: center;
  }
  #main .zarovnani.komplexni .sluzby_h1 {
    text-align: center;
        background: url(../img/komplexni_sluzby_pod_nadpis.jpg) no-repeat;
      background-position: 50% 100%;
      max-width: 700px;
      margin-left: auto;
      margin-right: auto;
      font-family: 'TitilliumWeb-SemiBold';
      font-weight: normal;
      font-size: 200%;
      padding-bottom: 10px;
      margin-top: 85px;
      margin-bottom: 20px;
  }
  
  
  #main .zarovnani.komplexni .item {
    width: 28%;
    margin-left: 2%;
    margin-right: 2%;
    max-width: 400px;
    margin-top: 35px;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
  }
  #main .zarovnani.komplexni.uprava .item {
    margin-bottom: 35px;
  }
  #main .zarovnani.komplexni .item .obr {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    width: 100%;
    max-width: 320px; 
    height: 110px;
    margin-left: auto;
    margin-right: auto; 
  }
  #main .zarovnani.komplexni .item .obr img {display: none;}
  #main .zarovnani.komplexni .item h3 {
    width: 100%;
    max-width: 320px; 
    height: 110px;
    margin-left: auto;
    margin-right: auto; 
    text-align: left;
    margin-top: 20px;
    color: #ce172b;
    font-size: 120%;
    font-weight: normal;
    font-family: 'TitilliumWeb-Bold';
    height: 40px;
  }
  #main .zarovnani.komplexni .item h3.rozcestnik_obsah {
    font-size: 110%;
    height: 60px;
      line-height: 25px;
  }
  
  
  #main .zarovnani.komplexni .item a {text-decoration: none;}
  #main .zarovnani.komplexni .item p {
    font-size: 70%;
    width: 100%;
    max-width: 320px; 
    margin-left: auto; 
    margin-right: auto;
    margin-bottom: 15px;
    text-align: left;  
    line-height: 135%;
  }
  #main .zarovnani.komplexni .item a.detail {
    border: solid 1px black;
    display: block;
    width: 100%;
    max-width: 100px; 
    height: 26px;
    padding-top: 3px;
    margin-left: 35px;
    text-align: center;  
    font-size: 70%;
    color: black;
    transition: 0.5s;
  }
  #main .zarovnani.komplexni .item a.detail:hover {
    background-color: black;
    color: white;
  }
  #main .zarovnani.komplexni .pod_komplexni {
    max-width: 1130px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 95px;
  }
  #main .zarovnani.komplexni .pod_komplexni p {
    float: left;
    font-size: 70%;
    padding-top: 12px;
  }
  #main .zarovnani.komplexni .pod_komplexni a.poslat {
    display: block;
    float: left;
    width: 198px;
    height: 32px;
    font-size: 75%;
    padding-top: 10px;
    background-color: #ce172b;
    color: white;
    text-decoration: none;
    margin-left: 40px;
    margin-right: 40px;
    transition: 0.5s;
    border: solid 1px #ce172b;
  }
  #main .zarovnani.komplexni .pod_komplexni a.poslat:hover {
    background-color: white;
    color: #ce172b;
  }
  #main .zarovnani.komplexni .pod_komplexni a.eml {
    float: left;
    font-size: 70%;
    padding-top: 12px; 
    padding-left: 25px;
    background: url('../img/kontakt_mail.png') no-repeat;
    background-position: 0% 90%;  
    color: #747c82;
    text-decoration: none;
    margin-right: 25px;
  }
  #main .zarovnani.komplexni .pod_komplexni a.tel {
    float: left;
    font-size: 70%;
    padding-top: 12px; 
    padding-left: 25px;
    background: url('../img/kontakt_telefon.png') no-repeat;
    background-position: 0% 90%;  
    color: #747c82;
    text-decoration: none;
    margin-right: 25px;  
  }
  #main .zarovnani.komplexni .pod_komplexni p.adresa {
    float: left;
    font-size: 70%;
    padding-top: 12px; 
    padding-left: 25px;
    background: url('../img/kontakt_adresa.png') no-repeat;
    background-position: 0% 90%;  
    color: #747c82;
    text-decoration: none;
  }
  #main .proc {
    height: 441px;
    width: 100%;
    position: relative;
    background-image: url("../img/proc.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }
  #main .proc .zarovnani {
    text-align: center;
  }
  #main .proc .zarovnani h2 {
    font-family: 'TitilliumWeb-SemiBold';
    font-weight: normal;
    font-size: 200%;
    color: white;
    padding-top: 80px;
  }
  #main .proc .zarovnani h3 {
    font-weight: normal;
    font-size: 100%;
    color: white;
    padding-top: 10px;
  }
  #main .proc .zarovnani .item {
    display: inline-block;
    max-width: 320px;
    width: 33%;
    margin-top: 40px;
  }
  #main .proc .zarovnani .item.lev {float: left;}
  #main .proc .zarovnani .item.prav {float: right;}
  #main .proc .zarovnani .item h4 {
    font-family: 'TitilliumWeb-Bold';
    font-weight: 0;
    font-size: 100%;
    color: white;
    padding-top: 20px;
  }
  #main .proc .zarovnani .item p {
    color: #43505d;
    font-size: 70%;
    line-height: 130%;
    padding-top: 3px;
  }
  #main .proc .zarovnani .caraL {
    display: block;
    position: absolute;
    top: 250px;
    left: 240px;
    max-width: 374px;
    width: 100%;
  }
  #main .proc .zarovnani .caraP {
    display: block;
    position: absolute;
    top: 250px;
    right: 240px;
    max-width: 374px;
    width: 100%;
  }
  #main .info {
    width: 100%;
    color: white;
    height: 245px;
    background-color: #66727e;
  }
  #main .info .zarovnani {
    margin-left: auto;
    margin-right: auto;
    max-width: 1220px;
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 80px;  
  }
  #main .info div {
    display: inline-block;
  }
  #main .info div p {
    font-size: 70%;
  }
  #main .info div h3 {
    font-size: 150%;
    font-family: 'TitilliumWeb-Bold';
    font-weight: normal;
  }
  #main .info div h3 span {font-size: 47%; font-family: 'TitilliumWeb-Regular'; margin-left: 4px;}
  #main .info div a {
    color: white;
    text-decoration: none;
    background-color: #ce172b;
    font-size: 70%;
    width: 90px;
    display: block;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 4px;
    transition: 0.5s;
  }
  #main .info div a:hover {background-color: white; color: #ce172b;}
  #main .info div.zabezpeceni {
    float: left;
    width: 144px;
    text-align: left;
  }
  #main .info div .zabezpeceni h2 {margin-left: 15px;}
  #main .info div.zabezpeceni a {float: right;}
  #main .info div.den {
    width: 212px;
  }
  #main .info div.den a {margin-left: auto; margin-right: auto;}
  #main .info div.vice {
    float: right;
    width: 150px;
    text-align: right;
  }
  #main .info div.vice h3 {margin-right: 60px;}
  #main .klienti {padding-bottom: 40px;}
  #main .klienti .zarovnani {text-align: center;}
  .reference_sekce {text-align: center;}
  .reference_sekce h2, .reference_sekce h1 {
    padding-top: 110px;
    font-family: 'TitilliumWeb-Regular';
    font-weight: normal;
    font-size: 200%;
    padding-bottom: 20px;
    color: black;
    text-align: left;
  }
  .reference_sekce p {
    text-align: left;
    font-size: 70%;
    padding-bottom: 70px;
  }
  .reference_sekce .item {
    display: inline-block;
    width: 22%;
    margin-left: 5%;
    margin-right: 5%;
    max-width: 420px;
    height: 350px;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    margin-bottom: 10px;
  }   
  
  .reference_sekce.uprava .item {
    display: inline-block;
    width: 30.333%;
    margin-left: 1.4%;
    margin-right: 1.4%;
    max-width: 430px;
    height: 330px;
    overflow: hidden;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    margin-bottom: 10px;
  }
  .reference_sekce.uprava .item:nth-child(3) {
    margin-left: 0%;
    margin-right: 2.5%;
  }
  .reference_sekce.uprava .item:nth-child(5) {
    margin-right: 0%;
    margin-left: 2.5%;
  }
  .reference_sekce.uprava .item p {font-size: 70%;}
  .reference_sekce .item h2 {
    width: 95%;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    font-size: 120%;
    color: #ce172b;
    font-family: 'TitilliumWeb-SemiBold';
    line-height: 120%;
    padding-top: 0px;
    height: 50px;
    padding-bottom: 0px;  
  }
  .reference_sekce .item h2 a, .reference_sekce .item h3 a  {
    color: #ce172b;
    text-decoration: none
  }
  .reference_sekce .item p {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    font-size: 60%;
    padding-top: 5px;
    height: 75px;
    overflow: hidden;
    padding-bottom: 0px;
    margin-bottom: 20px;
  }           
  .reference_sekce .item .obr {
    width: 100%;
    margin-left: auto;
    margin-right: auto;  
    height: 170px;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  .reference_sekce .item .obr img {display: none;}
  .reference_sekce .item .obr img.video_play {
      display: inline-block;
      text-align: center;
      margin-top: 13%;
  }
  .reference_sekce .vice {
    color: black;
    text-decoration: none;
    display: block;
    background-color: #cdcdcd;
    width: 190px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 100px;
    transition: 0.5s;
  }
  .reference_sekce .vice:hover {background-color: white; color: #ce172b;}
  #main .klienti .zarovnani h2, #main #reference .klienti .zarovnani h2 {
    padding-top: 95px;
    background: url(../img/starame_se_pod_nadpis.jpg) no-repeat;
    background-position: 50% 100%;
    max-width: 755px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-family: 'TitilliumWeb-SemiBold';
    font-weight: normal;
    font-size: 200%;
    padding-bottom: 20px;
    color: black;
  }
  .podstrana #main .klienti .zarovnani h2, .podstrana #main #reference .klienti .zarovnani h2 {padding-top: 75px;}
  .podstrana #main .klienti {padding-bottom: 20px;}
  .podstrana #main .reference .zarovnani h3 {padding-top: 35px;}
  .reference_sekce.uprava h2 {
    padding-top: 95px;
    font-family: 'TitilliumWeb-Regular';
    font-weight: normal;
    font-size: 150%;
    padding-bottom: 25px;
    color: black;
    text-align: center;
    height: 36px;
    overflow: hidden;  
  }  
  .reference_sekce.uprava .item h3 {
    padding-top: 0px;
    font-family: 'TitilliumWeb-Bold';
    font-size: 120%;
    padding-bottom: 0px; 
    font-weight: normal;   
    color: black;
    text-align: left;  
    /*height: 36px;
    overflow: hidden;  */ 
  }       
  .reference_sekce.uprava  p {padding-bottom: 60px; font-size: 80%;}
  .reference_sekce.uprava .item p {padding-bottom: 10px;  height: 90px;}
  #main #reference .reference .zarovnani h1 {color: white;}
  #main #reference .reference .zarovnani h2 {padding-bottom: 25px;}
  #main .klienti .zarovnani p {
    font-size: 100%;
    font-weight: normal;
    padding-top: 20px;
    padding-bottom: 40px;
  } 
  #main .klienti .zarovnani vypis_klientu {}
  #main .klienti .zarovnani a {margin: 15px 25px; vertical-align: middle; display: inline-block;}
  #main .reference {
    padding-bottom: 75px;
    background-color: #ce172b;
  }
  #main .reference .zarovnani {text-align: center;}
  #main .reference img.predel {
    width: 30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  #main .reference .zarovnani h3 {
    font-family: 'TitilliumWeb-SemiBold';
    font-weight: normal;
    font-size: 150%;
    padding-bottom: 15px;
    color: white;
    padding-top: 45px;
  }
  #main #reference.sekce.uprava .zarovnani {max-width: 1400px;}
  #main #reference.sekce.uprava {background-color: #f0f0f0; margin-top: 47px; padding-bottom: 60px;}
  #main .sekce .formatovani_textu #reference .zarovnani h1, .podstrana #main #reference.sekce .zarovnani h1 {
    text-align: left;
    color: black;
    font-family: 'TitilliumWeb-Regular';
    padding-top: 90px;
    font-weight: normal;
  }
  .podstrana #main #reference.sekce .zarovnani h2, .podstrana #main #reference.sekce .zarovnani h1 {
    text-align: center;
    color: black;
    font-family: 'TitilliumWeb-Regular';
    padding-top: 50px;
    font-weight: normal;  
    padding-bottom: 10px;
  }
  #main .sekce .formatovani_textu #reference p.hledate, #main #reference.sekce p.hledate {
    display: inline-block;
  }
  #main #reference.sekce p.hledate {font-size: 70%;}
  .podstrana #main .sekce #reference a.poptavka, .podstrana #main .sekce .caste_dotazy a.poptavka, .podstrana #main #reference.sekce a.poptavka {
    display: inline-block;
    float: none;
    margin-left: 50px;
    margin-right: 20px;
  }
  .podstrana #main .sekce .caste_dotazy {
    padding-bottom: 115px;
    background-color: #f0f0f0;
  }
  
  .obsah_zaver { margin-top: 40px }
  .obsah_zaver p { margin-top: 40px }
  
  .obsah_zaver p {
      margin-top: 40px;
      color: white;
      padding: 20px!important;
      width: 45%;
      float: left;
      margin: 10px;
      background-color: #a2a2a2;
  }
  
  
  .obsah_zaver ol {
    list-style: none;
    counter-reset: my-awesome-counter;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
  }
  .obsah_zaver ol li {
    counter-increment: my-awesome-counter;
    display: flex;
    width: 45%;
    margin-right: 5%;
    font-size: 80%;
    margin-bottom: 40px;
  }
  .obsah_zaver ol li::before {
    content: "0" counter(my-awesome-counter);
    font-weight: bold;
    font-size: 300%;
    margin-right: 10px;
    line-height: 1;
    background-color: #f7f7f7;
    padding: 10px;
    color: #ce172b;
  }
  
  
  .marginTop90 {margin-top: 90px;}
  .sekce .ref {
    padding-top: 90px;
  }
  .sekce .ref h2 {
    color: black;
    text-align: left;
    display: block;
    font-size: 150%;
    font-family: 'TitilliumWeb-Regular';
  }
  .formatovani_textu .nokika_zahradni_technika {
      float: right;
      width: 300px;
      margin-left: 40px;
  }
  .formatovani_textu .nokika_zahradni_technika img {
      width: 100%;
      height: auto;
  }
  .formatovani_textu .nokika_zahradni_technika p {
      text-align: center;
  }
  .formatovani_textu .nokika_zahradni_technika a {
      display: block;
      width: 158px;
      height: 32px;
      font-size: 75%;
      padding-top: 10px;
      margin: 0 auto;
      background-color: #ce172b;
      color: white;
      text-decoration: none;
      transition: 0.5s;
      border: solid 1px #ce172b;
      text-align: center;
  }
  .formatovani_textu .nokika_zahradni_technika a:hover {
      color: #ce172b;
      background-color: white; 
  }
  .sekce .formatovani_textu .novinky h1, .sekce .formatovani_textu .novinky h2, .sekce .formatovani_textu .novinky h3 {
    color: black;
    text-align: left;
    display: block;
    font-size: 150%;
    font-family: 'TitilliumWeb-Regular';
    padding-top: 20px;  
  }
  .sekce .formatovani_textu .ref p {max-width: 100%; line-height: 130%;}
  .sekce .formatovani_textu .ref .obal {width: 100%; text-align: center;}
  .sekce .formatovani_textu .ref .obal .item {
    display: inline-block;
    width: 30%;
    margin-left: 1.2%;
    margin-right: 1.2%;
  }
  .sekce .formatovani_textu .ref .obal .item h3 {
    text-align: left;
    display: block;
    font-size: 120%;
    font-family: 'TitilliumWeb-Bold';
  }
  .sekce .formatovani_textu .ref .obal .item p {
    font-size: 70%;
    height: 90px;
    overflow: hidden;
    border-bottom: #c2c2c3 solid 1px;
  }
  .sekce .formatovani_textu .ref .obal .item img {
    margin-left: 0px;
    float: left;
    margin-top: 15px;
  }
  .sekce .formatovani_textu .ref .obal .item .infa {
    float: left;
    margin-left: 25px;
  }
  .sekce .formatovani_textu .ref .obal .item h4 {
    display: block;
    font-size: 70%;
    padding-top: 40px;
    padding-bottom: 0px;
    text-align: left;
  }
  .sekce .formatovani_textu .ref .obal .item h5 {
    display: block;
    padding-top: 0px;
    text-align: left;  
    font-family: 'TitilliumWeb-Regular';
    color: black;
  }
  .sekce .formatovani_textu .ref .obal .item:first-of-type {float: left; margin-left: 0px;}
  .sekce .formatovani_textu .ref .obal .item:last-of-type {float: right; margin-right: 0px;}
  .sekce .formatovani_textu .ref .dalsi, .sekce .formatovani_textu .novinky .dalsi {
    margin-top: 60px;
    margin-bottom: 95px;
    width: 190px;
    height: 30px;
    padding-top: 10px;
    display: inline-block;
    color: black;
    text-decoration: none;
    background-color: #cdcdcd;
    font-size: 70%;
    transition: 0.5s;
  }
  .sekce .formatovani_textu .novinky .dalsi {margin-top: 20px;}
  .sekce .formatovani_textu .ref .dalsi:hover, .sekce .formatovani_textu .novinky .dalsi:hover {background-color: black; color: white;}
  .sekce .formatovani_textu .novinky p {max-width: 100%; line-height: 130%;}
  .sekce .formatovani_textu #reference .kontakt, .podstrana #main .sekce .caste_dotazy .kontakt, #reference.sekce .kontakt {
    display: inline-block;
    float: none;
    margin-right: 0px;
  }
  .sekce .formatovani_textu #reference .telefon, .podstrana #main .sekce .caste_dotazy .telefon, #reference.sekce .telefon {
    display: inline-block;
    float: none;
    margin-left: 10px;
    margin-right: 0px;
  }
  .sekce .formatovani_textu #reference .adresa, .podstrana #main .sekce .caste_dotazy .adresa, #reference.sekce .adresa {
    display: inline-block;
    float: none;
    margin-left: 10px;
  }
  #main .sekce .caste_dotazy h2, #main .sekce .caste_dotazy h1 {
    color: black;
    text-align: left;
    display: block;
    font-size: 150%;
    font-family: 'TitilliumWeb-Regular';
    padding-top: 0px;
    font-weight: normal;
    padding-bottom: 90px;
    padding-top: 85px;
  }
  #main .sekce .caste_dotazy .dotaz {
    width: 100%;
    max-width: 580px;
    display: block;
    float: left;
    position: relative;
    margin-bottom: 30px;
  }
  .nadpis h3 {
    font-size: 100%;
    font-weight: normal;
  }
  #main .sekce .caste_dotazy .prava .dotaz {float: right;}
  #main .sekce .caste_dotazy .prava, #main .sekce .caste_dotazy .leva {width: 50%; float: left;}
  #main .sekce .caste_dotazy .dotaz .nadpis {
    text-transform: uppercase;
    font-size: 90%;
    font-family: 'TitilliumWeb-SemiBold';
    text-align: left;
    background-image: url("../img/plus.jpg");
    background-repeat: no-repeat;
    background-position: 100% 50%;     
    padding-top: 9px;
    padding-bottom: 9px;
    cursor: pointer;
    padding-left: 25px;
    padding-right: 60px;
  }
  #main .sekce .caste_dotazy .dotaz.otevreno .nadpis {
    background-image: url("../img/minus.jpg");
    background-color: #e3e3e3;
  }
  #main .sekce .caste_dotazy .dotaz .odpoved {
    color: #27292b;
    font-size: 70%;
    text-align: left;
    position: relative;
    z-index: 999;
    background-color: #f0f0f0;
    padding: 25px 30px;
    border-left: solid 2px #e3e3e3; 
    border-right: solid 2px #e3e3e3; 
    border-bottom: solid 2px #e3e3e3; 
    display: none;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;  
  }
  #main .sekce .caste_dotazy .dotaz .odpoved p {
      text-align: left;
  }
  #main .sekce .caste_dotazy .dotaz .odpoved a {
      color: black;
  }
  #main .sekce .caste_dotazy .dotaz .odpoved a:hover {
      text-decoration: none;
  }
  #main .sekce .caste_dotazy .dotaz.otevreno .odpoved {
    display: block;
  }
  #main .sekce .zajem {
    max-width: 700px;
    border-bottom: none;
    text-align: left;
    padding-top: 5px;
    display: inline-block;
  }
  #main .reference .zarovnani h2 {
    font-size: 100%;
    font-weight: normal;
    padding-bottom: 35px;
    color: white;  
  } 
  #main .reference .zarovnani a {
    display: block;
    width: 225px;
    height: 35px;
    padding-top: 10px;
    background-color: black;
    border: solid 1px white;
    color: white;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
    font-size: 85%;
    font-family: 'TitilliumWeb-SemiBold';
    transition: 0.5s;
  }
  #main .reference .zarovnani a:hover {
    color: black;
    background-color: white;
    border: black solid 1px;;
  }
  #main .reference .zarovnani p {
    color: white;
    font-size: 90%;
    margin-top: 25px;
  }
  #main .reference.uprava {padding-bottom: 60px;}
  #main .reference.uprava .zarovnani p {padding-top: 0px; margin-top: 0px; margin-bottom: 20px;}
  #main .reference .zarovnani p em {
    font-family: 'TitilliumWeb-Italic';
    font-size: 85%;
  }
  #main .poptavka, .podstrana #main .poptavka.cela {
    min-height: 860px;
    width: 100%;
    position: relative;
    background-image: url("../img/poptavka_2019.jpg");
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-color: #f2f2f2;
  }
  #main .poptavka.home {
    background-image: url("../img/poptavka_2019.jpg");
  } 
  #main .poptavka.home h2 {
     margin-top: 85px
  } 
  /*#main .poptavka.home .zarovnani form input[type=submit] {background-color: white;}*/
  .podstrana  #main .poptavka {
    background-color: #e4e4e4;
    background-image: none;
    min-height: 660px;
  } 
  #main .poptavka .zarovnani, .podstrana #main .poptavka.cela .zarovnani {max-width: 990px;}
  .podstrana #main .poptavka .zarovnani {max-width: 1200px; padding-top: 40px;}
  #main .poptavka .zarovnani .upresneni, .podstrana #main .poptavka.cela .zarovnani .upresneni {
    width: 100%;
    max-width: 510px;
    float: right;
    text-align: center;
  }
  .podstrana #main .poptavka .zarovnani .upresneni {
    width: 100%;
    max-width: 100%;
    float: none;
    text-align: center;
  }
  .podstrana #main .poptavka a.oou { color: #6f8090; font-size: 80%; }
  .podstrana #main .poptavka a { color: #6f8090; }
  .podstrana #main .poptavka a:hover { color: #000; }
  #main .poptavka .zarovnani .upresneni h1.ikona, .podstrana #main .poptavka.cela .zarovnani .upresneni h1.ikona {
    padding-top: 75px;
    background: url(../img/napiste_nam_pod_nadpis.jpg) no-repeat;
    background-position: 50% 100%;
    width: 220px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'TitilliumWeb-SemiBold';
    font-weight: normal;
    font-size: 200%;
    padding-bottom: 10px;
    text-align: center;
    padding-left: 0px;
  }
  .podstrana #main .poptavka.cela .zarovnani .upresneni h1 {padding-top: 20px;}
  .podstrana #main .poptavka .zarovnani .upresneni h1.ikona {
    background: url(../img/napiste_nam_black.png) no-repeat;
    background-position: 0% 10%;
    padding-top: 0px;
    padding-left: 60px;
  }
  #main .poptavka .zarovnani .upresneni h3, .podstrana #main .poptavka.cela .zarovnani .upresneni h3 {
    font-size: 80%;
    font-family: 'TitilliumWeb-Regular';
    font-weight: normal;
    padding-top: 15px;
    padding-bottom: 40px;
    line-height: 130%;
  }
  .podstrana #main .poptavka .zarovnani .upresneni h3 {
    font-size: 70%;
    padding-bottom: 50px;
  }
  #main .poptavka .zarovnani .upresneni strong {
    font-size: 100%;
    font-family: 'TitilliumWeb-Bold';
    font-weight: normal;  
    color: #ce172b;
  }
  #main .poptavka .zarovnani form input {
    background-color: #6f8090;
    color: white;
    font-size: 70%;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: none;
    outline: none;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 25px;
    margin-bottom: 20px;
  }
  .podstrana #main .poptavka .zarovnani form div {
    width: 47.5%;
    float: left;
  }
  #main .poptavka .zarovnani form textarea, .podstrana #main .poptavka.cela .zarovnani .upresneni form textarea {
    font-family: 'TitilliumWeb-Regular';
    background-color: #6f8090;
    color: white;
    font-size: 70%;
    width: 100%;
    height: 200px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: none;
    outline: none;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 25px;
    margin-bottom: 10px;
  } 
  .podstrana #main .poptavka .zarovnani form textarea {
    float: right;
    width: 47.5%;
    height: 220px;
  }
  #main .poptavka .zarovnani form input::-webkit-input-placeholder, #main .poptavka .zarovnani form textarea::-webkit-input-placeholder {color: white;}
  #main .poptavka .zarovnani form input::-moz-placeholder, #main .poptavka .zarovnani form textarea::-moz-placeholder {color: white;}
  #main .poptavka .zarovnani form input:-ms-input-placeholder, #main .poptavka .zarovnani form textarea:-ms-input-placeholder {color: white;}
  #main .poptavka .zarovnani form input:-moz-placeholder, #main .poptavka .zarovnani form textarea:-moz-placeholder {color: white;}
  #main .poptavka .zarovnani form input[type=submit], .podstrana #main .poptavka.cela .zarovnani .upresneni form input[type="submit"] {
    background-color: #303b46;
    color: #fff;
    font-size: 70%;
    width: 160px;
    height: 40px;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: none;
    outline: none;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 0px;
    margin-bottom: 20px;
    cursor: pointer;
    transition: 0.5s;
    border: solid 1px #fff;
    margin-top: 20px;
  }
  .podstrana #main .poptavka .zarovnani form input[type=submit] {
    margin-top: 25px;
    font-size: 90%;
    background-color: #303b46;
    padding-top: 14px;
    height: 50px;
  }
  #main .poptavka .zarovnani form input[type=submit]:hover, .podstrana #main .poptavka.cela .zarovnani .upresneni form input[type="submit"]:hover {
    background-color: #ce172b;
    color: white;
  }
  #main .poptavka .zarovnani #kontakt_form_odpoved {
    padding: 0px;
    font-weight: bold;
    color: #9f131c;
    text-align: left;
    font-size: 88%;
  }
  #main .poptavka .zarovnani #kontakt_form_odpoved_ok {
    padding: 0px;
    font-weight: bold;
    color: #2aa95d;
    text-align: left;
    font-size: 88%;
  }
  #main .poptavka .zarovnani #kontakt_form_odpoved_nacitaci {
    height: 0px;
    display: none;
    position: relative;
  }
  #main .poptavka .zarovnani #kontakt_form_odpoved_nacitaci img {
    height: 30px;
    text-align: center;
    position: absolute;
    top: -80px;
    left: 47%;
  }
  #main .zamestnanci .zarovnani {max-width: 1200px;}
  #main .zamestnanci .zarovnani .zamestnanec {
    border-bottom: 1px solid #ce172b;
  }
  #main .zamestnanci .zarovnani .zamestnanec:last-child {border: none;}
  #main .zamestnanci .zarovnani .zamestnanec h2 {
    font-size: 150%;
    text-align: center;
    font-weight: normal;
    color: #ce172b;
    font-family: 'TitilliumWeb-SemiBold';
    padding-top: 70px;
  }
  #main .zamestnanci .zarovnani .zamestnanec .leva, #main .zamestnanci .zarovnani .zamestnanec .uprostred, #main .zamestnanci .zarovnani .zamestnanec .prava {
    float: left;
    width: 33%;
    position: relative;
    height: 460px;
    padding-bottom: 70px;  
  }
  #main .zamestnanci .zarovnani .zamestnanec.kratsi .leva, #main .zamestnanci .zarovnani .zamestnanec.kratsi .uprostred, #main .zamestnanci .zarovnani .zamestnanec.kratsi .prava {
    height: 390px;
  }
  #main .zamestnanci .zarovnani .zamestnanec.logo {text-align: center;}
  #main .zamestnanci .zarovnani .zamestnanec.logo img {margin-top: 65px;}
  #main .zamestnanci .zarovnani .zamestnanec.logo h1 {padding-top: 10px;}
  #main .zamestnanci .zarovnani .zamestnanec.logo .uprostred img {margin-top: 0px;}
  #main .zamestnanci .zarovnani .zamestnanec.logo .leva, #main .zamestnanci .zarovnani .zamestnanec.logo .uprostred, #main .zamestnanci .zarovnani .zamestnanec.logo .prava {
    height: 420px;
  }
  #main .zamestnanci .zarovnani .zamestnanec.logo p {font-size: 70%; padding-bottom: 60px;}
  #main .zamestnanci .zarovnani .zamestnanec.logo .uprostred a.mapa {margin-top: 50px;}
  #main .zamestnanci .zarovnani .zamestnanec a {color: black;}
  #main .zamestnanci .zarovnani .zamestnanec a:hover {text-decoration: none;}
  #main .zamestnanci .zarovnani .zamestnanec .leva .adresa {
    background: url(../img/adresa.png) no-repeat;
    background-position: 15% 0%; 
    font-size: 70%;
    padding-top: 60px; 
    position: absolute;
    top: 110px;  
  }
  #main .zamestnanci .zarovnani .zamestnanec .leva .doprava {
    background: url(../img/bus.png) no-repeat;
    background-position: 10% 0%; 
    font-size: 70%;
    padding-top: 60px; 
    position: absolute;
    top: 320px;
  }
  #main .zamestnanci .zarovnani .zamestnanec .uprostred  {text-align: center; margin-top: 15px;}
  #main .zamestnanci .zarovnani .zamestnanec .uprostred h2 {
    font-size: 70%;
    font-family: 'TitilliumWeb-SemiBold';
    font-weight: normal;
    padding-top: 5px;
  }
  #main .zamestnanci .zarovnani .zamestnanec .uprostred h3 {
    font-size: 90%;
    font-family: 'TitilliumWeb-Regular';
    font-weight: normal;
    margin-top: 35px;
  }
  #main .zamestnanci .zarovnani .zamestnanec .uprostred h3 strong {
    font-family: 'TitilliumWeb-SemiBold';
    padding-right: 10px;
  }
  #main .zamestnanci .zarovnani .zamestnanec .uprostred a.tel {
    text-decoration: none;
    font-size: 100%;
    font-family: 'TitilliumWeb-Regular';
    line-height: 100%;
  }
  #main .zamestnanci .zarovnani .zamestnanec .uprostred p {
    font-size: 70%;
    padding-top: 30px;
  }
  #main .zamestnanci .zarovnani .zamestnanec .uprostred a.mapa {
    background-color: white;
    color: black;
    font-size: 70%;
    width: 160px;
    height: 40px;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: none;
    outline: none;
    padding-top: 8px;
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
    cursor: pointer;
    transition: 0.5s;
    border: solid 1px black;
    text-decoration: none;
  }
  #main .zamestnanci .zarovnani .zamestnanec .uprostred a.mapa:hover {
    background-color: black;
    color: white;
  }
  #main .zamestnanci .zarovnani .zamestnanec .prava .mail {
    background: url(../img/posta.png) no-repeat;
    background-position: 50% 0%; 
    font-size: 70%;
    padding-top: 40px; 
    position: absolute;
    top: 130px;  
    right: 0px;
  }
  #main .zamestnanci .zarovnani .zamestnanec .prava .auto {
    background: url(../img/auto.png) no-repeat;
    background-position: 85% 0%; 
    font-size: 70%;
    padding-top: 60px; 
    position: absolute;
    top: 320px;
    right: 0px;
    text-align: right;  
  }
  #main .zamestnanci .zarovnani .zamestnanec .item {
    float: left;
    width: 24.9%;
    text-align: center;
    font-size: 70%;
    margin-top: 35px;
    margin-bottom: 75px;
  }
  #main .zamestnanci .zarovnani .zamestnanec .item p {
    line-height: 130%;
    padding-top: 15px;
  }
  #main .zamestnanci .zarovnani .zamestnanec .item p a {
    color: black;
    text-decoration: underline;
  }
  #main .zamestnanci .zarovnani .zamestnanec .item p a:hover {text-decoration: none;}
  #main #reference .zarovnani {
    text-align: center;
    max-width: 1480px;
  }
  #main #reference .zarovnani_95 {
    text-align: center;
        max-width: 95%;
  }
  #main #reference .zarovnani h1 {
    padding-top: 90px;
    padding-bottom: 20px;
    font-size: 150%;
    text-align: center;
    font-family: 'TitilliumWeb-SemiBold';
    color: black;
    border-bottom: solid 4px #ce172b;  
  }
  #main #reference .zarovnani h1.upravaReference {
    border-bottom: none;
  }
  #main #reference.ctyri .zarovnani .item {
    width: 20%;
    margin-left: 1%;
    margin-right: 1%;
  }
  #main #reference .zarovnani .item {
    display: inline-block;
    width: 20%;
    margin-left: 6%;
    margin-right: 6%;
    background-color: #f1f1f1;
    max-width: 330px;
    height: 460px;
    vertical-align: top;
    margin-bottom: 75px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
  }
  #main #reference .zarovnani .item_neaktivni {
    height: 660px;
  }
  
  
  #main #reference.sekce .zarovnani .item {background-color: #f0f0f0;}
  #main #reference.sekce .zarovnani .item {margin-bottom: 30px; height: 400px;}
  #main #reference.sekce.uprava .zarovnani .item {
    max-width: 435px;
    margin-left: 25px;
    margin-right: 25px;
    width: 28%;
    height: 310px;
    overflow: hidden;
  }
  #main #reference.sekce.uprava .zarovnani .item.item_neaktivni {height: 330px;}
  #main #reference.sekce.uprava .zarovnani .item span {max-width: 325px;}
  
  /*
  #main #reference.sekce.uprava .zarovnani .item:nth-child(2){margin-left: 0px;}
  #main #reference.sekce.uprava .zarovnani .item:nth-child(4){margin-right: 0px;}
  #main #reference.sekce.uprava .zarovnani .item:nth-child(5){margin-left: 0px;}
  #main #reference.sekce.uprava .zarovnani .item:nth-child(7){margin-right: 0px;}
  #main #reference.sekce.uprava .zarovnani .item:nth-child(8){margin-left: 0px;}
  #main #reference.sekce.uprava .zarovnani .item:nth-child(10){margin-right: 0px;}
  #main #reference.sekce.uprava .zarovnani .item:nth-child(11){margin-left: 0px;}
  #main #reference.sekce.uprava .zarovnani .item:nth-child(13){margin-right: 0px;}
  */
  .podstrana #main #reference.sekce.uprava .zarovnani .item h3 {
    font-family: 'TitilliumWeb-Bold'; 
    padding-top: 20px; 
    max-width: 325px; 
    height: 44px; 
    overflow: hidden;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    font-size: 120%;
    color: #ce172b;
    line-height: 80%;
  }
  .podstrana #main #reference.sekce.uprava .zarovnani .item_neaktivni h3 {
    color: #000;
  }
  
  .podstrana #main #reference.sekce.uprava .zarovnani .item_neaktivni p {height: 51px!important; line-height: 120%!important;}
  .podstrana #main #reference.sekce.uprava .zarovnani .item p {max-width: 325px;}
  .podstrana #main #reference.sekce.uprava .zarovnani .item p a {color: black; text-decoration: none;}
  .marginTop130 {margin-top: 110px;}
  #main #reference.sekce.uprava .zarovnani .item .obr {
    max-width: 325px;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
  }
  
  #main #reference.sekce.uprava .zarovnani .item_neaktivni .obr {
      clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);
  }
  
  #main #reference .zarovnani .item .obr {
    height: 190px;
    width: 100%;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-align: center
  }
  #main #reference.sekce .zarovnani .item .obr {height: 112px; margin-top: 30px;text-align: center}
  #main #reference .zarovnani .item .obr img {display: none;}
  #main #reference .zarovnani .item .obr img.video_play {display: inline-block; text-align: center; margin-top: 20%}
  
  
  #main #reference .zarovnani .item h2 {
    width: 95%;
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding-top: 35px;
    font-size: 120%;
    color: #ce172b;
    font-family: 'TitilliumWeb-SemiBold';
    line-height: 120%;
  }
  #main #reference .zarovnani .item h3 a {
    color: #ce172b;
    text-decoration: none;
  }
  #main #reference .zarovnani .item p {
    font-size: 70%;
    width: 95%;
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
    text-align: left; 
    line-height: 120%;
    padding-top: 5px;    
    overflow: hidden;
    height: 53px;
  }
  #main #reference .zarovnani .item p.upravaReferenciTlacitko {
    height: 120px;
  }
  #main #reference .zarovnani .item p.upravaReferenciTlacitko.mensi {
      height: 80px;
  }
  #main #reference .zarovnani .item span a.posabs {
        position: absolute;
  }
  #main #reference .zarovnani .item_neaktivni p {
    height: 160px;
    line-height: 140%;
  }
  #main #reference .zarovnani .item span {
    display: block;
    width: 95%;
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;    
  }
  #main #reference .zarovnani .item span a {
    position: relative;
    bottom: 35px;
    display: block;
    background-color: #a9a9a9;
    width: 130px;
    padding-right: 15px;
    color: white;
    font-size: 70%;
    text-decoration: none;
    padding-top: 3px;
    padding-bottom: 3px;
    background-image: url(../img/sipka_m.png);
    background-repeat: no-repeat;
    background-position: 80% 50%;  
    transition: 0.5s;
    margin-top: 5px;
  }
  #main #reference.sekce .zarovnani .item span a {
    background-color: #f0f0f0;
    color: black;
    width: 100px;
    border: solid 1px black;
    padding-right: 0px;
    bottom: -10px;  
  }
  #main #reference .zarovnani .item span a:hover {
    background-image: url(../img/sipka_a.png);
    color: #ce172b;
    background-color: white;
  }
  #main #reference.sekce .zarovnani .item span a:hover {background-image: none;}
  .strankovani {
    height: 30px;
    margin-bottom: 130px;  
  }
  .strankovani a {
    color: #8a8a8a;
    text-decoration: none;
    font-size: 61%;
    width: 29px;
    padding-bottom: 10px;
    border-bottom: solid 6px white;   
    display: inline-block;
    vertical-align: middle;  
  }
  .strankovani a.ctverecky:hover, .strankovani a.ctverecky.active {
    border-bottom: solid 6px #d5d5d5;    
    color: #8a8a8a;    
  }
  
  .strankovani a.dal {
    display: inline-block;
    background-image: url(../img/strankovani_dal.png);
    background-repeat: no-repeat;
    background-position: 80% 50%; 
    width: 8px;
    height: 15px; 
    margin-left: 15px;
  }
  .strankovani a.dal:hover {background-image: url(../img/strankovani_dal_a.png);}
  .strankovani a.predtim {
    display: inline-block;
    background-image: url(../img/strankovani_predtim.png);
    background-repeat: no-repeat;
    background-position: 80% 50%; 
    width: 8px;
    height: 15px; 
    margin-right: 15px;
  }
  .strankovani a.predtim:hover {background-image: url(../img/strankovani_predtim_a.png);}
  #main .stahnete {
    width: 100%;
    background-color: #000000;
    color: white;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .podstrana #main .stahnete {
    background-color: #d4d4d4;
    color: #66727e;
  }
  #main .stahnete .zarovnani {max-width: 1000px;}
  #main .stahnete p {
    font-size: 120%;
    font-family: 'TitilliumWeb-SemiBold';
    padding-top: 7px;
  }
  #main .stahnete a {
    background-color: #66727e;
    color: white;
    font-size: 90%;
    font-family: 'TitilliumWeb-SemiBold';
    text-decoration: none;
    width: 240px;
    height: 50px;
    display: block;
    float: right;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: none;
    outline: none;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 40px;
    cursor: pointer;
    transition: 0.5s;
    border: solid 1px #66727e;
    background-image: url(../img/pdf.png); 
    background-repeat: no-repeat;
    background-position: 20% 50%;  
  }
  #main .stahnete a:hover {
    background-color: #d43547;
    border: solid 1px #d43547;
  }
  #main .pomahame {
    float: left;
    width: 50%;
    height: 401px;
    background-image: url("../img/pomahame.jpg");
    background-repeat: no-repeat; 
    background-size: cover; 
    text-align: center;
  }
  #main .kariera {
    float: right;
    width: 49.9%;
    height: 401px;
    background-image: url("../img/kariera.jpg");
    background-repeat: no-repeat; 
    background-size: cover;
    text-align: center;   
  }
  #main .pomahame h2, #main .kariera h2 {
    font-size: 150%;
    color: white;
    font-family: 'TitilliumWeb-SemiBold';
    padding-top: 120px;
  }
  #main .pomahame p, #main .kariera p {
    font-size: 70%;
    color: white;
    line-height: 130%;
    padding-top: 10px;
  }
  #main .pomahame a {
    text-decoration: none;
    color: white;
    background-color: #ce172b;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 220px;
    margin-top: 25px;
    padding-top: 7px;
    padding-bottom: 7px;
    transition: 0.5s;
  }
  #main .pomahame a:hover {
    background-color: white;
    color: #ce172b;
  }
  #main .kariera a {
    text-decoration: none;
    color: white;
    background-color: transparent;
    border: solid 1px white;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 220px;
    margin-top: 25px;
    padding-top: 7px;
    padding-bottom: 7px;
    transition: 0.5s;
  }
  #main .kariera a:hover {
    background-color: white;
    color: #ce172b;
  }
  #main .zarovnani.sekce {
    padding-top: 30px;
  }
  #main .zarovnani.sekce img {max-width: 585px; height: auto; width: 40%;}
  #main .zarovnani.sekce .video_sekce {
      width: 40%;
      max-width: 585px;
      height: 390px;
      float: right;
      margin: 5px;
  }
  #main .zarovnani.sekce .video_sekce iframe {width: 100%;}
  #main .novinky {
    text-align: center;
  }
  .podstrana #main .novinky {padding-top: 40px;}
  #main .novinky .item {
    display: inline-block;
    width: 26%;
    max-width: 360px;
    margin-left: 3.5%;
    margin-right: 3.5%;
    height: 450px;
    position: relative;
    margin-top: 15px;
    margin-bottom: 40px;
  }
  #main .novinky.uprava p {padding-bottom: 55px;}
  #main .novinky.uprava .item {
    max-width: 364px;
  }
  #main .novinky.uprava .item:nth-child(4) {margin-left: 3.5%; margin-right: 3.5%;}
  #main .novinky.uprava .item:nth-child(5) {margin-right: 0%;}
  #main .novinky.uprava .item:nth-child(3) {
    margin-left: 0%;
    margin-right: 7%;
  }
  #main .novinky.uprava .item:nth-child(5) {
    margin-left: 7%;
    margin-right: 0%;
  }
  #main .novinky.uprava .item .obr_datum h2 a {text-decoration: none;}
  #main .novinky .item .obr_datum {
    position: relative;
    height: 300px;
    border-bottom: solid #ce172b 1px;
  }
  #main .novinky .item .obr_datum .obr {
    height: 210px;
    width: 100%;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  #main .novinky .item .obr_datum .obr img {display: none;}
  #main .novinky .item .obr_datum span {
    position: absolute;
    bottom: 42px;
    background-color: #ce172b;
    color: white;
    width: 60px;
    height: 60px; 
    font-family: 'TitilliumWeb-SemiBold';
    font-size: 80%;
    text-transform: uppercase;  
    line-height: 130%;
    padding-top: 15px;
    left: 0px;
  }
  #main .novinky .item .obr_datum span strong {
    font-size: 160%;
    font-family: 'TitilliumWeb-SemiBold';
  }
  #main .novinky .item .obr_datum h3 {
    padding-top: 10px;
    font-size: 78%;
    padding-left: 80px;
    text-align: left;
    max-width: 250px;
    font-family: 'TitilliumWeb-SemiBold';
    font-weight: normal;
    padding-bottom: 10px;    
    color: black;  
    height: 55px;
    overflow: hidden;  
    line-height: 130%;
  }
  .novinky h2.format {
    padding-top: 45px!important;
    padding-bottom: 50px!important;
    font-size: 180%!important;
    text-align: center!important;
    font-family: 'TitilliumWeb-SemiBold'!important;
    color: #bb1229!important;
  } 
  .vypis_refky h3 {
    max-width: 270px;
    margin-left: auto;
    text-align: left;
    margin-right: auto;
    width: 95%;
    padding-top: 30px;
    overflow: hidden;
    height: 70px;
    font-size: 17px;
  }
  #main .novinky .item .obr_datum h3 a {color: black; text-decoration: none;}
  #main .novinky .item a.user,
  #main .novinky .item a.user:link,
  #main .novinky .item a.user:visited,
  #main .novinky .item p {
    font-size: 70%;
    text-align: left;
    line-height: 130%;
    padding-top: 30px;
    height: 38px;
    overflow: hidden;
  }
  #main .novinky .item a.user,
  #main .novinky .item a.user:link,
  #main .novinky .item a.user:visited{
    height: 12px;
    margin: 0px 0px 26px 0px;
  }
  #main .novinky .item .info {
      width: 100%;
      color: #7a7a7a;
      height: 30px;
      background-color: white;
      position: absolute;
      bottom: 0px;
  }
  #main .novinky .item p.user,
  #main .novinky .item a.user,
  #main .novinky .item a.user:link,
  #main .novinky .item a.user:visited,
  #main .novinky .item p.datum{
    padding-top: 1px;
    padding-bottom: 6px;
    font-size: 60%;
    color: #7a7a7a;
    float: left;
    width: 90px;
    padding-left: 25px;
    text-decoration: none;
  }
  #main .novinky .item a.user:hover,
  #main .novinky .item a.user:active{
    text-decoration: underline;
  }
  #main .novinky .item a.user,
  #main .novinky .item a.user:link,
  #main .novinky .item a.user:visited,
  #main .novinky .item p.user{
    background-image: url("../img/user.png");
    background-repeat: no-repeat;
  }
  #main .novinky .item p.datum {
    background-image: url("../img/kalendar.png");
    background-repeat: no-repeat;
  }
  #footer {
    height: auto;
    padding-bottom: 15px;
    width: 100%;
    position: relative;
    background-image: url("../img/patka.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }
  #footer #rychlo_odkazky {text-align: center; padding-top: 25px;}
  #footer #rychlo_odkazky a {color: white; font-size: 80%; margin-left: 5px; margin-right: 5px;}
  #footer #rychlo_odkazky a:hover {text-decoration: none;}
  #footer .zarovnani {
    max-width: 940px;
    text-align: center;
  }
  #footer .zarovnani a#logo_dole {
    padding-top: 105px;
    display: block;
    width: 208px;
    margin-left: auto;
    margin-right: auto;
  }
  #footer .zarovnani a#logo_dole img {
    width: 100%;
  }
  #footer .zarovnani .info {
      width: 250px;
      margin-right: 90px;
      display: block;
      vertical-align: top;
      float: left;
  }
  #footer .zarovnani .center {
      margin-top: 20px;
      width: 290px;
      display: block;
      float: left;
  }   
  #footer .zarovnani .nav {
      width: 150px;
      margin-top: 50px;
      margin-left: 75px;
      margin-right: 50px;
      display: block;
      float: left;
      vertical-align: top;
      text-align: left;
  }
  #footer .zarovnani .nav ul {
      list-style: none;
  }
  #footer .zarovnani .nav ul li {
      line-height: 130%;
  }
  #footer .zarovnani .nav ul li a {
      text-transform: uppercase;
      color: white;
      text-decoration: none;
      font-size: 80%;
      line-height: 100%;
      font-weight: bold;
      transition: 0.5s; 
  }
  #footer .zarovnani .nav ul li a:hover {
      color: #d11629;
  }
  #footer .zarovnani .nav ul li a.red {
      color: #d11629;
  }
  #footer .zarovnani .nav ul li a.red:hover {
      color: white;
  }
  #footer .zarovnani .mapa {
    margin-top: 15px;
  }
  #footer .zarovnani .tel {
    width: 250px;
    font-size: 150%;
    font-family: 'TitilliumWeb-Bold';
    color: white;
    text-decoration: none;
    margin-top: 55px;
    text-align: right;
    display: block;
  }
  #footer .zarovnani .mail {
    width: 250px;
    font-size: 70%;
    font-family: 'TitilliumWeb-Regular';
    color: white;
    text-decoration: none;
    margin-top: 5px;
    text-align: right;
    display: block;  
  }
  #footer .zarovnani p {
    width: 250px;
    float: left;
    font-size: 70%;
    font-family: 'TitilliumWeb-Regular';
    color: white;
    text-decoration: none;
    margin-top: 10px;
    text-align: right;
  }
  #footer .zarovnani p.oou {
    width: 100%;
    float: none;
    font-size: 70%;
    font-family: 'TitilliumWeb-Regular';
    color: #848484;
    text-decoration: none;
    margin-top: 10px;
    text-align: center;
  }
  #footer .zarovnani p.oou a {
    color: #848484;
  }
  #footer .zarovnani .social_obal {
   width: 100%;
  }
  #footer .zarovnani a.social {
    margin-top: 55px;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration: none;
    display: inline-block;
    width: 36px;
    height: 32px;
    padding-top: 4px;
    border: solid 2px #3b3b3b;
  }
  #footer .zarovnani a.social.yt {height: 30px; padding-top: 6px;}
  #footer .zarovnani a.social img.a {display: inline-block;}
  #footer .zarovnani a.social img.b {display: none;}
  #footer .zarovnani a.social:hover img.b {display: inline-block;}
  #footer .zarovnani a.social:hover img.a {display: none;}
  /* FORMATOVANI TEXTU */
   .zarovnani .formatovani_textu {max-width: 1400px; text-align: center;}
  .formatovani_textu h1 {
    padding-top: 90px;
    text-align: center;
    font-family: 'TitilliumWeb-SemiBold';
    color: black;
    font-size: 150%;
    font-weight: normal;
    padding-bottom: 18px;
    border-bottom: solid 4px #ce172b;
    width: fit-content; 
    margin-bottom: 15px;
  }
  .sekce .formatovani_textu h1 {
    color: #bb1229;
    border-bottom: none;
    text-align: left;
    padding-top: 12px;
    display: block;
    font-size: 200%;
    line-height: 100%;
  }
  .formatovani_textu h2 {
    padding-top: 30px;
    text-align: left;
    font-family: 'TitilliumWeb-SemiBold';
    color: #ce172b;
    font-size: 120%;
    font-weight: normal;
    padding-bottom: 0px;
    display: block; 
  }
  .formatovani_textu h3 {
    padding-top: 50px;
    text-align: center;
    font-family: 'TitilliumWeb-Bold';
    color: #ce172b;
    font-size: 90%;
    font-weight: normal;
    padding-bottom: 5px;
    display: inline-block; 
  }
  .formatovani_textu h4 {
    padding-top: 50px;
    text-align: center;
    font-family: 'TitilliumWeb-Bold';
    color: black;
    font-size: 90%;
    font-weight: normal;
    padding-bottom: 5px;
    display: inline-block;
  }
  .formatovani_textu h5 {
    padding-top: 50px;
    text-align: center;
    font-family: 'TitilliumWeb-Bold';
    color: #ce172b;
    font-size: 70%;
    font-weight: normal;
    padding-bottom: 5px;
    display: inline-block;
  }
  .formatovani_textu p.datum {
    float: right;
    padding-top: 50px;
  }
  .formatovani_textu p {
    padding-bottom: 15px;
    padding-top: 5px;
    font-size: 80%;
  }
  .sekce .formatovani_textu p {
    max-width: 700px;
    border-bottom: none;
    text-align: left;
    padding-top: 5px;
    display: block;
  }
  .formatovani_textu p.velky {
    font-size: 100%;
    line-height: 170%;
  }
  .formatovani_textu p.vyrazny {
    background-color: #f1f1f1;
    padding: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .formatovani_textu p.vyrazny2 {
    background-color: #bb1229;
    color: white;
    padding: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 10px;  
  }
  .formatovani_textu p.maly_1 {
    font-size: 70%;
    padding-top: 15px;
    padding-bottom: 5px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .formatovani_textu p.maly_2 {
    font-size: 65%;
    padding-top: 5px;
    padding-bottom: 5px;  
  }
  .formatovani_textu p.maly_3 {
    font-size: 70%;
    padding-top: 5px;
    padding-bottom: 5px;  
  }
  .formatovani_textu p.velky_1 {
    font-size: 90%;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .formatovani_textu p.velky_2 {
    font-size: 100%;
    padding-top: 5px;
    padding-bottom: 5px;  
  }
  .formatovani_textu p.velky_3 {
    font-size: 120%;
    padding-top: 5px;
    padding-bottom: 5px;  
  }
  .formatovani_textu p.nejvetsi {
    font-size: 150%;
    padding-top: 5px;
    padding-bottom: 5px;    
  }
  .formatovani_textu span.vyrazny {
    color: #00accd;
  }
  .formatovani_textu strong {
    font-family: 'TitilliumWeb-Bold';
    font-size: 110%;
  }
  .formatovani_textu strong.nejvetsi {
    font-size: 150%;
  }
  .formatovani_textu a {
    color: #d11629;
    transition: 0.7s;
  }
  .formatovani_textu a:hover {
    color: #000;
    text-decoration: none;
  }
  .formatovani_textu a.a_vyrazny {
    color: #ce172b;
  }
  .formatovani_textu a.a_nevyrazny {
    color: black;
  }
  .formatovani_textu a:hover {color: black;}
  .formatovani_textu a.a_cta {
    display: inline-block;
    width: 210px;
    background-color: #bb1229;
    text-decoration: none;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
    color: white;
    cursor: pointer;
    font-size: 75%;
  }
  .formatovani_textu a.a_cta:hover {background-color: black;}
  .formatovani_textu a.a_cta2 {
    display: inline-block;
    width: 210px;
    background-color: #717171;
    text-decoration: none;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
    color: white;
    cursor: pointer;
    font-size: 75%;
    font-weight: bold;
  }
  .formatovani_textu a.a_cta2:hover {background-color: black;}
  .formatovani_textu a.a_cta3 {
    display: inline-block;
    width: 210px;
    background-color: white;
    border: solid 1px black;
    text-decoration: none;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
    color: black;
    cursor: pointer;
    font-size: 75%;
  }
  .formatovani_textu a.a_cta3:hover {
    background-color: lightgray;
  }
  .formatovani_textu table.table_svetla {
    margin-top: 15px;
    margin-bottom: 15px;
    border-spacing: 4px;
    max-width: 700px;
    width: 100%;
  }
  .formatovani_textu table.table_svetla td {
    border: solid 1px black;
    text-align: center;
    padding: 7px 15px;
    margin: 3px;
    font-size: 70%;
  }
  .formatovani_textu table.table_tmava {
    margin-top: 15px;
    margin-bottom: 15px;  
    border-spacing: 4px;  
    max-width: 700px;
    width: 100%;  
  }
  .formatovani_textu table.table_tmava td {
    text-align: center;
    padding: 7px 15px;
    color: white;
    background-color: #ce172b;
    font-size: 70%;
  }
  .formatovani_textu img.img_vpravo {
    float: right;
    margin: 5px;
  }
  .formatovani_textu img.img_vpravo.noheight{
    margin-left: 50px;
    margin-top: 50px;
  }
  .formatovani_textu .obsah_sekce {
    float: left;
    width: 58%;
  }
  .formatovani_textu img.img_vlevo {
    float: left;
    margin: 5px;
  }
  .formatovani_textu img.img_100 {
    width: 100%;
    display: block;
  }
  .podstrana #main .sekce a.poptavka {
    display: block;
    background-color: #ce172b;
    float: left;
    color: white;
    width: 200px;
    min-height: 32px;
    height: 32px;
    font-size: 75%;
    line-height: 130%;
    padding-top: 12px;
    text-decoration: none;
    margin-top: 0px;
  }
  .podstrana #main .sekce a.poptavka:hover {
    background-color: black;
  }
  .sekce .formatovani_textu ul {
    width: 100%;
    max-width: 750px;
    display: block;
    float: left;
    margin-left: -5px;
  }
  .formatovani_textu ul {
    margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 30px;
    list-style: none;
  }
  .sekce .formatovani_textu ul li {
    width: 45%;
    max-width: 330px;
    display: inline-block;
    margin-left: 0px;
  }
  .sekce .formatovani_textu .kontakt, #reference.sekce .kontakt {
    margin-left: 35px;
    float: left;
    font-size: 70%;
    padding-top: 12px;
    padding-left: 25px;
    background: url(../img/kontakt_mail.png) no-repeat;
    background-position: 0% 90%;
    color: #747c82;
    text-decoration: none;
    margin-right: 25px;
  }
  #reference.sekce .kontakt {float: none;}
  .sekce .formatovani_textu .novinky .stitky p {text-align: center; padding-bottom: 50px; }
  .sekce .formatovani_textu .novinky .stitky p a {text-decoration: none; color: black; background-color: #bac2cd; padding: 9px 18px; margin: 5px; white-space: nowrap; display: inline-block;}
  .sekce .formatovani_textu .novinky .stitky p a.kategorie_nazev, .sekce .formatovani_textu .novinky .stitky p a.kategorie_nazev:hover {cursor: default; text-decoration: none; color: black; background-color: #e8e8e8; padding: 9px 18px; margin: 5px;}
  .novinky h2.format.no-margin-bottom {padding-bottom: 20px!important;}
  .sekce .formatovani_textu .novinky .stitky p a:hover, .sekce .formatovani_textu .novinky .stitky p a.active {color: white; background-color: #505e69;}
  .sekce .formatovani_textu .telefon, #reference.sekce .telefon {
    float: left;
    font-size: 70%;
    padding-top: 12px;
    padding-left: 25px;
    background: url(../img/kontakt_telefon.png) no-repeat;
    background-position: 0% 90%;
    color: #747c82;
    text-decoration: none;
    margin-right: 25px;
  }
  #reference.sekce .telefon {float: none;}
  .sekce .formatovani_textu .adresa, #reference.sekce .adresa {
    float: left;
    font-size: 70%;
    padding-top: 12px;
    padding-left: 25px;
    background: url(../img/kontakt_adresa.png) no-repeat;
    background-position: 0% 90%;
    color: #747c82;
    text-decoration: none;
  }
  #reference.sekce .adresa {float: none;}
  .formatovani_textu ul li {
    background-image: url(../img/ul_li.png);
    background-repeat: no-repeat;
    font-size: 80%;
    padding-left: 36px;
    background-position: 0% 50%;
    margin-bottom: 10px;
    margin-left: 40px;
    text-align: left;
    font-family: 'TitilliumWeb-SemiBold';
  }
  .formatovani_textu ul.none {list-style:none;}
  .formatovani_textu td {font-size: 88%; font-family: "TitilliumWeb-Regular";}
  .formatovani_textu td.mezera {font-size: 90%; font-weight: bold; padding-top: 10px;}
  .formatovani_textu .submit {
    background-color: #91c127; 
    border: none;
    cursor: pointer;
    font-size: 100%;
    width: 200px;
    height: 40px;
    margin-top: 35px;
  }
  .formatovani_textu .galerie, .galerie_obsah {text-align: left;}
  .formatovani_textu .galerie a.obr, .galerie_obsah a.obr {
    display: inline-block;
    width: 16%;
    margin-left: 1.5%;
    margin-right: 1.5%;
    height: 150px;
    margin-bottom: 20px;
    background-size: cover;
    background-position: center center;
  }
  .formatovani_textu .galerie a.obr img, .galerie_obsah a.obr img {display: none;}
  /* === FONTY === */
  @font-face {
    font-family: 'TitilliumWeb-Regular';
    src: url("../font/TitilliumWeb-Regular.eot");
    src: url("../font/TitilliumWeb-Regular.eot?#iefix") format("embedded-opentype"), url("../font/TitilliumWeb-Regular.woff") format("woff"), url("../font/TitilliumWeb-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal; 
  }
  @font-face {
    font-family: 'TitilliumWeb-SemiBold';
    src: url("../font/TitilliumWeb-SemiBold.eot");
    src: url("../font/TitilliumWeb-SemiBold.eot?#iefix") format("embedded-opentype"), url("../font/TitilliumWeb-SemiBold.woff") format("woff"), url("../font/TitilliumWeb-SemiBold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal; 
  }
  @font-face {
    font-family: 'TitilliumWeb-Bold';
    src: url("../font/TitilliumWeb-Bold.eot");
    src: url("../font/TitilliumWeb-Bold.eot?#iefix") format("embedded-opentype"), url("../font/TitilliumWeb-Bold.woff") format("woff"), url("../font/TitilliumWeb-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal; 
  }
  @font-face {
    font-family: 'TitilliumWeb-Italic';
    src: url("../font/TitilliumWeb-Italic.eot");
    src: url("../font/TitilliumWeb-Italic.eot?#iefix") format("embedded-opentype"), url("../font/TitilliumWeb-Italic.woff") format("woff"), url("../font/TitilliumWeb-Italic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal; 
  }
  
  h2 a.h2,
  h2 a:link.h2,
  h2 a:visited.h2{
   color: #000000;
   text-decoration: none;   
  }
  h2 a:hover.h2,
  h2 a:active.h2{
   text-decoration: underline;   
  }
  
  .vpravo_clanky {
    float: right;
    width: 400px;
    padding-top: 90px;
  }
  .vlevo_clanky{
    float: left;
    width: calc(100% - 500px);
  }
  .vpravo_clanky .autorClanku {
    background-color: #FFFFFF;
    color: #888888;
    margin-bottom: 10px;
    text-align: left;
  }
  .vpravo_clanky .autorClanku div.autor_clanku{
    padding: 21px 32px 32px 32px;
  }
  .formatovani_textu .vpravo_clanky .autorClanku a img,
  .formatovani_textu .vpravo_clanky .autorClanku a:link img,
  .formatovani_textu .vpravo_clanky .autorClanku a:visited img{
    max-width: 100%;
  }
  .formatovani_textu .vpravo_clanky .autorClanku a:hover img,
  .formatovani_textu .vpravo_clanky .autorClanku a:active img{
   opacity: 0.50;
   filter: alpha(opacity=50);
  }
  .formatovani_textu .vpravo_clanky .autorClanku h2{
    padding: 21px 0px 0px 0px;
  }
  .formatovani_textu .vpravo_clanky .autorClanku h2 a,
  .formatovani_textu .vpravo_clanky .autorClanku h2 a:link,
  .formatovani_textu .vpravo_clanky .autorClanku h2 a:visited{
      color: #E30521;
      font-size: 24px;
      font-weight: 700;
      line-height: 36.5px;
  }
  .formatovani_textu .vpravo_clanky .autorClanku h2 a:hover,
  .formatovani_textu .vpravo_clanky .autorClanku h2 a:active{
    text-decoration: underline;
  }
  .formatovani_textu .vpravo_clanky .autorClanku p {
    font-size: 70%;
    padding: 0px;
  }
  .formatovani_textu .vpravo_clanky .autorClanku p.autor_pozice {
    padding-bottom: 15px;
    font-size: 18px;
  }
  .formatovani_textu .vpravo_clanky .autorClanku p a,
  .formatovani_textu .vpravo_clanky .autorClanku p a:link,
  .formatovani_textu .vpravo_clanky .autorClanku p a:visited{
    padding-bottom: 0px;
    padding-top: 5px;
    font-size: 100%;
    color: #000000;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 24.34px;
  }
  .formatovani_textu .vpravo_clanky .autorClanku .info_autor{
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 21.29px;
  }
  .formatovani_textu .vpravo_clanky .autorClanku a,
  .formatovani_textu .vpravo_clanky .autorClanku a:link,
  .formatovani_textu .vpravo_clanky .autorClanku a:visited{
    color: #E30521;
    text-decoration: none;
    font-size: 16px;
  }
  .formatovani_textu .vpravo_clanky .autorClanku a:hover span,
  .formatovani_textu .vpravo_clanky .autorClanku a:active span,
  .formatovani_textu .vpravo_clanky .autorClanku p a:hover,
  .formatovani_textu .vpravo_clanky .autorClanku p a:active{
    text-decoration: underline;
  }
  .vpravo_clanky .podobneClanky {
    background-color: #cdcdcd;
    color: black;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 35px;
  }
  .vpravo_clanky .podobneClanky .cln a {
    color: black;
    text-decoration: none;
  }
  .vpravo_clanky .podobneClanky .cln a h2 {
    color: black;
    font-size: 16px;
    text-align: center;
    margin-bottom: 15px;
  }
  .vpravo_clanky .podobneClanky .cln a.obr {
    display: block;
    width: 100%;
    max-width: 200px;
    margin: auto;
    height: 120px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .vpravo_clanky .podobneClanky .cln a.obr img {display: none;}
  img.medailonek_obr {
      width: 413px;
      max-width: 100%;
      float: right;
      margin-left: 20px;
      margin-bottom: 20px;
  }
 @media screen and (max-width: 700px) {
  img.medailonek_obr {
      float:none;
      margin-left: auto;
      margin-right: auto;
      display: block;
      margin-bottom: 30px;
  } 
  .formatovani_textu h1.medailonek {
    padding-top: 40px;
  }
  }
  p.vyssi_p {height: auto!important;}

  @media screen and (max-width: 1770px) {
      /*.podstrana #header .zarovnani {max-width: 1100px;}*/
      .podstrana #header .zarovnani #nav {margin-right: 150px;}
      .podstrana .zarovnani .jazyky {margin-right: 150px;}
      .podstrana #header .zarovnani #navrighttop a.telefon {margin-right: 150px;}
  }
  
  @media screen and (max-width: 1451px) {
    #header .zarovnani a#logo {
      margin-left: 20px;
    }
    .podstrana #header .zarovnani a#logo {
      margin-left: 20px;
    }
    .podstrana #header {background-image: none;}
  }
  
  @media screen and (max-width: 1400px) {
    .formatovani_textu img.img_vpravo {max-width: 500px; height: 300px!important; margin-bottom: 50px;}
    .formatovani_textu img.img_vpravo.noheight {max-width: 500px; height: auto!important; margin-bottom: 0px;}
    #main .zarovnani.sekce .video_sekce {max-width: 500px; height: 300px!important; margin-bottom: 50px;}
  }
  
  @media screen and (max-width: 1250px) {
      .podstrana #header .zarovnani #nav {margin-right: 0px;}
      .podstrana .zarovnani .jazyky {margin-right: 0px;}
      .podstrana #header .zarovnani #navrighttop a.telefon {margin-right: 0px;}
  }
  
  @media screen and (max-width: 1001px) {
  #header {
      background-position: bottom right;
      background-size: contain;
      background-image: url("../img/header2019b2_mobil.jpg");
  }
  .podstrana #header {
      background-position: bottom right;
      background-size: 200%;
  }
  
  }
  
  
  @media screen and (max-width: 2000px) and (min-width: 1000px) {
  #header {
      background-position: 40% 50%;
  }
  .podstrana #header {
      background-position: bottom right;
  }
  }
  
  @media screen and (max-width: 1300px) { 
    #main .zarovnani.komplexni .item {width: 31%; margin-left: 1%; margin-right: 1%;}      
    #main .zarovnani.komplexni .item p {max-width: 320px; height: 50px; margin-left: auto; margin-right: auto;}  
    #main .zarovnani.komplexni .item a.detail {margin-left: auto; margin-right: auto;}
    .formatovani_textu img.img_vpravo {max-width: 350px; height: 240px!important; margin-bottom: 200px;}
    .formatovani_textu img.img_vpravo.noheight { height: auto!important; margin-bottom: 20px;}
    #main .zarovnani.sekce .video_sekce {max-width: 350px; height: 240px!important; margin-bottom: 200px;}
    #main .zarovnani.sekce .video_sekce iframe {height: 240px;}
    #main .sekce .formatovani_textu #reference .zarovnani .item p {height: 100px; overflow: hidden;}
    #main .sekce .formatovani_textu #reference .zarovnani .item h2 {font-size: 100%;}
    .podstrana #main .sekce #reference a.poptavka, .podstrana #main .sekce .caste_dotazy a.poptavka, .sekce .formatovani_textu #reference .kontakt, .podstrana #main .sekce .caste_dotazy .kontakt {margin-left: 15px; margin-right: 0px;}
  }
  
  @media screen and (max-width: 1220px) {
    #main #reference.sekce.uprava .zarovnani .item  {margin-left: 30px; margin-right: 30px;}
    #main #reference .zarovnani .item.vypis_refky {width: 22.5%;}
  }
  
  @media screen and (max-width: 1200px) {
   #header .zarovnani #nav ul li {padding-left: 18px; margin-left: 0.5%; margin-right: 0.5%;}
   #header .zarovnani #nav {width: 62%; text-align: right;}
   #header .zarovnani a#logo, .podstrana #header .zarovnani a#logo {width: 30%;}
   #main .zarovnani.komplexni .pod_komplexni a.poslat {width: 148px; margin-left: 10px; margin-right: 10px;}
   #main .zarovnani.komplexni .pod_komplexni a.eml, #main .zarovnani.komplexni .pod_komplexni a.tel {margin-right: 15px;} 
   .sekce .formatovani_textu ul {max-width: 600px;} 
   .sekce .formatovani_textu ul li {max-width: 600px; width: 100%;}
   .formatovani_textu img.img_vpravo {margin-bottom: 300px;}
   .formatovani_textu img.img_vpravo.noheight {margin-bottom: 20px;}
   #main .zarovnani.sekce .video_sekce {margin-bottom: 300px;}
   .sekce .formatovani_textu .kontakt, .sekce .formatovani_textu .telefon {margin-left: 5px; margin-right: 5px;}
   .sekce .formatovani_textu .item p {padding-bottom: 0px;}
   .formatovani_textu .galerie a.obr, .galerie_obsah a.obr  {height: 120px;}
   #main .novinky.uprava .item .obr_datum .obr {height: 190px;}
   #main .novinky.uprava .item .obr_datum {height: 290px;}
   #main .novinky.uprava .item {height: 430px;}
   #main #reference.sekce.uprava .zarovnani .item {height: 330px;}
   #main #reference.sekce.uprava .zarovnani .item.item_neaktivni {height: 360px;}
   /*.podstrana #main #reference.sekce.uprava .zarovnani .item h3 {height: 84px;}*/
  }
  
  @media screen and (max-width: 1100px) {
    #main #reference .zarovnani .item {width: 30%;}
    .podstrana #main .sekce a.poptavka {width: 140px;}
    .formatovani_textu .obsah_sekce {width: 650px;}
    #main .zarovnani.sekce img {width: 300px; height: 210px!important;}
    #main #reference .zarovnani .item.uprava {width: 31%;}  
  }
  
  @media screen and (max-width: 1024px) {
    #main .zarovnani.komplexni .pod_komplexni p {float: none; padding-bottom: 20px;}
    #main .zarovnani.komplexni .pod_komplexni a.poslat, #main .zarovnani.komplexni .pod_komplexni a.eml, #main .zarovnani.komplexni .pod_komplexni a.tel, #main .zarovnani.komplexni .pod_komplexni p.adresa {float: none; display: inline-block; padding-bottom: 0px;}
    #main .zarovnani.sekce .formatovani_textu {text-align: left;}
    .formatovani_textu img.img_vpravo {float: none; clear: both; margin-left: 0px; margin-bottom: 0px;}
    #main .zarovnani.sekce .video_sekce {float: none; clear: both; margin-left: 0px; margin-bottom: 0px;}
    .sekce .formatovani_textu ul {width: 90%; max-width: 90%;}
    .podstrana #main .sekce a.poptavka {text-align: center;}
    .sekce .formatovani_textu .ref .dalsi, .sekce .formatovani_textu .novinky .dalsi {text-align: center; margin-left: auto; margin-right: auto; display: block;}
    #main .novinky .item .obr_datum span {text-align: center;}
    .vpravo_clanky {width: 300px;}
  }
  
  @media screen and (max-width: 935px) {
      #footer .zarovnani a#logo_dole {padding-top: 25px;}
      #footer .zarovnani .info, #footer .zarovnani .center {width: 40%;}
      #footer .zarovnani .nav {width: 100%; margin-left: auto; margin-right: 0px;}
      #footer .zarovnani .nav ul {text-align: center;}
      #footer .zarovnani .nav ul li {display: inline-block; margin-left: 5px; margin-right: 5px;} 
  }
  
  @media screen and (max-width: 920px) {
    #header .zarovnani a#logo {margin-top: 10px; width: 300px;}
    #header .zarovnani #nav {position: absolute; width: 100%; max-width: 100%; margin-top: 120px;}
    .podstrana #header .zarovnani #nav {margin-top: 80px;}
    #header .zarovnani #nav #hamburger {box-sizing: border-box; -moz-box-sizing: border-box; display: block; width: 72px; cursor: pointer; border: solid 2px transparent; transition: 0.6s; margin-left: auto; margin-right: auto;}
    #header .zarovnani #nav #hamburger:hover {border: solid 2px white;}
    #header .zarovnani #nav #hamburger .cara {display: block; width: 50px; height: 6px; background-color: white; margin-top: 7px; margin-left: 8px; margin-right: 8px; margin-bottom: 8px;} 
    #header .zarovnani #nav ul {z-index: 999; position: absolute; margin-top: 0px; margin-left: auto; margin-right: auto; display: none;}
    #header .zarovnani #nav ul li {padding-bottom: 0px!important; padding-left: 0px; background-image: none; padding-top: 0px!important; height: 50px; background-color: #ce172b; display: block; float: none; position: relative; text-align: center; margin-left: 0px; padding-right: 0px; border-right: none; line-height: 50px; border-bottom: solid 1px white;}
    #header .zarovnani #nav ul li a {display: block; color: white; font-size: 100%; text-transform: uppercase; text-decoration: none;}
    #header .zarovnani #nav ul li.active, #header .zarovnani #nav ul li:hover { background-image: none;}
    #header .zarovnani #nav ul li a.active, #header .zarovnani #nav ul li a:hover {background-color: #3d96b4;}
    #header .zarovnani #nav ul li:hover, #header .zarovnani #nav ul li.active {background-color: #4e4e4e;}
    #main .zarovnani.komplexni .item {width: 47%; margin-left: 1%; margin-right: 1%;} 
    #main .proc .zarovnani h1 {padding-top: 20px;}     
    #main .proc .zarovnani .caraP, #main .proc .zarovnani .caraL {display: none;}
    #main .proc .zarovnani .item img {display: none;}
    #main .proc .zarovnani .item {width: 45%; margin-top: 20px; vertical-align: top;}
    #main .proc .zarovnani .item.lev, #main .proc .zarovnani .item.prav {float: none;}
    #main .proc .zarovnani .item h3 {padding-top: 0px;}
    #main .pomahame, #main .kariera {width: 100%; float: none; clear: both;}
    #main .zarovnani.kontakt .item {width: 32%;}
    #main .zamestnanci .zarovnani .zamestnanec {position: relative; height: 1100px;}
    #main .zamestnanci .zarovnani .zamestnanec.kratsi {height: 700px;}
    #main .zamestnanci .zarovnani .zamestnanec .leva, #main .zamestnanci .zarovnani .zamestnanec .uprostred, #main .zamestnanci .zarovnani .zamestnanec .prava {width: 100%; position: absolute;}
    #main .zamestnanci .zarovnani .zamestnanec .leva {top: 450px; text-align: center;}
    #main .zamestnanci .zarovnani .zamestnanec .prava {top: 750px; text-align: center;}
    #main .zamestnanci .zarovnani .zamestnanec .uprostred a.mapa, #main .zamestnanci .zarovnani .zamestnanec .uprostred h3 {margin-top: 10px;}
    #main .zamestnanci .zarovnani .zamestnanec .uprostred p {padding-top: 10px;}
    #main .zamestnanci .zarovnani .zamestnanec .leva .adresa {top: 0px; width: 100%; background-position: 50% 0%;}
    #main .zamestnanci .zarovnani .zamestnanec .leva .doprava {top: 150px; width: 100%; background-position: 50% 0%;}
    #main .zamestnanci .zarovnani .zamestnanec .prava .mail {top: 0px; width: 100%; background-position: 50% 0%;}
    #main .zamestnanci .zarovnani .zamestnanec .prava .auto {top: 150px; width: 100%; background-position: 50% 0%; text-align: center;}
    #main .zamestnanci .zarovnani .zamestnanec.kratsi .prava  {top: 580px;}
    #main .zamestnanci .zarovnani .zamestnanec.logo .uprostred {top: 250px;}
    #main .zamestnanci .zarovnani .zamestnanec.logo .leva .adresa {top: 300px;}
    #main .zamestnanci .zarovnani .zamestnanec.logo .prava .mail {top: 150px;}
    #main .zamestnanci .zarovnani .zamestnanec.divize {height: 350px;}
    .sekce .formatovani_textu .ref .obal .item {width: 47%;}
    #main .novinky .item {width: 47%;}
    #main .sekce .novinky div.item:first-of-type {float: none;}
    #main .sekce .novinky div.item:nth-last-of-type(2) {float: none;}
    #main .sekce .caste_dotazy .dotaz {float: none!important; clear: both; width: 100%;}
    .reference_sekce .item {width: 47%;}
    #main a.mapa {height: 328px;}
    .formatovani_textu .galerie a.obr, .galerie_obsah a.obr  {width: 21%;}
    #main .sekce .caste_dotazy .prava, #main .sekce .caste_dotazy .leva {width: 100%; float: none; clear: both; margin-left: auto; margin-right: auto;}
    .formatovani_textu .obsah_sekce {width: 100%;}
    #main .novinky.uprava .item {width: 42%;}
    #main .novinky.uprava .item:nth-child(4) {margin-left: 7%; margin-right: 0%;}
    #main .novinky.uprava .item:nth-child(5) {margin-left: 0%; margin-right: 0%;}
    #main #reference .zarovnani .item.vypis_refky {width: 30%; margin-left: 1%; margin-right: 1%;}
    #main .aktuality .novinky .item {width: 46%;}
    #main .aktuality .novinky .item:nth-child(3) {margin-right: 3%; margin-left: 0%;}
    #main .aktuality .novinky .item:nth-child(4) {margin-right: 0%; margin-left: 3%;}
    #main .aktuality .novinky .item:nth-child(5) {margin-right: 3%; margin-left: 0%;}
    #main .aktuality .novinky .item:nth-child(6) {margin-right: 0%; margin-left: 3%;}
    #main .aktuality .novinky .item:nth-child(7) {margin-right: 3%; margin-left: 0%;}
    #main .aktuality .novinky .item:nth-child(8) {margin-right: 0%; margin-left: 3%;}
    #main .aktuality .novinky .item:nth-child(9) {margin-right: 3%; margin-left: 0%;}
    #main .aktuality .novinky .item:nth-child(10) {margin-right: 0%; margin-left: 3%;}
    #main .aktuality .novinky .item:nth-child(11) {margin-right: 3%; margin-left: 0%;}
    #main .aktuality .novinky .item:nth-child(12) {margin-right: 0%; margin-left: 3%;}
    #main .aktuality .novinky .item:nth-child(13) {margin-right: 3%; margin-left: 0%;}
    #main .aktuality .novinky .item:nth-child(14) {margin-right: 0%; margin-left: 3%;}  
    .malaMapa {display: block; margin-left: auto; margin-right: auto;}
    .standartMapa {display: none;}
    #header .zarovnani #nav ul li:last-child {margin-right: 0.5%;}
    .podstrana #header {background-image: url(../img/header2019_podstrana.jpg)}
    .formatovani_textu img.img_vlevo.nofloat {float: none;}
  } 
  
  @media screen and (max-width: 840px) {  
    #main #reference.sekce.uprava .zarovnani .item {width: 45%; margin-left: 2%; margin-right: 2%;}
    #main .zarovnani.sekce .video_sekce {width: 100%;}
  }
  
  @media screen and (max-width: 800px) {
    #main .klienti .zarovnani h1 {width: 100%;}
    #main #reference .zarovnani .item {width: 47%;}
    #main a.mapa {height: 208px;}
    .reference_sekce.uprava .item {width: 47%; margin-left: 0.9%; margin-right: 0.9%;}
    .reference_sekce.uprava .item:nth-child(3) {width: 47%; margin-left: 0.9%; margin-right: 0.9%;}
    #main #reference .zarovnani .item.vypis_refky {width: 47%; margin-left: 1%; margin-right: 1%;}
    .reference_sekce.uprava h2 {height: 66px;}
  } 
  
  @media screen and (max-width: 700px) { 
   .formatovani_textu img.img_vpravo {max-width: 100%;}
   .formatovani_textu img.img_vpravo.noheight {width: 100%; margin-left: 0px; max-width: 100%!important;}
    #main .proc {font-size: 16px;}
    #main .info {height: 380px;}
    #main .info .zarovnani {padding-top: 20px;}
    #main .info div.zabezpeceni, #main .info div.den, #main .info div.vice {float: none; clear: both; margin-left: auto; margin-right: auto; display: block; text-align: center; margin-bottom: 20px;}
    #main .info div.vice h2 {margin-right: 0px;}
    #main .info div.zabezpeceni a, #main .info div a {float: none; margin-left: auto; margin-right: auto;}
    #main .poptavka {background-image: none;}
    #main .poptavka .zarovnani .upresneni {float: none; max-width: 100%;}
    .podstrana #main .poptavka {height: 900px;}
    .podstrana #main .poptavka .zarovnani form div, .podstrana #main .poptavka .zarovnani form textarea {max-width: 100%; width: 100%; float: none; margin-left: auto; margin-right: auto;}
    #main .zamestnanci .zarovnani .zamestnanec.divize {height: 550px;}
    #main .zamestnanci .zarovnani .zamestnanec .item {width: 49%;}
    #main .zamestnanci .zarovnani .zamestnanec.logo .uprostred {top: 300px;}
    .podstrana #main .sekce a.poptavka, .sekce .formatovani_textu .kontakt, .sekce .formatovani_textu .telefon, .sekce .formatovani_textu .adresa {margin-left: 15px; margin-right: 15px; margin-top: 10px;}
    .sekce .formatovani_textu .ref .obal .item {width: 97%;}
    #main .novinky .item {width: 97%;}
      #footer .zarovnani .info, #footer .zarovnani .center {width: 100%; margin-right: 0px;}
      #footer .zarovnani .tel {margin-top: 10px;} 
      #footer .zarovnani .mail {margin-right: auto; display: block;}
      #footer .zarovnani .info p {float: none; text-align: left;} 
      #footer .zarovnani .nav {margin-top: 0px;}
      #footer .zarovnani a.social {margin-top: 5px;}
      #footer .zarovnani .center {margin-top: 0px;}
      
  .vypis_refky h3 {
    font-size: 12px;
    height: 90px;
    padding-top: 10px;
  }
  
  .formatovani_textu .nokika_zahradni_technika {
      float: none;
      width: 100%;
      margin-left: 0;
      max-width: 300px;
      margin: 0 auto 30px auto;
  }
  
  }
  
  
  @media screen and (max-width: 601px) {
    .podstrana #header { background-size: 400%; }
    .podstrana #header .zarovnani a#logo { margin-top: 8px; margin-left: 8px; width: 40%; }
    #header .zarovnani h2 { font-size: 150%; text-align: center; margin-top: 40px;}
    #header .zarovnani p { text-align: center; }
  }
  
  @media screen and (max-width: 600px) {
    .podstrana #main #reference.sekce.uprava .zarovnani .item p.vyssi_p {height: 58px!important;}
    body {font-size: 17px;}
    .zarovnani { width: 95% }
    #main .zarovnani.sekce img { width: 100%; height: auto!important; }
    #main .zarovnani.sekce { padding-top: 10px; }
    .reference_sekce.uprava h2 { padding-top: 25px }
    #main .proc .zarovnani h1 { font-size: 150%; }
    #main .reference .zarovnani h2 {padding-bottom: 40px;}
    #header .zarovnani a.komerce, #header .zarovnani a.soukrome {padding-top: 15px; height: 36px;}
    #main .zarovnani.komplexni .item a.detail {padding-top: 13px;}
    #main .zarovnani.komplexni .pod_komplexni a.poslat {padding-top: 15px; height: 30px;}
    #main .reference .zarovnani a {padding-top: 15px; height: 28px;}
    #main .stahnete a {padding-top: 16px;}
    #main .zarovnani.komplexni .item {width: 97%; margin-left: 1%; margin-right: 1%;}  
    #footer {height: 700px; background-size: cover;}
    #main .kontakt {text-align: center;}
    #main .zarovnani.kontakt .item {width: 48%; display: inline-block; margin-top: 20px;}
    #main .info {height: 330px;}
    #main .zarovnani.komplexni .item p {height: 30px;}
    #main .zarovnani.komplexni .item {margin-top: 30px;}
    .podstrana #main .poptavka .zarovnani .upresneni h1 {padding-top: 10px;}
    .podstrana #main .poptavka {height: 800px;}
    #main .zamestnanci .zarovnani .zamestnanec .uprostred a.mapa, #main .zamestnanci .zarovnani .zamestnanec .uprostred h3 {padding-top: 10px; padding-bottom: 10px;}
    .reference_sekce .item p {height: 60px;}
    .reference_sekce .item .obr {height: 120px;}
    .reference_sekce .item {height: 250px; margin-bottom: 40px;}
    .reference_sekce .vice {margin-bottom: 50px;}
    .podstrana #main .novinky {padding-top: 20px;}
    #main .novinky .item {height: 420px;}
    #main .novinky .item p {height: 30px;}
    #main #reference .zarovnani .item {height: 380px;}
    #main #reference .zarovnani .item p {height: 40px;}
    #main #reference .zarovnani .item_neaktivni p {height: 90px;}
    #main #reference.sekce .zarovnani .item .obr { margin-top: 20px; }
    #main #reference.sekce.uprava .zarovnani .item { height: 330px; margin-bottom: 15px }
    #main #reference.sekce.uprava .zarovnani .item.item_neaktivni {height: 360px;}
  
    
    #main .zamestnanci .zarovnani .zamestnanec.logo p {padding-bottom: 10px;}
    #main .zamestnanci .zarovnani .zamestnanec.logo .uprostred {top: 250px;}
    #main .zamestnanci .zarovnani .zamestnanec.logo .leva, #main .zamestnanci .zarovnani .zamestnanec.logo .prava {top: 500px;}
    #main .zamestnanci .zarovnani .zamestnanec.logo {height: 900px;}
    .formatovani_textu .galerie a.obr, .galerie_obsah a.obr  {width: 29%;}
    .sekce .formatovani_textu ul li {padding-top: 4px; padding-bottom: 4px;}
    #main .novinky.uprava .item {width: 100%; margin-left: 0%!important; margin-right: 0%!important;}  
    #main #reference .zarovnani .item.uprava h3 {height: 40px;}
    #footer .zarovnani a#logo_dole {padding-top: 100px;}
    #footer .zarovnani p {text-align: right!important;}  
    .vpravo_clanky {width: 100%; max-width: 350px; margin: auto; float: none;}
    #main #reference .zarovnani .item p.upravaReferenciTlacitko.mensi {
        height: 70px;
    }
  }
  
  @media screen and (max-width: 570px) {
    #footer .zarovnani p {text-align: right!important;}
    .zarovnani .jazyky {top: 2px!important;}
    #header .zarovnani #navrighttop {right: 150px!important; top: 2px}  
    #footer .zarovnani p.oou {text-align: center!important;}
    #header .zarovnani #navrighttop a.telefon {margin-top: 0px;}
  }
  
  @media screen and (max-width: 500px) {
    #header .zarovnani a.telefon {display: none;}
    #header .zarovnani a.soukrome {float: right;}
    #header .zarovnani a.komerce, #header .zarovnani a.soukrome {margin-left: auto; margin-right: auto; float: none; clear: both;}
    #main #reference .zarovnani .item {width: 97%;}
    #main .sekce .caste_dotazy .dotaz .nadpis {padding-right: 60px;}
    .formatovani_textu .galerie a.obr, .galerie_obsah a.obr  {width: 46%;}
    #main #reference.sekce.uprava .zarovnani .item {width: 100%; margin-left: 0px; margin-right: 0px;}
    .reference_sekce.uprava .item p {height: 40px;}
    .reference_sekce.uprava .item {width: 100%; margin-left: 0%; margin-right: 0%; height: 300px;}
    .reference_sekce.uprava .item:nth-child(3) {width: 100%; margin-left: 0%; margin-right: 0%;}  
    #main .aktuality .novinky .item {width: 100%;}
    #main .aktuality .novinky .item:nth-child(2) {margin-right: 0%; margin-left: 0%;}
    #main .aktuality .novinky .item:nth-child(3) {margin-right: 0%; margin-left: 0%;}
    #main .aktuality .novinky .item:nth-child(4) {margin-right: 0%; margin-left: 0%;}
    #main .aktuality .novinky .item:nth-child(5) {margin-right: 0%; margin-left: 0%;}
    #main .aktuality .novinky .item:nth-child(6) {margin-right: 0%; margin-left: 0%;}
    #main .aktuality .novinky .item:nth-child(7) {margin-right: 0%; margin-left: 0%;}
    #main .aktuality .novinky .item:nth-child(8) {margin-right: 0%; margin-left: 0%;}
    #main .aktuality .novinky .item:nth-child(9) {margin-right: 0%; margin-left: 0%;}
    #main .aktuality .novinky .item:nth-child(10) {margin-right: 0%; margin-left: 0%;}
    #main .aktuality .novinky .item:nth-child(11) {margin-right: 0%; margin-left: 0%;}
    #main .aktuality .novinky .item:nth-child(12) {margin-right: 0%; margin-left: 0%;}
    #main .aktuality .novinky .item:nth-child(13) {margin-right: 0%; margin-left: 0%;}    
    .formatovani_textu img.img_vlevo.nofloat {float: none; width: 100%; max-width: 100%; height: auto; margin: 0px!important;}
  }
  
  
  .jazyky {
      position: absolute;
      right: 20px;
      top: 22px;
      color: #a7bac7;
      font-size: 90%;    
  }
  .jazyky {
      position: absolute;
      right: 5px;
      top: 26px;
      color: #a7bac7;
      font-size: 70%;
  }
  .jazyky a {
      color: #a7bac7;
      text-decoration: none;
  }
  
  @media screen and (max-width: 1920px) {  
      .zarovnani .jazyky {display: block; font-size: 75%; right: 0; top: 26px;}
      #header .zarovnani #navrighttop {right: 200px;}
      .podstrana #header .zarovnani #navrighttop {right: 350px;}
  }

  .vyberko h2 {
      color: black;
      font-size: 36px;
  }
  .vyberko ol {
      counter-reset: section;  
      /* display: grid; */
      grid-template-columns: 50% 50%;
      column-gap: 80px;
      margin-top: 40px;
      margin-bottom: 40px;
      list-style: none;
  }

  .vyberko ol li {
      margin-bottom: 50px;
  }

  .vyberko ol li h3 {
    padding-top: 0px;
  }
  .vyberko ol li ul {
      margin-left: 56px;
  }
  .vyberko ol li ul li {
      margin-bottom: 10px;
  }
  .vyberko ol > li::before {
    counter-increment: section;
    content: counter(section);
    display: block;
    float: left;
    width: 80px;
    height: 80px;
    line-height: 80px;
    background-color: #f7f7f7;
    color: #ce172b;
    font-size: 300%;
    box-sizing: border-box;
    text-align: center;
    margin-right: 20px;
  }

  #main .poptavka, .podstrana #main .poptavka.cela.bila {
      background-color: white;
      margin-top: 50px;
  }
  a.poptavka_vyberko {
    display: block;
    float: left;
    width: 180px;
    text-align: center;
    line-height: 40px;
    text-decoration: none;
    background: #d11629;
    color: white;
  }
  a.poptavka_vyberko:hover {
      background-color: black;
      color: white;
  }

  a.duvody_cta {
    display: block;
    float: left;
    width: 400px;
    text-align: center;
    line-height: 40px;
    text-decoration: none;
    background: black;
    color: white;
    margin-left: 30px;
  }
  a.duvody_cta:hover {
      background-color: #d11629;
      color: white;
  }

  a.pozvat_do_tendru {
    display: block;
    margin: 10px auto;
    width: 180px;
    text-align: center;
    line-height: 40px;
    text-decoration: none;
    background: #d11629;
    color: white;
  }
  a.pozvat_do_tendru:hover {
      background-color: black;
      color: white;
  }

  div.duvody_14 {
      display: block;
      clear: both;
      float: none;
      margin-bottom: 20px;
  }
  div.duvody_14 .duvod {
      float: left;
      width: 45%;
      margin-right: 5%;
      text-align: left;
  }
  div.duvody_14 .duvod .cislo{
    display: block;
    float: left;
    width: 80px;
    height: 80px;
    line-height: 80px;
    background-color: #f7f7f7;
    color: #ce172b;
    font-size: 300%;
    box-sizing: border-box;
    text-align: center;
    margin-right: 20px;
  }
  div.duvody_14 .duvod .obsah {
      float: left;
      width: calc(100% - 20px - 80px);
      margin-bottom: 20px;
  }
  div.duvody_14 .duvod .obsah h3 {
      padding-top: 0px;
  }
  @media screen and (max-width: 980px) {   
    div.duvody_14 .duvod {
        width: 100%;
        margin-right: 0px;
    }
    .formatovani_textu div.duvody_14 .duvod .obsah h3 {
        margin-bottom: 15px;
    }
    .formatovani_textu div.duvody_14 .duvod .obsah p {
        padding-bottom: 0px;
        padding-top: 0px;
    }
    .formatovani_textu div.duvody_14 .duvod {
        margin-bottom: 15px;
    }
  }
  @media screen and (max-width: 600px) {  
    a.duvody_cta, a.poptavka_vyberko {
        float: none;
        width: 100%;
        margin: 10px auto;
        clear: both;
    }
}

.medailonek_vypis .zarovnani{
 display: grid;
 grid-gap: 16px;
 grid-template-columns: auto auto auto auto;
 align-items: start;
}
.medailonek_vypis .medailonek,
.medailonek_vypis a.medailonek,
.medailonek_vypis a:link.medailonek,
.medailonek_vypis a:visited.medailonek{
 display: inline-grid;
 background-color: #FFFFFF;
 margin-bottom: 20px;
 text-decoration: none;
}
@media screen and (max-width: 980px) {  
  .medailonek_vypis .zarovnani{
   grid-template-columns: auto auto auto;
  }
}
@media screen and (max-width: 720px) {  
  .medailonek_vypis .zarovnani{
   grid-template-columns: auto auto;
  }
}
@media screen and (max-width: 500px) {  
  .medailonek_vypis .zarovnani{
   grid-template-columns: auto;
  }
}
.medailonek_vypis a.medailonek span.blok_medailonek,
.medailonek_vypis a:link.medailonek span.blok_medailonek,
.medailonek_vypis a:visited.medailonek span.blok_medailonek{
 position: relative;
 display: block;
 overflow: hidden;
 width: 100%;
 aspect-ratio: 326/400;
}
.medailonek_vypis a.medailonek img,
.medailonek_vypis a:link.medailonek img,
.medailonek_vypis a:visited.medailonek img{
 display: block;
 width: 100%;
 height: 299px;
 object-fit: cover;
}
.medailonek_vypis a.medailonek span.txt_medailonek,
.medailonek_vypis a:link.medailonek span.txt_medailonek,
.medailonek_vypis a:visited.medailonek span.txt_medailonek{
 position: absolute;
 left: 0px;
 bottom: 0px;
 display: block;
 width: 100%;
 background-color: #FFFFFF;
}
.medailonek_vypis .medailonek h2{
 font-size: 24px;
 font-weight: 700;
 padding: 16px 0px 0px 0px;
}
.medailonek_vypis a.medailonek h2,
.medailonek_vypis a:link.medailonek h2,
.medailonek_vypis a:visited.medailonek h2{
 color: #E30521;
 text-decoration: none;
}
.medailonek_vypis .medailonek span{
 color: #888888;
 font-size: 16px;
}
.medailonek_vypis a.medailonek span.pozice,
.medailonek_vypis a:link.medailonek span.pozice,
.medailonek_vypis a:visited.medailonek span.pozice{
 display: block;
 margin: 0px 0px 16px 0px;
}
.medailonek_vypis a.medailonek span.kontakt,
.medailonek_vypis a:link.medailonek span.kontakt,
.medailonek_vypis a:visited.medailonek span.kontakt{
 display: block;
 color: #000000;
 text-decoration: none;
}
.medailonek_vypis a.medailonek span.kontakt.telefon,
.medailonek_vypis a:link.medailonek span.kontakt.telefon,
.medailonek_vypis a:visited.medailonek span.kontakt.telefon{
 display: none;
}
.medailonek_vypis a:hover.medailonek span.kontakt,
.medailonek_vypis a:active.medailonek span.kontakt,
.medailonek_vypis a:hover.medailonek span.kontakt.telefon,
.medailonek_vypis a:active.medailonek span.kontakt.telefon{
 display: block;
}
.medailonek_vypis a.medailonek span.info_medailonek,
.medailonek_vypis a:link.medailonek span.info_medailonek,
.medailonek_vypis a:visited.medailonek span.info_medailonek{
 display: none;
 color: #888888;
 font-size: 14px;
 font-weight: 400;
 line-height: 21.29px;
 margin: 16px 0px 0px 0px;
}
.medailonek_vypis a:hover.medailonek span.info_medailonek,
.medailonek_vypis a:active.medailonek span.info_medailonek{
 display: block;
}
.medailonek_vypis a.medailonek span.vice_infa,
.medailonek_vypis a:link.medailonek span.vice_infa,
.medailonek_vypis a:visited.medailonek span.vice_infa{
 display: none;
 margin: 16px 0px 0px 0px;
 color: #E30521;
 font-size: 16px;
 font-weight: 400;
 line-height: 24.34px;
 text-align: right;
 text-decoration: none;
}
.medailonek_vypis a:hover.medailonek span.vice_infa,
.medailonek_vypis a:active.medailonek span.vice_infa{
 display: block;
}
.medailonek_vypis a.medailonek span.vice_infa em,
.medailonek_vypis a:link.medailonek span.vice_infa em,
.medailonek_vypis a:visited.medailonek span.vice_infa em{
 font-style: normal;
 font-size: 25px;
 margin-left: 5px;
}

.alignCenter, .alignCenter h2, .alignCenter p {
    text-align: center;
}
.sekce .formatovani_textu .novinky.alignCenter p {
    text-align: center;
}
.alignCenter h2 {
    text-align: center!important;
}

.vsechny_nase_sluzby {
    background-color: #89a5ba;
    color: black;
    float: none;
    clear: both;
    position: relative;
    font-size: 16px;
    height: 44px;
    width: 175px;
    text-align: center;
    line-height: 44px;
    margin-bottom: 60px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
}
.vsechny_nase_sluzby:hover {
    color: white;
    background-color: black;
}

.wrap_grid_2023 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
    margin-top: 50px;
    grid-row-gap: 50px;
    margin-bottom: 80px;
}
#main #reference.sekce.uprava .zarovnani .wrap_grid_2023 .item {
    width: auto;
    max-width: 100%;
    margin: 0px;
    height: auto;
    overflow: initial;
}
.podstrana #main #reference.sekce.uprava .zarovnani .wrap_grid_2023 .item h3, .podstrana #main #reference.sekce.uprava .zarovnani .wrap_grid_2023 .item_neaktivni h3 {
    height: auto;
    margin-bottom: 10px;
    overflow: initial;
    min-height: 38px;
}
.podstrana #main #reference.sekce.uprava .zarovnani .wrap_grid_2023 .item p, .podstrana #main #reference.sekce.uprava .zarovnani .wrap_grid_2023 .item_neaktivni p {
    height: auto!important;
    min-height: 58px;
}
#main #reference.sekce .zarovnani .wrap_grid_2023 .item .obr {
    margin-top: 0px;
}
#main #reference.sekce .zarovnani .wrap_grid_2023 .item span a {
    bottom: 0px;
    margin-top: 15px;
}

@media screen and (max-width: 920px) {   
    .wrap_grid_2023 {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 30px;
        grid-gap: 20px;
    }
}

@media screen and (max-width: 520px) {   
    .wrap_grid_2023 {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 40px;
    }
}

.popup_shadow {
  background: rgba(0, 0, 0, 0.67);
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none;
}

.popup_wrap {
  position: relative;
  width: 100%;
}

.popup_body {
  position: fixed;
  left: calc(50% - 400px);
  top: 70px;
  width: 100%;
  max-width: 800px;
  background: white;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

@media screen and (max-width: 960px) {  
  .popup_body {
    left: 5%;
    width: 90%;
  }
}

.popup_zavrit {
  background-image: url("../img/zrusit.svg");
  background-position: center center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  transition: 500ms;
}
.popup_zavrit:hover {
  background-image: url("../img/zrusit_aktivni.svg");
  background-position: center center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  transition: 500ms;
}

.popup_obsah {
  text-align: center;
}
.popup_obsah h2 {
  font-family: 'TitilliumWeb-Regular';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #24252A;
  padding-top: 34px;
}
.popup_obsah p {
  font-family: 'TitilliumWeb-Regular';
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  color: #747C82;
  padding-top: 8px;
  padding-left: 10px;
  padding-right: 10px;
}

.popup_cisla {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 680px;
  margin: 0px auto;
  grid-gap: 40px;
  margin-top: 37px;
  margin-bottom: 56px;
}

@media screen and (max-width: 790px) {  
  .popup_cisla {
    max-width: 90%;
  }
}

@media screen and (max-width: 660px) { 
  .popup_cisla {
    grid-template-columns: 1fr;
  }
}

#header .zarovnani #navrighttop .zavolejte_nam {
  cursor: pointer;
  text-decoration: none;
  color: #a7bac7;
  display: inline-block;
  margin-top: 25px;
  padding-left: 20px;
  background-image: url("../img/telefon_header.png");
  background-repeat: no-repeat;  
  background-position: 0% 50%;
}

@media screen and (max-width: 570px) {
  #header .zarovnani #navrighttop .zavolejte_nam {margin-top: 0px;}
}


.popup_cisla a {
  border: 1px solid #A7BAC7;
  border-radius: 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 16px;
  text-align: left;
  text-decoration: none;
}
.popup_cisla a span {
  display: block;
  font-family: 'TitilliumWeb-Regular';
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;  
  color: #000000;
}
.popup_cisla a i {
  display: inline-block;
  background-image: url("../img/telefon.svg");
  background-position: center center;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  margin-top: 8px;
  vertical-align: top;
  transition: 700ms;
}
.popup_cisla a:hover i {
  transform: scale(1.4);
}
.popup_cisla a strong {
  display: inline-block;
  vertical-align: top;
  font-family: 'TitilliumWeb-Regular';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 40px;
  margin-top: 8px;
  margin-left: 12px;
  color: #000000;
}

@media screen and (max-width: 740px) { 
  .popup_cisla a strong {
    font-size: 20px;
  }
}

  
  @media screen and (max-width: 1250px) {  
      .podstrana #header .zarovnani #navrighttop {right: 200px;}
  }
  @media screen and (max-width: 700px) { 
    #main .zarovnani.komplexni .item p {
      height: auto;
    }
  }
  @media screen and (max-width: 620px) { 
    #main .proc {
      height: auto;
      padding-bottom: 20px;
    }
    #main .info div.vice h3 {
      margin-right: auto;
    }
    #main .zarovnani.komplexni .item a.detail {
      padding-top: 8px;
    }
  }
  
  iframe {
    max-width: 100%;
  }
  
  @media screen and (max-width: 870px) { 
     iframe {
    max-height: 350px;
    }
  }
  
    @media screen and (max-width: 540px) { 
     iframe {
    max-height: 250px;
    }
  }
  .novinka_grid .zarovnani .formatovani_textu {
    display: grid;
    grid-template-columns:  1fr 400px;
    grid-gap: 40px;
    width: 100%;
  }
  .novinka_grid .zarovnani .formatovani_textu .vlevo_clanky {
  width: 100%;
    float: none;
  }
           .gale_div {
            grid-column: span 2;
           }
    @media screen and (max-width: 1024px) { 
     .novinka_grid .zarovnani .formatovani_textu {
    grid-template-columns:  1fr 300px;
  }
  }
  
   @media screen and (max-width: 800px) { 
     .novinka_grid .zarovnani .formatovani_textu {
        display: block;
      }
      .novinka_grid .zarovnani .formatovani_textu .vpravo_clanky {
      float: none; margin-left: auto; margin-right: auto; padding-top: 20px;}
  }