﻿@font-face {
  font-family:OpenSansLight;
  src: url(/fonts/opensans-light.woff);
}

@font-face {
  font-family:OpenSans;
  src: url(/fonts/opensans.woff);
}

@font-face {
  font-family:OpenSansBold;
  src: url(/fonts/opensans-bold.woff);
}

@font-face {
  font-family:OpenSansBoldSemi;
  src: url(/fonts/opensans-semibold.woff);
}

@keyframes flex_fade_in {
  0% { opacity: 0}
  40% { opacity: 0}
  100% { opacity: 1}
}

html {
  background: url("/images/bg_hall.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
    margin:0px;
    padding:0px;
    font-family: OpenSans, Helvetica, Arial, sans-serif;
    font-size:1rem;
    color: #161616;
}


div.page {
  max-width:3500px; /* !!! */
  margin:0px auto;
  padding:0px;
}

div.head {
  margin:0px auto;
  padding:0px;
}

div.content {
  margin:0px auto;
  max-width:2000px;

}


table.tb_header {
  width:99%;
  margin:0px auto;
  border-collapse:collapse;
  table-layout: fixed;
}

table.tb_header td:last-child {  /* menu */
  background-position: right top;
  background-image: url("/images/menu_hr_line2.png");
  background-repeat: no-repeat;
  padding:22px 20px 0px 0px;
  vertical-align:top;

}

table.tb_header td:first-child {
  /*width:450px; */
  max-width:450px;
  width:40%;
  padding:25px 0px 25px 35px;
}

table.tb_header td:first-child img {
  vertical-align: middle;
}

table.tb_header td:first-child a {
  display:block;
  text-decoration: none;
}


/* MENU_START */

div.menu {
  margin:0px;
  padding:0px;
}

div.menu > ul {
  margin:0px auto;
  padding:0px;
  text-align:right;
}

div.menu > ul > li {
  line-height:1.5rem;
  letter-spacing:2px;
  list-style-type:none;
  display:inline-block;
  text-align:center;
  color:#A8A8A8;
  background-position: left bottom;
  background-repeat: no-repeat;
  text-transform: uppercase;
  font-size:1.1rem;
}

div.menu > ul > li.separator {
 width:15px;
}

div.menu > ul > li.separator::before {
 content:'•';
}


div.menu > ul > li.selected {
  color: #F3F3F3;
  /*color: #ADCDFF;  */
}

div.menu > ul > li > a {
  color:#A8A8A8;
  text-decoration: none;
}

div.menu > ul > li.selected > a {
  color:#F3F3F3;
}

div.menu > ul > li > a:hover {
  color:#F3F3F3;
  text-decoration: underline;
  opacity:1;
}

div.flag_container {
  margin:18px 0px;
  height:30px;
  text-align:right;
}

div.flag_container > a {

  display:inline-block;
  height:30px;
  width:35px;
  margin:0px 0px;
  padding:0px;
  background-image: url('/images/icon_flags/icon_en.png');
  background-repeat: no-repeat;
  background-position: center center;
  opacity:0.8;
}

.flag_container > a:hover {
  opacity:1;
}

.flag_container > a:first-child {
  background-image: url('/images/icon_flags/icon_cz.png');
}


.flag_container > a:last-child {
  background-image: url('/images/icon_flags/icon_es.png');
}

/* MENU_END */

.logo_bar_flex {
  width:80%;
  max-width:2800px;
  padding:0px;
  /*padding-left:50px; */
  margin:0px auto;
  text-align:left;
  margin-bottom:8px;
  border-radius:8px;
  display:flex;
  align-items: center;
  justify-content: center;
  column-gap:8px;
  box-sizing: border-box;
  height:100px;
}

.logo_bar_flex > div {
  background-color:rgba(129, 133, 137, 0.25);
  border-radius:6px;
  height:100%;
}


.logo_bar_flex > div:first-child {
  height:100%;
  padding:0px 40px;
  text-align:center;
  vertical-align:middle;

}

.logo_bar_flex > div:first-child > img {
  vertical-align:middle;
  display:inline-block;
  margin:17px 0px;  /* presne vypocitano podle vysky !!!!! */
}

.logo_bar_flex > div:last-child {
  width:100%;
  padding:0px 20px;
  padding-left:40px;
  font-size:2.8rem;
  font-family:OpenSansLight;
  color:white;
  letter-spacing:2px;
  text-align:left;
  line-height:100px;
  box-sizing: border-box;
}

.text_galerie_cz {
  background-image: url('/images/story_cz.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width:100%;
}

.text_galerie_en {
  background-image: url('/images/story_en.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width:100%;
}

.text_galerie_es {
  background-image: url('/images/story_es.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width:100%;
}

/*.logo_bar_flex > div:last-child {  // dlouhy text
  width: 80%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow: ellipsis;
} */

/* INDEX */

div.vizualizace_carusel {

    margin:20px auto;
    /*margin-top:7%; */
    margin-top:0px;
    text-align:center;
    opacity: 0;
    transition: all 1s;
    min-height:400px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;

}


div.vizualizace_carusel div {

  display:inline-block;
  margin:0px;
  margin-top:30px;

}

div.vizualizace_carusel div > a {

  display:inline-block;
  margin:0px 30px;  /* rozestup */
}



div.vizualizace_carusel > div > a > img {
 border:1px solid white;
 background-color:white;
 padding:6px;
 /*box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;*/
}

div.vizualizace_carusel > div > a:hover {
transform: scale(1.01);
}

.show_off {  /* vizualizace odkaz */
  display:none !important;
}

img.story_text {
  display:block;
  margin:20px auto;
  margin-top:45px;
  animation: flex_fade_in 3.5s 1;
}

/*.control_cnt {
  width:100%;
  margin:10px auto !important;
}

.control_cnt > img {
  display:inline-block;
  margin:0px 10px;
  cursor:pointer;
  opacity:0.90;
}

.control_cnt > img:hover {
  opacity:1;
  transform: scale(1.05);
 }  */


/* VIZUALIZACE */

.expozice_obrazu {
  width:65%;
  max-width:1000px; /* omezeni na max 3 nebo 2 image */
  margin:0px auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content:center;
  gap: 100px 50px;
  place-items: center center;
  margin-top:80px;
  margin-bottom:200px;

}

.expozice_obrazu a {
    font-size:0px;
    margin:0px;
    animation: flex_fade_in 2s 1;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .30);
}

.expozice_obrazu a:hover {
    transform: scale(1.01);
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .40);
}

.expozice_obrazu img {
  border:1px solid #A0A0A0;
}

/* GALERIE */

.tb_galerie {
  width:90%;
  margin:0px auto;
  border-collapse:separate;
  border-spacing:15px;
  border:1px sodid red;
}

.tb_galerie td {
  vertical-align:top;
}

.tb_galerie td:first-child {
  width:80%;
  padding-bottom:80px;
}

div.detail_obrazy {
   background-color:rgba(122, 122, 122, 0.4);
   border-top-left-radius:8px;
   border-top-right-radius:8px;
   border-bottom-left-radius:10px;
   border-bottom-right-radius:10px;
}

div.detail_flex {
  width: 90%;
  margin: 0px auto;
  padding: 65px 30px 60px 30px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  gap: 25px 8px;
  place-items: center center;
}

div.detail_flex a {
  position:relative;
}

div.detail_flex img {
  border:1px solid #8D8D8D;
}

div.detail_flex img:hover {
/*  transform:scale(1.02); */ /* po kliknuti z galerie je odkaz primo na obraze*/
}


div.detail_pohledy_flex {
  width: 80%;
  margin: 0px auto;
  padding: 20px 30px 60px 30px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  gap: 8px 8px;
  place-items: center center;
}

div.detail_flex + div.detail_pohledy_flex {
padding-top:0px;
}

div.detail_pohledy_flex img {
  border:3px solid white;
}

div.detail_pohledy_flex img:hover {
 transform: scale(1.02);
}


.obraz_vlastnosti {
  padding:10px 40px;
  padding-top:30px;
  background-color:#7A7A7A;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  padding-bottom:50px;
  background-color:rgba(122, 122, 122, 0.92);
  border-top:1px solid #a7a7a7;
  color:white;
  font-family:OpenSansLight;
}



.obraz_vlastnosti > h1 {

  font-family:OpenSansLight;
  font-size:2.1rem;
  line-height:2.2rem;
  margin:0px auto;
  padding:10px 0px;
  color:white;
  letter-spacing:1px;
  text-align:center;
}

.obraz_vlastnosti > p.obsah {
  margin:20px;
  padding:30px 10px;
  color: white;
  padding-top:10px;
  font-size:1rem;
  letter-spacing:0.5px;
}

.obraz_vlastnosti > p.obsah a {
  color:white;
}

.obraz_vlastnosti > p.chip_text, .obraz_vlastnosti > p.cert_text  {

  border-top: 0px solid white;
  padding: 10px;
  margin: 20px;
  font-size: 1rem;
  letter-spacing: 0.8px;
  opacity:0.8;
  font-style: italic;
  margin-top:-20px;

}

@media (pointer: coarse)  {  /* mobile */

.obraz_vlastnosti > h1 {
  font-size:0.9rem;
}

.obraz_vlastnosti > p.chip_text, .obraz_vlastnosti > p.cert_text  {
  font-size: 0.9rem;
}

.obraz_vlastnosti > p.obsah {
  font-size:0.5rem;
}
}

@media only screen and (max-width: 1200px) {   /* funguje */

.obraz_vlastnosti > h1 {
  font-size:0.9rem;
}

.obraz_vlastnosti > p.obsah {
  font-size:0.5rem;

}

.obraz_vlastnosti > p.chip_text, .obraz_vlastnosti > p.cert_text  {
  font-size: 0.5rem;
}


}


@media (pointer: fine), (pointer: none) {
	/* desktop */
}

@media (pointer: fine) and (any-pointer: coarse) {
	/* touch desktop */
}


.obraz_vlastnosti > div.technika_cnt {
  text-align:right;
  margin:0px 60px;
  padding:0px;
}

.obraz_vlastnosti div.technika {
  border: 1px solid white;
  padding: 20px;
  margin: 10px 0px;
  font-size: 1rem;
  letter-spacing: 0.8px;
 /* max-width:300px;*/
   max-width:40%;
  display:inline-block;
 /* background-color: rgba(153, 153, 153, 0.25); */
  /*border-right: 2px solid #bfbdbd; */
 /* border-top-left-radius: 8px;
  border-bottom-left-radius: 8px; */
}

.obraz_vlastnosti div.technika > h2 {
  font-size: 1.1rem;
  margin: 0px;
  padding: 0px;
  margin-bottom:10px;
  letter-spacing: 0.8px;

}

.obraz_vlastnosti div.technika > p {
  margin:0px;
  padding:0px;
}

.obraz_vlastnosti > div.kontakt_email {
  border-left:2px solid white;
  margin:50px 40px;
  font-size: 1.4rem;
  letter-spacing: 1px;
  padding:20px 40px;
  padding-left:20px;
  color:#e4e4e4;

}

.obraz_vlastnosti > div.kontakt_email > p {
  margin:0px;
  padding:0px;
  margin-bottom:30px;
}

.obraz_vlastnosti > div.kontakt_email > div {
  border-radius: 5px;
  background-color:#2551a6;
  display: inline-block;
  padding: 12px 25px;
  letter-spacing: 0.8px;
  font-size:1rem;
}


div.detail_cena_flex {
  margin: 0px 30px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-end;
  gap: 25px 8px;
}

div.detail_cena_flex > div {
  border-radius:8px;
  background-color:#999999;
  padding:18px 50px;
  color:white;
  font-size:1rem;
  font-family:OpenSans;
  margin-top:30px;
  margin-bottom:10px;
  letter-spacing:1px;
}

div.detail_cena_flex > div.dark {
 background-color:#fa6262;  /*#6b6b6b;*/

}

div.detail_cena_flex > div.prodano {
 background-color:#d4a944;
}
div.detail_cena_flex > div.rezervovano {
 background-color:#4491d4;
}


/* GALERIE - PRAVY PANEL */

/*NAVIGACE */

div.left_panel {
 border-radius: 8px;
 margin:0px;
 margin-bottom:18px;
 padding:20px 20px 25px 20px;
}

div.left_panel > h2 {
  font-family:OpenSansLight;
  margin:0px;
  padding:0px;
  font-size: 1.4rem;
  line-height: 2rem;
  text-align: left;
  color: white;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration:underline;
  margin-bottom:30px;
}



div.navigace {
  background-color:rgba(180, 180, 180, 0.7);
  line-height:220%;
  color:#C7C7C7;
}

div.navigace a {
  font-family:OpenSans;
  text-align:left;
  font-size:1.1rem;
  color:#FCFCFC;
  letter-spacing:2px;
  text-decoration: none;
  display:block;
}

div.navigace a.return {
  font-family:OpenSansBold;
}

div.navigace a:hover {
  text-decoration: underline;

}

/* HLASOVANI */

div.hlasovani {
  background-color:rgba(122, 122, 122, 0.4);
  text-align:center;
}

div.hlasovani > p {
  width:80%;
  margin:0px auto;
  font-family: OpenSansLight;
  text-align:center;
  font-size:0.9rem;
  line-height:1.4rem;
  color:#C7C7C7;
  padding:0px;
  letter-spacing:0.6px;
}

div.hlasovani > button {

  display: block;
  margin: 0px auto;
  margin-top:20px;
  margin-bottom:10px;
  padding: 8px 35px;
  font-family: OpenSansLight;
  font-size: 0.8rem;
  letter-spacing: 2px;
  border: 1px solid #B3B3B3;
  color: #FFF;
  background-color:#4c4c4c;
  text-transform: uppercase;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, .55);
  cursor: pointer;
}

div.hlasovani > button:hover {
 background-color: #FFF;
 color:#4c4c4c;

}

/* TOP */

div.top_vote {
  background-color: rgba(122, 122, 122, 0.4);
  text-align: center;
  padding-bottom:45px;
}

div.top_vote > h2 {
  margin-bottom:50px;
}

div.top_vote > a {
  display:block;
  margin:0px;
  padding:0px;
  margin:15px auto; }

div.top_vote img {
  border:1px solid #8D8D8D;

}

div.top_vote img:hover {
   transform: scale(1.03);
}


/* gelerie ALL */

.prehled_obrazu {
  width:65%;
  margin:50px auto;
  margin-bottom:150px;
  padding:50px 0px 10px 0px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content:center;
  gap: 70px 30px;
  place-items: end center;
  align-items: center;
  animation: flex_fade_in 2s 1;


}

.prehled_obrazu a {
  color:#F0F0F0;
  text-decoration: none;
  display:inline-block;
  position: relative;
  margin:0px;
  padding:0px;
}

.prehled_obrazu a:hover {
 transform: scale(1.01);

}


div.vice_dilny_obraz {
  width:100%;
  margin:0px auto;
  padding:0px;
  font-size:0px;
}

div.vice_dilny_obraz > div {
  text-align:center;
  padding:0px;
  margin:0px;
}

div.vice_dilny_obraz > div > a {
  margin:8px;
  display:inline-block;
}

div.vice_dilny_obraz > div > a > img {
  margin:0px;
}

div.vice_dilny_obraz_detail > div > a {
  margin:6px;

}

/* scroll top button */

#bt_scroll_top {
  display: none;
  position: fixed;
  width:45px;
  height:45px;
  opacity:0.8;
  bottom: 30px;
  right: 30px;
  z-index: 333;
  border: none;
  outline: none;
  cursor: pointer;
  background-position: center center;
  background-image: url("/images/bt_scroll_top.png");
  background-repeat: no-repeat;
}

#bt_scroll_top:hover {
  opacity:1.0;
}

.prehled_obrazu img {

  padding:0px 0px;
  margin:0px;
  margin-right:15px;
  border: 1px solid #8D8D8D;
  /*background-color:#6B6B6B; */
  box-shadow: 0px 0px 10px #000000;
}


span.corner {
  display:inline-block;
  width:126px;
  height:60px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 100;
  background-position: left top;
  background-repeat: no-repeat;
  opacity:0.8;
}

span.sold_cz {
  background-image: url("/images/sold_cz.png");
}

span.sold_en {
  background-image: url("/images/sold_en.png");
}

span.sold_es {
  background-image: url("/images/sold_es.png");
}

span.reservado_cz {
  background-image: url("/images/reservado_cz.png");
}

span.reservado_en {
  background-image: url("/images/reservado_en.png");
}

span.reservado_es {
  background-image: url("/images/reservado_es.png");
}

.shadow {
  -moz-box-shadow: 0 0 7px 2px rgba(0,0,0,.17);
  -webkit-box-shadow: 0 0 7px 2px rgba(0, 0, 0, .17);
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, .17);
}


/* VIRTUALNI GALERIE */

div.vr_galerie {
  width:80%;
  max-width:1200px;
  margin:50px auto;
  margin-bottom:90px;
  padding:0px;
  /*padding:40px;  */
  padding-top:0px;
  /*padding-bottom:60px; */
  background-color: rgba(122, 122, 122, 0.5);
  border-top:2px solid #ff8200;
  font-family:OpenSans;
  border-bottom-left-radius:15px;
  border-bottom-right-radius:15px;
  text-align:center;
}

img.vr_title_images {
  margin:80px auto;
  margin-bottom:40px;
/*  padding-left:150px; */
}

p.vr_text {
   font-family:OpenSansLight;
  font-size:1.2rem;
  color:#DADADA;
  margin:30px auto;
  padding:0px 8%;
  text-align:left;
}

p.vr_text {
   font-family:OpenSansLight;
  font-size:1.2rem;
  color:#DADADA;

}

p.vr_text_top {
  width:80%;
  margin:30px auto;
  padding:10px 20px;
  border-left:4px solid #FF800F;
}

p.vr_text span {
  font-family:OpenSansBoldSemi;
  color:white;
}

.vr_flex1 {
    margin:120px auto;
    margin-top:90px;
    display:flex;
    align-items: center;
    justify-content: center;
    max-width:800px;
    gap:2px 2px;
    font-size:0px;
}

.vr_flex1_item {
    margin:0px;
    padding:0px;

}

.vr_flex1_item_margin {
  margin-top:35px;
}

.vr_flex1_item img {
    border:1px solid white;
    margin:0px;
    padding:0px;
}

a.video_download {
  display:block;
  width:181px;
  height:177px;
  opacity:0.8;
  margin:0px 0px;
}

a.video_download:hover {
  opacity:1.0;
}

.vr_title_h2 {
  font-family:OpenSansBoldSemi;
  font-size:2rem;
  color:white;
  margin:20px auto;
  margin-top:30px;
  margin-left:40px;
  padding:0px;
  text-align:left;
}



a.vr_bt1 {
  display:inline-block;
  text-align:center;
  color:white;
  text-decoration: none;
  margin:20px auto;
  font-size:1.3rem;
  font-family:OpenSans;
  letter-spacing:1px;
  border-radius:10px;
  background-color:#FF800F; /*#00BFBF;  */
  padding:15px 50px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
  letter-spacing:0.8px;
}

a.vr_bt1:hover {
 transform: scale(1.02);
 box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 15px;
}

.vr_panel_silver {
  /*background-color:#7f7f7f; */
  padding:10px;
  padding-top:20px;
  padding-bottom:60px;
  background-color: rgba(122, 122, 122, 0.9);
  text-align:center;
  border-bottom-left-radius:14px;
  border-bottom-right-radius:14px;
  border-top: 1px solid #a7a7a7;
}


/* VIRTUALNI GALERIE END */

/* OBCHODN PODMINKY */

div.obchodni-podminky {
  width:65%;
  max-width:1200px;
  margin:30px auto;
  margin-bottom:80px;
  padding:40px;
  padding-bottom:60px;
  background-color: rgba(122, 122, 122, 0.5);
  border-top:2px solid #66FFCC;
  font-family:OpenSans;
  font-size:1rem;
  color:#FFFFFF;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
}

div.obchodni-podminky h1 {
  font-family:OpenSansBoldSemi;
  font-size:2.2rem;
  line-height:2.6rem;
  margin:0px;
  padding:0px;
}

div.obchodni-podminky h2 {
  font-family:OpenSansBoldSemi;
  font-size:1.6rem;
  margin-top: 40px;
}

div.obchodni-podminky a {
 color:white;
 text-decoration: underline;
}

div.obchodni-podminky a.download {
 color:white;
 display:inline-block;
 font-family:OpenSansLight;
 text-decoration: none;
 padding:13px 35px;
 background-color: rgba(122, 122, 122, 0.6);
 border-radius:5px;
 letter-spacing:1px;
}

div.obchodni-podminky a.download:hover {
 color:white;
 background-color: rgba(122, 122, 122, 0.9);
}


div.obchodni-podminky p {
  font-family:OpenSans;
  font-size:1rem;
  margin:10px 0px;
  padding:0px;
}

div.obchodni-podminky p.pg_1 {
  font-family:OpenSans;
  font-size:1rem;
  margin:10px 0px;
  padding:0px;
  padding-left:20px;
}


div.aktuality {
  width:65%;
  min-width:500px;
  max-width:1200px;
  margin:60px auto;
  margin-bottom:150px;
  padding:30px 30px 60px 30px;
  background-color: rgba(122, 122, 122, 0.4);
  border-right:3px solid #FFFF9D;
  text-align:left;
  border-top-left-radius:10px;
  border-bottom-left-radius:10px;
}

div.aktuality h1 {
  font-family:Open Sans;
  font-weight:300;
  font-size: 240%;
  line-height: 120%;
  color: #FFFFFF;
  letter-spacing:2px;
  margin-top:0px;
  padding-top:0px;
  text-align:right;
  text-decoration:none;
  text-align:right;
}

div.aktuality p {
  font-family:OpenSans;
  font-weight:400;
  color: #FFFFFF;
  margin:10px 20px;
  padding:0px;
  padding-top:25px;
  line-height:150%;
  letter-spacing:1px;
  text-align:left;
  color:#C1C1C1;
  width:70%;
}

div.aktuality p a {
  font-family:OpenSans;
  font-weight:400;
  color: #FFFFFF;
  margin:0px auto;
  padding:0px;
  padding-top:25px;
  line-height:150%;
  letter-spacing:1px;
  text-align:left;
  color:#C1C1C1
}

div.aktuality p a:hover {
  color:#E7E7E7
}


div.aktuality p span {
  font-weight:400;
  font-size:120%;
  color: #FFFFFF;
  letter-spacing:1px;


}

.aktuality_flex {
  width:85%;
  margin:80px auto;
  margin-top:100px;
  padding:0px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content:center;
  gap: 10px 30px;
  place-items: end center;
}

.aktuality_flex > img {
  padding:0px;
  margin:0px;
  border:3px solid white;
  }


/* error page */

.err_cnt {
  width:100%;
  margin:250px auto;
  color:white;
  text-align:center;
}

.err_cnt p {
  margin:0px auto;
  padding:0px;
  font-family:OpenSansLight;
  font-size:2.4rem;
  line-height:3rem;
  letter-spacing:1px;

}

.err_cnt a {
  color:white;
  font-family:OpenSansBoldSemi;
  text-decoration:none;
}

.err_cnt a:hover {
  text-decoration:underline;
}

/* kontakt */
div.kontakt {
  width:80%;
  max-width:1200px;
  margin:30px auto;
  margin-bottom:130px;
  padding:40px;
  padding-right:100px;
  padding-bottom:100px;
  background-color: rgba(122, 122, 122, 0.5);

 /* background-image: url("/images/autorka_foto.png");
  background-position: right top;
  background-repeat: no-repeat;   */

  background-image: url("/images/autorka.png");
  background-position: right 2% bottom;
  background-repeat: no-repeat;
  border-left:2px solid #B1FF6B;
  font-family:OpenSans;
  box-sizing: border-box;
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
}

div.kontakt p {
  font-family:OpenSans;
  color: #FFFFFF;
  margin:0px auto;
  padding:0px;
  padding-top:25px;
  line-height:150%;
  letter-spacing:1px;
}

div.kontakt p.redes_sociales {
  border-left:5px solid white;
  margin:30px 0px;
  padding:15px;
  padding-left:20px;
}

div.kontakt_adresa {
  margin:50px 0px;
  margin-left:20px;
  margin-bottom:20px;
  padding-left:100px;
  background-image: url("/images/icon_direccion.png");
  background-position: left center;
  background-repeat: no-repeat;
}

div.kontakt_adresa > p {
  margin:0px;
  padding:0px;
}

div.kontakt h1 {
  font-size:1.8rem;
  color: #FFFFFF;
  letter-spacing:2px;
  margin-top:0px;
  padding-top:0px;
   font-family:OpenSansLight;
}

div.kontakt p.autor {

   font-size:1.1rem;
   font-family:OpenSansLight;
   line-height:1.5rem;
  color: white;/*#FFFFFF;  */
  margin:50px auto;
  margin-left:60px;
  padding:35px 60px;
  letter-spacing:0.8px;
 /* background-color: rgba(122, 122, 122, 0.68);*/
     background-color: rgba(159, 159, 159, 0.6);
  border-radius:8px;
 /* background-image: radial-gradient(circle at right 5% bottom 10%,rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 0.3) 30%,#0000 30%),radial-gradient(circle at left 5% top 35%,rgba(250, 255, 252, 0.3) 22%,#0000 22%);  */
 background-image: radial-gradient(circle at right 5% bottom 10%,rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 0.3) 30%,#0000 30%);



}

div.kontakt p.oou {

   font-size:0.8rem;
   line-height:1.1rem;
  color:#D8D8D8;
  margin:0px auto;
  padding:0px;
  padding-top:25px;
  padding-right:250px;
  letter-spacing:1px;
}

div.kontakt p.oou > span {
  font-size:1rem;
  text-decoration:underline;
  line-height:2rem;
}


div.kontakt p span {
  font-weight:600;
}

div.kontakt p a {
  color: #FFFFFF;
  text-decoration: none;
}

div.kontakt p a:hover {
  text-decoration: underline;
}

p.partneri {
  margin-top:40px !important;
  padding:8px 10px 8px 0px !important;
  font-family:OpenSans;
  font-weight:300;
  font-size:80%;
  color:#D8D8D8 !important;
  letter-spacing:2px;
  padding-right:300px !important;
  border-left:5px solid #B1FF6B;
  padding-left:15px !important;
}






/* FANCYBOX */
.fancybox-is-open .fancybox-bg {
    opacity: 0.8 !important;
}

/* titulek obrazu */
.fancybox-caption {
  font-family:OpenSans !important;
  letter-spacing:1px;
  font-size:1rem  !important;
}

/* prehravac */
.audio_control {
  position: fixed;
  bottom: 10px;
  left: 10px;
  z-index: 1000; /* aby byl nad ostatním obsahem */
}
