@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: 99%;
  max-width: 1800px;
  margin: 0 auto;
  overflow: hidden;
}

.CenterText {
  text-align: center;
}

p {
  margin-top: .5rem
}

/* Headings */
h1, h2, h3, h4 {
  text-shadow: 2px 2px 0 hsl(159.6,35%,70%);
  margin-bottom: .6rem;
}
h1, h2, h3, h4 {
  text-align: center;
}
h2 {
  font-size: 1.7rem;
}
h3 {
  font-size: 1.5rem;
}

/* Links */
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 {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

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

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

/*Body */
body {
  font-family: Archivo, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  background-color: hsl(83.7,20%,80%);
  color: #000;
  line-height: 1.3;
}

/* Layout of page */
header {
  margin-bottom: 0;
  padding-top: 3.4rem;
  font-size: .9rem;
}
  header img {
    height: 1.8rem;
    margin: .4rem .4rem 0 0;
    display: inline-block;
  }
  header h1 {
    text-align: left;
    margin: 0 .5rem 0 0;
    display: block;
    float: left;
  }
  header img[alt="Logo M&S"] {
    display: block;
    float: left;
    height: 4rem;
  }

article {
  margin: 0;
}
aside {
  margin: 0;
}

footer {
  font-size: 1.1rem;
  text-align: center;
  padding-top: 20px;
  text-shadow: 1px 1px 0 #fff;
}
  footer strong {
    color: #fee;
    text-shadow: 2px 2px 0 #000;
    font-size: 1.2rem;
  }

/* Forms */
input, select, textarea, button {
  font-size: 1em;
  font-family: Archivo, sans-serif;
  font-weight: 500;
}

input[type="submit"], button {
  background: hsl(159.6,35%,70%);
  color: #000;
  border: 3px solid Black;
  border-radius: .5rem;
  padding: .3rem .4rem;
  margin: .1rem;
}

input[type="submit"]:hover, button:hover  {
  background: hsl(120,40%,70%);
  color: #333;
  cursor: pointer;
  border-color: #aaaaaa;
}

input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea, select, button {
  border-radius: .4rem;
  border: 2px solid Black;
  padding: .2rem;
  margin: .1rem;
}

/* Tables */
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;
}

caption {
  font-size: 1.2rem;
  font-weight: bold;
}

caption.Small {
  font-size: 1rem;
}

/* Začátek navigačního tlačítka */
#main_nav {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  background-color: hsl(27.6,65%,80%);
  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 */

/* Desktopová 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(159.6,35%,60%);
  color: #fee;
  padding: .4rem .8rem .5rem;
  margin: 0 .5rem;
  border: Black solid 3px;
  border-radius: 2rem;
  text-decoration: none;
  cursor: pointer;
}
nav a:hover, ul.Reference li a:hover {
  text-decoration: none;
  background: hsl(120,40%,70%);
}
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;
}

.Administration p {
  margin: 0;
  display: inline-block;
}

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

  #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: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
    background-color: hsl(84,25%,50%);
    text-shadow: 2px 2px 0 #111;
    padding-left: 1rem;
    z-index: 3;
  }

  nav.Desktop .Administration {
    position: absolute;
    right: 1rem;
    top: 1.2rem;
  }

}  /* min-width: 800px */

.Message {
  border: 3px solid #f9f9f9;
  padding: .4rem;
  font-weight: bold;
}
  .MsInfo {
    background-color: hsl(43.4,60%,70%);
  }
  .MsSuccess {
    background-color: hsl(120,40%,70%);
  }
  .MsError {
    background-color: hsl(8.6,80%,70%);
  }