/* šedá  #bbbbbb  modrá #0084c5  */

body {
 position: relative;
 background-color: #ffffff;
 margin: 0;
 padding: 0;
 color: #474747;
 font-family: 'Open Sans',sans-serif;
 font-size: 19px;
 font-weight: 400;
 line-height: 23px;
}
section {
 position: relative;
 margin: auto;
 padding: 15px 10px 30px 10px;
 max-width: 1180px;
}
.grey {
 background-color: #eeeeee;
}
.grey_box {
 margin: auto;
 padding: 30px 10px 30px 10px;
 max-width: 1180px;
}


/*____________________________________________________________________________________________________________________________ TOP___*/
.top {
 background-color: #282828;
 padding: 0px 0px 0px 0px;
 height: 100px;
/* border-bottom: 1px #0084c5 solid;  */
}
.box_top {
 position: relative;
 margin: auto;
 max-width: 1200px;
 text-align: center;
}
.top_logo {
 position: absolute;
 left: 10px;
 top: 7px;
}
.top_logo a img {
 width: 300px;
}
.top_kontakty {
 position: absolute;
 right: 10px;
 top: 30px;
 color: #adadad;
/* color: #0084c5;  */
 font-size: 19px;
 text-align: right;
}


/*____________________________________________________________________________________________________________________________ TOPMENU___*/
#logo_mobile {display: none;}
.menu {
 background-color: #ed1c24;
}
.box_menu {
 margin: auto;
 padding: 0px 0px 5px 0px;
 max-width: 1200px;
 text-align: center;
}
.box_menu a {
 display: inline-block;
 border-bottom: 1px #ed1c24 solid;
 padding: 7px 30px 7px 30px;
 color: #ffffff;
 font-size: 22px;
 font-weight: 400;
 text-align: center;
 text-decoration: none;
}
.box_menu a:hover {
 border-bottom: 1px #ffffff solid;
 color: #ffffff;
 text-decoration: none;
}
#menu_responzive a.aktivni {
 border-bottom: 1px #1b8244 solid;
 color: #1b8244;
 text-decoration: none;
}


/*____________________________________________________________________________________________________________________________ ILUSTRACE___*/
.ilustrace {
 position: relative;
}
.ilustrace img {
 width: 100%;
}
.box_ilustrace {
 margin: auto;
 max-width: 1100px;
}


/*_____________________________________________________________________ OBSAH___*/
.obsah {
 padding: 0px 10px 0px 10px;
}
h1 {
 color: #474747;
 font-size: 30px;
 font-weight: 400;
 line-height: 35px;
 text-align: left;
}
h2 {
 color: #474747;
 font-size: 22px;
 font-weight: 400;
 text-align: left;
}
p {
 margin: 5px 0px 5px 0px;
}
a {
 color: #474747;
 font-family: 'Open Sans',sans-serif;
 font-size: 19px;
 font-weight: 400;
}
a:hover {
   color: #000000;
}

.galerie {
 margin-bottom: 20px;
 width: 33%;
 float: left;
}
.galerie a {
 font-size: 19px;
 text-decoration: none;
}
.galerie_box {
 border: #0084c5 1px solid;
 padding: 15px 15px 15px 15px;
 margin: 0px 15px 0px 15px;
 text-align: center;
}
.galerie_box img {
 margin-bottom: 5px;
 width: 100%;
}

.galery4 {
 width: 25%;
 float: left;
}
.galery5 {
 width: 20%;
 float: left;
}
.galery_vert {
 border: #bbbbbb 1px solid;
 background-color: #ffffff;
 margin: 0px 4px 7px 4px;
 padding: 5px 5px 5px 5px;
 height: 185px;
 text-align: center;
}
.galery_vert div {
 height: 185px;
 overflow: hidden;
}
.galery_vert div div {
 height: 190px;
}
.galery_vert div div a img {
 width: 100%;
}
.galery_hori {
 border: #bbbbbb 1px solid;
 background-color: #ffffff;
 margin: 0px 4px 7px 4px;
 padding: 5px 5px 0px 5px;
 height: 190px;
 overflow: hidden;
}
.galery_hori div {
 display: table-cell;
 height: 190px;
 text-align: center;
 vertical-align: middle;
}
.galery_hori div a img {
  width: 100%;
}


hr {
 background-color: #cccccc;
 border: 0;
 height: 1px;
}

.index_galerie {
 border-top: #340303 2px solid;
 border-bottom: #340303 2px solid;
 margin: 40px 0px 40px 0px;
 padding: 25px 0px 10px 0px;
}
.index_galerie div {
 margin: auto;
 max-width: 1400px;
}
.index_galerie div a img {
 width: 33.3%;
 float: left;
}

.apartmany_galerie a img {
 width: auto;
 height: 180px;
}

.backbutton {
 display: block;
 border: 0;
 border-radius: 8px;
 background-color: #cccccc;
 padding: 8px 0px 8px 0px;
 width: 100px;
 color: #ffffff;
 font-size: 16px;
 font-weight: 400;
 text-align: center;
 text-decoration: none;
 float: right;
}





/*____________________________________________________________________________________________________________________________ SOCIAL BUTTONS___*/
.but_facebook,.but_twitter,.but_google {
   display: block;
   border-radius: 7px;
   margin-bottom: 8px;
   padding: 10px  0px 0px 0px;
   width: 170px;
   height: 25px;
   color: #eeeeee;
   font-family: arial;
   font-size: 14px;
   font-weight: normal;
   text-decoration: none;
   text-align: center;
}
.but_facebook {
   background-color: #425f9c;
}
.but_facebook:hover {
   background-color: #2e4a83;
   color: #ffffff;
   text-decoration: none;
}
.but_twitter {
   background-color: #1b95e0;
}
.but_twitter:hover {
   background-color: #1d75ab;
   color: #ffffff;
   text-decoration: none;
}


/*_____________________________________________________________________ FORM___*/
.box_form {
   border: #350000 1px solid;
   border-radius: 15px;
   padding: 20px 0px 20px 0px;
}
.box_form p {
   text-align: center;
}
.overeni {
   display: none;
}
.pole {
border: #350000 1px solid;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 6px;
color: #350000;
}
.pole_a {
border: #350000 1px solid;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 6px;
width: 220px;
color: #350000;
}
.pole_b {
border: #350000 1px solid;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 6px;
width: 60px;
color: #350000;
}
.textpole {
   border: #7f0f37 1px solid;
   background-color: #eeeeee;
   margin: 0px 0px 0px 0px;
   padding: 8px;
   width: 270px;
   height: 50px;
   color: #111111;
}
.label {
 padding-right: 30px; 
 width: 20%; 
 text-align: right;
 float: left;
}
.buton {
 border: 0;
 border-radius: 7px;
 background-color: #18700b;
 padding: 10px 30px 10px 30px;
 color: #eeeeee;
 text-decoration: none;
}
.buton:hover {
   color: #ffffff;
   text-decoration: none;
}


/*____________________________________________________________________________________________________________________________ BOOTOM___*/
.bottom {
 background-color: #282828;
 padding: 30px 0px 30px 0px;
}
.bottom_obsah {
 margin: auto;
 padding: 0px 10px 0px 10px;
 max-width: 1080px;
}
.bottom_cast {
 width: 33%;
 color: #cccccc;
 font-size: 15px;
 line-height: 23px;
 float: left;
}
.bottom_cast span {
 display: block;
 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: 80%;
}
.bottom_cast_social {
 width: 50%;
 text-align: right;
 float: left;
}
.bottom_cast_social img {
 width: 45px;
}


.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;
}


/*____________________________________________________________________________________________________________________________ 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;
 width: 300px;
 background-color: #ffffff;
 z-index: 30;
}

#confirmcookies {
 position: fixed;
 bottom: 0px;
 left: 0px;
 background-color: #eeeeee;
 z-index: 20;
}
#confirmcookies .box {
 margin: auto;
 padding: 30px 30px 20px 30px;
 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;
}


/*____________________________________________________________________________________________________________________________ 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: bold;
}
.fullsize {
 width: 100%;
}
.flo_left {
 float: left;
}
.flo_right {
 float: right;
}
.box33 {
 width: 33%;
 float: left;
}

.box50 {
 width: 50%;
 float: left;
}

.invisible {
 display: none;
}