.cookiesFrame           { width: 100%; min-height: 100px; background-color: #999b9d; color: #FFF; position: fixed; bottom: 0px; left: 0px; display: flex; justify-content: center; align-items: center; padding: 10px; z-index: 999999; }
.cookiesFrame .frame    { max-width: 1160px; margin: 0px auto; display: flex; flex-direction: column; align-items: center; }

.cookiesFrame .button_y { padding: 5px 10px; color: #000; text-decoration: none; background-color: #7e9e0a; margin: 10px 15px; cursor: pointer; float: left; }
.cookiesFrame .button_n { padding: 5px 10px; color: #000; text-decoration: none; background-color: #fa8200; margin: 10px 15px; cursor: pointer; float: left; }
.cookiesFrame .settings { padding: 5px 10px; color: #FFF; text-decoration: underline; margin: 10px 15px; cursor: pointer; float: left; }
.cookiesFrame a         { text-decoration: underline; }
.cookiesFrame a:hover   { text-decoration: none; }

@media only screen
and (max-width: 700px)
{
  .cookiesFrame { padding: 5px; }
  .cookiesFrame .button_y { padding: 5px 5px; }
  .cookiesFrame .button_n { padding: 5px 5px; }
  .cookiesFrame .settings { padding: 5px 5px; }
}




body { font-size: 16px; color: #121a2c;}

.obrazek-vlevo {float: left; margin: 0px 20px 10px 0px;}
.obrazek-vpravo {float: right; margin: 0px 0px 10px 20px;}

@media only screen
and (max-width: 650px)
{
  .obrazek-vlevo {float: none; margin: 10px auto;}
  .obrazek-vpravo {float: none; margin: 10px auto;}
}

.left  { float: left; }
.right { float: right; }


/* Header */
header         { width: 1600px; max-width: 100%; height: 140px; margin: 0px auto; }
.header_logo   { margin: auto 0px auto 0px; vertical-align: middle; cursor: pointer; float: left; position: relative; top: calc(50% - 50px); }
.header_button { width: 150px; height: 140px; color: #fff; font-size: 17px; font-weight: 700; background-color: #fa8200; cursor: pointer; text-align: center; padding-top: 50px; position: relative; float: right; }
.header_button:hover { color: #fa8200; background-color: #e7ebd2; }

@media only screen
and (max-width: 700px)
{
  header       { height: 90px; }
  .header_logo { width: 180px; height: auto; margin: 10px; top: 0px; }
  #topFrame1   { width: 300px; left: calc(100% - 350px); top: 10px; position: absolute; }
}

/* Footer */
footer              { width: 100%; max-width: 100%; height: 450px; background-color: #eeeeee; clear: both; display: flex; }
footer .frame       { width: 1600px; margin: 0px auto; display: flex; flex-direction: row; }
footer .left        { width: 650px; color: #4f4f4f; padding: 80px 0px 0px 80px; float: left; border: 1px solid black; }
.Ftext1             { float: left; }
.Ftext2             { float: left; margin-left: 50px; }
.Ftext3             { clear: both; padding-top: 40px; }
footer .right       { width: 950px; float:left; }
footer a            { color: #4f4f4f; text-decoration: none; }
footer a:hover      { text-decoration: underline; }
footer .footer_left { width: 640px; padding-left: 100px; padding-top:70px; max-width: 100%;  }

@media only screen
and (max-width: 1399px)
{
  footer { height: auto; }
  footer .frame     { width: 100%; flex-direction: column; }  
  footer .footer_left { padding: 10px; }
}



/* Textový obsah */
.mainTextFrame { width: 100%; float: left; margin: 0px 0px 20px 0px; color: #4d5c63; }
.mainTextFrame > :first-child { margin-top: 0px; }





/* Top Frame 1 - Top Menu */
#topFrame1 { color: #4f4f4f; font-size: 17px; font-weight: 700; text-transform: uppercase; position: relative; top: calc(50% - 10px); left: 20px; display: inline-block; }
#topFrame1 .mainFrameMenu { height: 100%; }
#topFrame1 .menuFrameCont { display: flex; height: 100%; margin: 0px; }
#topFrame1 .menu { display: flex; }
#topFrame1 .menu .linkCont {height: 100%; display: flex; margin: 0px 15px 0px 15px; }
#topFrame1 .menu .linkCont:after { margin: 0px 15px 0px 15px; display: flex; align-items: center;}
#topFrame1 .menu .linkCont:last-child:after {display: none;}
#topFrame1 .menu .link {position: relative; display: flex; align-items: center; }
#topFrame1 .menu .link .submenu {position: absolute; display: none; top: 23px; left: -20px; min-width: 150px; z-index: 2;}
#topFrame1 .menu .link .submenu .submenuItem { min-height: 40px; width: 100%; padding: 0px 10px; display: flex; align-items: center; border: 1px #666 solid; border-top: 0px; color: #000; background-color: #fff; font-weight: 400; cursor: pointer; font-size: 15px; white-space: nowrap; }
#topFrame1 .menu .link .submenu .submenuItem:first-child {border-top: 4px #666 solid;}
#topFrame1 .menu .link .submenu .submenuItem:HOVER {background-color: #fa8200; color: #FFF; text-decoration: none;}
#topFrame1 .menu .link .u1:hover {color: #fa8200; text-decoration: none;}

@media only screen
and (max-width: 1500px)
{
  #topFrame1 .menu .linkCont {height: 100%; display: flex; margin: 0px 5px 0px 5px; }  
}


/* Banner - Lišta */
#bannerListaFrame {width: 100%; height: 50px; margin: 0px 0px 15px 0px; padding: 0px 15px; float: left; display: flex;}
#bannerListaFrame .left {width: 280px; display: flex;}
#bannerListaFrame .left IMG {max-height: 100%; max-width: 100%; height: auto; width: auto;}
#bannerListaFrame .center {width: auto; display: flex; flex-grow: 1; font-size: 18px;}
#bannerListaFrame .center .slider {width: 700px; margin: 0px 35px; display: flex; align-items: center;}
#bannerListaFrame .center .slider .slide {width: 700px; float: left; display: flex; justify-content: center;}
#bannerListaFrame .center .link {width: 300px; padding: 0px 15px; display: flex; align-items: center; justify-content: center; }
#bannerListaFrame .center A:HOVER {text-decoration: underline;}
#bannerListaFrame .right {width: 280px; display: flex; justify-content: flex-end;}
#bannerListaFrame .right IMG {max-height: 100%; max-width: 100%; height: auto; width: auto;}
@media only screen
and (max-width: 1600px)
{
  #bannerListaFrame .left {display: none;}
  #bannerListaFrame .right {display: none;}
}
@media only screen
and (max-width: 1200px)
{
  #bannerListaFrame {padding: 0px 10px;}
  #bannerListaFrame .center .link {display: none;}
  #bannerListaFrame .center .slider {width: calc(100vw - 40px); margin: 0px 10px;}
  #bannerListaFrame .center .slider .slide {width: calc(100vw - 20px);}
  #bannerListaFrame .center {font-size: 15px;}
}



/* Banner - Hlavní */
.bannerMainFrame {width: 1600px; max-width: 100%; height: auto; margin: 0px auto;}
.bannerMainFrame .slide {width: 1600px; height: auto; float: left; position: relative;}
.bannerMainFrame .slide .textFrame {padding: 0px 70px; position: absolute; top: 0px; left: 50%; right: 0px; bottom: 0px; display: flex; align-items: left; justify-content: center; flex-direction: column; color: #FFF;}
.bannerMainFrame .slide .textFrame .text { width: 800px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.bannerMainFrame .slide .textFrame H2 {margin: 0px; font-size: 36px; color: #48a645; font-style: italic; }
.bannerMainFrame .slide .textFrame P {margin: 0px; font-size: 18px; color: #017842; }
.bannerMainFrame .slide .textFrame .link {display: block; padding: 12px 35px; background-color: #814997; font-size: 24px; margin: 20px 0px 0px 0px;}
.bannerMainFrame .slide .textFrame .link:HOVER {background-color: #9E66B4;}
.bannerMainFrame .slide .textFrame.left {align-items: flex-start;}
.bannerMainFrame .slide .textFrame.right {align-items: flex-end;}
.bannerMainFrame.tiny {max-height: 260px;}
.bannerMainFrame.tiny .slide {max-height: 260px;}
.bannerMainFrame.tiny .slide .textFrame H2 {font-size: 40px;}
.bannerMainFrame.tiny .slide .textFrame P {font-size: 24px;}
.bannerMainFrame.tiny .slide .textFrame .link {font-size: 20px;}
@media only screen
and (max-width: 1600px)
{
  .bannerMainFrame .slide {width: 100vw;}
  .bannerMainFrame .slide IMG {width: 100%;}
  .bannerMainFrame .slide .textFrame H2 {font-size: 34px;}
  .bannerMainFrame .slide .textFrame P {font-size: 22px;}
  .bannerMainFrame.tiny .slide .textFrame {padding: 0px 30px;}
  .bannerMainFrame.tiny .slide .textFrame H2 {font-size: 34px;}
  .bannerMainFrame.tiny .slide .textFrame P {font-size: 22px;}
  .bannerMainFrame.tiny .slide .textFrame .link {font-size: 20px;}
}
@media only screen
and (max-width: 900px)
{
  .bannerMainFrame .slide .textFrame {padding: 0px 30px;}
  .bannerMainFrame .slide .textFrame H2 {font-size: 30px;}
  .bannerMainFrame .slide .textFrame P {font-size: 22px;}
  .bannerMainFrame .slide .textFrame .link {font-size: 20px; padding: 7px 20px;}
  .bannerMainFrame.tiny .slide .textFrame {padding: 0px 30px;}
  .bannerMainFrame.tiny .slide .textFrame H2 {font-size: 30px;}
  .bannerMainFrame.tiny .slide .textFrame P {font-size: 22px;}
  .bannerMainFrame.tiny .slide .textFrame .link {font-size: 20px;}
}
@media only screen
and (max-width: 600px)
{
  .bannerMainFrame .slide .textFrame {padding: 0px 30px;}
  .bannerMainFrame .slide .textFrame H2 {font-size: 22px;}
  .bannerMainFrame .slide .textFrame P {font-size: 14px;}
  .bannerMainFrame .slide .textFrame .link {font-size: 14px; padding: 5px 15px;}
  .bannerMainFrame.tiny .slide .textFrame {padding: 0px 30px;}
  .bannerMainFrame.tiny .slide .textFrame H2 {font-size: 22px; display: none;}
  .bannerMainFrame.tiny .slide .textFrame P {font-size: 14px; display: none;}
  .bannerMainFrame.tiny .slide .textFrame .link {font-size: 14px;}
}



.noPhoto {width: 100%; height: 320px; background-color: #f7f7f7; color: #a7a9ac; font-size: 15px; font-weight: 400; display: flex; align-items: center; justify-content: center;}


/* Home */

.homeText { width: 100%; background-color: #e7ebd2; margin: -80px 0px 50px 0px; padding-top: 80px; }

.homeText2_normal   { display: inline-block; }
.homeText2_response { display: none; }

.headingContainer    { text-align: center; color: #4d5c63; margin: 20px 0px 20px 0px; }
.headingContainer H2 { color: #4ba035; font-size: 32px; font-weight: 400; margin: 0px; }

.itemsFrame          { width: 1600px; max-width: 100%; min-height: 560px; margin: 0px auto; display: inline-block; position: relative; left: calc(50% - 800px); }
.item                { width: 510px; float: left; margin-right: 35px; }


.itemsFrameNovinky1  { width: 1600px; max-width: 100%; min-height: 560px; margin: 30px auto 0px auto; display: block; clear: both; }
.itemNovinky1        { width: 510px; max-width: 100vw; float: left; margin-right: 35px; }

.itemsFrameNovinky2  { display: none; }  
.itemNovinky2        { display: none; }

@media only screen
and (max-width: 1600px)
{
  .itemsFrameNovinky1  { display: none; }
  .itemNovinky1        { display: none; }

  .itemsFrameNovinky2  { display: flex; flex-direction: column; justify-content: center; max-width: 100%; margin: 50px 0px 40px 0px; }  
  .itemNovinky2        { display: block; width: 510px; max-width: 100vw; margin: 0px; }
}


.itemsFrameNapsali   { width: 1550px; max-width: 100%; margin: 0px auto; display: block; padding: 0px 50px; }
.itemNapsali         { width: 75vw; }

.lineFaq             { width:100%; height: 10px; background-color: #eee; margin-bottom: 40px; }
.itemsFrameFaq       { width: 100%; display: inline-block; border-bottom: 1px solid #eee; cursor: pointer; }
.itemFaq             { width: 100%; padding: 15px 0px; }
.textFaq             { color: #4d5c63; line-height: 150%; font-size: 18px; margin: 10px 0px; display: none; }
.h3Faq               { color: #4d5c63; text-decoration: none; font-size: 22px; margin: 10px 0px 20px 0px; text-transform: uppercase; }
.arrowFaq            { float: right; cursor: pointer; }

.green               { color: #7e9e0a; }
.orange              { color: #fa8200; }



@media only screen
and (max-width: 600px)
{
  .itemsFrameFaq     { padding: 10px; }
}

.partneriFrame       { width: 1600px; max-width: 100%; min-height: 150px; margin: 50px auto; display: flex; text-align: center; justify-content: space-around; }
.partneri            { float: left; margin: 0px 20px; }

.photo  { }
.text   { color: #4d5c63; line-height: 150%; font-size: 18px; margin: 10px; text-align: center; }
.date   { color: #4ba035; line-height: 150%; font-size: 18px; margin: 10px; text-align: center; font-style: italic; }
.h3     { color: #4d5c63; text-decoration: none; font-size: 22px; text-align: center; margin: 10px; }
.button { width: 185px; margin: 15px auto; padding: 10px 10px; text-align: center; color: #4ba035; }


.pricelist_headline       { background-color: #e7ebd2; font-weight: 600; width: 750px; max-width: 100%; padding: 10px; display: inline-block; }
.pricelist_item           { border-bottom: 1px solid #e7ebd2; width: 750px; max-width: 100%; padding: 10px; display: inline-block; }
.pricelist_item_form      { width: 730px; max-width: 100%; padding: 0px; display: inline-block; margin: 0px; }
.pricelist_input          { width: 62px; font-size: 16px; color: #5a5a5a; padding: 3px; margin-left: 10px; border: 1px solid #ddd; }
.pricelist_input_calendar { width: 150px; font-size: 16px; color: #5a5a5a; padding: 3px; margin-left: 10px; background-image: url('/images/icon-calendar-green.png'); background-repeat: no-repeat; background-position: 97%; cursor: pointer; border: 1px solid #222; }
.pricelist_input_form     { width: 100%; font-size: 16px; color: #222; border-bottom: 5px solid #fff; border-top: 0px; border-left: 0px; border-right: 0px; background-color: #eeeeee; padding: 10px; font-family: 'Open Sans', sans-serif; box-sizing: border-box; }
.pricelist_button         { width: 200px; max-width: 100%; margin: 0px 40%; cursor: pointer; text-align: center; background-color: #fa8200; color: #fff; padding: 10px; }
.pricelist_button:hover   { color: #414042; }
#pokracovat               { display: none; }
#pricelist_form           { display: none; width: 750px; max-width: 100%; padding: 0px; }
#confirmation             { display: none; width: 800px; max-width: 98%; height: auto; overflow: none; position: fixed; left: calc(50% - 400px); top: calc(50% - 40%); background-color: #fff; border: 1px solid #222; z-index: 9; padding: 10px; }

.headingFrame2 {width: 100%; display: flex;}

H1 {font-size: 34px; font-weight: 700; margin: 0px 0px 20px 0px; color: #fa8200; text-transform: uppercase;}
H2 {font-size: 24px; font-weight: 700; margin: 0px 0px 20px 0px; color: #fa8200;}
H3 {font-size: 24px; font-weight: 700; margin: 0px 0px 20px 0px; color: #7e9e0a;}
//H3 {font-size: 18px; font-weight: 700; margin: 0px 0px 0px 0px; color: #fa8200;}
H4 {font-size: 19px; font-weight: 700; margin: 0px 0px 0px 0px; color: #4d5c63;}



.gdprSubmit {width: auto; height: 50px; float: left; margin: 0px 0px 0px 30%; padding: 0px 30px; color: #FFF; background-color: #4ba035; border-color: #4ba035; font-size: 16px; font-weight: 400; transition: all 200ms;}



/* Fotogalerie, Kariera */

.ModuleHeadingContainer    { text-align: left; color: #4d5c63; margin: 20px 0px 20px 0px; }
.ModuleHeadingContainer H2 { color: #4ba035; font-size: 32px; font-weight: 400; margin: 0px; text-align: center; }

.moduleItemsFrame  { min-width: 100%; height: auto; display: flex; flex-wrap: wrap; }

.moduleItem        { min-width: 440px; max-width: 440px; height: 500px; margin: 0px 10px 20px 10px; border-radius: 0px 0px 10px 10px;   background-color: #dbecd7; display: inline-block; vertical-align: top; }
.moduleItemKariera { min-width: 440px; max-width: 440px; height: 300px; margin: 0px 10px 20px 10px; border-radius: 10px 10px 10px 10px; background-color: #dbecd7; display: inline-block; vertical-align: top; }
.modulePhoto       {  }
.modulePhotoImg    { transform: scale(0.95); transition: 0.05s ease-in-out; }
.moduleText        { color: #4d5c63; line-height: 150%; font-size: 18px; margin: 10px; text-align: center; }
.moduleH3          { color: #4ba035; text-decoration: none; font-size: 22px; text-align: center; margin: 10px; }

.moduleAktuality_photo_img_hover { transform: scale(1); transition: 0.05s ease-in-out; }
.moduleAktuality_h3_hover        { text-decoration: underline; }


.dahomeImg { max-width: 700px; float: left; margin: 10px 40px 20px 0px; }
.dahomeTxt { max-width: 620px; float: left; margin: 40px; box-sizing: border-box; }


/* Navigace */

.navigFrame {width: 100%; min-height: 50px; margin: 0px 0px 20px 0px; float: left; display: flex; justify-content: space-between; border-bottom: 1px #e9e9e9 solid; }
.navigFrame .left {display: flex; align-items: center; font-size: 15px;}
.navigFrame .left .link {margin: 0px 0px 0px 10px;}
.navigFrame .left .link.active, .navigFrame .left .link:HOVER {color: #4ba035;}
.navigFrame .left .sepr {margin: 0px 0px 0px 10px;}
.navigFrame .right {display: flex; height: auto;}
.navigFrame .filterFrame .options {top: 50px;}

@media only screen
and (max-width: 700px)
{
  .navigFrame {display: none;}
}