@import url("poptavka.css");
@import url("kontakt_form.css");
@font-face {
  font-family: 'Arial_Narrow';
  src: url("../font/ArialNarrow.eot");
  src: url("../font/ArialNarrow.eot?#iefix") format("embedded-opentype"), url("../font/ArialNarrow.woff") format("woff"), url("../font/ArialNarrow.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Arial_Narrow_Bold';
  src: url("../font/ArialNarrowBold.eot");
  src: url("../font/ArialNarrowBold.eot?#iefix") format("embedded-opentype"), url("../font/ArialNarrowBold.woff") format("woff"), url("../font/ArialNarrowBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
body {
  padding:0;
  margin:0;
  font-family: arial, sans-serif;
}
.red {color: #e11f1f}
table {border-collapse: collapse}
a {cursor: pointer}
.dn {display: none;}
.dislay_block_imp {display: block!important;}
.margin_bottom_150 { margin-bottom: 150px; }
img { border:0; }
img.loading { display: none; width: 50px; margin: 20px 0px; margin-left: 49%; margin-left: calc(50% - 25px);}
#obsah {
  position: relative;
  margin-top: 190px;
  width: 100%;  
}
img.eshop {
  z-index: 5;
  position: fixed;
  right: 0;
  top: 33%;
}
.noborder { border-style: none; }
.clr_mob { clear: none; }
#hlavicka {
  position: absolute;
  top: 0;
  height: 190px;
  width: 100%;
}
h1.main_header { display: none;}
#hlavicka h2, #hlavicka h1 { display: none; }
#hlavicka #logo {
  width: 32%;
  padding-top: 50px;
  float: left;
}
#hlavicka #logo img { 
  float: right;
  margin-right: 50px;  
  width: 330px;
}
#hlavicka #menu {
  display: block;
  position: relative;
  width: 68%;
  height: 210px;
  margin-top: -20px; /*???????*/
  float: right;
  background-color: #363636;
}
#hamburger, .cara { display: none }
#hlavicka #menu ul {
  list-style: none;
  float: left;
  margin-bottom: 0px;  
}
#hlavicka #menu ul li.submenu_vypis, #hlavicka #menu ul li.submenu_vypis a {
  display: none; 
}
#hlavicka #menu ul li { float: left; }
#hlavicka #menu ul li.aktivni { background-color: #e11f1f; }
#hlavicka #menu ul li a {
  display: block; 
  padding: 90px 30px 20px 30px;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  font-family: 'Arial_Narrow', arial, sans-serif;
  font-size: 20px;
}
#hlavicka #menu ul li a.eshop {
  background: url('../img/eshop_bila.png') no-repeat left 40px top 45px;
}
#hlavicka #menu img.navstivte_eshop {
 position: absolute;
 left: 310px;
 top: 140px;
 z-index: 5;
}
#hlavicka #menu ul li a:hover {
  background-color: #e11f1f;
  transition: 1s; 
}
#hlavicka #menu #telefon {
  color: white;
  float: left;
  margin-top: 105px;
  margin-left: 20px;
  padding-left: 30px;
  padding-top: 5px;
  background-image: url('../img/telefon.png');
  background-repeat: no-repeat;
  background-position: top 5px;
  height: 25px;
}
#hlavicka #menu #telefon a { color: white; text-decoration: none; }
#menu #submenu, #menu #submenuO { position: relative; z-index: 55; width: 100%; background-color: #e11f1f; padding: 20px 0 20px 0px; }
#menu #submenu a, #menu #submenuO a {
z-index: 60; 
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 20px;
  font-family: 'Arial_Narrow', arial, sans-serif;
  padding: 10px 0 10px 90px;
  background: url('../img/list-bigger.png'); 
  background-size: 24px; 
  background-repeat: no-repeat; 
  background-position: 50px;
  transition: 0.3s;
}
/*#menu #submenuO a.no_icon {background-image: none;}*/
#menu #submenu a:hover, #menu #submenuO a:hover {background-size: 28px; }
#menu #submenu a:first-child, #menu #submenuO a:first-child {margin-left: 30px; }
#menu #submenu a.aktivni, #menu #submenuO a.aktivni { text-decoration: underline; }
#menu .submenu_sluzby, #menu .submenu_o_nas {
 display: none;
}
#menu_sluzby, #menu_o_nas {
 display: list-item;
}
#menu_sluzby_mobil, #menu_o_nas_mobil {
 display: none!important;
}
#obsah #hlavni {
  background-image: url('../img/hlavni.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  height: 700px;
  width: 100%;
}
#obsah #kontakt {
  background-image: url('../img/hlavni.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  height: 30px;
  width: 100%;
}
#obsah #hlavni #info {
  width: 63%;
  margin: auto;
  padding-top: 220px;
}
#obsah #hlavni #kopirovani, #obsah #hlavni #pronajem, #obsah #hlavni #servis {
  width: 33%;
  float: left;
  height: 428px;
  color: white;
}
#obsah #hlavni #kopirovani { background-color: #3aaca0; }
#obsah #hlavni #pronajem { background-color: #e11f1f; }
#obsah #hlavni #servis { background-color: #5c5c5c; }
#obsah #hlavni #kopirovani h2, #obsah #hlavni #pronajem h2, #obsah #hlavni #servis h2 {
    font-weight: normal;
    font-family: "Arial_Narrow", 'arial', sans-serif;
    font-size: 35px;
    text-align: center;
    margin: auto auto;
    width: 90%;
    padding-top: 40px;
    height: 85px;
    text-transform: uppercase;
}
#obsah #hlavni #kopirovani h2 a, #obsah #hlavni #pronajem h2 a, #obsah #hlavni #servis h2 a {
 color: #fff;
 text-decoration: none;
}
#obsah #hlavni #pronajem h2.pronajem_vetsi {
}
#obsah #hlavni #kopirovani img, #obsah #hlavni #pronajem img, #obsah #hlavni #servis img {
    display: block;
    height: 67px;
    margin: auto auto;
    padding-top: 15px;
}
#obsah #hlavni #kopirovani ul, #obsah #hlavni #pronajem ul, #obsah #hlavni #servis ul { text-align: center; padding-left: 15px;}
#obsah #hlavni #kopirovani li, #obsah #hlavni #pronajem li, #obsah #hlavni #servis li {
  list-style-image: url('../img/list.png');
  line-height: 30px;
  list-style-position: inside;
}
#obsah #hlavni #kopirovani a.btn_sluzba_dlazdice, #obsah #hlavni #pronajem a.btn_sluzba_dlazdice, #obsah #hlavni #servis a.btn_sluzba_dlazdice {
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    width: 220px;
    margin: auto auto;
    display: block;
    padding: 15px;
    padding-right: 30px;
    border: solid 2px;
    background-image: url('../img/sipka.png');
    background-repeat: no-repeat;
    background-position: 220px 8px;
}
#obsah #hlavni #kopirovani a.btn_sluzba_dlazdice:hover { background-color: #2f8f85; transition: 1s; } 
#obsah #hlavni #pronajem a.btn_sluzba_dlazdice:hover { background-color: #b11818; transition: 1s; } 
#obsah #hlavni #servis a.btn_sluzba_dlazdice:hover { background-color: #444444; transition: 1s; }

#obsah h2 {
    text-transform: uppercase;
    font-family: 'Arial_Narrow', arial, sans-serif;
    text-align: center;
    margin-top: 40px;
    font-size: 40px;
    font-weight: normal;
}
#content {
  width: 65%;
  margin: auto auto;
  color: #545454;
}
#content h1 {
    text-transform: none;
    font-family: 'Arial_Narrow', arial, sans-serif;
    margin-top: 80px;
    font-size: 50px;
    font-weight: normal;
    text-align: left;
    color: black;
}
#content h2 {
    text-transform: none;
    font-family: 'Arial_Narrow', arial, sans-serif;
    margin-top: 40px;
    font-size: 40px;
    font-weight: normal;
    text-align: left;
    color: black;
}

#dlazdice h2 {
 margin-top: 80px;
}
#content p.ico { color: #969696; font-size: 16px; margin-top: 20px; margin-bottom: 80px;}
#content ul {list-style: none; padding: 0; font-size: 20px; margin-bottom: 60px;}
#content ul li {background: url('../img/list-style.png') no-repeat 0 8px; padding-left: 25px; line-height: 30px;}
#content ul li strong {color: black; }
.detail { width: 75%!important; }
#content .cesta, .cesta {margin-top:1%; float: right; text-align: right; font-size: 12px; color: #8faba1;}
#content .cesta a, .cesta a {color: #8faba1;}
#content .cesta a:hover, .cesta a:hover {text-decoration: none;}
.detail h2 {font-size: 50px; font-family: 'Arial_Narrow', arial, sans-serif; margin-top:15px!important;}
.detail .popisek {color: #44b375; font-size: 25px;}
.detail .popis {color: #6f6f6f; font-size: 15px;}
.detail h3 {font-size: 30px; color: black; font-family: 'Arial_Narrow', arial, sans-serif; margin-top: 35px!important; margin-bottom: 0px!important; font-weight: normal;}
.detail h3.bazar {margin-top: 0px!important;}
#sedy_detail, #zlaty_detail, #modry_detail, #zeleny_detail {width: 97%; padding: 1.5%; margin-top: 1%; color: #000; border: 1px solid #fff;}
#sedy_detail {background-color: #afafaf; }
#zlaty_detail {background-color: #c2b978; }
#modry_detail {background-color: #15c1c6; }
#zeleny_detail {background-color: #34af81; }
#cerveny_detail {background-color: #f07d7d; }
#detail_pruh p {font-size: 30px; line-height: 30px; color: #e11f20; padding: 1%; margin-top: 80px; margin-bottom: 80px;}
a.poradime_vam {border: #3aada0 solid 1px; color: black; font-size: 30px; text-decoration: none; padding: 1%; margin-left: 1%;}
a.poradime_vam:hover {background-color: #d8d8d8; transition: 1s;}
a.dalsi {float: right; font-size: 18px; color: #44b375; margin-right: 7%; }
a.dalsi:hover { color: #327951; transition: 1s;}
#parametry {width:68%;float:left;}
#parametry.prodej {float: none; width: 100%;}
#parametry_popis {width:27%;float:right;margin-top:5.5%;}
#parametry_popis a {color: #e11f20;}
#parametry table{	width:100%;	border-collapse:collapse;margin-left:1%;margin-top:2.5%;}
#parametry.prodej table {margin-left: 0;}
#parametry table td{ padding:4px; border: solid 3px white;}
#parametry table tr{ background: #b8d1f3;	}
#parametry table tr:nth-child(odd){ background: #d7d7d7; }
#parametry table tr:nth-child(even){ background: white;	}
a.chci_tiskarnu {
  margin:auto auto;
  margin-top: 60px; margin-bottom:60px;
  display: block; 
  color: white; 
  text-decoration: none; 
  background: url('../img/sipka.png') #44b375 no-repeat 90% 55%; 
  padding: 1.5%; 
  width: 250px; 
  font-size: 30px; 
  font-family: 'Arial_Narrow', arial, sans-serif; 
  padding-left: 3%;
}
a.chci_tiskarnu:hover {background-color: #318255; transition: 1s;}
table .hodnota {text-align: center; width: 30%;}
.detail .vyber {width: 50px; padding-top: 6px; float: left;text-align: center;}
.detail .ceny {font-size: 30px; width: 120px; float: left;text-align: center; white-space: nowrap}
.detail .popis_ceny {float: left; padding-top: 10px;}
.detail .popis_ceny .bila {white-space: nowrap}
.detail .bila {color: white; }
.detail p {color: black; line-height: 1.5em; font-size: 15px;}
.detail span.cena_bez_dph {font-size: 18px; color: gray;}
span.cena_s_dph.vypis {text-align: center; font-weight: bold;}
.detail .predchozi_produkty {
 width: 40%;
 padding-left: 5%;
 float: left;
 background: url('../img/predesle.jpg') no-repeat left center;
 height: 100px;
 overflow: hidden;
}
.detail .predchozi_produkty p {
 line-height: 1.2em;
}
.detail .predchozi_produkty a {
 text-decoration: none;
 color: #000;
}
.detail .predchozi_produkty span {
 color: #8b8b8b;
 font-size: 75%;
}
.detail .predchozi_produkty img {
 width: 80px;
 float: left;
 margin-right: 15px;
}
.detail .dalsi_produkty {
 width: 40%;
 padding-right: 5%;
 float: right;
 text-align: right;
 background: url('../img/dalsi.jpg') no-repeat right center;
 overflow: hidden;
     line-height: 1.2em;
}
.detail .dalsi_produkty p {
 line-height: 1.2em;
}
.detail .dalsi_produkty a {
 text-decoration: none;
 color: #000;
}
.detail .dalsi_produkty span {
 color: #8b8b8b;
 font-size: 75%;
}
.detail .dalsi_produkty img {
 width: 80px;
 float: right;
 margin-left: 15px;
}
#sluzby_zdarma, #pronajem_na_dobu, #doprava {padding: 1%; padding-left: 7%; width: 92%; line-height:20px;}
#sluzby_zdarma h3, #pronajem_na_dobu h3, #doprava h3 {color: #44b375; font-size: 20px; margin-bottom: 5px!important; margin-top: 0px!important;}
#sluzby_zdarma {background: url('../img/sluzby_zdarma.png') no-repeat 0 0; }
#pronajem_na_dobu {background: url('../img/pronajem_na_dobu.png') no-repeat 0 10px; }
#doprava {background: url('../img/doprava.png') no-repeat 0 10px; }
#textove_udaje { width: 60%; float: left;margin-bottom: 50px;}
#textove_udaje a { 
font-family: 'Arial_Narrow', arial, sans-serif;
    width: 280px;
    padding-right: 20px;
    color: white!important;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 30px;
    text-align: center;
    text-decoration: none;
    background: url('../img/sipka_filtr_rada.png') #e11f1f no-repeat right 25px center;
    margin: auto auto;
    margin-top: 25px;
}
#textove_udaje a:hover { background-color: #ba1f1f; transition: 1s; }
#profilovy_obrazek { width: 40%; float: right; }
#profilovy_obrazek img {margin: auto auto; display: block; width:80%;}
#profilovy_obrazek p {text-align: center; padding: 0 5%;}
#profilovy_obrazek p img {display: inline; width: auto; height: 80px}

#profilovy_obrazek div.produkt_odkaz_eshop {
    width: 80%;
    padding: 20px 10%;
}
#profilovy_obrazek div.produkt_odkaz_eshop p {text-align: center; font-size: 90%}
#profilovy_obrazek div.produkt_odkaz_eshop a  {
    color: #000;
    text-decoration: none;
    text-align: center;
    margin: auto auto;
    display: block;
    padding: 10px 25px;
    margin-top: 10px;
    width: 50%;
    border: solid 1px #7b7b7b;
}
.info_cena {font-size: 15px; font-style: italic; float: right;}
#filtr { width: 100%; border-top: 1px solid #e7e7e7; }
#vyberte { background: url('../img/sipka_filtr.png') no-repeat 307px 34px; width: 30%; float: left; padding-top: 20px; padding-bottom: 20px;} 
#rada { background-color: #e7e7e7; width: 67%; float: left; padding-top: 15px; padding-bottom: 15px; padding-left: 3%; color: black; font-size: 18px; vertical-align: middle;}
#rada a { 
  display: block; 
  width: 200px; 
  color: white; 
  float: right; 
  padding-top: 15px; 
  padding-bottom: 15px; 
  text-transform: uppercase; 
  text-align: center; 
  background: url('../img/sipka_filtr_rada.png') #e11f1f no-repeat 175px 15px;
  }
#rada a:hover {text-decoration: none;background-color: #b11818; transition: 1s;}
#rada p { margin-top: 15px; float: left;}
a.poptavka { background-image: none!important; }
.Vybertekopirovani { width: 50%!important; padding-top: 2%!important; padding-bottom: 2%!important; background: url('../img/sipka_filtr.png') no-repeat 270px 40px!important;}
.Vyberkopirovani {background: url('../img/kopirovani_filtr.png') no-repeat 0px 1%!important;}
.Radakopirovani {width: 45%!important; padding-left: 5%!important;}
#vyber { color: #e11f1f; font-size: 36px; font-family: 'Arial_Narrow', arial, sans-serif; background: url('../img/pronajem_filtr.png') no-repeat 0 5px; padding-left: 55px;}
#filtr_detail h4 { font-family: 'Arial_Narrow', arial, sans-serif; color: #3a3a3a; font-size: 20px; /*background: url('../img/dalsi.jpg') no-repeat right 20px top; background-size: contain;*/}
#format_tisku, #rychlost_tiskarny, #funkce { float: left; padding-left: 2%; }
#format_tisku, #rychlost_tiskarny { width: 23%; }
#pocet_stranek, #barevnost_tisku, #dalsi_volby {float: left; padding-left: 2%; width: 23%;} 
#pocet_stranek { margin-left: 10%}
#format_tisku { margin-left: 5% }
#dalsi_volby { margin-left: 5% }
#dalsi_volby select {padding: 10px; margin-top: 10px; box-sizing: border-box;}
#funkce { width: 48%; }
#produkty { width: 100%; border-top: 1px solid #e7e7e7; margin-top: 40px; padding-top: 30px;}
.produkt { border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; padding: 3px 2.4% 10px 2.4%; width: 20%; float: left; height: 440px; overflow: hidden}
.produkt h3 { font-family: 'Arial_Narrow_Bold', arial, sans-serif; font-size: 24px; color: #313131; margin-bottom: 0px;}
.produkt p { color: #575757; font-size: 15px; margin-top: 5px; }
.produkt .produkt_img img { display: none;}
.produkt_img {display: block; width: 100%; height: 211px; margin-top: 10px; background: url('../../galerie_produkty/vychozi.jpg') center center no-repeat; background-size: contain; }

div.produkt:nth-child(4n+4) { border-right: 1px solid #fff;}
div.produkt:nth-last-child(2) { border-bottom: 1px solid #fff;}
div.produkt:nth-last-child(3) { border-bottom: 1px solid #fff;}
div.produkt:nth-last-child(4) { border-bottom: 1px solid #fff;}
div.produkt:nth-last-child(5) { border-bottom: 1px solid #fff;}
div.produkt:nth-child(1) { border-bottom: 1px solid #e7e7e7} /* pokud nejsou alespoň dvě řady produktů, je potřeba, aby první řada měla celá spodní rámeček */
div.produkt:nth-child(2) { border-bottom: 1px solid #e7e7e7}
div.produkt:nth-child(3) { border-bottom: 1px solid #e7e7e7}
div.produkt:nth-child(4) { border-bottom: 1px solid #e7e7e7}

a.poptat_pronajem {
  display: block; 
  width: 100%; 
  color: white!important; 
  padding-top: 15px; 
  padding-bottom: 15px; 
  text-align: center;
  text-decoration: none; 
  background: url('../img/sipka_filtr_rada.png') #e11f1f no-repeat 93% 13px;
  margin-left: 0px!important;
}
.oznaceno {margin: auto auto;}
.oznaceni {width:100%; text-align: center;}
.a3,.a4,.a5, .pnj_a3, .pnj_a4, .pnj_a5 {float: left; cursor: pointer; padding-left: 5px;}
.a4, .pnj_a4 {margin-top:15px; padding-right: 2px; padding-top: 5px;}
.a5, .pnj_a5 {margin-top:28px; padding-right: 2px; padding-top: 5px;}
.pocet1 { padding: 9px; padding-left: 55px; background: url('../img/pocet1.png') no-repeat 20px 7px; font-size: 14px; cursor: pointer;}
.pocet2 { padding: 9px; padding-left: 55px; background: url('../img/pocet2.png') no-repeat 20px 7px; font-size: 14px; cursor: pointer;}
.pocet3 { padding: 9px; padding-left: 55px; background: url('../img/pocet3.png') no-repeat 20px 7px; font-size: 14px; cursor: pointer;}
.rychlost1 { padding: 9px; padding-left: 55px; background: url('../img/pocet1.png') no-repeat 20px 7px; font-size: 14px; cursor: pointer;}
.rychlost2 { padding: 9px; padding-left: 55px; background: url('../img/pocet2.png') no-repeat 20px 7px; font-size: 14px; cursor: pointer;}
.rychlost3 { padding: 9px; padding-left: 55px; background: url('../img/pocet3.png') no-repeat 20px 7px; font-size: 14px; cursor: pointer;}
.oznaceno1, .oznaceno2, .oznaceno3 {background: none; margin-top: 10px; float: left; padding-left: 3px;}
.rychlost1_ozn, .rychlost2_ozn, .rychlost3_ozn {background: none; margin-top: 10px; float: left; padding-left: 3px;}
.funkce_check { width: 45%; float: left; padding-left: 5%; height: 20px; padding-top: 2%; background: url('../img/uncheck.png') no-repeat 0 10px; font-size: 14px; cursor: pointer;}
.funkce_check_text { width: 100%; float: left; padding-left: 0%; height: auto; padding-top: 2%; font-size: 14px;}
.funkce_check_text.vazba {line-height: 25px}
.barevnost_radio { width: 90%; padding-left: 10%; height: 30px; padding-top: 2%; background: url('../img/radioNo.png') no-repeat 0 3px; font-size: 14px; cursor: pointer;}
#dalsi_volby .funkce_check { width: 90%; padding-left: 10%; height: 25px; padding-top: 3%; background-position: 0 7px; }
.produkt a { color: #808080;  margin-top: 10px; display: block; margin-left: auto; text-align: center; }
.margin_left_0 { margin-left: 0px!important; }
.margin_bottom_20 {margin-bottom: 20px; }
#plusMinus {float: left; padding-left: 10px;}
#plus{ width: 24px; height: 24px; background: url('../img/plus.png') no-repeat 0 10px; cursor: pointer; display: block;}
#minus{ width: 24px; height: 24px; background: url('../img/minus.png') no-repeat 0 10px; cursor: pointer; display: block;}
.mnozstvi_obal { clear: both; height: 58px; line-height: 58px; }
.mnozstvi_obal .mnozstvi_popis {float: left; margin-right: 2px; width: 74px;text-align: right;}
#mnozstvi, #mnozstvi_barevne { width: 52px; height: 50px; border: #363636 2px solid; color: #363636; font-size: 24px; text-align: right; padding-right: 20px; float: left;}
#vypsani_ceny, #objednavka { width: 100%; text-align: center; color: #575757; font-size: 18px; padding-top: 2%; padding-bottom: 5%; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;}
#vypsani_ceny { padding-bottom: 3%; height:0px; }
#vypsani_ceny h3, #objednavka h3, #formular_objednavka h3 {font-size: 46px; font-family: 'Arial_Narrow', arial, sans-serif; font-weight: normal; margin-bottom: 0;}
#formular_objednavka h3 { text-align: center; margin-top: 0px; margin-bottom: 25px;} 
#vypsani_ceny p.cena_prodejna {font-weight: 700; font-size: 24px;}
#formular_objednavka { width: 50%; margin: auto auto; padding-top: 2%; color: #575757; font-size: 14px; height: 0;}  
#formular_objednavka input[type="text"] { border: 2px solid #575757; padding: 5px; width: 170px; margin-right: 15%; margin-left: 4%; float: right;}
#formular_objednavka input[type="file"] { border: 2px solid #575757; padding: 5px; width: 170px; margin-right: 15%; margin-left: 4%; float: right;}
/*#formular_objednavka input[type="file"] { cursor: pointer; display: block; width: 390px!important; height: 45px!important; opacity: 0!important; overflow: hidden !important; }*/ 
#formular_objednavka input[type="submit"] { display: block;
    margin: auto auto;
    margin-bottom: 50px;
    margin-top: 60px;
    width: 390px;
    text-align: center;
    padding: 20px;
    padding-right: 50px;
    font-size: 30px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'Arial_Narrow', arial, sans-serif;
    background-color: #2aa95d;
    background-image: url('../img/sipka.png');
    background-repeat: no-repeat;
    background-position: 325px 22px;
    color: white;
    border: none;
    cursor: pointer;
}
#formular_objednavka input[type="submit"]:hover {background-color: #b11818; transition: 1s;}    
#formular_objednavka textarea { border: 2px solid #575757; padding: 3%; width: 87%; height: 100px; font-size: 14px; margin-top: 20px;}
#formular_objednavka .upload {background: url('../img/nahraj_soubor.png') no-repeat 0 10px;}
.objednavka_pole {width: 50%; float: left; margin-top: 2%;}
.osobni_odber, .ceska_posta { float: left; width: calc(60% - 30px); margin-left: 5%; background-position: 0 0px; padding-top: 4px!important; padding-left: 30px; }
/*.ceska_posta {width: 20%; }*/
.odsazeni {float: left; margin-top: 5px;}
#zpusob_odberu {margin-top: 3%;}
#zpusob_odberu a {color: #575757;}
#zpusob_odberu a:hover {color: black; transition: 1s; text-decoration: none;}
label { padding-top: 5px; display: block; float: left;}
.zobrazit_na_mape { background: none!important; color: #575757!important; text-transform: none!important; font-size: 18px!important; margin-top: 0px!important; padding-top: 0px!important; text-decoration: underline!important;}
.zobrazit_na_mape:hover {color: black!important; transition: 1s; text-decoration: none!important;}
.cervenaCena { color: #e11f1f; font-size: 65px; font-weight: bold; }
#leve_udaje { color: #545454; font-size: 14px;width: 30%; float: left; }
#kontaktujte_nas { color: #545454; font-size: 18px; line-height: 30px; margin-top: 80px;width: 30%; float: left;}
#kontaktni_formular { color: #545454; font-size: 18px; line-height: 30px; margin-top: 80px;width: 70%; float: left;}
#kontaktni_formular form { margin-top: 20px; }
#kontaktni_formular input {
  background-color: #e1e0e0;
  border: none;
  font-size: 18px;
  padding: 10px 0 10px 20px;
}
#kontaktni_formular textarea {
  background-color: #e1e0e0;
  border: none;
  font-size: 18px;
  padding: 10px 0 10px 20px;
  margin-top: 5px;
  width: 462px;
  height: 60px;
  float: left;
}
input.odeslat {
  background-color: #363636!important;
  color: white;
  cursor: pointer;
  float: left;
  margin: 5px;
  font-size: 30px!important;
  text-align: left;
  padding-left: 60px!important;
  height: 80px; 
  width: 239px;
  background: url('../img/sipka_button.png') no-repeat 165px;
}
#objednavka_tisk_dokonceno {
    height: 100%;
    width: 100%;
    text-align: center;
    padding: 40px 0 50px 0;
}
#objednavka_tisk_dokonceno h1 {
    text-align: center;
    margin-top: 0px;
    padding-top: 0px;
    color: #249645;
}
#objednavka_tisk_dokonceno iframe {
    display: none;
}
#objednavka_tisk_nedokonceno {
    height: 100%;
    font-weight: bold;
    width: 100%;
    text-align: center;
    padding: 40px 0 50px 0;
    color: #e11f1f;
}
#objednavka_tisk_nedokonceno h1 {
    text-align: center;
    margin-top: 0px;
    padding-top: 0px;
    color: #e11f1f;
}
#objednavka_tisk_nedokonceno iframe {
    display: none;
}
#leve_udaje h3, #kontaktujte_nas h3, #kontaktni_formular h3 {
  font-family: 'Arial_Narrow', arial, sans-serif;
  color: black;
  font-size: 30px;
  font-weight: normal;
  margin-bottom: 0px;
}
#tomados_na_mape h4 {
  font-family: 'Arial_Narrow', arial, sans-serif;
  color: black;
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 0px;
  margin-top:0px;
}
#leve_udaje a, #kontaktujte_nas a { color:#545454;}
#leve_udaje a:hover, #kontaktujte_nas a:hover { color: black; text-decoration: none;}
.bigger { font-size: 18px; }
.margin_top_40 {margin-top: 40px;}
.cislo { font-size: 24px; font-weight: bold;}
#prava_galerie { width: 70%; float: right; margin-top: 30px;}
#prava_galerie a.kontakt_galerie {
  float: left;
  display: block;
  width: 231px;
  height: 119px;
  margin: 5px;
  padding: 0px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#prava_galerie a.kontakt_galerie img { display: none; }
#prava_galerie a img { padding: 5px; }
#tomados_na_mape {width:20%; float: left; margin-bottom: 40px;}
#gps { width:80%; float: left; margin-top: 5px; text-align: right;}
#gps .tmave {color: #545454; font-weight: 700;}
#gps .svetle {color: #999999;}
#obsah #delici_cara {
  width: 100%;
  display: block;
  background-color: #ebebeb;
  height: 80px;
}
#obsah #reference {
  width: 80%;
  margin: auto auto;
  padding-bottom: 40px;
  height: auto;
  min-height: 330px;
}

#obsah #reference div.referent_obal {
  min-height: 150px;
}


#obsah #reference .referent {
  float: left;
  width: 30%;
  padding: 0 1.5%;
}
#obsah #reference .referent_sekce_reference {
  margin-bottom: 45px;
}

#obsah #reference .referent a {
  color: #000;
}
#obsah #reference .referent a:hover {
  background: none; text-decoration: none; color: #e11f1f
}

#obsah #reference .referent a.img {
  float: left;
  display: block;
  width: 100px;
  height: 100px;
  background-color: #ebebeb;
  margin: 0px;
  padding: 0px;
  margin-right: 5%;
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 50%;
  background-size: cover;
}
#obsah #reference .referent .levy  { 
 width: calc(90% - 100px);
 float: left; 
}
#obsah #reference .referent h3 {
  font-family: 'Arial_Narrow', arial, sans-serif;
  font-weight: normal;
  font-size: 36px;
  margin-bottom: 0px;  
  margin-top: 0px;
}

#obsah #reference .referent h3 a { text-decoration: none; color: #000 }
#obsah #reference .referent h3 a:hover { background: none; text-decoration: none; color: #e11f1f } 



 

#obsah #reference a.dalsi_reference, a.dalsi_produkty, #vypsani_ceny a {
    display: block;
    margin: auto auto;
    margin-bottom: 50px;
    margin-top: 60px;
    width: 390px;
    text-align: center;
    padding: 20px;
    padding-right: 50px;
    font-size: 30px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'Arial_Narrow', arial, sans-serif;
    background-color: #363636;
    background-image: url('../img/sipka.png');
    background-repeat: no-repeat;
    background-position: 405px 22px;
    color: #fff;
}

#poptavka_odpoved {
    font-weight: bold;
    text-align: center;
    color: #e11f1f;
    padding-top: 20px;
}

input#kalkulace_tisku_vypocti, input#filtr_zobrazit_vybrane_produkty {
    display: block;
    position: relative;
    text-align: center;
    margin: auto auto;
    margin-bottom: 50px;
    margin-top: 60px;
    width: 460px;
    text-align: center;
    padding: 20px;
    padding-right: 50px;
    font-size: 30px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'Arial_Narrow', arial, sans-serif;
    background-color: #2aa95d;
    background-image: url('../img/sipka.png');
    background-repeat: no-repeat;
    background-position: 405px 22px;
    color: white;
    cursor: pointer;
    border-style: none;
    transition: 0.6s;
}
#filtr_zobrazit_vybrane_produkty_loading {
 position: absolute;
 margin-left: auto!important;
 left: calc(50% - 25px);
}
input#filtr_zobrazit_vybrane_produkty {
 display: none;
}
input#kalkulace_tisku_vypocti:hover, input#filtr_zobrazit_vybrane_produkty:hover {
    background-color: #e11f1f;
}


#vypsani_ceny a { background-color: #2aa95d; background-position: 365px 22px; }
#obsah #reference a:hover, a.dalsi_produkty:hover, a#kalkulace_tisku:hover{ background-color: #191919; transition: 1s; }
#vypsani_ceny a:hover { background-color: #ba0f0f; transition: 1s;}
#obsah #reference .referent p { padding-right: 0%; }
#obsah #mapa { 
  background-image: url('../img/mapa.jpg');
  height: 581px;
  width: 100%; 
  background-position: center center;
  display: block;
}


#obsah #spodni_dlazdice #kopirovani, #obsah #spodni_dlazdice #pronajem, #obsah #spodni_dlazdice #servis {
  float: left;
  height: 428px;
  color: white;
}
#obsah #spodni_dlazdice #kopirovani_p, #obsah #spodni_dlazdice #servis_p { width: 15%; float: left; height: 428px; }
#obsah #spodni_dlazdice #kopirovani, #obsah #spodni_dlazdice #servis { width: 25%; }
#obsah #spodni_dlazdice #pronajem {width: 20%; }
#obsah #spodni_dlazdice #kopirovani, #obsah #spodni_dlazdice #kopirovani_p { background-color: #3aaca0; }
#obsah #spodni_dlazdice #pronajem { background-color: #e11f1f; }
#obsah #spodni_dlazdice #servis, #obsah #spodni_dlazdice #servis_p { background-color: #5c5c5c; }
#obsah #spodni_dlazdice #kopirovani h2, #obsah #spodni_dlazdice #pronajem h2, #obsah #spodni_dlazdice #servis h2 {
    font-weight: normal;
    font-family: "Arial_Narrow", 'arial', sans-serif;
    font-size: 35px;
    text-align: center;
    margin: auto auto;
    width: 90%;
    padding-top: 40px;
    height: 85px;
    text-transform: uppercase;
}
#obsah #spodni_dlazdice #kopirovani h2 a, #obsah #spodni_dlazdice #pronajem h2 a, #obsah #spodni_dlazdice #servis h2 a {
 color: #fff;
 text-decoration: none;
}
#obsah #spodni_dlazdice #kopirovani img, #obsah #spodni_dlazdice #pronajem img, #obsah #spodni_dlazdice #servis img {
    display: block;
    height: 67px;
    margin: auto auto;
    padding-top: 15px;
}
#obsah #spodni_dlazdice #kopirovani ul, #obsah #spodni_dlazdice #pronajem ul, #obsah #spodni_dlazdice #servis ul { text-align: center; padding-left: 15px;}
#obsah #spodni_dlazdice #kopirovani li, #obsah #spodni_dlazdice #pronajem li, #obsah #spodni_dlazdice #servis li {
  list-style-image: url('../img/list.png');
  line-height: 30px;
  list-style-position: inside;
}
#obsah #spodni_dlazdice #kopirovani a.btn_sluzba_dlazdice, #obsah #spodni_dlazdice #pronajem a.btn_sluzba_dlazdice, #obsah #spodni_dlazdice #servis a.btn_sluzba_dlazdice {
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    width: 220px;
    margin: auto auto;
    display: block;
    padding: 15px;
    padding-right: 30px;
    border: solid 2px;
    background-image: url('../img/sipka.png');
    background-repeat: no-repeat;
    background-position: 220px 8px;
}
#obsah #spodni_dlazdice #kopirovani a.btn_sluzba_dlazdice:hover { background-color: #2f8f85; transition: 1s; } 
#obsah #spodni_dlazdice #pronajem a.btn_sluzba_dlazdice:hover { background-color: #b11818; transition: 1s; } 
#obsah #spodni_dlazdice #servis a.btn_sluzba_dlazdice:hover { background-color: #444444; transition: 1s; }
#obsah #dlazdice { width: 100%; overflow: hidden;}
#obsah #dlazdice .leva {   height: 526px; float: left; width: 50%; *width: 50%;}
#obsah #dlazdice .prava {   height: 526px; float: right; width: 50%; *width: 49.9%;}
.kopirovani, .pronajem, .servis {
  width: 100%;
  height: 526px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
#obsah #dlazdice .leva  h2, #obsah #dlazdice .prava h2 {
  color: white;
  text-transform: uppercase;
  font-size: 55px;
  font-family: 'Arial_Narrow', arial, sans-serif;
  font-weight: normal;
  text-align: left;
  padding-left: 64px;
}
#obsah #dlazdice .prava h2.kopirovani_mensi {
  font-size: 45px;
}
#obsah #dlazdice .prava h2.servis_mensi {
  font-size: 35px;
}

#obsah #dlazdice .dlazdice1 {
 height: 526px;
}
#obsah #dlazdice .dlazdice2 {
 height: 526px;
}
#obsah #dlazdice .dlazdice3 {
 height: 526px;
}

#obsah #dlazdice .leva  a, #obsah #dlazdice .prava a {
    display: block;
    margin: 0 0 0 64px;
    margin-bottom: 50px;
    margin-top: 60px;
    padding: 20px;
    font-size: 30px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'Arial_Narrow', arial, sans-serif;
    background-color: #363636;
    background-image: url('../img/sipka.png');
    background-repeat: no-repeat;
    color: white;
}
.zelena a {    
  background-position: 293px 22px;
  width: 298px;
}
.cervena a {     
  background-position: 395px 22px;
  width: 400px; 
}
.seda a {    
  background-position: 265px 22px;
  width: 270px;
}
#obsah #dlazdice .leva a:hover, #obsah #dlazdice .prava a:hover { background-color: #191919; transition: 1s; }
#obsah #dlazdice .leva  ul li, #obsah #dlazdice .prava ul li {
  background: url('../img/list-bigger.png') no-repeat 0px 12px transparent;
  list-style-type: none;
  padding: 10px 10px 10px 34px;
  vertical-align: middle;
  font-size: 18px;
  color: white;
  float: left;
  margin-left: 30px;
  line-height: 26px;
}
.kopirovani { background-image: url('../img/kopirovani_dlazdice.jpg'); }
.pronajem { background-image: url('../img/pronajem_dlazdice.jpg'); }
.servis { background-image: url('../img/servis_dlazdice.jpg'); }
.zelena { background-color: #3aaca0; }
.cervena { background-color: #e11f1f; }
.seda { background-color: #5c5c5c; }
#obsah #spolecnosti { 
  margin-top: 70px;
  margin-bottom: 70px;
  text-align: center; 
}
#obsah #spolecnosti img { padding: 0 15px 0 15px; }
#paticka_obal {
  width: 100%;
  min-height: 451px;
  height: auto;
  background-image: url('../img/paticka.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; 
}
#paticka_obal #paticka { width: 80%; padding-top: 90px; padding-bottom: 20px; position: relative; margin: auto; }
#paticka_obal #paticka #leva { float: left; width: 22%; margin: 0 2.5%; }
#paticka_obal #paticka #leva img { width: 100%; }
#paticka_obal #paticka #prvni_sloupec {
  float: left;
  width: 21%;
  margin: 0 2.5%;
}
#paticka_obal #paticka #druhy_sloupec, #paticka_obal #paticka #treti_sloupec {
  float: left;
  width: 17%;
  margin: 0 2.5%;
}
#paticka_obal #paticka p {
  color: white;
  margin: 0;
  font-size: 16px;
  padding-top: 10px;
}
#paticka_obal #paticka p img.gmaps {width: 95%;}
#paticka_obal #paticka h3 {
  color: white;
  font-size: 32px;
  font-family: 'Arial_Narrow', arial, sans-serif;
  font-weight: normal;
  margin: 0px;
}
#paticka_obal #paticka a { color: white; text-decoration: none; }
#paticka_obal #paticka a:hover { text-decoration: underline; }


#paticka_obal #paticka #copyright {
  width: 100%;
  margin-top: 20px;  
}
#paticka_obal #paticka #copyright #developed {
  color: white;
  font-size: 12px;
  font-family: 'Arial_Narrow', arial, sans-serif;
  float: right;
  margin-right: 2.5%;
}
#paticka_obal #paticka #copyright p { color: black; margin-left: 2.5%; float: left; font-size: 15px; }
#paticka_obal #paticka #copyright p a { color: black; text-decoration: none; }
#paticka_obal #paticka #copyright p a:hover { text-decoration: underline; }

.clr { clear: both; }

.obsah_format {
 padding-bottom: 10px;
}
.obsah_format table {
 margin: 10px 0 20px 0;
}

.obsah_format table tr td {
 padding: 10px 20px;
 background-color: #f7f7f7;
 border: 1px solid #fff;
}

.obsah_format table tr.hlavicka td {
 background-color: #d0d0d0;
}

.obsah_format table tr td p {
 padding: 0px;
 margin: 0px;
}

.obsah_format h2 {
 margin-top: 25px;
}

.obsah_format h3 {
 margin-top: 40px;
}

.obsah_format a {
 color: #000;
}
.obsah_format a:hover {
 color: #e11f1f;
}

.obsah_format a.tlacitko_cerne {
    display: block;
    margin: auto auto;
    margin-bottom: 50px;
    margin-top: 60px;
    width: 390px;
    text-align: center;
    padding: 20px;
    padding-right: 50px;
    font-size: 30px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'Arial_Narrow', arial, sans-serif;
    background-color: #363636;
    background-image: url('../img/sipka.png');
    background-repeat: no-repeat;
    background-position: 405px 22px;
    color: #fff;
}
.obsah_format a.tlacitko_cerne:hover {
    background-color: #e11f1f;
}

.obsah_format a.tlacitko_cervene {
    display: block;
    margin: auto auto;
    margin-bottom: 50px;
    margin-top: 60px;
    width: 390px;
    text-align: center;
    padding: 20px;
    padding-right: 50px;
    font-size: 30px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'Arial_Narrow', arial, sans-serif;
    background-color: #e11f1f;
    background-image: url('../img/sipka.png');
    background-repeat: no-repeat;
    background-position: right 22px center;
    color: #fff;
}
.obsah_format a.tlacitko_cervene:hover {
    background-color: #363636;
}

.obsah_format a.a_vyrazny {
 text-decoration: underline;
 color: #e00d29;
}
.obsah_format a.a_nevyrazny {
 text-decoration: underline;
 color: #000;
}
.obsah_format a.a_cta {
  text-decoration: underline;
  background-color: #2aa95d;  
  font-size: 128.57143%;
  line-height: 122.22222%;
  color: #fff;
  font-weight: bold;
  padding: 15px 30px 15px 30px;
}
.obsah_format a.a_cta2 {
  text-decoration: underline;
  background-color: #e00d29;  
  font-size: 128.57143%;
  line-height: 122.22222%;
  color: #fff;
  font-weight: bold;
  padding: 15px 30px 15px 30px;
}
.obsah_format img.img_vlevo {
 float: left;
 margin: 10px 10px 10px 0px;
}
.obsah_format img.img_vpravo {
 float: right;
 margin: 10px 0px 10px 10px;
}
.obsah_format img.img_100 {
 clear: both;
 width: 80%;
 margin: 15px auto 15px auto;
 text-align: center;
}

.obsah_format table.table_svetla tr td {
 background-color: #f7f7f7;
 border: 1px solid #fff;
 padding: 8px 15px;
}
.obsah_format table.table_svetla tr.hlavicka td {
 background-color: #dfdfdf;
}
.obsah_format table.table_tmava tr td  {
 background-color: #ec1620;
 border: 1px solid #fff;
 padding: 8px 15px;
 color: #fff;
}
.obsah_format table.table_tmava tr.hlavicka td {
 background-color: #a01017;
}
.obsah_format table tr td.td_svetla {
 background-color: #f7f7f7;
 border: 1px solid #fff;
 padding: 8px 15px;
}
.obsah_format table tr td.td_tmava {
 background-color: #ec1620;
 border: 1px solid #fff;
 padding: 8px 15px;
 color: #fff;
}
.obsah_format table tr.tr_svetla td {
 background-color: #f7f7f7;
 border: 1px solid #fff;
 padding: 8px 15px;
}
.obsah_format table tr.tr_tmava td {
 background-color: #ec1620;
 border: 1px solid #fff;
 padding: 8px 15px;
 color: #fff;
}
.obsah_format span.maly {
 font-size: 78%;
}

.obsah_format span.maly2 {
 font-size: 86%;
}
.obsah_format span.maly3 {
 font-size: 94%;
}
.obsah_format span.velky {
 font-size: 110%;
}
.obsah_format span.velky2 {
 font-size: 130%;
}
.obsah_format span.velky3 {
 font-size: 150%;
}
.obsah_format span.nejvetsi {
 font-size: 200%;
}
.obsah_format span.vyrazny {
 color: #e00d29;
}
.obsah_format strong.velky {
 font-size: 140%;
}
.obsah_format strong.nejvetsi {
 font-size: 180%;
}
.obsah_format blockquote {
 padding: 2px;
 background-color: #f7f7f7;
}
.obsah_format code {
 padding: 2px;
 background-color: #f7f7f7;
  font-family: 'Courier New', Courier, monospace;
}
.obsah_format h1.vetsi {
 font-size: 235%;
}
.obsah_format h1.mensi {
 font-size: 175%;
}
.obsah_format h1.nejmensi {
 font-size: 150%;
}
.obsah_format h2.vetsi {
 font-size: 190%;
}
.obsah_format h2.mensi {
 font-size: 110%;
}
.obsah_format h3, .obsah_format h4, .obsah_format h5 {
 color: #44b375;
}
.margin_top_50 {
 margin-top: 50px;
}
.obsah_format h3.vetsi {
 font-size: 170%;
}
.obsah_format h3.mensi {
 font-size: 100%;
}
.obsah_format h4 {
  font-size: 101.42857%;
  line-height: 116.66667%;
  color: #83acb4;
  font-weight: bold;
  margin: 15px 0 5px;
}
.obsah_format h4.vetsi {
 font-size: 150%;
}
.obsah_format h4.mensi {
 font-size: 100%;
}
.obsah_format h5 {
  font-size: 101.42857%;
  line-height: 116.66667%;
  color: #83acb4;
  font-weight: bold;
  margin: 15px 0 5px;
}
.obsah_format h5.vetsi {
 font-size: 140%;
}
.obsah_format h5.mensi {
 font-size: 90%;
}
.obsah_format p.velky {
 font-size: 110%;
}
.obsah_format p.vyrazny {
 font-weight: bold;
 color: #000;
 padding: 20px;
 font-size: 110%;
 background-color: #c8dbdf ;
}
.obsah_format p.vyrazny2 {
 font-weight: bold;
 color: #fff;
 padding: 20px;
 font-size: 110%;
 background-color: #e00d29;
}
.obsah_format table.panely {
 width: 100%;
}
.obsah_format table.panely p {
 padding: 7px;
 padding: 12px;
}


.obsah_format ul.vyrazny {
margin-left: 0px;
}

.obsah_format ul.vyrazny li {
  background: transparent url("../../../media/images/data-uri/li.png") no-repeat left 6px;
  list-style-type: none;
  line-height: 118.75%;
  padding: 5px 0 5px 30px;
}

.obsah_format ul.vyrazny2 {
  margin: 10px;
}
.obsah_format ul.vyrazny2 li {
  font-size: 114.28571%;
  line-height: 118.75%;
  font-weight: bold;
  list-style-type: none;
  padding: 5px 0 5px 30px;
  background: transparent url("../../../media/images/data-uri/li-4.png") no-repeat left 7px;
}





.referent_detail {
  width: 90%;
  padding: 2.5%;
  margin: 10px 2.5% 2.5% 2.5%;
  background-color: #f7f7f7;
}
.referent_detail a.img {
  float: left;
  display: block;
  width: 100px;
  height: 100px;
  background-color: #ebebeb;
  margin: 0px;
  padding: 0px;
  margin-right: 5%;
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 50%;
  background-size: cover;
}
a.reference_foto {
  display: block;
  float: left;
  width: 20%;
  height: 180px;
  background-color: #ebebeb;
  margin: 0px;
  padding: 0px;
  margin-right: 2%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
a.reference_foto img {
  display: none;
}
.referent_detail .levy  {
 width: calc(90% - 100px);
 float: left; 
}
.referent_detail h3 {
  font-family: 'Arial_Narrow', arial, sans-serif;
  font-weight: normal;
  font-size: 36px;
  margin-bottom: 0px;  
  margin-top: 0px;
}

.referent_detail h3 a { text-decoration: none; color: #000 }
.referent_detail h3 a:hover { background: none; text-decoration: none; color: #e11f1f }

#content .obsah_format h2.reference_detail_vyjadreni_klienta {
  font-size: 22px;
  font-style: italic;
  color: #e11f1f;
  margin: 15px 0px 0px 65px;
}
#content .obsah_format h1 a {
  text-decoration: none;
}

  

/*********** RESPONZIVNÍ VERZE *************/
@media (max-width: 1900px) {
  .Vybertekopirovani {width: 35%!important;}
  .Radakopirovani {width: 60%!important;}
  #formular_objednavka { width: 55%!important; }
  .obsah_format table {
    width: 100%!important;
   }
}

@media (max-width: 1760px) {
  #profilovy_obrazek { width: 35%!important;}
  #textove_udaje { width: 65%!important;}
  a.dalsi {margin-right: 4%!important;}
  #obsah #hlavni #info {width: 66%;}
}

@media (max-width: 1715px) {
  #hlavicka #logo { width: 30%; }
  #hlavicka #menu { display: block; width: 70%; }
  #obsah #spodni_dlazdice #kopirovani_p, #obsah #spodni_dlazdice #servis_p { width: 5%; }
  #obsah #spodni_dlazdice #kopirovani, #obsah #spodni_dlazdice #servis { width: 30%; }
  #obsah #spodni_dlazdice #pronajem {width: 30%; }  
  #content { width: 85%; }
  #obsah #hlavni #info {width: 70%;}
}

@media (max-width: 1600px) {
  #obsah #dlazdice .leva  ul li, #obsah #dlazdice .prava ul li { font-size: 15px; }
  #profilovy_obrazek { width: 35%!important;}
  #textove_udaje { width: 65%!important;} 
   a.dalsi {margin-right: 2%!important;} 
  #obsah #hlavni #info {width: 79%;}
}

@media (max-width: 1510px) {
  #obsah #hlavni #kopirovani h2, #obsah #hlavni #pronajem h2, #obsah #hlavni #servis h2 { font-size: 30px; }
  #obsah #spodni_dlazdice #kopirovani h2, #obsah #spodni_dlazdice #pronajem h2, #obsah #spodni_dlazdice #servis h2 { font-size: 30px; }
  .detail{width:85%!important;}
}

@media (max-width: 1470px) {
  #hlavicka #menu ul li a { font-size: 15px; padding: 90px 30px 20px 30px;}
  #hlavicka #menu #telefon { margin-top: 103px; }
  #menu #submenu, #menu #submenuO {padding-top: 22px; padding-bottom: 23px;}
  #hlavicka #menu ul li a.eshop {
    background: url('../img/eshop_bila.png') no-repeat left 35px top 45px;
  }
  #hlavicka #menu img.navstivte_eshop {
   position: absolute;
   left: 245px;
   top: 140px;
  }
}

@media (max-width: 1320px) {
  #hlavicka #menu ul li a { font-size: 15px; padding: 90px 20px 20px 20px;}
  #hlavicka #menu #telefon { margin-top: 103px; }
  #hlavicka #logo img { width: 90%; margin: 0 5% 0 5%; }
  #obsah #hlavni #info { width: 90%; margin: auto; padding-top: 250px; }
  #obsah #dlazdice .leva  h2, #obsah #dlazdice .prava h2 { font-size: 45px; }
  #obsah #dlazdice .prava h2.kopirovani_mensi { font-size: 35px; }
  #obsah #dlazdice .prava h2.servis_mensi { font-size: 30px; }
  #content { width: 95%; }
  .Vybertekopirovani {width: 30%!important; background-position: 290px 30px!important;}
  .Radakopirovani {width: 65%!important;}
  #formular_objednavka { width: 60%!important; }
  #profilovy_obrazek { width: 30%!important;}
  #textove_udaje { width: 70%!important;}
  #sluzby_zdarma, #pronajem_na_dobu, #doprava {padding-left: 10%;}
  #hlavicka #menu ul li a.eshop {
    background: url('../img/eshop_bila.png') no-repeat left 22px top 45px;
  }
  #hlavicka #menu img.navstivte_eshop {
   position: absolute;
   left: 155px;
   top: 140px;
  }
}

@media (max-width: 1220px) {
  #profilovy_obrazek { width: 25%!important;}
  #textove_udaje { width: 75%!important;}
}

@media (max-width: 1200px) {
  #paticka_obal #paticka h3 { font-size: 25px; }
  #vyberte, #rada {width:97%; padding-left:3%;}
  #vyberte { background: url('../img/sipka_filtr.png') no-repeat 340px 34px; }
  .Vybertekopirovani {width: 32%!important;}
  .Radakopirovani {width: 60%!important;}  
#pocet_stranek { margin-left: 7%}
#format_tisku { margin-left: 4% }
#dalsi_volby { margin-left: 4% }
}

@media (max-width: 1140px) {
  #hlavicka #menu ul li a { font-size: 14px; padding: 90px 15px 20px 15px;}
  #hlavicka #menu #telefon { margin-top: 103px; }
  #hlavicka #logo img { width: 90%; margin: 0 5% 0 5%; }
  #hlavicka #menu #telefon { font-size: 14px; }
  #obsah #hlavni #info { width: 99%; margin: auto; padding-top: 200px; } 
  #obsah #hlavni #kopirovani h2, #obsah #hlavni #pronajem h2, #obsah #hlavni #servis h2, #obsah #spodni_dlazdice #kopirovani h2, 
  #obsah #spodni_dlazdice #pronajem h2, #obsah #spodni_dlazdice #servis h2 { font-size: 25px; }  
  #obsah #hlavni #kopirovani li, #obsah #hlavni #pronajem li, #obsah #hlavni #servis li, #obsah #spodni_dlazdice #kopirovani li,
  #obsah #spodni_dlazdice #pronajem li, #obsah #spodni_dlazdice #servis li { font-size: 14px; }
  #obsah #reference { width: 99% }
  #obsah #reference .referent h3 { font-size: 25px; }  
  #kontaktni_formular input {font-size: 16px; }
  #kontaktni_formular textarea {width:414px;}
  input.odeslat {width:215px;}
  #tomados_na_mape {width:30%;}
  #gps { width:70%;}  
  #menu #submenu, #menu #submenuO {padding-top: 23px; padding-bottom: 23px;} 
  #rychlost_tiskarny {width: 43%;} 
  #funkce { width: 98%; } 
  .produkt { width: 44.5%; }
  div.produkt:nth-child(2n+2) { border-right: 1px solid #fff;}/*e7e7e7*/
  div.produkt:nth-last-child(2) { border-bottom: 1px solid #fff;}
  div.produkt:nth-last-child(3) { border-bottom: 1px solid #fff;}
  div.produkt:nth-last-child(4) { border-bottom: 1px solid #e7e7e7;}
  div.produkt:nth-last-child(5) { border-bottom: 1px solid #e7e7e7;}
  div.produkt:nth-child(1) { border-bottom: 1px solid #e7e7e7} /* pokud nejsou alespoň dvě řady produktů, je potřeba, aby první řada měla celá spodní rámeček */
  div.produkt:nth-child(2) { border-bottom: 1px solid #e7e7e7}
  #formular_objednavka { width: 65%!important; }
  #profilovy_obrazek { width: 50%!important; float: none!important; margin: auto auto;}
  #textove_udaje { width: 100%!important;}
  a.dalsi{float: none!important; white-space: nowrap;}
  #eshop a { margin-top: 15%; }
  #hlavicka #menu ul li a.eshop {
    background: url('../img/eshop_bila.png') no-repeat left 17px top 45px;
  }
  #hlavicka #menu img.navstivte_eshop {
   position: absolute;
   left: 95px;
   top: 140px;
  }
  

}


@media (max-width: 1050px) {
  #obsah #dlazdice .leva.kopirovani { width: 30%; *width: 30%; }
  #obsah #dlazdice .prava.zelena { width: 70%; *width: 69.9%; }
  #obsah #dlazdice .prava.pronajem { width: 30%; *width: 30%; }
  #obsah #dlazdice .leva.cervena { width: 70%; *width: 69.9%; }
  #obsah #dlazdice .leva.servis { width: 30%; *width: 30%; }
  #obsah #dlazdice .prava.seda { width: 70%; *width: 69.9%; }
  #obsah #spodni_dlazdice #kopirovani_p, #obsah #spodni_dlazdice #servis_p { display: none; }
  #obsah #spodni_dlazdice #kopirovani, #obsah #spodni_dlazdice #servis, #obsah #spodni_dlazdice #pronajem { width: 100%; }
  #kontaktujte_nas, #kontaktni_formular {margin-top: 20px; width:100%; }
  .detail{width:98%!important;}
  #sluzby_zdarma, #pronajem_na_dobu,#doprava {width: 90%!important;} 
}

@media (max-width: 1000px) {
       
  .clr_mob { clear: both; }
  .mob_dn { display: none; }
  #menu_sluzby, #menu_o_nas { display: none!important;}
  #menu_sluzby_mobil, #menu_o_nas_mobil { display: list-item!important;}
  #obsah { margin-top: 230px; }
  #hlavicka #menu {height: auto; width: 100%; float:none; clear: both; margin-top: 0px;  padding-bottom: 30px; position: relative; }
  #hlavicka #menu ul li { display: none; float: none; margin-top: 2px; margin-left: 0px; text-align: center; background-color: gray; }
  #hlavicka #menu ul li.submenu_vypis { display: none; float: none; margin-top: 2px; margin-left: 0px; text-align: center; background-color: #656565; }
  #hlavicka #menu ul {float: none; position: relative; padding: 0px; margin: auto auto; width: 80%; }
  #hlavicka #menu ul li a, #hlavicka #menu ul li.submenu_vypis a { display: block; height: 15px; padding: 10px;}    
  #hamburger_obal { width: 100%; padding-top: 70px; }        
  #hamburger { display: block; position: relative; margin: auto; cursor: pointer; }
  #hlavicka #menu #telefon { display: block; position: absolute; top: -75px; left: 50%; margin-left: -75px;  }
  #hlavicka #logo { width: 100%; padding-top: 0px; float: none; text-align: center; background-color: #fff; clear: both; }
  #hlavicka #logo img { height: 100px; width: auto; position: relative; text-align: center; margin: 2% auto; float: none; } 
  #menu #submenu, #menu #submenuO {display: none;} 
  .sluzby { display: block; background-color: lightgray!important; }
  .sluzby a {color: black!important;}
  .Vybertekopirovani {width: 95%!important;}
  .Radakopirovani {width: 95%!important;}
  #formular_objednavka { width: 75%!important; }
  .detail{margin-top:110px!important;}
  #parametry, #parametry_popis {width:98%!important;}
  #content h1 {margin-top: 100px}
  div.cesta {display: none}
  #hlavicka #menu ul li a.eshop {
    background: none;
  }
  #hlavicka #menu img.navstivte_eshop {display: none}
#pocet_stranek { margin-left: 0}
#format_tisku { margin-left: 0 }
#dalsi_volby { margin-left: 0 }
}

@media (max-width: 900px) {
  #obsah #hlavni #info { width: 100%; margin: auto; padding-top: 90px; }
  #obsah #hlavni #kopirovani h2, #obsah #hlavni #pronajem h2, #obsah #hlavni #servis h2 { font-size: 30px; }
  #obsah #hlavni #kopirovani li, #obsah #hlavni #pronajem li, #obsah #hlavni #servis li { font-size: 15px; }
  #obsah #hlavni #kopirovani, #obsah #hlavni #pronajem, #obsah #hlavni #servis { width: 100%; float: none; height: 428px; color: white; }
  #obsah #hlavni { height: auto; }
  #paticka_obal #paticka #leva { display: none; }
  #paticka_obal #paticka #prvni_sloupec { width: 43%; margin: 0 1.5%; }
  #paticka_obal #paticka #druhy_sloupec, #paticka_obal #paticka #treti_sloupec { width: 24%; margin: 0 1.5%; }
  #leve_udaje { color: #545454; font-size: 14px;width: 100%; float: left; }
  #prava_galerie { width: 90%; margin: 5%; float: none } 
  #prava_galerie a img { width: 25%; height: auto; margin: 2.5%; }
  #prava_galerie a.kontakt_galerie { width: 30%; height: 119px; margin: 1.5%; padding: 0px; }

  #obsah #reference .referent { float: none;  width: 90%; padding: 5%; clear: both; }
  
  #navstivte, #provozni_doba { width: 50%; float: left;} 
  #kontaktni_formular input, #kontaktni_formular textarea { width: 98%; margin-top: 5px; } 
  input.odeslat { width: 50%!important; margin: 10px auto!important; text-align: center; background-position: right 20px center; padding: 10px 0 10px 0px!important;} 
  #formular_objednavka { width: 90%!important; }  
  .detail .ceny { float: none!important; }
  #sluzby_zdarma, #pronajem_na_dobu, #doprava {padding-left: 15%; width:85%!important;}
  a.chci_tiskarnu {padding:3%!important;}
  a.reference_foto { width: 46%; margin: 10px 2% 10px 2%; }
  #content h1 {font-size: 40px;}
  #content h2 {font-size: 40px;}
#pocet_stranek { width: 96%; padding: 10px 2%; margin: 0}
#format_tisku { width: 96%; padding: 10px 2%; margin: 0 }
#dalsi_volby { width: 96%; padding: 10px 2%; margin: 0 }
}

@media (max-width: 780px) {
#rada p {width: 100%;}
#rada a {width: 100%; background-position: 65% 15px }
a.poradime_vam{white-space: nowrap;}
#eshop a { margin-top: 35%; }

}

@media (max-width: 740px) {
  #obsah #reference a, a.dalsi_produkty, a#kalkulace_tisku { width: 240px; font-size: 20px; background-position: 265px 17px; }
  #vypsani_ceny a { width: 240px; font-size: 20px; background-position: 245px 17px; }
  #obsah #dlazdice { display: none!important; }
  #obsah #dlazdice .leva.kopirovani { display: none!important; }
  #obsah #dlazdice .prava.zelena { display: none!important; width: 100%; height: auto;} /* display: none; zrušit pokud chci zobrazovat */
  #obsah #dlazdice .prava.pronajem { display: none!important; }
  #obsah #dlazdice .leva.cervena { display: none!important; width: 100%; height: auto;} /* display: none; zrušit pokud chci zobrazovat */
  #obsah #dlazdice .leva.servis { display: none!important; }
  #obsah #dlazdice .prava.seda { display: none!important; width: 100%; height: auto;} /* display: none; zrušit pokud chci zobrazovat */
  #obsah #dlazdice .leva  h2, #obsah #dlazdice .prava h2 { font-size: 50px; text-align: center; padding-left: 0px; }
  #obsah #dlazdice .prava h2.kopirovani_mensi { font-size: 45px; text-align: center; padding-left: 0px; }
  #obsah #dlazdice .prava h2.servis_mensi { font-size: 45px; text-align: center; padding-left: 0px; }
  #paticka_obal #paticka #prvni_sloupec { width: 100%; margin: 0 0; float: none; margin-bottom: 20px; }
  #paticka_obal #paticka #druhy_sloupec, #paticka_obal #paticka #treti_sloupec { width: 100%; margin: 0 0; float: none; margin-bottom: 20px; }
  #paticka_obal #paticka #copyright #developed { float: none; text-align: right; margin: 0; margin-top: 20px; width: 100%; }
  #paticka_obal #paticka #copyright p { float: none; margin: 0; width: 100%; }
  #tomados_na_mape {width:100%;}
  #gps { display: none;} 
  .Vybertekopirovani {background-position: 290px 25px!important;}
  .objednavka_pole {width:60%!important;}
  .osobni_odber, .ceska_posta {width: 90%!important; }
  a.poradime_vam {margin-top: 2%;display:block;text-align:center;}
  img.eshop { height: 150px; top: 40%; border: 1px solid #fff; border-right-style: none}
}

@media (max-width: 620px) {
#rada a {background-position: 70% 15px }
.funkce_check { padding-left: 10%; height: 25px; padding-top: 3%; background: url('../img/uncheck.png') no-repeat 0 7px; }
.Vybertekopirovani {width:90%!important;}
.objednavka_pole {width:90%!important;} 
.detail{width:99%!important;margin: 0.5%}
#profilovy_obrazek { width: 100%!important; }
#sluzby_zdarma, #pronajem_na_dobu, #doprava {background: none!important; padding-left: 1%!important;}  
#eshop a { margin-top: 50%; }   
.referent_detail h3 { font-size: 20px; font-weight: bold}
#dalsi_volby .funkce_check, .barevnost_radio { width: 85%; padding-left: 15%; }
}

@media (max-width: 500px) {
  #hlavicka #logo { width: 100%; padding-top: 0px; float: none; background-color: #fff; clear: both; }
  #hlavicka #logo img { width: 90%; height: auto; margin: 2% 5%; float: none; }
  #navstivte, #provozni_doba { width: 100%;}
  #kontaktni_formular input, #kontaktni_formular textarea { width: 95%; }
  input.odeslat { width: 75%!important; margin-top:5px!important; margin-bottom: 10px!important;} 
  a.chci_tiskarnu {padding:6%!important;}  
  .produkt {  width: 96%; border-right: none!important; border-bottom: 1px solid #e7e7e7!important; }
  .produkt img {margin: auto auto; display: block;}
  input#kalkulace_tisku_vypocti, input#filtr_zobrazit_vybrane_produkty {width: 90%; padding: 5%; background-position: calc(100% - 10px) center; font-size: 20px}
  #obsah #reference a.dalsi_reference, a.dalsi_produkty, #vypsani_ceny a {width: 90%; padding: 5%; background-position: calc(100% - 10px) center; font-size: 20px}
  
  .obsah_format a.tlacitko_cervene, .obsah_format a.tlacitko_cerne,  a.tlacitko_cerne,  a.tlacitko_cervene { width: 90%; padding: 15px 7% 15px 3%; }
  
  #prava_galerie { width: 90%; margin: 5%; float: none } 
  #prava_galerie a.kontakt_galerie { width: 47%; height: 119px; margin: 1.5%; padding: 0px; }
  #prava_galerie a img { width: auto; height: auto; clear: both; position: relative; margin: 10px auto; }
  
.obsah_format table tr td { padding: 5px; font-size: 90% }
}
  
@media (max-width: 485px) {
  #rada a {background-position: 75% 15px }
  .Vybertekopirovani {background-position: 280px 20px!important;}  
  #vyberte.Vybertekopirovani{background: none!important;}
  .objednavka_pole {width:100%!important;} 
  label{float:none!important;}
  .upload { width: 100%; background-position: -180px 0px!important; margin-top: 15px;}
  /*#formular_objednavka input[type="file"] { width: 100%!important; }*/ 
  #formular_objednavka input[type="submit"] {width:100%!important; margin:0!important; margin-top: 15px!important; font-size: 24px!important; background-image: none;}
  #formular_objednavka textarea {width: 92%!important;}
  #eshop a { margin-top: 75%; }
}  
  
@media (max-width: 400px) {
  #obsah #reference a, a.dalsi_produkty, a#kalkulace_tisku { width: 200px; font-size: 17px; background-position: 235px 17px; }
  #vypsani_ceny a { width: 200px; font-size: 17px; background-position: 205px 17px; }
  input.odeslat { width: 100%!important;}
  #rada a {background-position: 80% 15px }  
  input#kalkulace_tisku_vypocti, input#filtr_zobrazit_vybrane_produkty {font-size: 15px}
  #obsah #reference a.dalsi_reference, a.dalsi_produkty, #vypsani_ceny a {font-size: 15px}
  #content h1 {font-size: 35px;}
  #content h2 {font-size: 35px;}
  #prava_galerie { width: 90%; margin: 5%; float: none } 
  #prava_galerie a.kontakt_galerie { width: 100%; height: 119px; margin: 1.5% 0; padding: 0px; }
  #prava_galerie a img { width: auto; height: auto; clear: both; position: relative; margin: 10px auto; }
  #content h1 {margin-top: 80px}
  .funkce_check, #format_tisku, #rychlost_tiskarny { width: 90%; }
  #rychlost_tiskarny, #pocet_stranek, #barevnost_tisku, #dalsi_volby {width: 90%;}
  .obsah_format a.tlacitko_cervene, .obsah_format a.tlacitko_cerne,  a.tlacitko_cerne,  a.tlacitko_cervene { font-size: 20px }
  img.eshop { position: absolute; height: 150px; top: 200px;}
}

@media (max-width: 370px) {
  #eshop a { display: none }
  #content h1 {margin-top: 60px}
}  

.poptavky_servis {
    max-width: 620px;
    width: 100%;
    /* margin-left: auto;
    margin-right: auto; */
    clear: both;
    float: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}
@media (max-width: 620px) {
    .poptavky_servis {
        grid-template-columns: 1fr;
    }
}
#servis_poptavka_servisu input, #servis_poptavka_toneru input {
    display: block;
    width: 100%;
    padding: 5px 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    line-height: 25px;
}
#servis_poptavka_toneru .grid_2 {
    display: grid;
    grid-template-columns: 30px 1fr;
    align-items: center;
    margin-bottom: 10px;
    width: 100%;
}
#servis_poptavka_toneru input[type="checkbox"]{
    display: inline-block;
    margin: 0px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
#servis_poptavka_servisu input[type="submit"], #servis_poptavka_toneru input[type="submit"] {
    background-color: #000000 !important;
    background-image: none;
    float: none;
    clear: both;
    margin: 0px;
    border: none;
    font-size: 18px !important;
    text-align: center;
    padding: 0px !important;
    height: 50px;
    display: block;
    cursor: pointer;
    width: 100%!important;
}
#servis_poptavka_servisu input[type="submit"]:hover, #servis_poptavka_toneru input[type="submit"]:hover {
    background-color: #ba1f1f!important;
}
#servis_poptavka_servisu textarea, #servis_poptavka_toneru textarea {
    display: block;
    width: 100%;
    padding: 5px 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    line-height: 25px;
    resize: none;
    height: 165px;
}
#servis_poptavka_servisu_odpoved, #servis_poptavka_toneru_odpoved {
    margin-bottom: 10px;
    color: #ba1f1f;
    font-size: 16px;
    line-height: 24px;
}
#servis_poptavka_servisu_odpoved_ok, #servis_poptavka_toneru_odpoved_ok {
    margin-bottom: 10px;
    color: #2aa95d;
    font-size: 16px;
    line-height: 24px;
}


#obsah #reference div.referent_obal {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  align-items: start;
  margin-left: 0px!important;
  margin-right: 0px!important;
}
#obsah #reference .referent {
  display: block;
  float: none;
  width: 100%;
  margin-left: 0px!important;
  margin-right: 0px!important;
  box-sizing: border-box;
}

@media (max-width: 1260px) { 
  #obsah #reference div.referent_obal {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 900px) { 
  #obsah #reference div.referent_obal {
    grid-template-columns: repeat(1, 1fr);
  }
}