html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { }
input:focus, textarea:focus { outline:0; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
label { cursor:pointer; }
img { display:block; }
iframe { }
input[type=submit] { -webkit-appearance: none; }
::selection { text-shadow:none !important; background:#FFD900; color:#111; }
::-moz-selection { text-shadow:none !important; background:#FFD900; color:#111; }
.right { float:right !important; }
.left { float:left !important; }
.clear { clear:both; display:block; height:0; overflow:hidden; }
.none { display:none; }
.br { display:block; }
@keyframes animatedBackground {
from { background-position: 25% 0; }
to { background-position: 100% 0; }
}
@keyframes animatedBackground_infinite {
from { background-position: 100% 0; }
to { background-position: 80% 0; }
}
@keyframes animatedAkce {
0% { margin-top:-58px; }
93% { margin-top:-58px; }
98% { margin-top:-63px; }
99% { margin-top:-62px; }
100% { margin-top:-63px; }
}
@keyframes animatedColor {
from { filter:brightness(100%) contrast(100%); }
to { filter:brightness(80%) contrast(200%); }
}
@keyframes animatedBlock {
from { filter:brightness(100%) contrast(100%); }
to { filter:brightness(80%) contrast(110%); }
}
body { background:#000; line-height: 1.4; font-size:20px; font-family: 'PT Sans', sans-serif; }
header { animation: animatedBackground 25s linear 1 alternate; border-top:6px solid #00d3fe; height:600px; border-bottom:2px solid #fab907; margin-bottom:3px; box-shadow: 0 2px 15px 0 #000 inset; background-position: 67% 0; }
header a.logo { margin: 555px auto 0 auto; width: 496px; height:50px; display:block; background:url('/img/logo_n.png') center bottom no-repeat; text-decoration: none; }
header a.logo:hover { opacity:0.95; }
header .dnes_otevreno { display:block; text-decoration:none; text-align: center; color: #ddd; top: 350px; font-size: 18px; text-transform: uppercase; background: rgba(23,71,81,0.25); padding: 5px 0px; border-radius: 5px; width: 290px; margin: -86px auto 51px; text-shadow: 1px 1px 0 #000; }
header .dnes_otevreno:hover { color: #fff; background: rgba(23,71,81,0.45); }
header h1 { opacity:0.3; text-transform:uppercase; margin: -86px 0 0 0; position: absolute; font-size: 75px; color: #20C4F2; width: 39%; height: 100px; overflow: hidden; letter-spacing:-2px; }
header h1:nth-of-type(1) { text-align: right;}
header h1:nth-of-type(2) { right:0; text-align: left; }
header h1 ul li { display:none; list-style-type:none; }
header.anim_2 { animation: animatedBackground_infinite 10s linear infinite alternate; }
header .links { position:absolute; top:20px; right:20px; width: 280px; text-align: right; }
header .links a { color: #28556c; text-decoration: none; }
header .links a.lang { display: inline-block; margin-right: 5px; border: 1px solid transparent; padding: 1px 6px; border-radius: 5px; }
header .links a.lang:hover { color: #01a6f7; border: 1px solid #002a42; }
header .links a.lang.active { color: #0198E1; }
nav { border-top:3px solid #00d3fe; }
nav .obal { background:#FAB907; margin-top:5px; }
nav .obal .in { width:1600px; margin:0 auto; text-align:center; }
nav .obal .in a { display: inline-block; color: #000; text-decoration: none; font-weight: bold; padding: 10px 17px; border-right: 1px solid rgba(0,0,0,0.4); }
nav .obal .in a:last-child { border-right:0; }
nav .obal .in a:hover, nav .obal .in a.focus { background:#fbce53; text-shadow:1px 1px 0 #fcd46a; box-shadow: 0 0px 30px 0 rgba(250,185,7,0.6); }
nav .obal .in a.focus { box-shadow: 0 0px 80px 5px rgba(250,185,7,0.6); }
nav .obal .in a:first-child:hover { border-left: 1px solid rgba(0,0,0,0.3); margin-left:-1px; }
nav .obal .in a:last-child:hover { border-right: 1px solid rgba(0,0,0,0.3); margin-right:-1px; }
nav .obal .in a.active:first-child:hover { border-left: 0; margin-left:0; }
nav .obal .in a.active:last-child:hover { border-right: 0; margin-right:0; }
nav .obal .in a.active { background: #00D3FE; color: #00161a; text-shadow: 1px 1px 0 #17dfff; border-color: #00a5c0; box-shadow: 0 0 15px 0 rgba(0,0,0,0.2), 0 0 10px 0 rgba(255,255,255,0.5) inset; }
nav .obal .in a:last-child.active { border-right: 1px solid rgba(0,0,0,0.2); }
nav .obal .in a ~ a.active { margin-left: -1px; border-left: 1px solid #d39b05; }
nav .obal .in a div, nav .obal .in div.akcni_cena_2 { animation: animatedAkce 6s ease infinite alternate; font-size: 13px; margin:-58px 0 0px -136px; text-transform: uppercase; position: absolute; background: #D93425; color: #fff; padding: 0px 10px; border-radius: 2px; text-shadow:none !important; }
nav .obal .in a div::after { text-shadow: 0 3px 0px #000; content: '▼'; position: absolute; margin: 18px 0 0 -93px; color: #D93425; padding: 0px 0px; font-size: 18px; line-height: 8px; width: 16px; }
nav .obal .in div.akcni_cena_2 { cursor:pointer; display:none; position: static; margin: -2px 0 0px 0 !important; border-radius: 0; border-bottom: 3px solid #000000; font-size: 16px; padding: 2px 2%; animation: none; }
nav.sub { border:0; margin-top: -40px; margin-bottom: 40px; }
nav.sub .obal { margin-top: 0px; background: url('/img/poz_submenu.png'); border-top: 1px solid #03192d; }
nav.sub .obal .in { text-align:left; width:1431px; }
nav.sub .obal .in a { padding:6px 20px 5px; color:#d0e5fc; border:0; border-right:1px solid #021d40; font-weight: normal; font-size: 17px; height: 32px; line-height: 32px; }
nav.sub .obal .in a.active { background:#053763; box-shadow:none; text-shadow:1px 1px 0 #042746; }
nav.sub .obal .in a.active:hover { background:#053763; color:#d0e5fc; }
nav.sub .obal .in a:hover { background:#042c50; color:#fff; text-shadow:1px 1px 0 #042746; box-shadow: none; border:0; border-right:1px solid #021d40; }
nav.sub .obal .in a ~ a.active { margin-left:0; border-left:0; }
nav.sub .obal .in a:first-child:hover { margin-left: 0px; }
nav.sub .obal .in a.special_ico { background-position:15px center; background-repeat:no-repeat; padding-right:20px; padding-left:45px; }
nav.sub .obal .in a.special_ico.special_vanoce { background-image:url('/img/ico_vanoce.png'); }
article {}
article .in { width:1400px; margin:0 auto; }
article .in h1 { text-shadow:1px 1px 2px #000; color: #eee; font-size: 44px; font-family: 'Teko', sans-serif; line-height: 48px; }
article .in h2 { text-shadow:1px 1px 2px #000; color: #FAB907; font-size: 40px; font-family: 'Teko', sans-serif; line-height: 44px; margin-top:40px; margin-bottom:25px; }
article .in h2.nadpis { margin-top:5px !important; }
article .in h2.nadpis span { display:inline-block; background:#FAB907; width:45px; border-radius:25px; text-align:center; color:#000; line-height:40px; height:43px; line-height: 48px; text-shadow:1px 1px 0 #c69104; }
article .in p { text-shadow:1px 1px 2px #000; color: #eee; font-size: 24px; line-height: 29px; font-weight: bold; max-width: 800px; margin: 20px 0; }
article .in strong, article .in a{ color:#00D3FE; letter-spacing: 1px; }
article .in a { letter-spacing: 0px; }
article .in a:hover { text-shadow:0 0 25px #00D3FE; }
article .in ul { text-shadow:1px 1px 2px #000; color: #eee; font-size: 24px; line-height: 29px; max-width: 800px; margin: 20px 0 20px 40px; font-weight: bold; }
article .in ul li { margin:15px 0; }
article .in ul li:nth-of-type(2n) { color:#b2d9f2; }
article .in ul li:hover { text-shadow:1px 1px 0 #000, 0 0 25px rgba(0,211,254,0.6); }
article .text_left { padding-bottom:25px; padding-top:40px; padding-bottom:25px; }
article .first { padding-top:40px; box-shadow: 0 3px 5px 0 #000 inset; background-size:cover; padding-bottom:25px; }
article .text_odd { border-bottom:2px solid #00D3FE; }
article .text_odd:nth-child(2n) { border-bottom:2px solid #FAB907; }
article .text_odd.first { border-bottom:0; }
article .text_odd.first + .text_odd { border-top:2px solid #00D3FE; }
article .text_odd p .datum { color:#FAB907; padding-right:10px; text-transform:uppercase; }
article .text_odd p.n_img { display:none; }
article .text_odd p.n_img img { display:block; width:100%; height:200px; background-size:cover; border-radius: 5px; margin-top:35px; opacity:0.75; margin-bottom: -20px; }
article .last { padding-bottom:60px !important; border-bottom:0 !important; }
article .box { width:400px; height:600px; margin-top:25px; }
article .box img { margin: 20px 2px; height: 30px; }
article .box img:hover { opacity:0.7 !important; }
article .box img:nth-of-type(2n) { margin-left:35px; }
article .count { height: 270px; font-weight: bold; text-align:center; font-size: 55px; line-height: 55px; letter-spacing: 1px; font-family: 'Teko', sans-serif; color:#fff; box-shadow: 0 0 0px 1px #000, 0 0 30px 0 #074377; border-top: 1px solid #054175; border-bottom: 1px solid #074377; }
article .count .in { width:1400px; margin:0 auto; padding:45px 0 35px; text-shadow: 2px 2px 1px #063772; }
article .count .in div { font-size: 29px; font-weight: normal; margin: -10px 0 -15px 0; }
article .count .in a { color:#fff; }
article .count .in a:hover { text-decoration:none; opacity:0.8; text-shadow:none; }
article .count .in div.subnadpis { margin-bottom:0px; font-size:35px; }
article .count .in div.icons { margin-top:25px; text-align:center; }
article .count .in div.icons .nadpis { margin-bottom:0px; }
article .count .in div.icons a { display:inline-block; margin:0 5px; }
article .count .in div.icons a img { background:#06417B; border-radius:4px; }
article .count .in div.icons a:hover { opacity:1; }
article .count .in div.icons a img:last-of-type { background:transparent; }
article .count .in div.icons a:hover img { background:#FAB907; border-radius:4px; opacity:1; }
article .count .in div.icons .fb_obal { margin-top:-30px; }
article .count.recenze { font-weight: bold; text-align:center; font-size: 35px; line-height: 37px; }
article .count.recenze .in { }
article .count.recenze .in div { margin: 5px 0 -5px 0; }
article .count.recenze .in div.fb_link { font-size: 20px; font-weight: normal; margin-bottom: -50px; color: #aaa; text-shadow: 1px 1px 0 #000; }
article .count.recenze .in div.fb_link a { color: #aaa; text-shadow: 1px 1px 0 #000; }
article .count.recenze .in ul { list-style-type:none; display:none; }
article .kamdal { height: 435px; background:transparent url('/img/pz_6.png') center top !important; overflow:hidden; padding-bottom: 15px; border-top: 0; border-bottom: 0; box-shadow: none; margin-top: -50px; }
article .kamdal .in { text-shadow:2px 2px 0 #082E53; transform: rotate(-3deg); padding-top: 90px;}
article .kamdal .zvyrazneni { font-size:65px; display:block; text-transform:uppercase; margin-top:12px; }
article .text_right { text-align:right; padding-top:35px; padding-bottom:25px; }
article .text_right .in p { max-width:100%; padding-left:580px; }
article .text_center { text-align:center; padding-top:35px; padding-bottom:25px; }
article .text_center .in h1 { font-size:110px; }
article .text_center .in h1 span { display:inline-block; width:700px; }
article .text_center .in h1 div { margin-top:80px; font-size:50px; }
article .play img { cursor:pointer; display:inline-block; margin:10px 15px 0 5px; }
article .play img:hover { filter:brightness(110%) contrast(120%); }
article .play a.trailer { display:block; margin:5px 5px 0; }
article .sub_h2 { display:block; margin-bottom:10px; margin-top:30px; color:#FAB907; text-transform:uppercase; font-size:34px; font-weight:bold; }
article .img_round { border-radius:5px; box-shadow:0 0 25px 2px #053763; border: 1px solid #fff; }
article .cenik { font-weight:bold; background:#21cafb; color:#111; border-top:8px solid #fab907; border-bottom:8px solid #fab907; box-shadow:0 0 10px 0 #04b2ee; }
article .cenik .hlavicka { background:#04b2ee; }
article .cenik .hlavicka th { padding:8px 20px 5px; border-bottom:3px solid #038fbf; }
article .cenik .radek td { padding:6px 20px; border:1px solid #038fbf; vertical-align: middle; text-align:center; }
article .cenik .radek td:nth-child(1) { border-left:0; font-weight:bold; text-align:left; }
article .cenik .radek td s { color:#333; font-weight:normal; font-size:15px; display:block; }
article .cenik .radek td a { color:#111; }
article .cenik .radek .skoly { line-height: 24px; }
article .cenik .radek .cenik_sleva { display:block; margin-bottom:5px; }
article .cenik .radek td:hover { background:#2bc6fb; }
.str_index header { background-image: url('/upoutavky/1/prekryv.png'), url('/upoutavky/1/postava.png'), url('/upoutavky/1/postava_2.png'), url('/upoutavky/1/postava_3.png'), url('/upoutavky/1/pozadi_mlha.png'), url('/upoutavky/1/pozadi_mlha_2.png'), url('/upoutavky/1/pozadi.jpg'); }
.str_pravidla header { background-image: url('/upoutavky/1/prekryv.png'), url('/upoutavky/1/postava_5.png'), url('/upoutavky/1/pozadi_mlha.png'), url('/upoutavky/1/pozadi_mlha_2.png'), url('/upoutavky/1/pozadi_3.jpg'); }
.str_priprava header { background-image: url('/upoutavky/1/prekryv.png'), url('/upoutavky/1/postava_6.png'), url('/upoutavky/1/postava_7.png'), url('/upoutavky/1/pozadi_mlha_2_2.png'), url('/upoutavky/1/pozadi_4.jpg'); }
.str_novinky header { background-image: url('/upoutavky/1/prekryv.png'), url('/upoutavky/1/postava_4.png'), url('/upoutavky/1/pozadi_mlha.png'), url('/upoutavky/1/pozadi_mlha_2.png'), url('/upoutavky/1/pozadi_2.jpg'); }
.str_arena header { background-image: url('/upoutavky/2/prekryv.png'), url('/upoutavky/2/arena_1.png'), url('/upoutavky/2/prekryv_pod.png'), url('/upoutavky/2/pozadi.jpg'); }
.str_herni_mody header { background-image: url('/upoutavky/1/prekryv.png'), url('/upoutavky/2/postava_2.png'), url('/upoutavky/2/pozadi_2.jpg'); }
.str_hudba header { background-image: url('/upoutavky/1/prekryv.png'), url('/upoutavky/2/arena_3.png'), url('/upoutavky/2/postava_3.png'), url('/upoutavky/2/postava_3_1.png'), url('/upoutavky/2/pozadi_3.jpg'); }
.str_proc_my header { background-image: url('/upoutavky/1/prekryv.png'), url('/upoutavky/2/arena_4.png'), url('/upoutavky/2/postava_4.png'), url('/upoutavky/2/postava_4_1.png'), url('/upoutavky/2/pozadi_4.jpg'); }
.str_nase_vybaveni header { background-image: url('/upoutavky/1/prekryv.png'), url('/upoutavky/2/postava_5_1.png'), url('/upoutavky/2/postava_5.png'), url('/upoutavky/2/pozadi_5.jpg'); }
.str_game_room header { background-image: url('/upoutavky/1/prekryv.png'), url('/upoutavky/3/arena_1.png'), url('/upoutavky/3/postava_1.png'), url('/upoutavky/3/postava_1_1.png'), url('/upoutavky/3/pozadi_1.jpg'); }
.str_game_room_hry header { background-image: url('/upoutavky/1/prekryv.png'), url('/upoutavky/3/arena_2.png'), url('/upoutavky/3/postava_2.png'), url('/upoutavky/3/postava_1_2.png'), url('/upoutavky/3/pozadi_2.jpg'); }
.str_galerie header { background-image: url('/upoutavky/1/prekryv.png'), url('/upoutavky/4/arena_1.png'), url('/upoutavky/4/postava_1.png'), url('/upoutavky/4/postava_1_1.png'), url('/upoutavky/4/pozadi_1.jpg'); }
.str_teambuilding header { background-image: url('/upoutavky/1/prekryv.png'), url('/upoutavky/5/arena_1.png'), url('/upoutavky/5/postava_1.png'), url('/upoutavky/5/postava_1_1.png'), url('/upoutavky/5/pozadi_1.jpg'); }
.str_teambuilding_planovani header { background-image: url('/upoutavky/1/prekryv.png'), url('/upoutavky/5/postava_2.png'), url('/upoutavky/5/pozadi_2.jpg'); }
.str_skoly header { background-image: url('/upoutavky/1/prekryv.png'), url('/upoutavky/6/postava_1.png'), url('/upoutavky/6/pozadi_1.jpg'); }
.str_skoly_planovani header { background-image: url('/upoutavky/1/prekryv.png'), url('/upoutavky/6/postava_2.png'), url('/upoutavky/6/pozadi_2.jpg'); }
.str_oslava header { background-image: url('/upoutavky/1/prekryv.png'), url('/upoutavky/7/arena_1.png'), url('/upoutavky/7/pozadi_1.jpg'); }
.str_cenik header { background-image: url('/upoutavky/1/prekryv.png'), url('/upoutavky/8/arena_1.png'), url('/upoutavky/8/pozadi_1.jpg'); }
.str_cenik_permanentky header { background-image: url('/upoutavky/1/prekryv.png'), url('/upoutavky/8/arena_2.png'), url('/upoutavky/8/pozadi_2.jpg'); }
.str_cenik_dp header { background-image: url('/upoutavky/1/prekryv.png'), url('/upoutavky/8/arena_3.png'), url('/upoutavky/8/pozadi_3.jpg'); }
.str_cenik_firma header { background-image: url('/upoutavky/1/prekryv.png'), url('/upoutavky/8/arena_4.png'), url('/upoutavky/8/pozadi_4.jpg'); }
.str_cenik_sleva header { background-image: url('/upoutavky/1/prekryv.png'), url('/upoutavky/8/arena_5.png'), url('/upoutavky/8/pozadi_5.jpg'); }
.str_kontakt header { background-image: url('/upoutavky/1/prekryv.png'), url('/upoutavky/9/arena_1.png'), url('/upoutavky/9/pozadi_1.jpg'); }
.str_kontakt_mapa header { background-image: url('/upoutavky/1/prekryv.png'), url('/upoutavky/9/arena_2.png'), url('/upoutavky/9/pozadi_2.jpg'); }
.str_kontakt_fa header { background-image: url('/upoutavky/1/prekryv.png'), url('/upoutavky/9/arena_3.png'), url('/upoutavky/9/pozadi_3.jpg'); }
@media (max-width:960px) {
.str_index header { background-position: 62% 0; animation: animatedBackground 5s ease-out 1 alternate; background-image: url('/upoutavky/1/postava.png'), url('/upoutavky/1/postava_2.png'), url('/upoutavky/1/postava_3.png'), url('/upoutavky/1/pozadi.jpg'); }
@keyframes animatedBackground { from { background-position: 54% 0; } to { background-position: 62% 0; } }
.str_pravidla header { background-position: 53% 0; animation: animatedBackground_pravidla 5s ease-out 1 alternate; background-image: url('/upoutavky/1/postava_5.png'), url('/upoutavky/1/pozadi_3.jpg'); }
@keyframes animatedBackground_pravidla { from { background-position: 45% 0; } to { background-position: 53% 0; } }
.str_priprava header { background-position: 52% 0; animation: animatedBackground_priprava 5s ease-out 1 alternate; background-image: url('/upoutavky/1/postava_6.png'), url('/upoutavky/1/pozadi_4.jpg'); }
@keyframes animatedBackground_priprava { from { background-position: 45% 0; } to { background-position: 52% 0; } }
.str_novinky header { background-position: 58% 0; animation: animatedBackground_novinky 5s ease-out 1 alternate; background-image: url('/upoutavky/1/postava_4.png'), url('/upoutavky/1/pozadi_2.jpg'); }
@keyframes animatedBackground_novinky { from { background-position: 50% 0; } to { background-position: 58% 0; } }
.str_arena header { background-position: 52% 0; animation: animatedBackground_arena 5s ease-out 1 alternate; background-image: url('/upoutavky/2/arena_1.png'), url('/upoutavky/2/pozadi.jpg'); }
@keyframes animatedBackground_arena { from { background-position: 44% 0; } to { background-position: 52% 0; } }
.str_herni_mody header { background-position: 62% 0; animation: animatedBackground_hernimody 5s ease-out 1 alternate; background-image: url('/upoutavky/2/postava_2.png'), url('/upoutavky/2/pozadi_2.jpg'); }
@keyframes animatedBackground_hernimody { from { background-position: 34% 0; } to { background-position: 62% 0; } }
.str_hudba header { background-position: 62% 0; animation: animatedBackground_hudba 5s ease-out 1 alternate; background-image: url('/upoutavky/2/postava_3.png'), url('/upoutavky/2/pozadi_3.jpg'); }
@keyframes animatedBackground_hudba { from { background-position: 54% 0; } to { background-position: 62% 0; } }
.str_proc_my header { background-position: 75% 0; animation: animatedBackground_proc_my 5s ease-out 1 alternate; background-image: url('/upoutavky/2/pozadi_4.jpg'); }
@keyframes animatedBackground_proc_my { from { background-position: 54% 0; } to { background-position: 75% 0; } }
.str_nase_vybaveni header { background-position: 42% 0; animation: animatedBackground_nase_vybaveni 5s ease-out 1 alternate; background-image: url('/upoutavky/2/postava_5_1.png'), url('/upoutavky/2/pozadi_5.jpg'); }
@keyframes animatedBackground_nase_vybaveni { from { background-position: 30% 0; } to { background-position: 42% 0; } }
.str_game_room header { background-position: 42% 0; animation: animatedBackground_game_room 5s ease-out 1 alternate; background-image: url('/upoutavky/3/postava_1_1.png'), url('/upoutavky/3/pozadi_1.jpg'); }
@keyframes animatedBackground_game_room { from { background-position: 24% 0; } to { background-position: 42% 0; } }
.str_game_room_hry header { background-position: 22% 0; animation: animatedBackground_game_room_hry 5s ease-out 1 alternate; background-image: url('/upoutavky/3/postava_1_2.png'), url('/upoutavky/3/pozadi_2.jpg'); }
@keyframes animatedBackground_game_room_hry { from { background-position: 4% 0; } to { background-position: 22% 0; } }
.str_galerie header { background-position: 78% 0; animation: animatedBackground_galerie 5s ease-out 1 alternate; background-image: url('/upoutavky/4/arena_1.png'), url('/upoutavky/4/pozadi_1.jpg'); }
@keyframes animatedBackground_galerie { from { background-position: 54% 0; } to { background-position: 78% 0; } }
.str_teambuilding header { background-position: 66% 0; animation: animatedBackground_teambuilding 5s ease-out 1 alternate; background-image: url('/upoutavky/5/postava_1.png'), url('/upoutavky/5/pozadi_1.jpg'); }
@keyframes animatedBackground_teambuilding { from { background-position: 54% 0; } to { background-position: 66% 0; } }
.str_teambuilding_planovani header { background-position: 52% 0; animation: animatedBackground_teambuilding_planovani 5s ease-out 1 alternate; background-image: url('/upoutavky/5/postava_2.png'), url('/upoutavky/5/pozadi_2.jpg'); }
@keyframes animatedBackground_teambuilding_planovani { from { background-position: 44% 0; } to { background-position: 52% 0; } }
.str_skoly header { background-position: 60% 0; animation: animatedBackground_skoly 5s ease-out 1 alternate; background-image: url('/upoutavky/6/postava_1.png'), url('/upoutavky/6/pozadi_1.jpg'); }
@keyframes animatedBackground_skoly { from { background-position: 40% 0; } to { background-position: 60% 0; } }
.str_skoly_planovani header { background-position: 59% 0; animation: animatedBackground_skoly_planovani 5s ease-out 1 alternate; background-image: url('/upoutavky/6/postava_2.png'), url('/upoutavky/6/pozadi_2.jpg'); }
@keyframes animatedBackground_skoly_planovani { from { background-position: 34% 0; } to { background-position: 59% 0; } }
.str_oslava header { background-position: 43% 0; animation: animatedBackground_oslava 5s ease-out 1 alternate; background-image: url('/upoutavky/7/arena_1.png'), url('/upoutavky/7/pozadi_1.jpg'); }
@keyframes animatedBackground_oslava { from { background-position: 31% 0; } to { background-position: 43% 0; } }
.str_cenik header { background-position: 56% 0; animation: animatedBackground_cenik 5s ease-out 1 alternate; background-image: url('/upoutavky/8/arena_1.png'), url('/upoutavky/8/pozadi_1.jpg'); }
@keyframes animatedBackground_cenik { from { background-position: 44% 0; } to { background-position: 56% 0; } }
.str_cenik_permanentky header { background-position: 48% 0; animation: animatedBackground_cenik_permanentky 5s ease-out 1 alternate; background-image: url('/upoutavky/8/arena_2.png'), url('/upoutavky/8/pozadi_2.jpg'); }
@keyframes animatedBackground_cenik_permanentky { from { background-position: 34% 0; } to { background-position: 48% 0; } }
.str_cenik_dp header { background-position: 48% 0; animation: animatedBackground_cenik_dp 5s ease-out 1 alternate; background-image: url('/upoutavky/8/arena_3.png'), url('/upoutavky/8/pozadi_3.jpg'); }
@keyframes animatedBackground_cenik_dp { from { background-position: 34% 0; } to { background-position: 48% 0; } }
.str_cenik_firma header { background-position: 46% 0; animation: animatedBackground_cenik_firma 5s ease-out 1 alternate; background-image: url('/upoutavky/8/arena_4.png'), url('/upoutavky/8/pozadi_4.jpg'); }
@keyframes animatedBackground_cenik_firma { from { background-position: 34% 0; } to { background-position: 46% 0; } }
.str_cenik_sleva header { background-position: 60% 0; animation: animatedBackground_cenik_sleva 5s ease-out 1 alternate; background-image: url('/upoutavky/8/arena_5.png'), url('/upoutavky/8/pozadi_5.jpg'); }
@keyframes animatedBackground_cenik_sleva { from { background-position: 34% 0; } to { background-position: 60% 0; } }
.str_kontakt header { background-position: 56% 0; animation: animatedBackground_kontakt 5s ease-out 1 alternate; background-image: url('/upoutavky/9/arena_1.png'), url('/upoutavky/9/pozadi_1.jpg'); }
@keyframes animatedBackground_kontakt { from { background-position: 44% 0; } to { background-position: 56% 0; } }
.str_kontakt_mapa header { background-position: 50% 0; animation: animatedBackground_kontakt_mapa 5s ease-out 1 alternate; background-image: url('/upoutavky/9/arena_2.png'), url('/upoutavky/9/pozadi_2.jpg'); }
@keyframes animatedBackground_kontakt_mapa { from { background-position: 40% 0; } to { background-position: 50% 0; } }
.str_kontakt_fa header { background-position: 54% 0; animation: animatedBackground_kontakt_fa 5s ease-out 1 alternate; background-image: url('/upoutavky/9/arena_3.png'), url('/upoutavky/9/pozadi_3.jpg'); }
@keyframes animatedBackground_kontakt_fa { from { background-position: 44% 0; } to { background-position: 54% 0; } }
}
.str_index article { }
.str_index article .first { background-image: url('/img/pz_1.jpg'); animation: animatedBlock2 2s ease-in-out infinite alternate; }
.str_index article .num_2 { background-image: url('/img/pz_3.jpg'); }
.str_index article .num_3 { background-image: url('/img/pz_5.jpg'); min-height:250px; padding-top:420px; }
.str_index article .num_4 { background-image: url('/img/pz_15.jpg'); border-top: 1px solid #00D3FE; box-shadow: 0 15px 41px 0 #00D3FE; color:#eee; }
.str_index article .num_4 .in h1, .str_index article .num_4 .in .box { margin-left:80px; }
.str_index article .count { background:#0C397C url('/img/pz_2.jpg') center top; overflow:hidden; padding-bottom: 15px; }
.str_index article .count.recenze { animation: animatedColor 8s ease-in-out infinite alternate; background:#00D3FE url('/img/pz_4.jpg') center top; border-top: 1px solid #3ED2DE; border-bottom: 1px solid #b8af14; height:auto; min-height:230px; }
.str_pravidla article .first { background-image: url('/img/pz_22.jpg'); }
.str_priprava article .first { background-image: url('/img/pz_23.jpg'); }
.str_arena article .first { background-image: url('/img/pz_26.jpg'); }
.str_arena article .text_odd { padding-bottom:60px; }
.str_arena article .num_2 { background-image: url('/img/pz_27.jpg'); }
.str_arena article .num_3 { background-image: url('/img/pz_28.jpg'); }
.str_arena article .num_4 { background-image: url('/img/pz_29.jpg'); }
.str_arena article .num_5 { background-image: url('/img/pz_30_1.jpg'); }
.str_arena article .num_6 { background-image: url('/img/pz_31.jpg'); }
.str_arena article .num_7 { background-image: url('/img/pz_32.jpg'); }
.str_arena article .num_8 { background-image: url('/img/pz_33.jpg'); }
.str_arena article .num_9 { background-image: url('/img/pz_34.jpg'); }
.str_arena article .num_10 { background-image: url('/img/pz_35.jpg'); }
.str_arena article .num_11 { background-image: url('/img/pz_36.jpg'); }
.str_arena article .num_12 { background-image: url('/img/pz_37.jpg'); }
.str_arena article .num_13 { background-image: url('/img/pz_38.jpg'); }
.str_arena article .num_14 { background-image: url('/img/pz_39.jpg'); }
.str_arena article .num_15 { background-image: url('/img/pz_40.jpg'); }
.str_arena article .num_16 { background-image: url('/img/pz_41.jpg'); }
.str_arena article .num_17 { background-image: url('/img/pz_42.jpg'); }
.str_arena article .num_18 { background-image: url('/img/pz_43.jpg'); }
.str_arena article .num_19 { background-image: url('/img/pz_44.jpg'); }
.str_herni_mody article .first { background-image: url('/img/pz_45.jpg'); }
.str_herni_mody article .num_0 { background-image: url('/img/pz_47_0.jpg'); }
.str_herni_mody article .num_1 { background-image: url('/img/pz_46.jpg'); }
.str_herni_mody article .num_2 { background-image: url('/img/pz_47.jpg'); }
.str_herni_mody article .num_3 { background-image: url('/img/pz_48.jpg'); }
.str_herni_mody article .num_4 { background-image: url('/img/pz_49.jpg'); }
.str_herni_mody article .num_5 { background-image: url('/img/pz_50.jpg'); }
.str_herni_mody article .num_6 { background-image: url('/img/pz_51.jpg'); }
.str_herni_mody article .num_7 { background-image: url('/img/pz_52.jpg'); }
.str_herni_mody article .num_8 { background-image: url('/img/pz_53.jpg'); }
.str_herni_mody article .num_9 { background-image: url('/img/pz_55.jpg'); }
.str_herni_mody article .num_10 { background-image: url('/img/pz_56.jpg'); }
.str_herni_mody article .num_11 { background-image: url('/img/pz_57.jpg'); }
.str_herni_mody article .num_12 { background-image: url('/img/pz_58.jpg'); }
.str_herni_mody article .num_13 { background-image: url('/img/pz_59.jpg'); }
.str_herni_mody article .num_14 { background-image: url('/img/pz_60.jpg'); }
.str_novinky article { }
.str_novinky article .text_odd { transform: rotate(-1deg); width: 99%; margin: 0 auto; margin-top:-20px; background-size:cover; padding-top: 70px; padding-bottom: 45px; position: relative; }
.str_novinky article .text_odd.first { transform: rotate(0deg); width: 100%; margin-top:0px; padding-bottom:60px; padding-top: 40px; }
.str_novinky article .text_odd:nth-child(2n) { transform: rotate(1deg); }
.str_novinky article .first { background-image: url('/img/pz_8.jpg'); }
.str_novinky article > .first + .text_odd { padding-top: 40px; }
.str_hudba article .first { background-image: url('/img/pz_54.jpg'); }
.str_hudba article .text_anim { background-position:top center; background-size:cover; }
.str_hudba article .text_anim p { text-shadow: 2px 2px 0px #000, 0 0 6px #000; }
.str_hudba article .num_1 { background-image: url('/img/hudba_1.jpg'); }
.str_hudba article .num_2 { background-image: url('/img/hudba_2.jpg'); }
.str_hudba article .num_3 { background-image: url('/img/hudba_3.jpg'); }
.str_hudba article .num_4 { background-image: url('/img/hudba_4.jpg'); }
.str_hudba article .num_5 { background-image: url('/img/hudba_5.jpg'); }
.str_hudba article .num_6 { background-image: url('/img/hudba_6.jpg'); }
.str_hudba article .num_7 { background-image: url('/img/hudba_7.jpg'); }
.str_hudba article .num_8 { background-image: url('/img/hudba_8.jpg'); }
.str_hudba article .num_9 { background-image: url('/img/hudba_9.jpg'); }
.str_hudba article .num_10 { background-image: url('/img/hudba_10.jpg'); }
.str_hudba article .num_11 { background-image: url('/img/hudba_11.jpg'); }
.str_hudba article .num_12 { background-image: url('/img/hudba_12.jpg'); }
.str_hudba article .num_13 { background-image: url('/img/hudba_13.jpg'); }
.str_hudba article .num_14 { background-image: url('/img/hudba_14.jpg'); }
.str_hudba article .num_15 { background-image: url('/img/hudba_15.jpg'); }
.str_hudba article .num_16 { background-image: url('/img/hudba_16.jpg'); }
.str_hudba article .num_17 { background-image: url('/img/hudba_17.jpg'); }
.str_hudba article .num_18 { background-image: url('/img/hudba_18.jpg'); }
.str_hudba article .num_19 { background-image: url('/img/hudba_19.jpg'); }
.str_hudba article .num_20 { background-image: url('/img/hudba_20.jpg'); }
.str_hudba article .num_21 { background-image: url('/img/hudba_21.jpg'); }
.str_hudba article .num_22 { background-image: url('/img/hudba_22.jpg'); }
.str_proc_my article .first { background-image: url('/img/pz_61.jpg'); }
.str_proc_my article .num_2 { background-image: url('/img/pz_62.jpg'); }
.str_proc_my article .num_3 { background-image: url('/img/pz_63.jpg'); }
.str_proc_my article .num_4 { background-image: url('/img/pz_64.jpg'); }
.str_proc_my article .num_5 { background-image: url('/img/pz_65.jpg'); }
.str_proc_my article .num_6 { background-image: url('/img/pz_77.jpg'); }
.str_proc_my article .num_7 { background-image: url('/img/pz_66.jpg'); }
.str_nase_vybaveni article .first { background-image: url('/img/pz_67.jpg'); }
.str_game_room article .first { background-image: url('/img/pz_68.jpg'); }
.str_game_room article .num_1 { background-image: url('/img/pz_66.jpg'); }
.str_game_room article .num_2 { background-image: url('/img/pz_69.jpg'); height:650px; }
.str_game_room article .num_3 { background-image: url('/img/pz_70.jpg'); }
.str_game_room article .num_4 { background-image: url('/img/pz_71.jpg'); }
.str_game_room article .num_5 { background-image: url('/img/pz_66.jpg'); }
.str_game_room_hry article .first { background-image: url('/img/pz_72.jpg'); }
.str_game_room_hry article .num_1 { background-image: url('/img/fifa.gif'); background-size:cover; background-position:center left; }
.str_game_room_hry article .num_2 { background-image: url('/img/pz_73.jpg'); }
.str_game_room_hry article .num_3 { background-image: url('/img/pz_74.jpg'); }
.str_game_room_hry article .num_4 { background-image: url('/img/pz_75.jpg'); }
.str_game_room_hry article .num_5 { background-image: url('/img/pz_76.jpg'); }
.str_game_room_hry article .num_6 { background-image: url('/img/naruto.gif'); background-size:cover; background-position:left 40%; }
.str_game_room_hry article .num_7 { background-image: url('/img/pz_78.jpg'); }
.str_game_room_hry article .num_8 { background-image: url('/img/pz_79.jpg'); }
.str_game_room_hry article .num_9 { background-image: url('/img/pz_80.jpg'); }
.str_game_room_hry article .num_10 { background-image: url('/img/pz_81.jpg'); }
.str_game_room_hry article .num_11 { background-image: url('/img/pz_82.jpg'); }
.str_game_room_hry article .num_12 { background-image: url('/img/dirt.gif'); background-size:cover; background-position:left 60%; }
.str_teambuilding article .first { background-image: url('/img/pz_83.jpg'); background-repeat:none; background-size:contain; }
.str_teambuilding_planovani article .first { background-image: url('/img/pz_85.jpg'); }
.str_skoly article .first { background-image: url('/img/pz_86.jpg'); }
.str_skoly_planovani article .first { background-image: url('/img/pz_86.jpg'); }
.str_oslava article .first { background-image: url('/img/pz_87.jpg'); }
.str_cenik article .first { background-image: url('/img/pz_88.jpg'); }
.str_cenik_permanentky .first { background-image: url('/img/pz_89.jpg'); }
.str_cenik_dp .first { background-image: url('/img/pz_90.jpg'); }
.str_cenik_firma .first { background-image: url('/img/pz_91.jpg'); }
.str_cenik_sleva .first { background-image: url('/img/pz_92.jpg'); }
.str_kontakt .first { background-image: url('/img/pz_93.jpg'); }
.str_kontakt_mapa .first { background-image: url('/img/pz_93.jpg'); }
.str_kontakt_fa .first { background-image: url('/img/pz_86.jpg'); }
.predel { background-image: url('/img/predel.png'); background-position:center bottom; width:100%; height:100px; margin-top:-90px; margin-bottom:0px; }
.tabb { margin-top:25px !important; line-height:35px !important; }
.tabb span.name { display:inline-block; width:300px; text-transform:uppercase; }
.tabb span.radek { display:block; }
.tabb span.radek:nth-child(1) { color:#ffde07; }
.tabb span.radek:nth-child(2) { color:#3f8aff; }
.tabb span.radek:nth-child(3) { color:#d900e0; }
.next { background-image: url('/img/next.png'); background-position:left top; width:100%; height:60px; margin-top:-25px; margin-bottom:-33px; position:relative; z-index:10; }
.next+.text_left { padding-top:50px; }
.next.next2 { background-image: url('/img/next2.png'); }
.vyber { background-image: url('/img/vyber.png'); background-position:center center; border-top:1px solid #012952; border-bottom:1px solid #012952; padding:30px 0 30px 0; text-align:center; margin-top:30px !important; border-radius: 30px; }
.vyber a.square { display:inline-block; width:150px; height:150px; border:2px solid #0253aa; text-align:center; font-size:21px; line-height:350px; border-radius:2px; box-shadow:0 0 20px 0 #12487F; text-decoration:none; margin:0 15px; }
.vyber a.square.active { border:2px solid #FAB907; color:#FAB907; border-radius:4px; }
.vyber a.square:nth-child(1) { background-image: url('/img/neviditelnost.jpg'); background-position:center center; }
.vyber a.square:nth-child(1):hover { background-image: url('/img/neviditelnost_2.jpg'); }
.vyber a.square:nth-child(2) { background-image: url('/img/spion.jpg'); background-position:center center; }
.vyber a.square:nth-child(2):hover { background-image: url('/img/spion_2.jpg'); }
.vyber a.square:nth-child(3) { background-image: url('/img/stit.jpg'); background-position:center center; }
.vyber a.square:nth-child(3):hover { background-image: url('/img/stit_2.jpg'); }
.vyber a.square:hover { box-shadow:0 0 22px 5px #144e8c; color:#FAB907; filter:brightness(85%) contrast(110%); }
.vyber a.square.active:hover { filter:brightness(100%) contrast(100%); }
.vyber_text_2, .vyber_text_3, .vyber_nadpis_2, .vyber_nadpis_3 { display:none; }
footer { background:#181818; }
footer .in { width: 1400px; margin: 0 auto; color: #888; display:flex; }
footer .in div.sl:nth-child(1) { width:700px; }
footer .in div.sl:nth-child(1) div { margin-bottom:20px; }
footer .in div.sl:nth-child(1) .devtea { border:0; filter: grayscale(60%); opacity:0.8; }
footer .in div.sl:nth-child(1) .devtea img { display:inline-block; }
footer .in div.sl:nth-child(1) .devtea:hover { border:0; filter: grayscale(30%); opacity:1; }
footer .in div.sl:nth-child(2) { width:350px; }
footer .in div.sl:nth-child(2) .ln { line-height:32px; margin-top: -2px; margin-bottom:20px; }
footer .in div.sl:nth-child(2) .eml { margin-top: 30px; line-height:32px; }
footer .in div.sl:nth-child(2) .eml input { padding:6px 10px; border:2px solid #111; border-radius:4px; background:#ddd; }
footer .in div.sl:nth-child(2) .eml input:nth-child(1) { width:160px; }
footer .in div.sl:nth-child(2) .eml input:nth-child(2) { width:60px; }
footer .in div.sl:nth-child(2) a.aimg { border:0; }
footer .in div.sl:nth-child(2) a img { display:inline-block; width:24px; opacity:0.5; }
footer .in div.sl:nth-child(2) a img:hover { opacity:0.9; }
footer .in div.sl:nth-child(2) a img:last-of-type { width: auto; height: 24px; }
footer .in div.sl:nth-child(2) #novinky_vysledek { font-size: 16px; margin-left: 5px; color: #FAB907; opacity: 0.7; }
footer .in div.sl:nth-child(3) { width:350px; }
footer .in div.sl:nth-child(3) .certifikace { border:0; border-bottom:1px solid #444; display:block; cursor:pointer; background:#111; padding:15px 0px 13px 18px; border-radius:10px; text-shadow: 1px 1px 0px #000; box-shadow: 0 0 0 1px #252525, 0 0 15px 0px #202020; }
footer .in div.sl:nth-child(3) .certifikace:hover { border-bottom:1px solid #666; opacity:1; box-shadow: 0 0 0 1px #252525, 0 1px 15px 0px #262626; color:#999; }
footer .in div.sl:nth-child(3) .certifikace img { float:left; margin-right:17px; margin-top: 11px; }
footer .in div.sl:nth-child(3) .certifikace .c_1 { text-transform:uppercase; font-size:14px; }
footer .in div.sl:nth-child(3) .certifikace .c_1 span { padding-right:2px; }
footer .in div.sl:nth-child(3) .certifikace .c_2 { font-weight:bold; font-size: 24px; line-height: 24px; margin:2px 0 3px; }
footer .in div.sl:nth-child(3) .certifikace .c_3 { }
footer .in div.sl:nth-child(3) .certifikace_link { font-size:13px; display:inline-block; margin-top:5px; border:0; margin-left:20px; color:#555; }
footer .in div .fixwidth { display:inline-block; width:80px; font-weight:bold; }
footer .in a { color:#898989; text-decoration:none; border-bottom:1px solid #666; padding:0 1px; }
footer .in a:hover { border:0; opacity:0.9; }
footer .in div .p { margin:50px 0 15px 0; }
footer .cookie { text-align:center; padding-top:220px; padding-bottom:40px; color:#444; }
footer .cookie a { color:#444; }
footer .cookie a:hover { text-decoration:none; color:#555; }
footer .fb_obal { margin-top:25px; }
footer .fb-page { border-radius:5px; overflow:hidden; }
/* <= IE8 */
header,nav,section,article,aside,footer,hgroup { display: block; }
@media (max-width:1600px) {
nav .obal .in { width:100%; text-align:left; }
nav.sub .obal .in { width:100%; }
article .in { width:100%; }
article .count .in { width:100%; }
footer .in { width: 100%; }
article .in h1 , article .in h2, article .in p, article .in ul { margin-left:2%; margin-right:2%; }
nav.sub { margin-bottom:30px; }
article .text_center .in h1 span { width:30%; }
footer .in { width: 94%; }
article .in ul { margin-left:60px; }
.iframe_full { width:99%; margin:0 1% 0 0; }
}
@media (max-width:1450px) {
nav .obal .in a { width: 12.58%; padding: 10px 2%; border-bottom: 1px solid #c08d04; }
nav .obal .in a div { display:none; }
nav .obal .in a:last-child { border-right: 1px solid rgba(0,0,0,0.4); width: 29.3%; }
nav .obal .in a:nth-child(7n), nav .obal .in a:nth-child(12n) { border-right: 0; }
nav.sub .obal .in a { width: 170px; }
article .count.recenze .in div.fb_link { margin-bottom:-15px; }
.str_index article .count.recenze { background-size: cover; }
footer .in { display:block; }
footer .in div.sl:nth-child(1), footer .in div.sl:nth-child(2), footer .in div.sl:nth-child(3) { width:100%; }
footer .in div.sl:nth-child(2) { margin:5% 0; }
footer .in div.sl:nth-child(3) .certifikace { width:30%; }
nav .obal .in a.active { border-right-color: #956f04; }
nav.sub .obal .in a.active { border-right-color: #021d40; }
nav.sub .obal .in a:last-child { border-right: 1px solid #021d40; }
.iframe_full { width:98%; margin:0 1%; }
nav .obal .in div.akcni_cena_2 { display:block; }
article section.text_left > .in, article section.text_right > .in { background-image: url('/img/pz.png'); padding-bottom: 60px; margin-bottom: -60px; margin-top: -30px; padding-top: 30px; }
}
@media (max-width:1350px) {
header h1 { width:34%; margin: -64px 0 0 0; font-size: 55px; }
article .text_right .in p { padding-left: 480px; }
}
@media (max-width:1250px) {
nav .obal .in a { font-size: 18px; }
article .kamdal .in { width:96%; }
}
@media (max-width:1100px) {
nav .obal .in a { width: 14.58%; padding: 10px 1%; }
footer .in div.sl:nth-child(3) .certifikace { width:40%; }
nav .obal .in a:last-child { width: 31.2%; }
nav.sub .obal .in a:last-child { width: 145px; }
}
@media (max-width:1100px) {
nav .obal .in a { width: 14.58%; padding: 10px 1%; }
header h1 { width:30%; margin: -54px 0 0 0; font-size: 45px; }
article .text_right .in p { padding-left: 300px; }
.str_arena article .text_left { background-position: 60% bottom; }
.str_arena article .text_right { background-position: 35% bottom; }
.str_herni_mody article .text_left { background-position: left top; }
.str_herni_mody article .text_right { background-position: 40% bottom; }
.str_herni_mody article .num_6, .str_herni_mody article .num_8 { background-position: 90% top; }
}
@media (max-width:959px) {
nav .obal .in a { width: 20.88%; padding: 10px 2%; }
nav .obal .in a:nth-child(7n) { border-right: 1px solid rgba(0,0,0,0.4); }
nav .obal .in a:nth-child(5) { border-right: 0; }
nav .obal .in a:nth-child(9) { border-right: 0; }
header h1 { width:28%; margin: -44px 0 0 0; font-size: 35px; }
nav.sub .obal .in a { width: 160px; padding: 8px 20px; }
nav.sub { margin-bottom:20px; }
article .text_center .in h1 span { width:10%; }
article .text_center .in h1 { font-size:80px; line-height: 75px; }
article .text_center .in h1 div { line-height: 55px; }
.str_index article .num_3 { padding-top:70px; }
header { height:500px; }
header a.logo { margin: 396px auto 0 auto; background: url('/img/logo_m.png') center bottom no-repeat; background-size: auto 100%; height:109px; }
header .dnes_otevreno { background: rgba(33,203,251,0.55); color:#000; text-shadow:1px 1px 0 rgba(33,203,251,0.25); top:0; z-index: 1000; position: relative; }
header .dnes_otevreno:hover { background: rgba(33,203,251,0.65); color:#000; }
article .in h1 , article .in h2, article .in p, article .in ul { margin-left:3%; margin-right:3%; }
article .in ul { margin-left:10%; }
nav.sub .obal .in a.special_ico { padding-left:40px; padding-right:0; }
nav .obal .in a:last-child { width: 45.8%; }
nav.sub .obal .in a:last-child { width: 160px; }
article .img_full { width:100%; }
article section.text_left > .in, article section.text_right > .in { margin-top: -20px; padding-top: 20px; }
article section.text_left { background-position:75%; }
article section.text_right { background-position: 25%; }
.str_index .num_4 .in { margin-top: -40px; padding-top: 40px; }
}
@media (max-width:859px) {
header h1 { display:none; }
nav.sub .obal .in a { width: 45.7%; padding: 10px 2%; border-bottom: 1px solid #021d40; }
nav.sub .obal .in a:hover { border-bottom: 1px solid #021d40; }
nav.sub .obal .in a:last-of-type { width: 95.1%; border-right: 0; }
article .count { background-size: cover !important; }
article .count .in { width:90%; }
article .text_right .in p { padding-left: 0px; }
article .text_center .in h1 span { width:10px; display:block; }
article .text_center { padding-bottom: 65px; }
footer .in div.sl:nth-child(3) .certifikace { width:50%; }
footer { margin-top: -70px; position: relative; z-index: 100; }
article .count.recenze .in ul { display:block; }
.str_index article .num_2 { background-size:cover; background-position:right top; }
.str_novinky article .text_odd { transform: rotate(0deg); background-image:none !important; background: linear-gradient(135deg, #000000 48%,#002a4f 100%) !important; }
.str_novinky article .text_odd:nth-child(2n) { transform: rotate(0deg); background: linear-gradient(45deg, #564300 0%,#1c1709 28%,#000000 56%) !important; }
nav.sub .obal .in a.special_ico { background-position: 150px center; padding-right:2%; padding-left:2%; }
article .text_odd p.n_img { display:block; }
article .text_odd.text_left p.n_img img { background-position:right top; }
article .count { height: auto; }
article .kamdal .in { padding-top: 50px; padding-bottom: 180px; }
.str_hudba article .text_left { background-position: center 95%; background-size: contain; background-repeat: no-repeat; padding-bottom: 36%; }
.str_hudba article .text_right { background-position: center 95%; background-size: contain; background-repeat: no-repeat; padding-bottom: 36%; }
nav.sub .obal { background:rgba(3,25,45,0.92); }
}
@media (max-width:670px) {
nav .obal .in a { width: 44.85%; padding-left: 3%; }
nav .obal .in a:nth-child(6n) { border-right: 1px solid rgba(0,0,0,0.4); }
nav .obal .in a:nth-child(4n) { border-right: 1px solid rgba(0,0,0,0.4); }
nav .obal .in a:nth-child(2n+1) { border-right: 0; }
nav .obal .in a:nth-child(12) { border-right: 0; }
article .box { width:96%; text-align:center; height:auto; }
.str_index article .num_4 .in h1, .str_index article .num_4 .in .box { margin-left:2%; margin-right:2%; font-size: 40px; }
.str_index article .num_4 { text-align: center; }
article .box img, article .box img:nth-of-type(2n) { margin: 10px; display: inline-block; }
article .kamdal .in { padding-top:60px; width:96%; }
article .kamdal .zvyrazneni { font-size: 50px; }
article .kamdal { font-size:40px; }
footer .in div.sl:nth-child(2) { margin:10% 0; }
footer .in div.sl:nth-child(3) .certifikace { width:70%; }
footer .in div .p { margin: 25px 0 15px 0; }
nav.sub .obal .in a:nth-of-type(2n):hover { border-right:0; }
nav .obal .in a:last-child.active { border-right:0; }
footer .in div.sl .maps { display: block; width: 124px; padding-left: 3px; margin-left: 82px; }
article .text_right { text-align:left; }
footer .cookie { padding-top:130px; margin: 0 1%; }
nav.sub .obal .in a { width: 94.8%; border-right: 0; padding-left: 3%; }
nav.sub .obal .in a.special_ico { padding-left:3%; padding-right: 1%; border-right: 0; }
nav .obal .in a:last-child { width: 94.8%; }
article .in h1 { font-size:40px; }
article .in h1 span.br { display:inline-block; margin-right:6px; }
article .in h1 span.br:after { content:'.'; }
.vyber a.square { margin-bottom:60px; }
.vyber { padding-bottom:10px; }
.str_arena section { background-position: bottom center; background-size: initial; background-repeat: no-repeat; }
article .kamdal .in { line-height: 34px; }
article .kamdal .zvyrazneni { line-height: 45px; }
article .cenik .hlavicka th { padding:8px 10px 5px; }
article .cenik .radek td { padding:6px 10px; }
.tabb span.name { margin: 10px 0 -5px 0; width:auto; display:block; }
article .sub_h2 { line-height: 36px; }
.str_game_room article .num_2 { background-position: center; }
.str_cenik_firma article .cenik { width: 90%; margin: 0 5%; }
@media (max-width:520px) {
header a.logo { width:100%; }
article .count .in div { margin: 10px 0 -10px 0; line-height: 26px; }
article .count .in div.icons { line-height: 40px; }
article .count .in div.icons .fb_obal { margin-top:10px; }
footer .in div.sl:nth-child(3) .certifikace { width:80%; }
nav.sub .obal .in a:hover { border-right:0; }
article .cenik .hlavicka th { padding:5px 4px 3px; }
article .cenik .radek td { padding:3px 4px; }
article .cenik { font-size:15px; }
}
@media (max-width:420px) {
article .kamdal { font-size:35px; }
article .kamdal .zvyrazneni { font-size: 40px; line-height: 42px; }
footer .in div.sl:nth-child(3) .certifikace { width:94%; }
article .in ul { margin-left:12%; }
article .count.recenze .in ul { margin-left: 3%; }
article .in h1 { font-size:42px; }
header { border-bottom: 0px; margin-bottom: 3px; }
nav .obal { margin-top:0; border-top:1px solid #00778a; }
header a.logo { margin-top:397px; }
nav.sub .obal .in a.special_ico { background-position: 140px center; }
nav .obal .in div.akcni_cena_2 { border-top: 3px solid #000000; margin-top:0 !important; }
}
@media (max-width:360px) {
nav .obal .in a { width:94.75%; border-right: 0; }
nav .obal .in a:last-child { border-right:0; }
nav .obal .in a.active { width:94.85%; }
nav .obal .in a:nth-child(2n) { border-right:0; }
}