html, body { height: 100%; margin: 0; padding: 0; color: #484848; font-family: "minion-pro", sans-serif; font-size: 18px; font-weight: 400; }
h1 { margin: 0; }
h2 { font-size: 40px; font-weight: 500; font-style: italic; text-transform: uppercase; }
.subtitle { margin-top: -40px; margin-bottom: 50px; font-size: 18px; font-weight: 500; font-style:italic; }
h3 { font-size: 28px; font-weight: 600; }
a { color: #000; }

#background { position: fixed; width: 100%; height: 100%; top: 0px; left: 0; background: url('../img/background.jpg') no-repeat left top; background-size: cover; z-index: -1; }
#background #overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: 0; }

#top { width: 100%; height: 148px; background-color: #fff; z-index: 999; position: absolute; }
#header { position: relative; max-width: 1200px; margin: auto; overflow: hidden; }
#header #logo { margin-left: 30px; margin-top: 25px; float: left; }

#menu { margin: 50px 0 0 0; padding: 0; text-align: center; font-size: 18px; }
#menu li { margin: 0; padding: 0; list-style-type: none; display: inline-block; }
#menu li a { padding: 0 0.8em; display: inline-block; line-height: 40px; text-decoration: none; color: #aead06; text-transform: uppercase; }
#menu li a.active, #menu li a:hover { color: #3c3c3b; text-decoration: none; }

#vertical-menu { position: absolute; left: 0; top: 0; margin-top: 60px; font-family: arial; font-size: 12px; text-transform: uppercase; z-index: 999; }
#vertical-menu ul { margin: 0; padding: 0; }
#vertical-menu li { display: block; margin-top: 50px; list-style-type: none; text-align: center;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: 0 0;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: 0 0;
    -o-transform: rotate(-90deg);
    -o-transform-origin: 0 0;
    transform: rotate(-90deg);
    transform-origin: 0 0;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-3);
    
}
#vertical-menu li:before { content: none; }
#vertical-menu a { display: inline-block; padding: 10px; color: #6f6f6f; text-decoration: none; }
#vertical-menu li a.active, #vertical-menu li a:hover { color: #c5c400; }

#uvod { overflow: hidden; }
#uvod .block-content { padding: 0; padding-top: 210px;}
#uvod .info { max-width: 550px; margin: 40px auto 90px auto; padding: 15px 35px; background-color: rgba(255,255,255,0.8); color: #000000; font-size: 16px; font-family: "museo-sans", sans-serif;  font-weight: 100; text-align: center; overflow: hidden; }
#uvod .info h2 { margin-bottom: 5px; font-style: normal; text-transform: none; }

#sluzby { background-color: #eeeeee; }
#sluzby .sluzby ul { margin: 0; padding: 0; list-style-type: none; font-weight: 600; }
#sluzby .sluzby ul li { margin: 0; padding: 0; list-style-type: none; text-indent: -15px; }
#sluzby .sluzby ul li:before { content: "≈ " }
#sluzby .sluzby ul ul { margin: 10px 0; font-size: 14px; font-weight: 400; }
#sluzby .sluzby ul ul li { text-indent: 0 }
#sluzby .sluzby ul ul li:before { content: "" }
#sluzby .sipka { background: transparent url('../img/sipka-seda.png') no-repeat center center; }
#sluzby .aktualita { width: 330px; margin-top: -40px; margin-bottom: 20px; padding: 20px; float: right; background-color:  #dddddd; color: #7c7c7c; font-size: 11px; font-family: "museo-sans", sans-serif; font-weight: 700;  }
#sluzby .aktualita h3 { font-size: 14px; text-transform: uppercase; }

#zajimavosti { background-color: #dddddd; }
#zajimavosti .sloupce { text-align: center }
#zajimavosti .sloupec { width: 490px; margin: 0; margin-right: 25px; display: inline-block; text-align: left; font-size: 14px; vertical-align: top; }


#reference { background-color: #ffffff; }
#reference .sloupce { text-align: center; }
#reference .reference { max-width: 490px; padding-right: 25px; display: inline-block; text-align: left; vertical-align: top; border-right: 1px solid #535353; }
#reference .spratelene-weby { max-width: 490px; padding-left: 25px; display: inline-block; text-align: left; vertical-align: top; }
#reference .sloupec { width: 200px;  margin: 20px 16px; display: inline-block; text-align: center; font-size: 18px; font-style: italic; }
#reference .sloupec a { text-decoration: none; }
#reference .sipka { background: transparent url('../img/sipka-seda.png') no-repeat center center; }

#kontakt { background-color: #eeeeee; position: relative; }
#kontakt .sloupce { text-align: center; }
#kontakt .kontakt { width: 200px; margin-bottom: 30px; padding-left: 40px; margin-right: 20px; display: inline-block; vertical-align: top;  background: transparent url('../img/kontakt.png') no-repeat left 6px; text-align: left; }
#kontakt .kontakt h3 { margin: 0; }
#kontakt .qr { width: 200px; margin: 0 40px 180px; display: inline-block; vertical-align: top; }
#kontakt .poptavka  { max-width: 460px; margin: 0 15px; margin-top: -120px; display: inline-block; vertical-align: top; text-align: left; }
#kontakt .poptavka input, #kontakt .poptavka textarea { width: 100%; padding: 0 20px; background: transparent; border: 1px solid #cecece; font-family: "minion-pro", sans-serif; color: #8b8b8b; font-size: 13px; font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
}
#kontakt .poptavka input { height: 44px; margin-bottom: 10px; }
#kontakt .poptavka textarea { height: 180px; padding-top: 20px; }
#kontakt .poptavka input.button { width: 150px; height: 40px; color: #636363; font-size: 18px; font-style: normal;  }

#footer { margin-top: -1px; background-color: #fff; line-height: 130px; text-align: center; font-size: 10px; font-family: "proxima-nova", sans-serif; color: #b1b1b1; font-weight: 600; text-transform: uppercase; }
#footer a { color: #545454; text-decoration: none; }

.section-block { position: relative; padding-bottom: 60px; }
.block-content { margin: auto; padding: 60px; padding-left: 100px; max-width: 1040px; overflow: hidden; position: relative; }
.sipka { position: absolute; bottom: 0; left: 50%; display: block; margin-left: -5px; width: 65px; height: 65px; background: transparent url('../img/sipka-bila.png') no-repeat center center; }
.vice { font-size: 10px; font-weight: 500; font-style: italic; color: #4f4f4f; text-transform: uppercase; }
.obsah-vice { display: none; }
.pod-carou { margin-top: 80px; padding-top: 10px; border-top: 1px solid #535353; font-weight: 500; font-style: italic; }


@media screen and (max-width: 1100px) {
  #menu-button { display: block; }
  #menu { position: relative; margin-top: 6px; float: right; text-align: right; background-color: #fff; z-index: 999999999; }
  #menu li { display: block; }
  #menu li a { display: block; line-height: 18px; padding: 12px; }
  #sluzby .aktualita { width: auto; float: none; margin-top: 0; }
  .hidden { display: none; }
}