@charset "UTF-8";
/* CSS Document */

/* Šířka elementu se bere včetně padding a border */
* {
  box-sizing: border-box;
}
/* Hack pro rušení obtékání */
.Cf:after {
  content: "";
  clear: both;
  display: table;
}
/* Globální centrování a rozměry webu */
.Center-global {
  width: 96%;
  max-width: 1500px;
  margin: 0 auto;
  overflow: hidden;
}

p {
  margin-top: .6rem
}

h2, h3, h4, h5 {
  text-shadow: 1px 1px 0 #fff; /* hsl(209.6,99%,69%) */
  color: #000;
  margin-bottom: .5rem;
}

ol, ul {
  margin: 0;
  padding-top: 0;
}

/* Links */
a {
  text-decoration: none;
}

h1 a, h2 a, h3 a, h4 a, p a, table a {
  color: #4169fd;
}

h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, p a:visited, table a:visited {
  color: #632bff;
}

a:hover {
  text-decoration: underline;
}

a:active {
  color: hsl(29.6,60%,52.5%);
}

/* Layout of page */
body {
  font-family: Archivo, sans-serif;
  font-weight: 500;
  font-size: 1.1rem;
  background-color: hsl(215,90%,89%);
  color: #000;
  line-height: 1.3;
  position: relative;
}

header {
  font-size: .9em;
  margin-bottom: 0;
  padding-top: 2.3rem;
}
  .Clearfix {
    overflow: visible;
  }
  header h1 {
    text-align: center;
    color: #000;
    text-shadow: 2px 2px 0 #fff;
    margin: .2rem .2rem 0;
    margin-bottom: 0;
  }
  img.Johny {
    position: relative;
    top: 1rem;
    border-radius: 12px;
    z-index: 2;
  }

article {
  margin: 2rem;
}

footer {
  font-size: 1.2rem;
  text-align: center;
  padding: 9rem 0 8.5rem;
  text-shadow: 1px 1px 0 #eee;
  background-image: url("/images/vobart/strom-life.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 50%;
  width: 96%;
  max-width: 679px;
  margin: 0 auto 1rem;
  overflow: hidden;
}
  footer strong, table caption {
    color: #fee;
    text-shadow: #000 2px 2px 0;
  }
  footer p span {
    background-color: #c79963;
    border-radius: .4rem;
  }

.Copyright {
  display: none;
}
.Vobart {
   position: absolute;
   bottom: -1.7rem;
   right: 0;
   margin-right: .5rem;
   font-size: .8rem;
   text-align: right;
   line-height: 2.5;
 }

/* Začátek navigačního tlačítka */
#main_nav {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  background-color: hsl(27.6,55%,90%);
  width: 90%;

  border: #696969 5px dashed;
  border-radius: 0 0 2rem 2rem;
  box-shadow: 0 0 8px 2px #000;
}

.with_nav #main_nav {
  display: block;
  z-index: 5;
}

.access_aid {
  display: none;
}

#access_nav {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  width: 48px;
  height: 0;
  padding-top: 40px;
  overflow: hidden;
  border: 4px solid Firebrick;
  background: #ccc 8px 8px / 24px 24px no-repeat;
  background-image: repeating-linear-gradient(Firebrick, Firebrick 2px, #ccc 6px, #ccc 10px);
  z-index: 6;
}

.with_nav #access_nav {
  background-image: linear-gradient(45deg, transparent 13px, Firebrick 18px, Firebrick 18px, transparent 0), linear-gradient(-45deg, #ccc 13px, Firebrick 18px, Firebrick 18px, #ccc 0);
}
/* Konec navigačního tlačítka */

/* Mobilní navigace */
nav.Desktop {
  display: none;
}

/* Všechny navigace */
nav ul, ul.Reference {
  padding-left: 0;
}

nav.Mobile {
  padding-bottom: 1rem;
}
  nav.Mobile ul li {
    margin-bottom: .5rem;
  }

nav ul li, ul.Reference li {
  display: inline-block;
  margin: 1.2rem .1rem;
  text-shadow: 2px 2px 1px #111;
  list-style-type: none;
}
nav a, ul.Reference li a {
  background: hsl(209.6,99%,69%);    /* hsl(216.8,98%,75%) */
  color: #fee;
  padding: .4rem 1rem .5rem;
  margin: 0 .5rem;
  border-radius: 2rem;
  text-decoration: none;
  cursor: pointer;
}
nav a {
  border: #696969 solid 3px;
}
nav a:hover, ul.Reference li a:hover {
  background: hsl(203,99%,70%);
  text-decoration: none;
  color: #fffafa;
}
nav a:active, ul.Reference li a:active, nav a.Active {
  background: hsl(29.6,40%,65%);
  color: #222;
  text-shadow: 2px 2px 0 #eee;
  text-decoration: none;
}

/* Všechny #Language a menu */
.Language p, .Language img, li a img {
  margin: 0;
  display: inline-block;
}
.Language img {
  position: relative;
  top: 11px;
  left: 4px;
}
li a img {
  position: relative;
  top: .7rem;
  left: .4rem;
  margin-left: .2rem;
  margin-right: .1rem;
  padding: 0;
}

/* Table */
table {
  border-spacing: .3rem;
  border-collapse: collapse;
  border-radius: .8rem;
}
  table td {
    padding: .3rem;
    text-align: center;
  }

  table.Social {
    border-spacing: 0;
  }
  table.Social img {
    height: 50px;
    width: 54px;
  }

@media only screen and (min-width: 800px) {

  .Copyright {  /* Jen na větších obrazovkách */
    display: block;
    position: absolute;
    bottom: -1.2rem;
    left: 0;
    margin-left: .5rem;
    font-size: .7rem;
  }

}  /* min-width: 800px */

@media only screen and (min-width: 999px) {

  #access_nav, #main_nav {  /* Zneviditelnění mobilní navigace */
    display: none
  }

  /* Destopová Navigace */
  nav.Desktop {
    display: block;
    position: fixed;  /* Set the navbar to fixed position */
    top: -1rem;  /* Position the navbar at the top of the page */
    width: 100%;  /* Full width */
    background-color: hsl(27.6,55%,90%); /* hsl(215,97%,86%) */
    text-shadow: 2px 2px 0 #111;
    padding-left: 1rem;
    padding-bottom: 0;
    z-index: 3;
  }
    nav.Desktop .Language {
      position: absolute;
      right: 1rem;
      top: 1.1rem;
    }

}  /* min-width: 999px */

#Search {
  display: none;
  margin-bottom: 1rem;
}

/* ShareButton to Fb */
img.Share {
  display: block;
  margin: 9px 9px 0 auto;
  width: 99px;
  border-radius: 14px;
  border: transparent solid 8px;
}
img.Share:hover {
  border: hsl(203,99%,70%) solid 8px;
}
img.Share:active {
  border: hsl(29.6,40%,65%) solid 8px;
}