/* fialová  #7f0f37  světlá fialová #9f4565 */

body {
 position: relative;
 background-color: #eeeeee;
 margin: 0;
 padding: 0;
 color: #001510;
 font-family: 'roboto',arial;
 font-size: 19px;
 line-height: 23px;
}
section {
 position: relative;
 margin: auto;
 padding: 15px 10px 30px 10px;
 max-width: 1080px;
}


/*____________________________________________________________________________________________________________________________ ILUSTRACE___*/
.ilustrace {
 background-image: url("/img/ilustrace.jpg");
 background-repeat: no-repeat;
 background-position: center top;
 background-size: cover;
}
.box_ilustrace {
 position: relative;
 margin: auto;
 max-width: 1100px;
 height: 800px;
}
.slogan {
 position: absolute;
 right: 100px;
 bottom: 100px;
 color: #eeeeee;
 font-size: 25px;
 font-weight: 300;
 line-height: 40px;
 text-align: center;
}
.slogan b {
 font-family: 'Uncial Antiqua',arial;
 font-size: 60px;
 font-weight: 300;
}
.slogan span {
 font-size: 50px;
 font-weight: 300;
}


/*_____________________________________________________________________ OBSAH___*/
h1 {
 font-size: 45px;
 font-weight: 300;
 text-align: center;
}
.greenbox {
 background-color: #001510;
}
.greenbox_obsah {
 width: 700px;
 margin: auto;
 padding: 20px 0px 0px 0px;
 color: #eeeeee;
 font-size: 21px;
 font-weight: 300;
 font-style: italic;
 line-height: 30px;
}
.greenbox_obsah div {
 width: 50%;
 padding: 0px 0px 0px 0px;
 float: left;
}
.greenbox_obsah div img {
 width: 100%;
}

.links {
 max-width: 750px;
 margin: auto;
 padding: 0px 0px 0px 0px;
}
.links a {
 display: inline-block;
 width: 48%;
 text-align: center;
}
.links a img {

}

.fogalerie {
 width: 33%;
 float: left;
}
.fogalerie img {
 width: 100%;
}






h2 {
 color: #7f0f37;
 font-size: 30px;
 font-weight: 400;
 text-align: center;
}
p {
 margin: 5px 0px 5px 0px;
}
a {
 color: #333333;
 font-size: 19px;
 font-weight: 400;
}
a:hover {
   color: #000000;
}
ol {
 margin: 0px;
 padding: 15px 0px 15px 20px;
}
.seznam {
 line-height: 25px;
}


table {
   color: #350000;
   font-family: 'Baloo 2',arial;
   font-size: 15px;
   font-weight: 400;
}
hr {
 background-color: #cccccc;
 border: 0;
 height: 1px;
}


/*____________________________________________________________________________________________________________________________ CONFIRMCOOKIE___*/
.switch {
  position: relative;
  display: inline-block;
}
.switch-input {
  display: none;
}
.switch-label {
  display: block;
  width: 48px;
  height: 24px;
  text-indent: 150%;
  clip: rect(0 0 0 0);
  user-select: none;
}
.switch-label::before,
.switch-label::after {
  content: "";
  display: block;
  position: absolute;
  cursor: pointer;
}
.switch-label::before {
  width: 100%;
  height: 100%;
  background-color: #dedede;
  border-radius: 9999em;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}
.switch-label::after {
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
}
.switch-input:checked + .switch-label::before {
  background-color: #89c12d;
}
.switch-input:checked + .switch-label::after {
  left: 24px;
}


#setingcookies {
 visibility: hidden;
 position: fixed;
 bottom: 50px;
 left: 50%;
 margin-left: -150px;
 padding: 30px 30px 30px 30px;
 width: 300px;
 background-color: #ffffff;
 z-index: 30;
}
#confirmcookies {
 position: fixed;
 bottom: 0px;
 left: 0px;
 width: 100%;
 background-color: #eeeeee;
 z-index: 20;
}
#confirmcookies .box {
 margin: auto;
 padding: 30px 0px 20px 0px;
 width: 100%;
 color: #111111;
 font-size: 18px;
 text-align: center;
 z-index: 10;
}
.but_no {
 display: inline-block;
 border: #6eb100 1px solid;
 border-radius: 8px;
 background-color: #fafafa;
 padding: 8px 0px 8px 0px;
 margin: 0px 0px 20px 20px;
 width: 200px;
 color: #222222;
 font-size: 14px;
 text-align: center;
 text-decoration: none;
}
.but_ok {
 display: inline-block;
 border: 0;
 border-radius: 8px;
 background-color: #00aa00;
 padding: 8px 0px 8px 0px;
 margin: 0px 0px 20px 20px;
 width: 200px;
 color: #ffffff;
 font-size: 14px;
 text-align: center;
 text-decoration: none;
}


/*____________________________________________________________________________________________________________________________ BOOTOM___*/
.bottom {
 background-color: #001510;
 padding: 20px 0px 30px 0px;
}
.bottom_obsah {
 margin: auto;
 padding: 0px 10px 0px 10px;
 max-width: 1080px;
}
.bottom_cast {
 width: 25%;
 color: #cccccc;
 font-size: 15px;
 line-height: 23px;
 float: left;
}
.bottom_cast span {
 display: block;
 color: #ffffff;
 margin-bottom: 10px;
 font-weight: 600;   
}
.bottom_cast a {
 color: #cccccc;
 font-size: 15px;
 text-decoration: none;
}
.bottom_cast a:hover {
 color: #ffffff;
 font-size: 15px;
 text-decoration: underline;
}
.bot_logo {
 width: 160px;
}

.iko_social {
 width: 55px;
}


.podpis {
 background-color: #222222;
 padding: 20px 0px 20px 0px;
}
.podpis_obsah {
 margin: auto;
 padding: 0px 10px 0px 10px;
 max-width: 1080px;
 color: #777777;
 font-size: 15px;
}
.podpis_cast {
 width: 50%;
 float: left;
}
.podpis_obsah a {
 color: #777777;
 font-size: 15px;
}



/*____________________________________________________________________________________________________________________________ OBECNE___*/
img {
 border: 0px;
}
.clear {
 clear: both;
}
.left {
 text-align: left;
}
.center {
 text-align: center;
}
.right {
 text-align: right;
}
.justify {
 text-align: justify;
}
.bold {
 font-weight: 500;
}
.fullsize {
 width: 100%;
}
.flo_left {
 float: left;
}
.flo_right {
 float: right;
}
.box33 {
 width: 33%;
 float: left;
}
.box50 {
 width: 50%;
 float: left;
}
.box50 img {
 margin-bottom: 30px;
 width: 95%;
}
.box50r {
 width: 50%;
 float: right;
}
.box50r img {
 margin-bottom: 30px;
 width: 100%;
}
.invisible {
 display: none;
}