body {
  -webkit-font-smoothing: antialiased;
}
.clr {clear: both;}
.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;} 
.a_ouu {
    color: black;
    font-size: 75%;
    margin-bottom: 15px;
}
.a_ouu:hover {text-decoration: none;}
h1.zcervenale {font-size: 150%; text-align: center; font-weight: normal; color: #ce172b; font-family: 'TitilliumWeb-SemiBold'; padding-top: 70px;}
* {
  padding: 0; 
  margin: 0; 
} 
#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/header2019b.jpg");
  background-repeat: no-repeat;
  background-position: 100% 50%;  
  background-size: cover;
  background-color: #1f252a;
}
#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: 0px;
}
#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: #3eb696;
  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: right;
  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 h1 {
  font-family: 'TitilliumWeb-SemiBold';
  font-weight: normal;
  color: white;
  font-size: 200%;
  margin-top: 135px;
  -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: black;
}
#header .zarovnani a.komerce:hover {
  background-color: #bf515d;
}
#header .zarovnani a.soukrome:hover {
  background-color: gray;
}
#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 h1.komplexni {
  background: url('../img/komplexni_sluzby_pod_nadpis.jpg') no-repeat;
  background-position: 50% 100%;
  width: 100%;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  font-family: 'TitilliumWeb-SemiBold'; 
  font-weight: normal;
  font-size: 200%;
  padding-bottom: 10px;
  margin-top: 85px;
}
#main .zarovnani h1.komplexni.sirsi {max-width: 680px;}
#main .zarovnani h2.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 .item {
  width: 28%;
  margin-left: 2%;
  margin-right: 2%;
  max-width: 400px;
  margin-top: 65px;
  margin-bottom: 10px;
  display: inline-block;
  vertical-align: top;
}
#main .zarovnani.komplexni.uprava .item {
  margin-bottom: 65px;
}
#main .zarovnani.komplexni .item a.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 a.obr img {display: none;}
#main .zarovnani.komplexni .item h2 {
  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 h2.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: 260px; 
  margin-left: 40px; 
  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: 40px;
  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 h1 {
  font-family: 'TitilliumWeb-SemiBold';
  font-weight: normal;
  font-size: 200%;
  color: white;
  padding-top: 80px;
}
#main .proc .zarovnani h2 {
  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 h3 {
  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 h2 {
  font-size: 150%;
  font-family: 'TitilliumWeb-Bold';
  font-weight: normal;
}
#main .info div h2 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 h2 {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:first-of-type {margin-left: 0px; float: left;}
//.reference_sekce .item:last-of-type {margin-right: 0px; float: right;}
.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 a.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 a.obr img {display: none;}
.reference_sekce .item a.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: 985px;
  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: left;
  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;
}
.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;
}
#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.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 h1 {
   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 { color: #ce172b; }
.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 h2, .podstrana #main .poptavka.cela .zarovnani .upresneni h2 {
  font-size: 80%;
  font-family: 'TitilliumWeb-Regular';
  font-weight: normal;
  padding-top: 15px;
  padding-bottom: 40px;
  line-height: 130%;
}
.podstrana #main .poptavka .zarovnani .upresneni h2 {
  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: 20px;
} 
.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-top: 15px;
  margin-bottom: 40px;
  cursor: pointer;
  transition: 0.5s;
  border: solid 1px #fff;
}
.podstrana #main .poptavka .zarovnani form input[type=submit] {
  margin-top: 25px;
  font-size: 90%;
  background-color: #303b46;
  padding-top: 14px;
  height: 50px;
}
.podstrana #main .poptavka .a_ouu {
    color: #6f8090;
    font-size: 80%;
}
#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 h1 {
  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.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.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: 45px;
  margin-right: 45px;
  width: 28%;
  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: 28px; 
  overflow: hidden;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  font-size: 120%;
  color: #ce172b;
  line-height: 120%;
}
.podstrana #main #reference.sekce.uprava .zarovnani .item p {max-width: 325px;}
.marginTop130 {margin-top: 110px;}
#main #reference.sekce.uprava .zarovnani .item a.obr {
  max-width: 325px;
  margin-left: auto;
  margin-right: auto;
  width: 98%;
}
#main #reference .zarovnani .item a.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 a.obr {height: 112px; margin-top: 60px;text-align: center}
#main #reference .zarovnani .item a.obr img {display: none;}
#main #reference .zarovnani .item a.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: 15px;    
  overflow: hidden;
  height: 50px;
}
#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: absolute;
  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;
}
#main #reference.sekce .zarovnani .item span a {
  background-color: #f0f0f0;
  color: black;
  width: 100px;
  border: solid 1px black;
  padding-right: 0px;
  bottom: 0px;  
}
#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 h1, #main .kariera h1 {
  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: 70px;
}
#main .zarovnani.sekce img {    width: 40%;
    height: auto;}
#main .zarovnani.sekce .video_sekce {
    width: 40%;
    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), #main .novinky .item:nth-child(2), #main .novinky .item:nth-child(5), 
#main .novinky .item:nth-child(8), #main .novinky .item:nth-child(11)  {
  margin-left: 0%;
  margin-right: 7%;
}
#main .novinky.uprava .item:nth-child(5), #main .novinky .item:nth-child(4), #main .novinky .item:nth-child(7), 
#main .novinky .item:nth-child(10), #main .novinky .item:nth-child(13) {
  margin-left: 7%;
  margin-right: 0%;
}
#main .novinky.uprava .item .obr_datum h2 a {text-decoration: none;}
//#main .sekce .novinky div.item:first-of-type {float: left; margin-left: 0px;}
//#main .sekce .novinky div.item:nth-last-of-type(2) {float: right; margin-right: 0px;}
#main .novinky .item .obr_datum {
  position: relative;
  height: 310px;
  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: 20px;
  font-size: 90%;
  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;  
}
.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 p {
  font-size: 70%;
  text-align: left;
  line-height: 130%;
  padding-top: 30px;
  height: 38px;
  overflow: hidden;
}
#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 p.datum {
  padding-top: 1px;
  padding-bottom: 6px;
  font-size: 60%;
  color: #7a7a7a;
  float: left;
  width: 90px;
  padding-left: 25px;
}
#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;
  width: 100%;
  position: relative;
  background-image: url("../img/patka.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
#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 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 .obsah_sekce {
  float: left;
}
.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;
}
.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 .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;}
#footer .zarovnani p.oou {
    width: 100%;
    float: none;
    font-size: 70%;
    font-family: 'TitilliumWeb-Regular';
    color: #848484;
    text-decoration: none;
    margin-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}
#footer .zarovnani p.oou a {
    color: #848484;
}
/* === 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; 
}


@media screen and (max-width: 1770px) {
    .podstrana #header .zarovnani {max-width: 1100px;}
}

@media screen and (max-width: 1451px) {
  #header .zarovnani a#logo {
    margin-left: 20px;
  }
  .podstrana #header .zarovnani a#logo {
    margin-left: 20px;
  }
}

@media screen and (max-width: 1400px) {
  .formatovani_textu img.img_vpravo {max-width: 500px; height: 300px!important; margin-bottom: 50px;}
  #main .zarovnani.sekce .video_sekce {max-width: 500px; height: 300px!important; margin-bottom: 50px;}
  .podstrana #header {background-image: none;}
}

@media screen and (max-width: 1001px) {
#header {
    background-position: bottom right;
    background-size: contain;
}
.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: 1380px) {   
    #main .proc {height: 481px;}
}

@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;}
  #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: 69%;}
 #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;}
 #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;}
}

@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;}
}

@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;}
    #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) {
#vyhody_nahradniho_plneni div {
    width: 45%!important;
}
  #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;}
  #header .zarovnani #nav ul li {padding-bottom: 0px!important; padding-left: 0px; background-image: none; padding-top: 10px!important; height: 40px; background-color: #ce172b; display: none; float: none; position: relative; text-align: center; margin-left: 0px; padding-right: 0px; border-right: none;}
  #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 {border-bottom: none!important; 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: #3d96b4;}
  #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(2) {margin-right: 3%; margin-left: 0%;}
  #main .aktuality .novinky .item:nth-child(3) {margin-right: 0%; margin-left: 3%;}
  #main .aktuality .novinky .item:nth-child(4) {margin-right: 3%; margin-left: 0%;}
  #main .aktuality .novinky .item:nth-child(5) {margin-right: 0%; margin-left: 3%;}
  #main .aktuality .novinky .item:nth-child(6) {margin-right: 3%; margin-left: 0%;}
  #main .aktuality .novinky .item:nth-child(7) {margin-right: 0%; margin-left: 3%;}
  #main .aktuality .novinky .item:nth-child(8) {margin-right: 3%; margin-left: 0%;}
  #main .aktuality .novinky .item:nth-child(9) {margin-right: 0%; margin-left: 3%;}
  #main .aktuality .novinky .item:nth-child(10) {margin-right: 3%; margin-left: 0%;}
  #main .aktuality .novinky .item:nth-child(11) {margin-right: 0%; margin-left: 3%;}
  #main .aktuality .novinky .item:nth-child(12) {margin-right: 3%; margin-left: 0%;}
  #main .aktuality .novinky .item:nth-child(13) {margin-right: 0%; margin-left: 3%;}  
  .malaMapa {display: block; margin-left: auto; margin-right: auto;}
  .standartMapa {display: none;}
    .podstrana #header {background-image: url(../img/header2019_podstrana.jpg);}  
} 

@media screen and (max-width: 840px) {  
  #main #reference.sekce.uprava .zarovnani .item {width: 45%; margin-left: 2%; margin-right: 2%;}
}

@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%;}
} 

@media screen and (max-width: 740px) {   
    #main .proc {height: 521px;}
#main .zarovnani.sekce .video_sekce {width: 100%;}
}

@media screen and (max-width: 700px) { 
 .formatovani_textu img.img_vpravo {max-width: 100%;}
  #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%;}
    #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;
}
#main .proc {
    height: 421px;
}
.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 h1 { font-size: 150%; text-align: center; }
  #header .zarovnani p { text-align: center; }
  .formatovani_textu iframe {width: 100%;}
}

@media screen and (max-width: 600px) {
  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 a.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 .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;}  
}

@media screen and (max-width: 570px) {
  #footer .zarovnani p {text-align: right!important;}
}

@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%;}    
}

@media screen and (max-width: 1500px) {  
    #header {background-position: 60% 50%!important;}
    .podstrana #header {background-position: bottom  right!important;}
}

@media screen and (max-width: 1215px) {
    #header .zarovnani #nav {width: 62%;}
    #header .zarovnani a#logo {width: 424px;}
} 

@media screen and (max-width: 1190px) {  
    #header .zarovnani #nav {width: 58%;}
}

@media screen and (max-width: 1100px) {   
    #header .zarovnani a#logo {width: 304px; margin-left: 5px;}
    #header .zarovnani #nav {width: 64%;}
}

@media screen and (max-width: 1000px) {
    #header {background-size: cover; background-position: 60% 100%!important;}
}

@media screen and (max-width: 960px) {  
    #header {    background-image: url(../img/headerMensi.jpg);}
}

@media screen and (max-width: 920px) {    
    #header .zarovnani #nav {width: 100%;}
    #header .zarovnani a#logo {margin-top: 10px; width: 300px;}
}

@media screen and (max-width: 800px) {
   #header {background-image: url(../img/headerNejmensi.jpg);}
   #header .zarovnani h1 {font-size: 160%;}
}