@font-face { font-family: 'caption_font'; src: url('../fonts/opensans-condlight.eot'); src: url('../fonts/opensans-condlight.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-condlight.woff') format('woff'), url('../fonts/opensans-condlight.ttf') format('truetype'), url('../fonts/opensans-condlight.svg#open_sanscondensed_light') format('svg'); font-weight: normal; font-style: normal; }

* {
    font-family: caption_font, sans-serif;
}

body { margin: 0px; background-color: black; }
body, .normalText { text-align: center; color: #000000; line-height: 29px; font-weight: 400; font-size: 24px; }

h1 {}
h2 { font-size: 42px; font-weight: bold; text-shadow: 2px 2px 2px silver; text-transform: uppercase; }
h3 { font-size: 34px; font-weight: bold; }
p { /* font-size: 1.19rem; font-weight: 300; */ line-height: 1.7; text-rendering: optimizeLegibility; /* font-family: Montserrat,Verdana,Geneva,sans-serif; */ }

.TextRight { text-align: right !important; }

.Container { width: 1300px; margin: auto; }

.Btn { text-decoration: none; padding: 10px 15px; border: 2px solid white; border-radius: 15px; background-color: #8c772f; color: #e0e0e0; transition: background-color .3s ease,opacity .3s ease,color .3s ease; }
.Btn:hover { color: #fff; background: #bbbdc0; border-color: #fff; text-decoration: none; }


.Btn1 { min-width: 230px; border-color: #38388C; padding: 30px; margin: 20px 30px; display: inline-block;  background-color: #6666ff; color: white; }
.Btn1:hover { color: #fff; background: #38388C; border-color: #6666ff; }
.Btn2 { min-width: 230px; border-color: #8C2300; padding: 30px; margin: 20px 30px; display: inline-block;  background-color: #ff4000; color: white }
.Btn2:hover { color: #fff; background: #8C2300; border-color: #ff4000; }

header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background-color: #000; color: silver; padding: 15px 0px; box-shadow: 0px 0px 15px black; }
header .Container { display:flex; justify-content: space-between; }
header h1 { width: 0px; display: inline-block; overflow: hidden; white-space: nowrap; }
header img { display: inline-block; height: 90px; margin-right: 10px; }
header .LogoTxt { display: table-cell; line-height: 30px; margin-top: 20px; }
header .HeaderItem { display: inline-flex; justify-content: space-between; }
header span, header a { display: block; font-weight: bold; }
header .Menu { margin: 18px 0px; }
/* header .Menu div > * { vertical-align: middle; line-height: normal; } */
header .Menu div { display: inline; }
header .Menu span, header .Menu a { display: block; font-weight: bold; color: silver; text-decoration: none; margin-left: 10px; padding: 10px 15px; text-transform: uppercase; transition: background-color .3s ease,opacity .3s ease,color .3s ease; }
header .Menu span:hover, header .Menu a:hover { color: white; text-decoration: underline; cursor: pointer; }
header .Menu span.shop { margin-left: 20px;  }
header .Menu span.shop:hover { }

.toggle { display: none; cursor: pointer; width: 55px; height: 51px; margin: 5px auto; border: 1px solid silver; background: #000 url("../images/app-ico-menu.png") no-repeat center center; }


main { background-color: white; }
footer { background-color: #000; color: silver; padding: 34px 0px; }


section.top_img { text-align: center; background-color: #A39F9E; padding-top: 130px; height: 640px; /* background-attachment: fixed; */ background-image: url('../images/header.jpg'); background-position: center center; background-repeat: no-repeat;  }

section.top_text { padding: 25px 0px; }
section.top_text p { text-align: justify; }
section.about { background-color: #C1BBBB; padding: 24px 0px; }
section.about p { text-align: justify; }
section.about iframe { width: 100%; height: 600px; }
section.sluzby { background-color: rgb(181,167,166); padding: 24px 0px; }
section.contact { background-color: #EFEFEF; padding: 24px 0px; }
section.contact .Columns { display: flex; }
section.contact .Columns .Column { display: inline-block; width: 33%; padding: 0px 15px; }
section.contact .Columns .Column h3 { padding-bottom: 15px; margin-bottom: 19px; border-bottom: 2px dotted gray; }
section.contact .Columns .Column .Txt { color: gray; text-transform: uppercase; font-size: 24px; }


.OnlineRezervace { padding-top: 130px;padding-bottom: 130px; }




.Map { margin-top: 34px; }
#map_canvas { width: 100%; height: 450px; background-color: rgb(234,234,234); }

/*** BLOG ***********************/
.section-blog { padding: 10px 0px; }
.section-blog:nth-child(odd) { background-color: white; }
.section-blog:nth-child(even) { background-color: rgb(235,236,236); }

.TextLeft { text-align: justify; }



@media screen and (max-width: 1300px) {
    .Container { width: 100%; box-sizing: border-box; padding: 0px 25px; }

    .toggle { display: inline-block; margin: 25px 0px 0px 0px; }

    .HeaderItem.Menu { display: none; width: 0px; }
    .HeaderItem.Menu.Active { display: block; background: #000; border: 1px solid silver; z-index: 1000; position: absolute; top: 92px; width: auto; right: 25px; margin: 0px; }
    .HeaderItem.Menu.Active div { display: block; }
    .HeaderItem.Menu.Active div a, .HeaderItem.Menu.Active div span { margin: 0 5px 5px 5px; }
    .HeaderItem.Menu.Active div:nth-of-type(1) a, .HeaderItem.Menu.Active div:nth-of-type(1) span { margin-top: 5px; }
}

@media screen and (max-width: 1200px) {

    section.contact .Columns  { display: block; }
    section.contact .Columns .Column { display: block; width: 100%; }

    .section-blog div h2 { font-size: 28px; }
}