/*  --color_0: 255,255,255;
    --color_27: 250,250,250;
    --color_1: 24,24,24;
    --color_2: 49,101,112;
    --color_3: 38,38,38;
    --color_4: 250,250,250;
    --color_5: 225,239,242;
    --color_6: 255,255,255;
    --color_7: 197,197,197;
    --color_8: 140,140,140;
    --color_9: 82,82,82;
    --color_10: 24,24,24;
    --color_11: 255,255,255;
    --color_12: 197,197,197;
    --color_13: 140,140,140;
    --color_14: 82,82,82;
    --color_15: 24,24,24;
    --color_16: 174,212,220;
    --color_17: 93,168,184;
    --color_18: 49,101,112;
    --color_19: 33,67,75;
    --color_20: 16,34,37;
    --color_21: 212,212,212;
    --color_22: 168,168,168;
    --color_23: 125,125,125;
    --color_28: 187,187,187;
    --color_29: 125,125,125;
    --color_30: 63,63,63;
    --color_31: 240,247,249;
    --color_32: 225,239,242;
    --color_24: 81,81,81;
    --color_33: 144,196,207;
    --color_34: 71,147,163;
    --color_35: 35,73,81;
    --font_0: normal normal normal 22px/1.41em oswald-extralight,oswald,sans-serif;
    --font_1: normal normal normal 14px/1.79em helvetica-w01-light,helvetica-w02-light,sans-serif;
    --font_2: normal normal normal 28px/1.375em oswald-extralight,oswald,sans-serif;
    --font_3: normal normal normal 88px/1.2em oswald-extralight,oswald,sans-serif;
    --font_4: normal normal normal 72px/1.25em oswald-extralight,oswald,sans-serif;
    --font_5: normal normal normal 50px/1.34em oswald-extralight,oswald,sans-serif;
    --font_6: normal normal normal 40px/1.35em oswald-extralight,oswald,sans-serif;
    --color_25: 38,38,38;
    --font_7: normal normal normal 20px/1.67em 'playfair display',serif;
    --font_8: normal normal normal 18px/1.75em 'playfair display',serif;
    --font_9: normal normal normal 15px/1.875em helvetica-w01-light,helvetica-w02-light,sans-serif;
    --font_10: normal normal normal 14px/1.79em helvetica-w01-light,helvetica-w02-light,sans-serif;
    --wix-ads-height: 0px;
    --wix-ads-top-height: 0px;
    --site-width: 980px;
    --above-all-z-index: 100000;    
    --minViewportSize: 320;
    --color_26: 253,253,253;
    --maxViewportSize: 1920;*/


/****************** Záhlaví *****************/

.header {
    background: #fff;
    position: sticky;
    padding: 30px 60px;
    top: 0;
    font-weight: 200;
    text-transform: uppercase;
    z-index: 100;
    border-bottom: 1px solid #fafafa;
}

.logo {
    float: left;
    padding: 3px 0;
    font-family: oswald,sans-serif;
    font-size: 22px;
    font-weight: 200;
}
.logo a {
    color: #181818;
    text-decoration: none;
}

.ul-menu {
    display: flex;
    margin: 0;
    padding: 0;
    float: right;
    list-style: none;
    justify-content: space-between;
    line-height: 35px;
    font-size: 14px;
    font-weight: 300;
}

.ul-menu li {
    position: relative;
}
.ul-menu li a {
    display: block;
    padding: 3px 10px;
    color: #181818;
    text-decoration: none;
}

.ul-menu li a.active {
    font-weight: bold;
}
.ul-menu li a.fb {
    background: url(../img/Facebook.webp) center center no-repeat;
    width: 20px;
    height: 20px;
    padding: 10px;
}

/*************** Obsah **************/

.uvod {
    padding-bottom: 120px;
}
.uvod img {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-top: 66px;
}


/*************** O nás **************/
.o-nas {
    padding: 60px 0 0 0;
    background: #fafafa;
}

.o-nas p {
    max-width: 780px;
    margin: 0 auto;
}
.o-nas img {
    display: block;
    padding: 0;
    margin: 0 auto;
    margin-top: 60px;
}


/*************** Naše činnost **************/
.nase-cinnost {
    padding: 60px;
}

.nase-cinnost .part {
    display: flex;
    justify-content: space-between;
    padding-bottom: 2%;
}
.nase-cinnost .part:first-of-type {
    margin-top: 30px;
}
.nase-cinnost .part .img {
    position: relative;
    width: 49%;
    height: 0;
    padding-bottom: 49%;
}
.nase-cinnost .part .img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}
.nase-cinnost .part .img-left {
    order: 1;
}
.nase-cinnost .part .img-right {
    order: 2;
}

.nase-cinnost .part .part-text {
    display: flex;
    box-sizing: border-box;
    width: 49%;
    padding: 30px;
    background: #316570;
    color: #fff;
    order: 1;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.nase-cinnost .part .part-text h3 {
    color: #fff;
}
.nase-cinnost p {
    max-width: 780px;
    margin: 0 auto;
}



/*************** Přehled akcí **************/
.prehled-akci {
    padding: 60px;
}
.prehled-akci .slider {
    margin-top: 120px;
}
.prehled-akci .slide {
    /*width: 90%;*/
    display: flex;
    flex-wrap: wrap;
}

.prehled-akci .slide .text {
    display: flex;
    box-sizing: border-box;
    width: 55%;
    padding: 30px;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
}
.prehled-akci .slide .text .date {
    padding: 30px 0;
    font-weight: 500;
    font-style: italic;
}
.prehled-akci .slide .img {
    position: relative;
    width: 45%;
    height: 0;
    padding-bottom: 45%;
}
.prehled-akci .slide .img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}
.prehled-akci .slide .img img.left {
    object-position: left;
}
.prehled-akci .slide .img img.right {
    object-position: right;
}


/*************** Přehled všech akcí **************/
.prehled-vsech-akci .akce {
    margin-top: 120px;
}
.prehled-vsech-akci .slide {
    display: flex;
    flex-wrap: wrap;
    height: 515px;
}

.prehled-vsech-akci .slide .text {
    display: flex;
    box-sizing: border-box;
    width: 40%;
    padding: 50px;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.prehled-vsech-akci .slide .text h3 {
    padding: 0 0 20px 0;
}
.prehled-vsech-akci .slide .text .date {
    padding: 20px 0;
    font-weight: 500;
    font-style: italic;
}
.prehled-vsech-akci .slide .img {
    position: relative;
    width: 60%;
}
.prehled-vsech-akci .slide .img img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}



/***************** Kontakt *******************/
.kontakt {
    padding: 60px 0;
    background: #fafafa;
}
.kontakt .container {
    display: flex;
}
.kontakt .half.first {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.half {
    width: 50%;
    float: left;
}
.kontakt p span {
    font-weight: 400;
}


/***************** Zápatí *******************/

footer {
    width: 100%;
    padding: 30px 0;
    margin: 30px 0;
    text-align: center;
}
footer a {
    color: #181818;
}