@font-face {
    font-family: "LabelBold";
    src: url('font/LabelBold.ttf') format('truetype');
}
@font-face {
    font-family: "LabelLight";
    src: url('font/LabelLight.ttf') format('truetype');
}

* { padding: 0; margin: 0; font-family: LabelLight; }
body { background: #e2ebf2; }
header { background: linear-gradient(#669ce8, #3365ab); padding: 20px; margin-bottom: 0px; text-align: center; }
header * { color: #fff; }
main { padding-bottom: 50px; }
h1 { font-size: 32px; font-family: "LabelLight"; }
.strong { font-weight: bold; }
.content-block .row { padding: 10px; background: #fff; margin-bottom: 3px; }
.content-block .nazev { font-weight: bold; }
.content-block .image img { display: block; margin: 0 auto; }
.content-block .cena { text-align: right; color: #3365ab; font-family: LabelBold; }
.content-block .row-celkem { background: none; }
.content-block .row-celkem .cena { font-size: 18pt; font-family: LabelBold; }
.content-block .row-nebylo { /*background-color: #ffffff88;*/ opacity: 70%; }
.content-block .row-nebylo * { color: #9a9da3; }
.content-block .row-nebylo .image img { filter: grayscale(100%); }
.taCenter { text-align: center; }
.taRight { text-align: right; }
.casy { text-align: center; padding: 10px; }
.casy img { width: 100%; display: block; }

@media (min-width:992px) {
    .casy img { width: 50%; display: block; margin: 0 auto; }
    #root { width: 960px; margin: 0 auto; }
    .content-block .row:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; }
    .content-block .row:last-child { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
}

span.chlazene { font-size: 12px; display: inline-block; margin-left: 5px; padding: 2px 7px 3px 7px; background: linear-gradient(#1f60b0, #4d9dd0); color: #fff; line-height: 1em; border-radius: 5px; }
p.info-seznamy-off { text-align: center; padding: 20px; font-size: 18px; font-weight: bold; }