* { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

BODY { margin: 0; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 300; color: #434a54; line-height: 1.5; }
 @font-face { font-family: 'Luckiest Guy'; src: url(LuckiestGuy.ttf); }  

.fullFrame { width: 100%; float: left; }
.mainFrame {width: 1200px; margin: 0 auto; }
.hidden {display: none;}
.kotva {width: 100%; height: 0; float: left; line-height: 0;}
.obrazekVlevo {float: left; margin: 0 15px 10px 0;}
.obrazekVpravo {float: right; margin: 0 0 10px 15px;} 
.relative { position: relative; }
.container { width: 100%; float: left; }

IMG { max-width: 100%; display: block; border: 0; }
A {color: inherit; text-decoration: none;}
HR {width: 100%; height: 1px; float: left; background-color: #eeeded; border: 0; margin: 10px 0;}
H1, H2, H3, H4, H5, H6, NAV.menu A.main, .banner, .fastItem .head, ARTICLE .button { font-family: 'Luckiest Guy', cursive; letter-spacing: 1px; }
UL { margin: 0; padding: 0; }

/* formatovani textu */
H1 { margin-bottom: 30px; font-size: 28px; text-transform: uppercase; }
H1:first-child { margin-top: 0; }
H2 { margin-top: 25px; margin-bottom: 20px; font-size: 30px; text-transform: uppercase; }
H3 { margin-bottom: 25px; font-size: 20px; text-transform: uppercase; }
B, STRONG { font-weight: bold; }

P { margin: 5px 0; }

/* pozadi */
.groundLayout { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: #f4f4f4 url('/images/background/ground.png') center center repeat-y; }

/* vyjizdeci kontakty */
.fixedContact { height: 65px; position: fixed; z-index: 102; padding: 18px 10px 0 75px; text-align: right; font-size: 18px; font-weight: 400; color: #fff; border-bottom-left-radius: 10px; border-top-left-radius: 10px; transition: right .3s ease-out; }
.fixedContact.phone { top: 280px; right: -158px; background: #fb6b47 url('/images/icon/phone-circle.png') 15px center no-repeat; }
.fixedContact.eMail { top: 355px; right: -234px; background: #a3ce14 url('/images/icon/mail-circle.png') 15px center no-repeat; }
.fixedContact:hover { right: 0; }

/* hlavicka */
HEADER { display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: space-between; }
HEADER {  position: relative; display: flex; align-items: center; justify-content: space-between; background: #fff; }
  .logo { width: 157px; height: 157px; float: left; background: url('/images/logoXXX.png') no-repeat; }
    .logo img {max-width: 100%; max-height: 100%;}
  
/* menu */
.menu { float: right; padding-right: 10px; font-size: 21px; } 
 .menu UL { -webkit-display: flex; -webkit-align-items: center; }
 .menu UL { float: left; display: flex; align-items: center; list-style-type: none; }
   .menu LI { float: left; padding: 0 20px; white-space: nowrap; }
   .menu LI.home { width: 94px; height: 207px; position: relative; margin-right: 35px; padding: 0; }
   .menu LI .main:hover:after, .menu LI .main.active:after { opacity: 1; }
   .menu LI .main:after { content: ''; width: 23px; height: 39px; position: absolute; bottom: 0; left: calc(50% - 11.5px); background: url('/images/background/active-menu.png') no-repeat; opacity: 0; transition: opacity .3s; }
   .menu LI.home A:after { display: none; }
   .menu LI.main:hover .submenu { height: 140px; }
   .menu .home A { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; background: #a3ce14 url('/images/icon/home.png') center center no-repeat; }
     .menu A.main { display: -webkit-flex; -webkit-align-items: center; }
     .menu A.main { height: 207px; position: relative; display: flex; align-items: center; transition: color .3s; white-space: nowrap; }
     .menu A.main:hover, .menu A.main.active { color: #fc6337; }
  .menu .submenu { width: 100%; position: absolute; top: 100%; left: 0; z-index: 102; display: none; padding-right: 60px; background: #fb6b47; color: #fff; }
    .menu .submenu UL { display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: flex-end; -webkit-flex-wrap: wrap; }
    .menu .submenu UL { width: 100%; height: 140px; float: right; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; padding: 40px 0; }
    .submenu LI { display: -webkit-flex; -webkit-align-items: center; }
    .submenu LI { position: relative; margin: 0 20px; display: flex; align-items: center; padding: 0 0 0 20px; }
      .submenu LI:before { content: ''; width: 7px; height: 7px; position: absolute; top: calc(50% - 3.5px); left: 0; background: #fff; border-radius: 50%; }
    .submenu A { font-size: 13px; text-transform: uppercase; }
    .submenu A:hover { text-decoration: underline; }

/* rychle menu */
.fastMenuList { display: -webkit-flex; -webkit-justify-content: space-between; }
.fastMenuList { height: 440px; display: flex; justify-content: space-between; padding-top: 110px; padding-bottom: 90px; }
  .fastItem { -webkit-flex-basis: 16.66%; display: -webkit-flex; -webkit-flex-direction: column; -webkit--items: center; }
  .fastItem { flex-basis: 16.66%; display: flex; flex-direction: column; align-items: center; padding-bottom: 10px; transition: margin .5s; }
  .fastItem:hover .img { border-color: #fc6337; }
    .fastItem .img { margin-bottom: 20px; padding: 5px; border-radius: 50%; border: 3px #a9ce3f solid; transition: all .3s; } 
    .fastItem .head { font-size: 23px; }
    .fastItem P { margin-top: 15px; margin-bottom: 20px; text-align: center; }
    .fastItem A.hidden { font-weight: 700; }

@-webkit-keyframes show 
{
  from { opactity: 0; }
  to { opacity: 1; }
}
    
@keyframes show 
{
  from { opactity: 0; }
  to { opacity: 1; }
}

/* navigace */
.navi { background: #f4f4f4; height: 75px; font-weight: 400; color: #b1b1b1; }
 .navi .mainFrame { display: -webkit-flex; -webkit-align-items: center; }
 .navi .mainFrame { height: 75px; display: flex; align-items: center; }
 .naviHome { width: 33px; height: 29px; float: left; background: url('/images/icon/home-navi.png') center center no-repeat; }
 .navi SPAN { float: left; margin: 0 10px; }
 .navi A { float: left; margin: 0 10px; text-transform: uppercase; }
 .navi A:hover { text-decoration: underline; }

/* obsah */
.contentFrame { padding-top: 90px; padding-bottom: 85px; }
  .contentFrame UL { padding-left: 15px; }
  .contentFrame A { color: #a9ce3f }

/* obsah domovska stranka */
.homeFrame, .contentFrame { background: #fff; }
  .home { display: -webkit-flex; -webkit-justify-content: space-between; }
  .home { display: flex; justify-content: space-between; padding-top: 140px; padding-bottom: 130px; }
    .home .img { margin-right: 50px; }
      .home IMG { max-width: 512px; }
    .home .text { flex-grow: 1; }
    .home .button { float: left; margin-top: 25px; padding: 15px 35px; background: #fc6337; font-size: 15px; font-weight: 700; text-transform: uppercase; color: #fff; border-radius: 10px; transition: background .3s; }
    .home .button:hover { background: #434a54; } 
    
/* zeleny pruh */
.greenFrame { padding-top: 80px; padding-bottom: 85px; background: #a9ce3f; font-size: 15px; color: #fff; }
  .greenFrame H2 { margin-top: 0; margin-bottom: 5px; color: #fff; }
  .greenFrame A { position: absolute; top: 0; right: 0; padding: 15px 55px; background: #fff; font-weight: 700; color: #434a54; border-radius: 7px; transition: all .3s; }
  .greenFrame A:hover { background: #fc6337; color: #fff; }
  
/* novinky */
.newsList { padding-top: 110px; padding-bottom: 130px; } 
  .newsList H2 { text-align: center; }
  ARTICLE { display: -webkit-flex; justify-content: -webkit-space-between; }  
  ARTICLE { margin-top: 60px; display: flex; justify-content: space-between; }
    ARTICLE .img { position: relative; margin-right: 85px; }
      ARTICLE IMG { max-width: 512px; border-radius: 5px; }
      ARTICLE .date { display: -webkit-flex; -webkit-flex-direction: column; -webkit-align-items: center; -webkit-justify-content: center; }      
      ARTICLE .date { width: 110px; height: 110px; position: absolute; top: calc(50% - 55px); left: calc(100% - 55px); display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(90deg, #fb6b47 50%, #e25c3a 50%); border-radius: 50%; font-size: 18px; color: #fff; line-height: 1; }
    ARTICLE .text { display: -webkit-flex; -webkit-flex-direction: column; -webkit-align-items: flex-start; -webkit-justify-content: center; -webkit-flex-grow: 1; }    
    ARTICLE .text { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; flex-grow: 1; }
      ARTICLE H3 { margin-top: 0; }
      ARTICLE B { font-weight: 900; }
      ARTICLE .button { margin-top: 25px; padding: 11px 20px 10px; background: #434a54; font-size: 14px; font-weight: 900; color: #fff; border-radius: 10px; transition: background .3s; }
      ARTICLE .button:hover { background: #fc6337; }
.toListButton { float: left; margin-top: 15px; padding: 15px 37px; background: #434a54; font-size: 15px; font-weight: 700; color: #fff; border-radius: 10px; transition: background .3s; }
.toListButton:hover { background: #fc6337; }
      
/* formular */
.formular { padding-top: 100px; padding-bottom: 95px; background: #fb6b47; color: #fff; }
  .formular H2 { margin-top: 0; margin-bottom: 50px; }
  INPUT, TEXTAREA, SUBMIT { -webkit-appearance: none; -moz-appearance: none; outline: none; }
  .formular .container { display: -webkit-flex; -webkit-justify-content: center; }  
  .formular .container { display: flex; justify-content: center; }
    .formular .input { display: -webkit-flex; -webkit-flex-direction: column; -webkit-flex-grow: 1; }  
    .formular .input { margin-right: 15px; display: flex; flex-direction: column; flex-grow: 1; }
    .formular .recaptcha {width: 302px; float: left; margin-top: 15px;}
    .formular TEXTAREA { -webkit-flex-grow: 1; }
    .formular TEXTAREA { flex-grow: 1; }
      INPUT[type=text] { -webkit-flex-grow: 1; }
      INPUT[type=text] { flex-grow: 1; margin-bottom: 5px; padding: 0 20px; }
      INPUT[type=text]:last-child { margin-bottom: 0; }
      TEXTAREA { height: 175px; padding: 20px; font-family: inherit; font-size: inherit; }
      INPUT[type=text], TEXTAREA { background #fff; border-radius: 10px; border: 2px transparent solid; transition: border .3s; }
      INPUT[type=text]:focus, TEXTAREA:focus { border-color: #434a54; }
      ::-webkit-input-placeholder { color: #434a54; opacity: 1; }
      ::-moz-placeholder { color: #434a54; opacity: 1; }
      :-ms-input-placeholder { color: #434a54; opacity: 1; }
      :-moz-placeholder { color: #434a54; opacity: 1; }
      INPUT[type=submit] { float: right; margin-top: 15px; padding: 15px 160px; background-color: #434a54; font-size: 18px; font-weight: 700; color: #fff; border: 0; border-radius: 10px; cursor: pointer; }
      .done, .error { margin-top: 0; font-size: 15px; font-weight: 900; }
      .error { color: red; }
      .done { color: green; }
      .antispam { float: left; margin-top: 15px; }
        .antispam INPUT { width: 120px; height: 45px; float: left; margin-right: 10px; text-align: center; }
        .antispam IMG { float: left; height: 45px; border-radius: 10px; }
        
/* heslo pro fotogalerii */
.accessGallery { margin-top: 25px; }
  .accessGallery LABEL { font-size: 15px; font-weight: 500; }
  INPUT[type=password] { height: 30px; margin: 0 10px; padding: 4px 5px 5px 5px; border: 1px #434a54 solid; border-radius: 5px; }
  .accessGallery INPUT[type="submit"] { float: none; padding: 4px 5px 5px 5px; font-size: 15px; font-weight: 400; border-radius: 5px; }
      
/* paticka */
FOOTER { padding-top: 85px; padding-bottom: 100px; background: #fff; font-weight: 400; }
  .contactList { max-width: 42%; float: left; }
    FOOTER .contact { display: -webkit-flex; -webkit-align-items: center; }  
    FOOTER .contact { width: 100%; height: 45px; float: left; position: relative; margin-bottom: 20px; display: flex; align-items: center; padding-left: 65px; }
      FOOTER .contact:before { content: ''; width: 45px; height: 45px; position: absolute; top: 0; left: 0; border-radius: 50%; }
      FOOTER .contact.address:before { background: #a8cd2e url('/images/icon/marker.png') center center no-repeat; }
      FOOTER .contact.eMail:before { background: #a8cd2e url('/images/icon/mail.png') center center no-repeat; }
      FOOTER .contact.phone:before { background: #a8cd2e url('/images/icon/phone.png') center center no-repeat; }
    FOOTER .contact:last-child { margin-bottom: 0; }
    .imageList { max-width: 50%; float: right; }
      .imageList IMG { float: left;  margin-right: 40px; }
        .imageList IMG:last-child { margin-right: 0; }
    .netsimple { float: right; }
      .netsimple:hover { text-decoration: underline; }
      
/* podstranka historie */
.history { font-family: 'Luckiest Guy', cursive; letter-spacing: 1px; }
.history .row { width: 100%; float: left; margin-bottom: 15px; }
  .year, .month { border-radius: 5px; }
  .year { float: left; margin-bottom: 10px; padding: 0 50px; background: #434a54; font-size: 30px; font-weight: 700; color: #fff; }
    history .months { margin-bottom: 10px; }
      .month { float: left; margin-right: 5px; margin-bottom: 5px; padding: 5px 30px; background: #fc6337; font-size: 15px; color: #fff; }
     

.virtual { margin-top: 50px; }  
 .panotour { width: 100%; height: 600px; float: left; border: 0; }