html {overflow-y:scroll; background: #13A3DF }
body, h1, h2, h3, h4, h5, p, ul, ol, menu, li, table, td, th, form, iframe { margin: 0; padding: 0 }
table, form, input, button, select, td { font-size: 100% }
body, input, textarea, select, button { font-family: Arial,Helvetica,sans-serif; }
html { background: #13A3DF }
body { color: #000; background: 0; background-size: cover; line-height: 1.33; padding-top: 0.05px; margin-top: -0.05px; font-size: 100% }
ul { margin: 0.75em 0.75em 0.75em 2em; list-style: outside disc }
ol { margin: 0.75em 0.75em 0.75em 2em; list-style-position: outside; }
code { font-family: Courier New, Consolas, monospace }
img { border: 0 }
.clearovac, .fca, .fc0, .fc1, .fc3, .fc5, .fc9, .fc13, .fc15, .fc18, .fc22, .fc-art, .fc9-negative { clear: both; float: none; line-height: 1; margin: 0; overflow: hidden; padding: 0 }
.clearovac, .fc0, .fc1 { display: block; font-size: 0; height: 0; line-height: 0 }
.h, .q-js .qh { display: none }
.vh {visibility:hidden}
.fl { float: left }
.fr { float: right }
button { cursor: pointer }
.content p { margin-bottom: 1em }
.content { padding-bottom: 1em }
th, .tal {text-align:left;}
.tar {text-align:right;}
.tac {text-align:center;}
ins { background-color: #CCF8C4; text-decoration: none }
del { color: #999; background-color:#FEC8C8 }

@media (min-width:1025px) {
  html { background: #13A3DF url("layout/kolecka-768.png") 50% 50% fixed; background-size: cover; }
}
@media (min-width:1001px) {
  html.titulka { background: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.02) 250px,rgba(0,0,0,0) 280px,rgba(0,0,0,0.1),rgba(0,0,0,0.5)) 50% 50% fixed, url("layout/duha-600.jpg") 50% 50% fixed; background-size: cover; }
}
@media (min-width:1440px) and (min-height:1024px) {
  html { background-image: url("layout/kolecka-1280.png") }
  html.titulka { background: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.02) 250px,rgba(0,0,0,0) 280px,rgba(0,0,0,0.1),rgba(0,0,0,0.5)) 50% 50% fixed, url("layout/duha-1280.jpg") 50% 50% fixed; background-size: cover; }
}
html.sekce-a { background-color: #B3260D }
html.sekce-k { background-color: #19D }
html.sekce-h { background-color: #8A0 }
html.sekce-n { background-color: #38D }
html.sekce-s { background-color: #C09A00 }
html.sekce-v { background-color: #B4E }
html.sekce-p { background-color: #E70 }
html.sekce-zavinac { background-color: #38D }
html.sekce-u { background-color: #4E5D34 }
html.sekce-o { background-color: #D80 }
html.sekce-d { background-color: #840 }

/* pozůstatek číslování stránek */
.content table.nav-n4 {float:right; width:auto; margin:16px 0 10px; border-collapse:collapse; position: relative; z-index: 2}
table.nav-n4 td {vertical-align:middle; white-space:nowrap; font-size:16px;}
table.nav-n4 .tal {text-align:left;}
table.nav-n4 .tar {text-align:right;}
table.nav-n4 .tac {padding:0 10px; line-height:26px;}
.nav-n4 a.ico-left, .nav-n4 a.ico-right {display:block; width:149px; height:84px}
.nav-n4 a.ico-right {width:134px}
.nav-n4 a.ico-left {background:url("//o00o.cz/2008/o/portal/alik-prev.png") no-repeat right bottom}
.nav-n4 a.ico-right {background:url("//o00o.cz/2008/o/portal/alik-next.png") no-repeat right bottom}
.nav-n4 a:hover.ico-left, .nav-n4 a:hover.ico-right {background-position:left top}
.nav-n4 a.ico-left span, .nav-n4 a.ico-right span {display:none}
.nav-n4 .tac {vertical-align:bottom}
.nav-n4 .tac a span, .nav-n4 .tac b span {float:none; display:inline-block; width:auto; height:26px; margin:0; padding:0 .5em; border-radius:3px; font-size:14px; text-align:center; background-image:none}
.nav-n4 .tac b span {background-color:#FFF; text-decoration:none;}
.nav-n4 .tac span {background-image:none; background-color:transparent; /*text-decoration:underline;*/}
.nav-n4 .tac a:hover span {text-decoration:none;  background-image:none}
.content .ico, .content .ico-r, .eyes-ico {font-size:12px}
.ico {text-align:left}
.ico-r {text-align:right}
.ico a, .ico-r a {height:26px; line-height:26px; white-space:nowrap; font-size:100%; font-weight:700}
.ico a span, .ico-r a span {float:left; width:17px; height:17px; line-height:16px; margin:5px 8px 0 0; color:#555; background-color:transparent; background-image:url('//o00o.cz/2008/o/ico/default-alik.gif'); background-repeat:no-repeat; text-decoration:none; font-size:0 /*kvuli tecce*/; cursor:pointer;}
.ico a:hover span, .ico-r a:hover span {background-color:transparent; background-image:url('//o00o.cz/2008/o/ico/default-alik-hover.gif'); filter:none;}
.ico-r a span {float:right; margin:5px 0 0 8px;}
.ico-r a span {float:right; margin:5px 0 0 8px;}
/* konec pozůstatku */

.sublink, .sublink:hover, .nonlink { color: #000; text-decoration: none; cursor: pointer }
a, .sublink u { color: #156994; text-decoration: underline }
a:hover, .sublink:hover u { color: #B9151C }
.nonlink:hover { text-decoration: underline; color: #000 }
.trvalink { font-style: normal; text-decoration: none; cursor: pointer; color: inherit }
.trvalink i { font-style: normal; position: relative }
.trvalink i:before, .trvalink i:after { content: ""; position: absolute; left: 50%; top: 100%; border: 1px solid currentcolor; border-width: 0 0 1px 1px; pointer-events: none; -o-pointer-events: none; -ms-pointer-events: none; -moz-pointer-events: none; -webkit-pointer-events: none }
.trvalink i:before { margin: -1px 0 0 -0.5px; height: 3px; width: 1em; opacity: 0.2; transition: opacity 0.5s, width 0.25s }
.trvalink i:after { margin: 0 0 0 0.75em; height: 4px; width: 4px; transform: rotate(225deg); opacity: 0; transition: opacity 0.5s, margin 0.25s }
.trvalink:hover { text-decoration: none; color: inherit }
.trvalink:hover i:before { opacity: 1; width: 2em }
.trvalink:hover i:after { opacity: 1; margin-left: 1.75em; }
.trvalink.nonlink i:before, .trvalink.nonlink i:after { opacity: 0 }
.trvalink.nonlink:hover i:before, .trvalink.nonlink:hover i:after { opacity: 1 }

#main { width: 1000px; margin: auto; box-shadow: 0 0 1.5em rgba(0,0,0,0.25) }
#hlavicka, #content, #footer, #copyright { margin: 0 auto; text-align: left; width: 100% }
#content { position: relative; z-index: 1; font-size: 75% }
#content:after { content: ""; display: table; clear: both; }
#hlavicka {position:relative; z-index:2; height: 0; padding-bottom: 25.4%; background: #23A1E0 url("layout/strom-spodek.png?v=2020") 50% 0 no-repeat; background: url("layout/strom-spodek.png?v=2020") 50% 0 no-repeat, linear-gradient(#23A1E0 25%, #76C0F0 75%) }
#hlavicka h1 {position:absolute; top: 8.6%; left: 0; z-index:1; width: 10% }
#hlavicka h1 img { position: absolute; left: 143%; top: 0; margin-top: 40%; width: 120%; height: auto; transform: skew(0, 0); transition: 0.2s transform; overflow: hidden; border-radius: 12% 20% 0 0/80% 40% 0 0 }
#hlavicka h1 a:active img { transform: scale(1.1) }

#hlavicka h1 a:after { content: ""; background: url("ilustrace/animace-rozhlizeni.png?v=2020") 0 0 no-repeat; background-size: cover; position: absolute; width: 150%; height: 0; padding-bottom: 225%; top: 0; left: 0; margin: -8% 0 0 0 }
#hlavicka h1 a.animace-rozhlizeni:after { animation: logoanimace steps(23) infinite 24s; }
#hlavicka h1 a.animace-ocasek:after { background-image: url("ilustrace/animace-ocasek.png?v=2020"); animation: logoanimace steps(29) infinite 30s; margin: -8% 0 0 -15.5% }
#hlavicka h1 a.animace-ziva:after { background-image: url("ilustrace/animace-ziva.png?v=2020"); animation: logoanimace steps(29) infinite 30s; margin: -35% 0 0 -13%; width: 210%; padding-bottom: 252% }
#hlavicka h1 a:before { content: ""; position: absolute; width: 141%; top: 0; left: 17%; height: 0; padding-bottom: 42.6%; margin: 192% 0 0 0; border-radius: 100% 100%; background: rgba(0,0,0,0.1); background: radial-gradient(50% 50%, rgba(32,100,32,0.5), rgba(32,100,32,0.0)); transform: skewy(12deg); opacity: 0; pointer-events: none; -o-pointer-events: none; -ms-pointer-events: none; -moz-pointer-events: none; -webkit-pointer-events: none; }
@keyframes logoanimace { 0%, 5% { background-position: 0 0 } 10%, 100% { background-position: 100% 0 } }

#hlavicka menu {position:absolute; font-size: 13.2px; bottom: 1.4em; left: 0.5%; z-index:2; right: 0.5%; display: table; width: 99% }
#hlavicka menu li {position:relative; display: table-cell; text-align: center; }
#hlavicka menu li:before { position: absolute; content: ""; left: 50%; width: 8px; margin: -4px; border-radius: 4px; top: 50%; bottom: -1.4em; background: #C6913F; background: linear-gradient(90deg, #DCB26B, #C6913F); border-bottom: 1px solid rgba(0,0,0,0.2) }
#hlavicka menu li:after { position: absolute; content: ""; left: 50%; width: 8px; z-index: -1; margin: 0 -5px; border-radius: 2px; top: 90%; bottom: -1.4em; background: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0)); transform-origin: 50% 100%; transform: rotate(120deg) }

#hlavicka #cedule-a .cedule { box-shadow: 0 -0.2em 0.5em -0.2em rgba(0,0,0,0.5) }
@media (min-width: 1120px) { /* v responsivni.css přebito */
  #hlavicka h1 ~ menu { width: 85.5%; left: 14%; font-size: 12px }
  #hlavicka h1 a:before { opacity: 1 }
  #hlavicka h1 ~ menu #cedule-a .cedule { box-shadow: 0 -0.2em 0.5em -0.75em #000 }
}

.cedule { text-align: center; background: #FFF; position: relative; text-decoration: none; }
.cedule-barva { display: block; width: 7.9em; height: 4.45em; margin: auto; border-radius: 0.375em; position: relative; pointer-events: none; -o-pointer-events: none; -ms-pointer-events: none; -moz-pointer-events: none; -webkit-pointer-events: none; }
.cedule { display: inline-block; border-radius: 0.625em; filter: drop-shadow(0 0.25em 0.25em rgba(0,0,0,0.2)) }
.cedule-text { display: block; font-size: 125%; margin: 0 0 0.333em; font-weight: bold; position: relative; z-index: 2; -webkit-transform: translateZ(0px); transform: scale(0.01) perspective(1000px) translate3d(0,0,1px) scale(100); text-decoration-skip-ink: none; }
.cedule-obsah { display: block; padding: 0.55em 0.55em 0.333em 0.55em; overflow: hidden }
.cedule-symbol { position: absolute; transition: 0.5s; z-index: 2 }
.cedule-symbol:after, .cedule-symbol:before { content: ""; position: absolute; transition: 0.5s }
.act .cedule-text:before, .act .cedule-text:after { opacity: 0.5; display: inline-block; padding: 0 0.25em }
.act .cedule-text:before { content: "\00bb"; text-decoration: none }
.act .cedule-text:after { content: "\00ab"; text-decoration: none }
.cedule-podklad:after, .cedule-podklad:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 0.625em; background: #FFF; transition: 0.25s }
.cedule-podklad:before { transform: skewX(2.5deg) skewY(2deg) }
.cedule-podklad:after { transform: skewX(-2.5deg) skewY(-2deg) }
.cedule-barva:after, .cedule-barva:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 0.375em; background: inherit; transform-origin: 50% 66.6%; transition: 0.25s box-shadow; box-shadow: 0 2em 2em 1em rgba(0,0,0,0.1) inset }
.cedule-barva:before { transform: skewX(2.5deg) skewY(2deg) }
.cedule-barva:after { transform: skewX(-2.5deg) skewY(-2deg) }
.cedule:focus { outline: 0 }
.cedule:focus .cedule-text { text-decoration: underline; }
.cedule:focus .cedule-podklad:after, .cedule:focus .cedule-podklad:before { margin: -0.125em }

#hlavicka a:hover .cedule-barva:after, #hlavicka a:hover .cedule-barva:before { box-shadow: 0 1em 2em 0.5em rgba(0,0,0,0.15) inset }
#cedule-a .cedule { -webkit-transform: translateY(0.61em) rotate(-4deg); -ms-transform: translateY(0.61em) rotate(-4deg); transform: translateY(0.61em) rotate(-4deg) }
#cedule-k .cedule { -webkit-transform: translateY(0.15em) rotate(3deg); -ms-transform: translateY(0.15em) rotate(3deg); transform: translateY(0.15em) rotate(3deg); }
#cedule-h .cedule { -webkit-transform: translateY(-0.23em) rotate(-5deg); -ms-transform: translateY(-0.23em) rotate(-5deg); transform: translateY(-0.23em) rotate(-5deg); }
#cedule-n .cedule { -webkit-transform: translateY(-0.15em) rotate(3deg); -ms-transform: translateY(-0.15em) rotate(3deg); transform: translateY(-0.15em) rotate(3deg); }
#cedule-s .cedule { -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); }
#cedule-v .cedule { -webkit-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); }
#cedule-p .cedule { -webkit-transform: translateY(0.61em) rotate(6deg); -ms-transform: translateY(0.61em) rotate(6deg); transform: translateY(0.61em) rotate(6deg); }
#cedule-u .cedule { -webkit-transform: translateY(0.38em) rotate(3deg); -ms-transform: translateY(0.38em) rotate(3deg); transform: translateY(0.38em) rotate(3deg); }

#cedule-a .cedule-barva { background: #E31 }
#cedule-k .cedule-barva { background: #19D }
#cedule-h .cedule-barva { background: #9C0 }
#cedule-n .cedule-barva { background: #38D }
#cedule-s .cedule-barva { background: #FFD400 }
#cedule-v .cedule-barva { background: #B4E }
#cedule-p .cedule-barva { background: #F90 }
#cedule-u .cedule-barva { background: #687C45 }

#cedule-a .cedule-symbol { right: -0.25em; width: 8.5em; top: -0.625em; height: 4.5em; background: url(layout/cedule-a.png) no-repeat 120% 50%; background-size: contain }
#cedule-a .cedule:hover .cedule-symbol { background-position: 400% 50% }
#cedule-a .cedule-symbol:after { left: -8em; width: 7em; bottom: -1.25em; height: 6em; background: url(layout/cedule-a-dodatek.png) no-repeat 50% 50%; background-size: contain }
#cedule-a .cedule:hover .cedule-symbol:after { left: 0em }

#cedule-k .cedule-symbol { left: 0.5em; width: 7em; top: -0.5em; height: 5.5em; background: url(layout/cedule-k.png) repeat-y 50% 50%; background-size: contain }
#cedule-k .cedule:hover .cedule-symbol { width: 2.5em; left: 0.25em; background-position: 0% 100% }
#cedule-k .cedule-symbol:after { right: -200%; width: 100%; top: 0; height: 100%; background: url(layout/cedule-k.png) repeat-y 50% 50%; background-size: contain }
#cedule-k .cedule:hover .cedule-symbol:after { transform: scaleX(-1); background-position: 0% 0% }
#cedule-k .cedule-text u:after { color: #FFF; content: attr(data-lidi); left: 0; position: absolute; top: -2.4em; width: 100%; font-size: 125%; transform: rotate(0) scale(1, 1); opacity: 0.667; transition: 0.5s }
#cedule-k .cedule:hover .cedule-text u:after { font-size: 100%; transform: rotate(180deg) scale(-1, -1); opacity: 1 }

#cedule-h .cedule-symbol { left: -0.25em; right: -0.25em; top: -0.25em; bottom: -0.25em; overflow: hidden }
#cedule-h .cedule-symbol:after { left: -2em; right: -2em; top: -2.5em; bottom: -2.5em; background: url(layout/cedule-h.png) 0 0; transform: rotate(40deg); -webkit-animation: cedule-pixelart 2s infinite steps(19); -webkit-animation-play-state: paused; animation: cedule-pixelart 2s infinite steps(19); animation-play-state: paused; }
#cedule-h .cedule:hover .cedule-symbol:after { -webkit-animation-play-state: running; animation-play-state: running; }
@keyframes cedule-pixelart { 0%,90% { background-position: 0 0 } 45%,55% { background-position: 0 -2432px } }
@-webkit-keyframes cedule-pixelart { 0%,90% { background-position: 0 0 } 45%,55% { background-position: 0 -2432px } }
#cedule-n .cedule-symbol, #cedule-n .cedule-symbol:after, #cedule-n .cedule-symbol:before { border-radius: 0.125em; }
#cedule-n .cedule-symbol { top: 1.375em; height: 1.375em; left: 2.25em; right: 2.25em; border: 0.25em solid #FFF; transform: rotate(-90deg); transition: 0.5s cubic-bezier(0.5, -0.5, 0.2, 2.5) }
#cedule-n .cedule-symbol:after, #cedule-n .cedule-symbol:before { height: 1.375em; left: -0.25em; right: -0.25em; border: 0.25em solid #FFF }
#cedule-n .cedule-symbol:after { top: 1.5em }
#cedule-n .cedule-symbol:before { bottom: 1.5em }
#cedule-n .cedule:hover .cedule-symbol { left: -0.333em; right: -0.333em; transform: rotate(180deg) }
#cedule-n .cedule:hover .cedule-symbol:after { top: 1.375em; left: -0.25em; right: -0.25em}
#cedule-n .cedule:hover .cedule-symbol:before { bottom: 1.375em; left: -0.25em; right: -0.25em}
#cedule-n .cedule:hover .cedule-symbol, #cedule-n .cedule:hover .cedule-symbol:after, #cedule-n .cedule:hover .cedule-symbol:before { border-radius: 0.625em; }

#cedule-s .cedule-symbol { right: -10%; bottom: -10%; width: 100%; height: 120%; background: url(layout/cedule-s.png) no-repeat 100% 100%; background-size: contain }
#cedule-s .cedule-symbol:after { left: 0.5em; top: 50%; margin-top: -0.25em; width: 0.5em; height: 0.5em; background: #EB0; font-size: 80%; border-radius: 100%; box-shadow: 0 0 0 0.375em #FFF, 0 1.5em 0 0.375em #FFF, 0 -1.5em 0 0.375em #FFF}
#cedule-s .cedule:hover .cedule-symbol:after { background: #EB0; width: 0.5em; height: 0.5em; box-shadow: 0 0 0 0.375em #FFF, 3em 0 0 0.375em #FFF, 1.5em 0 0 0.375em #FFF; transform: translateY(1.5em) rotate(270deg); }
#cedule-s .cedule-text u[data-soutez]:after { color: #FFF; content: attr(data-soutez); left: 0; padding: 0.25em 0.5em; position: absolute; top: -5.5em; text-align: left; font-size: 100%; font-family: Courier New, Consolas, monospace; text-decoration: underline; transform: translate(0, 0); transition: 0.5s; border-radius: 0.25em }
#cedule-s .cedule:hover .cedule-text u:after { background: #000; color: #32D846; font-size: 100%; transform: translate(0.5em, 3.5em) }

#cedule-v .cedule-symbol { right: 0; left: 0; bottom: 8%; height: 100%; background: url(layout/cedule-v.png) no-repeat 0% 50%; background-size: contain }
#cedule-v .cedule-symbol:after { right: 0%; left: 0; bottom: -15%; height: 70%; background: url(layout/cedule-v.png) no-repeat 0% 50%; background-size: contain; transform: scaleX(-1) translateY(0) rotate(0deg) }
#cedule-v .cedule:hover .cedule-symbol { transform: rotate(-12deg); }
#cedule-v .cedule:hover .cedule-symbol:after { transform: scaleX(-1) translateY(-1em) rotate(-24deg); }
#cedule-p .cedule-symbol { right: -5%; left: -10%; bottom: 0; height: 120%; background: url(layout/cedule-p.png) no-repeat 0% 50%; background-size: contain }
#cedule-p .cedule-symbol:after { right: -3%; left: 1%; bottom: -10%; height: 70%; background: url(layout/cedule-p-dodatek.png) no-repeat 100% 50%; background-size: contain }
#cedule-p .cedule:hover .cedule-symbol { background-position: 100% 50% }
#cedule-p .cedule:hover .cedule-symbol:after { background-position: 0% 50%; transform: rotate(-365deg) }
#cedule-p .cedule-text u[data-cas]:after { color: #000; content: attr(data-cas); left: 0%; width: 3em; background: rgba(255,255,255,0.666); background-clip: padding-box; margin-left: 0em; padding: 0.125em 0.75em 0.375em; position: absolute; top: 2em; font-size: 80%; font-family: Consolas, Courier New, monospace; border-radius: 0.25em 0.25em 3em 3em/0.25em 0.25em 2em 2em; text-decoration: none; border: 0.25em solid currentColor; border-width: 0.25em 0 0 0; box-shadow: 0 0.25em 0.75em -0.25em rgba(64,32,0,0.25); transform: rotate(-1deg) }
#cedule-p .cedule-text u[data-barva="cervena"]:after { color: #E31 }
#cedule-p .cedule-text u[data-barva="oranzova"]:after { color: #F80 }
#cedule-p .cedule-text u[data-barva="zelena"]:after { color: #491 }

#cedule-a .cedule-text { color: #E03114 /* #E31 */ }
#cedule-k .cedule-text { color: #117DB5 /* #19D */ }
#cedule-h .cedule-text { color: #668000 /* #8A0 */ }
#cedule-n .cedule-text { color: #2579C7 /* #38D */ }
#cedule-s .cedule-text { color: #B88F00 /* #DA0 */ }
#cedule-v .cedule-text { color: #B72FEF /* #B4E */ }
#cedule-p .cedule-text { color: #BA5C00 /* #E70 */ }
#cedule-u .cedule-text { color: #687C45 }

/* horní tabule */
.tabule { position: relative; right: 1.4%; top: 0; margin-top: 0.8%; float: right; font-size: 75% }
.tabule-podklad:after, .tabule-podklad:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 0.75em; background: #F8EEBB; background: linear-gradient(20deg, #ED9 15%, #FFF, #ED9 85%) }
.tabule-podklad:before { transform: skewX(2deg) skewY(1deg); box-shadow: 0 0 1em rgba(0,0,0,0.25) }
.tabule-podklad:after { transform: skewX(-2deg) skewY(-1deg) }
.tabule-obsah { position: relative; z-index: 1; margin: 0; padding: 1em 0.25em 1em 0.75em; display: table; font-weight: bold }
.tabule-uchyt:after { content: ""; background: #DB4; background: #FC4 repeating-linear-gradient(60deg, rgba(0, 0, 68, 0) 0px, rgba(0, 0, 68, 0) 2px, rgba(0, 0, 68, 0.25) 4px); height: 20em; width: 2.25px; border: 1px solid #000; border-color: rgba(0,0,0,0.25) rgba(0,0,0,0.25) rgba(0,0,0,0.333) rgba(255,255,255,0.25); box-shadow: 1px 1px 2px rgba(0,0,0,0.25); border-radius: 0.3333em; position: absolute; left: 0.333em; margin: 0 -1px; bottom: 0.41666em; transform-origin: 50% 100%; }
.tabule-uchyt { position: absolute; background: #34A2E7; width: 0.8333em; height: 0.8333em; border-radius: 100%; top: 0.75em; box-shadow: 0 0 2px rgba(0,0,0,0.25) inset; z-index:2 }
.tabule-uchyt-l { left: 0.5833em; transform: rotate(-2deg) }
.tabule-uchyt-r { right: 0.5833em; transform: rotate(2deg) }
.tabule-uchyt-c { left: 50%; top: 0.5em; margin-left: -0.41667em }
.tabule-obsah a, .tabule-obsah u { transition: color 0.25s }
.tabule-obsah a:hover, .tabule-obsah a:hover u { color: #000 }
.tabule-ucet { display: table-cell; vertical-align: top; text-align: center; /*min-width: 90px; padding: 0 0.1em 0 0.2em*/ }
.tabule-menu { display: table-cell; vertical-align: top;  }
.tabule-vizitka { display: block; font-size: 83.333%; text-decoration: none; color: #6A6; padding: 0 0.75em 0 1em; margin: 0 0 -1em; min-width: 5em;  }
.tabule-vizitka u { color: #492; display: block; font-size: 120%; margin: 0 }
.tabule-vizitka img { display: block; margin: 0 auto 0.25em; width: 5em; height: 6em }
.tabule-konto { position: absolute; text-decoration: none; display: block; right: 100%; margin: -0.4166em 1.5em 0 0; top: 0; width: 10em; padding: 7.6em 0 0 0; background: url('layout/kacka.png?2022') 50% 0 no-repeat; background-size: contain; white-space: nowrap; color: #FFF; transform: translate3d(0px, 0px, 1px); transform-style: preserve-3d }
.tabule-konto-omezene { background-image: url('layout/kacka-ostrihana.png') }
.tabule-konto span { display: block; transform: rotate(-25deg); transform-origin: 0 0; text-align: right; line-height: 1.75em; margin: 0.4em -0.2em 0 0; font-size: 150%; text-shadow: 0 1px 2px rgba(0,0,0,0.75) }
.tabule-konto b { font-family: Consolas, Courier New, monospace; word-spacing: -0.25em; position: relative }
.tabule-konto i { font-style: normal; font-size: 85% }
.tabule-konto b:before { content: ""; position: absolute; bottom: 0; left: 26%; right: 76%; border-top: 0.112em solid #FFF; box-shadow: 0 0.75px 2.5px rgba(0,0,0,0.75); transition: 0.5s cubic-bezier(0.5, -0.5, 0.1666, 2); }
.tabule-konto:hover b:before { left: 0; right: 0 }
.tabule-obsah .tabule-konto:hover { color: #FFF }

.tabule-menu a { text-decoration: none; text-align: center; display: block }
.tabule-posta { background: url('posta/schranka.png') 50% 1em no-repeat; background-size: contain; float: left; width: 5.6667em; padding: 5.75em 0 0 0; margin: 0 1em 0 0.25em; color: #27B; position: relative; text-decoration: none; white-space: nowrap }
.tabule-posta[data-dopisu]:before { content: ""; position: absolute; left: 0em; top: 0.25em; width: 5.6667em; height: 2em; background: url('posta/obalka.png') 0 0 no-repeat; background: url('posta/obalka.png') 0 0 no-repeat, url('posta/obalka.png') 0.583em 0 no-repeat, url('posta/obalka.png') 1.167em 0 no-repeat, url('posta/obalka.png') 1.75em 0 no-repeat; background-size: contain; }
.tabule-posta[data-dopisu='3']:before { background: url('posta/obalka.png') 0 0 no-repeat, url('posta/obalka.png') 0.75em 0 no-repeat, url('posta/obalka.png') 1.5em 0 no-repeat; background-size: contain; }
.tabule-posta[data-dopisu='2']:before { background: url('posta/obalka.png') 0 0 no-repeat, url('posta/obalka.png') 1.1667em 0 no-repeat; background-size: contain; }
.tabule-posta[data-dopisu='1']:before { background: url('posta/obalka.png') 0 0 no-repeat; background-size: contain; }
.tabule-posta[data-dopisu='0']:before { background: 0 }
.tabule-posta[data-dopisu='s']:before { background: 0 }
.tabule-posta[data-dopisu]:after { content: attr(data-dopisu); position: absolute; background: #E11; background: linear-gradient(#F11, #A00); border-radius: 2em; text-align: center; width: 1.75em; line-height: 1.75em; color: #FFF; right: 0; top: 1.8333em; font-size: 111.11%; font-weight: normal; animation: pulzovat 4s infinite linear; box-shadow: 0 0 0.75em #F44 inset; text-shadow: 1px 1px 1px #800 }
.tabule-posta[data-dopisu='0']:after, .tabule-posta[data-dopisu='s']:after { content: '\017e\00e1 dn\00e1  nov\00e1'; font-size: 83.333%; width: 100%; left: 0; top: 1.3333em; margin-top: -1.75em; color: #27B; background: 0; opacity: 0; animation: none; transition: 0.25s; box-shadow: none; text-shadow: none }
.tabule-posta[data-dopisu='0']:hover:after, .tabule-posta[data-dopisu='s']:hover:after { opacity: 1 }

.tabule .tlacitko-ucet { display: block; border-radius: 1.5em 1.5em 0.5em 0.5em; text-decoration: none; font-weight: bold; cursor: pointer; font-family: Candara, "Trebuchet MS", sans-serif; position: relative; clear: both; margin: 0 0.75em 0 0; font-size: 133.333%; transition: 0.5s box-shadow, 0.5s text-shadow, 0.25s line-height linear; text-align: center; width: 5em; line-height: 1.25em; height: 1.25em; padding: 3.875em 0.5em 0.375em; overflow: hidden; box-sizing: content-box }
.tabule .tlacitko-ucet:after { content: ""; position: absolute; left: 50%; top: 40%; height: 3.375em; width: 4em; margin: -1.6875em -2em; background: 50% 50% no-repeat; background-size: contain; transition: 0.5s transform-origin, 0.25s margin-top linear; transform-origin: 50% 50%; animation: tlapka 1s infinite -0.25s; animation-play-state: paused }
.tabule .tlacitko-ucet:hover:after { animation-play-state: running; transform-origin: 50% 200%; transition-duration: 5s, 0.25s }
.tabule .tlacitko-ucet:active { line-height: 1.45em; }
.tabule .tlacitko-ucet:active:after { margin-top: -1.6em }
@keyframes tlapka {
  0%,100% { transform: rotate(5deg) }
  50% { transform: rotate(-5deg) }
}

.tabule .tlacitko-prihlasit { background: #78C72C; background: linear-gradient(177deg, #B5E687, #B5E687 25%, #5AB800 75%); text-shadow: 0 -1px 2px #FFF, 0 60px 20px #B5E687; box-shadow: 0 0 0.9em -0.2em #234800 inset, 0 0 100px -100px rgba(64,128,0,0.1) inset; color: #000 }
.tabule .tlacitko-prihlasit:hover { box-shadow: 0 0 0.9em -0.2em #234800 inset, 0 0 100px 50px rgba(64,128,0,0.075) inset; text-shadow: 0 -1px 2px #FFF, 0 1px 8px #DFF4CA; color: #000; }
.tabule .tlacitko-prihlasit:after { background-image: url('uzivatele/prihlasit.png') }
.tabule .tlacitko-prihlasit:active { box-shadow: 0 0 0.9em -0.2em #234800 inset, 0 0 100px 50px rgba(64,128,0,0.15) inset }

.tabule .tlacitko-nastaveni { background: #EE6600; background: linear-gradient(155deg, #F60, #F60 25%, #A40 75%); text-shadow: 0 -1px 2px #730, 0 60px 20px #730; box-shadow: 0.25em 0.25em 0.3em rgba(255,255,255,0.25) inset, -0.25em -0.25em 0.3em rgba(96,17,0,0.25) inset, 0 0 100px -100px rgba(192,38,0,0.05) inset; color: #FFF; padding: 0.75em 0.5em 0.75em 0.5em; width: 6.25em; margin-bottom: 0.5em }
.tabule .tlacitko-nastaveni:after { display: none }

.tabule .tlacitko-odhlasit { background: #EE6600; background: linear-gradient(155deg, #F60, #F60 25%, #A40 75%); text-shadow: 0 -1px 2px #730, 0 60px 20px #730; box-shadow: 0.25em 0.25em 0.3em rgba(255,255,255,0.25) inset, -0.25em -0.25em 0.3em rgba(96,17,0,0.25) inset, 0 0 100px -100px rgba(192,38,0,0.05) inset; color: #FFF; padding: 0.625em 0.5em 0.625em 2.5em; width: 4.25em; border-radius: 0.5em; }
.tabule .tlacitko-odhlasit:after { background-image: url('uzivatele/odhlasit.png'); top: 50%; height: 2em; width: 2em; margin: -1em; left: 1.5em; filter: drop-shadow(0 -1px 3px rgba(0,0,0,0.4)) }
.tabule .tlacitko-odhlasit:active:after { margin-top: -0.9em }
button::-moz-focus-inner { padding: 0; border: 0; }

.tabule .tlacitko-nastaveni:hover, .tabule .tlacitko-odhlasit:hover { box-shadow: 0.25em 0.25em 0.3em rgba(255,255,255,0.333) inset, -0.25em -0.25em 0.3em rgba(96,17,0,0.333) inset, 0 0 100px 50px rgba(192,0,0,0.5) inset; text-shadow: 0 -1px 2px #730, 0 1px 8px #730; color: #FFF }
.tabule .tlacitko-nastaveni:active, .tabule .tlacitko-odhlasit:active { box-shadow: 0.25em 0.25em 0.3em rgba(96,17,0,0.333) inset, -0.25em -0.25em 0.3em rgba(255,255,255,0.333) inset, 0 0 100px 50px rgba(192,0,0,0.5) inset; transition-duration: 0.25s }

.tabule-fixni { position: fixed; left: 50%; top: 33%; margin: -50px -167px; z-index: 2; width: 325px }
.tabule-fixni .tabule-uchyt { background: #444 }
.tabule-fixni .tabule-uchyt:after { height: 50vh }
.tabule-fixni:before { content: ""; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.667) }

.tabule-popup { margin: 0px -300px; width: auto; width: 600px }
.tabule-popup .tabule-obsah { padding: 25px 15px 15px }
.tabule-popup .tabule-uchyt { top: 6px }
.tabule-nuzky { position: absolute; right: -3px; bottom: 26px; width: 33px; height: 15px; background: url('layout/nuzky.png') no-repeat 50% 100%; cursor: pointer }
.tabule-nuzky:after { content: ""; position: absolute; left: 0; bottom: 100%; width: 100%; height: 15px; background: url('layout/nuzky.png') no-repeat 50% 0%; z-index: 4 }
.tabule-nuzky:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 15px; z-index: 4 }

.prihlasit-moznosti { font-weight: normal; font-size: 95%; float: left; margin: 0.5em 1.16em 0; text-align: right }
.prihlasit-moznosti a { display: block; padding: 0em 0.666em 0 0.75em; position: relative; line-height: 2.33em }
.prihlasit-moznosti a:after { content: ""; position: absolute; left: 100%; top: 1.166em; margin: -2px; width: 2px; height: 2px; border-radius: 2px; border: 1px solid #000; pointer-events: none; -o-pointer-events: none; -ms-pointer-events: none; -moz-pointer-events: none; -webkit-pointer-events: none; }

.prihlasit-moznosti a:first-child:after { box-shadow: 0 0 0 rgba(255,255,255,0),0 0 0 rgba(255,255,255,0),0 0 0 rgba(255,255,255,0),0 0 0 rgba(255,255,255,0),0 0 0 rgba(255,255,255,0); transition: 0.33s ease-in }
.prihlasit-moznosti a:first-child:hover:after { box-shadow: 0 -5px 0 #E31, 4.5px -2.5px 0 #B4E, 4.5px 2.5px 0 #8A0, 0 5px 0 #DA0, 9px 0 0 #19D; background: #E70; border-color: rgba(0,0,0,0); transform: translateX(-2px); transition: 0.666s ease-out }

.prihlasit-moznosti a:first-child+a:after { transform-origin: 150% 50%; transform: rotate(-3600deg); transition: 0 }
.prihlasit-moznosti a:first-child+a:hover:after { transform-origin: 50% 50%; transform: rotate(7200deg); background: #2D0; border-color: #170; transition: 0.75s ease-in }

.prihlasit-moznosti a:first-child+a+a:after { box-shadow: 0 0 0 #000, 0 0 0 #000; transition: box-shadow 0, border-color 0.5s }
.prihlasit-moznosti a:first-child+a+a:hover:after { border-color: rgba(0,0,0,0.25); box-shadow: 0 -20px 30px 3px rgba(0,0,0,0),0 -20px 20px rgba(0,0,0,0); transition: box-shadow 3s, border-color 0.5s }

@keyframes pulzovat {
  0%, 80%, 90%, 92% { transform: scale(1) rotate(0deg) }
  85% { transform: scale(1.4) rotate(0deg) }
  100% { transform: scale(1) rotate(360deg) }
}

#cimcarak { float: right; margin: 0.7% 4.8% 0 0; width: 13.6%; position: relative }
#cimcarak img { width: 100%; height: auto }

/* hledání */
#hlavicka { transition: margin-top 0.5s 0.25s }
#hledani { position: absolute; bottom: 100%; left: 0; height: 0; padding-bottom: 16.6%; width: 100%; background: 50% 100% no-repeat; background-size: cover; font-size: 87.5%; color: #1B5626; font-weight: bold }
#hledani-hledat { transition: 0.5s 0.25s top, 0.5s 0.25s margin }
#hledani-strom { transition: 0.5s 0.25s left, 0.5s 0.25s margin, 0.5s 0.25s width }
#hledani-strom b { transition: 0.5s 0.25s transform, 0.5s 0.25s line-height, 0.5s 0.25s opacity }
#hledani-strom #slovo { transition: 0.05s 0.25s font-size, 0.05s 0.25s height, 0.5s 0.25s background, 0.5s 0.25s color }
#hledani b { font-weight: bold; padding: 0 0.5em; }
#hledani-hledat { position: absolute; top: 1px; margin: 0 0 0 0; left: 100%; }
#hledani-hledat img { height: 3em; width: auto }
#hledani-strom { position: absolute; left: 28%; width: 11%; margin-top: 16.6% }
#hledani-strom b { position: absolute; left: 0; top: 0; line-height: 1.33em; transform: translate(0, 0); opacity: 0 }
#hledani-strom #slovo { position: absolute; left: 0; top: 0.25em; width: 100%; background: #DE7; padding: 0.2em 0.6em; line-height: 1.5em; height: 1.5em; border-radius: 0.35rem; top: 0.175rem; padding: 0.14rem 0.42rem; height: 1.05rem; line-height: 1.05rem; box-sizing: content-box; font-size: 80%; border: 2px solid #91B339; box-shadow: 0.14rem 0.14rem 0.35rem rgba(0,0,0,0.125) inset; color: #70862C; min-height: 0 }
#hledani-kde { position: absolute; top: 0; left: 23.5%; width: 40%; transform-origin: 50% 100%; transform: scaleY(0); transition: 0.5s 0.5s }
#hledani-kde b { position: absolute; right: 100%; top: 0; line-height: 1.75em; white-space: nowrap }
#hledani-kde label { display: block; line-height: 1.75em; color: rgba(27, 86, 38, 0.75) }
#hledani-kde input:focus { outline: 0 }
#hledani-kde input + span { transition: 0.25s; padding: 0.25em 0.25em; margin: 0 0 0 -0.25em; border-radius: 0.5em }
#hledani-kde input:checked + span { color: #000; background: #B3DA34; background: linear-gradient(rgba(179, 218, 52, 0), #B3DA34 50%) }
#hledani-skryt { cursor: pointer; display: block; display: block; text-align: center; width: 50%; margin-top: 0.5em; border: 0; background: 0; border-top: 2px dotted rgba(27, 86, 38, 0.5); font-size: 0; transition: 0.5s 0.5s; font-size: 100% }
#hledani-skryt:hover:after { background: rgba(27, 86, 38, 0.125); border-color: rgba(27, 86, 38, 0) }
#hledani-skryt:after { content: 'schovat vyhled\00e1 v\00e1 n\00ed'; display: inline-block; margin-top: 0.75em; padding: 0.25em 0.75em; font-size: 85%; border-radius: 1.5em; border: 1px solid rgba(27, 86, 38, 0.125); transition: 0.5s }
#hledani-mracek { float: right; width: 10%; height: 0; padding: 0 0 5.7% 0; margin: 5% 3.8% 0 0; transition: 0.75s; cursor: pointer; display: none; background: url("layout/mracek.png") 50% 50% no-repeat; background-size: cover }
#hledani #cimcarak { width: 13.4%; margin: 1.7% 2.2% 0 0; display: none }
#hlavicka.hledame { margin-top: 16.6% }
#hlavicka.hledame #hledani, #hlavicka.nehledame #hledani { background-color: #23A1E0; background-image: url("layout/strom-vrsek.png?v=2020") }
#hlavicka.hledame #hledani-strom { left: 23.5%; margin-top: 1%; width: 30% }
#hlavicka.hledame #hledani-strom b { transform: translate(-100%, 0.25em); line-height: 2.5em; opacity: 1 }
#hlavicka.hledame #slovo { font-size: 100%; background: #FFF; color: #000; padding: 0.2em 0.6em; line-height: 1.5em; height: 1.5em; }
#hlavicka.hledame #hledani-hledat { top: 2px; margin-left: 1.5em; }
#hlavicka.hledame #hledani-kde { top: 3.5em; transform: scaleY(1) }
#hlavicka.hledame #hledani-skryt { font-size: 100% }
#hlavicka.hledame #hledani-mracek, #hlavicka.hledame #cimcarak, #hlavicka.nehledame #hledani-mracek, #hlavicka.nehledame #cimcarak { display: block }

.content .trava { background: url("layout/strom-spodek.png?v=2020") no-repeat 50% 100%; height: 0; padding-bottom: 5.2%; background-size: cover }

/* nadpisy */
h1.tit { border-radius: 0.5em; font-size: 160%; padding: 0.25em 0.75em; color: #FFF; margin: 0.75em 0; line-height: 1.5em; font-weight: bold; text-shadow: 0 0 0.5em rgba(0,0,0,0.125) }
h1.tit small { font-size: 80%; padding-left: 0.75em  }
h1.tit a { color: #FFF }
h1.tit a.nonlink:hover { color: inherit }
h1.tit small:before { content: "\2026  " }
.sekce-a h1.tit { background: #E31; background: radial-gradient(6em 1.75em at 0.75em 0.5em, rgba(255, 255, 225, 0.55), #E31), #E31; border: 2px solid #E31; margin: 0.5em 0; text-shadow: -1px -1px 0 #E31, -1px 1px 0 #E31, 1px -1px 0 #E31, 1px 1px 0 #E31 }
.sekce-k h1.tit { background: #19D; border-radius: 2em 0.5em 0.5em 0.5em; padding-left: 1.5em }
.sekce-h h1.tit { background: #8A0; background: repeating-linear-gradient(45deg, rgba(137, 170, 0, 0.5) 0px, rgba(137, 170, 0, 0.5) 6px, #8A0 6px, rgba(137, 170, 0, 0.4) 6px, rgba(137, 170, 0, 0.4) 12px), repeating-linear-gradient(135deg, rgba(137, 170, 0, 0.5) 0px, rgba(137, 170, 0, 0.5) 6px, #8A0 6px, rgba(137, 170, 0, 0.4) 6px, rgba(137, 170, 0, 0.4) 12px); border-radius: 0; text-shadow: 0 0 2px #000; position: relative }
.sekce-n h1.tit { background: #38D }
.sekce-s h1.tit { background: #FC0; text-shadow: 1px 1px 0 #806300, -1px -1px 0 #806300, -1px 1px 0 #806300, 1px -1px 0 #806300, 1px 0 0 #806300, -1px 0 0 #806300, 0 1px 0 #806300, 0 -1px 0 #806300, 0 0.125em 0.25em rgba(0, 0, 0, 0.5); box-shadow: 0 0.125em 0.25em rgba(128, 99, 0, 0.25); background: linear-gradient(-10deg, #FFCC00 15%, #ECB300, #FFCC00 85%); border: 0 solid rgba(0,0,0,0.1); border-width: 0.125em; border-radius: 1em; padding: 0.25em 1em; overflow: hidden }
.sekce-v h1.tit { background: #B4E; border-radius: 1.5em/3em; padding: 0.25em 0.875em; }
.sekce-p h1.tit { background: #E70; text-shadow: none; border-radius: 0; background: linear-gradient(225deg, #E70 0em, rgba(238,119,0,0.0) 0em, rgba(238,119,0,0.0) 0.75em, #E70 0.75em); }
.sekce-u h1.tit { background: rgba(255,255,255,0.1); background: linear-gradient(rgba(221,238,85,0), rgba(221,238,85,0.05), rgba(221,238,85,0.15)); color: #FFF }
.sekce-o h1.tit { background: #FFF; color: #A07C00; border-radius: 0.5em 0.5em 100% 0.5em/0.5em 0.5em 100% 0.5em; text-shadow: none; box-shadow: 0.15em 0.15em 0 0 #A07C00; font-size: 177.777%; font-variant: small-caps; font-weight: normal }
.sekce-d h1.tit { background: #840; background: linear-gradient(20deg, #840 15%, #A50, #840 85%); border: 0 solid rgba(0,0,0,0.1); border-width: 3px; border-radius: 0; padding: 0.25em 1em }

/* obecný uživatelem tvořený obsah */
.obsah-obrazek>img, .obsah-obrazek>span, .obsah-obrazek>span>img { max-width: 100%; vertical-align: bottom }
.chyba { background: #F42; padding: 0.75em 1em; margin: 0.5em 0; border-radius: 0.5em; font-weight: bold; color: #FFF; text-shadow: 1px 1px 1px #000 }
.chyba a { color: #FFF !important }
.varovani { color:#D00; font-size:125%; line-height: 1.45em }

.obsah-text { line-height: 1.5em; word-wrap: break-word; }
.obsah-text p { margin: 0 0 1em 0 }
.obsah-text .obsah-obrazek>img, .obsah-text .obsah-obrazek>span>img { display: block }
.obsah-text .obsah-obrazek { margin: 0 0 1em }
.obsah-text .obsah-obrazek p { margin: 0.25em 0 0 }
.obsah-text>:last-child { margin-bottom: 0 }
.obsah-text>p+.clearovac:last-child { margin: -1em 0 0; font-size: 100% }
.obsah-text h2, .obsah-text h3, .obsah-text h4 { font-weight: normal; line-height: 1.4em; margin: 0.5em 0 0.333em }
.obsah-text h2:first-child, .obsah-text h3:first-child, .obsah-text h4:first-child, .obsah-text h2+h3, .obsah-text h3+h4 { margin-top: 0 }
.obsah-text h2 { font-size: 140%; }
.obsah-text h3 { font-size: 125%; }
.obsah-text h4 { font-size: 110%; font-weight: bold }
.obsah-text ul { margin: 0 0.75em 0.75em 2em; list-style: outside disc }
.obsah-text ol { margin: 0 0.75em 0.75em 2em; list-style-position: outside }
.obsah-text ul ul, .obsah-text ul ol, .obsah-text ol ul, .obsah-text ol ol { margin-bottom: 0 }
.animace-sprite { background-size: auto 100% }
.animace-sprite:hover { -webkit-animation-play-state: paused; animation-play-state: paused !important }
.animace-sprite, .animace-sprite img { display: inline-block; vertical-align: bottom }
.animace-sprite img { opacity: 0 }
@keyframes sprite { 0% { background-position: 0 0 } 100% { background-position: 100% 100% } }
@-webkit-keyframes sprite { 0% { background-position: 0 0 } 100% { background-position: 100% 100% } }


/* o Alíkovi */
.sekce-o .content { background: #FFEA55 url('layout/sekce-o.png?v=202111') 50% 0; }
.sekce-o .col-a { width: 20.5%; margin: 0 4% 0 0; padding: 0.5em 0 0 0; float: right }
.sekce-o .col-bc { width: 66.8%; margin: 0.667em 3% 2em 0; padding: 0em 1.5em 2em 1.5em; float: right; /*box-shadow: 0 0 0 0.125em #C9ED48*/ }
.sekce-o .mimoblok { /*background: rgba(255,255,255,0.5); border-radius: 1.5em;*/ font-size: 133.333%; margin: 0 }
.sekce-o .mimoblok p, .sekce-o .mimoblok ul, .sekce-o .mimoblok ol, .sekce-o .mimoblok dl { font-size: 100%; line-height: 1.5em }
.sekce-o .mimoblok>p, .sekce-o .mimoblok>ul, .sekce-o .mimoblok>ol, .sekce-o .mimoblok>dl { font-size: 100%; }
.sekce-o .mimoblok h1 { font-size: 133.333%; }
/*.sekce-o .col-bc h2 { font-size: 150%; font-weight: bold; border-radius: 0.5em; margin: 1.5em 0 0.75em 0; padding: 0.25em 0.75em; background: rgba(0,32,0,0.2); background: radial-gradient(100% 125% at 0 0, rgba(0,32,0,0.2), rgba(0,32,0,0.075), rgba(0,32,0,0)); color: #FFF; text-shadow: 0 0 0.5em rgba(0,0,0,0.5) }*/
/*.sekce-o .col-bc h2 { font-size: 112.75%; font-weight: bold; border-radius: 0.5em; margin: 1.5em 0 0.75em 0; padding: 0.25em 0.75em; background: rgba(0,32,0,0.2); background: linear-gradient(176deg, rgba(0,32,0,0.35), rgba(0,32,0,0.05)); color: #FFF; text-shadow: 0 0 0.25em rgba(0,0,0,0.75) }*/
.sekce-o .col-bc h1 { margin-left: -0.75em; margin-bottom: 1em; }
.sekce-o .col-bc h1 a, .sekce-o .col-bc h2 a { color: inherit }
.sekce-o .col-bc h2 { font-size: 112.5%; background: #FFF; color: #A07C00; margin: 1.75em 0 1em -0.75em; padding: 0.5em 0.75em; border-radius: 0.5em 0.5em 100% 0.5em/0.5em 0.5em 100% 0.5em; box-shadow: 0.1em 0.1em 0 0 #A07C00; font-weight: normal }
.sekce-o .mimoblok h3 { margin: 1.5em 0 .5em; color: #8C6D00; font-size: 100%; font-weight: 700; }
.sekce-o .col-bc .mimoblok ul,.sekce-o .mimoblok dl { list-style: square; padding: 0 1em 0 2em; }
.sekce-o .col-bc .mimoblok ul { margin: 0 0 1.2em; }
.sekce-o .mimoblok dl { margin-bottom: 1em; }
.sekce-o .mimoblok dt { display: list-item; font-weight: bold; margin: 0.666em 0 0.333em 0 }
.sekce-o .mimoblok dd { margin: 0 0 0.333em 1em; }
.sekce-o .boxik { box-shadow: 0.1em 0.1em 0px 0px #a07c00; background: #FFA; }

.sekce-o .bocni-menu { background: transparent; margin: 0 0 1em 0; border-radius: 0; padding-right: 0.1em }
.sekce-o .bocni-menu ul a { border-radius: 0.5em }
.sekce-o .bocni-menu ul a:before { border-color: #A07C00 }
.sekce-o .bocni-menu ul a.act:before { background: #A07C00; border-radius: 0 }
.sekce-o .bocni-menu ul a:hover { text-shadow: none }
.sekce-o .bocni-menu h2 { color: #8C6D00; padding: 1em 0 0 0.8777em; font-size: 100% }
.sekce-o .bocni-menu ul { padding: 0.5em 0; line-height: 1.5em; }
.sekce-o .bocni-menu .prelom:before { content: ""; display: block; height: 1px; background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.333), rgba(0, 0, 0, 0)); margin: 0.5em 0 }

.tip { color: #000; font-size: 116.667%; background: #FFF; padding: 1em 1em 0.1em 1em; padding-left: calc(1.5em + 44px); border-radius: 1em; position: relative; margin: 1em 0; box-shadow: 0.2em 0.2em 0.667em rgba(0,0,0,0.1) }
.tip:before { content: ""; float: left; margin: -0.5em 1em 0.5em 0; margin-left: calc(-44px - 0.75em); margin-right: calc(0.75em); background: url('layout/zarovka.png') 100% 0 no-repeat; width: 44px; height: 53px }
.mimoblok .tip { font-size: 100% }

/* nové nástěnky */
.sekce-n .content { background: #CFE1FF url('layout/sekce-n.png') 50% 0 repeat-y; }
.sekce-n .col-a { width: 20%; margin: 0 0 0 2.5%; float: left; position: relative; min-height: 1px }
.sekce-n .col-bc { width: 72%; margin: 0 2.5% 0 0; float: right; }
.sekce-n .col-abc { padding: 0 2.5%; width: auto }

.sekce-n .bocni-menu { background: #E5EFFF; background: rgba(243,247,255,0.667); margin: 0.75em 0 1em 0;}
.sekce-n .bocni-menu h2 { background: #38D; color: #FFF; text-align: center; }
.sekce-n .bocni-menu ul a:before { border-color: #38D }
.sekce-n .bocni-menu ul a.act:before { background: #38D; border-radius: 0 }
.sekce-n .bocni-menu ul { padding: 0.5em 0 }
.sekce-n .bocni-menu li+.prelom:before { content: ""; display: block; height: 1px; background: linear-gradient(90deg, rgba(51, 136, 221, 0), rgba(51, 136, 221, 0.333), rgba(51, 136, 221, 0)) }
.sekce-n .boxik { background: #E5EFFF }

.mimoblok { font-size: 116.667% }
.nastenky { width: 100%; border-spacing: 0 0.5em; }
.nastenky td { border-left: 2px dotted #38D; }
.nastenky tr { border-bottom: 1em solid transparent }
.nastenky th+th { text-align: center }
.nastenky th { padding: 0.5em 1em; border-left: 2px dotted #FFF; white-space: nowrap; background: #38D; color: #FFF }
.nastenky th>a, .nastenky th>span { display: block; padding: 0.5em 1em; margin: -0.5em -1em; color: #FFF; text-decoration: none }
.nastenky th>a:hover { text-decoration: underline }
.nastenky th>a.act { text-decoration: none; cursor: default; position: relative; overflow: hidden }
.nastenky th>a.act:before { content: ""; position: absolute; width: 3em; height: 3em; left: 50%; top: 0; margin: -2.25em; border: solid 0.75em rgba(255,255,255,0.2); transform: rotate(45deg); box-shadow: 0 0 0 rgba(255,255,255,0.2); transition: 0.5s }
.nastenky tr:hover th>a.act:before { box-shadow: 0 0 0 1em rgba(255,255,255,0); }

.nastenky td { background: rgba(255,255,255,0.667); background: linear-gradient(0deg, rgba(255,255,255,0.567), rgba(255,255,255,0.767)); }
.nastenky tr:nth-child(2n-1) td { background: rgba(255,255,255,0.5); background: linear-gradient(0deg, rgba(255,255,255,0.35), rgba(255,255,255,0.55)); }
.nastenky .nastenka-nazev { border-radius: 0.5em 0 0 0.5em; border: 0; position: relative }
.nastenky td.nastenka-nazev, .nastenky td.nastenka-jmeno { padding: 0; }
.nastenky .nastenka-tema { position: absolute; right: 0.5em; bottom: 0; opacity: 0.666; color: #38D; font-size: 100%; padding: 0.25em 0.125em 0 0.75em; height: auto; text-decoration: none; font-style: italic }
.nastenky .nastenka-tema:hover { color: #B9151C; text-decoration: underline }
.nastenky tr:hover .nastenka-tema { opacity: 1 }
.nastenky tr.nastenky-nadpis { border: 0; margin-top: 1.5em }
.nastenky tr.nastenky-nadpis:nth-child(2) { margin-top: 1px }
.nastenky tr.nastenky-nadpis td { border: 0; border-radius: 0.5em; overflow: hidden }
.nastenky tr.nastenky-nadpis a { display: block; text-decoration: none; color: #FFF }
.nastenky tr.nastenky-nadpis a:hover { text-decoration: underline; text-decoration-thickness: 1.49px }
.nastenky tr.nastenky-nadpis h2 { font-weight: normal; background: #38D; color: #FFF; padding: 0.333em 0.667em; font-size: 150% }
.nastenky tr.nastenky-nadpis small { float: right; font-size: 70%; margin-top: 0.433em }

.nastenka-nazev span a { display: block; padding: 1.4em 1em; height: 100%; line-height: 1.5em }
td.nastenka-pocet { text-align: right; padding-right: 1.25em }
.nastenka-jmeno>a, .nastenka-jmeno>span { display: block; padding: 0.75em 1em; white-space: nowrap; line-height: 1.4em; overflow: hidden }
.nastenka-jmeno small { font-size: 95%; display: block; margin: 0.25em 0 -0.25em }
.nastenka-jmeno img { float: left; width: 2.5em; height: 3em; margin: -2px 0.5em -2px 0; image-rendering: -webkit-optimize-contrast; }
.nastenka-jmeno>span u { text-decoration: none }
.nastenka-posledni { text-align: right }
.nastenka-posledni img { float: right; margin: -2px 0 -2px 0.5em }
.nastenka-prvni img[src$="#doleva"] { transform: scaleX(-1); }
.nastenka-posledni img[src$="#doprava"] { transform: scaleX(-1); }
.nastenka-oblibena { display: table-row !important }
.nastenka-oblibena .nastenka-pocet span:before { content: ""; display: inline-block; float:left; margin: 0 0 0 -8px; width: 15px; height: 15px; background: url(nastenky/hvezdicka.png) 50% 0%; position: relative; z-index: 2 }

.nastenka-posledni { white-space: nowrap; border-radius: 0 0.5em 0.5em 0; border-width: 0 }

.nastenka-prispevek, .nastenka-zahlavi { background: #E5EFFF; background: rgba(243,247,255,0.667); border-radius: 1em; margin: 1em auto }
.nastenka-info { padding: 1em 1.5em 0.75em 1.667em; border-bottom: 2px dotted #38D; color: #000; position: relative }
.nastenka-blok { padding: 1em 1.5em 1.5em 7.5em; position: relative; min-height: 6.667em }
.nastenka-autor { text-indent: -0.75em; padding-left: 0.75em }
.nastenka-autor a, .nastenka-autor big { font-size: 150%; padding: 0 0.25em 0 0.5em }
.nastenka-autor img { position: absolute; left: 1.1667em; top: 1em; width: 2.778em; height: 3.333em }
.nastenka-autor[data-titul]:before { content: attr(data-titul); padding: 0 0 0 1em }
.nastenka-autor[data-titul] a, .nastenka-autor[data-titul] big { padding: 0 0.125em 0 0.125em }
.nastenka-text { background: #FFF; padding: 1em; margin: 0.5em 0 0 0; font-size: 116.667%; border-radius: 0.5em; box-shadow: 0 0 1.5em rgba(51, 136, 221, 0.075) }
.nastenka-upravit { float: right; position: relative; z-index: 2; margin-right: -1.5em; padding: 0 1.5em 0 0.75em; cursor: pointer }
.nastenka-upravit .odpocet { position: absolute; right: 1.875em; bottom: -2em; font-size: 80%; background: #FFF; padding: 0.25em 0.5em; border-radius: 0.5em; line-height: 1.5em; color: #000; pointer-events: none; -o-pointer-events: none; -ms-pointer-events: none; -moz-pointer-events: none; -webkit-pointer-events: none; font-family: Lucida Console, Courier New; letter-spacing: -0.05em }
.nastenka-upravit+.nastenka-upravit { margin-right: 0; padding: 0 0.75em 0 0.75em }
.nastenka-upravit+.nastenka-upravit .odpocet { right: 0.9375em }
.nastenka-text .normafont { font-size: 58.4px }
.nastenka-prispevek-smazany { background: linear-gradient(to right bottom, rgba(255,232,232,0.667), rgba(243,247,255,0.667)); }
.nastenka-prispevek-smazany .nastenka-info { color: #C00; border-bottom-color: #F44 }
.nastenka-prispevek-nedulezity .nastenka-text, .nastenka-prispevek-nedulezity .nastenka-info { opacity: 0.667; box-shadow: none }
.nastenka-prispevek-nedulezity .nastenka-autor img { opacity: 0.5 }
.nastenka-prispevek-dulezity { background: #FFF; background: linear-gradient(135deg, #FFF, rgba(243,247,255,0.75), #FFF, rgba(243,247,255,0.667)); padding: 0 0.75em; margin: 1.25em -0.75em; box-shadow: 0 0 2em -0.5em #FFF }
.nastenka-prispevek-dulezity .nastenka-info { color: #666 }
.nastenka-prispevek-dulezity .nastenka-text { box-shadow: 0 0 1.25em -0.25em rgba(0,0,0,0.15); margin: 1em -2px 0 -2px; border: 2px solid rgba(51, 136, 221, 0.2) }
.nastenka-prispevek-preskrtnuty div.nastenka-info, .nastenka-prispevek-preskrtnuty .nastenka-text { text-decoration: line-through; text-decoration-style: double }
.nastenka-prispevek-odfajfkovany div.nastenka-info:before { content: "✔️ " }
.nastenka-prispevek-odfajfkovany .nastenka-blok:after { content: ""; transform: scalex(0.75) rotate(45deg); width: 2em; height: 5em; border-radius: 0.25em 0.25em 1em; border: 0.75em solid #38D; /*border-color: rgba(0, 106, 212, 0.8)*/; border-style: none solid solid none; position: absolute; right: 1.5em; bottom: 0.5em; font-weight: bold; z-index: 1; box-shadow: -0.125em -0.125em 0.2em #CFE1FF inset }
.nastenka-prispevek-prelomovy { position: relative; margin-bottom: 3.5em }
.nastenka-prispevek-prelomovy:after { content: ""; position: absolute; left: 1em; right: 1em; bottom: -2.25em; height: 1em; border: 1px solid #38D; border-color: rgba(51, 136, 221, 0.25) rgba(51, 136, 221, 0.5); background: #38D; background: linear-gradient(90deg, rgba(51, 136, 221, 0.25), rgba(51, 136, 221, 0.75), rgba(51, 136, 221, 0.25)); display: block; border-radius: 1em }
.prispevek-schovani { position: fixed; left: -1000em; width: 1px; height: 1px }
.prispevek-schovani:checked ~ .nastenka-text, .prispevek-schovani:checked ~ .prispevek-hodnoceni, .prispevek-schovani:checked ~ .nastenka-autor img { display: none }
.nastenka-autor label { font-style: italic }
.nastenka-prispevek-schovany .nastenka-blok { min-height: 0 }
.nastenka-prispevek.target, .nastenka-prispevek:target { box-shadow: 0 0 0 2px #38D }

.nastenka-zahlavi { padding: 0.75em }
.col-a .nastenka-zahlavi { margin: 0 -0.75em }
.col-bc .nastenka-zahlavi { padding: 1em 1.667em }
.col-bc .nastenka-zahlavi .obsah-text { font-size: 116.667% }
.vstup-zalozka .nastenka-zahlavi { background: 0; padding: 0.5em 0; margin: 0.5em 0 }
.col-bc .nastenka-zahlavi-nahore { padding: 0.666em 1.333em }
.col-bc .nastenka-zahlavi-nahore .obsah-text { max-height: 20.667em; padding: 0.333em 0.333em 0; overflow: auto }
.col-bc .nastenka-zahlavi-nahore .obsah-text:after { content: ""; display: block; height: 0.333em }
.nastenka-zahlavi .boxik { background: #FFF }
.nastenka-prodleva { padding: 0 1.667em }
.nastenka-prodleva big { font-size: 140% }
.vstup-zalozky { display: none; padding: 0 1em; margin: 1.5em 0 -4.5em; position: relative; z-index: 2 }
.vstup-zalozky a { display: inline-block; padding: 0.5em 0.75em; font-size: 120%; border-radius: 0.5em; border-top: 2px solid #38D; background: #CFE1FF; background: rgb(243,247,255); background: linear-gradient(rgba(243,247,255,1) 66%, rgba(243,247,255,0)); margin: 0 0.25em 0 0 }
#formular.na-pravidla .vstup-zalozky, #formular.na-pridani .vstup-zalozky, #formular.na-zahlavi .vstup-zalozky { display: block }
#formular.na-pravidla .zalozka-pravidla, #formular.na-pridani .zalozka-pridani, #formular.na-zahlavi .zalozka-zahlavi { background: #FFF; color: #38D; text-decoration: none }
#formular.na-pravidla form, #formular.na-pravidla #zahlavi, #formular.na-pridani #pravidla, #formular.na-pridani #zahlavi, #formular.na-zahlavi #pravidla, #formular.na-zahlavi form, #formular.na-pravidla .vstup-zalozka>h3, #formular.na-pridani .vstup>h3, #formular.na-zahlavi .vstup-zalozka>h3 { display: none }
.vstup-zalozka { border: 2px solid #38D; border-width: 2px 0; background: rgba(243,247,255,0.667); padding: 1em 1.1667em; width: 100%; border-radius: 1em; box-sizing: border-box; margin: 3em 0 1em; position: relative; }

.nastenka-uvod dl { overflow: hidden }
.nastenka-uvod dt { float: left; clear: both; margin: 0.25em 0 0 0 }
.nastenka-uvod dd { float: right; padding: 0; margin: 0.25em 0 0 0 }

h1 a.nastenka-oblibit { float: right; line-height: 1em; padding: 0.5em 0.75em; margin-right: -0.75em; font-size: 75%; color: #38D; transition: 0.25s; text-decoration: none; font-weight: normal; cursor: pointer }
.nastenka-oblibit:after { content: ""; display: inline-block; margin-left: 5px; width: 15px; height: 14px; background: url(nastenky/hvezdicka.png) 50% 100%; opacity: 0.5; transition: 0.25s }
.nastenka-oblibit.nastenka-znelibit:after { background-position: 50% 0; opacity: 1 }
.col-bc:hover .nastenka-oblibit { color: #E5EFFF }
h1:hover .nastenka-oblibit { color: #FFF }
h1:hover .nastenka-oblibit:after { opacity: 1 }

.sekce-n .col-a h1 { background: #38D; border-radius: 0.5em 0 0 0.5em; position: relative }
.sekce-n .col-a h1:after { content: ""; position: absolute; left: 100%; width: 16%; margin-left: -1px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAPFBMVEUAAAAziN0ziN0ziN0ziN0ziN0ziN0ziN0ziN0ziN0ziN0ziN0ziN0ziN0ziN0ziN0ziN0ziN0ziN0ziN3g+M6pAAAAE3RSTlMAGjAKN6zuuIsi0W3KoU7oWURjulPuBQAAAYNJREFUWMPs0kEShCAMRNGGDGRAHdG+/11nTVlRwC3/AK9SSUCjD27zNDLBDbdtNjg0omc/mAVmkgdABpgFjoDcxFzgGEh1wDWnHAUZEy6lnSOgfWrPCU5wghOc4FswHMC1IwyC6mHkdQCMBTeV2AvmBMgBs7T2gSrAqQI7UQO0PAn8AF2iDWaBKDPuk7UVjAkI5IaHUmwEC7CQ/OKp0gYq4PYY4zMIbQI9mvMtYEBHoQEsrkpQJa6qWKDdD1UH6/rBBVXnO/D6PP9W7BiHQhAIgGgigQ/C1+je/64WVmRiNXCA1zCEzVYH8o6yBscMDg2eM3hqMNJUTSiQD6c5kCFeC8CODCVYkaEEMzKU4ECGEixThgpkiCkUyBCbAxni5UCG2B3IEKsDGWJeAu7IUIJlylCADDGFAhni5kCGeDiQIXYHMsTqQIaYHcgQhwMZYlEgQ0yhQIa4OZAhHg5kiN2BDLEuA38vmB3IEHcHMsSyDIwXjHVgw6cswRujnAT/2K9/ngdHCG/hRpn7vgAAAABJRU5ErkJggg==') 50% 0% no-repeat; background-size: auto 100%; height: 100%; top: 0; border-radius: 0.1px; border: 0 solid #38D; border-width: 0 0.5em; margin: 0 -0.5em }

.nastenka-fanousci { clear: both }
.nastenka-fanousci ul { margin: 0; padding: 0.75em 0; list-style: none; overflow: hidden }
.nastenka-fanousci li { width: 50%; float: left }
.nastenka-fanousci img { position: absolute; left: 20px; top: 5px }
.nastenka-fanousci a { display: block; height: 60px; padding: 5px 20px 5px 80px; position: relative }
.nastenka-fanousci u { font-size: 130%; position: absolute; left: 80px; top: 50%; margin-top: -0.75em; line-height: 1.5em }

.nastenky-temata { display: inline-block; vertical-align: baseline; width: 24em; box-sizing: border-box; background: linear-gradient(0deg, rgba(255,255,255,0.3), rgba(255,255,255,0) 100%); position: relative; margin: -0.25em 0.25em -0.25em 0.75em; padding: 0.25em 0.75em 0.125em; border-radius:0.5em; font-size: 80%; color: #FFF; font-weight: bold; transition: background-image 0.25s; line-height: 1.5em }
.nastenky-temata:after { content: ""; position: absolute; right: 1.25em; top: 50%; font-size: 80%; margin-top: -0.8em; width: 1em; height: 1em; transform: scaleY(0.8) rotate(45deg); border: 2px solid #FFF; border-width: 0 2px 2px 0 }
.nastenky-temata:hover { background: #FFF; background: linear-gradient(0deg, rgba(255,255,255,1), rgba(255,255,255,1) 100%); color: #000 }
.nastenky-temata:hover:after { border-color: #000 }
.nastenky-temata select { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; font-size: 100%; z-index: 2 }

.nastenka-historie:first-child { border-top: 0; margin-top: -1em }
.nastenka-historie { padding: 1em 1.5em 0.75em 1.5em; border-top: 2px dotted #38D; margin: 0.75em -1.5em 0.75em -90px; }
.nastenka-historie > ul { margin: 0 1em; padding: 0 }
.nastenka-historie .nastenka-text { margin: 0.75em 0 }

.blok-souvisejici { font-size: 100%; margin: 1.5em 0 3em }
.blok-souvisejici h2 { font-weight: bold; margin: 0 }
.blok-souvisejici ul { margin: 0 }
.blok-souvisejici li { margin: 0.5em 0 0.5em 1em } 

.prispevek-hodnoceni { float: right; height: 1.9167em; position: relative; text-align: right; z-index: 5 }
.prispevek-hlas { display: inline-block; width: 1.75em; height: 1.9167em; margin: 0 0 0 2em; padding-right: 0.75em; cursor: pointer; vertical-align: middle; transition: 0.25s opacity; position: relative; text-decoration: none; z-index: 1; border-bottom: 3px solid transparent; border-right: 1px dotted rgba(0,0,0,0.5) }
.prispevek-hlas:last-child { padding-right: 0; border-right: 0 }
.prispevek-hlas:after { content: attr(data-title); position: absolute; right: 50%; bottom: 100%; font-size: 90%; font-weight: bold; white-space: nowrap; background: #38D; color: #FFF; padding: 0.25em 0.5em; border-radius: 0.25em; opacity: 0; transition: 0.25s transform, 0.2s opacity; transform: rotate(-30deg); transform-origin: 100% 100%; pointer-events: none; -o-pointer-events: none; -ms-pointer-events: none; -moz-pointer-events: none; -webkit-pointer-events: none; }
.prispevek-hlas:before { content: attr(data-pocet); position: absolute; top: 0; right: 100%; padding: 0 0.25em; vertical-align: middle; font-size: 100%; line-height: 1.9167em; }
.prispevek-hlas[data-pocet="0"] { opacity: 0.333 }
.prispevek-hlas[data-pocet="0"]:before { opacity: 0 }
.prispevek-hlas:hover:after { opacity: 1; transform: rotate(22.5deg); }
.prispevek-hlas-ok { background: url('smajliky/alik/ok.png') no-repeat 100% 50%; background-origin: content-box; width: 1.5em; padding-right: 0.6em }
.prispevek-hlas-ko { background: url('smajliky/alik/ko.png') no-repeat 100% 50%; background-origin: content-box; width: 1.5em; padding-right: 0.6em }
.prispevek-hlas-palec { background: url('smajliky/alik/ok.png') no-repeat 50% 50% }
.prispevek-hlas-srdce { background: url('smajliky/alik/srdce.png') no-repeat 0% 50%; width: 1.833em }
.prispevek-hlas-usmev { background: url('smajliky/alik/hihihi.png') no-repeat 0% 50% }
.prispevek-hlas-udiv { background: url('smajliky/alik/ooo.png') no-repeat 0% 50% }
.prispevek-hlas-napad { background: url('smajliky/alik/aha.png') no-repeat 0% 50%, url('smajliky/alik/ok.png') no-repeat 100% 100%; background-origin: content-box; width: 2.2em; padding-right: 0.3em }
.prispevek-hlas-chyba { background: url('smajliky/alik/hej.png') no-repeat 0% 50% }
.prispevek-hlas-hm { background: url('smajliky/alik/hm.png') no-repeat 0% 50% }
.prispevek-hlas-chacha { background: url('smajliky/alik/chacha.png') no-repeat 0% 50% }
.prispevek-hlas-chacha:after { transition: opacity 0.25s, transform 0.75s; transform: rotate(-750deg); }
.prispevek-hlas-smajlik { background: url('smajliky/alik/hi.png') no-repeat 0% 50% }
.prispevek-hlas-smutne { background: url('smajliky/alik/ne.png') no-repeat 0% 50% }
.prispevek-hlas-brek { background: url('smajliky/alik/nee.png') no-repeat 0% 50% }
.prispevek-hlas-strasne { background: url('smajliky/alik/uf.png') no-repeat 0% 50% }
.prispevek-hlas-smrt { background: url('smajliky/alik/lebka.png') no-repeat 0% 50% }
.prispevek-hlas-mnam { background: url('smajliky/alik/mnam.png') no-repeat 0% 50% }
.prispevek-hlas-ble { background: url('smajliky/alik/fuj.png') no-repeat 0% 50% }
.prispevek-hlas-diky { background: url('smajliky/alik/mrk.png') no-repeat 0% 100%, url('smajliky/alik/ok.png') no-repeat 100% 10%; background-size: auto auto, 1.0833em auto; background-origin: content-box; width: 2.3em; margin-left: 1.5em }
.prispevek-hlas-smrt:after { background: #000 }
.prispevek-hlas-jazyk { background: url('smajliky/alik/jazyk.png') no-repeat 0% 50% }
.prispevek-hlas-cert { background: url('smajliky/alik/cert.png') no-repeat 50% 50%; width: 1.833em }
.prispevek-hlas-andel { background: url('smajliky/alik/andel.png') no-repeat 50% 50%; width: 1.833em }
.prispevek-hlas-husty { background: url('smajliky/alik/kul.png') no-repeat 0% 50% }
.prispevek-hlas-kytka { background: url('smajliky/alik/kytka.png') no-repeat 50% 50% }
.prispevek-hlas-bomba { background: url('smajliky/alik/bomba.png') no-repeat 50% 50% }
.prispevek-hlas-stesti { background: url('smajliky/alik/ctyrlistek.png') no-repeat 50% 50% }
.prispevek-hlas-cert:after { background: #C30 }
.prispevek-hlas-andel:after { background: #FFF; color: #F4F }
.prispevek-hlasovano { cursor: default }
.prispevek-nehodnotitelne { pointer-events: none; -o-pointer-events: none; -ms-pointer-events: none; -moz-pointer-events: none; -webkit-pointer-events: none; }
.prispevek-nehodnotitelne .prispevek-hlas:after { display: none }
.nastenka-prispevek:hover .prispevek-hlas { opacity: 1 }
.sekce-a .prispevek-hlas:after { background: #E31; border-radius: 0.5em; padding: 0.25em 0.5em; margin-right: -0.25em; font-size: 109% }

.sekce-n .hra-vstup:before { content: "Souvisej\00ed c\00ed  hra"; display: block; font-weight: normal; margin: 0.5em 0 1em 0; text-align: center; width: 100%; }
.sekce-n .hra-vstup { float: none; margin: 1.5em auto; height: auto; text-align: center; display: block }

.indikator-online, .indikator-offline { width: 0.5em; height: 0.5em; vertical-align: top; border-radius: 100%; display: inline-block; margin: 0em 0.125em 0.25em 0.25em; font-size: 100% }
.indikator-online { background: #2D0; box-shadow: 0 0 0.2em #060 inset }
.indikator-online-chat { background: #0CF; box-shadow: 0 0 0.2em #008 inset }
.indikator-offline { box-shadow: 0 0 0.2em rgba(63,63,63,0.75) inset }
.indikator-zruseni { width: 0.175em; height: 0.5em; vertical-align: top; display: inline-block; margin: 0em 0.125em 0.25em 0.25em; font-size: 100%; box-shadow: 0 0 0.2em rgba(63,63,63,0.5) inset; transform: rotate(45deg); position: relative }
.indikator-zruseni:after { content: ""; width: 0.175em; height: 0.5em; left:0; top: 0; position: absolute; margin: 0 0 0 0; box-shadow: 0 0 0.2em rgba(63,63,63,0.5) inset; transform: rotate(-90deg) }
img.profilovka-doprava[src$="#doleva"], img.profilovka-doleva[src$="#doprava"] { transform: scaleX(-1); }

.nacitani { opacity: 0.333; animation: nacitani 2s linear; pointer-events: none; -o-pointer-events: none; -ms-pointer-events: none; -moz-pointer-events: none; -webkit-pointer-events: none; }
@keyframes nacitani { 0% { opacity: 1 } 50% { opacity: 1 } 100% { opacity: 0.333 } }

/* nový formulář */
input[type=text], input[type=email], input[type=search], input[type=password], textarea, .imagearea { width: 100%; box-sizing: border-box; transition: 0.25s border-color, 0.75s box-shadow, 0.5s background-image; border-radius: 0.5em; padding: 0.5em 0.75em; font-size: medium; font-size: 1rem; background: #FFF; background: #FFF linear-gradient(0deg, #FFF, #F4F4F4); border: 1px solid rgba(0,0,0,0.25); color: #000 }
input[type=text], input[type=email], input[type=search], input[type=password] { line-height: 1.5em; padding: 0.2em 0.75em 0; min-height: 2.2em }
input::-moz-selection { background: highlight; color: highlighttext }
textarea { overflow: auto }
input[type=text]:focus, input[type=search]:focus, input[type=email]:focus, textarea:focus { outline: 0; border-color: gold; box-shadow: 0 0 4em 0 rgba(0,0,0,0.05), 0 0 0 1px gold inset, 0 0 0 1px gold; background: linear-gradient(0deg, #FFF, #FFF); }
input[type=password]:focus { outline: 0; border-color: red; box-shadow: 0 0 4em 0 rgba(0,0,0,0.05), 0 0 0 1px red inset, 0 0 0 1px red; background: linear-gradient(0deg, #FFF, #FFF); }
button[type=submit] { border: 0; padding: 0; background: 0; border: 0 }
input[type=text][readonly], input[type=text][disabled], input[type=email][readonly], input[type=email][disabled] { background: #F4F4F4; background: #F4F4F4 linear-gradient(0deg, #F4F4F4, #E8E8E8); border-color: rgba(0,0,0,0.25); box-shadow: none; color: #666; text-shadow: 1px 1px 2px #CCC }

.vstup { border: 2px solid #38D; border-width: 2px 0; background: rgba(243,247,255,0.667); padding: 2em 1em 1em 1em; width: 100%; border-radius: 1em; box-sizing: border-box; margin: 3em 0 1em; position: relative; }
.vstup h3 { display: block; font-size: 120%; margin: -2px 0 0.5em; padding: 0.5em 0.75em; border-radius: 0.5em; background: #FFF; color: #38D; text-align: center; position: absolute; top: -1.25em; left: 1em; border-top: 2px solid #38D; font-weight: normal }
.vstup-editor { display: table-cell; width: 100%; vertical-align: top; padding-right: 1em }
.vstup-tlacitka { display: table-cell; vertical-align: bottom }
.vstup label { font-size: 120%; display: block; margin: 1em 0 0.25em 0 }
.vstup label input { margin-top: 0.25em }
.vstup h3+label { margin-top: 0.25em }
.vstup-nebude { font-size: 135%; margin: 1.5em }
.vstup-nebude label { display: inline; font-size: 100%; color: #156994; text-decoration: underline; cursor: pointer }
.vstup-nebude label:hover { color: #B9151C }

[data-richarea] { min-height: 6em; position: relative; z-index: 1000; resize: vertical; line-height: 1.5em }
.richarea { clear: both; position: relative; }
.richarea [data-richarea] { overflow: hidden; resize: none }
.richarea-height { height: 0; min-height: 0; position: absolute; visibility: hidden; left: 0; background: 0 !important }
.richarea-controls { font-size: small; font-size: 0.8125rem; max-height: 2.5em; overflow: hidden; transition: 0.75s max-height; margin: 0 0 0.125em 0 }
.richarea-button { display: inline-block; vertical-align: middle; margin: 0 0.125em 0.125em 0; width: 2.25em; height: 2.25em; border: 1px solid rgba(0,0,0,0.25); position: relative; border-radius: 0.5em; background: linear-gradient(0deg, #EEE, #FFF); box-shadow: 0 -0.25em 0.5em rgba(0,0,0,0.1) inset; cursor: pointer; text-decoration: none; z-index: 1001; text-align: center; transition: 0.15s background }
.richarea-button:hover { background:linear-gradient(0deg, #FFF, #EEE); }
.richarea-b:after, .richarea-i:after { font-family: Times New Roman, serif; position: absolute; left: 0; right: 0; text-align: center; line-height: 1.5em; font-size: 150%; color: #000 }
.richarea-b:after { content: "B"; font-weight: bold }
.richarea-i:after { content: "I"; font-style: italic; right: 0.1em }
.richarea-url:after { content: ""; width: 1.539em; height: 1.615em; display: block; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAMAAABxCz6aAAAAb1BMVEUAAABtbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW17e3t0dHSCgoKOjo5vb2+0tLSenp6WlpakpKS+vr6tra1lZWWpqamSkpKGhobGxsa5ubnX19fQ0NDvtBcXAAAAEnRSTlMAkm+iWPK/ZB6HfTMq+82vPA8EC5ifAAAAxUlEQVQY012QSZKDMAxFIWYKkKRbk2VjxuT+ZwxssMnfqOqVSnpSdqTrst+0QlAVV5aTHYYJbykrwB650kqDIvjgsY6wVKXiJjw7ifDJbjFNBQwQl9XIDAbfb4/3ZDuO4yjr5+NfTUIFAGFYVy0f5i+aBiWw2+ZYo9m9hMcTgrUzh8S3z2qA/TL0Pr3ixQttkzh10p/QLI5K08rsKD9hd/jmTU68VIkZwO4rPO+dV18g9dhfPzupO0eevsgkbfaTpi7+9/IFJSYPTnsj27QAAAAASUVORK5CYII=') no-repeat 50% 50%; background-size: contain; position: absolute; top: 50%; left: 50%; margin: -0.769em }
.richarea-yt:after { content: ""; width: 1.692em; height: 1.692em; display: block; background: url('alikoviny/youtube-button.png') no-repeat 50% 50%; background-size: contain; position: absolute; top: 50%; left: 50%; margin: -0.846em }
.richarea-button img { margin-top: 0.33em }
.smiley { vertical-align: middle; margin: 0 2px }
.obsah-text a .smiley { margin: 1px 1px; padding: 1px; box-shadow: 0 1px 0 #156994; border-radius: 0.1px }
.obsah-text a:hover .smiley { box-shadow: 0 0 0 1px #B9151C; border-radius: 3px }

.imagearea { display: inline-block; width: auto; text-decoration: none }
.imagearea:hover b { text-decoration: underline }
.imagearea b { color: #000; display: block; margin: 0.5em 0 0; text-align: center; font-weight: normal; font-size: small }
.imagearea small { color: #000; display: block; margin: 0.5em 0 0; text-align: center; font-weight: bold; font-size: small }
.imagearea img { max-width: 200px; max-height: 150px; display: block; float: none; margin: auto }

.nastavit-datum { float:right; padding: 1em; margin: -3em 0 0 0; position: relative; z-index:2 }

.bocni-info { font-size: 116.667%; margin: 1.5em 10px 0 15px; line-height: 1.35em }
.bocni-info ul { padding: 0 0 0 1.5em; margin: 1em 0; list-style: disc }
.bocni-info li { margin: 0.5em 0 }
.bocni-menu { font-size: 160%; border-radius: 0.5em; overflow: hidden; margin: 0.75em 10px 0 15px; list-style: none }
.bocni-menu h2 { font-size: 90%; padding: 0.25em; margin: 0; color: #FFF; font-weight: bold }
.bocni-menu h2 a { color: inherit }
.bocni-menu h2 a.nonlink:hover { color: inherit }
.bocni-menu ul { font-size: 83.33333%; padding: 0.75em 0; margin: 0 }
.bocni-menu li { padding: 0; margin: 0; font-size: 87.5%; display: block; }
.bocni-menu p { padding: 0.5em 2.25em; margin: 0.25em 0; font-size: 70%; position: relative; width: 100%; box-sizing: border-box; text-align: center }
.bocni-menu p+ul { padding-top: 0 }
.bocni-menu ul+p { padding: 0 2.25em 1em 2.25em; margin: 0 }
.bocni-menu ul a, .bocni-menu ul button { display: block; padding: 0.5em 1em 0.5em 2.25em; transition: 0.25s background, 0.25s padding, 0.25s box-shadow; position: relative; width: 100%; box-sizing: border-box; text-align: left; cursor: pointer }
.bocni-menu ul a:hover, .bocni-menu ul button:hover { background: #FFF }
.bocni-menu ul a.act { font-weight: bold; background: transparent; text-decoration: none; color: #000; cursor: default }
.bocni-menu ul a.act u { text-decoration: none }
.bocni-menu ul a:before, .bocni-menu ul button:before { content: ""; position: absolute; left: 0.875em; top: 50%; font-size: 100%; margin-top: -0.3536em; width: 0.5em; height: 0.5em; border: 2px solid #000; border-width: 0 2px 2px 0; transition: 0.333s; transform: rotate(-45deg); border-radius: 1px 0 0 0 }
.bocni-menu ul a:hover:before, .bocni-menu ul button:hover:before { transform: rotate(135deg) }
.bocni-menu ul a.act:before { border-width: 0; border-radius: 100%; left: 1em; }
.bocni-menu button::-moz-focus-inner { padding: 0; border: 0 }
.bocni-menu>form { padding: 0.5em }
.bocni-menu-leve ul a:hover, .bocni-menu-leve ul button:hover { padding-left: 1em; padding-right: 2.25em }
.bocni-menu-leve ul a:hover:before, .bocni-menu ul button:hover:before { transform: translateX(-2.5em) rotate(-45deg); margin-left: 100% }
.bocni-menu-leve ul a.act:before { transform: none; margin-left: 0 }
.bocni-menu-leve ul a.act { padding-right: 1em; padding-left: 2.25em }

.uzivatel-zverolekar:after, .uzivatel-spravce:after, .uzivatel-podspravce:after { content: ""; display: inline-block; width: 0.75em; height: 0.666em; min-width: 9px; min-height: 9px; vertical-align: top; margin-left: 2px; background: 50% 50% no-repeat; background-size: contain }
.uzivatel-zverolekar:after { background-image: url(uzivatele/korunka-modra.png) }
.uzivatel-spravce:after { background-image: url(uzivatele/korunka-zelena.png) }
.uzivatel-podspravce:after { background-image: url(uzivatele/korunka-zluta.png) }
.uzivatel-podspravce-100:after { background-image: url(uzivatele/korunka-cervena-100.png) }
.uzivatel-podspravce-010:after { background-image: url(uzivatele/korunka-cervena-010.png) }
.uzivatel-podspravce-001:after { background-image: url(uzivatele/korunka-cervena-001.png) }
.uzivatel-podspravce-101:after { background-image: url(uzivatele/korunka-cervena-101.png) }
.uzivatel-podspravce-011:after { background-image: url(uzivatele/korunka-cervena-011.png) }
.uzivatel-podspravce-110:after { background-image: url(uzivatele/korunka-cervena-110.png) }
.uzivatel-podspravce-111:after { background-image: url(uzivatele/korunka-cervena-111.png) }

/* nová klubovna */
.sekce-k .content { background: #CFE1FF url('layout/sekce-k.png') repeat-y }
.sekce-k .col-abc { padding: 0 2%; width: auto }
.sekce-k .col-a { width: 20%; margin: 0 0 0 2% }
.sekce-k .col-bc { float: right; width: 74%; margin: 0 2% 0 0 }
.sekce-k .makrela { margin-top: 3.5em }
.klubovna-sezeni { border-collapse: collapse; width: 100%; table-layout: fixed; word-wrap: break-word; overflow: hidden }
.klubovna-sezeni tr { position: relative; overflow: hidden }
.klubovna-sezeni-odkaz tr:hover { background: #19D; color: #FFF }
.klubovna-sezeni-odkaz tr:hover * { color: #FFF }
.klubovna-sezeni th { padding: 0.25em }
.klubovna-sezeni td { padding: 0.25em 0.25em; vertical-align: top; line-height: 1.75em }
.klubovna-sezeni td.tar { padding-right: 0 }
.klubovna-sezeni tbody:nth-child(2n-1) td { background: rgba(255, 255, 255, 0.05) }
.klubovna-sezeni tbody:nth-child(2n) td { background: rgba(0, 0, 0, 0.05) }
.klubovna-sezeni tr a { position: relative; display: block; }
.klubovna-sezeni tr a:before { content: ""; position: absolute; left: -1000px; right: -1000px; height: 2.25em }

.klubovna-vypis { border-collapse: collapse; width: 100%; table-layout: fixed; word-wrap: break-word; background: #FFF; color: #000; line-height: 1.6275em; }
.klubovna-vypis .klubovna-cas { width: 4.5em; text-align: right; padding: 0.25em 0.25em 0.25em 0; color: #888; word-wrap: normal }
.klubovna-vypis .klubovna-cas a { color: #888; text-decoration: none }
.klubovna-vypis .klubovna-cas a[href]:hover, .klubovna-vypis .klubovna-cas a[onclick]:hover { color: #000; text-decoration: underline; cursor: pointer }
.klubovna-vypis .klubovna-ip { width: 8.75em; text-align: right; padding-right: 0.5em; font-size: 75%; vertical-align: middle; word-wrap: normal }
.klubovna-vypis th { text-align: center }
.klubovna-vypis td { padding: 0.25em; vertical-align: top }
.klubovna-vypis-nekontextovy tr { display: none }
.klubovna-vypis-nekontextovy tr { display: none }

.klubovna-zprava .klubovna-text { font-size: 117%; }
.klubovna-sepot .klubovna-text { font-weight: bold }
.klubovna-sepot .klubovna-cas a { color: #000 }
.klubovna-stav { color: #888; }
.klubovna-vypis em { color: #000; background: #FF0; font-style: normal; border: 0.125em solid #FF0; margin: -0.125em 0 }
.klubovna-tvoje .klubovna-cas a { background: linear-gradient(135deg, #FF0, #FF0 0.75em, transparent 0.75em) }
.klubovna-vypis .klubovna-datum { text-align: center; padding: 0.5em 0; font-size: 150%; background: #CFE1FF }

.sekce-u .klubovna-sezeni { background: #CFE1FF }

/* vtipy */
.sekce-v .content { background: #E8CFFF url('layout/sekce-v.png?2021') 50% 0 }
.sekce-v .col-abc { padding: 0 2.5% 1em; width: auto }
.sekce-v h2 {margin-bottom:1.25em; color:#A1E; font-size:150%; font-weight: 400 }
.vtipy-temata { display: inline-block; width: 18.5em; box-sizing: border-box; background: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0) 66%); position: relative; margin: -0.125em 0.25em -0.125em 0.5em; padding: 0.125em 1em; border-radius:1em/2em; box-shadow: 0 0 0 2px rgba(255,255,255,0.5) inset; font-size: 80%; color: #FFF; font-weight: bold }
.vtipy-temata:after { content: ""; position: absolute; right: 1.25em; top: 50%; font-size: 80%; margin-top: -0.8em; width: 1em; height: 1em; transform: scaleY(0.8) rotate(45deg); border: 2px solid #FFF; border-width: 0 2px 2px 0 }
.vtipy-temata:hover { background: #FFF; color: #000 }
.vtipy-temata:hover:after { border-color: #000 }
.vtipy-temata select { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; font-size: 100%; z-index: 2 }
.vtipy-temata a, .vtipy-temata span { float: left; color: #FFF }
.vtipy-temata span { padding: 0 0.5em }
.vtipy-vyjezd { font-size: 116.667%; word-wrap: break-word; clear: both; -webkit-columns: 2; -moz-columns: 2; columns: 2; -moz-column-gap: 1.5em; column-gap: 1.5em; margin: 0 }
.vtip, .vtip-obal, .vtip-vysvetlivka { display: inline-block; box-sizing: border-box; width: 100%; break-inside: avoid; position: relative; vertical-align: middle }
.vtip { margin: 0 0 1.5em 0; background: rgba(255, 245, 253, 0.1111); background: linear-gradient(90deg, rgba(255, 245, 253, 0.3333), rgba(255, 245, 253, 0), rgba(255, 245, 253, 0.3333)); border-radius: 1em/2em; }
.vtip-obal { background: rgba(255, 245, 253, 0.625); background: linear-gradient(90deg, rgba(255, 245, 253, 0.5), rgba(255, 245, 253, 0.667), rgba(255, 245, 253, 0.5)); border-radius: 1em/2em; padding: 1em; transform: translate3d(0, 0, 0); }
.vtip.target .vtip-obal, .vtip:target .vtip-obal { box-shadow: 0 0 0 2px rgb(170, 17, 238); z-index: 2 }
.vtip.target, .vtip:target { z-index: 2 }
.vtip.target:after, .vtip:target:after { content: "\00bb "; color: #A1E; position: absolute; left: 50%; top: 100%; transform: translateY(-0.25em) rotate(-90deg); width: 2em; margin: 0 -1em; font-size: 300%; text-align: center; animation: 2s ukazatVtip; pointer-events: none; -o-pointer-events: none; -ms-pointer-events: none; -moz-pointer-events: none; -webkit-pointer-events: none; opacity: 0 }
.vtip-text { word-wrap: break-word; margin-bottom: 0.5em }
.vtip-text h2 { margin: 0 0 0.5em }
.vtip-text ul { margin: 0 0 1em 0 }
.vtip-text p+ul { margin-top: -0.8em }
.vtip-text ul li { display: block }
.vtip-text ul li:before { content: "- " }
.vtip-text .barva.barva-zelena { color: #070 }
.vtip-text .barva.barva-cervena { color: #A00 }
.vtip-vysvetlivka { background: rgba(255, 245, 253, 0.667); background: linear-gradient(rgba(255, 245, 253, 0), rgba(255, 245, 253, 0.1667) 75%, rgba(255, 245, 253, 0.3333)); border-radius: 0 0 1em 1em/0 0 2em 2em; padding: 0.75em 1em 0 1em; overflow: hidden; line-height: 1.33 }
.vtip-vysvetlivka .vtip-text { opacity: 0; min-height: 2em; transform: translateY(-100%); transition: opacity 0.5s 0.75s linear, transform 0.5s 0.75s, line-height 1s }
.vtip-vysvetlivka .vtip-vysvetlit { position: absolute; left: -1px; top: 0; width: 1px; opacity: 0 }
.vtip-vysvetlivka .vtip-vysvetlit+label { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 1; transition: opacity 1s linear; cursor: pointer }
.vtip-vysvetlivka .vtip-vysvetlit+label:before, .vtip-vysvetlit+label:after { content: "?     ?"; position: absolute; left: 0; right: 0; text-align: center; top: 50%; line-height: 1.5em; margin: -0.75em 0; color: #A1E; font-size: 125%; font-weight: bold; opacity: 0.5 }
.vtip-vysvetlivka .vtip-vysvetlit+label:after { content: "?"; font-size: 175% }
.vtip-vysvetlivka .vtip-vysvetlit:checked~.vtip-text { opacity: 1; line-height: 1.33; transform: translateY(0) }
.vtip-vysvetlivka .vtip-vysvetlit:checked+label { pointer-events: none; -o-pointer-events: none; -ms-pointer-events: none; -moz-pointer-events: none; -webkit-pointer-events: none; opacity: 0 }

.vtip-autor { text-align: left; margin: 0.5em 100px -0.5em 0.5em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-bottom: 0.5em }
.vtip-autor:before { content: "\2013  "; }
.vtip-autor small { white-space: nowrap }
.vtip-upravit { float: right; padding: 0.75em; margin: -0.75em -0.75em 0 0.75em }
a.vtip-upravit, .vtip-upravit a { cursor: pointer }
.vtip-hodnoceni { float: right; height: 23px; color: #A1E; position: relative; margin-bottom: -0.25em }
.vtip-hlas { float: right; width: 25px; height: 23px; margin: 0 3px; cursor: pointer; vertical-align: middle; margin-top: -0.125em; opacity: 0.25; transition: 0.25s opacity; position: relative; text-decoration: none; z-index: 1 }
.vtip-hlas:after { content: attr(data-title); position: absolute; right: 50%; bottom: 100%; font-size: 80%; font-weight: bold; background: #A1E; color: #FFF; padding: 0.25em 0.5em; margin-right: -0.25em; border-radius: 0.25em; border-radius:1em/2em; opacity: 0; transition: 0.25s; transform: rotate(-30deg); transform-origin: 100% 100%; pointer-events: none; -o-pointer-events: none; -ms-pointer-events: none; -moz-pointer-events: none; -webkit-pointer-events: none; }
.vtip-hlas:hover:after { opacity: 1; transform: rotate(30deg); }
.vtip-hlas-ok { background: url('smajliky/alik/ok.png') no-repeat 50% 50% }
.vtip-hlas-ko { background: url('smajliky/alik/ko.png') no-repeat 50% 50% }
.vtip-hlas-nechapu { background: url('smajliky/alik/coto.png') no-repeat 100% 0%, url('smajliky/alik/ooo.png') no-repeat 0% 100%; width: 28px }
.vtip:hover .vtip-hlas { opacity: 1 }
.q-touch .vtip-hlas { opacity: 1 }
.vtip-hlasovano { opacity: 1; cursor: default }
.vtip-hlasovano:before { content: ""; position: absolute; left: -3px; top: -4px; right: -3px; bottom: -4px; border: 1px solid #B4E; border-width: 0 1px; border-color: transparent rgba(187, 68, 238, 0.5); background: linear-gradient(-45deg, rgba(255,255,255,1), rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,1)); border-radius: 1em/2em }
.q-touch .vtip-hlasovano:before { border-width: 2px 4px }
.vtip-zizalka { position: absolute; right: 0; bottom: -0.75em; display: table; width: 68px; height: 0.5em; transition: 0.333s cubic-bezier(0.5, -0.5, 0.1666, 3); z-index: 0 }
.vtip-hlas-nechapu ~ .vtip-zizalka { width: 99px }
.vtip:hover .vtip-zizalka { height: 0.3em }
.vtip-zizalka-vypln { display: table-cell; height: 100%; background: #B4E; border-radius: 0.5em 0 0 0/200% 0 0 0; box-shadow: 0 2px 1px rgba(0,0,0,0.125) inset; }
.vtip-zizalka-zbytek { display: table-cell; height: 100%; background: #FFF; border-radius: 0 0.5em 0 0/0 200% 0 0; box-shadow: 0 -0.125em 0.5em rgba(187,68,238,0.1); }
.vtip[data-smazano]:after { content: attr(data-smazano); position: absolute; right: 0.5em; bottom: 0.5em; font-size: 200%; font-weight: bold; color: #B4E; line-height: 1em; font-style: italic; opacity: 0.25 }
.vtip-oblibit { float: right; padding: 0.75em 0.75em 0.5em 0.5em; margin: -0.75em -0.75em 0 0.5em; cursor: pointer; position: relative; }
.vtip-oblibit:after { content: ""; display: inline-block; margin-left: 0.35em; width: 15px; vertical-align: middle }
.vtip-oblibit:before { content: ""; position: absolute; right: 0; top: 50%; margin: -7px 0.75em 0 0; width: 15px; height: 15px; background: url(nastenky/hvezdicka.png) 50% 15px }
.vtip-oblibit.vtip-znelibit:before { background-position: 50% 0 }

/*
.vtip-hodnoceni .vtip-zizalka:hover { height: 9px }
.vtip-hodnoceni .vtip-zizalka:after { content: attr(data-title); position: absolute; z-index: 0; top: 50%; right: 100%; margin-right: 3px; font-size: x-small; color: rgba(187,68,238,0); white-space: nowrap; font-weight: bold; margin-top: -0.75em; line-height: 1.5em; transition: 0.25s 0.5s }
.vtip-hodnoceni .vtip-zizalka:hover:after { color: rgba(187,68,238,1) }
*/
@keyframes ukazatVtip {
  10%, 30%, 50%, 70% { transform: translateY(-0.25em) rotate(-90deg); }
  0%, 20%, 40%, 60% { transform: translateY(0.25em) rotate(-90deg); }
  0%, 80% { opacity: 1 }
  100% { opacity: 0 }
}

h1.tit .vtipy-na-web { font-size: 80%; float: right; font-style: italic; color: #B4E; animation: fialovet 2s infinite linear }
h1.tit .vtipy-na-web:hover { color: #FFF; animation: none; }
h1.tit .vtipy-na-web span { color: #FFF; text-decoration: none }
@keyframes fialovet {
  0%, 100% { color: #B4E }
  50% { color: #FFF }
}

.vtip h5 {position:relative; display:inline-block; min-width:50px; margin:0 0 0.5em -1.25em; line-height: 1.5em; font-size: 120%; font-weight: 400; transform-origin: 0.5em 0.5em; }
.vtip h5 a {display:inline-block; padding:0 1em 0 1.25em; text-decoration:none; color:#FFF; background:#B631ED /*#B4E*/; box-shadow: 0 0 0 1px #B631ED inset; border-radius:1em 1em 1em 1em/2em 2em 2em 2em}
.vtip h5 a:hover {background:#A415DF; box-shadow: 0 0 0 1px #A415DF inset}
.vtip h5 a:hover:after {border-color: #800CBE #800CBE transparent transparent}
.vtip h5 span { display:inline-block; color: #FFF; margin: 0 0.5em 0 -1em; position: relative; z-index: 2 }
.vtip h5.vice-temat a { padding: 0 0.25em 0 0.333em; border-radius: 0 }
.vtip h5.vice-temat a:first-child { padding-left: 1.25em; border-radius:1em 0 0 1em/2em 0 0 2em }
.vtip h5.vice-temat a:last-child { padding-right: 1em; border-radius:0 1em 1em 0/0 2em 2em 0 }
.vtip h5:before, .vtip h5:after { content: ""; position: absolute; left: 0.5em; height: 2px; width: 2px; top: 1em; margin: -2px; border-radius: 100%; background: #A1E; border: 1px solid rgba(255,245,253,0.5); pointer-events: none; -o-pointer-events: none; -ms-pointer-events: none; -moz-pointer-events: none; -webkit-pointer-events: none; }
.vtip h5:after { top: 0.5em; }
.vtip h5:hover:before, .vtip h5:hover:after { opacity: 0.667 }

.sekce-v .vstup { border-color: #B4E; background: rgba(255, 245, 253, 0.667) }
.sekce-v .vstup h3 { color: #AA11EE; border-color: #B4E }
.sekce-v [data-richarea] { min-height: 7em }

.vtip-editace { float: left; width: 58% }
.vtip-editace .vstup { margin: 1.5em 1.5em 0 0; width: auto }
.vtip-editace [data-richarea] { min-height: 7em }
.vtip-info { font-size: 117%; margin: 2.5em 0; padding: 0 }
.vtip-info li { margin: 0.5em 0; display: block }

.vtip-historie:first-child { margin-top: -0.5em }
.vtip-historie { border-bottom: #B4E dotted 2px; margin: 0.75em 0; padding: 0.75em 0 }
.vtip-historie > ul { margin: 0 1em; padding: 0 }
.vtip-historie .vtip { padding: 1.25em 1.5em 0.75em 1.5em; margin: 0.25em 0; width: 50%; display: block }

.vtipy-vyjezd .makrela u { margin-top: 0 }

/* poradna */
.sekce-p .content { background: #FFE893 url('layout/sekce-p.png?2') 0 0 repeat-y; }
.sekce-p .col-abc { width: 95%; margin-left: 2.5% }
.sekce-p .col-ab { width: 63%; margin-left: 2.5%; min-height: 50px; margin-bottom: 1em; float: left }
.sekce-p .col-c { width: 27.5%; margin-left: 3.5%; float: left }
.sekce-p h2 { color: #AC5500; font-size: 175%; margin: 1.25em 0 0.5em; font-weight: normal }
.sekce-p .vstup { border-color: #E70; background: #FFF8D5; background: rgba(255, 252, 230, 0.8); background: linear-gradient(90deg, rgba(255, 252, 230, 0.75), rgba(255, 252, 230, 0.6)); margin: 2em 0 }
.sekce-p .vstup h3 { color: #A50; border-color: #E70 }
.sekce-p [data-richarea] { min-height: 10em }
.sekce-p .bocni-menu { background: #FFF8D5; background: rgba(255, 252, 230, 0.75); background: linear-gradient(90deg, rgba(255, 252, 230, 0.75), rgba(255, 252, 230, 0.6)); border-radius: 0; background: linear-gradient(135deg, rgba(238,119,0,0.0) 0em, rgba(238,119,0,0.0) 0.75em, rgba(255, 252, 230, 0.6) 0.75em); margin: 0.75em 0 0 0 }
.sekce-p .bocni-menu h2 { background: #E70; color: #FFF; font-size: 90%; font-weight: bold; background: linear-gradient(135deg, rgba(238,119,0,0.0) 0em, rgba(238,119,0,0.0) 0.667em, #E70 0.667em); text-align: center; margin: 0 }
.sekce-p .bocni-menu ul a:before { border-color: #E70 }
.sekce-p .bocni-menu ul a.act:before { background: #E70 }
.sekce-p .bocni-menu .prelom:before { content: ""; display: block; height: 1px; background: repeating-linear-gradient(90deg, #FFF8D5 0px, #FFF8D5 1px, transparent 1px, transparent 4px, #FFF8D5 4px, #FFF8D5 5px, transparent 5px, transparent 6px), linear-gradient(90deg, rgba(238,119,0,0), rgba(238,119,0,5), rgba(238,119,0,0)) }
.sekce-p .bocni-info { margin: 1.5em 0 0 0 }
.poradna-pridat { margin: 0 0 1em 0; overflow: hidden; text-align: center; position: relative }
.poradna-pridat:after, .poradna-vyjezd-top:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: repeating-linear-gradient(90deg, transparent 0px, transparent 1px, #E70 1px, #E70 5px, transparent 5px, transparent 6px, #A50 6px, #A50 8px); border-radius: 50% }
.poradna-pridat a { font-size: 134%; padding: 1.5em 1em 1.5em 0; position: relative; font-weight: bold; display: inline-block; transition: transform 0.25s }
.poradna-pridat a:before { content: "+"; font-size: 200%; width: 1em; line-height: 1em; display: inline-block; vertical-align: middle; background: #444; background: rgba(68,68,68,0.7); background: linear-gradient(315deg, #E70 0em, rgba(68,68,68,0) 0em, rgba(68,68,68,0) 16.6%, rgba(68,68,68,1) 16.6%); text-align: center; color: #FFF; margin-right: 0.25em; transition: transform 0.5s 0s }
.poradna-pridat a:hover { transform: scale(1.2) }
.poradna-pridat a:hover:before { transform: rotate(270deg); transition: transform 0.5s 0.25s }
.poradna-pridat a.fr { position: absolute; right: 0; top: 0.5em; font-size: 100%; }
.poradna-pridat a.fr:before { content: ">" }
.poradna-vyjezd { word-wrap: break-word; position: relative }
.poradna-vyjezd-top { margin: 1em 0 1.5em; padding-bottom: 0.75em }
.poradna-vyjezd #odpoved:target + div .dotaz .dotaz-text, .poradna-vyjezd #odpoved:target + div .dotaz h1 ~ h5, .poradna-vyjezd #odpoved:target + div .dotaz .dotaz-autor, .poradna-vyjezd #odpoved:target + div .dotaz h1:after { display: none }
.poradna-vyjezd #odpoved:target { height: 1.6em }
.poradna-vyjezd #odpoved:target ~ a:after { content: "zobrazit celý dotaz"; position: absolute; text-align: center; left: 0; top: 0; width: 100%; height: 1.6em; text-decoration: underline }
.dotaz { margin: 0 0 0.333em 0; background:#FFF8D5; font-size: 116.667%; background: rgba(255, 252, 230, 0.72); position: relative }
.dotaz h5 {position:relative; display:inline-block; min-width:50px; margin: 0.8em 0 0.5em -3px; font-size: 100%; font-weight: normal }
.dotaz h5 a {display:inline-block; padding: 0 1.3em 0 1em; box-shadow: 0.2em 0 0 0 #A50 inset; bxorder-left: 3px solid #A50; line-height: 1.5em; font-size: 120%; text-decoration:none; color:#FFF; background:#E70; border-radius:0; background: linear-gradient(225deg, rgba(238,119,0,0) 0em, rgba(238,119,0,0) 0.5em, #E70 0.5em); text-shadow: 1px 1px 1px #A50 }
.dotaz h5 a+a { margin-left: -0.8em; padding-left: 0.7em; padding-right: 1.1em; border-left-width: 1px }
.dotaz h5 a:hover {background:#FF9600; background: linear-gradient(225deg, rgba(255,150,0,0) 0em, rgba(255,150,0,0) 0.5em, #FF9600 0.5em);}
.dotaz h1 { font-size: 166.67%; display: block; color: #DA6C00; text-shadow: 0 0 0.2em #FFF; font-weight: normal; line-height: 1.25em; max-width: 100%; margin: 0; padding: 0.4em 0.6em 0.2em; background: linear-gradient(0deg, rgba(238,119,0,0.175), rgba(238,119,0,0) 1.2333em); box-shadow: 0 0 1em #FFF8D5 inset; position: relative }
.dotaz h1 a.nonlink { color: inherit }
.dotaz h1:after { content: ""; position: absolute; top: 100%; left: 0; right: 0; height: 1px; background: repeating-linear-gradient(90deg, #FFF8D5 0px, #FFF8D5 1px, transparent 1px, transparent 4px, #FFF8D5 4px, #FFF8D5 5px, transparent 5px, transparent 6px), linear-gradient(90deg, rgba(250,150,0,0.25), rgba(250,150,0,1), rgba(250,150,0,0.25)) }
.dotaz-autor { text-align: right; margin: 0.333em 0 0 0; padding: 0 1em 0.8em }
.dotaz-autor small { font-size: 85%; line-height: 1.5em }
.dotaz-upravit { float: right; padding: 0.75em 0.5em 0.75em 0.5em; cursor: pointer; position: relative; z-index: 1 }
.dotaz-upravit:first-child { padding-right: 1em }
.odpoved { margin: 0 0 1em; position: relative }
.dotaz-text { padding: 0 1em 0 1em; line-height: 1.375em }
.dotaz-text .boxik { background: rgba(0,0,0,0.0666) }

.odpoved { position: relative; margin-left: 4em; background: #FFF; font-size: 116.667%; line-height: 1.375em }
.odpoved .trvalink { float: right; font-size: 85%; opacity: 0.75 }
.odpoved-autor { padding: 0.75em 1em 0.5em 1em; background: linear-gradient(rgba(255,150,0,0) 33%, rgba(127,75,0,0.1)); box-shadow: 0 0 1em #FFF inset; position: relative }
.odpoved-autor:before, .odpoved-hodnoceni:before, .odpoved-zastarala:before { content: ""; position: absolute; left: 0; right: 0; height: 1px; background: repeating-linear-gradient(90deg, #FFF 0px, #FFF 1px, transparent 1px, transparent 4px, #FFF 4px, #FFF 5px, transparent 5px, transparent 6px), linear-gradient(90deg, rgba(250,150,0,0.25), rgba(250,150,0,1), rgba(250,150,0,0.25)) }
/* linear-gradient(90deg, #fa960040, #fa9600, #fa960040) */
.odpoved-autor:before { top: 100% }
.odpoved-autor:after { content: " odpovídá:" }
.odpoved-autor img { position: absolute; left: -4em; top: 0; z-index: 1 }
.odpoved-text { margin-bottom: 0.4em; padding: 1em 1em; line-height: 1.429em }
.dotaz-text p, .odpoved-text p { margin-bottom: 0.85em }
.dotaz-text .boxik, .odpoved-text .boxik { padding: 0.85em 1em }
.odpoved-hodnoceni:before { bottom: 100%; }
.odpoved-hodnoceni { display: block; position: relative; padding: 0.75em 1em 0.75em; text-align: right; background: linear-gradient(0deg, rgba(255,150,0,0) 33%, rgba(127,75,0,0.05)); box-shadow: 0 0 0.5em #FFF inset }
p.odpoved-zastarala { margin: 0; text-align: center; background: #FFF; padding: 0.75em 1em; position: relative; z-index: 5 }
p.odpoved-zastarala:before { top: 100% }
p.odpoved-zastarala b { color: #D21 }

.odpoved-text .boxik-vlevo { margin-left: -5em; width: 42%; margin-top: -0.25em; margin-bottom: 0.25em; border-top: 0.25em solid #FFF; border-bottom: 0.25em solid #FFF; background: linear-gradient(90deg, #FFF, #FFF 4em, #EEE 10em); border-radius: 0 0.75em 0.75em 0 }
.odpoved-text .boxik-vpravo { margin-right: -1em; width: 41%; border-radius: 0.75em 0 0 0.75em; background: linear-gradient(270deg, #FFF, #EEE 4em) }
.dotaz[data-smazano]:after { content: attr(data-smazano); position: absolute; left: 0.5em; bottom: 0.25em; font-size: 200%; font-weight: bold; color: #EFD063; color: rgba(225, 174, 0, 0.47); line-height: 1em; font-style: italic }
.neodpoved .odpoved-text { background: rgba(255,255,255,0.9); min-height: 0; padding: 0.75em; font-size: 140%; font-weight: bold; font-style: italic; color: #CCC; margin-left: 4em }
.neodpoved:after { display: none }

.odpoved-hlas-vyzva { display: inline-block; color: #A50; width: 9em; }
.odpoved-hlas { display: inline-block; width: 17px; height: 23px; margin: 0 0 -3px 2em; vertical-align: middle; transition: 0.25s; position: relative; text-decoration: none; z-index: 1; border-bottom: 3px solid transparent }
.odpoved-hlas[data-title] { cursor: pointer }
.odpoved-hlas[data-title]:after { content: attr(data-title); position: absolute; right: 50%; bottom: 100%; font-size: 90%; font-weight: bold; white-space: nowrap; background: #E70; background: linear-gradient(225deg, rgba(238,119,0,0.0) 0em, rgba(238,119,0,0.0) 0.75em, #E70 0.75em); color: #FFF; padding: 0.25em 1em 0.25em 0.5em; opacity: 0; transition: 0.25s; transform: rotate(-30deg); transform-origin: 100% 100%; pointer-events: none; -o-pointer-events: none; -ms-pointer-events: none; -moz-pointer-events: none; -webkit-pointer-events: none; }
.odpoved-hlas:before { content: attr(data-pocet); position: absolute; top: 0; right: 100%; padding: 0 0.25em; vertical-align: middle; font-size: 108%; line-height: 23px }
.odpoved-hlas[data-pocet="0"]:before { color: #AAA }
.odpoved-hlas[data-title]:hover:after { opacity: 1; transform: rotate(45deg); }
.odpoved-hlas-ok { background: url('smajliky/alik/ok.png') no-repeat 50% 50% }
.odpoved-hlas-ko { background: url('smajliky/alik/ko.png') no-repeat 50% 50% }
.odpoved-hlas-diky { background: url('smajliky/alik/mrk.png') no-repeat 0% 100%, url('smajliky/alik/ok.png') no-repeat 100% 0%; width: 30px }
.odpoved-hlas-srdce { background: url('smajliky/alik/je.png') no-repeat 0% 100%, url('smajliky/alik/srdce.png') no-repeat 100% 0%; width: 32px }
.odpoved-hlas-pobavilo { background: url('smajliky/alik/hihihi.png') no-repeat 0% 0%, url('smajliky/alik/ok.png') no-repeat 100% 100%; width: 30px }
.odpoved-hlas-poucne { background: url('smajliky/alik/aha.png') no-repeat 0% 100%, url('smajliky/alik/ok.png') no-repeat 100% 0%; width: 28px }
.odpoved-hlas-drsne { background: url('smajliky/alik/cert.png') no-repeat 0% 0%, url('smajliky/alik/ok.png') no-repeat 100% 100%; width: 32px }
.odpoved-hlas.odpoved-hlasovano { cursor: default; border-bottom: 3px solid #E70 }
/*.odpoved-hlasovano:before { content: ""; position: absolute; left: -3px; top: -4px; right: -3px; bottom: -4px; border: 1px solid #E70; border-width: 0 0 2px 0; background: linear-gradient(315deg, #E70 0em, #E70 6px, rgba(238,119,0,0.0) 6px); }*/

.dotaz-historie:first-child { border-top: 0; margin-top: -0.5em }
.dotaz-historie { border-top: #A50 dotted 2px; margin: 0.75em 0; padding: 0.75em 0 }
.dotaz-historie > ul { margin: 0 1em; padding: 0 }
.dotaz-historie .dotaz { padding: 0.75em 0.75em 0.25em 0.75em; margin: 0.25em 0 }
.dotaz-historie .odpoved { padding: 0.75em 0.75em 0.25em 0.75em; margin: 0.25em 0; background: #FFF; }

.poradna-vstup { display: table; font-size: 116.667%; margin: 1em -0.5em 2em; border-spacing: 0.5em 0 }
.poradna-vstup a { display: table-cell; width: 50%; text-decoration: none; background: rgba(255, 252, 230, 0.8); color: #000; transition: 0.25s background; padding: 1em 1.25em }
.poradna-vstup a:hover { background: #FFF }
.poradna-vstup h3 { font-size: 150%; font-weight: bold; color: #A50; margin: 0 0 0.5em }
.poradna-vstup u { text-decoration: underline; float: right; color: #156994 }
.poradna-vstup a:hover u { color: #B9151C }
.poradna-vstup a:hover h3 { text-decoration: underline }

.poradna-info { position: relative; font-size: 112.5% }
.poradna-info h3 { margin: 0 0 0.33em 0 }
.poradna-info img { display: block; width: 100%; height: auto }
.poradna-info div { position: absolute; z-index: 1; top: 0.6em; right: 1.5%; width: 13em; min-height: 50px; padding: 1em 2em 1em 1.5em; color: #FFF; background: #000; background: rgba(0,0,0,0.7); background: linear-gradient(315deg, rgba(0,0,0,0) 0em, rgba(0,0,0,0) 1em, rgba(0,0,0,0.7) 1em) }
h1+.poradna-info div { top: -1.0667em; padding-top: 1.25em; background: linear-gradient(180deg, #630, #840 0.4em, transparent 50%), linear-gradient(315deg, rgba(0,0,0,0) 0em, rgba(0,0,0,0) 1em, rgba(0,0,0,0.7) 1em) }
.poradna-info a { color: #FF9600; text-shadow: 0 0 2em rgba(255, 150, 0, 0); transition: 0.333s color, 0.667s text-shadow }
.poradna-info a:hover { color: #FFF8D5; text-shadow: 0 0 0 rgba(255, 150, 0, 1) }
.poradxna-info div:after { content: ""; position: absolute; z-index: 2; top: 0; left: -0.5em; display: block; width: 0.5em; height: 0.5em; background: linear-gradient(135deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.9) 50%) }

/* reklama */
.makrela { clear: both; position: relative; text-align: center; break-inside: avoid }
.makrela-ousko { text-decoration: none; clear: both }
.makrela-ousko u:before { content: "Reklama"; background: #FFF; color: #000; font-size: small; font-size: 0.75rem; padding: 0.25em 0; text-align: center; display: block; border-radius: 0.5em 0.5em 0 0; clear: both; width: 5em; pointer-events: none; -o-pointer-events: none; -ms-pointer-events: none; -moz-pointer-events: none; -webkit-pointer-events: none; transition: 0.5s transform; transform-origin: 0 100% }
.makrela-ousko.makrela-partner u:before { content: "Medi\00e1 ln\00ed  partnerstv\00ed"; width: 10.5em }
.makrela-ousko:hover u:before { transform: scale(1.2) }
.makrela-ousko:hover.makrela-partner u:before { transform: scale(1); color: #FFF; background: #000 }
.makrela-text { opacity: 0; position: absolute; left: 0; right: 0; top: 0 }
.makrela u { display: inline-block; margin: 1.5em auto; width: 100%; break-inside: avoid; text-decoration: none; }
.makrela u span { display: block; height: 0; background-size: contain }
.col-abc .makrela-svisla, .col-bc .makrela-svisla, .col-ab .makrela-svisla { display: none }
.col-a .makrela-kostka, .col-c .makrela-kostka { display: none }

/* nové Alíkoviny */
.sekce-a .content { background: #FFDCBD url('layout/sekce-a.png') }
.sekce-a .col-ab { float: left; left: 0; width: 66%; margin: 0 0 0 1.5% }
.sekce-a .col-c { float: left; left: 0; width: 28.5%; margin: 0 0 0 2% }
.sekce-a .col-abc { padding: 0 1.5%; width: auto }
.alikoviny-logo { display: block; max-width: 425px; width: 100%; height: auto;  }
.col-ab .alikoviny-logo { margin: 0 auto 0em }
.col-c .alikoviny-logo { margin: 1em auto 1.75em }
.sekce-a .col-ab .clanky-temata { margin: 0.625em 0 }
.sekce-a .tip { box-shadow: none; line-height: 1.4em }

.alikoviny-zpet { text-decoration: none; display: block; margin: 0 0 2em; padding: 0.75em 1em 1.5em }
.alikoviny-zpet u { text-decoration: none }
.alikoviny-zpet h2 { font-size: 200%; color: #E31; font-weight: bold; margin: 0 }
.alikoviny-zpet span { float: right; font-size: 120%; padding: 0.25em 0.5em }
.alikoviny-zpet:hover h2 u { text-decoration: underline }

.clanky-vyjezd { margin: 1em 0; overflow: hidden }
.clanek-vstup { background: #FFF8D5; background: rgba(255, 255, 225, 0.667); overflow: hidden; margin: 0 0 1em 0; overflow: hidden; position: relative; padding: 1.25em 1.25em 1.25em 2.5em; min-height: 150px; border-radius: 0.75em }
.clanek-vstup .sublink ~ .clanek-perex u { color: #156994; }
.clanek-vstup .sublink:hover ~ .clanek-perex u { color: #B9151C; }
.clanek-vstup .sublink:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border-radius: 0.75em }
.clanek-vstup .sublink:active { outline: 0 }
.clanek-vstup .sublink:active:after { border: 2px solid #E31 }
.clanek-vstup .clanek-fotka { position: absolute; left: 1.25em; top: 1.25em; width: 200px; height: 150px; overflow: hidden }
.clanek-fotka[src$="#doleva"] { transform: scaleX(-1) }
.clanek-vstup .clanek-fotka img { width: 100%; height: 100% }
.clanek-vstup .clanek-perex { margin: 0.5em 0 2em }
.clanek-vstup .clanek-perex .clanek-vek { margin: -0.2em 0.333em -0.2em 0; float: left; line-height: 1.4em }
.clanek-vstup .clanek-cas { font-size: 100% }
.clanek-vstup .clanek-vek { padding: 0.25em 0.333em; box-shadow: 0 0 0.5em rgba(0,0,0,0.25); font-weight: bold; border-radius: 0.5em }
.clanek-vstup>a, .clanek-vstup .clanek-perex, .clanek-vstup .clanek-cas { display: block; margin-left: 200px; }
.clanek-vstup .clanek-perex a { position: relative }
.clanek-vstup a:visited .clanek-perex { color: #444 }
.clanek-vstup .clanek-autor { position: absolute; right: 0; bottom: 0; font-size: 90%; border-radius: 0.75em 0 0 0 }
.clanek-vstup h3 { margin: 0 0 0.3em 0; font-weight: bold; font-size: 160%; text-decoration: underline; color: rgba(21,105,148,0.4); transition: color 0.25s; }
.clanek-vstup h5 { font-weight: normal; font-size: 120%; margin: -0.4em 0 0.4em 0; color: #156994 }
.clanek-vstup h3 span { color: #156994; text-decoration: none; position: relative; z-index: 200; transition: 0.25s color; }
.clanek-vstup a:visited h3 { color: #AAA }
.clanek-vstup a:visited h3 span { color: #286E92 }
.clanek-vstup a:hover h3 { color: rgba(185,21,28,0.333) }
.clanek-vstup a:hover h3 span, .clanek-vstup a:hover h5 { color: #B9151C }
.clanek-vstup .clanek-fotka-placeholder { background: url(alikoviny/placeholder.png) no-repeat 50% 50%; display: block; background-color: rgba(44, 102, 177, 0.5); }
.clanek-vstup .clanek-fotka { background-color: rgba(44, 102, 177, 0.667); transition: background-color 0.25s }
.clanek-vstup a:hover .clanek-fotka { background-color: rgba(238, 51, 17, 0.667); }

.clanek-editace #text { min-height: 25em }
.clanek { padding: 1em 0.625em; font-size: 133.33%; overflow: hidden; background: #FFF; border-radius: 0.75em }
.clanek h1 { color: #E31; font-size: 170%; font-weight: bold; margin: 0 -0.368em 0 -0.368em; padding: 0 0.5514em 0 0.5514em }
.clanek h4 { color: #E31; font-size: 125%; font-weight: 400; margin: 0 -0.5em 0 -0.5em; padding: 0 0.75em 0 0.75em }
.clanek #opener-foto img, .clanek #opener-foto iframe { max-width: 640px; width: 100% }
.clanek #opener-foto iframe[height="360"] { max-height: 53vw }
.clanek-cas { color: #2C66B1; font-size: 80% }
.clanek-perex { font-size: 110%; clear: both; margin: 1em 0.2841em 0.75em; line-height: 1.6em; word-wrap: break-word; }

.clanek-text { font-size: 100%; padding: 0.5em 0 1em 0; line-height: 1.6em; word-wrap: break-word; }
.clanek-text h2 { font-size: 125%; margin: 1.4em 0 0.4em }
.clanek-text h2:first-child, .clanek-text h3:first-child, .clanek-text h4:first-child, .clanek-text h2+h3, .clanek-text h3+h4 { margin-top: 0 }
.clanek-text h3 { font-size: 112.5%; margin: 1.556em 0 0.444em }
.clanek-text .obsah-obrazek { margin: 0.75em 0 0.75em 0 }
.clanek-text .obsah-obrazek>img { display: block; margin: auto }
.clanek-text .obsah-obrazek p { margin: 0.25em 0 0 0; line-height: 1.6em; font-size: 100% }
.clanek-text .obsah-obrazek+br { display: none }
.clanek-text ul { margin: 0 0.75em 0.75em 2em; list-style: outside disc }
.clanek-text ol { margin: 0 0.75em 0.75em 2em; list-style-position: outside }
.clanek-text>p, .clanek-text>ol, .clanek-text>ul, .clanek-text>.kviz, .clanek-souvisejici { padding: 0 3.125em 0 5em }
.clanek-text>h2 { padding: 0 2.5em 0 4em }
.clanek-text>h3 { padding: 0 2.778em 0 4.444em }
.clanek-text>.kviz ol { margin-left: 0 }
.clanek-text>p>.link-youtube, .clanek-text>p>.video-youtube { margin: 0 -3.125em 0 -5em }
.clanek .boxik { background: #FFF8D5 }
.clanek-text>hr { border: 1px solid #E31 }
.clanek-text>hr, .clanek-text .boxik-siroky { margin: 0 2.125em 0.5em 4em }
.clanek-text .boxik-vpravo { margin-right: -0.625em; border-left: 0.25em solid rgba(238, 51, 17, 0.333); border-radius: 0 }
.clanek-text .boxik-vlevo { margin-left: -0.625em; border-right: 0.25em solid rgba(238, 51, 17, 0.333); border-radius: 0 }
.clanek-text .boxik.boxik-vpravo:before, .clanek-text .boxik.boxik-vlevo:before { border-radius: 0; top: 0; bottom: 0; box-shadow: none }
.clanek-text .boxik-vpravo:before { left: -5px; }
.clanek-text .boxik-vlevo:before { right: -5px; }
.clanek-text>.normafont { font-size: 64px }
.sekce-a .nastenka-text .normafont { font-size: 52px }

.clanek-autor { float: right; font-size: 100%; padding: 1em 1.333em 1em 1.333em; background: #FFF; box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.04) }
.clanek-autor a { font-size: 120% }
.clanek-autor img { float: right }
.clanek .clanek-info { border-top: 1px dotted #2C66B1; border-color: rgba(44, 102, 177, 0.5); padding: 0.425em 0.625em 0 0.625em; margin: 0.85em -0.625em -0.425em -0.625em; }
.clanek .clanek-cas { position: relative; float: left; margin: -1.25em 0 0.75em 0; padding: 0 0.390625em; background: #FFF; z-index: 1 }
.clanek .clanek-zaver { margin: -0.75em 0 -1em; padding: 0.5em 1.333em 1em 1.333em; border-top: 1px dotted #2C66B1; border-color: rgba(44, 102, 177, 0.5); text-align: right }
.clanek .clanek-autor { box-shadow: none; padding: 0.5em 0 0 0.5em }
/*.clanek .clanek-autor { margin: -0.75em 0 -1em; box-shadow: none; float: none; border-top: 1px dotted #2C66B1; border-color: rgba(44, 102, 177, 0.5); text-align: right }*/
.clanek .opener-foto { margin: 0 0 }
.clanek-hodnoceni { float: left; position: relative; padding-top: 0.5em }
.clanek-hlas-vyzva { float: left; line-height: 1.5em; width: 4.75em; text-align: left }
.clanek-hlas { float: right; width: 1.75em; height: 1.5em; background: url(alikoviny/tlapky.png) 0 0 no-repeat; background-size: cover; position: relative; cursor: pointer }
.clanek-hlas:hover, .clanek-hlas:hover~.clanek-hlas, .clanek-hlasovano, .clanek-hlasovano~.clanek-hlas { background-position: 0 100%; }
.clanek-hlas:after { content: attr(data-title); position: absolute; right: 50%; bottom: 100%; font-size: 80%; font-weight: bold; white-space: nowrap; background: #E31; color: #FFF; padding: 0.25em 0.5em; margin-right: -0.25em; border-radius: 0.5em; opacity: 0; transition: 0.25s; transform: rotate(-30deg); transform-origin: 100% 100%; pointer-events: none; -o-pointer-events: none; -ms-pointer-events: none; -moz-pointer-events: none; -webkit-pointer-events: none; }
.clanek-hlas:hover:after { opacity: 1; transform: rotate(30deg); }
.clanek-zizalka { position: absolute; left: 4.75em; bottom: -0.75em; display: table; width: 8.75em; height: 0.5em; z-index: 0 }
.clanek-zizalka-vypln { display: table-cell; height: 100%; background: #E31; border-radius: 0.5em 0 0 0.5em; box-shadow: 0 -2px 1px rgba(0,0,0,0.125) inset; }
.clanek-zizalka-zbytek { display: table-cell; height: 100%; background: #FFF8D5; border-radius: 0 0.5em 0.5em 0; box-shadow: 0 -2px 0.1875em rgba(140, 30, 10, 0.2) inset; border: 1px solid rgba(44, 102, 177, 0.333); border-left: 0; box-sizing: border-box }
.clanek .clanek-zizalka { bottom: -1.6em; height: 1em }

.clanek-souvisejici h2 { padding: 0.5em 0 0.5em; margin: -0.75em 0 0 0; font-weight: bold; font-size: 100% }
.clanek-souvisejici ul { line-height: 1.75em; padding: 0 0 0 0; margin: 0 0 2.5em 0; list-style: none }
.clanek-souvisejici li:before { content: "\00bb  " }

.clanek-historie:first-child { border-top: 0; margin: 0 0 -1em 0 }
.clanek-historie { border-top: #2C66B1 dotted 1px; margin: 0.75em 0; padding: 0.75em 15px }
.clanek-historie > ul { margin: 0 1em; padding: 0 }
.clanek-historie .clanek-text { padding: 1em 1em 0.5em 3em }

.sekce-a .nastenka-prispevek { background: #FFF8D5; background: rgba(255, 255, 225, 0.667) }
.sekce-a .nastenka-info { border-bottom: 2px dotted #E31; }
.sekce-a .nastenka-text { box-shadow: 0 0 1.5em rgba(238, 51, 17, 0.06) }
.sekce-a .nastenka-prispevek.target, .sekce-a .nastenka-prispevek:target { box-shadow: 0 0 0 2px #E31 }

.sekce-a .vstup { border-color: #E31; background: rgba(255, 255, 225, 0.667); margin: 2em 0 }
.sekce-a .vstup h3 { color: #E31; border-color: #E31 }
.sekce-a .bocni-menu { background: #FFF8D5; background: rgba(255, 255, 225, 0.667); overflow: visible; margin: 0.75em 0 0 0 }
.sekce-a .bocni-menu .prelom:before { content: ""; display: block; height: 1px; background: linear-gradient(90deg, rgba(238, 51, 17, 0), rgba(238, 51, 17, 0.333), rgba(238, 51, 17, 0)) }
.sekce-a .bocni-menu h2 { background: #E31; background: radial-gradient(6em 1.75em at 0.75em 0.5em, rgba(255, 255, 225, 0.5), #E31), #E31; border: 2px solid #E31; text-shadow: -1px -1px 0 #E31, -1px 1px 0 #E31, 1px -1px 0 #E31, 1px 1px 0 #E31; border-radius: 0.5em 0.5em 0 0; text-align: left; padding-left: 0.75em }
.sekce-a .bocni-menu ul a:before { border-color: #E31 }
.sekce-a .bocni-menu ul a.act:before { background: #E31 }

.alikoviny-minidiskuse { clear: both; float: left; margin: 1.5em 0 0em; width: 100% }
.alikoviny-minidiskuse .alikoviny-zpet { margin: 1em 0 -1em; padding: 0.75em 1em 1.5em }
.alikoviny-minidiskuse + .alikoviny-minidiskuse { margin-top: 2em; border-top: 2px solid #E31 }
.clanek-diskuse-info { border-radius: 1em; padding: 1.5em; margin: 1em auto; background: #FFF8D5; background: rgba(255, 255, 225, 0.667) }
.clanek-diskuse-info p { background: #FFF; padding: 1em; margin: 0 0 0 0; font-size: 117%; border-radius: 0.5em; line-height: 1.5em; word-wrap: break-word; box-shadow: 0 0 1.5em rgba(238, 51, 17, 0.06) }

.link-youtube, .video-youtube { position: relative; display: block; clear: both; margin: auto }
.link-youtube img { width: 100%; display: block; transition: 0.25s; min-height: 141px }
.link-youtube:after { content: ""; background: url(alikoviny/youtube.png) no-repeat 50% 50%; background-size: contain; position: absolute; right: 50%; top: 50%; width: 200px; height: 141px; transform: translate(50%, -50%) scale(0.7); transition: 0.25s; max-width: 60% }
.link-youtube:hover:after { transform: translate(50%, -50%) scale(1) }
.link-youtube-short { width: 66.67% }
@media (max-width: 640px) and (orientation: portrait) { .link-youtube-short { width: 100% } }

/* hry */
.hra-blok08 { width: 667px; border: 3px solid #C7E64E; border-width: 9px; margin-top: -4px; background: #C7E64E; background: rgba(187, 218,35, 0.333) }
.hra-blok08 embed { display: block; margin: auto }
.hra-blok08x { display: table-cell; box-shadow: 0 0 0 3px #C7E64E; background: #C7E64E; background: rgba(187, 218,35, 0.333); margin: auto }
.hra-blok08x embed, .hra-blok08x iframe { display: block; margin: auto }
.hra-fullscreen { text-align: center; font-size: 130%; width: 16em; margin: auto; padding: 1em; border: 3px solid #C7E64E; background: #C7E64E; background: rgba(187, 218,35, 0.333) }
.hra-fullscreen button { width: 16em; margin-top: 0.25em; height: 3em; border: 1px solid #8A0; background: linear-gradient(180deg, #C7E64E, #8A0); font-weight: bold; color: #FFF; text-shadow: 0 -1px 6px rgba(0,0,0,0.5) }
.hra-fullscreen label { display: block; width: 16em; text-align: left; margin: auto; padding: 0.25em 0 }
.hra-responsivni { width: 100%; height: 0; padding-bottom: 100%; position: relative }
.hra-responsivni iframe { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100% }
.hra-info { background: #C7E64E; background: rgba(187, 218, 35, 0.667); border-radius: 0.5em; text-align: center; padding: 0 1.75em 1.75em 1.5em; margin: 0.5em 0 }
.hra-info ul { text-align: left; margin: 0.75em 0.75em 0.75em 2em; list-style: outside disc }
.hra-info li { margin: 0.5em 0 }
.hra-info p { text-align: left; margin: 0.5em 0 }
.hra-info h3 { background: #8A0; background: repeating-linear-gradient(45deg, rgba(137, 170, 0, 0.5) 0px, rgba(137, 170, 0, 0.5) 6px, #8A0 6px, rgba(137, 170, 0, 0.4) 6px, rgba(137, 170, 0, 0.4) 12px), repeating-linear-gradient(135deg, rgba(137, 170, 0, 0.5) 0px, rgba(137, 170, 0, 0.5) 6px, #8A0 6px, rgba(137, 170, 0, 0.4) 6px, rgba(137, 170, 0, 0.4) 12px); text-shadow: 0 0 2px rgba(0,0,0,0.5); display: inline-block; font-size: 125%; border-radius: 0; color: #FFF; padding: 0.25em 1em; font-weight: normal }

.hra-text { font-size: 116.667%; }
.hra-text .boxik { background: #C7E64E; background: rgba(187, 218, 35, 0.667); padding: 1em 1.75em 1.75em 1.5em; margin: 0.5em 0 }
.hra-text .boxik h2 { background: #8A0; background: repeating-linear-gradient(45deg, rgba(137, 170, 0, 0.5) 0px, rgba(137, 170, 0, 0.5) 6px, #8A0 6px, rgba(137, 170, 0, 0.4) 6px, rgba(137, 170, 0, 0.4) 12px), repeating-linear-gradient(135deg, rgba(137, 170, 0, 0.5) 0px, rgba(137, 170, 0, 0.5) 6px, #8A0 6px, rgba(137, 170, 0, 0.4) 6px, rgba(137, 170, 0, 0.4) 12px); text-shadow: 0 0 2px rgba(0,0,0,0.5); display: inline-block; font-size: 125%; border-radius: 0; color: #FFF; padding: 0.25em 1em; font-weight: normal; margin-bottom: 0; position: relative; top: -0.8em }
.hra-text .boxik-siroky { text-align: center }
.hra-text .boxik-siroky h2+ul { margin-top: 0 }
.hra-text .boxik-siroky>* { text-align: left }
.hra-text .boxik li { margin: 0 0 0.4em 0 }
.hra-text .boxik li ol, .hra-text .boxik li ul { margin-top: 0.4em }

.sekce-h .vstup { border-color: #8A0; background: #C7E64E }
.sekce-h .vstup h3 { color: #000; border-color: #8A0; background: #FFF; border-radius: 0 }

.hry-vyjezd { margin-right: -1.3em }
.hra-vstup { float: left; width: 10em; margin: 0 0.9375em 1em 0; overflow: hidden; font-size: 133.333%; font-weight: bold; float: none; display: inline-block }
.hra-vstup a { display: block; }
.hra-vstup img { display: block; margin-top: 0.25em; width: 10em; height: 7.5em }
.hra-zizalka { display: block; height: 0.4em; margin-top: 0.1em; width: 100%; background: #8A0; background: linear-gradient(90deg, #048, #8A0, #F00); position: relative; border-left: 1px solid #048; border-right: 1px solid #F00; box-sizing: border-box }
.hra-zizalka-nevypln { display: block; right: 0px; top: 1px; bottom: 1px; background: #FFF; position: absolute; }

.hra-hodnoceni { font-size: small; position: absolute; top: 50%; margin-top: -12px; right: 1em }
.hra-hlas { float: right; width: 24px; height: 23px; margin: 0 3px; vertical-align: middle; transition: 0.25s; position: relative; text-decoration: none; z-index: 1; line-height: 1.4em }
.hra-hlas[data-title] { cursor: pointer }
.hra-hlas[data-title]:after, .sekce-h .prispevek-hlas:after { content: attr(data-title); position: absolute; right: 50%; bottom: 100%; font-size: 100%; font-weight: bold; background: #8A0; color: #FFF; padding: 0.25em 0.5em; text-shadow: 0 0 2px rgba(0,0,0,0.5); border-radius: 0; margin-right: -0.25em; opacity: 0; transition: 0.25s; transform: rotate(-30deg); transform-origin: 100% 100%; pointer-events: none; -o-pointer-events: none; -ms-pointer-events: none; -moz-pointer-events: none; -webkit-pointer-events: none; }
.hra-hlas:hover:after, .sekce-h .prispevek-hlas:hover:after { opacity: 1; transform: rotate(30deg); }
.hra-hlas-ok { background: url('smajliky/alik/ok.png') no-repeat 50% 50% }
.hra-hlas-ko { background: url('smajliky/alik/ko.png') no-repeat 50% 50% }
.hra-hlas-nechapu { background: url('smajliky/alik/coto.png') no-repeat 100% 0%, url('smajliky/alik/ooo.png') no-repeat 0% 100%; width: 28px; margin: 0 2px 0 6px }
.hra-hlas-nefunguje { background: url('smajliky/alik/pozor.png') no-repeat 100% 0%, url('smajliky/alik/uf.png') no-repeat 0% 100%; width: 26px }
.hra-hlasovano { opacity: 1; cursor: default }
.hra-hlasovano:before { content: ""; position: absolute; left: -3px; top: -4px; right: -3px; bottom: -4px; border: 1px solid #8A0; border-width: 0 1px; border-color: transparent rgba(187, 218, 35, 0.5); background: linear-gradient(-45deg, rgba(255,252,230,1), rgba(255,252,230,0), rgba(255,252,230,0), rgba(255,252,230,1)); }
.q-touch .vtip-hlasovano:before { border-width: 2px 4px }

a.hra-oblibit { float: right; line-height: 21px; padding: 0 0.5em 0 1.25em; margin-right: -0.75em; font-size: 100%; text-decoration: none; cursor: pointer; width: 6em; text-align: right }
.hra-oblibit:after { content: ""; display: inline-block; margin-left: 5px; width: 21px; height: 21px; background: url(hry/hvezdicka.png) 50% 100%; background-size: cover; vertical-align: middle }
.hra-oblibit.hra-znelibit:after { background-position: 50% 0; opacity: 1 }


.sekce-h .content { background: #DFFDA4 url('layout/sekce-h.png?2021') 50% 0; }
.sekce-h .content.bez-travy .trava { background-image: url('layout/sekce-h-hra.png'); padding-bottom: 3% }
.sekce-h .col-a { margin: 0 4% 0 0; width: 21%; float: right }
.sekce-h .col-bc { width: 68.5%; margin: 0 3.5% 0 0; float: right }
.sekce-h .col-abc { padding: 0 2.5% }
.sekce-h h2 { margin: 0 0 0.75em; color: #4A6501; font-size: 150%; font-weight: normal }

.sekce-h .bocni-menu { background: #FFF8D5; background: rgba(255, 252, 230, 0.8); background: linear-gradient(90deg, rgba(255, 252, 230, 0.6), rgba(255, 252, 230, 0.75)); background: transparent; margin: 0.75em 0 1em 0; border-radius: 0; }
.sekce-h .bocni-menu h2 { background: #8A0; background: repeating-linear-gradient(45deg, rgba(137, 170, 0, 0.5) 0px, rgba(137, 170, 0, 0.5) 6px, #8A0 6px, rgba(137, 170, 0, 0.4) 6px, rgba(137, 170, 0, 0.4) 12px), repeating-linear-gradient(135deg, rgba(137, 170, 0, 0.5) 0px, rgba(137, 170, 0, 0.5) 6px, #8A0 6px, rgba(137, 170, 0, 0.4) 6px, rgba(137, 170, 0, 0.4) 12px); color: #FFF; text-align: center; text-shadow: 0 0 2px #000; font-size: 90%; font-weight: bold; margin: 0 }
.sekce-h .bocni-menu ul a:before { border-color: #000 }
.sekce-h .bocni-menu ul a.act:before { background: #000; border-radius: 0; transform: rotate(45deg) }
.sekce-h .bocni-menu ul { padding: 0.25em 0 }

.sekce-h .alikoviny-zpet h2 { color: #4A6501; font-size: 200%; font-weight: bold; margin: 0 }
.sekce-h .nastenka-prispevek { background: #FFF8D5; background: rgba(187, 218, 35, 0.667) }
.sekce-h .nastenka-prispevek.target, .sekce-h .nastenka-prispevek:target { box-shadow: 0 0 0 2px #4A6501 }
.sekce-h .nastenka-info { border-bottom: 2px dotted #4A6501; }
.sekce-h .clanek-vstup { padding-bottom: 15px }

.sekce-h .darky-skupina h2 { color: #4A6501; border-top: 1px dotted #8A0; padding: 0.5em 0 0 0.5em }
.sekce-h .blok-souvisejici h2 { margin: 1.5em 0 0 0 }

.sekce-h .hra-vstup-makrela { width: 20.9375em; float: right }
.sekce-h .hra-vstup-makrela:empty { margin: 0 }
.sekce-h .col-bc .makrela u { margin: 0.5em 1.3em 0 auto }

html:fullscreen { width: 100%; height: 100% }
html:-ms-fullscreen { width: 100%; height: 100% }
html:-moz-full-screen { width: 100%; height: 100% }
html:-webkit-fullscreen { width: 100%; height: 100% }

/* kamarádi/vizitky */
.sekce-u .col-a { margin: 0 0 0 1%; width: 23.4%; left: 0; float: left }
.sekce-u .col-bc { width: 70.5%; float: right; margin-right: 3.1% }
.sekce-u .col-ab { width: 63%; margin: 0 0 0 2.5%; left: 0; float: left }
.sekce-u .col-c { width: 30%; margin: 0 0 0 2%; float: left }
.sekce-u .col-abc { width: 95%; margin: auto }
.sekce-u h2 { font-weight: 400 }

.sekce-u .bocni-menu { background: #ECF9BD; background: rgba(236, 249, 189, 0.85); background: linear-gradient(90deg, rgba(236, 249, 189, 0.7), rgba(236, 249, 189, 0.85)); border-radius: 5px }
.sekce-u .bocni-menu h2 { background: #FFF; color: #000; text-align: center }
.sekce-u .bocni-menu ul a:before, .sekce-u .bocni-menu ul button:before { border-color: #687C45 }
.sekce-u .bocni-menu ul a.act:before { background: #687C45 }
.sekce-u .bocni-info { color: #FFF; }
.sekce-u .bocni-info a { color: #C9ED48 }
.sekce-u .bocni-info h3 { font-weight: bold; font-size: 125%; margin: 2.5em 0 0.5em 0 }
.sekce-u .bocni-info dt { font-weight: bold; font-style: italic; margin: 0.5em 0 0 0 }
.sekce-u .bocni-info dd { margin: 0.25em 0 0.5em 1em }
.sekce-u .content {background: #687C45 url('layout/sekce-u.png') no-repeat }

.sekce-u .nastenka-prispevek { background: #ECF9BD; background: rgba(236, 249, 189, 0.75) }
.sekce-u .nastenka-prispevek.target, .sekce-u .nastenka-prispevek:target { box-shadow: 0 0 0 2px #687C45 }
.sekce-u .nastenka-info { border-bottom: 2px dotted #687C45; }
.sekce-u .nastenka-text { box-shadow: 0 0 1.5em rgba(104,124,69,0.2) }

.sekce-u .blok { background: #ECF9BD; background: rgba(236, 249, 189, 0.85); background: linear-gradient(90deg, rgba(236, 249, 189, 0.7), rgba(236, 249, 189, 0.85)); padding: 1em; font-size: 117%; border-radius: 0.5em }
.sekce-u .blok h2 { font-size: 150% }
.sekce-u .vstup { border-color: #C9ED48; background: rgba(236, 249, 189, 0.85); background: linear-gradient(90deg, rgba(236, 249, 189, 0.7), rgba(236, 249, 189, 0.85)); }
.sekce-u .vstup h3 { color: #687C45; border-color: #C9ED48 }
.sekce-u .mimoblok { padding: 0.5em 1em 0.25em; color: #FFF; line-height: 1.4em; background: 0 }
.sekce-u .mimoblok b, .sekce-u .mimoblok a, .sekce-u .mimoblok .sublink u, .sekce-u .mimoblok a.nonlink:hover { color: #C9ED48 }
.sekce-u .mimoblok a.tlacitko, .sekce-u .mimoblok a.nonlink { color: #FFF }
.sekce-u .mimoblok h2 { font-size: 150%; line-height: 1.4em; margin: 1.75em 0 0.25em 0 }
.sekce-u .tip { color: #663; background: #FF9; padding: 1em; border-radius: 0.5em; box-shadow: none }
.sekce-u .tip:before { position: absolute; right: 1em; top: -2em; margin: 0 }
.sekce-u .imagearea b { color: #000 }

.vyjezd-uzivatelu { width: 100%; border-spacing: 0.5em }
.vyjezd-uzivatelu a { display: block; line-height: 1.4em; overflow: hidden; white-space: nowrap; padding: 0.5em 0 }
.vyjezd-uzivatelu img { float: left; width: 2.5em; height: 3em; margin: -2px 6px -2px 0; image-rendering: -webkit-optimize-contrast }
.vyjezd-uzivatelu small { font-size: 83%; display: block; margin: 0.25em 0 -0.25em }

.sekce-u .uzivatel { background: 0 }
.uzivatel h2 { font-size: 150% }
.uzivatel { padding: 20px; border-radius: 5px; background: #687C45; color: #FFF; font-size: 117%; overflow: hidden }
.uzivatel .userfoto { float: right; border: 10px solid #FFF; background: #FFF; border-radius: 5px }
.uzivatel.uzivatel h2 { margin: 1.5em 0 0.5em 0; color: #FFF }
.uzivatel.uzivatel .userfoto+h2, .uzivatel.uzivatel h2:first-child { margin: 0 0 0.5em 0 }
.uzivatel a { color: #C9ED48 }
.uzivatel a:hover { color: #ffc }
.content>.uzivatel { margin: 20px }

.uzivatel .vstup { border-color: #C9ED48; background: rgba(0, 0, 0, 0.333); margin: 2em 0 }
.uzivatel .vstup h3 { color: #C9ED48; border-color: #C9ED48; background: #687C45 }
.uzivatel .vstup p { margin-top: 2em }
.uzivatel ul { margin: 1em }
.uzivatel li { margin-left: 1em; list-style: disc }

/* nastavení */
.flipcheck { display: block; padding: 0.125em 0; overflow: hidden; position: relative }
.flipinfo { overflow: hidden; padding-left: 1.75em }

@media (min-width: 0)
{
.flipcheck { text-indent: -7.375em; padding-left: 7.375em; line-height: 1.4em; }
.flipcheck input { position: absolute; left: -5em; }
.flipcheck input+span { display: inline-block; text-align: center; background: #77A12F; margin: 0.4em 0.125em 0.4em 0; width: 5.5em; padding-left: 1.5em; position: relative; cursor: pointer; border-radius: 0.333em; box-shadow: 0 0 0.25em rgba(255,255,255,0.5) inset; text-indent: 0; color: #FFF }
.flipcheck input+span:before { content: attr(data-flip); position: absolute; left: 0; top: 0; right: 0; padding-right: 1em; opacity: 1; background: #E00; transition: 0.333s; border-radius: 0.333em; box-shadow: 0 0 0.25em rgba(255,255,255,0.75) inset }
.flipcheck input+span:after { content: ""; position: absolute; left: 100%; margin-left: -1em; top: -0.2em; bottom: -0.2em; width: 1em; background: #DDD; border-radius: 0.333em; transition: 0.333s; box-shadow: 0 -0.25em 0.75em -0.25em rgba(0,0,0,0.125) inset }
.flipcheck input:checked+span:before { opacity: 0 }
.flipcheck input:checked+span:after { left: 0em; margin-left: 0; width: 1.5em }
.flipcheck input+span>span:before { content: "L"; font-family: Arial, sans-serif; position: absolute; transform: scaleX(-1) rotate(-45deg) scale(1); left: 0; width: 2em; font-size: 75%; color: #000; font-weight: bold; opacity: 0; z-index: 2; transition: 0 opacity, 0.333s transform; text-shadow: 0 0 3px #FFF; text-shadow: 0 0 0 2px #FFF }
.flipcheck input:checked+span>span:before { opacity: 1; transition: 0.5s 0.5s opacity, 0.333s transform }

.flipcheck:hover input+span:after { background: #FFF; top: -0.4em; bottom: -0.4em }
.flipcheck:hover input+span>span:before { transform: scaleX(-1) rotate(-45deg) scale(1.25) }
.flipcheck input:focus+span:after { background: #FFF; box-shadow: none }

.flipcheck input:disabled+span { background: #6A7060; box-shadow: none; cursor: not-allowed }
.flipcheck input:disabled+span:before { background: #866; box-shadow: none }
.flipcheck input:disabled+span:after { background: #999; top: -0.2em; bottom: -0.2em }
.flipcheck input:disabled+span>span:before { color: #FFF; text-shadow: 0 0 3px #666; text-shadow: 0 0 0 2px #666 }
.flipinfo { padding-left: 7.375em }

.flipcheck:target, .flipcheck.target { animation: flipcheck-blik 2s }

.flipcheck-sirsi { text-indent: -9.375em; padding-left: 9.375em; }
.flipcheck-sirsi input+span { width: 7.5em; }
}
@keyframes flipcheck-blik
{
  0%, 10%, 20% { background: rgba(255,255,255,1); box-shadow: 0 0 0 2em rgba(255,255,255,1) }
  9%, 19%, 100% { background: rgba(255,255,255,0); box-shadow: 0 0 0 0 rgba(255,255,255,0) }
}
.flipinfo p { margin: 0.5em 0; line-height: 1.6em }
.flipinfo input[type=text] { width: 20em }
.flipinfo select { border-radius: 0.5em; font-size: medium; padding: 0.5em; border: 0; background: #FFF; color: #000 }

.tlacitko, button.tlacitko { color: #FFF; background: #C00; background: linear-gradient(135deg, #F00, #C00, #800); padding: 0.5em 1.5em; border-radius: 0.5em; text-decoration: none; box-shadow: 0.25em 0.25em 0.75em rgba(255,255,255,0.333) inset, -0.25em -0.25em 0.75em rgba(0,0,0,0.333) inset; display: inline-block; transition: 0.25s background-image, 0.2s box-shadow, 0.2s text-shadow, 0.2s padding linear; font-weight: bold; cursor: pointer; font-family: Candara, "Trebuchet MS", sans-serif; vertical-align: top; position: relative; overflow: visible; border: 0; font-size: 140%; margin: 0; white-space: nowrap }
.tlacitko:hover:active { padding: 0.6em 1.4em 0.4em 1.6em; box-shadow: 0.25em 0.25em 0.75em rgba(0,0,0,0.333) inset, -0.25em -0.25em 0.75em rgba(255,255,255,0.333) inset; }
.tlacitko:hover, button.tlacitko:hover { background: #C30; background: linear-gradient(135deg, #F00, #B00, #600); color: #FFF; text-shadow: 0 0 0.5em rgba(255,255,255,0.75) }
.tlacitko-stojka, button.tlacitko-stojka { line-height: 2em; margin-right: 50px; margin-top: 50px; }
.tlacitko-stojka:after { content: ""; position: absolute; background: url('ilustrace/stojka.png'); width: 100px; height: 94px; right: -50px; top: -52px; transition: 0.2s; }
.tlacitko-stojka:hover:active:after { margin: 0.2em 0 }
.tlacitko-smutne, button.tlacitko-smutne { margin-top: 80px; margin-left: 0px }
.tlacitko-smutne:after { content: ""; position: absolute; background: url('ilustrace/hlava-smutna.png'); width: 99px; height: 85px; left: 50%; margin-left: -50px; top: -78px }
.tlacitko-nuda, button.tlacitko-nuda { background: #666; background: linear-gradient(135deg, #777, #555); }
.tlacitko-nuda:hover, button.tlacitko-nuda:hover { background: linear-gradient(135deg, #888, #444); }
.tlacitko-vzhlizi, button.tlacitko-vzhlizi { margin-top: 100px; margin-left: 0px }
.tlacitko-vzhlizi:after { content: ""; position: absolute; background: url('ilustrace/hlava-naklonena-doleva.png'); width: 107px; height: 100px; left: 50%; margin-left: -33px; top: -100px; z-index: 0; transition: 0.2s; }
.tlacitko-vzhlizi:hover:active:after { left: 60% }
.tlacitko-vzhlizi-doprava, button.tlacitko-vzhlizi-doprava { margin-top: 100px; margin-left: 0px }
.tlacitko-vzhlizi-doprava:after { content: ""; position: absolute; background: url('ilustrace/hlava-naklonena-doprava.png'); width: 107px; height: 100px; right: 40%; margin-right: -33px; top: -100px; z-index: 0; transition: 0.2s; }
.tlacitko-vzhlizi-doprava:hover:active:after { right: 50% }
.tlacitko-mensi, button.tlacitko-mensi { font-size: 100%; vertical-align: middle }

/* soutěže */
.soutez { background: #FFFFD0; background: rgba(255,255,208,0.667); background: radial-gradient(farthest-corner at 45px 45px, rgba(255,255,208,1), rgba(255,255,208,0.25)); font-size: 116.667%; padding: 1.365em; margin: 0 0 1em 0; border-radius: 1.365em; box-shadow: 1px 1px 2px rgba(0,0,0,0.125); line-height: 1.5em; display: block }
.soutez h2 { margin: 0 0 0.75em; color: #A60; font-size: 150%; line-height: 1.3em; font-weight: normal }
.soutez h3 { margin: 1em 0 0.75em; color: #A60; font-size: 120%; line-height: 1.3em; font-weight: bold }
.soutez ol li { list-style: decimal; margin: 0.75em 0; }
.soutez .obsah-obrazek { margin-left: -1.365em; margin-right: -1.365em }
.soutez .obsah-obrazek p { padding: 0 1.365em }
.soutez .normafont { font-size: 59px }

.soutez-vstup { overflow: hidden; position: relative; border-radius: 1.125em 1.125em 1.25em 1.25em; padding: 1em 1.3333em 1em 1.3333em; transition: background-color 0.2s }
.soutez-vstup h2 { margin: 2px 0 0.4em }
.soutez-vstup p { margin: 0 0 0.667em 0 }
.soutez-vstup u { color: #156994; }
.soutez-vstup>a:hover ~ * u { color: #B9151C; }
.soutez-vstup .sublink:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border-radius: 1.125em 1.125em 1.25em 1.25em; border: 2px solid transparent; border-color: inherit; opacity: 0; transition: opacity 0.15s }
.soutez-vstup .soutez-fotka { position: absolute; right: 1em; top: 1em; margin-top: 1px; overflow: hidden; border-radius: 0.5em }
.soutez-vstup>a img[src$="#doprava"] { transform: scaleX(-1) }
.soutez-vstup>a { display: block; border-color: inherit }
.soutez-vstup .sublink:active, .soutez-vstup .sublink:active u { outline: 0 }
.soutez-vstup .sublink:active:after { opacity: 1 }
.soutez-vstup .obsah-text { padding-bottom: 0.25em }
.soutez-vstup .obsah-text a { position: relative }
.soutez-vstup-nefotka { padding-right: 6em }
.soutez-vstup-fotka .soutez-fotka { width: 200px; height: 150px }
.soutez-vstup-fotka { min-height: 150px }
.soutez-vstup-fotka>a, .soutez-vstup-fotka .obsah-text { margin-right: 200px; padding-right: 0.6666em }

.soutez-vstup .soutez-stuzka { position: absolute; left: 0; top: -1px; right: 0; height: 1.125em; border-radius: 1.125em 1.125em 0 0; border-style: solid; border-width: 3px 0 0 0; border-color: inherit }
.soutez-vstup .soutez-stuzka:after, .soutez-vstup .soutez-stuzka>span { content: ""; position: absolute; right: 1.75em; top: -0.5em; opacity: 0.85; transform: rotate(10deg); transform-origin: 50% 0; transition: 0.25s transform }
.soutez-vstup .soutez-stuzka>span { border: 1em solid transparent; border-width: 0 1em 0.75em 1em; width: 0; height: 3.25em; z-index: 1 }
.soutez-vstup .soutez-stuzka:after { border: 2px dotted rgba(255,255,223,0.75); border-width: 0 2px; border-bottom: 6px dotted transparent; width: 1.8em; height: 4em; box-sizing: border-box; right: 1.85em; z-index: 2; transform: rotate(10deg) translate3d(0,0,1px) }
.soutez-vstup-bezi .soutez-stuzka>span { border-color: transparent #080 transparent #0A0 }
.soutez-vstup-ceka .soutez-stuzka>span { border-color: transparent #C80 transparent #EA0 }
.soutez-vstup-tema .soutez-stuzka>span { border-color: transparent #C20 transparent #E30 }
.soutez-vstup-skoncila .soutez-stuzka>span { border-color: transparent #886 transparent #AA8; opacity: 0.75 }
.soutez-vstup-hotovo .soutez-stuzka>span { opacity: 1 }
.soutez-vstup-hotovo .soutez-stuzka>span:before { content: "L"; position: absolute; text-align: center; width: 2em; left: -1em; bottom: 0.25em; color: #FFF; transform: rotate(45deg) scale(-1.5, 1.5); text-shadow: 0 0 2px #000 }
.soutez-vstup-chyba .soutez-stuzka>span:before { content: "x"; position: absolute; text-align: center; width: 2em; left: -1em; bottom: 0.25em; color: #FFF; transform: scale(1.75, 1.5); text-shadow: 0 0 2px #000 }
.soutez-vstup-bezi { border-color: #090 }
.soutez-vstup-ceka { border-color: #D90 }
.soutez-vstup-tema { border-color: #D30 }
.soutez-vstup-skoncila { border-color: #AA8 }
.soutez-vstup-tema h2 { font-size: 120%; margin: 0 }
.soutez-vstup-tema .soutez-stuzka>span { height: 2.75em; opacity: 1 }
.soutez-vstup-tema .soutez-stuzka:after { height: 3.5em }
.soutez-vstup:hover .soutez-stuzka:after, .soutez-vstup:hover .soutez-stuzka>span { transform: rotate(-365deg); transform: translate3d(0,0,1px) rotate(-365deg); opacity: 1 }
.soutez-vstup:hover .soutez-stuzka>span { box-shadow: -0.4em 0 0.75em -0.6em #000, 0.4em 0 0.75em -0.6em #000 }
.soutez-vstup:hover { background-color: #FFF }

.soutez-vstup-diskuse { margin: -1em 1em 1em 1em; padding: 0.4em 1em 0.6em; top: 1px; border-radius: 0 0 1.125em 1.125em }
.soutez-vstup-diskuse .sublink:after { border-radius: 0 0 1.125em 1.125em; border: 1px dotted #000 }

.soutez-vstup-odmena { position: absolute; right: 1em; bottom: -0.25em; z-index: 3; border: 2px solid #ECB300; border-bottom-width: 0; border-radius: 0.5em 0.5em 0 0; padding: 0.25em 0.75em 0.4em; line-height: 1.5em; color: #FFF; font-weight: bold; background: linear-gradient(-10deg, #FFCC00 15%, #ECB300, #FFCC00 85%); text-shadow: 0 0 2px #000; transition: 0.25s opacity }
.soutez-vstup-odmena:after { content: ""; border-top: 2px solid #FFF; position: absolute; left: 50%; right: 50%; bottom: 0.25em; opacity: 0.5; box-shadow: 0 0 2px rgba(0,0,0,0.75); transition: 0.333s }
.soutez-vstup>a:hover .soutez-vstup-odmena:after { left: 0.75em; right: 0.75em; bottom: 0.5em; opacity: 1 }
.soutez-vstup .sublink:active .soutez-vstup-odmena { z-index: 0 }

.soutez-vstup-aukce h2 { font-size: 133.333% }
.soutez-vstup-prihozy { display: table; font-size: 71.429%; text-align: center; width: 100%; direction: rtl }
.soutez-vstup-prihoz { display: table-cell; direction: ltr; pointer-events: none; -o-pointer-events: none; -ms-pointer-events: none; -moz-pointer-events: none; -webkit-pointer-events: none }
.soutez-vstup-prihoz span { font-size: 160%; font-weight: bold; padding: 0.25em 0.5em; margin: 0 -0.333em; line-height: 1.5em; background: #ECB300; text-shadow: 1px 1px 0 #806300, -1px -1px 0 #806300, -1px 1px 0 #806300, 1px -1px 0 #806300, 1px 0 0 #806300, -1px 0 0 #806300, 0 1px 0 #806300, 0 -1px 0 #806300, 0 0.125em 0.25em rgba(0, 0, 0, 0.5); box-shadow: 0 0.125em 0.25em rgba(128, 99, 0, 0.25); background: linear-gradient(-10deg, #FFCC00 15%, #ECB300, #FFCC00 85%); color: #FFF; border: 0.25em double rgba(0,0,0,0.1); display: inline-block; transform: rotate(-6deg) translatey(0.25em); transform: rotate(-6deg) translatey(0.25em) translate3d(0px,0px,1px); transition: transform 0.5s; position: relative; z-index: 1 }
.soutez-vstup-prihoz span.prihoz-stribro { background: linear-gradient(-10deg, #EEE 15%, #BBB, #EEE 85%); text-shadow: 1px 1px 0 #666, -1px -1px 0 #666, -1px 1px 0 #666, 1px -1px 0 #666, 1px 0 0 #666, -1px 0 0 #666, 0 1px 0 #666, 0 -1px 0 #666, 0 0.125em 0.25em rgba(0, 0, 0, 0.5) }
.soutez-vstup-prihoz span.prihoz-bronz { background: linear-gradient(-10deg, #FA2 15%, #C81, #FA2 85%) }
.soutez-vstup-prihoz span.prihoz-vyvolavacka { background: linear-gradient(-10deg, #FFF 15%, #EEE 85%); color: #000; text-shadow: none }
.soutez-vstup-aukce:hover .soutez-vstup-prihoz span { transform: rotate(6deg) translatey(0.25em); transform: rotate(6deg) translatey(0.25em) translate3d(0px,0px,1px); transition: transform 0.25s }
.soutez-vstup-prihoz img { width: 5em; height: 6em }
.soutez-vstup-prihozu-1 { position: relative; height: 6em; margin: 0.75em 0; pointer-events: none; -o-pointer-events: none; -ms-pointer-events: none; -moz-pointer-events: none; -webkit-pointer-events: none; }
.soutez-vstup-prihozu-1 img { position: absolute; right: 60%; top: 0 }
.soutez-vstup-prihozu-1 span { position: absolute; left: 40%; top: 50%; margin: -1.5em 0 0 1em; font-size: 180% }

.soutez-vyherce img { width: 3em; height: 3.6em; margin: 0 0.4em 0 0; position: absolute; left: 0; top: 0 }
ul.soutez-vyherce { margin: 0 0.75em }
.soutez-vyherce li { display: block; margin-bottom: 1px }
.soutez-vyherce li:before { content: "•"; display: table-cell; height: 2em; font-size: 180%; vertical-align: middle; width: 0.667em }
.soutez-vyherce li>p, p.soutez-vyherce { position: relative; height: 3.6em; padding-left: 3.8em; vertical-align: middle; display: table-cell; text-indent: -0.4em }

ul li.soutez-menu a { position: relative; overflow: hidden; padding-right: 1.75em }
.soutez-menu .soutez-stuzka { position: absolute; right: 0; top: 50%; width: 1.5em; height: 1em; margin: -0.5em -0.25em 0 0; border: 0.5em solid transparent; border-right: 0; box-sizing: border-box; transform: rotate(-15deg) }
.soutez-menu-bezi .soutez-stuzka { border-color: #0A0 transparent #080 transparent }
.soutez-menu-ceka .soutez-stuzka { border-color: #EA0 transparent #C80 transparent }
.soutez-menu-skoncila .soutez-stuzka { border-color: #AA8 transparent #886 transparent; opacity: 0.75 }
.soutez-menu-balicek+li a { position: relative }
.soutez-menu-balicek+li a:after { content: ""; position: absolute; width: 5em; max-width: calc(100% - 12.5em); height: 3.75em; right: 1em; bottom: 0.5em; background: url(souteze/balicek.png?v=2) no-repeat 100% 50%; background-size: contain; pointer-events: none; -o-pointer-events: none; -ms-pointer-events: none; -moz-pointer-events: none; -webkit-pointer-events: none; filter: hue-rotate(0deg) saturate(1.5) brightness(1); transition: 0.25s filter }
.soutez-menu-balicek:hover+li a:after { filter: hue-rotate(20deg) saturate(1) brightness(1.2); }
.soutez-menu-balicek+li:hover a:after { filter: hue-rotate(-70deg) saturate(1.5) brightness(1); }

.sekce-s .nastenka-prispevek { background: #FFFFD0; background: rgba(255,255,208,0.667); background: radial-gradient(farthest-corner at 45px 45px, rgba(255,255,208,1), rgba(255,255,208,0.25)); border-radius: 1.6em; box-shadow: 1px 1px 2px rgba(0,0,0,0.125); }
.sekce-s .nastenka-prispevek.target, .sekce-s .nastenka-prispevek:target { box-shadow: 0 0 0 2px #C78300 }
.sekce-s .nastenka-info { border-bottom: 2px dotted #C78300; }
.sekce-s .nastenka-text { box-shadow: 0 0 1.5em rgba(170,102,0,0.16) }

.sekce-s .content { background: #FFF585 url('layout/sekce-s.png?2021') 50% 0 }
.sekce-s .col-abc { padding: 0 3%; width: auto }
.sekce-s .col-ab { width: 63%; left: 0; margin: 0 0 0 3%; float: left; min-height: 50px }
.sekce-s .col-c { width: 27.5%; margin: 0 0 0 3.5%; float: left }
.sekce-s .bocni-menu { background: rgba(255,255,208,0.667); background: radial-gradient(farthest-corner at 45px 45px, rgba(255,255,208,1), rgba(255,255,208,0.25)); box-shadow: 1px 1px 2px rgba(0,0,0,0.125); border-radius: 1em; overflow: visible; margin: 0.75em 0 0 0 }
.sekce-s .bocni-menu ul a:before { border-color: #C78300 }
.sekce-s .bocni-menu ul a:hover { box-shadow: 0 1px 0 rgba(128, 99, 0, 0.25), 0 -1px 0 rgba(128, 99, 0, 0.25) }
.sekce-s .bocni-menu h2 { background: #FC0; text-shadow: 1px 1px 0 #806300, -1px -1px 0 #806300, -1px 1px 0 #806300, 1px -1px 0 #806300, 1px 0 0 #806300, -1px 0 0 #806300, 0 1px 0 #806300, 0 -1px 0 #806300, 0 0.125em 0.25em rgba(0, 0, 0, 0.5); box-shadow: 0 0.125em 0.25em rgba(128, 99, 0, 0.25); background: linear-gradient(-10deg, #FFCC00 15%, #ECB300, #FFCC00 85%); border: 0.125em solid rgba(0,0,0,0.1); border-radius: 1em 1em 0 0; padding: 0.25em 1em; text-align: center; margin: 0 -2px 0 -1px; }
.sekce-s .bocni-menu ul a.act:before { background: #C78300 }
.sekce-s .bocni-menu ul a.act:hover { box-shadow: none }
.sekce-s .bocni-menu .prelom:before { content: ""; display: block; height: 1px; background: linear-gradient(90deg, rgba(199, 131, 0, 0), rgba(199, 131, 0, 0.333) 2.25em, rgba(199, 131, 0, 0)) }
.sekce-s .bocni-info { font-size: 108.33%; line-height: 1.4em; margin: 1.5em 0 0 0 }
.sekce-s .boxik { background: #FFF; box-shadow: 1px 1px 2px rgba(0,0,0,0.125), 0 0 0.125em rgba(0,0,0,0.2) inset }
.sekce-s .nastenka-prispevek .boxik { background: #FFFFD0; box-shadow: none; border: 1px #FFF585 solid }
.sekce-s .col-ab .bocni-info { text-align: center }
.sekce-s .mimoblok { margin: 1em 0 1em 0; line-height: 1.45 }

.soutez-predel { border: 1px solid #C78300; height: 2px; box-sizing: border-box; margin: 1.5em 2.5em }
.soutez-hodnoceni { width: 8.75em; margin: 0.5em auto 0; font-size: 125% }
.soutez-hodnoceni:after { content: ""; padding: 0; clear: both; display: block }
.soutez-hlas { float: right; width: 1.75em; height: 1.5em; margin-bottom: 0.25em; background: red; background: url(souteze/tlapky.png) 0 0 no-repeat; background-size: cover; position: relative; cursor: pointer }
.soutez-hlas:hover, .soutez-hlas:hover~.soutez-hlas, .soutez-hlasovano, .soutez-hlasovano~.soutez-hlas { background-position: 0 100%; }
.soutez-hlas:after, .sekce-s .prispevek-hlas:after { content: attr(data-title); position: absolute; right: 50%; bottom: 95%; font-size: 60%; font-weight: bold; white-space: nowrap; background: #FC0; text-shadow: 1px 1px 0 #806300, -1px -1px 0 #806300, -1px 1px 0 #806300, 1px -1px 0 #806300, 1px 0 0 #806300, -1px 0 0 #806300, 0 1px 0 #806300, 0 -1px 0 #806300, 0 0.125em 0.25em rgba(0, 0, 0, 0.5); box-shadow: 0 0.125em 0.25em rgba(128, 99, 0, 0.25); background: linear-gradient(-10deg, #FFCC00 15%, #ECB300, #FFCC00 85%); border: 0.125em solid rgba(0,0,0,0.1); color: #FFF; padding: 0.333em 0.75em; margin-right: -0.25em; border-radius: 1em; opacity: 0; transition: 0.25s; transform: rotate(-30deg); transform-origin: 100% 100%; pointer-events: none; -o-pointer-events: none; -ms-pointer-events: none; -moz-pointer-events: none; -webkit-pointer-events: none; }
.soutez-hlas:hover:after, .sekce-s .prispevek-hlas:hover:after { opacity: 1; transform: rotate(30deg); transform: rotate(30deg) translate3d(0px,0px,1px); }
.soutez-hlas:nth-child(5):hover:after { transform: rotate(15deg); transform: rotate(15deg) translate3d(0px,0px,1px); }
.soutez-zizalka { display: block; position: relative; height: 0.25em; border: 1px solid #C78300; border-radius: 0.5em; overflow: hidden; background-clip: border-box; clear: both; margin-bottom: 0.25em }
.soutez-zizalka-vypln { position: absolute; left: 0; top: -2px; bottom: -2px; background: #C78300 }
.sekce-s .prispevek-hlas:after { font-size: small }

.soutezni-ucast { background: #FFFFD0; font-size: 117%; padding: 0 0 0.75em; margin: 0 0 1em 0; border-radius: 1.365em; overflow: hidden; box-shadow: 1px 1px 2px rgba(0,0,0,0.125), 0 0 0.125em rgba(0,0,0,0.1) inset; border-top: 1px solid rgba(192,149,0,1) }
.soutezni-ucast table { width: 100%; border-collapse: collapse; }
.soutezni-ucast th { padding: 0.25em 0.6em 0.25em 1.2em; text-align: right; vertical-align: top; width: 1px; white-space: nowrap }
.soutezni-ucast td { padding: 0.25em 1.2em 0.25em 0 }
.soutezni-ucast dl { margin: 0 }
.soutezni-ucast dd { margin: 0 0 0 2.5em }
.soutezni-ucast dd+dt { margin: 0.2em 0 0 0 }
.soutezni-ucast-nadpis { font-size: 120%; border-bottom: 2px solid rgba(128,99,0,0.25) }
.soutezni-ucast-nadpis th { padding: 0.5em 0.5em 0.5em 1em; background: linear-gradient(270deg, #FFCC00 15%, #ECB300); }
.soutezni-ucast-nadpis td { padding: 0.5em 0 0.5em 0; background: linear-gradient(90deg, #FFCC00 15%, #ECB300) }
.soutezni-ucast-nadpis a { color: #806300; font-weight: bold }
.soutezni-ucast-nadpis td { padding: 0.5em 0 0.5em 0 }
.soutezni-ucast-nadpis td.tac { padding: 0.5em 0.25em 0.5em 0; width: 2.75em; background: #FFF; border-left: 1px solid rgba(128,99,0,0.5) }
.soutezni-ucast-nadpis+tr th,.soutezni-ucast-nadpis+tr td { padding-top: 0.5em }

h1 a.darek-oblibit { float: right; line-height: 1em; padding: 0.45em 0.5em 0.5em 1.25em; margin-right: -0.75em; font-size: 80%; transition: 0.25s; text-decoration: none; cursor: pointer }
.darek-oblibit:after { content: ""; display: inline-block; margin-left: 5px; width: 15px; height: 14px; background: url(souteze/hvezdicka.png) 50% 100%; transform: rotate(0deg); transition: 0.5s; vertical-align: middle }
.darek-oblibit.darek-znelibit:after { background-position: 50% 0; opacity: 1 }
a.darek-oblibit:hover { text-decoration: underline }
h1:hover .darek-oblibit:after { transform: rotate(360deg) }

.darky-skupina { clear: both }
.darky-skupina h2 { color: #A60; font-weight: bold; font-size: 200%; margin-top: 0.5em; border-top: 2px dotted #C78300; padding-top: 0.5em }
.darky-skupina .darek-bunka { display: inline-block; vertical-align: bottom; padding: 0 0 1em; width: 25% }
.darky-skupina .darky-uvod { width: 75%; padding: 1em 1em 1em 0; box-sizing: border-box }

.darek-vstup { display: block; width: 100%; color: #000; position: relative; text-decoration: none; padding: 0.75em 0; border-radius: 1em; transform: scale(1); transform-origin: 50% 25%; transition: 0.25s transform, 0.25s box-shadow; overflow: hidden }
.darek-vstup h3 { text-align: center; font-size: 130%; margin: 0; margin: 0 0.5em 0.5em; padding: 0.25em 0.5em; font-weight: bold; border-radius: 0.5em }
.darek-vstup:after { content: ""; position: absolute; z-index: -1; background: linear-gradient(135deg, #FFCC00 15%, #E3A800, #FFCC00 85%); left: 0; top: 0; right: 0; bottom: 0; opacity: 0; transition: 0.25s; }
.darek-vstup:hover:after { opacity: 1 }
.darek-vstup:hover { transform: scale(1.08); box-shadow: 0 0.125em 0.25em rgba(128, 99, 0, 0.25); z-index: 2; border-color: #FFF }
.darek-vstup:hover h3 { color: #FFF; text-shadow: 1px 1px 0 #806300, -1px -1px 0 #806300, -1px 1px 0 #806300, 1px -1px 0 #806300, 1px 0 0 #806300, -1px 0 0 #806300, 0 1px 0 #806300, 0 -1px 0 #806300, 0 0.125em 0.25em rgba(0, 0, 0, 0.5); }
.darek-vstup .darek-cena { position: absolute; right: 0.25em; bottom: 0.5em; transform: rotate(-10deg) }
.darek-vstup .darek-cenovka { position: absolute; right: 0.25em; bottom: 0.75em; transform: rotate(8deg); transform: rotate(8deg) translate3d(0px,0px,1px); transform-origin: -0.75em 50% }
.darek-vstup .darek-cenovka-smula { transform: rotate(-8deg); transform: rotate(-8deg) translate3d(0px,0px,1px); color: #000; bottom: 0.25em; text-shadow: none; font-size: 120%; letter-spacing: 0 }
.darek-vstup .darek-vek { position: absolute; bottom: 0.5em; left: 0.5em;  padding: 0.25em 0.5em; border: 1px solid #FFF; box-shadow: 0 0 0.5em rgba(0,0,0,0.5); font-weight: bold; transition: 0.25s; transform-origin: 50% 100% }
.darek-vstup .darek-vek:after { content: "+" }
.darek-vstup-dochazi .darek-cenovka, .darek-vstup-dochazi .darek-cenovka i:before { border-color: #C00 }
.darek-vstup .darek-posledni:before { content: "• " }
.darek-vstup .darek-posledni { position: absolute; right: 0.25em; bottom: 4em; background: #C00; background-clip: padding-box; padding: 0.25em 0.75em; color: #FFF; border: 2px solid #FFF; border-radius: 2em; box-shadow: 0 0 0.5em rgba(0,0,0,0.5); font-weight: bold; transform: rotate(-8deg); transform: rotate(-8deg) translate3d(0px,0px,1px); transition: 0.25s transform }
.darek-vstup:hover .darek-vek { transform: rotate(360deg); border-radius: 0 0 0 0.75em; }
.darek-vstup:hover .darek-vek:before { content: "od " }
.darek-vstup:hover .darek-vek:after { content: " let" }
.darek-vstup:hover .darek-vek.vek-1:after { content: " roku" }
.darek-vstup:hover .darek-posledni { transform: rotate(-8deg) translate3d(0px,0px,1px) scale(0.92593); }
.darky-vyjimecna-sleva { animation: sleva alternate 0.75s infinite }
.darek-dodavatel { max-height: 45px; max-width: 100%; vertical-align: middle }
.darek-zizalka { position: absolute; left: 0.5em; right: 0.5em; bottom: 0.25em; height: 0.15em; border: 1px solid #C78300; border-radius: 0.25em; overflow: hidden; background-clip: border-box }
.darek-zizalka-vypln { position: absolute; left: 0; top: -2px; bottom: -2px; background: #C78300 }
.darek-fotka { width: 240px; height: 12.5em; display: table-cell; vertical-align: middle; margin: auto; transition: 0.25s transform, 0.5s filter; }
.darek-fotka img { max-width: 220px; max-height: 12.5em; margin: auto; display: block; width: auto; box-shadow: 0 0 1em -0.25em rgba(0,0,0,0.5) }
.darek-fotka img[src*=".png"] { box-shadow: none; filter: drop-shadow(0 0 0.5em rgba(0,0,0,0.2)) }
.darek-vstup:hover .darek-fotka { transform: scale(0.925926) }
.darek-vstup .darek-fotka-placeholder { background: url(souteze/placeholder.png) no-repeat 50% 50%; display: block; width: 215px; height: 12em; }
.darek-vstup-text .darek-fotka, .darek-vstup-text .darek-fotka-placeholder { display: none }
.darek-vstup-text .darek-cenovka { position: relative; float: right; bottom: -0.5em; font-size: 160%; transform: none }
.darky-uvod { font-size: 116.667%; line-height: 1.45 }

@keyframes sleva {
  0%,100% { transform: rotate(8deg) }
  50% { transform: rotate(-4deg) }
}

.vek { background: #444; color: #FFF; }
.vek-0 { background: #00993D }
.vek-1 { background: #009929 }
.vek-2 { background: #009914 }
.vek-3 { background: #090 }
.vek-4 { background: #149900 }
.vek-5 { background: #299900 }
.vek-6 { background: #3D9900 }
.vek-7 { background: #529900 }
.vek-8 { background: #690 }
.vek-9 { background: #7A9900 }
.vek-10 { background: #8F9900 }
.vek-11 { background: #998F00 }
.vek-12 { background: #997A00 }
.vek-13 { background: #960 }
.vek-14 { background: #995200 }
.vek-15 { background: #993D00 }
.vek-16 { background: #992900 }
.vek-17 { background: #991400 }
.vek-18 { background: #900 }

.darek { font-size: 117% }

.darek-cenovka { border-radius: 0 0.75em 0.75em 0; padding: 0 0.5em; margin-left: 2em; position: relative; line-height: 2.5em; display: inline-block; font-size: 150%; word-spacing: -0.1ch; letter-spacing: -0.05em; font-weight: bold }
.darek-cenovka-zizalka { padding: 0 0.5em 0.5em 0.5em; line-height: 2em }
.darek-cenovka { background: #ECB300; text-shadow: 1px 1px 0 #806300, -1px -1px 0 #806300, -1px 1px 0 #806300, 1px -1px 0 #806300, 1px 0 0 #806300, -1px 0 0 #806300, 0 1px 0 #806300, 0 -1px 0 #806300, 0 0.125em 0.25em rgba(0, 0, 0, 0.5); box-shadow: 0 0.125em 0.25em rgba(128, 99, 0, 0.25); background: linear-gradient(-10deg, #FFCC00 15%, #ECB300, #FFCC00 85%); color: #FFF; border: 0.125em solid rgba(0,0,0,0.1); border-left: 0; min-width: 2.5em; text-align: center }
.darek-cenovka i { position: absolute; right: 100%; margin-right: -0.125em; width: 2em; height: 2.5em; top: -0.125em; padding: 0.125em; overflow: hidden; -webkit-mask-image: radial-gradient(circle at 1.45em 1.45em, transparent 0.1em, #000 0.1em) }
.darek-cenovka i:before { content: ""; position: absolute; right: 0.05em; top: 50%; height: 2.5em; border-radius: 0.75em 0 0 0; width: 2.5em; transform-origin: 50% 50%; background: linear-gradient(65deg, #FFCC00 15%, #ECB300, #FFCC00 85%); transform-origin: 100% 0; transform: translateY(-0.025em) translateY(-50%) scaleY(0.707) rotate(-45deg); border: 0.175em solid rgba(0,0,0,0.1); }
.darek-cenovka i:after { content: ""; position: absolute; right: 0.75em; top: 1.375em; width: 0.125em; height: 0.125em; background: #FFF; border-radius: 1em; box-shadow: 0 0 0 0.15em rgba(0,0,0,0.1); }
.darek-cenovka .darek-zizalka { position: absolute; left: 0.5em; right: 0.5em; bottom: 0.45em; height: 0.2em; border: 1px solid #FFF; border-radius: 0.25em; overflow: hidden; background-clip: border-box; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25), 0 0.125em 0.125em rgba(0, 0, 0, 0.25) inset }
.darek-cenovka .darek-zizalka-vypln { position: absolute; left: 0; top: -2px; bottom: -2px; background: #FFF }
.darek-cenovka s { position: absolute; top: 0; left: 0; right: 0; text-align: center; font-size: 75%; line-height: 1.25em; opacity: 0.666; text-decoration: none }
.darek-cenovka s:before { content: ""; position: absolute; top: 45%; left: 0.8em; right: 0.8em; border-top: 2px solid #FFF; transform: rotate(7deg); box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25); z-index: 2 }
.darek-cenovka-sleva { font-size: 180% }
.darek-cenovka-smula { font-size: 120%; letter-spacing: 0 }

.darek .blok-souvisejici { float: left }
.darek .blok-souvisejici h2 { font-size: 150%; font-weight: normal; margin: 0 }
.darek .blok-souvisejici ul { padding: 0 0 0 0.5em }

.darek p { margin: 0.75em 0 }
.darek h1 { font-size: 220%; color: #A60; margin: 0 0 0.6em; font-weight: normal; text-align: center }
p.darek-temata { text-align: center; margin: -1em 0 1.5em }
.darek h2 { font-size: 180%; color: #A60; overflow: hidden; margin: 0 0 0.5em }
.darek>img, .darek>.link-youtube { max-width: 600px; max-height: 600px; float: left; margin-right: 1em }
.darek>.link-youtube { width: 600px; min-height: 337px }
.darek ul { display: table; padding-left: 1.5em }
.darek-cena-obal { text-align: center; font-size: 120%; margin: 1em 0; display: block; overflow: hidden }
.darek-cena-obal .darek-cenovka { margin: 0.75em 0 0.75em -0em; }

.sekce-s .vstup { border-color: #FFD400; background: rgba(255,255,208,0.667); background: radial-gradient(farthest-corner at 45px 45px, rgba(255,255,208,1), rgba(255,255,208,0.25)); margin: 1em 0; float: left }
.sekce-s .vstup h3 { color: #A50; border-color: #FFD400 }

/* konta */
.konto { width: 100%; border-spacing: 0 0.333em; font-size: 133.333% }
.konto td { border-left: 1px solid rgba(0,0,0,0.25); padding: 0.5em 0.75em }
.konto th { padding: 0.75em 0.75em 0.25em; border-left: 1px solid rgba(0,0,0,0.75); white-space: nowrap }
.konto td { background: rgba(255,255,255,0.667); background: rgba(255,255,255,0.667); color: #000 }
/*.konto tr:nth-child(2n-1) td { background: rgba(255,255,255,0.5); background: linear-gradient(0deg, rgba(255,255,255,0.35), rgba(255,255,255,0.55)); }*/
.konto .konto-cas { border-radius: 1em 0 0 1em; border-left: 0; font-size: 75%; padding: 0.6667em 1em; white-space: nowrap }
.konto .konto-cas b:first-child { display: block }
.konto .konto-pocet { border-radius: 0 0.75em 0.75em 0; text-align: right }
.konto .konto-popis { font-size: 83.333%; word-wrap: break-word; }
.konto p { margin: 0 }
.konto p+p { margin-top: 0.5em }
.konto a { color: #156994 }
.konto a:hover { color: #B9151C }
.konto .konto-autor { text-align: center; font-size: 83.333% }
.konto-soucet td { border: 0; font-size: 100%; background: #FFF; color: #000 }
.konto-soucet td:first-child { border-radius: 0.75em 0 0 0.75em }
.konto-soucet .konto-pocet { border-radius: 0 0.75em 0.75em 0 }

/* deníček */
.sekce-d .content { background: #FEC 50% 0 }
.sekce-d-po .content { background-image: url('layout/sekce-d-po.png') }
.sekce-d-ut .content { background-image: url('layout/sekce-d-ut.png') }
.sekce-d-st .content { background-image: url('layout/sekce-d-st.png') }
.sekce-d-ct .content { background-image: url('layout/sekce-d-ct.png') }
.sekce-d-pa .content { background-image: url('layout/sekce-d-pa.png') }
.sekce-d-so .content { background-image: url('layout/sekce-d-so.png') }
.sekce-d-ne .content { background-image: url('layout/sekce-d-ne.png') }
.sekce-d .col-a { width: 25%; margin: 0 0 0 2%; float: left; min-height: 1px }
.sekce-d .col-bc { width: 69%; margin: 0 2% 0 0; float: right; padding-bottom: 1.5em }
.sekce-d .col-abc { padding: 0 2%; width: auto }
.sekce-d .bocni-menu { background: transparent; margin: 0.75em 0 0 0; border-radius: 0; }
.sekce-d .bocni-menu h2 { background: #840; background: linear-gradient(20deg, #840 15%, #A50, #840 85%); border: 0 solid rgba(0,0,0,0.1); border-radius: 0; border-width: 3px; border-radius: 0; text-align: center; masrgin: 0 -2px 0 -1px; }
.sekce-d .bocni-menu .prelom:before { content: ""; display: block; height: 1px; background: #A50; opacity: 0.25 }
.sekce-d .bocni-menu table { line-height: 1.5em; width: 100%; text-align: center; border-spacing: 1px; table-layout: fixed }
.sekce-d .bocni-menu caption { padding: 0.25em 0 }
.sekce-d .bocni-menu td a { display: block; background: rgba(255,255,255,0.333); transition: 0.25s background }
.sekce-d .bocni-menu td a:hover { background: rgba(255,255,255,0.666) }
.sekce-d .bocni-menu td a.act { text-decoration: none; color: #000; background: rgba(255,255,255,0) }

/* obrázky */
.obrazky-vyjezd { width: 100%; table-layout: fixed }
.obrazky-vyjezd .obrazek-bunka { text-align: center; vertical-align: bottom; width: 200px; display: inline-block; padding: 0 10px 1.5em }
.obrazky-vyjezd h3 { font-weight: normal; font-size: 110%; }
.obrazky-vyjezd a { color: #FFF }
.obrazek-autor { display: block; font-size: 90%; padding-bottom: 0.2em }
.obrazek-datum { display: block; font-size: 90%; padding-top: 0.2em; font-style: italic }
.obrazek-upravy { display: block; font-size: 90%; padding-top: 0.2em }
.obrazek-upravy a { text-decoration: none; background: #444; color: #FFF; padding: 0.25em 0.25em; line-height: 1.75em; border-radius: 0.25em; cursor: pointer }
.obrazek-upravy select { text-decoration: none; background: #444; color: #FFF; padding: 0 0 0 0.5em; line-height: 2.75em; height: 2.75em; border-radius: 0.25em; border: 0; width: 100%; font-size: 100% }
.obrazek-upravy optgroup { background: #555; color: #FFF; font-size: 100% }
.obrazek-upravy option { background: #444; color: #FFF; font-size: 100% }
.obrazek-upravy select:focus { padding: 0 0 0 0.4em; border-radius: 0.2em; font-size: 125%; line-height: 2.2em; height: 2.2em }
.obrazek-nahled { color: #FFF; text-decoration: none; display: block; width: 200px; margin: auto; position: relative; border-spacing: 0 2px }
.obrazek-nahled>span { width: 200px; height: 150px; display: table-cell; vertical-align: middle }
.obrazek-nahled img { display: block; margin: auto; position: relative; z-index: 1 }
.obrazek-nahled:after { position: absolute; color: #F84; font-weight: bold; font-size: 120%; border: 2px solid #F62; white-space:nowrap; padding: 0.25em 0.5em; border-radius: 0.5em; right: 50%; top: 50%; transform: translateY(1.25em) translate(50%, -50%) rotate(-30deg); text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000; background: rgba(128,0,0,0.5); box-shadow: 0 0 0 2px rgba(128,0,0,0.25); z-index: 2; white-space: pre }
.obrazek-nahled[data-vyhrada]:after { content: attr(data-vyhrada) }
.obrazek-upravy { display: table; width: 200px; border-spacing: 1px 0; margin: auto }
.obrazek-upravy a { display: table-cell; padding: 0.5em 0.5em }
.obrazek-zamitnuti { display: table-cell; }

.obrazky-vyjezd-avataru .obrazek-bunka { width: 50px; padding-bottom: 0.75em }
.obrazky-vyjezd-avataru .obrazek-nahled { width: auto }
.obrazky-vyjezd-avataru .obrazek-nahled img { max-width: 50px; max-height: 60px }

.obrazky-vyjezd.bez-autora .obrazek-autor-mistni { display: none }
.obrazky-vyjezd.bez-data .obrazek-datum { display: none }
.obrazky-vyjezd.bez-uprav .obrazek-upravy { display: none }

.obrazky-vyjezd.obsahuje-mensi .chybi-mensi { pointer-events: none }
.obrazky-vyjezd.obsahuje-mensi .chybi-mensi:after { content: "p\0159\00ed li\0161  mal\00fd"; }

.obrazky-vyjezd.znama-licence .licence-neznama { pointer-events: none }
.obrazky-vyjezd.znama-licence .licence-neznama:after { content: "nezn\00e1 m\00e1  licence"; }

.obrazky-vyjezd.pouze-schvalene .ceka-na-schvaleni { pointer-events: none }
.obrazky-vyjezd.pouze-schvalene .ceka-na-schvaleni:after, .obrazky-vyjezd.oznac-neschvalene .ceka-na-schvaleni:after { content: "\010d ek\00e1  na schv\00e1 len\00ed"; color: #FD0; }

.obrazky-vyjezd .obrazek-bunka {  }

.col-p h2 { font-size: 140%; font-weight: bold; margin: 1em 0 0.5em; padding-top: 0.5em; border-top: 2px dotted rgba(255,255,255,0.4) }
.col-p h2 b { color: #F84; font-weight: bold }
.col-p h2:first-child { margin-top: 0; padding-top: 0; border-top: 0 }
.col-p p { margin-bottom: 0.5em }

.obrazek-vstup { overflow: hidden; padding-bottom: 0.5em }
.obrazek-vstup label { display: block; padding: 0.2em 0; transition: 0.25s }
.obrazek-vstup label:hover { background: rgba(32,32,32,0.5); text-shadow: 0 0 2px #FD0 }
.obrazek-vstup label[disabled] { color: #CCC; background: 0; text-shadow: none }
.obrazek-vstup label[disabled] input { opacity: 0.5 }
.obrazek-vstup label.act { color: #FE8; font-weight: bold }
.obrazek-vstup label.act input { opacity: 1 }
.obrazek-vstup table { width: 100% }
.obrazek-vstup th { width: 1px; white-space: nowrap; padding: 0.2em 0.5em 0.2em 0; text-align: left }
.obrazek-vstup input[type=text] { background: #222; background: #222 linear-gradient(0deg, #222, #111); border: 1px solid rgba(255,255,255,0.25); color: #FFF }
.obrazek-vstup input[disabled] { cursor: not-allowed; color: #CCC; background: #222 linear-gradient(0deg, #222, #111); }
.obrazek-vstup input[type=text]:focus { border-color: gold; box-shadow: 0 0 4em 0 rgba(0,0,0,0.05), 0 0 0 1px gold inset, 0 0 0 1px gold; background: linear-gradient(0deg, #222, #222); }
.obrazek-vstup input::-moz-selection { color: highlight; background: highlighttext }
.obrazek-vstup .tlacitko-mensi { margin: 0 }

.obrazek-mista { position: relative; margin: 1em 2px; width: calc(100vw - 200px - 8em) }
.obrazek-mista img { width: auto; height: auto; box-shadow: 0 0 0 2px #FFF; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAQMAAABJtOi3AAAABlBMVEXAwMD///8raYe0AAAAFElEQVQIW2NkYPjPwEhFAkRTkQAAE+4gEWpcP7wAAAAASUVORK5CYII=) }
.obrazek-mista canvas, .obrazek-mista img { max-width: 100%; max-height: 90vh }
.obrazek-mista canvas { position: absolute; left: 0; top: 0; opacity: 0.5; transition: 0.5s }
.obrazek-mista:hover canvas { opacity: 1 }

.obrazek-blok-uvod { display: none }
.obrazek-vstup-soubor .obrazek-blok-uvod { display: block }
.obrazek-vstup-soubor .obrazek-blok-editace { display: none }

#obrazek-omezeni p { background: #A10; border-radius: 0.5em; padding: 1em; margin: 0.5em 0 2em; font-weight: bold; color: #FFF; text-shadow: 1px 1px 1px #000 }

#platno .col-o { display: table-cell; width: 200px; margin: 0 1.5em 1.5em 0; vertical-align: top }
#platno .col-p { display: table-cell; width: 100%; padding: 0 1.5em 1em; vertical-align: top; }
#platno .bocni-menu { width: 200px; margin: 0 0 0.5em }
#platno .bocni-menu { background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.075)) }
#platno .bocni-menu h2 { background: transparent; color: #FFF; text-align: center; font-size: 100%; text-align: left; padding: 0.5em 0.25em; margin: 0 0.75em; border-bottom: 2px dotted rgba(255,255,255,0.4); text-shadow: none; border: 0; border-radius: 0 }
#platno .bocni-menu ul { padding: 0.5em 0 }
#platno .bocni-menu li.prelom:before { content: ""; display: block; margin: 0.5em 0.75em; border-top: 2px dotted rgba(255,255,255,0.4); background: none }
#platno .bocni-menu ul a, #platno .bocni-menu ul button { color: #FFF; background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0)); border: 0 }
#platno .bocni-menu ul button { cursor: pointer; text-decoration: underline }
#platno .bocni-menu ul a:before, #platno .bocni-menu ul button:before { border-color: #FFF }
#platno .bocni-menu ul a.act:before { background: #FFF }

#platno .bocni-menu ul a:hover { background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.1)); padding-left: 1em; padding-right: 2.25em; }
#platno .bocni-menu ul button:hover { background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.1)); padding: 0.5em 1em 0.5em 2.25em }
#platno .bocni-menu ul button:hover:before { transform: rotate(135deg); margin-left: 0 }

#platno .bocni-menu ul a.act { background: linear-gradient(90deg, rgba(255,225,255,0), rgba(255,225,255,0)); padding-right: 1em; padding-left: 2.25em; color: #FD0 }
#platno .bocni-info { padding: 1em 0.5em 1em 1.25em; clear: both; float: left; margin: 0; line-height: 1.5em }
#platno .bocni-info p { margin-bottom: 0.75em }
#platno .bocni-info b { color: #F84 }
#platno .obrazky-vyjezd { font-size: 111.111% }
#platno .obrazek-vstup { font-size: 133.333% }

#platno .nav-n4 { color: #000; margin: auto }
#platno .nav-n4 a span { color: #FE8 }

#platno { position: fixed; left: 100%; right: -100%; top: 0; height: 100%; background: #222; color: #FFF; background: rgba(34, 34, 34, 0.95); background: #000 url('layout/platno.png'); transition: 0.5s; z-index: 10 }
#platno a, #platno button { color: #FE8; text-shadow: 0 0 2px #FD0 }
#platno a:hover, #platno button:hover { color: #FD0 }
#platno-zpet { position: absolute; right: 100%; top: 0; height: 100%; width: 3.5em; background: linear-gradient(90deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.75) 3em, rgba(0, 0, 0, 1) 3em); cursor: pointer; opacity: 0; transition: 0.5s }
#platno-zpet:hover { background: linear-gradient(90deg, rgba(0, 0, 0, 0.125), rgba(0, 0, 0, 0.5)) }
#main { transition: 0.5s transform; }
#platno-obsah { width: 100%; height: 100%; overflow: auto; overflow-x: hidden; padding: 1.5em 0.5em; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 75% }
.maluje #platno { right: 0; left: 3.5em }
.maluje #platno-zpet { opacity: 1 }
.maluje { overflow: hidden }
.maluje #main { transform: translateX(-50vw) }

/* titulka */
.titulka .content {background: #EBF8BC url('layout/titulka.png') no-repeat; background-color: rgba(230,246,174,0.9) }
.titulka .content { background: url('layout/titulka.png') no-repeat, linear-gradient(180deg, rgba(230,246,174,1),rgba(255,255,255,0.85)) 50% 50%; background-size: contain, auto }
.titulka .col-ab { width: 62%; float: left; margin: 0 0 0 2.5%; left: 0; }
.titulka .col-c { width: 30%; float: right; margin: 0 2.2% 0 0; left: 0; }

.titulka .clanek-vstup { background: 0; padding: 0 0 0 1em; min-height: 175px; border-radius: 0; margin: 0; overflow: visible; float: left }
.titulka .clanek-vstup h3 { font-size: 170% }
.titulka .clanek-vstup:first-child h3 { text-shadow: 0 0 0.5em rgba(230,246,174,1), 0 0 1em rgba(230,246,174,1), 0 0 2em rgba(230,246,174,1) }
.titulka .clanek-vstup .sublink:active:after { border-radius: 0; background: linear-gradient(to left bottom, rgba(255,255,255,0.667), rgba(255,255,255,0) 50%); border: 0; top: -3px }
.titulka .clanek-vstup .clanek-fotka { left: 0; top: 0; box-shadow: 0 0 0.25em rgba(142,178,41,0.9) }

.titulka .nastenka-autor[data-titul]:before { content: none }

.titulka .clanek-vstup .clanek-autor, .titulka .clanek-vstup .clanek-cas { display: none }
.titulka .vice { display: inline-block; clear: both; text-decoration: none; border: 2px solid #888; color: #FFF; padding: 0.25em 1em; background: #ED6A00; background: linear-gradient(180deg, rgba(255,255,255,0.5), rgba(255,255,255,0) 75%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.1)) no-repeat; border-radius: 0.5em; font-size: 120%; box-shadow: 0.1em 0.1em 0.25em rgba(0,0,0,0.125); text-shadow: 1px 1px 2px rgba(0,0,0,0.5); position: relative }
.titulka .vice:hover { box-shadow: 0.1em 0.1em 0.25em rgba(0,0,0,0.25), 0 0 0 2em rgba(255,255,255,0.2) inset }
.titulka .prostor-a .vice { border-color: #E31; background-color: #E31; margin: -0.5em 0 0 0 }
.titulka .prostor-n .vice { border-color: #38D; background-color: #38D; margin: 0.25em 0 0 0 }
.titulka .prostor-v .vice { border-color: #B4E; background-color: #B4E }
.titulka .prostor-h .vice { border-color: #8A0; background-color: #8A0; margin: 0.25em 0 0 8px; clear: both }
.titulka .prostor-p .vice { border-color: #F90; background-color: #F90 }
.titulka .prostor-s .vice { border-color: #ECB300; background-color: #FC0; color: #000; text-shadow: none; margin-top: 8px }

.titulka .minikalendar:before, .titulka .minikalendar:after { content: ""; display: block; height: 2px; background: #840; background: linear-gradient(90deg, rgba(136, 68, 0, 0), #840 10%, #840 90%, rgba(136, 68, 0, 0)); width: 100%; clear: both }
.titulka .minikalendar { background: #FEC; background: linear-gradient(90deg, rgba(255, 238, 204, 0), #FEC 10%, #FEC 90%, rgba(255, 238, 204, 0)); margin: -2px 0 15px 0; padding: 2px 0; width: auto }
.titulka .minikalendar-den { width: 33.33%; float: left; border-left: 2px #840 solid; margin: 2px 0; box-sizing: border-box }
.titulka .minikalendar-den b { font-size: 200%; color: #840; float: left; padding: 0.25em; line-height: 1em; margin-top: -2px; }
.titulka .minikalendar-den small { float: right; font-size: 100%; padding: 0.5em; margin-top: -2px; }
.titulka .minikalendar-den i { clear: both; display: block; text-align: right; line-height: 2em; padding: 0 0.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.titulka .minikalendar-den-prvni { margin-left: 40px; background: linear-gradient(225deg, rgba(255,255,255,0.5), rgba(255,255,255,0.3), rgba(255,255,255,0) 6em) }
.titulka .minikalendar-den-prvni b { }
.titulka .minikalendar-den-treti { width: 30px }

.titulka .prostor-d { background: #FEC; background: linear-gradient(90deg, #FEC 130px, rgba(255, 238, 204, 0)); margin: -15px 0 15px 40px; padding: 2px 2px; border-left: 2px #840 solid; position: relative; }
.titulka .prostor-d h3 { color: #840; margin: 2px 4px }
.titulka .prostor-d:after { content: ""; position: absolute; right: 15px; top: 50%; width: 55px; height: 51px; margin-top: -22px; background: url(layout/dort.png) no-repeat }
.titulka .prostor-d ul { margin: 0 4px; padding: 2px 15px 6px; line-height: 1.5em; z-index: 1; position: relative; text-shadow: 1px 1px 0px #FEC, -1px 1px 0px #FEC, 1px -1px 0px #FEC, -1px -1px 0px #FEC; }

.titulka .prostor-n, .titulka .prostor-v, .titulka .prostor-p { margin: 15px 0 }
.titulka .nastenka-pocet { border-radius: 0 0.5em 0.5em 0}
.titulka .nastenka-jmeno a { display: block; padding: 0.5em 0.75em 0.5em 0.75em; white-space: nowrap; line-height: 1.4em; overflow: hidden }
.titulka .nastenka-jmeno span { font-size: 95%; display: inline-block; margin: 0 0.5em 0 0; vertical-align: middle }
.titulka .nastenka-jmeno img { float: none; width: 2em; height: 2.4em; margin: 0; vertical-align: middle }
.titulka .nastenky { border-spacing: 0 0.25em }
.titulka .nastenky.nastenky tr { box-shadow: 0 0 0.75em rgba(51,136,221,0.2) }
.titulka .nastenky.nastenky td { background-color: #CFE1FF }
.titulka .prostor-v:before { content: ""; display: block; border-top: 2px dotted #B4E; margin-right: 0; height: 15px }
.titulka .vtip { margin: 0 0 0.75em 0 }
.titulka .vtip-vysvetlivka .vtip-text { line-height: 0 }
.titulka .vtip-obal { background-color: #F7E8FE; box-shadow: 0 0 0.75em rgba(187,68,238,0.2) }
.titulka .vtip-hlas { font-size: small }

.titulka .prostor-h:before { content: ""; display: block; border-top: 2px dotted #8A0; margin: 0 8px; height: 7px }
.titulka .prostor-h { margin: 15px -8px; overflow: hidden }
.titulka .prostor-h .hra-vstup { font-size: 115% }
.titulka .prostor-h .vice { float: left }
.titulka .hra-vstup { margin: 0; padding: 8px; width: 142px; height: 106px; float: left; height: auto }
.titulka .hra-vstup img { height: 106px; width: 142px }

.titulka .soutez { margin: 0 0 1.75em 0; font-size: 111.11%; border-radius: 0; box-shadow: 0 0 0.5em rgba(142,178,41,0.333), 0 0 0.75em rgba(255, 224, 0, 0.25) inset; clear: both; border: 1px solid gold; border-color: gold !important; background: radial-gradient(farthest-corner at 45px 45px, rgba(255,247,192,1), rgba(255,255,208,0.125)) }
.titulka .soutez h2:before { content: attr(data-prefix); font-weight: normal }
.titulka .soutez h2:after { content: attr(data-postfix); font-weight: normal }
.titulka .soutez h2 { font-weight: bold }
.titulka .soutez-vstup .soutez-fotka { border-radius: 0 }
.titulka .soutez-vstup .soutez-stuzka, .titulka .soutez-vstup-odmena { display: none }
.titulka .soutez-vstup .sublink:after { border-radius: 0 }
.titulka .poradna-vyjezd, .titulka .nastenka-prispevek, .titulka .sraz-vstup { clear: both }
.titulka .soutez-vstup-aukce h2 { font-weight: normal; }

.titulka .prostor-s { margin: 15px -8px; clear: both }
.titulka .prostor-s:before { content: ""; display: block; border-top: 2px dotted #C78300; margin: 0 8px; height: 7px }
.titulka .darek-vstup { margin: 0 8px; display: block; width: auto }
.titulka .darek-fotka { display: block; height: auto }
.titulka .darek-fotka img { max-height: none }

/*
.titulka #hlavicka, .titulka .content { box-shadow: 0 -16px 16px rgba(0, 0, 0, 0.5)}
.titulka #footer { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.333)}
*/
.titulka .trava { padding-bottom: 0.1px; margin-bottom: 5% }
.titulka .makrela-svisla { display: none }
.titulka .makrela-kostka { display: block }


#footer { background: #0068BC url("layout/paticka.png") no-repeat scroll 0 0; background-size: contain; height: 41px; padding: 12px 0; color: #FFF; clear: both; text-align: center; display: table-cell; line-height: 2.5em; vertical-align: middle; width: 1000px; position: relative; z-index: 2 }
#footer a { padding: 0 0.333em }
#footer a, #footer a.sublink u { color: #FFF }
#footer a:hover, #footer a.sublink:hover u { color: #FFF; text-shadow: 0 0 1.25px #FFF }
#footer a.sublink { text-shadow: none }
#footer { font-size: 75% }

/* ilustrace */
.ilustrace                    { margin: 2em auto; display: block }
.ilustrace-pozorujici-doprava { background: url(ilustrace/pozorujici-doprava.png) 50% 50% no-repeat; width: 114px; height: 117px }
.ilustrace-spici              { background: url(ilustrace/spici.png) 50% 50% no-repeat; width: 138px; height: 108px }
.ilustrace-v-pozoru           { background: url(ilustrace/v-pozoru.png) 50% 50% no-repeat; width: 138px; height: 217px }
.ilustrace-stydici            { background: url(ilustrace/stydici.png) 50% 50% no-repeat; width: 107px; height: 178px }
.ilustrace-okukujici          { background: url(ilustrace/okukujici.png) 50% 50% no-repeat; width: 114px; height: 188px }
.ilustrace-lezici             { background: url(ilustrace/lezici.png) 50% 50% no-repeat; width: 201px; height: 92px; margin: 3em auto 0 }
.ilustrace-svih               { background: url(ilustrace/svih.png) 50% 50% no-repeat; width: 184px; height: 136px }
.ilustrace-pozorujici-doleva  { background: url(ilustrace/pozorujici-doleva.png) 0 50% no-repeat; width: 161px; height: 121px }
.ilustrace-pozorujici-doleva:hover { background-position: 100% 50% }
.ilustrace-za-krovim          { background: url(ilustrace/za-krovim.png?2) 50% 50% no-repeat; width: 188px; height: 171px }
.ilustrace-za-krovim-doprava  { background: url(ilustrace/za-krovim.png?2) 50% 50% no-repeat; width: 188px; height: 171px; transform: scalex(-1) }
.ilustrace-cihajici           { background: url(ilustrace/cihajici.png) 50% 50% no-repeat; width: 155px; height: 159px }
.ilustrace-predvadejici       { background: url(ilustrace/predvadejici.png) 50% 50% no-repeat; width: 101px; height: 162px }
.ilustrace-drzici             { background: url(ilustrace/drzici.png) 50% 50% no-repeat; width: 151px; height: 143px }
.ilustrace-znepokojeny        { background: url(ilustrace/znepokojeny.png) 50% 50% no-repeat; width: 111px; height: 209px }
.ilustrace-sedici             { background: url(ilustrace/sedici.png) 50% 50% no-repeat; width: 116px; height: 198px }
.ilustrace-hopsajici          { background: url(ilustrace/hopsajici.png) 50% 50% no-repeat; width: 169px; height: 136px }
.ilustrace-opirajici          { background: url(ilustrace/opirajici.png) 50% 50% no-repeat; width: 194px; height: 211px }
.ilustrace-bezici             { background: url(ilustrace/bezici.png) 50% 50% no-repeat; width: 220px; height: 126px }
.ilustrace-stopka             { background: url(ilustrace/stopka.png) 50% 50% no-repeat; width: 151px; height: 202px }
.ilustrace-klecici            { background: url(ilustrace/klecici.png) 50% 50% no-repeat; width: 138px; height: 184px }
.ilustrace-chvalici           { background: url(ilustrace/chvalici.png) 50% 50% no-repeat; width: 113px; height: 218px }
.ilustrace-pobaveny           { background: url(ilustrace/pobaveny.png?=2022) 50% 50% no-repeat; width: 184px; height: 146px }
.ilustrace-vazny              { background: url(ilustrace/vazny.png) 50% 50% no-repeat; width: 126px; height: 210px }
.ilustrace-byznys             { background: url(ilustrace/byznys.png) 50% 50% no-repeat; width: 107px; height: 198px }
.ilustrace-cekajici           { background: url(ilustrace/cekajici.png) 50% 50% no-repeat; width: 109px; height: 134px }
.ilustrace-priklepavajici     { background: url(ilustrace/priklepavajici.png) 50% 50% no-repeat; width: 147px; height: 236px }
.ilustrace-zadna              { margin: 0 auto; display: block }
.ilustrace-kacka            { height: 160px; display: block }
.ilustrace-kacka-kouka      { background: url(ilustrace/kacka-kouka.png) 50% 50% no-repeat; width: 105px }
.ilustrace-kacka-nastvana   { background: url(ilustrace/kacka-nastvana.png) 50% 50% no-repeat; width: 77px }
.ilustrace-kacka-smutna     { background: url(ilustrace/kacka-smutna.png) 50% 50% no-repeat; width: 68px }
.ilustrace-kacka-vesela     { background: url(ilustrace/kacka-vesela.png) 50% 50% no-repeat; width: 135px }
.ilustrace-kacka-prekvapena { background: url(ilustrace/kacka-prekvapena.png) 50% 50% no-repeat; width: 160px; height: 149px }
.ilustrace-kacka-ukazuje    { background: url(ilustrace/kacka-ukazuje.png) 50% 50% no-repeat; width: 131px }
.ilustrace-kacka-kvaka      { background: url(ilustrace/kacka-kvaka.png) 50% 50% no-repeat; width: 160px; height: 148px }
.ilustrace-kacka-malicka    { background: url(ilustrace/kacka-malicka.png) 50% 50% no-repeat; left: 0; right: 0; height: 34px; position: absolute; bottom: 100%; }
.ilustrace-punta              { height: 180px; display: block }
.ilustrace-punta-doleva       { background: url(ilustrace/punta-doleva.png) 50% 50% no-repeat; width: 169px }

.barva.barva-obycejna      { color: #000 }
.barva.barva-cervena       { color: #E20 }
.barva.barva-zelena        { color: #190 }
.barva.barva-modra         { color: #02E }
.barva.barva-modrozelena   { color: #0AA }
.barva.barva-fialova       { color: #A0F }
.barva.barva-zluta         { color: #A90 }
.barva.barva-oranzova      { color: #F80 }
.barva.barva-seda          { color: #777 }
.barva.barva-hneda         { color: #A40 }
.barva.barva-ruzova        { color: #F0A }

.podbarveni { padding: 1px 1px; margin: 0 -1px; border-radius: 2px }
.podbarveni.barva-obycejna    { background: #FF0 }
.podbarveni.barva-cervena     { background: #F66 }
.podbarveni.barva-zelena      { background: #4F4 }
.podbarveni.barva-modra       { background: #8AF }
.podbarveni.barva-modrozelena { background: #0FF }
.podbarveni.barva-fialova     { background: #D8F }
.podbarveni.barva-zluta       { background: #FF0 }
.podbarveni.barva-oranzova    { background: #FA0 }
.podbarveni.barva-seda        { background: #CCC }
.podbarveni.barva-hneda       { background: #D63 }
.podbarveni.barva-ruzova      { background: #F6A }
.podbarveni.barva-duhova      { background: #FF0; background: repeating-linear-gradient(90deg, #F66, #FF0, #4F4, #0FF, #8AF, #F3F, #F66 6em); background-attachment: fixed; box-decoration-break: clone }

span.spoiler { white-space: normal; transition: 0.25s background linear, 0.25s opacity linear; cursor: text }
span.spoiler img { transition: opacity 0.25s linear }
label.spoiler input { vertical-align: middle }
label.spoiler input:checked + span.spoiler { background: currentcolor; opacity: 0.666; text-shadow: none; cursor: default }
label.spoiler input:checked + span.spoiler span.spoiler-uvnitr { visibility: hidden }
label.spoiler:hover input:checked + span.spoiler { color: highlight; opacity: 1; } 
label.spoiler { white-space: nowrap }

ul.klady-a-zapory { margin: 0 0 0.75em 0 }
ul.klady-a-zapory li { display: block; padding-left: 1.25em; min-height: 1.5em; }
ul.klady-a-zapory li:before { content: "\2022  "; float: left; margin-left: -0.8em; transform: scale(1.5); transform-origin: 100% 50% }
ul.klady-a-zapory li[type="disc"]:before { content: "+ "; color: #080 }
ul.klady-a-zapory li[type="circle"]:before { content: "\2212  "; color: #C00 }

.kviz { clear: both }
.kviz-vysledek, .kviz-vysvetlivka { display: none; border-left: 2px solid #000; border-color: currentcolor; padding-left: 0.5em; margin: 0 0 0.5em 0 }
.kviz-vysledek[data-uvod]:before { content: attr(data-uvod) ":"; font-weight: bold; display: block; background: #555; padding: 0.1666em 0.5em; margin: 0 0 0.333em -0.5em; color: #FFF; border-radius: 0 0.75em 0.75em 0; }
.kviz-otazka { margin: 0 0 0.75em 0 }
.kviz-odpoved { display: block; padding: 0.1666em 0.5em 0.1666em 2em; margin: 0 0.5em 0 -0.5em; border-radius: 0.75em; cursor: pointer; overflow: hidden; position: relative }
.kviz-odpoved:hover { background: rgba(117,207,245,0.15) }
.kviz-odpoved>input { position: absolute; right: 100%; margin-right: -1.5em; top: 0; height: 1.4em }
.kviz-odpoved>input:focus { outline: none }
.kviz-odpoved>input + span:before { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 0; box-shadow: 0 0 0 0 rgba(117,207,245,0.15); transition: 0.33s ease-in; border-radius: 0.75em }
.kviz-odpoved+br { display: none }
.kviz-odpoved>input:checked + span { text-shadow: 1px 1px 1px rgba(0,0,0,0.2) }
.kviz-odpoved>input:checked + span:before { box-shadow: 0 0 0 960px rgba(117,207,245,0.15) }
.kviz-odpoved-znama:after { content: " (" attr(data-body) ")"; vertical-align: bottom; font-size: 80% }
.kviz .tlacitko { margin: auto; display: block; width: 10em; text-align: center }
.kviz-vyreseny .kviz-odpoved-znama>input + span:before { content: none; }
.kviz-vyreseny .kviz-vysvetlivka { display: block; border-left-color: #666 }
.kviz-vyreseny .kviz-odpoved>input { opacity: 0.25 }
.kviz-vyreseny .kviz-odpoved { background: 0; cursor: default }
.kviz-vyreseny .kviz-odpoved-nicmoc { background: rgba(192, 168, 0, 0.125) }
.kviz-vyreseny .kviz-odpoved-skvela { background: rgba(0, 191, 0, 0.125) }
.kviz-vyreseny .kviz-odpoved-spatna { background: rgba(255, 64, 0, 0.125) }
.kviz-vyreseny .kviz-odpoved-znama>input { opacity: 1 }
.kviz .obsah-obrazek { display: inline-block; margin: 0 0 0.5em 0; vertical-align: top; width: 100% }

.normafont { font-size: 56px }

.tajenka, .tajenka-vysledek { margin: 0.75em 0; }
.tajenka-tabulka { position: relative }
.tajenka-tabulka td:first-child { text-align: right; line-height: 1em; font-size: 120% }
.tajenka-tabulka td[colspan] { padding: 0 0.25em }
.tajenka-tabulka { margin: 0.75em auto; width: 100%; table-layout: fixed; border-collapse: collapse }
.tajenka-tabulka input, .tajenka-tabulka textarea { position: absolute; left: -1000em; top: 50%; width: 1px; height: 1px; padding: 0; overflow: hidden; opacity: 0; font-size: 16px; z-index: 10; pointer-events: none; -o-pointer-events: none; -ms-pointer-events: none; -moz-pointer-events: none; -webkit-pointer-events: none; }
.tajenka-tabulka span { position: relative; display: block; font-size: 150%; height: 0; margin: 0 -1px -1px 0; padding: 0 0 100%; line-height: 1.5em; text-align: center; background: #FFF; border: 1px solid #000; font-family: Consolas, Courier New, monospace; text-transform: uppercase; cursor: text; border-radius: 0 }
.tajenka-tabulka th span { padding-bottom: 10%; border-radius: 20% 20% 0 0/100% 100% 0 0 }
.tajenka-tabulka span:after { content: attr(data-znak); position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.tajenka-tabulka td { position: relative }
.tajenka-tabulka [tajenka-focus]:before { content: ""; position: absolute; z-index: 2; left: 2px; font-size: 150%; width: 0.2em; top: 1px; height: 1.5em; top: calc(2px); height: calc(100% - 3px); border: 1px solid highlight; background: highlight; animation: tajenka-kurzor 0.35s infinite alternate; box-sizing: border-box; pointer-events: none; -o-pointer-events: none; -ms-pointer-events: none; -moz-pointer-events: none; -webkit-pointer-events: none; }
.tajenka-tabulka span[data-fixni] { background: rgba(0,0,0,0.25); border-color: rgba(0,0,0,0.25); color: #FFF; pointer-events: none; -o-pointer-events: none; -ms-pointer-events: none; -moz-pointer-events: none; -webkit-pointer-events: none; }
.tajenka-vysledek { display: none; border-left: 2px solid #000; border-color: currentcolor; padding-left: 0.5em; margin: 0.75em 0 }
.tajenka-vysledek[data-uvod]:before { content: attr(data-uvod); font-weight: bold; display: block; background: #555; padding: 0.1666em 0.5em; margin: 0 0 0.333em -0.5em; color: #FFF; border-radius: 0 0.75em 0.75em 0; }
@keyframes tajenka-kurzor {
  0%, 55% { background: highlight }
  90%, 100% { background: highlighttext }
}

.anketa-dotaz { text-shadow: 1px 1px 1.5px rgba(0,0,0,0.2); }
.anketa-dotaz:before { content: attr(data-symbol); text-align: center; float: right; width: 2.4em; height: 1.9em; margin: 0 0 0 0.5em; max-width: 38px; max-height: 29px; background: url("layout/bublinka.png") 50% 50% no-repeat; background-size: contain; font-family: Courier New, Consolas, monospace; padding-right: 0.2em; box-sizing: border-box }
.anketa-odpoved { clear: both; border-radius: 0.5em; overflow: hidden; }
.anketa-odpoved>label { display: block; padding: 0.1666em 0.5em 0.1666em 2em; margin: 0; cursor: pointer; border-radius: 0.5em; position: relative }
.anketa-odpoved>label:hover { background: rgba(160,160,191,0.15) }
.anketa-odpoved>label>input { position: absolute; right: 100%; margin-right: -1.5em; top: 0; height: 1.4em }
.anketa-odpoved>label>input:focus { outline: none }
.anketa-odpoved>label>input:checked ~ span { font-weight: bold }
.anketa-odpoved>label>input:checked + span:before { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 0; box-shadow: 0 0 0 960px rgba(160,160,191,0.25) }
.anketa-odpoved p { margin-bottom: 0 }
.anketa-zakazana .anketa-odpoved>label { cursor: default }
.anketa-zakazana .anketa-odpoved>label:hover { background: 0 }
.anketa-odpovidajici { text-align: right; font-size: 100%; padding: 0 0 0.5em 2em }
.anketa-odpovidajici img { vertical-align: middle; height: 1.8em; width: 1.5em }
p.anketa-info { color: #666; font-style: italic; line-height: 1.4em; margin: 0.25em 0 }

.boxik { background: #EEE; padding: 1em; border-radius: 0.75em; box-sizing: border-box; position: relative; clear: both; margin: 0 0 0.5em 0; }
.boxik p:last-child, .boxik ul:last-child, .boxik ol:last-child { margin-bottom: 0 }
.boxik:before { content: ""; position: absolute; left: 0.5em; right: 0.5em; height: 6px; top: -2px; border-radius: 12px/2px; }
.boxik-vlevo:before, .boxik-vpravo:before { top: 0.5em; bottom: 0.5em; height: auto; width: 6px; border-radius: 2px/12px; }
.boxik-vpravo { float: right; width: 40%; margin: 0 0 0.5em 0.875em; clear: right }
.boxik-vlevo { float: left; width: 40%; margin: 0 0.875em 0.5em 0; clear: left }
.boxik-vpravo:before { left: -2px; right: auto }
.boxik-vlevo:before { right: -2px; left: auto }

.boxik.barva-cervena:before     { background: #F10; box-shadow: 0 0 6px -1px #F10 }
.boxik.barva-zelena:before      { background: #1A0; box-shadow: 0 0 6px -1px #1A0 }
.boxik.barva-modra:before       { background: #02E; box-shadow: 0 0 6px -1px #02E }
.boxik.barva-modrozelena:before { background: #0BB; box-shadow: 0 0 6px -1px #0BB; background: radial-gradient(circle at center, #0FF, #0BB) }
.boxik.barva-fialova:before     { background: #A0F; box-shadow: 0 0 6px -1px #A0F }
.boxik.barva-zluta:before       { background: #A90; box-shadow: 0 0 6px -1px #B90; background: radial-gradient(circle at center, #FD0, #B90) }
.boxik.barva-oranzova:before    { background: #F80; box-shadow: 0 0 6px -1px #F80 }
.boxik.barva-seda:before        { background: #777; box-shadow: 0 0 6px -1px #777 }
.boxik.barva-hneda:before       { background: #A40; box-shadow: 0 0 6px -1px #A40 }
.boxik.barva-ruzova:before      { background: #F0A; box-shadow: 0 0 6px -1px #F0A }
.boxik.barva-duhova:before      { background: linear-gradient(90deg, #F66, #F66 3px, #FF0, #4F4, #0FF, #8AF, #F3F, #F66); box-shadow: 0 0 6px -1px #CCC }
.boxik-vlevo.barva-duhova:before, .boxik-vpravo.barva-duhova:before  { background: linear-gradient(180deg, #F66, #F66 3px, #FF0, #4F4, #0FF, #8AF, #F3F, #F66) }