<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
    CSS file    : homepage.css
    Description : CSS styles for home page
    Created on  : 30. 6. 2018
    Author      : Radek NÄ›mec
    Package     : ITACE
*/
#reference, .reference-wrap {
    clear: both;
}
.reference-wrap {
    text-align: center;
    background-color: #fff;
    padding: 10px 0;
    height: 100%;
    overflow: auto;
}
.ref-item {
    display: inline-table;
    height: 50px;
    padding: 10px 35px;
}
.reference-wrap a.all-ref {
    text-decoration: none;
    color: #0A1561;
}
.reference-wrap a.all-ref:hover {
    text-decoration: underline;
}
.news-img &gt; img {
    margin: 15px 0 0 0;
    width: 200px;
}
.point-down {
    /*transform: rotate(90deg);*/
    border-left: 4px dotted rgba(0, 234, 250, 1);
    height: 100px;
    width: 2px;
    margin: 0 auto;
    padding: 0;
}
.proj-nav-flexwrap, .news-flexwrap, .achievement-flexwrap {
    padding: 0;
    margin: 0 0 20px 0;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
a.proj-nav-flexitem {
    width: 326px;
    height: 590px; /*obrĂˇzek mĂˇ 328 x 498px */    
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
    filter: grayscale(0%); /* FF 35+ */
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
    display: block;
    text-decoration: none;
}
.proj-nav-flexitem:hover {
    color: #fff;
    transition: filter .15s ease;
    -webkit-filter: grayscale(95%); /* Chrome, Safari, Opera */
    filter: grayscale(95%);
}
.proj-nav-flexwrap span.item-name {
    line-height: 50px;    
    margin: 0 0 0 -40px;
    font-size: 1.5em;
}
.proj-nav-flexwrap span.item-no {
    color: #fff;
    font-size: 1.8em;
    float: left;
    padding: 50px 0 0 10px;
}
.item-gdpr {
    background-image: url('../img/gdpr.jpg');
    order: 2;
    -webkit-order: 2;
    -ms-flex-order: 2;
}
.item-vzdel {
    background-image: url('../img/vzdelavani.jpg');
    order: 1;
    -webkit-order: 1;
    -ms-flex-order: 1;
}
.item-dotace {
    background-image: url('../img/dotace.jpg');
    order: 4;
    -webkit-order: 4;
    -ms-flex-order: 4;
}
.item-mo {
    background-image: url('../img/obchod.jpg');
    order: 3;
    -webkit-order: 3;
    -ms-flex-order: 3;
}
.achievements {
    font-size: 140%;
    text-align: center;
    margin: 0 0 50px 0;
    padding: 0 10px;
}
.achievement-flexitem {
    width: 300px;
    text-align: center;
}
.achievement-flexitem .achievement-flexitem-desc {
    color: #06DDFA;
    font-size: 125%;
}
.achievement-flexitem .achievement-flexitem-no {
    font-size: 300%;
    padding: 20px 0;
}
.news-flexitem {
    width: 240px;
    text-align: center;
    padding: 0 10px;
}
.news-title {
    /*font-size: 110%;*/
    color: #06DDFA;
    font-weight: lighter;
    padding: 25px 0 8px 0;
}
.news-date {
    font-size: 90%;
    padding: 20px 0 15px 0;
}
.news-content {
    /*text-align: left;*/
    padding: 0 0 25px 0;
}
.news-detail {
    display: none;
}
.team-wrap {
    width: 75vw;
    margin: 0 auto 20px auto;
    /*background-color: #fff;*/
}
.owner-wrap {
    display: inline-block;
    width: 230px;
    float: left;
    padding: 0 30px 30px 15px;
    /*background-color: #0A1561;*/
}
.owner-wrap .item-photo {
    padding: 0 0 15px 0;
    text-align: center;
}
.owner-wrap .item-photo img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    object-fit: cover;
    width: 180px;
    height: 180px;
    border: 3px solid #06DDFA;
    padding: 10px;
    -webkit-filter: grayscale(85%); /* Chrome, Safari, Opera */
    filter: grayscale(85%);
    cursor: pointer;
}
.owner-wrap .item-photo img:hover {
    transition: filter .15s ease;
    -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
    filter: grayscale(0%); /* FF 35+ */    
    -moz-box-shadow: 0 0 10px #06DDFA;
    -webkit-box-shadow: 0 0 10px #06DDFA;
    box-shadow: 0 0 10px #06DDFA;
}
.owner-wrap .item-name {
    font-weight: bolder;
    text-align: center;
    padding: 10px 0;
}
.owner-wrap .item-name span {
    font-weight: normal;
    font-style: italic;
}
.text-wrap .item-desc {
    padding: 15px 20px;
    text-align: left;
}

.p1 {
    width: 15%;
    order: 1;
    -webkit-order: 1;
    -ms-flex-order: 1;
}
.p2 {
    width: 50%;
    order: 2;
    -webkit-order: 2;
    -ms-flex-order: 2;
}
.basic-story {
    font-size: 130%;
    text-align: center;
    width: 60%;
    margin: 0 auto;
    padding: 0 0 25px 0;
}

/*MEDIA QUERIES*/
@media only screen and (max-width: 960px) {
    .team-wrap {
        width: 99%;
    }
    .owner-wrap {
        display: block;
        text-align: center;
        float: none;
        padding: 0 0 20px 0;
        margin: 0 auto;
    }
    .basic-story {width: 99%;}
    .p1 {width: auto;}
    .p2 {
        width: auto;
        padding: 30px 0 0 0;
    }
}

@media only screen and (max-width: 1280px) {
    .basic-story {width: 99%;}
    .p1 {width: auto;}
    .p2 {
        width: auto;
        padding: 30px 0 0 0;
    }
}

@media only screen and (max-width: 1023px) {
    .team-wrap {
        width: 99%;
    }
    .owner-wrap {
        display: block;
        text-align: center;
        float: none;
        padding: 0 0 20px 0;
        margin: 0 auto;
    }
    .basic-story {width: 99%;}
    .p1 {width: auto;}
    .p2 {
        width: auto;
        padding: 30px 0 0 0;
    }
}</pre></body></html>