/* Základní definice elementů */
@font-face {
    font-family: 'HaasGrot';
    src: url('/fonts/NeueHaasGrotDisp-45Light.eot');
    src: url('/fonts/NeueHaasGrotDisp-45Light.eot?#iefix') format('embedded-opentype'),
         url('/fonts/NeueHaasGrotDisp-45Light.woff') format('woff'),
         url('/fonts/NeueHaasGrotDisp-45Light.ttf') format('truetype'),
         url('/fonts/NeueHaasGrotDisp-45Light.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HaasGrot';
    src: url('/fonts/NeueHaasGrotDisp-36ThinItalic.eot');
    src: url('/fonts/NeueHaasGrotDisp-36ThinItalic.eot?#iefix') format('embedded-opentype'),
         url('/fonts/NeueHaasGrotDisp-36ThinItalic.woff') format('woff'),
         url('/fonts/NeueHaasGrotDisp-36ThinItalic.ttf') format('truetype'),
         url('/fonts/NeueHaasGrotDisp-36ThinItalic.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'HaasGrot';
    src: url('/fonts/NeueHaasGrotDisp-65Medium.eot');
    src: url('/fonts/NeueHaasGrotDisp-65Medium.eot?#iefix') format('embedded-opentype'),
         url('/fonts/NeueHaasGrotDisp-65Medium.woff') format('woff'),
         url('/fonts/NeueHaasGrotDisp-65Medium.ttf') format('truetype'),
         url('/fonts/NeueHaasGrotDisp-65Medium.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-weight: bold;
}
@font-face {
    font-family: 'HaasGrot';
    src: url('/fonts/NeueHaasGrotDisp-66MediumItalic.eot');
    src: url('/fonts/NeueHaasGrotDisp-66MediumItalic.eot?#iefix') format('embedded-opentype'),
         url('/fonts/NeueHaasGrotDisp-66MediumItalic.woff') format('woff'),
         url('/fonts/NeueHaasGrotDisp-66MediumItalic.ttf') format('truetype'),
         url('/fonts/NeueHaasGrotDisp-66MediumItalic.svg#open_sanslight') format('svg');
    font-style: italic;
    font-weight: bold;
}
.mapaiframe
{
  height:600px;
} 

body
{
  font-family: HaasGrot, Arial, Helvetica, sans-serif; /**/
  font-size:15px;
  background-color: #FFFFFF; 
  color: #373646;
  margin: 0;
  padding: 0;	
}
h1,h2,h3, 
p, div
img,
form 
{
  margin: 0;
  padding: 0;
}
iframe 
{
   width:1100px;
   height:1100px;
}
h1,h2,h3, 
p, 
img,
form 
{
   border:0;
}
input,
select,
textarea
{
  font-family: HaasGrot, Arial, Helvetica, sans-serif;
  font-size:16px;
  color: #373646;
  border-top: 1px solid #b5b5b5;
  border-left: 1px solid #b5b5b5;
  border-bottom: 1px solid #b5b5b5;
  border-right: 1px solid #b5b5b5;
  border-radius:23px;
}
input[type="text"],
input[type="submit"]
{
  margin:0;
  height: 26px;
  font-size:16px;
}
a
{
  text-decoration:underline;
  color:#373646;
}
table, tr, td
{
  border:0;
  margin:0;
  padding:0;
  border-spacing: 0;
}

/* Cely obsah  */
.content
{
  position:relative;
  margin-left: auto;
  margin-right: auto;
  max-width:100%;
}
#mobile_spinner
{
  display:none;
  position: fixed;
  margin:0;
  padding:0;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  z-index:1500;
  background-color: #FFFFFF;
  Opacity:0.6;
}
#mobile_spinner_ikona
{
  position: fixed;
  margin:0 auto;
  padding:0;
  top: 50%;
  left: 50%;
}
body.modal-open 
{
    overflow: hidden;
}
.pozadi_sede
{
   display:none;
   position: fixed;
   width:100%;
   height:100%;
   z-index:10;
   background-color: #000000;
   Opacity:0.6;
}
.tlacitko_close 
{
  display:none;
  position: fixed;
  top: 60px;
  left: 730px;
  width: 40px;
  height: 40px;
  background-color: #ff4d4d;
  border: none;
  border-radius: 50%;
  color: white;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  z-index:18;
  cursor: pointer;
}

.tlacitko_close:hover {
  background-color: #e60000;
}

/* Křížek uvnitř tlačítka */
.tlacitko_close::before {
  content: '×'; /* Křížek */
  display: block;
  font-weight: bold;
  line-height: 40px;
}

/* Hlavicka - horni lista  */
.top_lista
{
  float:left;
  position:relative;
  margin:0;
  padding:0;
  background-color: #373646; 
  height: 85px;
  width:100%;
  z-index: 17;
} 
.mezera
{
  float:left;
  font-size:1px;
  width: 100%;
  display:none;
}
h1
{
  float:left;
  margin:0;
  padding:0;
  
} 
h1 span
{
  display:none;
  float:left;
  margin:0;
  padding:0;
  margin-left:15px;
  margin-top:17px;
  font-size: 40px;
  font-weight:normal;
  color: #c5c5c5;
} 
h1 img
{
  float:left;
  margin:0;
  padding:0; 
  margin-left:15px;
  margin-top:5px;
  height:80px;
} 
h1 a
{
   text-decoration:none;
   color: #c5c5c5;
}
h2.nh
{
  float:right;
  margin-top:33px;
  margin-right:30px;
  margin-left:30px;
  font-size: 16px;
  font-weight:normal;
  color: #c5c5c5;
}

/* Hlavicka - Menu  */ 
.top_lista_menu_line
{
  display:none;
}
#top_kosik_nakup_vlajka
{
  float:right;
  margin-top:30px; 
  margin-left: 0px;
  margin-right: 20px;
  z-index:10;
  cursor: pointer;
}
#top_login_stat
{
  position: fixed;
  display: none;
  margin:0 auto;
  top:75px;
  right: 20px;
  width: 400px;
  z-index: 1021;
}
#top_vlajka_formular
{
    position:relative;
    width: 400px;
    height: 170px;
    margin: 0 auto;
    opacity: 1; 
    background-color: #E7E7E7;
    z-index: 1110;
}
#top_login_formular input[type="text"]
{
  height:26px;
  border-top:1px solid #9A9A9A;
  border-left:1px solid #9A9A9A;
  border-right:1px solid #C7C7C7;
  border-bottom:1px solid #C7C7C7;
  background-color:#FFFFFF;
}
#top_login_formular_vlajka
{
  margin-top:15px;
  float:left;
  margin-left:10px;
  font-size:16px;
  width:97%;
  line-height: 220%;
  height:40px;   
}
#top_login_formular_vlajka
{
  margin-top:0px;
  margin-bottom:30px;
  font-weight:bold;
}
#top_login_formular_vlajka select
{
  margin:0;
  padding:0;
  width:90%;
  height:40px;
  font-size:16px;
  padding-left: 5px;
  border:1px solid #CCCCCC;
  border-radius: 0;
}
#top_vlajka_formular_all
{
  width:100%;
  float:left;
}
#top_login_vlajka_bottom_right
{
  width:10%;
  margin-right:10px;
  float:right;
}
#top_vlajka_formular_zrusit
{
  margin-top: 10px;
  float:right;
  cursor:pointer;
}

 
.top_lista_menu_polozky
{
  float:right;
  height:80%; 
  z-index:10;
}  
  .top_lista_menu_polozky select
  {
    
    padding:0;
    margin:0;
    text-align:center;
    border:0;
    background-color: #c5c5c5;
  }
  .top_lista_menu_polozky ul
  {
    float:left;
    padding:0;
    margin:0;
    margin-top:24px;
    list-style:none;
  }      
  .top_lista_menu_polozky ul li
  {
    float:left;
    height: 26px;
    font-size: 15px;
    margin-right:20px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 18px;
    text-align:center;
    background-color: #c5c5c5;
  }
  .top_lista_menu_polozky ul li#lang
  {
    cursor:pointer;
  }
  .top_lista_menu_polozky ul li#lang select
  {
    cursor:pointer;
  }
  .top_lista_menu_polozky ul li.rez,
  .top_lista_menu_polozky ul li.rezapp
  {
    color:#f2f2f2;
    background-color: #008000; 
    cursor:pointer;
  }
  .top_lista_menu_polozky ul li.hlav
  {
    background-color: #ae6b51;
    color:#f2f2f2; 
  }
  .top_lista_menu_polozky ul li a
  {
    color:#373646;
    text-decoration:none;
  } 
.mobile_menu_close 
{
  display:none;
  position: absolute;
  left: 10px;
  top: 8px;
  width: 40px;
  height: 40px;
  background-color: #ff4d4d;
  border: none;
  border-radius: 50%;
  color: white;
  font-size: 30px;
  text-align: center;
  cursor: pointer;
  z-index: 10; /* Aby bylo zavírací tlačítko nad iframe */
}

.mobile_menu_close:hover {
  background-color: #e60000;
}

/* Křížek uvnitř tlačítka */
.mobile_menu_close::before {
  content: '×'; /* Křížek */
  display: block;
  font-weight: bold;
  line-height: 40px;
}

.mobile_menu_closeX
{
  display:none;
  z-index:10;
  position: absolute;
  left: 17px;
  top: 10px;
  width: 40px;
  height: 40px;
  cursor:pointer;
}
.apartmany_nadpis_close
{
  display:none;
  z-index:10;
  position: absolute;
  left: 17px;
  top: 5px;
  width: 40px;
  height: 40px;
  cursor:pointer;
}
.mobile_menu_closeX:before, 
.mobile_menu_closeX:after,
.apartmany_nadpis_close:before,
.apartmany_nadpis_close:after
{
  position: absolute;
  bottom: 2px;
  left: 12px;
  content: ' ';
  height: 40px;
  width: 2px;
  background-color: #FF3333;
}
.mobile_menu_closeX:before,
.apartmany_nadpis_close:before
{
  transform: rotate(45deg);
}
.mobile_menu_closeX:after,
.apartmany_nadpis_close:after
{
  transform: rotate(-45deg);
}

/* Telo webu  */

/* Top obrazek  */
.header
{
  position:relative;
  float:left;
  width:100%;
  padding:0;
  margin:0;
  border:0;
} 
.carimg
{
    
    float:left;
    width: 100%;
    display: block;
}
.carimg_all
{
    
    float:left;
    width: 100%;
    display: block;
}
.carimg_nadpis
{
   position:absolute;
   padding:10px;
   text-align:left;
   top:10px;
   left: 10px;
   font-size:42px;
   color: #FFFFFF;
   z-index:1;
   text-shadow: 2px 2px 3px #666666;
}
.carimg_txt
{
   display:none;
   position:absolute;
   padding:10px;
   text-align:left;
   bottom:40px;
   left: 10px;
   font-size:48px;
   color: #FFFFFF;
   z-index:1;
   text-shadow: 2px 2px 3px #666666;
}
.carimg_award
{
   position:relative;
   float:left;
   width: 100%;
   padding:0;
   margin-bottom:5px;
   margin-top:20px;
   background-color: #003fa0;
}
.carimg_award img
{
   float:left;
   width:240px;
}
.carimg_award span
{
   position:absolute;
   top:18px;
   left:14px;
   font-size:24px;
   font-weight:bold;
   color:#FFFFFF;
   float:left;
   
}

.carimg_aktuality
{
   position:absolute;
   top:20px;
   right: 280px;
   opacity:0.9;
   width: 240px;
   background-color: #f1e3f2;
}
   .carimg_aktuality_sam
   {
      float:left;
      padding:20px;
   }
    .carimg_aktuality_nadpis
    {
      float:left;
      font-weight:bold;
      font-size:24px;
      width:100%;
    }
    .carimg_aktuality_text
    {
      float:left;
      margin-top:5px;
      font-size:16px;
      width:100%;
    }
    .carimg_aktuality_but
    {
      float:left;
      height: 26px;
      font-size: 16px;
      margin-top: 20px;
      margin-left: 0px;
      padding-top: 10px;
      padding-left: 15px;
      padding-right: 15px;
      border-radius: 18px;
      text-align: center;
      background-color: #c5c5c5;
      color: #333333;
      cursor: pointer;
    }
.carimg_blok
{
   position:absolute;
   top:20px;
   right: 20px;
   width: 300px;
   z-index:1;
}
.carimg_kontakt
{
   float:left;
   background-color: #E7E7E7;
   width: 100%;
   opacity:0.9;
   padding:10px 0 10px 0;
   margin-bottom:10px;
}

.carimg_kontakt_sam 
{
   float:left;
   padding:0px 5px 0 10px;
   cursor: pointer;
}
.carimg_kontakt_sam .kontakt_sam
{
   float:left;
   padding-top:10px;
   padding-left:5px;
   font-size:18px;
   color: #000000;
} 
.carimg_kontakt_sam .material-icons
{
   float:left;
   color: #999999;
   padding:5px;
   font-size:32px;
} 


.carimg_icon
{
   position:absolute;
   top:10px;
   right: 60px;
   width: 60px;
   z-index:1;
}
.carimg_icon span
{
   float:right;
   background-color: #E7E7E7; 
   color: #000000;
   opacity: 0.6;
   padding:5px;
   margin-bottom:10px;
   margin-right:10px;
   font-size:36px;
} 
.carimg img,
.carimg_all img
{
  max-height:620px;
  border:0;
  object-fit: cover;
  display: block;
  vertical-align: middle;
}

/* Lista objednat kalendar  */
.kalendar_obdobi
{
  float:left;
  width:100%;
  height:0px;
  line-height:1%;
  font-size:1px;
}
.lista_kalendar
{
  float:left;
  background-color: #cccccc; 
  padding: 10px 0px 10px 0px;
  width:100%;
  z-index:1;
} 
.lista_kalendar_rezervovat,
.lista_kalendar_rezervovatap
{
  float:left;
  color:#f2f2f2;
  margin:0px 0 0 10px;
  height:36px;
  width: 160px;
  padding-top: 9px;
  background-color: #008000;
  border-radius: 28px;
  font-size:24px;
  text-align:center;
  cursor:pointer;
} 
.lista_kalendar_volat
{
  display:none;
  float:right;
  margin:0px 10px 0 0;
  height:45px;
  width: 45px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/img_new/icon_phone_64.png");
  background-size: 45px 45px;
  cursor:pointer;
}
.lista_kalendar_volat_tel
{
  display:block;
  float:right;
  padding: 15px;
  font-size:18px;
  font-weight:bold;
  cursor:pointer;
}
.lista_kalendar_telefon
{
  float:left;
  font-size:25px;
  margin:0px 10px 0 10px;
} 
.kalendar_plachta
{
  float:left;
  font-size:12px;
  background-color: #F2F2F2;
  color:#373646;
  width: 100%;
  margin-top:0px;
  padding:5px 0 5px 0;
  
}
.kalendar_table_plachta_dv
{
  float:left;
  width: 100%;
  overflow: auto;
}
.kalendar_table_plachta
{ 
  float:left;
  margin:0 0 5px 0;
  width: 100%;
  
}
.kalendar_table_plachta tr
{ 
  border:0;
}
.kalendar_table_plachta td
{ 
  border:0;
  height: 35px;
  text-align:center;
  
}
.kalendar_nadpis
{
   background-color: #373646;
   color:#f2f2f2;
   font-size:18px;
   
}
.kalendar_nadpis a
{
   background-color: #373646;
   color:#f2f2f2;
   font-size:18px;
   text-decoration:none;
}
.kalendar_nadpis_sel
{
   background-color: #5a791d;
   font-size:18px;
}

.kalendar_nadpis_sel a
{
   background-color: #5a791d;
   color:#f2f2f2;
   font-size:18px;
   text-decoration:none;
}

.kalendar_mesic,
.kalendar_mesic_act
{
  border:0;
  padding:0;
  margin:0;
  font-size:15px;
  color:#373646;
  font-weight:normal;
  
}
.kalendar_den
{
  background-color: #c5c5c5; 
}
.kalendar_den_act
{
  background-color: #008000;
  color:#f2f2f2;
}
.kalendar_den_ne
{
  background-color: #ae6b51; 
  color:#f2f2f2;
}
.kalendar_den_ne .kalendar_daynum,
.kalendar_den_ne .kalendar_dayname 
{
  background-color: #ae6b51;
}
.kalendar_den_act .kalendar_daynum,
.kalendar_den_act .kalendar_dayname
{
  background-color: #008000;
}

.kalendar_daynum
{
   background-color: #c5c5c5;
   padding:3px;
   margin:0;
}
.kalendar_dayname
{
   background-color: #c5c5c5;
   padding:3px;
   margin:0;
}

.kalendar_pulka_nic
{
  background-color: #c5c5c5;
}
.kalendar_pulka_new,
.kalendar_pulka_st_new,
.kalendar_pulka_new_wait,
.kalendar_pulka_new_part,
.kalendar_pulka_old
{
  background-color: #fd4239;
}
.kalendar_pulka_nic,
.kalendar_pulka_st_new,
.kalendar_pulka_new
{
  float:left;
  padding:0;
  margin:0;
  height:100%;
  width:50%;
}
td.kalendar_den_all,
td.kalendar_den_act,
td.kalendar_den,
td.kalendar_den_ne
{
  border: 1px solid #CCCCCC; 
}
td.kalendar_nadpis,
td.kalendar_nadpis_sel
{
  border-bottom: 1px solid #CCCCCC; 
  padding:4px;
}
.kalendar_den_all
{
  background-color: #c5c5c5;
  
}
.kalendar_nadpis_nabidka h3
{
  padding:15px 10px 0 10px;
  font-size: 28px;
  font-weight:normal;
  float:left;
}
.kalendar_legenda_termin
{
  float:right;
  padding:10px 10px 0 10px;
}
.kalendar_legenda_termin .kalendar_nadpis_nabidka_text
{
   float:left;
   margin-top:6px;
   font-size:18px;
}
.kalendar_legenda_text .kalendar_nadpis_nabidka_text
{
   font-size:14px;
}
.kalendar_legenda_termin input[type="text"]
{
    float:right;
    width: 110px;
    height: 35px;
    font-size:16px;
    text-align:center;
    padding-top:3px;
    margin: 0px 0 0px 10px; 
    border-radius: 23px;
    cursor:pointer;
    background-color: #ededed;
}

.kalendar_legenda
{
  float:left;
  width:100%;
  padding:10px 0 20px 0;
}
.kalendar_legenda_text
{
  padding-left:10px;
}
  .kalendar_nadpis_nabidka_text
  {
     float:left;
     padding:8px 20px 0 5px;
  }
  .kalendar_obsazeno
  {
    float:left;
    width:30px;
    height:30px;
    margin-left:15px;
    background-color: #fd4239;
  }
  .kalendar_volno
  {
    float:left;
    width:30px;
    height:30px;
    margin-left:10px;
    background-color: #c5c5c5;
  }


/* Obsah  */
.blok_text
{
   float:left;
   background-color: #f2f2f2;   
   width:100%;
}
.blok_text img
{
   float:right;
   border:0;
   max-width:35%;
   border:0;
   object-fit: cover;
   display: block;
   vertical-align: middle;
}
.blok_text h2,
.blok_text h3
{
  padding:10px;
  line-height:180%;
}
.blok_text_texty
{
  float:left;
  width:62%;
  padding:10px 10px 10px 10px;
}
.blok_text_texty p
{
  float:left;
  width:100%;
}

/* Obsah  Apartmany */
.blok_apartman
{
  float:left;
  width:25%;
  background-color: #f2f2f2;
  background-image: linear-gradient(to right, #cccccc, #f2f2f2);
}
.blok_apartman_img
{
  float:left;
  position:relative;
  width:100%;
}
.blok_apartman_blk
{
   position:absolute;
   top:20px;
   left:10px;
   width:250px;
   z-index:10;
}
.blok_apartman_texty_header
{
   float:left;
   opacity:0.85;
   color:#FFFFFF;
   padding:8px;
   margin-bottom:10px;
   width:95%;
   font-size:18px;
   background-color: #373646;
} 
.blok_apartman_texty_osob
{
   float:left;
   opacity:0.85;
   color:#FFFFFF;
   margin-bottom:10px;
   padding:8px;
   width:95%;
   font-size:18px;
   background-color: #5a7a19;
}
.blok_apartman_texty_velikost
{
   float:left;
   opacity:0.85;
   color:#FFFFFF;
   margin-bottom:10px;
   padding:8px;
   width:95%;
   font-size:18px;
   background-color: #b06a51;
}
.blok_apartman_img img
{
  border:0;
  max-width:100%;
  border:0;
  object-fit: cover;
  display: block;
  vertical-align: middle;
}

.blok_apartman_texty
{
  float:left;
  max-width:100%;
  margin:0;
}
.blok_apartman_text
{
  min-height:65px;
}
.blok_apartman_text,
.blok_apartman_texty p
{
  float:left;
  width:92%;
  padding:10px 10px 10px 10px;
}
.blok_apartman .blok_apartman_texty h2,
.blok_apartman .blok_apartman_texty h3
{
  float:left;
  width:92%;
  padding:10px 10px 0 10px;
  font-weight:bold;
  font-size: 28px;
  line-height:180%;
}
.blok_apartman_detail
{
   float:left;
   margin: 0px 10px 15px 10px;
   height: 33px;
   padding: 12px 15px 0 15px;
   border-radius: 26px;
   font-size: 18px;
   text-align:center;
   background-color: #373646;
       
   color: #FFFFFF;
   cursor:pointer;
}
.blok_apartman_rezervace
{
   float:right;
   margin: 0px 10px 15px 10px;
   height: 33px;
   padding: 12px 15px 0 15px;
   border-radius: 26px;
   font-size: 18px;
   text-align:center;
   background-color: #008000;
   color: #FFFFFF;
   cursor:pointer;
}
.blok_apartman_galerie
{
  float:left;
  padding:0px 0 5px 0;
  overflow: auto;
  width:65%;
}
.blok_apartman_galerie img 
{
   float:left;
   border:0;
   max-width:150px;   
   border:0;
   max-height:150px;
   object-fit: cover;
   display: block;
   vertical-align: middle;
}

/* Obsah  BOXY */
.boxy,
.blok_apartmany,
.blok_apartmany_tlacitka
{
  float:left;
  width:100%;
  margin: 0; 
  margin-bottom:0px;
}
.blok_apartmany_tlacitka
{
   background-color: #f2f2f2;
   padding: 10px 0 10px 0;
}  
  .blok_apartmany_tlacitko
  {
     float:left;
     margin: 10px;
     height: 28px;
     padding: 12px 12px 0 12px;
     border-radius: 24px;
     font-size: 14px;
     text-align:center;
     background-color: #373646;
         
     color: #ffffff;
     cursor:pointer;
  }
  .blok_apartmany_tlacitka a
  {
   color: #ffffff;
  } 
  .box_sam
  {
    float:left;
    width:25%;
  }
  .box
  {
    float:left;
    margin: 0px;
    background-color: #f2f2f2; 
    background-image: linear-gradient(to right, #cccccc, #f2f2f2);
    color: #000000; 
    font-size: 15px; 
  }
  .box a
  {
    text-decoration:none;
  }
    .box_img
    {
      float:left;
      width:100%;
    }
    .box_img img
    {
      border:0;
      max-width:100%;
      border:0;
      object-fit: cover;
      display: block;
      vertical-align: middle;
    } 
    .box_nadpis
    {
      float:left;
      width:100%;
      margin:0;
      padding:0 0 0 0;
      color: #000000; 
    } 
    .box_nadpis span
    {
      float:left;
      margin:0;
      padding:15px 10px 5px 15px;
      font-size: 24px;
    }
    .box_text
    {
      float:left;
      color: #000000; 
      padding:15px;
      height:140px;  
      line-height:140%;          
      font-size: 16px;
    }
    .box_text p
    {
      width:100%;
      min-height:70px;   
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .box_text p a,
    .box_nadpis a
    {
      color: #000000; 
      text-decoration:none;
    }
    .box_odkaz
    {
      float:left;
      width:100%;
    }
    .box_odkaz span
    {
      float:left;
      margin: 10px 10px 25px 10px;
      height: 19px;
      padding: 11px 20px 13px 20px;
      border-radius: 22px;
      font-size: 18px;
      text-align:center;
      background-color: #373646;
      color: #FFFFFF;
      cursor:pointer;
      
    }
/* Ostatni bloky */
.blok_kontakt
{
  float:left;
  background-color: #FFFFFF;
  /* background-image: linear-gradient(#cccccc, #c5c5c5);  */ 
  color: #373646;
  width:100%; 
  margin-top:15px;
  margin-bottom:25px;
}
.blok_kontakt h1
{
  float:left; 
  width:93%; 
  font-size:32px;
  color:#000000;
  margin:0;
  padding:10px 10px 10px 10px;
}
.blok_kontakt p
{
  float:left; 
  width:93%; 
  font-size:16px;
  line-height:150%;
  padding:10px; 
}    
.blok_kontakt a
{
  text-decoration: underline;
  color: #008000;
}

.blok_mapa
{
  float:left;
  padding:0;
  margin:0;
  background-color: #f2f2f2; 
  color: #000000;
  width:100%; 
} 
.blok_mapa h2
{
  float:left;
  font-weight:normal; 
  width:93%; 
  padding:25px 10px 10px 10px;
} 
.blok_mapa iframe
{
  float:left; 
  padding:0;
  margin:0;
  width:100%;
}  
.blok_nabidky
{
  float:left;
  background-color: #ebd2eba1;
  width:100%; 
  padding:0 0 0 0;
  margin:0 0 20px 0;
}
.blok_nabidky h3
{
  padding:20px 10px 10px 10px;
  font-size: 34px;
  width:94%;
  font-weight:normal;
  float:left;
}
.blok_nabidkyall
{
   padding:0;
   margin:0 0 25px 0;
   width:100%;
   float:left;
   
}
.blok_nabidka
{
  float:left; 
  width:24%;  
  background-color: #D8BFD8;
  background-image: linear-gradient(to top left,#D8BFD8, #ffffff);
  margin:5px 0px 0px 10px;
}
.blok_nabidka .blok_nabidka_termin .lista_kalendar_info_sam_dnu
{
   float:left; 
    margin:5px 0;
   width:98%; 
}
.blok_nabidka .blok_nabidka_termin .lista_kalendar_info_sam_cena,
.blok_nabidka .blok_nabidka_termin .lista_kalendar_info_sam_cena strong
{
   font-size:24px;
   color:#FF0000;
   margin:5px 0 5px 0px;
}

.blok_nabidka h3
{
  float:left; 
  padding:20px 10px 10px 15px;
  width:92%; 
  font-size:24px;
  color: rgb(255,51,0);
}
.blok_nabidka_termin
{
  float:left; 
  width:90%;
  padding:10px 10px 0px 10px;
}
.datumakce_boxdat
{
   float:left; 
   width:98%;
}
.datumakce_boxdat_ikona
{
   float:left;
   color:#999999;
}
.datumakce_cas
{
   float:left; 
   width:94%;
   font-weight:bold;
   font-size:16px;
   margin: 4px 0 10px 0px;
}
.datumakce_boxdat_text
{
   float:left; 
   margin: 4px 0 0 10px;
}
.blok_nabidka_termin strong
{
  font-size:16px;
  color:#4c4c4c;
}
.blok_nabidka_ap
{
  float:left;
  width:92%; 
  padding:10px 10px 10px 15px;
  font-size:18px;
  
}
.blok_nabidka_cena
{
  float:left; 
  width:92%; 
  padding:10px 10px 10px 15px;
}
.blok_nabidka_cena span
{
  font-size:24px;
  color:rgb(255,51,0);
  font-weight:bold;
}
.blok_nabidka_rezervace
{
   float:left;
   margin: 10px 10px 20px 15px;
   height: 33px;
   padding: 12px 15px 0 15px;
   border-radius: 26px;
   font-size: 18px;
   text-align:center;
   background-color: #008000;
   color: #FFFFFF;
   cursor:pointer;
}
/* Paticka  */
.bottom_lista
{
  position: fixed;
  bottom: 0;
  left: 0;
  margin: 0 auto; 
  width: 100%;
  background-color:rgb(204,51,153);
  color:#FFFFFF;
  z-index:9;
  padding:0;
} 
.bottom_lista_obsah
{
  float:left;
  padding:12px 10px 10px 10px;
  font-size:16px;
}
.bottom_lista_obsah a
{
  color:#FFFFFF;
  text-decoration:underline;
  font-size:16px;
}
.paticka
{
  float:left;
  width:100%;
  background-color: #373646;
  font-size: 18px;
  color:#c5c5c5;
  margin-top:0px;
}
.paticka .paticka_polozka_l
{
  float:left;
  padding:15px;
}
.paticka .paticka_polozka_r
{
  float:right;
  padding:15px;
}
.paticka .paticka_polozka_l a,
.paticka .paticka_polozka_r a
{
 color:#f2f2f2;
}
.paticka_adv
{
  float:left;
  width:100%;
  background-color: #c5c5c5;
  font-size: 18px;
  color:#373646;
}
.paticka_adv_box_l
{
   float:left;
   margin:35px 15px 35px 55px; 
}
.paticka_adv_box_l ul
{
   float:left;
   margin:5px 0;
   padding:0;
   list-style:none;
}
.paticka_adv_box_l li
{
   padding:8px 0px 0px 0px;
   font-size:16px;
   cursor: pointer;
}
.paticka_adv_box_l li a
{
   text-decoration:none;
   color:#373646;
}
.paticka_adv_nadpis
{
   float:left;
   width:98%;
   margin-top:10px;
   font-size:22px;
   font-weight:bold;
}
.paticka_adv_box_r
{
   float:right;
   width:300px;
   margin:30px 45px 35px 15px; 
}
.paticka_adv_box_kontakt
{
   float:left;
   width:100%;
}
.paticka_adv_box_kontakt_sam
{
   float:left;
   background-color: #E7E7E7;
   width: 100%;
   opacity:0.9;
   padding:5px 0 5px 0;
   margin-top:10px;
}
.paticka_adv_box_kontakt_sam .material-icons 
{
    float: left;
    color: #999999;
    padding: 5px;
    font-size: 32px;
}
.paticka_adv_box_kontakt_sam .kontakt_sam 
{
    float: left;
    padding-top: 10px;
    padding-left: 5px;
    font-size: 18px;
    color: #000000;
}

  .paticka_social
  {
     float:left;
  }
  .paticka_social img
  {
    width:64px;
    margin:10px;
  }
  .paticka_newsletter
  {
     float:right;
  }
  .paticka_newsletter #ns_val
  {
    display:none; 
    float:left;
    font-size: 14px;
    color:#FF0000;
    padding: 24px 3px 0 0;
    
  }
  .paticka_newsletter input[type="text"]
  {
    float:left;
    height: 26px;
    font-size: 12px;
    text-align: center;
    margin: 30px 10px 0px 0px;
    border-radius: 20px;
    background-color: #ededed;
    border:1px solid #999999;
  }
  .paticka_newsletter #center_bottom11_ns_but
  {
    float:left;
    margin: 30px 10px 0 0;
    height: 23px;
    width: 80px;
    padding-top: 7px;
    border-radius: 20px;
    font-size: 14px;
    text-align:center;
    background-color: #373646;
    color: #FFFFFF;
    cursor:pointer;
  }
.paticka_copy
{
  float:left;
  width:100%;
  padding-top:10px;
  font-size: 12px;
  background-color: #f2f2f2;
  color:#999999;
}
.paticka_copy div
{
  padding:10px 0px 10px 15px;
  float:left;
}
.paticka_copy a
{
 color:#373646;
}
.paticka_apdal
{
   float: left;
   width: 100%;
   background-color: #e7e7e7;
   margin: 0px 0px 0px 0px;
   padding-bottom:20px;
}
.blok_paticka_dalsi
{
  background-color: #e7e7e7;
  color: #000000;
  float:left;
  width:100%;
  margin:0;
  padding:25px 0 15px 0px;
}
.blok_paticka_dalsi h3
{
  font-size:28px;
  font-weight:normal;
  margin:0;
  padding: 25px 0 10px 10px;
  
}
.mezera
{
   float: unset;
}
.paticka_dalsi
{
   float: left;
   width: 48%;
   margin: 20px 0px 5px 0px;
}
.paticka_dalsi_info
{
  margin: 0px 10px 20px 20px;
  font-size: 28px;
}
.paticka_dalsi a
{
   text-decoration: none;
}
  .paticka_dalsi_img
  {
    float: left;
    padding-left:20px;
    padding-bottom:20px;
    width: 25%;
  }
  .paticka_dalsi_img img
  {
    float: left;
    margin: 0px;
    width: 100%;
    max-width: 240px;
  }
  .paticka_dalsi_txt
  {
    float: left;
    width: 72%;
  }
    .paticka_dalsi_txt_nad
    {
     float: left;
     width: 95%;
     margin: 10px 0 0px 10px;
     font-size: 28px;
    }
    .paticka_dalsi_txt_text
    {
      float: left;
     width: 95%;
     margin: 0px 0 20px 10px;
     font-size: 18px;
    }
    .paticka_dalsi_txt_tlacitko
    {
      float: left;
      height: 32px;
      font-size: 18px;
      margin: 0px 0px 10px 10px;
      padding-top: 10px;
      padding-left: 15px;
      padding-right: 15px;
      border-radius: 22px;
      text-align: center;
      background-color: #373646;
      color: #FFFFFF;
      cursor: pointer;
    }
.paticka_odkazy
{
  float:left;
  width:100%;
  background-color: #f2f2f2;
  font-size: 12px;
  color:#999999;
  padding:0 0 15px 0;
}
.paticka_odkazy ul
  {
    padding:0;
    margin:0;
    list-style:none;
  }      
  .paticka_odkazy ul li
  {
    float:left;
    height: 26px;
    font-size: 15px;
    margin-left:10px;
    margin-right:10px;
    margin-top:20px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 18px;
    text-align:center;
    color:#373646;
    background-color: #c5c5c5;
    cursor:pointer;
  }
/* Tabulka Cenik*/
.blok_cenik
{
  float:left;
  background-color: #f2f2f2;
  width:100%;
  margin:0px 0 0px 0;
}
.blok_cenik h1,
.blok_nadpis h1
{
  font-size:32px;
  color:#000000;
  margin:0;
  padding:25px 10px 20px 10px;
  font-weight:normal;
  float:left;
}
.blok_cenik_pozn
{
  margin-top:30px;
  margin-left:0px;
  margin-bottom:10px;
  font-size:12px;
  line-height:180%;
  width:100%;
  float:left;
  font-size:14px;
}
.blok_cenik_pozn ul
{
  padding-left:10px;
  margin-left:20px;
} 
.blok_cenik_pozn_dopl
{
  padding-left:10px;
  padding-top:10px;
  font-size:16px;
}
table.blok_cenik_tabulka
{
   background-color: #CCCCCC;
   width:100%;
   float:left;
}
td.tdtopbez
{
  background-color: #f2f2f2;
  font-size:11px;
  text-align:left;
  border:1px solid #CCCCCC;
  padding:5px;
}
td.tdtop
{
  background-color: #f2f2f2;
  font-size:12px;
  text-align:center;
  border:1px solid #CCCCCC;
  line-height:180%;
  padding:5px;
}
td.tdtop strong
{
  font-size:16px;
}
td.tdapartmany_top
{
  background-color: #CCCCCC;
  font-size:16px;
  text-align:left;
  border:1px solid #CCCCCC;
  padding:5px;
}
td.tdapartmany_top a
{
  color:#008000;
  font-weight:bold;
}
td.tdapartmany
{
  background-color: #f2f2f2;
  font-size:12px;
  text-align:left;
  border:1px solid #CCCCCC;
  padding:5px;
}
td.tdapartmany a
{
  color:#008000;
  font-weight:bold;
}
td.tdpolozky
{
  background-color: #f2f2f2;
  font-size:12px;
  text-align:center;
  border:1px solid #CCCCCC;
  padding:5px;
}

/* Detail apartmanu */
.blok_detail_apartman,
.blok_clanek
{
  
  float:left;
  width:100%;
  background-color: #FFFFFF;
}
.blok_detail_next
{
  
  float:left;
  width:100%;
  background-color: #f2f2f2;
}
.blok_clanek_top
{
  float:left;
  width:100%;
  background-color: #FFFFFF;
}
.blok_clanek_anotace
{
   float:left;
   padding-left:0px;
   padding-bottom:15px;
   font-size: 18px;
}
.blok_clanek_header
{
   float:left;
   padding-left:0px;
   padding-bottom:15px;
   font-size: 24px;
}
.blok_img_main
{
  float:right;
  width: 800px;
  margin:10px 10px;
  border: 0;
}
.blok_img_mainmb
{
 display:none;
}
.blok_img_main_hl
{
   float:left;
   position:relative;
   width:630px;
}
.blok_img_main_hl1
{
   float:left;
   position:relative;
   margin-bottom:10px;
   width:800px;
}
.blok_img_stitky
{
   position:absolute;
   left:20px;
   top:20px;
   width:150px;
   overflow: hidden;
}
.blok_img_stitek
{
   float:left;
   background-color: #FFFFFF;
   opacity: 0.8;
   padding: 5px;
   margin-bottom:10px;
   margin-right:10px;
   font-size:18px;
   color:#000000;
}
.blok_img_main .blok_img_main_hl img,
.blok_img_main .blok_img_main_hl1 img
{
   display: block;
   width:100%;
}

.blok_img_main_hl .blok_clanek_mapa,
.blok_img_main_hl1 .blok_clanek_mapa
{
   float:left;
   height:800px;
   width:800px;
   padding-right:10px;
}
.mapaclanek
{
  height:500px;
  width:800px;
} 
.blok_clanek_legenda
{
   float:left;
   width:94%;
   padding:15px;
}
.blok_clanek_legenda strong
{
   float:left;
   margin-bottom:10px;
   font-size:22px;
   width:100%;
}
.blok_clanek_legenda span
{
   float:left;
   width:100%;
   margin-bottom:5px;
   font-size:18px;
}
.blok_img_main .blok_clanek_img_next
{
   float:right;
   background-color: #FFFFFF;
   width:160px;
   padding: 0px 10px 10px 0px;
}
.blok_img_main .blok_clanek_img_next img
{
   float:left;
   margin: 0px 0 10px 10px;
   border: 0;
}
.blok_img_main .blok_clanek_img_next .imgdalsi
{
   opacity: 0.6;
   margin:0;
}

blok_clanek_img_next .krizek img
{
   margin: 0;
}
.krizemobk
{
   display:none;
}
.blok_clanek_nadpis h1
{
  font-size:42px;
  color:#000000;
  width:94%;
  margin:0;
  padding:20px 10px 20px 0px;
  font-weight:bold;
  float:left;
}
.blok_clanek_top .blok_text_main
{
   overflow: hidden;
   font-size:18px;
   padding:10px;
}
.blok_clanek_botpopis
{
   overflow: hidden;
   font-size:18px;
   padding:0px 10px 25px 20px;
  
}
.blok_clanek_top div p
{
   float:left;
}
.block_bredcrumbs
{
   float:left;
   width:100%;
}
.block_bredcrumbs ul
{
    float:left;
    padding:0;
    margin:0;
    margin-top:24px;
    list-style:none;
}
.blok_text_main .block_bredcrumbs ul
{
   margin-top:15px;
}
.block_bredcrumbs li
{
    float:left;
    margin:0;
    padding:0;
}
.block_bredcrumbs li.block_bredcrumbs_text
{
    float:left;
    font-size: 16px;
    text-align:left;
    padding-top:6px;
    padding-left:10px;
    color: #999999;
}
.block_bredcrumbs li a
{
   text-decoration:none;
   color: #999999;
}
.block_bredcrumbs li .material-icons
{
   float:left;
   color: #999999;
   padding:0 0 0 10px;
   font-size:26px;
} 
.blok_text_main .block_bredcrumbs li .material-icons
{
   padding:0;
}  
.blok_detail_apartman_top .blok_detail_apartman_toptext
{
  float:left;
  width:92%;
  font-size: 22px;
  font-weight:bold;
  padding:0px 0px 10px 10px;
}
.blok_detail_apartman_top .blok_detail_apartman_shorttext
{
  float:left;
  width:92%;
  font-size: 18px;
  padding:0px 10px 30px 10px;
}
.blok_detail_apartman_top h1  
{
  float:left;
  width:92%;
  margin:0;
  padding:20px 10px 20px 10px;
  color: #373646;
  font-size:42px;
  font-weight:bold;
}
.blok_apartmany_dalsi
{
  
  color: #000000;
  float:left;
  width:100%;
  margin:0;
  padding:5px 0 15px 0px;
}
.blok_apartmany_dalsi h2
{
  font-size:28px;
  font-weight:normal;
  margin:0;
  padding: 25px 0 10px 10px;
  
}
.blok_apartmany_dalsi h3
{
  font-size:28px;
  font-weight:normal;
  margin:0;
  padding: 0 0 0 10px;
  
}
.blok_detail_apartman .blok_detail_apartman_gal
{
   z-index:10;
}
.blok_detail_apartman_texty_main
{
  float:left;
  width:100%;
}
.blok_detail_apartman_topblok_main
{
  float:left;
  width:100%;
}
.blok_detail_apartman_top
{
  float:left;
  width:30%;
  background-color: #FFFFFF;
}
.blok_detail_apartman_img_main
{
  float:right;
  width:70%;
  border: 0;
  margin-top:10px;
  vertical-align: middle;
}
.blok_detail_apartman_img_main h1
{
   position:absolute;
   top:10px;
   left:10px;
   color:#FFFFFF;
   font-size: 42px;
   text-shadow: 2px 2px 3px #666666;
}


.lista_kalendar_datum_dostup
{ 
   display:none;
   float:left;
   background-color: #373646;
   padding: 0px 0 0px 0;
   margin-bottom:0px;
   width: 100%;
   height:70px;
   overflow:hidden;
   
}

strong.lista_kalendar_info_sam_oszm 
{
  padding:6px;
  background-color: #373646;
  border: none;
  border-radius: 13px;
  text-align: center;
  cursor: pointer;
  color: #FFFFFF;
  font-weight:normal;
  font-size: 14px;
  cursor:pointer;
  text-decoration:none;
  line-height:30px;
}
.lista_kalendar_datum_dostup_tl
{ 
   float: left;
   height: 26px;
   font-size: 16px;
   margin-top: 10px;
   margin-left: 20px;
   padding-top: 10px;
   padding-left: 15px;
   padding-right: 15px;
   border-radius: 18px;
   text-align: center;
   background-color: #c5c5c5;
   color:#333333;
   cursor: pointer;
} 
.lista_kalendar_datum_zpet_tl
{ 
   position:absolute;
   bottom:35px;
   right:10px;
   z-index:18;
   height: 26px;
   font-size: 16px;
   margin-top: 10px;
   margin-left: 20px;
   padding-top: 10px;
   padding-left: 15px;
   padding-right: 15px;
   border-radius: 18px;
   text-align: center;
   background-color: #c5c5c5;
   color:#333333;
   cursor: pointer;
} 
.blok_detail_apartman_img_main .lista_kalendar_datum .lista_kalendar_datum_vyber,
.content .lista_kalendar_datum .lista_kalendar_datum_vyber,
.blok_detail_apartman_kalendar .lista_kalendar_datum .lista_kalendar_datum_vyber,
.lista_kalendar_datum_rez,
.lista_kalendar_datum .lista_kalendar_datum_vyber
{
   background-color: #ededed;
   padding: 15px 0 10px 0;
   margin-bottom:0px;
}
.blok_detail_apartman_rezervace, 
.blok_detail_apartman_gal
{
  display:none;
  z-index:10;
}
.blok_detail_apartman_kalendar .lista_kalendar_datum
{
   top: 500px;
   left:unset;
   right:520px;
}
.blok_detail_apartman_odkazy .carimg_blok
{
   position: absolute;
   top: 120px;
   right: 200px;
}
.blok_detail_apartman_img_main img
{
   float:right;
   max-height: 700px;
   border: 0;
}
.blok_detail_apartman_img_m,
.blok_detail_apartman_img_next_m
{
   display:none;
}
.blok_detail_apartman_img_next
{
   float:right;
   background-color: #FFFFFF;
   width:160px;
   padding: 0px 10px 10px 0px;
}
.blok_detail_apartman_img_next img
{
   float:left;
   margin: 0px 0 10px 10px;
   border: 0;
}
.blok_detail_apartman_img_next .imgdalsi
{
   opacity: 0.6;
}
.krizek
{
  position: relative;
  margin: 0px 0 0px 10px;
  width: 150px;
  height: 150px;
  background-color: #000000;
  opacity: 1;
  float:left;
  cursor:pointer;
}
.blok_detail_apartman_img_next .krizek img
{
   margin: 0;
}
.krizektext
{
   position: absolute;
   top: 65px;
   left:10px;
   font-size: 28px;
   color:#FFFFFF;
   
}

.box_recenze_celkem
{
   float:left;
   width:95%;
   padding-left:15px;
}
 .box_recenze_radek
 {
   float:left;
   width:100%;
   margin-bottom:40px;
 }
   .box_recenze_radek_dt
   {
      float:left;
      width:100%;
      margin-bottom:5px;
      font-size:18px;
   }
   .box_recenze_radek_jm
   {
      float:left;
      width:100%;
      margin-bottom:10px;
      font-size:22px;
      font-weight:bold;
   }
   .box_recenze_radek_text
   {
      float:left;
      width:100%;
      margin-bottom:5px;
      font-size:20px;
   }      
.box_recenze
{
  float:left;
  width:100%;
  padding:0px 0 20px 0;
  background-color: #ffffff;
}
.box_recenze_s,
.box_recenze_d
{
   padding:0;
   margin:0;
   width:100%;
   float:left;
}
   .box_recenze_nadpis
   {
      float:left;
      width:100%;
   }
   .box_recenze_nadpis h3
   {
    padding: 20px 10px 10px 10px;
    font-size: 28px;
    font-weight: normal;
    float: left;
   }
   .box_recenze_sam
   {
      width: 20%;
      height: 220px;
      margin:0px;
      background-color: #f2f2f2;
      background-image: linear-gradient(to bottom right, #cccccc, #f2f2f2);
      float:left;
      overflow: hidden;
   }
   .box_recenze_jm
   {
      overflow: hidden;
      width: 95%;
      padding: 15px 0 10px 15px;
      font-size:18px;
      font-weight:bold;
   }
   .box_recenze_text
   {
      overflow: hidden;
      padding: 0px 0px 10px 15px;
      width: 95%;
      font-size:16px;
      line-height:140%;
   }
.box_recenze_all
{
   padding: 10px 0 0px 0;
   float:left;
   width:100%;
}
   .box_recenze_all a
   {
      text-decoration:none;
      color:#FFFFFF;
      font-size:24px;
   }
   .box_recenze_tl
   {
      width:120px;
      margin: 10px 10px 25px 10px;
      height: 19px;
      padding: 11px 20px 13px 20px;
      border-radius: 22px;
      font-size: 18px;
      text-align: center;
      background-color: #373646;
      color: #FFFFFF;
      cursor: pointer;
   }
.blok_detail_apartman_img_galery
{
  float:left;
  width:100%;
}
#apartmany_hlsk_pom
{
  display:none;
}
#apartmany_hlsk
{
  display:none;  /* block  none */
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  min-height:200px;
  background-color:rgb(255,153,51);
  color:#FFFFFF;
  z-index:25;
}
#apartmany_hlsk_top
{
  float:left;
  width:100%;
} 
#apartmany_hlsk_top_krizek
{
  float:left;
  margin:5px 0 0 20px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
#apartmany_hlsk_top_nad
{
  float:left;
  margin:7px 0 0 0px;
  font-size:26px;
}
#apartmany_hlsk_top_krizek:before
{
    transform: rotate(45deg);
}
#apartmany_hlsk_top_krizek:after
{
    transform: rotate(-45deg);
}
#apartmany_hlsk_top_krizek:before, 
#apartmany_hlsk_top_krizek:after
{
    float:left;
    content: ' ';
    height: 30px;
    height: 30px;
    width: 1px;
    background-color: #FFFFFF;
}
#apartmany_hlsk #apartmany_hlsk_body
{
  float:left;
  padding:15px 10px 10px 10px;
  font-size:20px;
}
#apartmany_hlsk #apartmany_hlsk_bottom
{
  float:left;
  padding:15px 10px 10px 10px;
  font-size:16px;
}
.blok_detail_apartman_gal
{
  float:right;
}
.blok_detail_apartman_rezervovat
{
   float:left;
   margin: 10px;
   height: 33px;
   padding: 12px 15px 0 15px;
   border-radius: 26px;
   font-size: 18px;
   text-align:center;
   background-color: #008000;
   color: #FFFFFF;
   cursor:pointer;
}
.blok_detail_apartman_galerie
{
   float:right;
   margin: 10px 10px 10px 0;
   height: 33px;
   padding: 12px 15px 0 15px;
   border-radius: 26px;
   font-size: 18px;
   text-align:center;
   background-color: #fd4239;
   box-shadow: 2px 2px 3px #666666;
   color: #FFFFFF;
   cursor:pointer;
}
.blok_detail_apartman_texty_full
{
  float:left;
  font-size:18px;
  line-height: 150%;
  width:50%;
  margin-top:0px;
}
.blok_detail_apartman_texty_full strong
{
   float:left;
   width:92%;
   margin-top:0px;
   margin-left:10px;
   margin-bottom:10px;
   font-size: 28px;
   font-weight:normal;
}
.blok_detail_apartman_legenda_blok
{
  float:left;
  width:96%;
  margin:5px 0 10px 0px;
  font-size: 15px;
}
.blok_detail_apartman_texty_full ul
{
    float:left;
    width:87%;
    padding:0;
    margin:0;
    margin-top:5px;
    margin-left:30px;
    margin-bottom:20px;
    
}
.blok_detail_apartman_legenda_blok_txt
{
  float:left;
  padding-top: 14px;
  padding-left: 10px;
}
.blok_detail_apartman_legenda_blok_predsin,
.blok_detail_apartman_legenda_blok_pokoj,
.blok_detail_apartman_legenda_blok_loznice,
.blok_detail_apartman_legenda_blok_koupelna,
.blok_detail_apartman_legenda_blok_pavlac,
.blok_detail_apartman_legenda_blok_kuchyn
{
  float:left;
  width:40px;
  height:40px;
}
.blok_detail_apartman_legenda_blok_predsin
{
  background-color: #cece6c;
}
.blok_detail_apartman_legenda_blok_pokoj
{
  background-color: #ffa274;
}
.blok_detail_apartman_legenda_blok_kuchyn
{
  background-color: #ffa74e;
}
.blok_detail_apartman_legenda_blok_loznice
{
  background-color: #ffd583;
}
.blok_detail_apartman_legenda_blok_koupelna
{
  background-color: #7cd3fe;
}
.blok_detail_apartman_legenda_blok_pavlac
{
  background-color: #e2ffc6;
}

.blok_detail_apartman_legenda
{
  float:right;
  margin-bottom:20px;
  margin-top:20px;
  margin-left:20px;
  width:97%;
}
.blok_detail_apartman_ikony
{
  float:right;
  width:350px;
  margin-right:10px;
}
.blok_detail_apartman_ikona
{
   float:left;
   width:100%;;
}

.blok_detail_apartman_ikona .blok_detail_apartman_ikona_nad
{
   float:left;
   font-size: 28px;
   padding: 7px 0 20px 10px;
}
.blok_detail_apartman_ikona .blok_detail_apartman_ikona_inf
{
   float:left;
   font-size:18px;
   padding: 7px 0 0 15px;
}
.blok_detail_apartman_ikony .material-icons
{
   float:left;
   color: #999999;
   padding:0px 0px 5px 0px;
   margin-left:15px;
   font-size:32px;
}
.blok_detail_apartman_legenda_img
{
  float:right;
  width:480px;
  margin-right:10px;
}
.blok_detail_apartman_legenda_img img
{
  float:left;
  max-width:100%;
  object-fit: cover;
  display: block;
  vertical-align: middle;
  margin:0;
}
.blok_detail_apartman_legenda_text
{
  float:right;
  border:0;
  border:0;
  margin-left:10px;
  margin-top:20px; 
  width:350px;
}
.blok_detail_apartman_legenda h2
{
  float:left;
  margin-bottom:20px;
  width:90%;
  padding-left:10px;
  font-size:28px;
  font-weight:normal;
}
.blok_detail_apartman_legenda_text strong
{
   float:left;
   margin-bottom:10px;
   font-size: 18px;
}
.blok_detail_apartman_legenda_text ul
{
    padding:0;
    margin:0;
    margin-top:5px;
    margin-left:10px;
    margin-bottom:10px;
    list-style:none;
}
.blok_detail_apartman_legenda_text li
{
   font-size: 18px;
   line-height:180%;
}

/* Rezervace  */ 
.apartmany_head
{
  float:left;
  width:100%;
  height:45px;
}
.apartmany_rezervace
{
  display:none;
  position: fixed;
  top:0;
  left:0;
  height:100%; 
  width:100%;
  z-index:20;
  background-color: #f2f2f2;
}
.apartmany_nadpis
{
  float:left;
  margin-left:60px;
  margin-top:5px;
  font-size: 32px;
  font-weight:normal;
  color: #000000;
  
}
.apartmany_body
{
  float:left;
  width:100%;
  margin-left:0px;
  margin-top:0px;
  overflow: auto;
}
.apartmany_bottom
{
  float:left;
  margin:20px 0 0 0;
  width:100%;
}
.apartmany_bottom_rezervovat
{
  float:left;
  margin:0 0 0 10px;
  
}
.apartmany_body
{
  width:100%;
  height:80%;
  float:left;
}
.apartmany_stred,
.apartmany_rezervace_det
{
  z-index:30;
}
.apartmany_rezervace_det
{
  float:left;
  height:92%;
  overflow:auto;
}
.apartmany_anotace
{
  float:left;
  padding:10px 0 15px 10px;
  font-size:16px;
}
.apartmany_body_vse
{
  float:left;
  width:100%;
  height:100px;
  margin: 0px;
  background-color: #cccccc; 
  border-top:1px solid  #f2f2f2; 
  color: #373646; 
  font-size: 15px;
}
.apartmany_body_vyber_vysledek
{
  float:left;
  padding:15px;
  margin: 0px;
  font-size: 18px;
}
.apartmany_body_vyber_vse
{
  float:left;
  width:100%;
  margin: 0px;
  background-color: #cccccc; 
  color: #373646; 
  font-size: 15px;
}
.apartmany_body_vyber
{
  float:left;
  width:100%;
  padding:1px 0 0 0;
  margin:0;
  font-size:20px;
}
.apartmany_body_nazev
{
  float:left; 
  margin: 9px 0 0 10px;
}
.apartmany_body_vyber_zmena
{
   float:right;
   width:50px;
   margin: 5px 10px 5px 0;
   height: 24px;
   padding: 7px 10px 0 10px;
   border-radius: 16px;
   font-size: 16px;
   text-align:center;
   background-color: #373646;
   color: #FFFFFF;
   cursor:pointer;
}
.apartmany_body_popis
{
  float:left;
  padding:10px;
}
.apartmany_body_texty
{
  float:left;
  padding:0px 0px 10px 0px;
  margin-top:30px;
  font-size:20px;
}

.apartmany_body_vybrat
{
  float:right;
  color:#f2f2f2;
  margin:30px 5px 0 5px;
  height:36px;
  width: 90px;
  padding-top: 9px;
  background-color: #008000;
  border-radius: 28px;
  font-size:24px;
  text-align:center;
  cursor:pointer;
}
.apartmany_body_rez_kalendar
{
  float:left;
  width:100%;
  padding: 5px 0 5px 0;
  background-color: #ededed;
}
  .apartmany_body_rez_termin
  {
    float:left;
    width:100%;
  }
    .apartmany_body_rez_termin_dat
    {
      float:left;
      width:50%;
      margin:0;
      padding:0;
      
    }
      .apartmany_body_rez_termin_dat div
      {
        float:left;
      }
      .apartmany_body_rez_termin_dat span
      {
        float:left;
        font-size:16px;
        text-align:center;
        padding:0;
        width:30px;
        margin: 13px 0 0 5px; 
      }
      .apartmany_body_rez_termin_dat div input[type="text"]
      {
        float:left;
        width: 90px;
        height: 35px;
        font-size:16px;
        text-align:center;
        padding-top:3px;
        margin:0; 
        border-radius: 23px;
        cursor:pointer;
        background-color: #ffffff;
      }
.apartmany_body_rez_osob
{
  float:left;
  width:100%;
  margin: 0;
  margin-top:0px;
  padding:0px 0 0px 0;
  background-color: #ededed;
}
  .apartmany_body_rez_osob_radek
  {
    float:left;
    width:24%;
    margin:0;
    padding:0;
    padding-bottom:5px;
  }
    .apartmany_body_rez_osob_radek div
    {
       float:left;
       width:100%;
    }
      .apartmany_body_rez_osob_radek div span
      {
        float:left;
        font-size:16px;
        text-align:left;
        padding-top:3px;
        margin: 0px 0 2px 10px; 
      }
      .apartmany_body_rez_osob_radek .apartmany_body_rez_osob_pr
      {
        float:left;
        width: 50px;
        height: 30px;
        font-size:16px;
        text-align:center;
        padding-left:0px;
        padding-top:3px;
        margin: 0 0 0 10px; 
        border-radius: 23px;
        cursor:pointer;
        background-color: #ffffff;
      }
      .apartmany_body_rez_osob_radek div select
      {
        float:left;
        width: 55px;
        height: 35px;
        font-size:16px;
        text-align:center;
        padding-left:17px;
        padding-top:3px;
        margin: 0 0 0 10px; 
        border-radius: 23px;
        cursor:pointer;
        background-color: #ffffff;
      }
      .apartmany_body_rez_osob_radek div select option
      {
      text-align:center;
      }
.apartmany_body_rez_udaje
{
  float:left;
  width:100%;
  padding: 0px 0 0px 0;
  background-color: #ededed;
  margin:0;
}
  .apartmany_body_rez_udaje_radek
  {
    float:left;
    width:100%;
    margin:0;
    padding:5px 0 5px 0;
    border-top:2px solid #CCCCCC;
    
  }
    .apartmany_body_rez_udaje_radek .apartmany_body_rez_udaje_radek_nz
    {
        float:left;
        width:15%;
        margin:0;
        padding:8px 0 0 0;
    }
    .apartmany_body_rez_udaje_radek .apartmany_body_rez_udaje_radek_in
    {
        float:left;
        width:45%;
        margin:0;
        padding:0;
    }
    .apartmany_body_rez_udaje_radek .apartmany_body_rez_udaje_radek_kn
    {
        float:left;
        width:40%;
        margin:0;
        padding:8px 0 0 0;
    }
    .apartmany_body_rez_udaje_radek .apartmany_body_rez_udaje_radek_kn .errorfrm
    {
     float: left;
     font-size: 18px;
     text-align: center;
     margin: 3px 0 2px 12px;
     font-weight:bold;
     color:#FF0000; 
    }
      .apartmany_body_rez_udaje_radek div span
      {
        float:left;
        font-size:18px;
        text-align:center;
        margin: 3px 0 2px 12px; 
      }
      .apartmany_body_rez_udaje_radek div input[type="text"]
      {
        float:left;
        width: 300px;
        height: 32px;
        font-size:16px;
        text-align:left;
        padding:3px 0px 3px 10px;
        margin: 0px 0 0px 5px; 
        border-radius: 21px;
        cursor:pointer;
        background-color: #ffffff;
      }
.apartmany_body_rez_vysl
{
  float:left;
  width:100%;
  padding: 5px 0 10px 0;
  border-top: 2px solid #CCCCCC;
}
  .apartmany_body_rez_vysl_cena
  {
    float:left;
    padding:5px 0 0 10px;
  }
  .apartmany_body_rez_vysl_cena span
  {
    color:#008000;
    font-size:24px;
    font-weight:bold;
  }
  .apartmany_body_rez_vysl_info
  {
    float:right;
    padding:5px 10px 0 0;
  }
  .apartmany_body_rez_vysl_info span
  {
    color:#FF0000;
    font-size:24px;
    font-weight:bold;
  }
.apartmany_body_rez_voucher
{
  float:left;
  width:100%;
  margin:0;
  padding: 10px 0 0px 0;
}
  .apartmany_body_rez_voucher span
  {
    float:left;
    padding:0px 0 0 10px;
    color:#333333;
    font-size:20px;
  }
.apartmany_body_rez_objednani
{
  float:left;
  width:100%;
  margin:0;
  padding: 5px 0 0px 0;
}
  .apartmany_body_rez_objednani_tl
  {
     float:left;
     margin: 0px 10px 10px 10px;
     height: 36px;
     padding: 12px 25px 0 25px;
     border-radius: 28px;
     font-size: 22px;
     text-align:center;
     background-color: #008000;
     color: #FFFFFF;
     cursor:pointer;
  }
.blok_cenik
{
  float:left;
  width:100%;
  margin:0;
  padding: 0 0 0 0;
}
  .blok_cenik_sezona
  {
    float:left;
    padding: 10px 0 5px 0;
    width:100%;
  }
    h2.blok_cenik_sezona_nadpis
    {
      float:left;
      width:97%;
      margin:0 0 0px 10px;
      padding: 10px 0 5px 0;
      border-bottom:1px solid #CCCCCC; 
    }
    .blok_cenik_sezona_ob
    {
      font-size: 18px;
      float:left;
      width:97%;   
      margin:0 0 0 10px;
      border-bottom:1px solid #CCCCCC; 
    }
      .blok_cenik_sezona_r
      {
         float:left;
         padding: 10px 0 0px 0;
         width:150px;
         font-weight:bold;
      }
      .blok_cenik_sezona_c
      {
         float:left;
         padding: 0px 0 10px 0;
         width:100%;
         font-size:13px;
      }
      .blok_cenik_sezona_terminy
      {
        float:left;
        padding: 5px 0 0px 0;
        
      }
        .blok_cenik_sezona_terminy_s
        {
          float:left;
          padding: 10px 0 10px 0;
          font-size: 15px;
        }
        .blok_cenik_sezona_terminy_s span
        {
          float:left;
          width:100%;   
          padding: 0px 0 10px 0;
        }
  .blok_cenik_ceny
  {
    float:left;
    padding: 30px 0 0px 0;
    width:100%;
    border-bottom:1px solid #CCCCCC; 
  }
    h2.blok_cenik_ceny_napis
    {
      float:left;
      width:97%;
      margin:0 0 15px 0;
      padding: 0px 0 0px 10px;
    }
    .tab_blok_cenik
    {
      float:left;                      
      width:100%;
      
    }
      .tr_blok_cenik_top  
      {
         background-color: #ae6b51;
         color:#FFFFFF;
        
      }
        .td_blok_cenik_sktop,
        .td_blok_cenik_sktop_c
        {                      
           border-top:1px solid #CCCCCC; 
           padding:10px 0 10px 10px;
        }
        .td_blok_cenik_sktop_c
        {
           text-align:right; 
           padding:10px;
        }
      .tr_blok_cenik
      {
        background-color:#373646;
        color:#FFFFFF;
      }
        .td_blok_cenik_ap
        {
           border-top:1px solid #CCCCCC; 
           padding:10px 0 10px 10px;
           font-size:22px;
        }
      .tr_blok_cenik_sk
      {
        background-color: #CCCCCC;
         color:#000000;
      }
      .tr_blok_cenik_sktp
      {
         background-color: #00afd8;
         color:#FFFFFF;
      }
        .td_blok_cenik_sk,
        .td_blok_cenik_sk_c
        {
           border-top:1px solid #CCCCCC; 
           padding:10px 0 10px 10px;
        }
        .td_blok_cenik_sk_c
        {
          text-align:right; 
           padding:10px;
        }
        .td_blok_cenik_sktp,
        .td_blok_cenik_sktp_c
        {
           border-top:10px solid #373646; 
           padding:10px 0 10px 10px;
        }
        .td_blok_cenik_sktp_c
        {
           text-align:right; 
           padding:10px;
        }
        .td_blok_cenik_skden_poz
        {
           border-top:1px solid #CCCCCC; 
           text-align:left;
           line-height:150%;
           padding:5px 10px 5px 10px;
           font-size:14px;
        }
        .td_blok_cenik_skden_os
        {
           border-top:1px solid #CCCCCC; 
           text-align:right;
           padding:0 10px 0 10px;
        }
        .td_blok_cenik_skden_r
        {
           border-top:1px solid #CCCCCC;
           text-align:left; 
           padding:10px;
        }
        .td_blok_cenik_skden_c
        {
           border-top:1px solid #CCCCCC;
           text-align:right; 
           padding:10px;
        }
  .blok_cenik_pozn
  {
    float:left;
    padding: 10px 0 10px 0;
    width:100%;
  }
    h2.blok_cenik_pozn_napis
    {
      float:left;
      width:97%;
      padding:0 0 0 10px;
      margin:0 0 0 0;
    }
    .blok_cenik_pozn ul
    {
      float:left;
      padding:0 0 0 10px;
      width:90%;
    }
.box_banner
{
  float:left;
  width:100%;
  padding:0px 0 20px 0;
}
.box_banner img
{
  width:100%;
}
.blok_clanek_kategorie_slozky
{
   float:left;
   
   width:100%;
   margin: 0 0 40px 0;
}
.blok_clanek_kategorie_slozky a
{
   text-decoration:none;
}
.blok_clanek_kategorie_slozka
{
   float:left;
   position:relative;
   width:12.5%;
}
.blok_clanek_kategorie_slozka_s
{
  float:left;
  margin-left:10px;
  margin-bottom:10px;
  height: 340px;
  overflow: hidden;
  background-color: #CCCCCC;
}
.blok_clanek_kategorie_slozka .blok_img_stitky
{
   left:10px;
   top:10px;
}
.blok_clanek_kategorie_slozka img
{
   float:left;
   width:100%;
}
.blok_clanek_kategorie_slozka h2
{
   float:left;
   font-size: 24px;
   font-weight:normal;
   padding:10px 0px 10px 10px;
   width:94%;
   color:#373646;
}
.blok_clanek_kategorie_slozka p
{
   float:left;
   font-size: 18px;
   padding:0px 10px 15px 10px;
   width:94%;
   color:#373646;
}
.blok_clanek_kategorie_arrow
{
   position:absolute;
   right:5px;
   bottom:10px;
   padding:0;
   margin:0;
   color:#373646;
}
.blok_clanek_kategorie_arrow .material-icons
{
   font-size:30px;
}
.content .blok_clanek_fotogalerie
{
  float:left;
  width:100%;
  background-color: #FFFFFF;
  padding: 0;
}
.content .blok_clanek_fotogalerie h2
{
  float:left;
  width:96%;
  margin:35px 0 15px 10px;
  font-size: 1.8em;
  font-weight:normal;
}
.content .blok_clanek_fotogalerie_s
{
   padding:0;
   margin:0;
   width:100%;
   float:left;
}
.content .blok_clanek_fotogalerie_obrazek
{
   float:left;
   width:340px;
   height:340px;
   margin: 0 0px 15px 15px;
}
.content .blok_clanek_fotogalerie_obrazek img
{
   float:left;
   width:340px;
   height:340px;
}
.content .blok_clanek_popis
{
  float:left;
  width:95%;
  font-size:18px;
  padding: 0px 0 0 0px;
}
.content .blok_clanek_popis a
{
 color:#008000;
}
.content .blok_clanek_popis h2
{
  float:left;
  font-weight:normal;
  font-size: 32px;
  width:100%;
  padding: 25px 0px 10px 0px;
}
.content .blok_clanek_popis h3
{
  float:left;
  font-weight:normal;
  width:100%;
  padding: 10px 0px 5px 0px;
}
.content .blok_clanek_popis p
{
  float:left;
  width:100%;
  line-height:165%;
  padding: 0px 0px 5px 0px;
}
.content .blok_clanek_popis ul
{
  float:left;
  padding: 10px 0 5px 10px;
  margin:0px 10px 15px 10px;
  list-style: disc;
}
.content .blok_clanek_popis ul li
{
  padding: 5px;
}
.content .blok_clanek_popis a.blokbutt
{
  float: left;
  margin: 0px 20px  10px 0;
  padding: 10px 15px 10px 15px;
  border-radius: 20px;
  font-size: 15px;
  text-align: center;
  background-color: #373646;
  color: #FFFFFF;
  cursor: pointer;
  text-decoration:none;
}
.content .blok_clanek_anot
{
  float:left;
  width:100%;
  padding: 15px 0 0 15px;
}
.lista_kalendar_datum
{
   display:none;
   position:absolute;
   top:450px;
   left:20px;
   height:110px;
   width: 730px;
   margin:0px 0px 0px 0px;
   padding:10px 0 5px 0;
   background-color:#373646;
   z-index:15;
   /*background-image: linear-gradient(to right, #cccccc, #f2f2f2);*/
}
.lista_kalendar_datum_l
{
   float:left;
   margin-right:30px;
   min-height:115px;
   margin-left:5px;
   width: 320px;
}
.lista_kalendar_datum_r
{
   float:left;
   margin:0;
   width: 370px;
}

.lista_kalendar_datum_pokracovat
{
   float:left;
   padding:0;
   margin:0;
   width:90px;
   text-align:left;
}
.lista_kalendar_datum_pokracovat span
{
   padding:0;
   margin:0px 0;
   font-size:100px;
   color:#999999;
   cursor:pointer;
}
.lista_kalendar_datum_info
{
   float:left;
   width:50%;
}
 .lista_kalendar_datum h2
 {
    float:left;
    font-size: 28px;
    font-weight:normal;
    width:95%;
    padding:5px 0px 5px 10px; 
    text-align:left;
    color:#FFFFFF;
 }
 .lista_kalendar_datum_text
 {
    float:left;
    font-size: 15px;
    width:95%;
    padding:0px 0px 15px 10px;
    text-align:left;
    color:#FFFFFF;
 }
 .lista_kalendar_datum_nadpis
 {
   float:left;
   width: 100%;
   font-size: 22px;
   text-align:left;
   padding:0px 10px 5px 10px; 
   font-weight:normal;
 }
 
 .lista_kalendar_datum_boxdat
 {
   float:left;
   width: 155px;
   margin: 5px 0px 0 10px;
   padding:10px 10px 10px 5px;
   background-color: #E7E7E7;
   cursor:pointer;
 }
 .lista_kalendar_datum_boxdat1
 {
   float:left;
   width: 155px;
   margin: 5px 0px 0 10px;
   padding:10px 10px 10px 5px;
   background-color: #E7E7E7;
   cursor:pointer;
 }
 .lista_kalendar_datum_vyber,
 .lista_kalendar_datum_rez
 { 
   position:relative;
   display:none;
   float:left;
   padding: 10px 0 10px 0;
   width: 730px;
   height:450px;
   overflow:hidden;
   font-size: 16px;
 }  
  .lista_kalendar_datum_info_nad
  {
   float:left;
   width:94%;
   font-size: 32px;
   
   padding-bottom:10px;
   padding-left:10px;
   padding-top:5px;
  }
  .lista_kalendar_datum_info_chyba
  {
   float:left;
   width:94%;
   padding-left:15px;
   font-size: 20px;
   line-height:150%;
   color:#333333;
  }
  .lista_kalendar_datum_info_chyba span
  {
   color:#fd4239;
  }
  .lista_kalendar_info_sam
  {
    position: relative;
    float:left;
    width:350px;  
    height:175px;
    background-color: #e6e6e6;
    background-image: linear-gradient(to bottom right, #e6e6e6, #ffffff);
    margin:5px 0px 5px 10px;
  }
  
   .lista_kalendar_info_sam_img
   {
      position:relative;
      float:left;
      width:50%;
   }
   
     .lista_kalendar_info_sam_img img
     {
       float:left;
       margin:0px;
       width:100%;
       max-width:240px;
     }
    .blok_nabidka .lista_kalendar_info_sam_img .lista_kalendar_info_sam_nazev
    {
      position:absolute;
      width:200px;
      top:10px;
      color:#FFFFFF;
      text-shadow: 2px 2px 3px #666666;
      font-size: 28px;
      left:10px;
    }
   .lista_kalendar_info_sam_r
   {
    float:left;
    width:50%;
   }
     .lista_kalendar_info_sam_nazev
     {
       float:left;
       width:95%;
       margin:10px 0 10px 10px;
       font-size: 24px;
     }
     .lista_kalendar_info_sam_nazev a
     {
      text-decoration: none;
     }
     .lista_kalendar_info_sam_cena
     {
      float:left;
      margin:0px 0 10px 10px;
      width:95%;
      font-size: 24px;
      color: #008000;
     }
     .lista_kalendar_info_sam_os
     {
      float:left;
      margin:0px 10px 15px 10px;
      width:93%;
      font-size: 13px;
     }
     .lista_kalendar_info_sam_but
     {
      position:absolute;
      bottom:10px;
      left: 10px;
      height: 36px;
      font-size: 22px;
      padding-top: 10px;
      padding-left: 15px;
      padding-right: 15px;
      border-radius: 27px;
      text-align: center;
      background-color: #008000;
      color:#FFFFFF;
      cursor:pointer;
     }  
     .lista_kalendar_info_sam_but1
     {
      float:left;
      height: 32px;
      font-size: 18px;
      padding-top: 10px;
      padding-left: 15px;
      padding-right: 15px;
      border-radius: 22px;
      text-align: center;
      background-color: #008000;
      color:#FFFFFF;
      cursor:pointer;
     } 
     .lista_kalendar_info_sam_but
     {
      margin: 0px 0px 10px 10px;
     }
     .lista_kalendar_info_sam_but1
     {
      margin: 0px 0px 10px 0px;
     }
  .lista_kalendar_osobyvyber
  { 
   position: absolute;
   display:none;
   top:0px;
   left:0px;
   width:160px;
   height:220px;
   padding:10px;
   z-index:10;
   background-color: rgb(208,208,208);
  } 
  .lista_kalendar_osobyvyber_tlacitko
  {
    float: left;
    height: 32px;
    font-size: 18px;
    margin: 10px 0px 10px 10px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 22px;
    text-align: center;
    background-color: #008000;
    color: #FFFFFF;
    cursor: pointer;
  }
  .lista_kalendar_osobyvyber_nadpis
  {
    float: left;
    font-size: 18px;
    text-align: left;
    padding: 0px;
    margin: 0px 0px 15px 10px;
  }
  .lista_kalendar_osobyvyber_radek
  {
    float:left;
    width:90%;
    margin:0px 0px 7px 0px;
    padding:0;
    padding-bottom:0px;
  }
    .lista_kalendar_osobyvyber_radek div
    {
       float:left;
       width:50%;
    }
      .lista_kalendar_osobyvyber_radek div span
      {
        float:left;
        font-size:16px;
        text-align:left;
        padding-top:10px;
        margin: 0px 0 2px 10px; 
      }
   
   .lista_kalendar_osobyvyber_radek div select
   {
     float:left;
     width: 55px;
     height: 35px;
     font-size:16px;
     text-align:center;
     padding-left:17px;
     padding-top:3px;
     margin: 0 0 0 10px; 
     border-radius: 23px;
     cursor:pointer;
     background-color: #ffffff;
   }
   .lista_kalendar_osobyvyber_radek div select option
   {
      text-align:center;
   }
   
   .lista_kalendar_datum_boxdat_nad
   {
      float:left;
      font-size: 16px;
      width:95%;
      padding: 0 0 0 0px;
      text-align:left;
      color:#000000;
   }
   .lista_kalendar_datum_boxdat_box
   {
      float:left;
      border:1px solid #CCCCCCC;
      width:100%;
   } 
    .lista_kalendar_datum_boxdat_den
    {
      float:left;
      font-size: 38px;
      margin-top: 5px;
      width:30%;
    }
    .lista_kalendar_datum_boxdat_mesic
    {
      float:left;
      margin-top: 3px;
      width:45%;
    }
      .lista_kalendar_datum_boxdat_mesic span
      {
         float:left;
         padding:4px 0 0 0;
         width:100%;
      }
      .lista_kalendar_datum_boxdat_mesic strong
      {
         float:left;
         padding:1px 0 0 0;
         width:100%;
      }
    .lista_kalendar_datum_boxdat_ikona
    {
      padding:0;
      float:right;
      width:25%;
    }
    .lista_kalendar_datum_boxdat_ikona span
    {
      padding:1px 0;
      margin:0;
      font-size:46px;
      color:#999999;
      
    }
      .center_right_produkty_vypis3 .boxplatbaqr
      {
       width:100%;
       float:right;
       margin-right:15px;
      }
      .center_right_produkty_vypis3 .boxplatbaqr span
      {
       width:100%;
       float:left;
       font-size:22px;
       font-weight:bold;
       margin-bottom:10px;
      }
      .center_right_produkty_vypis3 .boxplatbaqr img
      {
       width:100%;
       max-width:250px;
       float:left;
      }
#virtualshow
{
   cursor: pointer;
}
#virtualwindow
{
   display: none;
   position: fixed;
   left: 50%;
   top: 50%;
   width: 1024px;
   height: 768px;
   transform: translate(-50%, -50%);
   z-index: 9999; /* Vysoká hodnota pro překrytí všeho */
   background: rgba(0,0,0,0.8); /* Poloprůhledné pozadí */
   padding: 10px;
   border-radius: 10px;
   box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}
#virtualwindow #virtualprezentace
{
   width: 100%;
   height: 100%;
   z-index: 10000; /* Ještě vyšší než parent */
   position: relative;
}
.virtualclose 
{
  position: absolute;
  top: -10px;
  right: -10px;
  width: 40px;
  height: 40px;
  background-color: #ff4d4d;
  border: none;
  border-radius: 50%;
  color: white;
  font-size: 30px;
  text-align: center;
  cursor: pointer;
  z-index: 10001; /* Aby bylo zavírací tlačítko nad iframe */
}

.virtualclose:hover {
  background-color: #e60000;
}

/* Křížek uvnitř tlačítka */
.virtualclose::before {
  content: '×'; /* Křížek */
  display: block;
  font-weight: bold;
  line-height: 40px;
}
#ui-datepicker-div {
    z-index: 1900 !important;
    position: absolute;
}