* {
    font-weight: inherit;
    font-family: 'Open Sans', sans-serif;
    font-style: inherit;
    line-height: 28px;
    border: 0 none;
    outline: 0;
    padding: 0;
    margin: 0;
    line-height: 28px;
    cursor: default;
    box-sizing: border-box;
    max-width: 100%;
}

html {
  min-height: 100%;
  min-width: 260px;
  scroll-behavior: smooth;
  padding: 0;
  margin: 0;
}

body,html {
    
}

head {
    display: none;
}

body {
    background: #292929;
    margin: 0;
    padding: 0;
    min-width: 260px;
    font-family: 'Open Sans', sans-serif;
    max-width: 100vw;
}

a:hover{
    cursor: pointer;
}

form table {
    width: 100%;
}

form tr.nadpis td {
    font-weight: bold;

}

form td.popis {
    padding: 0px 10px 0px 0px;
}

form tr.odesli input,
form tr.modesli input {
    margin: 0px 0px 10px 0px;
    padding: 10px 20px 10px 20px;
}

form input, textarea:hover{
    cursor: text;
    padding-left: 10px;
}

form input[type=radio]:hover{
    cursor: pointer;
}

form textarea{
    resize: none;
}

select, label {
    vertical-align: middle;
}

input:not([type]), textarea {
    border: 1px solid #AAAAAA;
}

ul{
    /*list-style-type: none;*/
}

*::-webkit-input-placeholder {
    color: #aaaaaa;
    text-transform: uppercase;
    font-size: 12px;
}

*:-moz-placeholder {
    color: #aaaaaa;
    text-transform: uppercase;
    font-size: 12px;
}

*::-moz-placeholder {
    color: #aaaaaa;
    text-transform: uppercase;
    font-size: 12px;
}

*:-ms-input-placeholder {
    color: #aaaaaa;
    text-transform: uppercase;
    font-size: 12px;
}


/* Ytext */
.prilohaL {
    display: block;
    float: left;
    margin: 0px 10px 0px 0px;
}

.prilohaP {
    display: block;
    float: right;
    margin: 0px 0px 0px 10px;
}

td p:only-child .prilohaL:only-child,
td p:only-child .prilohaP:only-child {
    margin: 0px;
}

.stylBunkaStred .priloha {
    float: none;
    margin: 0px auto 0px auto;
}

.priloha .text {
    display: block;
    text-align: center;
    font-size: 12px;
}

table {
    clear: both;
}

table.zakladniTabulka td {
    padding: 0px 3px 0px 3px;
    font-size: 15px;
}

table.zakladniTabulka .popis{
    font-weight: 700;
}

.text.editor table:not(.zakladniTabulka):not(.kalendar) {
    width: 100%;
}

.text.editor table:not(.zakladniTabulka):not(.kalendar) td {
    padding: 0px 10px 0px 0px;
    vertical-align: top;
}

hr {
    border-bottom: 1px solid #777777;
}

p, ul, ol, table, hr {
    margin: 0px 0px 0px 0px;
    list-style-position: inside;
}

h1, h2, h3, h4{
    padding-bottom: 10px;
}

h1{
    margin-bottom: 10px;
    padding: 0px 0px 10px 20px;
}

h1,
h1 *{
    margin: 0;
    color: #004C8B;
    font-weight: 300;
    line-height: 48px;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
}

h2,
h2 *{
    font-size: 32px;
    line-height: 30px;
    letter-spacing: 2px;
    font-weight: bold;
}

h3,
h3 *{
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    color: #009EE0;
}

h1:not(:first-child),
h2:not(:first-child),
h3:not(:first-child),
h4:not(:first-child){
    padding-top: 20px;
}
.komponentaZobrazeni{
    display: none;
}

strong{
    font-weight: bold;
}

.pomocneMenu{
    display: none;
}

.formularFiltry{
    display: none;
}

.povinnePolicko,
.upozorneni,
.upozorneni a {
    color: #cc0000;
    font-weight: bold;
}

.button{
  border: none;
  color: #FFFFFF !important;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none !important;
  margin: 4px 2px;
  transition-duration: 0.5s;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 18px !important;
  font-weight: 700;
}
.button:focus{
    outline: 0;
}

.vnitrek {
    clear: both;
    width: 1450px;
    margin: auto;
    padding: 0 10px;
}
.vnitrek:after{
    content: ' ';
    clear: both;
    display: block;
}





/******************************************************************************/
/******************************************************************************/
/******************************************************************************/



/* header */
header{
    background-color: white;
}
header .logo{
    display: block;
    float: left;
    padding-top: 100px;
    width: 500px;
    background: url(img/logo2.svg) scroll no-repeat center center/contain;
}
header nav{
    text-align: center;
    padding: 5px 0;
}
header nav li{
    display: inline-block;
    white-space: nowrap;
}
header nav .polozka{
    display: block;
    font-size: 24px;
    line-height: 50px;
    padding: 25px 10px;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-weight: 700;
    text-decoration: none;
    color: #16253D;
    cursor: pointer;
    transition: 0.3s;
}
header nav .vybrana{
    color: #0094FF;
}
header nav .polozka:hover{
    color: #0094FF;
    transition: 0.3s;
}
@media only screen and (max-width:1140px){
    header .logo{
        float: none;
        margin: auto;
    }

    header nav li{
        display: block;
    }
    header nav .polozka{
        line-height: 50px;
        background-color: #00519B;
        border-radius: 0px 0px 20px 0px;
        padding: 0 20px;
        width: 286px;
        color: white;
        margin: 5px auto;
    }
}
/* header */





/* 2019 slideshow */
.slideshow{
    position: relative;
    margin: auto;
    padding-top: 40%;
    overflow: hidden;
}
body:not(.homepage) .slideshow{
    display: none;
}
.slideshow .slozky {
    display: block;
}
.slideshow .slozka{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0;
        opacity: 1;
    transition: opacity 1s;
}
.slideshow .slozka div{
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
.slideshow .nahled{
    opacity: 1;
}
.slideshow .nazev{
    background-color: rgba(255, 255, 255, 0.75);
    background-image: url(img/logo.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 500px;
    height: 350px;
    display: block;
    margin: 8% auto;
    color: transparent;
}
@media only screen and (max-width:900px){
    .slideshow .nazev{
        display: none;
    }
}
/* 2019 slideshow */





/* slogan */
body:not(.homepage) .slogan{
    display: none;
}
.slogan{
    background-color: #E5E5E5;
    padding: 20px 0;
}
.slogan .komponentaSlozka *{
    background-color: #E5E5E5 !important;
    color: #1C518E !important;
    text-transform: uppercase !important;
    font-size: 1.5rem;
    line-height: 2em;
}
@media only screen and (max-width:900px){
    .slogan .komponentaSlozka *{
        font-size: 1rem;
        line-height: 1.5em;
    }
    .slogan .komponentaSlozka p{
        padding: 10px 0;
    }
}
/* slogan */

    

    
/* dlazdice */
.dlazdice{
    background-color: #004C8B;
    padding: 80px 10px 0 10px;
}
.dlazdice:after{
    content: ' ';
    clear: both;
    display: block;
}
.dlazdice .slozka{
    width: 25%;
    float: left;
    padding: 0 2%;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 20px;
}
.dlazdice .nahled{
    position: relative;
    padding-top: 100%;
    background-color: #292929;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    border-bottom-right-radius: 40%;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.75);
    cursor: pointer;
    transition: box-shadow 0.3s;
}
.dlazdice h2{
    text-align: center;
    font-size: 25px;
    line-height: 30px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    padding: 10px 0px;
    min-height: 110px;
}
.dlazdice .slozka[href*='22CZ'] .nahled{
    background-image: url(img/dlazdice1.png);
}
.dlazdice .slozka[href*='23CZ'] .nahled{
    background-image: url(img/dlazdice2.png);
}
.dlazdice .slozka[href*='24CZ'] .nahled{
    background-image: url(img/dlazdice3.png);
}
.dlazdice .slozka[href*='26CZ'] .nahled{
    background-image: url(img/dlazdice4.png);
}
.dlazdice .nahled:after{
    content: 'info';
    border-radius: 50%;
    background-color: #0094FF;
    width: 80px;
    line-height: 80px;
    position: absolute;
    right: 0;
    bottom: 0;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 25%);
    text-align: center;
    font-size: 25px;
    color: #fff;
    cursor: pointer;
}
.dlazdice .slozka:hover .nahled{
    box-shadow: 0 0 15px 0 rgba(255,255,255,0.35);
}
@media only screen and (max-width:1140px){
    .dlazdice .vnitrek{
        width: 700px;
    }
    .dlazdice .slozka{
        width: 50%;
    }
}
@media only screen and (max-width:700px){
    .dlazdice .vnitrek{
        width: 300px;
    }
    .dlazdice .slozka{
        width: 100%;
    }
    .dlazdice h2{
        min-height: 0px;
    }
}
/* dlazdice */





/* PanelCihly */
body:not(.homepage) .cihly{
    display: none;
}
.cihly{
    background-color: #cad7e7;
    padding: 3% 0 1% 0;
}
.cihly h1, .cihly h2{
    color: #004C8B;
    font-weight: 300;
    line-height: 50px;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    padding-left: 30px;
}
.cihly table{
    border-spacing: 30px;
    border-collapse: separate;
}
.cihly td{
    background-color: white;
    padding: 30px 10px;
    box-shadow: 5px 5px 10px rgb(28 81 142 / 25%);
    text-align: center;
}
@media only screen and (max-width:700px){
    .cihly table,
    .cihly thead,
    .cihly tbody,
    .cihly tfoot,
    .cihly tr,
    .cihly td{
        display: block;
    }
    .cihly td{
        margin: 10px auto;
    }

}
/* PanelCihly */




/* Galerie */
main .komponentaFotogalerie.galerie .polozka .nahled {
    border: 0px solid #000 !important;
}
/* Galerie */








/* main */
main{
    min-height: 600px;
    background: #cad7e7;
}
.katalog{
    padding: 50px 0px 30px 0px;
    min-height: 600px;
    background: #cad7e7;
}


main td .priloha,
main td .priloha img{
    width: auto !important;
    height: auto !important;
}
/* main */


/* footer */
footer .proform{
    background: url(img/pozadi.jpg) scroll no-repeat center center / cover;
    padding: 3% 0;
}
footer .proform:after{
    content: ' ';
    display: block;
    clear: both;
}
footer .proform .fotky:after{
    content: ' ';
    display: block;
    clear: both;
}
body:not(.homepage) footer .proform .fotky{
    display: none;
}
footer .proform .fotky span{
    display: block;
    float: left;
    width: calc(100% / 3);
    padding-top: 25%;
}
footer .proform .fotky span:nth-child(1){
    background: url(img/foto1.png) scroll no-repeat center center/cover;
}
footer .proform .fotky span:nth-child(2){
    background: url(img/foto2.png) scroll no-repeat center center/cover;
}
footer .proform .fotky span:nth-child(3){
    background: url(img/foto3.png) scroll no-repeat center center/cover;
}
footer .proform .form{
    background: #16253D;
    padding: 20px 80px;
    width: 700px;
    margin: 3% auto 0 auto;
}
footer .proform .form .nadpis{
    color: white;
    font-size: 24px;
    line-height: 1em;
    padding: 15px 0;
}
footer .proform .form table,
footer .proform .form thead,
footer .proform .form tbody,
footer .proform .form tfoot,
footer .proform .form tr,
footer .proform .form td,
footer .proform .form input,
footer .proform .form textarea,
footer .proform .form label{
    display: block;
    width: 100%;
}
footer .proform .form label{
    color: white;
}
footer .proform .form .povinnePolicko,
footer .proform .form .povinnePolickoInfo{
    display: none;
}
footer .prokontakt{
    display: table;
    width: 100%;
}
footer .prokontakt > div{
    display: table-cell;
    vertical-align: top;
}
footer .prokontakt .proframe{
    width: 50%;
}
footer .prokontakt .proframe iframe{
    width: 100%;
    height: 480px;
}
footer .prokontakt .komponentaSlozka{
    width: 260px;
    padding: 30px;
    background: white url(img/logo.svg) scroll no-repeat center 90%/ 80% auto;
}
footer .prokontakt .provozovna{
    width: calc(50% - 260px);
    background: url(img/budova-web.jpg) scroll no-repeat center center/cover;
}
footer .odkazy{
    background-color: #16253D;
    text-align: center;
    margin-top: -9px;
}
footer .odkazy a{
    display: inline-block;
    line-height: 3em;
    color: #fff;
    text-decoration: none;
}
@media only screen and (max-width:1140px){
    footer .proform .form{
        padding: 20px 10px;
    }
    footer .prokontakt > div{
        display: block;
        width: auto !important;
    }
    footer .prokontakt .komponentaSlozka{
        margin-top: -9px;
        text-align: center;
        width: 260px;
        padding: 30px;
        padding-bottom: 200px;
        background: white url(img/logo.svg) scroll no-repeat center 90%/ 200px auto;
    }
    footer .prokontakt .provozovna{
        padding-top: 500px;
    }
}
/* footer */