/*--- Popup okno (START) ---*/
/* Nemazat je zde i trida "box_validace_form" ktera spolu s ostatnimi dela poup okno s chybovymi hlaskami u validace formulare - je v JS,CSS i HTML */
.skryte_tl_popup_validace {
  display: none;
}

.polozka_chybova_hlaska {
  display: block;
  color: #ff0000;
}
/*--- Popup okno (KONEC) ---*/
/*--- Chybove hlasky (START) ---*/
.error {
  color: red;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 15px;
}
/*--- Chybove hlasky (KONEC) ---*/
/*--- Hlavicka (START) ---*/
.logo {
  float: left;
  width: 178px;
  height: 58px;
  margin: 6px 0px 6px 0px;

  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../../img/atrium_portal/logo_2025.png?v=1.2");
}
.hlavicka_vpravo {
  float: right;
}
/*--- Hlavicka (KONEC) ---*/
/*--- Responsivni menu (START) ---*/
.horni_menu,
.horni_menu_full_hd {
  display: block;
  text-align: center;
  vertical-align: top;
  margin: 0px 240px 0px 240px; /*o logo vlevo a dalsi odkazy vpravo*/
}
.horni_menu {
  display: none;
}
.horni_menu_in{
  display: none;
}
.obal_polozek_menu_resp {
  display: none;
}
.obal_polozky_menu {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 25;
}
.polozka_menu {
  position: relative;
  float: left;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  padding: 10px 16px 10px 16px;
  color: #282828;
  font-weight: 500;
  z-index: 22;
}
.obal_polozky_menu:hover .polozka_menu {
  color: #009fe4;
}
.aktivni_menu,
.aktivni_menu:hover {
  color: #009fe4;
}

.obal_polozky_menu_login {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 10px 16px 10px 16px;
  z-index: 25;
}
.obal_polozky_menu_login:hover .polozka_menu {
  color: #009fe4;
}
.obal_polozky_menu_login_in{
  display: block;
  font-size: 16px;
  height: 25px;
  line-height: 25px;
  color: #282828;
  font-weight: 500;
}
.obal_polozky_menu_login:hover .obal_polozky_menu_login_in{
  color: #009fe4;
}

.obal_polozky_menu_prava {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 25;
}
.polozka_menu_prava {
  position: relative;
  float: left;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  padding: 10px 16px 10px 16px;
  color: #282828;
  text-transform: uppercase;
  font-weight: 500;
  z-index: 22;
}
.hlavicka_kdo {
  font-size: 12px;
  font-weight: normal;
}
.obal_polozky_menu_prava:hover .polozka_menu_prava {
  color: #009fe4;
}
.aktivni_menu_prava,
.aktivni_menu_prava:hover {
  color: #009fe4;
}

.stin_pro_menu {
  display: none;
  position: fixed;
  left: 0px;
  top: 70px; /*o vysku menu*/
  /*height pocita skript*/
  width: 100%;
  cursor: pointer;

  /*background-position: left top;
  background-repeat: repeat;
  background-image: url("../../img/bg_cerna_10.png");*/
  background-color: #000000;
  opacity: 0.1;
  z-index: 20;
}
.polozka_stav {
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  padding: 10px 15px 10px 15px;
  color: #282828;
  text-transform: uppercase;
  font-weight: 500;
  border: #666 solid 1px;
}
.akt {
  background-color: #0066ff;
  color: #cccccc;
}
.hotovo {
  background-color: #0033ff;
  color: #282828;
}

/*--- Responsivni menu (KONEC) ---*/
/*--- Paticka (START) ---*/
.paticka a:link,
.paticka a:visited {
  color: #868686;
}
.paticka a:hover {
  color: #868686;
}
.paticka_in_h {
  display: block;
  padding: 20px 0px 20px 0px;
}
.paticka_in_d {
  display: block;
  padding: 20px 0px 20px 0px;
  border-top: 1px solid #868686;
}
.menu_pata {
  display: block;
  text-align: center;
  vertical-align: top;
}
.obal_polozky_menu_pata {
  display: inline-block;
  vertical-align: top;
  margin: 0px 16px 0px 16px;
}
.polozka_menu_pata {
  float: left;
  font-size: 16px;
  line-height: 32px;
  color: #868686;
  text-transform: uppercase;
  font-weight: lighter;
}
.obal_polozky_menu_pata:hover .polozka_menu_pata {
  color: #009fe4;
}
.aktivni_menu_pata,
.aktivni_menu_pata:hover {
  color: #009fe4;
}

.copyright_pata {
  float: left;
}
.mcrai_pata {
  float: right;
}

/*--- Paticka (KONEC) ---*/
.obal_tabulky_roletka {
  display: block;
  overflow: hidden;
  margin-top: 20px;
  /*overflow-x: scroll;*/
}
.obal_tabulky_roletka table {
}
/*--- Home (START) ---*/

.obal_swiper_z_admin {
  display: block;
}
.obal_nadpisu_home {
  position: absolute;
  right: 0px;
  bottom: 0px;
  left: 0px;
  top: 50px;
  margin: auto;
  width: 940px;
  height: 150px;
  z-index: 5;
}
.obal_nadpisu_home_in {
  display: block;
}
.nadpis_swiper_z_admin {
  display: block;
  font-size: 60px;
  line-height: 70px;
  color: #ffffff;
  font-weight: lighter;
  text-transform: uppercase;
  text-align: center;
}
.podnadpis_swiper_z_admin {
  display: block;
}

.text_mobil_home {
  display: none;
  text-align: center;
  margin: 20px 0px 20px 0px;
  font-size: 20px;
  line-height: normal;
  text-transform: uppercase;
  font-weight: 500;
  color: #009fe4;
}

.blok_seo_home {
  display: block;
  padding: 40px 0px 40px 0px;
  background-color: #009fe4;
  color: #ffffff;
  text-align: center;
}
.h1_home {
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  line-height: normal;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0px 0px 10px 0px;
}
.obal_p_seo_home {
  display: block;
}

.blok_vypis_home {
  display: block;
  padding: 60px 0px 60px 0px;
}
.polozka_vypis_home {
  float: left;
  width: 32%;
  margin: 1% 2% 1% 0px;
}
.polozka_vypis_home_in {
  position: relative;
  display: block;
  padding: 20px 30px 50px 30px;
  border: 1px solid #009fe4;

  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
}
.polozka_vypis_home:hover .polozka_vypis_home_in {
  border: 1px solid #ffffff;
  background-color: #ffffff;

  box-shadow: #dadada 6px 6px 5px;
  -webkit-box-shadow: #dadada 6px 6px 5px;
  -moz-box-shadow: #dadada 6px 6px 5px;
  /* generator stinu - http://www.cssmatic.com/box-shadow */
}
.blok_vypis_home a:link,
.blok_vypis_home a:visited,
.blok_vypis_home a:hover {
  color: #009fe4;
  text-decoration: none;
}
.h2_vypis_home {
  display: block;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 26px;
  height: 52px;
  font-weight: 500;
  margin: 0px 0px 0px 0px;
  overflow: hidden;
}
.tl_zobrazit_home {
  position: absolute;
  right: 30px;
  bottom: 20px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  min-height: 18px;
  padding-right: 18px;
  color: #009fe4;
  text-transform: uppercase;

  background-image: url("../../img/vice_ic.png?v=1.1");
  background-position: right center;
  background-repeat: no-repeat;
}
.tl_zobrazit_home_in {
  display: none;
  margin-right: 5px;
}
.polozka_vypis_home:hover .tl_zobrazit_home_in {
  display: block;
}

.blok_reference_home {
  display: block;
  padding: 60px 0px 60px 0px;
  background-color: #ffffff;
  border-bottom: 1px solid #868686;
}
.nadpis_vypis_home {
  display: block;
  clear: both;
  margin: 0px 0px 20px 0px;
  text-align: center;
  text-transform: uppercase;
  font-size: 38px;
  line-height: normal;
}
.polozka_vypis_reference {
  float: left;
  width: 32%;
  margin: 1% 2% 1% 0px;

  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;

  box-sizing: border-box;

  border: 1px solid #b4b4b4;
  border-top: 1px solid #b61504;
}
.blok_reference_home .polozka_vypis_reference {
  width: 98% !important;
  margin: 1% 1% 1% 1%;
}
.polozka_vypis_reference:hover {
  border: 1px solid #b61504;
}
.polozka_vypis_reference_in_h {
  position: relative;
  display: block;
  padding: 40px 40px 10px 40px;
}
.polozka_vypis_reference_in_d {
  position: relative;
  display: block;
  background-color: #e6e6e6;
  padding: 10px 40px 10px 40px;
}
.blok_vypis_reference_home a:link,
.blok_vypis_reference_home a:visited,
.blok_vypis_reference_home a:hover {
  color: #1c252c;
  text-decoration: none;
}

.obal_obr_vypis_reference {
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 20px;
}
.obal_obr_vypis_reference_in {
  display: block;
  height: 234px; /* souvisi s hodnotou v tride "pomer_fotek_vypis_reference" */
  line-height: 234px;
  background-color: #90979c;
  text-align: center;
  overflow: hidden;
}
.obal_obr_vypis_reference img {
  max-width: 100%;
  /*max-width: 140px;
  _width: expression(this.height < this.width && this.width > 140 ? 140 : true);*/
  max-height: 234px;
}
.pomer_fotek_vypis_reference {
  /*pomocna trida pro pomerove zmensovani galerie v responsivite pomoci Javascriptu*/
  display: none;
  width: 312px; /* to je tech 20% z ".obal_obr_vypis_reference" v zakladu (= full hd) */
  height: 234px; /* to je height z ".obal_obr_vypis_reference_in" v zakladu (= full hd) */
}

.obal_h2_h3_vypis_reference {
  display: block;
  height: 44px;
}
.h2_vypis_reference {
  display: block;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 22px;
  color: #1c252c;
  height: 44px;
  font-weight: 500;
  margin: 0px 0px 0px 0px;
  overflow: hidden;
  font-weight: bold;
}

.obal_p_vypis_reference {
  display: block;
  height: 110px;
  font-size: 14px;
  line-height: 22px;
  color: #1c252c;
  overflow: hidden;
}
.obal_p_vypis_reference p,
.obal_p_vypis_reference h1,
.obal_p_vypis_reference h2,
.obal_p_vypis_reference h3,
.obal_p_vypis_reference h4,
.obal_p_vypis_reference ul {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  line-height: 22px;
}
.obal_p_vypis_reference img {
  display: none;
}
.obal_p_vypis_reference table {
  width: 100%;
}
.obal_p_vypis_reference td {
  width: 50%;
}

.swiper-container_reference_home {
  padding-bottom: 50px !important;
}
.obal_sipek_slider_home {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  text-align: center;
  vertical-align: top;
}
.swiper-button-prev-reference {
  display: inline-block;
  height: 40px;
  width: 40px;
  margin: 0px 10px 0px 10px;
  background-color: #1c252c;
  cursor: pointer;

  background-image: url("../../img/sipka-reference-l.png");
  background-position: center center;
  background-repeat: no-repeat;

  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
}
.swiper-button-next-reference {
  display: inline-block;
  margin: 0px 10px 0px 10px;
  height: 40px;
  width: 40px;
  background-color: #1c252c;
  cursor: pointer;

  background-image: url("../../img/sipka-reference-p.png");
  background-position: center center;
  background-repeat: no-repeat;

  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
}
.swiper-button-prev-reference:hover,
.swiper-button-next-reference:hover {
  background-color: #b61504;
}
/*--- Home (KONEC) ---*/
/*--- Vypis (START) ---*/
.obal_hlaska_vypis {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.blok_nadpisu_vypis {
  position: relative;
  display: block;
  padding: 20px 0px 20px 0px;
}
.h1_vypis {
  display: inline-block;
  vertical-align: top;
  font-size: 40px;
  line-height: 48px;
  margin: 0px;
  font-weight: bold;
}
.nadpis_bloku_vypis_polozek {
  position: relative;
  display: block;
  margin: 0px 0px 20px 0px;
  color: #009fe4;
  font-size: 30px;
  line-height: normal;
  font-weight: 500;
}
.nadpis_bloku_vypis_polozek_in {
  position: relative;
  display: inline-block;
  vertical-align: top;
  background-color: #ffffff;
  padding-right: 20px;
  z-index: 2;
}
.linka_nadpis_bloku_vypis_polozek {
  position: absolute;
  left: 0px;
  top: 50%;
  border-top: 1px solid #d3d3d3;
  width: 100%;
}

.blok_filtrace_zakazky {
  display: block;
  padding: 20px 0px 20px 0px;
  text-align: center;
  vertical-align: top;
}
.polozka_filtr_zakazky {
  display: inline-block;
  vertical-align: top;

  font-size: 16px;
  line-height: 30px;
  padding: 10px 15px 10px 15px;
  margin: 10px 10px 10px 10px;
  color: #282828;
  text-transform: uppercase;
  font-weight: 500;
  border: #666 solid 1px;

  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
}
.polozka_filtr_zakazky:hover {
  color: #009fe4;
  border: #009fe4 solid 1px;
}

.obal_tl_novy_zaznam {
  display: block;
  clear: both;
  margin-bottom: 30px;
}

.blok_obsah_vypis {
  display: block;
  padding: 30px 30px 30px 30px;
}

.blok_text_nad_clanky {
  display: block;
  text-align: center;
  margin-bottom: 30px;
}
.nazev_text_nad_clanky {
  display: block;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  margin: 0px 0px 10px 0px;
  text-align: center;
}
.obal_text_nad_clanky {
  display: block;
}

.obal_polozek_vypis {
  display: block;
  text-align: left;
  vertical-align: top;
  font-size: 0;
}
.polozka_vypis {
  display: inline-block;
  vertical-align: top;
  width: 23%;
  margin: 30px 2% 30px 0px;
  text-align: left;
}
.polozka_vypis_in {
  position: relative;
  display: block;
  padding: 40px 40px 60px 40px;
  border: 1px solid #009fe4;

  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
}
.polozka_vypis:hover .polozka_vypis_in {
  border: 1px solid #ffffff;
  background-color: #ffffff;

  box-shadow: #dadada 6px 6px 5px;
  -webkit-box-shadow: #dadada 6px 6px 5px;
  -moz-box-shadow: #dadada 6px 6px 5px;
  /* generator stinu - http://www.cssmatic.com/box-shadow */
}
.blok_vypis_home a:link,
.blok_vypis_home a:visited,
.blok_vypis_home a:hover {
  color: #009fe4;
  text-decoration: none;
}

.obal_obr_vypis {
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 20px;
}
.obal_obr_vypis_in {
  display: block;
  height: 214px; /* souvisi s hodnotou v tride "pomer_fotek_vypis" */
  line-height: 214px;
  background-color: #F2F2F2;
  text-align: center;
  overflow: hidden;
}
.obal_obr_vypis img {
  max-width: 100%;
  /*max-width: 140px;
  _width: expression(this.height < this.width && this.width > 140 ? 140 : true);*/
  max-height: 214px;
}
.pomer_fotek_vypis {
  /*pomocna trida pro pomerove zmensovani galerie v responsivite pomoci Javascriptu*/
  display: none;
  width: 380px; /* to je tech 20% z ".obal_obr_vypis" v zakladu (= full hd) */
  height: 214px; /* to je height z ".obal_obr_vypis_in" v zakladu (= full hd) */
}

.obal_h2_h3_vypis {
  display: block;
  height: 82px;
  margin-bottom: 20px;
}
.obal_h2_h3_vypis a:link, .obal_h2_h3_vypis a:visited, .obal_h2_h3_vypis a:hover{
  color: #000000;
}
.h2_vypis {
  display: block;
  font-size: 18px;
  line-height: 26px;
  color: #000000;
  height: 52px;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  overflow: hidden;
}
.h3_vypis {
  display: block;
  font-size: 16px;
  line-height: 20px;
  height: 20px;
  color: #2d2e36;
  margin: 10px 0px 0px 0px;
  font-weight: 500;

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.obal_p_vypis {
  display: block;
  height: 92px;
  line-height: 24px;
  color: #2d2e36;
  overflow: hidden;
}
.obal_p_vypis p,
.obal_p_vypis h1,
.obal_p_vypis h2,
.obal_p_vypis h3,
.obal_p_vypis h4,
.obal_p_vypis ul {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  line-height: 24px;
}
.obal_p_vypis img {
  display: none;
}

.tl_vypis {
  display: inline-block;
  padding: 10px 30px 10px 30px;
  background-color: #009fe4;
  border: 1px solid #009fe4;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  margin-top: 20px;

  -webkit-border-radius: 26px 26px 26px 26px;
  -moz-border-radius: 26px 26px 26px 26px;
  border-radius: 26px 26px 26px 26px;
}
.tl_vypis:hover {
  background-color: #ffffff;
  color: #009fe4;
}

.stred_dalsi {
  display: block;
  text-align: center;
  margin: 0px 0px 20px 0px;
}
.tl_dalsi {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin-top: 30px;
  padding: 15px 30px 15px 30px;
  color: #009fe4;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  background-color: #ffffff;
  cursor: pointer;
}
.tl_dalsi:hover {
  background-color: #009fe4;
  color: #ffffff;
}

.blok_se_strankovanim {
  display: block;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #d3d3d3;
}
.blok_se_strankovanim_in {
  display: block;
  text-align: left;
  vertical-align: top;
  margin-bottom: 10px;
}
.blok_se_strankovanim_nacti_rok {
  display: block;
}
.nadpis_strankovani {
  display: block;
}
.nadpis_strankovani_text {
}
.nadpis_strankovani_kolik {
  font-weight: bold;
}
.polozka_strankovani {
  display: inline-block;
  vertical-align: top;
  padding: 3px 8px 3px 0px;
}

/*--- Vypis (KONEC) ---*/
/*--- Detail/clanek (START) ---*/
.blok_obsah_clanek {
  display: block;
  padding: 30px 30px 30px 30px;
  margin-bottom: 20px;
  background-color: #FFFFFF;
}

.obal_h1_h2_clanek,
.clanek_nadpisy {
  /* Tato trida je pouzita i u error_404 v template - tam jen zkontrolovat zda ok pripadne tam tridu zmenit */
  display: block;
  text-align: center;
  margin-bottom: 30px;
}
.h1_clanek {
  /* Tato trida je pouzita i u error_404 v template - tam jen zkontrolovat zda ok pripadne tam tridu zmenit */
  display: block;
  margin: 0px;
  text-transform: uppercase;
  color: #009fe4;
  font-size: 30px;
  line-height: normal;
  font-weight: 500;
}
.h2_clanek {
  display: block;
  font-size: 26px;
  line-height: normal;
  margin: 4px 0px 0px 0px;
  color: #2d2e36;
  font-weight: 500;
}

.obal_obr_clanek {
  display: block;
  margin-bottom: 30px;
  text-align: center;
}
.obal_obr_clanek img {
  max-width: 100%;
  /*max-width: 480px;
  _width: expression(this.height < this.width && this.width > 480 ? 480 : true);*/
  max-height: 600px;
}

.zkraceny_vypis {
  display: block;
  margin-bottom: 30px;
}
.cely_text {
  display: block;
  margin-bottom: 30px;
}
.obal_fotogalerie_pomerove {
  display: block;
  margin-bottom: 30px;
  text-align: left;
}

.obal_fotogalerie_studie{
  display: block;
  margin: 16px 0px 16px 0px;
  text-align: left;
  vertical-align: top;
  font-size: 0;  
}
.polozka_fotogalerie_pomerove {
  position: relative;
  float: left;
  width: 31.333%; /* souvisi s hodnotou v tride "pomer_fotek_v_galerii" */
  margin: 1% 2% 1% 0%;
  overflow: hidden;
}
.obal_fotogalerie_studie .polozka_fotogalerie_pomerove{
  width: 23%;
}
.polozka_fotogalerie_pomerove_in {
  display: block;
  height: 285px; /* souvisi s hodnotou v tride "pomer_fotek_v_galerii" */
  line-height: 285px;
  background-color: #fffffd;
  text-align: center;
  overflow: hidden;
}
.polozka_fotogalerie_pomerove img {
  max-width: 100%;
  /*max-width: 140px;
  _width: expression(this.height < this.width && this.width > 140 ? 140 : true);*/
  max-height: 285px;
}
.obal_fotogalerie_studie .polozka_fotogalerie_pomerove img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: none;
  max-width: none;
}
.pomer_fotek_v_galerii {
  /*pomocna trida pro pomerove zmensovani galerie v responsivite pomoci Javascriptu*/
  display: none;
  width: 380px; /* to je tech 20% z ".polozka_fotogalerie_pomerove" v zakladu (= full hd) */
  height: 285px; /* to je height z ".polozka_fotogalerie_pomerove_in" v zakladu (= full hd) */
}

.vypln_obal_obrazkem_css {
  position: relative;
  text-align: center;
}
.vypln_obal_obrazkem_css img {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  height: auto;
  max-width: 100%;
  max-height: none !important; /* skrze pripadne spojeni se skriptem na pomerove zmensovani bloku */
}

.blok_video {
  display: block;
  overflow: hidden;
  text-align: center;
  vertical-align: top;
  margin-bottom: 30px;
}
.blok_video iframe {
  vertical-align: top;
  max-width: 100%;
}
.obal_video {
  display: block;
  margin-top: 10px;
  background-color: #2d2e36;
}
.popisek_video {
  display: block;
  color: #000000;
  background-color: #dadada;
  padding: 10px 0px 10px 0px;
}
.nadpis_v_detail {
  display: block;
  margin: 0px;
  padding-bottom: 10px;
  font-size: 18px;
  line-height: normal;
  text-align: left;
}
.blok_soubory {
  display: block;
  margin-bottom: 30px;
}
.polozka_soubor {
  position: relative;
  float: left;
  width: 48%;
  margin: 1% 2% 1% 0px;

  overflow: hidden;

  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
}
.polozka_soubor_in {
  position: relative;
  display: block;
  border: 1px solid #009fe4;
  padding: 0px 0px 0px 50px;
  overflow: hidden;
}
.polozka_soubor:hover .polozka_soubor_in {
  display: block;
  border: 1px solid #f8b120;
}
.polozka_soubor_ikona {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50px;
  height: 87px;
  line-height: 87px;
  background-color: #009fe4;

  background-image: url("../../img/download-ic.png?v=1.1");
  background-position: center center;
  background-repeat: no-repeat;
}
.polozka_soubor:hover .polozka_soubor_ikona {
  background-color: #f8b120;
}
.polozka_soubor_nazev {
  display: block;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  line-height: normal;
  font-weight: 500;
  text-transform: uppercase;
  margin: 20px 20px 5px 20px;
  color: #009fe4;

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.polozka_soubor:hover .polozka_soubor_nazev {
  color: #f8b120;
}
.polozka_soubor_typ {
  display: block;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  line-height: normal;
  text-transform: uppercase;
  margin: 0px 20px 20px 20px;
  color: #2d2e36;

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.nadpis_formular {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-size: 26px;
  line-height: normal;
  font-weight: 500;
  color: #009fe4;
  margin: 0px 0px 20px 0px;
}

.zakazka_detail {
  display: block;
  padding: 0px 0px 50px 0px;
}

.uzivatel_detail_form {
  display: block;
  margin-bottom: 70px;
}

.tabulka_zakazka,
.tabulka_aktivity {
  display: table;
  width: 100%;
  margin-bottom: 70px;
  border: 1px solid #edeef0;
  overflow: hidden;
  box-sizing: border-box;

  border-radius: 0px 0px 4px 4px;
}
.tabulka_aktivity_tr_nadpis,
.tabulka_zakazka_tr_nadpis {
  display: table-row;
  width: 100%;
}
.tabulka_zakazka_td_nadpis,
.tabulka_zakazka_td_nadpis {
  display: table-cell;
  padding: 8px 20px 8px 20px;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  color: #009fe4;
  border: 1px solid #edeef0;
  vertical-align: middle;
}
.tabulka_aktivity_tr_polozky,
.tabulka_zakazka_tr_polozky {
  display: table-row;
  width: 100%;
}
/*.tabulka_aktivity_tr_polozky form{
  display: inline-block;
  vertical-align: top;
  margin: 2px 5px 2px 0px;
}*/
.tabulka_zakazka_tr_polozky_x {
  display: table-row;
  width: 100%;
  background-color: #ccc;
}
.tabulka_aktivity_td,
.tabulka_zakazka_td {
  display: table-cell;
  padding: 8px 20px 8px 20px;
  font-size: 16px;
  line-height: 20px;
  border: 1px solid #edeef0;
  vertical-align: middle;
}
.td_nazev {
  font-weight: bold;
}
.td_cena {
  font-weight: bold;
  color: #d71826;
}

.tabulka_zakazka_td.detail form {
  display: inline-block;
  vertical-align: top;
  margin: 2px 5px 2px 5px;
}

.tl_vypis_zakazka,
.tl_v_detailu_zakazka {
  display: inline-block;
  padding: 12px 24px 12px 24px;
  background-color: #009fe4;
  border: 1px solid #009fe4;
  color: #ffffff;
  font-size: 15px;
  line-height: 20px;
  font-weight: 1000;
  text-transform: uppercase;
  cursor: pointer;

  -webkit-border-radius: 26px 26px 26px 26px;
  -moz-border-radius: 26px 26px 26px 26px;
  border-radius: 26px 26px 26px 26px;
}
.tl_vypis_zakazka:hover,
.tl_v_detailu_zakazka:hover {
  background-color: #ffffff;
  color: #009fe4;
}
.tl_zpet_zakazka,
.tl_hledej_zakazka,
.tl_zluta_zakazka {
  display: inline-block;
  padding: 14px 24px 14px 24px;
  background-color: #f8b120;
  border: 1px solid #f8b120;
  color: #000000;
  font-size: 15px;
  font-weight: 1000;
  text-transform: uppercase;
  cursor: pointer;

  -webkit-border-radius: 26px 26px 26px 26px;
  -moz-border-radius: 26px 26px 26px 26px;
  border-radius: 26px 26px 26px 26px;
}
.tl_zpet_zakazka:hover,
.tl_hledej_zakazka:hover,
.tl_zluta_zakazka:hover {
  background-color: #ffffff;
  color: #f8b120;
}

.tl_hledej_zakazka {
  font-weight: bold;
}

.select_zakazky {
  display: inline-block;
  vertical-align: top;
  height: 44px;
  line-height: 44px;
  padding: 0px 0px 0px 10px; /*pravy padding nelze pouzit skrze IE, protoze odsadi to sipku dolu*/
  background-color: #ffffff;
  border: 1px solid #282828; /* jen proto aby byl border vzdy skrze cerveny border kdyz je chyba */

  -webkit-border-radius: 24px 24px 24px 24px;
  -moz-border-radius: 24px 24px 24px 24px;
  border-radius: 24px 24px 24px 24px;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  /*--- navod na selct s vlastni ikonou sipky.. nutne ddat i pravy padding (START) ---*/
  /*
  -webkit-appearance: none; 
  -moz-appearance: none;
  appearance: none;       / remove default arrow
  background-image: url("../../img/ikony/sipka_select.png");
  background-repeat: no-repeat;
  background-position: right 20px center;
  */
  /*--- navod na selct s vlastni ikonou sipky.. nutne ddat i pravy padding (KONEC) ---*/
}

/*--- Detail/clanek (KONEC) ---*/
/*--- Efekt prechodu rozbalovaciho menu z "hamburgeru" na "krizek" a zpet (START) ---*/
.efekt_resp_menu_ikona {
  float: left;
  width: 40px;
  height: 30px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.efekt_resp_menu_1 .efekt_resp_menu_ikona span,
.efekt_resp_menu_2 .efekt_resp_menu_ikona span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #009fe4;
  border-radius: 2px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.efekt_resp_menu_1 .efekt_resp_menu_ikona span:nth-child(1) {
  top: 8px;
}
.efekt_resp_menu_1 .efekt_resp_menu_ikona span:nth-child(2) {
  top: 15px;
}
.efekt_resp_menu_1 .efekt_resp_menu_ikona span:nth-child(3) {
  top: 22px;
}
.efekt_resp_menu_1 .efekt_resp_menu_ikona span:nth-child(4) {
  display: none;
}
.efekt_resp_menu_1 .efekt_resp_menu_ikona.open span:nth-child(1) {
  top: 14px; /*o neco mene nez je polovina vysky ikony*/
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.efekt_resp_menu_1 .efekt_resp_menu_ikona.open span:nth-child(2) {
  opacity: 0;
  left: -40px; /*o sirku ikony*/
}
.efekt_resp_menu_1 .efekt_resp_menu_ikona.open span:nth-child(3) {
  top: 14px; /*o neco mene nez je polovina vysky ikony*/
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.efekt_resp_menu_2 .efekt_resp_menu_ikona span:nth-child(1) {
  top: 8px;
}

.efekt_resp_menu_2 .efekt_resp_menu_ikona span:nth-child(2),
.efekt_resp_menu_2 .efekt_resp_menu_ikona span:nth-child(3) {
  top: 15px;
}

.efekt_resp_menu_2 .efekt_resp_menu_ikona span:nth-child(4) {
  top: 22px;
}

.efekt_resp_menu_2 .efekt_resp_menu_ikona.open span:nth-child(1) {
  top: 14px; /*o neco mene nez je polovina vysky ikony*/
  width: 0%;
  left: 50%;
}

.efekt_resp_menu_2 .efekt_resp_menu_ikona.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.efekt_resp_menu_2 .efekt_resp_menu_ikona.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.efekt_resp_menu_2 .efekt_resp_menu_ikona.open span:nth-child(4) {
  top: 14px; /*o neco mene nez je polovina vysky ikony*/
  width: 0%;
  left: 50%;
}
/*--- Efekt prechodu rozbalovaciho menu z "hamburgeru" na "krizek" a zpet (KONEC) ---*/
/*--- Cookies - souhlas s jejich pouzivanim (START) ---*/
.cc_container {
  opacity: 0.9;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.cc_container a,
.cc_container a:visited {
  color: #88bf3d !important; /*barva textu "vice informaci"*/
}
.cc_container .cc_btn,
.cc_container .cc_btn:visited {
  color: #000000 !important; /*barva textu tlacitka "rozumim"*/
}
.cc_banner-wrapper {
  z-index: 10000001 !important; /*skrze stret cookies panelu a chatu smartsupp, ktery ma z-index "z-index: 10000000"*/
}
/*--- Cookies - souhlas s jejich pouzivanim (KONEC) ---*/
/*--- Pomocne ---*/
.mr_ne {
  margin-right: 0px;
}
.bb_ne {
  border-bottom: 0px;
}
.submenu_off {
  margin-right: 0px !important;
}

.vypln_obal_obrazkem {
  position: relative;
}
.vypln_obal_obrazkem img {
  opacity: 0;
}
.loader {
  display: block;

  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;

  background-color: #ffffff;
  opacity: 0.8;
  background-image: url("../../img/loader.gif");
  background-position: center center;
  background-repeat: no-repeat;
}

.blok_vypis_hlasky {
  /* dodat font-size pokud se vypis podmenu/ vypis clanku stredi k cemuz se pouzije "font-size: 0;" tudiz bezna hlasna nejde videt */
  display: block;
  font-size: 16px;
  line-height: normal;
  text-align: center;
  padding: 20px 0px 20px 0px;
}

/*--- Pomocne resp ---*/
.resp_menu,
.resp_plusko {
  display: none;
}

/*--- Responsive design ---*/

@media only screen and (min-width: 1922px) {
  .blok_sirky_webu_full_hd {
    width: 1920px;
  }
}

@media only screen and (max-width: 1680px) {
  .blok_sirky_webu {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
  }
}

@media only screen and (max-width: 1500px) {
  
  .polozka_menu, .polozka_menu_prava{
    padding-left: 10px;
    padding-right: 10px;
  }
  
}

@media only screen and (max-width: 1340px) {
  
  .resp_menu {
    display: block;
    float: right;
    height: 30px;
    line-height: 30px;
    font-weight: 500;
    margin: 20px 0px 10px 20px;
    cursor: pointer;
  }
  .resp_menu_text {
    float: left;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    margin-right: 10px;
  }
  .resp_menu .efekt_resp_menu_ikona {
  }
  .obal_polozky_menu_login:hover .obal_polozky_menu_login_in{
    color: #2D2E36;
    text-decoration: underline;
  }
  .horni_menu {
    display: none;
    float: none;
    position: absolute;
    right: 0px;
    top: 70px;
    width: 100%;
    background-color: #009fe4;
    overflow: auto;
    z-index: 20;
    margin: 0px;
  }
  .horni_menu_full_hd,
  .hlavicka_vpravo {
    display: none;
  }
  .obal_polozky_menu {
    float: none;
    display: block;
    padding-bottom: 0px;
  }
  .polozka_menu {
    float: none;
    display: block;
    height: auto;
    line-height: normal;
    background-image: none;
    padding: 10px 10px 10px 10px;
    color: #ffffff;
    text-align: center;
  }
  /*.resp_plusko{
    display: block;
    float: right;
    width: 34px;
    height: 34px;
    cursor: pointer;
    opacity: 0.8;

    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("../../img/resp_plusko.png");
  }
  .resp_plusko_zabal{
    background-image: url("../../img/resp_plusko_on.png");
  }*/
  .polozka_menu:hover {
    color: #f8b120 !important;
  }
  .aktivni_menu,
  .aktivni_menu:hover {
    color: #f8b120 !important;
  }

  .obal_polozek_menu_resp {
    display: block;
  }
  .obal_polozka_menu_resp {
    display: inline-block;
    vertical-align: top;
  }
  .polozka_menu_resp {
    position: relative;
    float: left;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    padding: 10px 10px 10px 10px;
    color: #282828;
    text-transform: uppercase;
    font-weight: 500;
    z-index: 22;
  }
  .obal_polozka_menu_resp:hover .polozka_menu_resp {
    color: #009fe4;
  }
  .aktivni_menu_resp,
  .aktivni_menu_resp:hover {
    color: #009fe4;
  }
  
}

@media only screen and (max-width: 1250px) {
  /*full HD tablet - vetsinou do 1280*/

  .nadpis_swiper_z_admin {
    font-size: 36px;
    line-height: 44px;
  }
  .obal_nadpisu_home {
    height: 88px;
  }
  
  .polozka_vypis {
    width: 31.3%;
  }
  
}

@media only screen and (max-width: 1100px) {
  /*tablet - vetsinou do 1024*/

  .obal_nadpisu_home {
    width: 96%;
  }

  .blok_seo_home,
  .blok_vypis_home,
  .obal_dotaznik_def {
    padding: 20px 0px 20px 0px;
  }

  .h1_vypis {
    font-size: 28px;
    line-height: 38px;
  }

  .polozka_vypis_in {
    padding: 20px 20px 60px 20px;
  }
}

@media only screen and (max-width: 960px) {

  .h2_vypis {
    font-size: 16px;
    line-height: 22px;
    height: 44px;
  }
  .obal_h2_h3_vypis {
    height: 76px;
    margin-bottom: 10px;
  }

  .h1_clanek {
    font-size: 24px;
  }
  .h2_clanek,
  .nadpis_formular {
    font-size: 20px;
  }

  .blok_obsah_clanek {
    padding: 30px 20px 30px 20px;
  }
}

@media only screen and (max-width: 900px) {
  .obal_tabulky_roletka {
    overflow: hidden;
    overflow-x: scroll;
  }
  .obal_tabulky_roletka table {
    width: 920px;
  }
}

@media only screen and (max-width: 840px) {
  .blok_sirky_webu_uzky {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
  }

  .polozka_vypis,
  .polozka_vypis_reference {
    width: 48%;
    margin: 1% 1% 1% 1% !important;
  }

  .polozka_vypis_home_in {
    padding: 20px 20px 30px 20px;
  }
  .tl_zobrazit_home {
    bottom: 10px;
  }
  .h2_vypis_home {
    font-size: 16px;
  }

  .nadpis_swiper_z_admin {
    font-size: 22px;
    line-height: 30px;
  }
  .obal_nadpisu_home {
    height: 60px;
  }

  .blok_obsah_vypis {
    padding: 30px 0px 30px 0px;
  }
  
  .logo {
    background-size: contain;
    width: 150px;
  }
  .polozka_menu_prava {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
  }
  
}

@media only screen and (max-width: 780px) {

  .obal_tlacitka_formulare {
    float: none;
    text-align: left;
    display: block;
    clear: both;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 680px) {
  /*mobil - na sirku asi 650*/

  .polozka_vypis_home {
    width: 48%;
    margin: 1% 2% 1% 0px !important;
  }

  .text_mobil_home {
    display: block;
  }
  .obal_swiper_z_admin {
    display: none;
  }
  .obsah_home {
    padding-top: 60px;
  }

  .polozka_soubor {
    width: 100%;
    margin-right: 0px;
  }

  .nadpis_bloku_vypis_polozek {
    font-size: 22px;
  }
  
  .resp_menu_text {
    display: none;
  }
  .polozka_menu_prava {
    padding-left: 5px;
    padding-right: 5px;
  }
  
  .polozka_fotogalerie_pomerove{
    width: 31.333%;
  }
  
}

@media only screen and (max-width: 600px) {
  
  .polozka_menu_resp{
    font-size: 12px;
  }
  
  .horni_menu_in{
    display: block;
  }
  .obal_polozek_menu_resp{
    display: none;
  }
  
  .polozka_fotogalerie_pomerove{
    width: 48%;
  }
  
}

@media only screen and (max-width: 500px) {
  /*mobil - na vysku asi 550*/

  .polozka_vypis,
  .polozka_vypis_reference {
    width: 98%;
  }
  .obal_h2_h3_vypis {
    height: auto;
  }
  .h2_vypis {
    height: auto;
  }
  .obal_p_vypis {
    height: auto;
    max-height: 92px;
  }

  .form_blok {
    width: 100%;
    margin-right: 0px;
  }

}

@media only screen and (max-width: 440px) {
  .copyright_pata,
  .mcrai_pata {
    float: none;
    display: block;
    text-align: center;
    margin: 4px 0px 4px 0px;
  }

  .polozka_vypis_home {
    width: 98%;
  }
  .h2_vypis_home {
    height: auto;
  }

  .polozka_fotogalerie_pomerove {
    width: 48%;
    margin: 1% 1% 1% 1% !important;
  }
}

@media only screen and (max-width: 1500px) {
  .obal_tabulky_roletka {
    overflow: hidden;
    overflow-x: scroll;
  }
}

/*--- Responsive design - help z Stackoverflow ---*/
@media (min-width: 320px) {
  /* smartphones, iPhone, portrait 480x320 phones */
}
@media (min-width: 481px) {
  /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
}
@media (min-width: 641px) {
  /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
}
@media (min-width: 961px) {
  /* tablet, landscape iPad, lo-res laptops ands desktops */
}
@media (min-width: 1025px) {
  /* big landscape tablets, laptops, and desktops */
}
@media (min-width: 1281px) {
  /* hi-res laptops and desktops */
}