/* */ html {margin:0; padding:0} body {margin:32px 0 0; padding:0; text-align: justify; font-family:'Open Sans',sans-serif; font-size:.875em; background:#000; color:#414141} h1, h2, h3, h4, h5, h6 {font-weight: normal} hr {border:0; height:2px; background:url("../img/default/hr.gif") repeat-x center left; display:block; margin:0; margin-top:10px; margin-bottom:10px} a {color:#C01819} a:hover {text-decoration: none} strong {color:#000} img {border: none} img.left {float: left; margin: 3px 20px 0 0} hr.video {background:transparent url("../img/default/line_video.gif") no-repeat 50%; width:100%; height:43px; border:0; margin-top:20px; margin-bottom:20px;clear:both} hr.vstupne {background:transparent url("../img/default/line_vstupne.gif") no-repeat 50%; width:100%; height:43px; border:0; margin-top:20px; margin-bottom:20px} hr.galerie {background:transparent url("../img/default/line_galerie.gif") no-repeat 50%; width:100%; height:43px; border:0; margin-top:20px; margin-bottom:20px} #anketaText {text-transform:uppercase; color:#BCBCBC; font-size:20px; margin-top:10px; margin-bottom:10px} #header {max-width: 960px; margin:0 auto; /* height: 90px; */ color: #fff; background: transparent; position:relative; padding-top:30px} #content {width: 960px; margin:0 auto; padding-top:10px; z-index:10} #buyListek {display:block; background:transparent url("../img/default/buy.gif") no-repeat center right; width:101px; height:32px; margin:auto; text-indent: -9999px} #MicrosoftTranslatorWidget {display:block; margin-top:5px; float:left; color:white; background-color:#555} #sb {position:absolute; top:9px; right:20px; text-align:right} #sb input {width:96px; height:16px; background:#F4F4F4; border:1px solid #fff; -webkit-border-radius: 2px; border-radius: 2px; padding:2px} #sb input:hover {background:#fff} #nav {width:960px; margin:0 auto; background:transparent; position:relative; list-style-type:none; text-align:justify} #nav .stretch {display:inline-block; width:100%; *display:inline; zoom:1} #nav ul {width:100%; margin:0; padding:0; display:flex; justify-content:space-between} #nav li {display:inline; margin:0; text-align:left} #nav li a {display:inline-block; font-weight:600; padding:10px; color:#fff; text-transform:uppercase; text-decoration:none; font-size:17px} #nav li .active, #nav li .family {color:#C01819; text-decoration:none} #nav li a:hover {color:#f00} #nav > ul > li:first-child > a {padding-left:0; display:block; float:left; width:30px; height:30px; background:url("../img/default/home.jpg") bottom center no-repeat; text-indent:-9999px; margin-top:-10px; margin-bottom:-10px} #nav > ul > li:first-child > a:hover {background:url("../img/default/home_h.jpg") bottom center no-repeat} #nav > ul > li.liClass9 {text-align:right} #nav > ul > li.liClass8 {text-align:center} #nav > ul > li.liClass7 {text-align:center} #nav li ul {display: none; position: absolute; z-index:9999; padding: 0; margin: 0; background:#1F1F1F} #nav li ul li {display: block; border-bottom: 1px solid #484548; padding: 0} #nav li ul li.arrow {background-color: #322f32; background-image: url("../images/arrow_down.png"); background-repeat: no-repeat; background-position: 50%; height: 6px; padding: 0; border-bottom: none; padding-bottom: 10px } #nav li ul li a {text-transform: none; padding: 7px; display: block; border-top: 1px solid transparent; border-bottom: 1px solid transparent} #nav li ul li a.isParent {background-color: #3a3a3a; background-image: url("../images/arrow_right.png"); background-repeat: no-repeat; background-position: right center} #nav li ul li a:hover {background-color: #514c52; border-top: 1px solid #322f32; border-bottom: 1px solid #322f32} #nav-control {position:absolute; left:-9999px; display:none} #nav-control + label {display:none; width:50px; height:50px; text-align:center; background: #e00000; position:fixed; left:0; top:0; z-index:90; /* color: #fff; */cursor:pointer} #nav-control + label span {position:absolute; left:-9999px} #RampaOrder {background-color:#fff; width:400px; margin:auto; margin-top:20px; padding:20px; display:none} #rampaVstupenka {background-color:#c2c2c2; padding:25px; margin:25px; border:1px solid #000} #selObdobi {display:none} #roky {clear:both; padding-top:10px} #roky a {color:#fff; font-size: 1.75em; display: inline-block; text-transform:uppercase; padding:.125em; text-decoration:none; border-bottom:1px solid #656565} #roky a:hover, #roky .hover {color:#B40000; border-bottom-color:transparent} #roky .mezi {width: 30px; height: 30px; display: inline-block; background:url("../img/default/mezi2.gif") no-repeat 50%} #roky .mezi:last-child {display:none} #mesice {clear:both; margin-top:10px; margin-bottom:10px} #mesice a {color:#fff; font-size:12px; font-weight:bold; float:left; display:block; text-transform:uppercase; text-decoration:none; border-bottom: 1px solid #656565; text-align:center} #mesice .mezi {width:8px; height:15px; margin-top:2px; float:left; background:url("../img/default/mezi2.gif") no-repeat 50%} #mesice a:hover,#mesice .hover {color:#B40000; border:0} #mesice a.grey {color:#656565} #hpAkceR {float:right; width:325px} #text {padding-top:15px; clear:both} #hpAkceMain {float:left; width:635px; height:336px; position:relative} #hpAkceMain .akceNazev {text-transform:uppercase; color:#fff; padding:0; margin:20px 0 0 20px; font-weight:800; text-decoration:none; font-size:3.125em; border:0; text-align:left; line-height:.9} #hpAkceMain .firstline {font-size:24px} #hpAkceMain .hpAkcePopis {display:block; width:163px; height:142px; position:absolute; top:3px; right:13px; padding:10px; text-align:left} #hpAkceMain .akceImg { width: 41%; height: 336px; background-color:#242424; background-position:center; float:left; background-repeat:no-repeat} #hpAkceMain .hpAkceTermin .den {font-size:90px; text-transform:uppercase; font-weight:bold; position:absolute; top:110px; left:0; width:100%; text-align:center} #hpAkceMain .hpAkceTermin .mesic {font-size:40px; text-transform:uppercase; position:absolute; top:200px; left:0; width:100%; text-align:center} #hpAkceMain .hpAkceTermin .rok {font-size:30px; text-transform:uppercase; position:absolute; top:250px; left:0; width:100%; text-align:center} #hpAkceMain .hpMainAkce {float: left; overflow:hidden; background:url("../img/default/hpMAinbg.png") no-repeat right bottom; border:0; margin:0; color:#fff; text-decoration:none;width: 100%;} #hpAkceMain .hpMainAkce:hover {background-image:url("../img/default/hpMAinbg_h.png")} #hpAkceMain .hojte {position:absolute; bottom:0; left:0; background:url("../img/default/today_big.png") no-repeat left bottom; width:162px; height:162px} #hpAkceMain .kdyAkce {color:#fff; padding:0;margin:0; margin-top:5px; margin-left:280px; text-decoration:none; font-size:24px; border:0; text-align:left} #hpAkceMain .overimg {height:150px} #hpAkceMain .popisAkce {color:#fff; padding:0; margin: 0 1.5em 0 20px; text-decoration:none; font-size:16px; border:0; text-align:left; line-height:20px} #hpAkceMain .vpravoCena {border: 0 none; color: #fff; display: block; font-size: 16px; /* height: 51px; */ margin: 0; overflow: hidden; padding-left: 1em; padding-top: 10px; padding-bottom: 20px; /* width: 350px */} #hpAkceMain .vpravoCena b {color:#fff; font-weight:800} #hpAkceMain .vpravoAkcePopis {float: left; height: 310px; /* overflow: hidden; */ width:59%} #submenu {margin-top:-35px; margin-bottom:30px} #submenu a {display:block; width:137px; height:100px; float:left; background:url("../img/default/submenubg.jpg") no-repeat bottom right; color:#fff; text-decoration:none; text-align:center; padding-top:20px; text-transform:uppercase; line-height:16px} #submenu a:hover,#submenu a.hover {background:url("../img/default/submenubg_h.jpg") no-repeat bottom right} #submenu a img {margin-top:10px; margin-bottom:5px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5} #submenu a:hover img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter: alpha(opacity=95); opacity: 0.95} #topBanner {position:absolute; top:0; right:0; width:50%} #celkemHlas {font-weight:bold} #anketky {background:url("../img/default/tecky.png") no-repeat 50% ; height:75px; width:100%; padding-left:1em; margin-bottom:20px} #anketky a {display:inline-block; width:75px; height:75px; background-color:#E00000; border-radius: 50%; background-repeat:no-repeat; background-position:50%; text-indent:-9999px} #anketky a:hover,#anketky .activeA {background-color:#ffffff} #anketky .foto {background-image:url("../img/default/fotak.png")} #anketky .video {background-image:url("../img/default/kamera.png")} #anketky .text {background-image:url("../img/default/mikrofon.png")} .akceNahledPoutac {width:260px; height:500px; float:left} .akceNahledPoutac .image {width: 260px; height:330px; background-color:#242424; background-position:center; position:relative} .akceNahledPoutac .top {background:#737373 url("../img/default/greybg130.jpg") repeat-x left top; height:110px; padding-left:20px; padding-bottom:10px; padding-top:10px; font-weight:300} .akceNahledPoutac .top .datum {margin-top:-5px; font-size:22px; text-transform:uppercase; text-align:left; color:#000} .akceNahledPoutac .top .datum b {font-weight:600} .akceNahledPoutac .top .denVtydnu {font-size: 3.125em; text-transform:uppercase; color:#000} .akceNahledPoutac .top .cas {font-size:16px; margin:0; margin-top:-5px; color:#000} .akceNahledPoutac .zpet {font-size:14px; text-align:left; font-weight:bold; text-transform:uppercase; padding:10px; padding-left:30px; padding-right:0; padding-bottom:0; background:transparent url("../img/default/przpet.gif") no-repeat bottom left} .akceNahledMain {float:left; background:#E8E8E8 url("../img/default/vroubkytop.jpg") repeat-x top left; width:650px; padding:25px; padding-top:0;min-height: 464px;} .akceNahledMain h1 {padding:0; margin:0; font-size:22px; font-weight:bold; text-transform:uppercase; margin-top:17px; margin-bottom:20px; color:#CC0001} .akce-list {padding:0; list-style:none} .akce-list a:hover {background: #fff url("../img/default/akceseznam_h.jpg") no-repeat top left; -webkit-box-shadow: 30px 30px 40px #fff; box-shadow:0 0 15px #000; z-index:50} .akce-list a:hover .akceImg {-webkit-filter: grayscale(0); filter: false; filter: false} .akce-list a {display:block; background: #fff url("../img/default/akceseznam.jpg") no-repeat top left; height:130px; width:960px; color: #414141; overflow:hidden; position:relative; z-index:2} .akce-list .akceTermin {width:220px; float:left; padding:10px; padding-left:20px; padding-right:20px; height:110px; overflow:hidden} .akce-list .akce {width:550px; float:left; height:75px; overflow:hidden; padding:20px} .akce-list .akce .akceNazev {text-transform:uppercase; color:#B40000; padding:0;margin:0; margin-bottom:10px; font-weight:800; font-size:22px; text-align:left} .akce-list .img {width:100px; height: 128px; margin-top:1px; float:right} .akce-list .img div {height:100%!important} .akce-list .denVtydnu {font-size: 3.125em; text-transform:uppercase; color:#000} .akce-list .datum {margin-top:-7px; font-size:26px; text-transform:uppercase; text-align:left; color:#000} .akce-list .cas {font-size:16px; margin:0; margin-top:-5px; color:#000} .akceTermin {font-weight:300;} .akceTermin b {font-weight:800} .aktArchStazVyt {float:right; margin-top:10px; display:block; text-transform:uppercase} .aktArchStazVyt a {display:block; float:right; color:#FEFEFE; text-transform:uppercase; text-decoration:none; border-bottom: 1px solid #656565; padding-bottom:0} .aktArchStazVyt a:hover,.aktArchStazVyt .hover {color:#B40000; text-decoration:none; border-bottom-color:transparent} .aktArchStazVyt .mezi {width: 18px; height: 17px; float:right; background:url("../img/default/mezi1.gif") no-repeat 50%} .ankety {display:none} .anketaVar {margin-bottom:7px} .anketaVar a {float:left; text-transform:uppercase; color:#fff; font-size:14px; width:230px; text-align:left; text-decoration:none; margin-left:10px} .anketaVar div {display:block; width:286px; padding-left:10px; padding-right:10px; height:13px; margin:auto; background:#000 url("../img/default/anketabg.gif") no-repeat left center; position:relative} .anketaVar div div {position:absolute; top:4px; left:5px; height:5px; width:0; background:red} .anketaVar span {color:#fff; float:right; margin-right:20px} .bg_left1 {background:url("../img/default/bgl1.png") left center no-repeat; width:285px; height:535px; position:absolute; top:630px; left:0; z-index:-1} .bg_right1 {background:url("../img/default/bgr1.png") left center no-repeat; width:295px; height:430px; position:absolute; top:310px; right:0; z-index:-1} .bgshow {display:block} .bold {font-weight:bold; color:#000} .center {text-align:center; display:block} .cb {clear:both} .confirmBTN {background-image: url("../img/default/potvrditbtn.png"); width:219px; height:53px; text-indent:-9999px; cursor:pointer; border:0} .fbbg {width:308px; background: url("../img/default/fbbg.gif") no-repeat 50% 50%; height:220px; padding-top:72px; padding-left:20px} .fb-like-box {background:#fff} .gal {display:block; width:20%; float:left; color:#414141; text-decoration:none; z-index:1; transition:.5s; -webkit-transition:.5s; -ms-transition:.5s} .gal:hover .galHead {background:#fff} .gal:hover .galFotos {border-color:#fff} .galHead {background: url("../img/default/fgbgHead.png") no-repeat right top; font-size:14px; text-align:center; padding:4px 4px 0; height:56px; overflow:hidden; color:#000; line-height:17px} .galHead .nazev {font-weight:bold; text-transform:uppercase} /* .gal5col .galHead {background:url("../img/default/fgbgHead.jpg") no-repeat left top} */ .galFotos {border:5px solid #000; overflow:hidden} .galFotos img {width:184px; vertical-align:bottom} .galerieFoto {margin-top:15px} .galerieFoto img {border:0; vertical-align:bottom} .galerieFoto a {border:1px solid #000; float:left; z-index:1} .galerieFoto a:hover {border:5px solid #fff; margin:-4px; z-index:11} .galerieShow {color:#fff; text-transform:uppercase} .galerieShow h1 {font-weight:bold; margin-bottom:10px} .hpAltBan {background:#fff url("../img/default/vroubkytop.jpg") repeat-x scroll left top; height:293px; padding:20px; margin-top:1px} .hpNews {background:url("../img/default/hpnewstop.gif") no-repeat center top !important} .hpFiltry {float:left; max-width: 619px; margin-left:-13px; display:block; background:url("../img/default/hpfiltrybg.gif") repeat-x left top; position:relative; padding-right: 22px} .inFK {width:217px; height:35px; background:url("../img/default/inFK.png") 50% no-repeat; border:0} .jenbold {font-weight:bold} .jenbold2 {font-weight:800} .kleft {float:left; width:450px; padding:40px; background:url("../img/default/_kontaktbgc.gif") no-repeat 50% 0} .kleftbot {background:url("../img/default/_kontaktbgb.gif") no-repeat 50% 0; margin-left:-40px; margin-right:-40px; margin-bottom:-40px; height:18px; padding:40px; text-align:center; text-transform:uppercase} .kright {float:right; width:390px; color:#fff; padding:20px} .kright strong{ color:#fff; } .kontakt {background:#000 !important; margin:0; padding-top:20px; width:960px} .kontakt input[type="text"], .kontakt textarea {border:1px solid #555; background:#201f1f; color:#fff} .kontakt input[type="text"]:focus, .kontakt textarea:focus {border-color:#C01819} .kontakt input[type="text"], .kontakt textarea, .kontakt input[type="submit"] { padding:.25em .5em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .kontakt input[type="submit"] {background:#C01819; color:#fff; margin-top:1em; border:1px solid #555} .kontakt input[type="submit"]:focus {border-color:#fff} .list1 {margin: 0; padding: 0; list-style: none} .leftM50 {margin-left:45px!important} .marginbottom {margin-bottom:20px} .mistonapopis {height:167px; overflow:hidden; /* font-size:11px; */ } .mistonapopis h2 {font-style:normal; font-size: 1.5em; line-height: 1; padding-bottom:10px; text-transform:uppercase; font-weight:800; max-height: 95px; overflow: hidden} .mtop0 {margin-top:0 !important} .max100100 {max-width:100px; max-height:100px} .mohloByVas {width:100%; background:url("../img/default/mohlobyvas.gif") no-repeat top center; height:30px; border:0; margin-top:40px; margin-bottom:20px} .mtb10 {margin-bottom:15px} .namiste {font-size:22px} .newsleft {float:left; width:619px; margin-left:-13px; margin-bottom:-13px; display:block; background:transparent; position:relative} .newsleft .bgtop {position:absolute; top:0; left:0; width:100%; background:url("../img/default/newstop.gif") no-repeat top center; height:98px; z-index:-1; margin-top:-5px} .newsleft .bgbottom {position:absolute; bottom: -39px; left:0; width:100%; background:url("../img/default/newsbottom.gif") no-repeat bottom center; height:98px; z-index:-1} .newsleft .bgcenter {position:absolute; top:0; left:0; width:100%; background:url("../img/default/newmiddle.gif") repeat-y top center; min-height:360px; z-index:1} .newsleft .txtcontent {background:url("../img/default/newmiddle.gif") repeat-y scroll center top ; color: #000000; margin: 10px 33px 33px 0; padding: 30px; position: relative; width: 560px; z-index: 10} a.newsItem {color:#414141; display:inline-block; width:258px; height: 77px; margin:5px; margin-bottom:10px; text-decoration:none; position:relative; text-align:left; font-size:10px; padding:6px} a.newsItem.newsHover:hover h5 {color:#CC0001} a.newsItem.newsHover:hover {background:none repeat scroll 0 0 #EFEFEF} .newsItem .date {background-color:#999; color:#fff; display:block; height:41px; left:6px; line-height:14px; padding:5px; position:absolute; text-align:center; top:6px; width:27px} .newsItem .date .den {font-size:20px; font-weight:bold} .newsItem .date .mesic {font-weight:bold; margin-bottom:0; text-transform:uppercase; font-size:9px} .newsItem .date .rok {margin-top:2px; font-size:9px} .newsItem .popis {display:block; padding-left: 55px; font-size:14px; max-height:95%; min-height:90px; overflow:hidden} .newsItem .popis h5 {margin:0; margin-bottom:5px; font-size:14px; text-transform:uppercase; font-weight:bold; line-height:15px} .newsNadpis {color:#414141; border:0 solid #fff; text-decoration:none; position:relative; font-size:10px; display:block; position:relative; float:none; width:100%; height:auto; min-height:55px} .odebirejNovinky {color:#fff; font-size:16px; margin-top:15px} .odebirejNovinky input {background:transparent; border:1px solid #6B6B6B; width: 100px; padding:3px; color:#fff} .odebirejNovinky .submitOK {width:40px; background:url("../img/default/ok.gif") no-repeat 50%; height:35px; border:0; text-indent:-999px; cursor:pointer} .odebirejNovinky .submitOK:hover {background:url("../img/default/ok_h.gif") no-repeat 50%} .over_beseda {background:url("../img/default/over_beseda.png") no-repeat 50%; width:100%; height: 50%;} .over_dilna {background:url("../img/default/over_dilna.png") no-repeat 50%; width:100%; height:50%} .over_divadlo {background:url("../img/default/over_divadlo.png") no-repeat 50%; width:100%; height:50%} .over_gradTop {position:absolute; top:0; left:0; width:100%; height:30px; background:transparent url("../img/default/gradTop.png") repeat-x} .over_koncert {background:url("../img/default/over_koncert.png") no-repeat 50%; width:100%; height:50%} .over_promitani {background:url("../img/default/over_promitani.png") no-repeat 50%; width:100%; height:100%} .over_ostatni {background:url("../img/default/over_ostatni.png") no-repeat 50%; width:100%; height:50%} .over_party {background:url("../img/default/over_party.png") no-repeat 50%; width:100%; height:50%} .predprodej {font-size:16px} .prepinacTyp {width:40px; height:40px; display:inline-block; text-indent:-9999px} .popT {width:140px; font-size: 11px;overflow:hidden; line-height: 1;} .p_vse {background:url("../img/default/p_vse.png") no-repeat 50%} .p_vse:hover, .p_vse.hover {background:url("../img/default/p_vse_h.png") no-repeat 50%} .p_koncert {background:url("../img/default/p_koncert.png") no-repeat 50%} .p_koncert:hover, .p_koncert.hover {background:url("../img/default/p_koncert_h.png") no-repeat 50%} .p_party {background:url("../img/default/p_party.png") no-repeat 50%} .p_party:hover, .p_party.hover {background:url("../img/default/p_party_h.png") no-repeat 50%} .p_ostatni {background:url("../img/default/p_ostatni.png") no-repeat 50%} .p_ostatni:hover, .p_ostatni.hover {background:url("../img/default/p_ostatni_h.png") no-repeat 50%} .p_beseda {background:url("../img/default/p_beseda.png") no-repeat 50%} .p_beseda:hover, .p_beseda.hover {background:url("../img/default/p_beseda_h.png") no-repeat 50%} .p_divadlo {background:url("../img/default/p_divadlo.png") no-repeat 50%} .p_divadlo:hover,.p_divadlo.hover {background:url("../img/default/p_divadlo_h.png") no-repeat 50%} .p_promitani {background:url("../img/default/p_promitani.png") no-repeat 50%} .p_promitani:hover, .p_promitani.hover {background:url("../img/default/p_promitani_h.png") no-repeat 50%} .newsleft .ptHP {width: 560px; margin-top:0; margin-left:10px; min-height:240px; background:url("../img/default/hpnews.gif") no-repeat 50% 0; padding-top:100px; padding-right:30px; padding-left:30px} .rightcol13 {float:right; width:316px; display:block} .sdilet {float:right; cursor:pointer; margin-top:17px; padding-left:20px} .searchRes {background-color:#F8F8F8; border:1px solid #C8C8C8; margin-bottom:5px; padding:5px} .small {font-size:10px} .txtcontent center {display:block; margin-bottom:20px} .txtcontent h1 {margin:0; display:block; text-transform:uppercase; font-size:24px; color:#000; margin-bottom:5px} .txtcontent h2 {margin:0; display:block; text-transform:uppercase; font-size:14px; color:#000; margin-bottom:5px} .txtcontent .podtitulek {text-transform:uppercase; font-size:11px; font-weight:bold; color:#000; margin-bottom:5px} .typAkceSmall {height:30px; margin-right:10px; margin-top:0} .typAkceLarge {height:45px; margin-top:7px; margin-right:10px} .vpravoCena .vstupne {position:absolute; top:7px; left:0; color:#660000} .vpravoAkce {display:inline-block; vertical-align:top; overflow:hidden; width:316px; background:url("../img/default/vpravoBG.png") no-repeat right bottom; height:168px; border:0; margin:0; position:relative; text-decoration: none; color:#fff} .vpravoAkce:hover {background-image:url("../img/default/vpravoBG_h.png")} .vpravoAkce .hojte {position:absolute; bottom:0; left:0; background:url("../img/default/today_small.png") no-repeat left bottom; width:98px; height:98px} /*.vpravoAkce .akceImg {opacity:.75} .vpravoAkce:hover .akceImg {opacity:1}*/ .vpravoAkce .akceImg { width:133px; height:165px; position:absolute; top:2px; left:0; background-color:#242424; background-position:50%; background-repeat:no-repeat} .vpravoAkce .vpravoAkcePopis {display:block; height:138px; overflow:hidden; padding: 13px 10px 0 143px; right:0; text-align:left; /* width:163px; */} .vpravoAkce .vpravoAkcePopis h2 {margin:0;} .vpravoAkce .vpravoakceTermin .den {font-size:34px; text-transform:uppercase; font-weight:bold; position:absolute; top:80px; left:0; width:100%; text-align:center} .vpravoAkce .vpravoakceTermin .mesic {font-size:20px; text-transform:uppercase; position:absolute; top:111px; left:0; width:100%; text-align:center} .vpravoAkce .vpravoakceTermin .rok {font-size:14px; text-transform:uppercase; position:absolute; top:140px; left:0; width:100%; text-align:center} .vpravoAkce .overimg {height:80px} .vpravoAkce .vpravoCena {border: 0 none; color:#fff; display: block; font-size: 11px; margin: 0; overflow: hidden; padding-left: 10px; padding-top: 5px; padding-bottom: 15px; width:163px} .vpravoAkce .firstline {font-size:16px} .vpravoAkce .vpravoCena {font-weight:300} .vpravoAkce .vpravoCena b {color:#fff; font-weight:800} .ytlink {text-decoration:none !important; border:0 !important; background:url("../img/default/yt.png") no-repeat 50%; width:55px; height:20px; display:block; float:right; text-indent:-9999px} .ytlink:hover {background:url("../img/default/yt_h.png") no-repeat 50% } .ytlink img {height:20px} .zobrazujisetxt {float:left; margin-top:10px; margin-left:20px; display:block; text-transform:uppercase; color:#656565; font-weight:bold} .zobrazujisetxt b {color:#fff} #footer {clear: both; margin:0 auto 100px; width:960px; text-align: right} #footer a {margin-right:1em; font-weight:bold} #footer hr {background:url("../img/default/hrfoot.jpg") repeat-x center left; height:40px} #footer .tretiny {display:block; float:left; width:33.333%; text-align:center} #footer .tretiny h3 {color:#fff; font-size:25px; font-weight:bold; margin:0; padding:0; margin-bottom:10px; text-align:center} #footer .tretiny h4 {color:#E20006; font-size:20px; font-weight:bold; margin:0; padding:0; margin-bottom:10px; text-align:left} #footer .tretiny img {display:block; margin:0 auto} #footer .tretiny .div {color:#BFBFBF; text-align:left; padding-left:4em; font-size:16px} #footer .tretiny .div h3 {text-align:left} #footer .tretiny .div b,#footer .tretiny .div strong {color:#fff; font-weight:bold} #footer .tretiny .fb {display:block; margin-top:10px; background:url("../img/default/najdetenafb.jpg") no-repeat 50% 0; background-size: 100%; width:30px; height:35px; text-indent:-9999px; float:left} #footer .tretiny .fb:hover {background:url("../img/default/najdetenafb_c.jpg") no-repeat 50% 0; background-size: 100%} #footer .tretiny .ytb {display:block; margin-top:10px; background:url("../img/default/najdetenaytb.jpg") no-repeat 50% 0; background-size: 100%; width:30px; height:35px; text-indent:-9999px; float:left} #footer .tretiny .ytb:hover {background:url("../img/default/najdetenaytb_c.jpg") no-repeat 50% 0; background-size: 100%} #footer .fl {float:left; width:70%; text-align:left} #footer .fr {text-align:right; float:right; width:285px} #footer .fb-like {display:block; margin-bottom:1em} #sdf .inner li.klubnarampe {display:none; visibility:hidden} #sdf h1, #sdf h2 {font-weight:bold !important} body.mfp-zoom-out-cur #header, body.mfp-zoom-out-cur #footer, body.mfp-zoom-out-cur #main, body.mfp-zoom-out-cur #nav, body.mfp-zoom-out-cur #content, body.mfp-zoom-out-cur #sdf { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); } .hodmin{ display:inline-block; width:20%; color:#fff; padding-left:3%; padding-right:3%; } .hodmin div{ display:block; background:#000; font-size:50px; padding:10px; } .vstupenky-prodej{ text-transform:uppercase; } footer{ text-align: center; color: #757575; border-top: 1px solid #3c3c3c; padding: 2rem; margin-top:4rem } footer a{ color: #757575; } .btn-goout{ display: inline-block; background: #c8c8c894; padding: 1em 1.5em 0.8em 1.5em; border-radius: 0.3em; text-transform: uppercase; border: 1px solid #00000038; text-align: center; color: #000; text-decoration: none; } .btn-goout span{ display: block; text-transform: lowercase; text-align: center; font-size: .8em; color: #00000082; } .btn-goout:hover{ filter: drop-shadow(2px 4px 6px #c2c2c2); } .btn-notGoout{ border: 0; text-transform: inherit; color: #595959; padding: .5em 1em; } @media only screen and (max-width:60rem) { #nav ul {display:block} #content, #nav, #footer, .fbbg, .rightcol13, #hpAkceMain, #hpAkceR {width:auto; max-width:100%; margin-left:0; margin-right:0; float:none} .fbbg, .rightcol13 {float:none; clear:both} .vpravoAkce {background-color:#860000} .vpravoAkce:hover {background-color:#ac0000} .hpAkceMainR {display:inline-block} .rightcol13 > a {display:block; padding:1em 0 0;} .akce-list a {width:auto; height:auto; margin-bottom:.5em} .akce-list .img {position:absolute; right:0} .akce-list .akce {width:auto; clear:both; height:auto} .akce-list a:hover, .akce-list a:focus {outline:1em solid #C01819} .akce-list a:hover * {color:#C01819} .akceNahledPoutac {width:auto; height:auto; float:none; position:relative} .akceNahledPoutac .image {position:absolute; width:250px; height:128px; top:1px; right:0; background-size:100%} .akceNahledPoutac .zpet {margin-bottom:1em} .akceNahledMain {width:auto; min-height:6em} .over_gradTop {display:none} iframe {width:100% !important; max-width:100% !important; padding:1em 0} .fbbg {background-position:0 50%} #footer .fb-like {margin-bottom:3em} } @media only screen and (max-width:48rem) { body {margin-top:56px; min-width:20rem; text-align:left} img {max-width:100%} .gal {width:33.3333%} .galFotos {height:480px; overflow:hidden} #hpAkceMain .akceNazev {font-size:1.5em} #aside {display:block; width:auto} #header {text-align:center} #topBanner {position:relative;width:100%} .hpFiltry {padding-right:0; margin:0} #nav-control + label {display:block; box-shadow:0 0 .5em rgba(0,0,0,.5)} #nav-control + label:after {content:"☰"; color: #fff; font-size:2rem; line-height:1.5} #nav-control:checked ~ ul {left:0; top:0; margin:0} #nav-control:checked + label:before {display:block; content:""; width:100%; height:100%; position:fixed; left:0; top:0; background:transparent; z-index:-1} #nav ul { width:300px; top:50px !important; position:fixed; margin:0; left: -301px; border-right: 1px solid #aaa; overflow-y:auto; overflow-x:hidden; z-index:90; background: rgba(0,0,0,.8); border-top:1px solid #aaa; height:calc(100% - 51px); -webkit-transition:0.5s; transition:0.5s; border-radius:0; -webkit-border-radius:0; } #nav ul * {display: block !important; border-radius:0; float: none; margin: 0; padding: 0; width:auto !important} #nav li a {float:none !important} #nav > li > .tab {background:#c0c32b} #nav ul img {display:none !important} #nav > ul > li:first-child > a {margin:0} #nav ul a {-webkit-border-radius:0; border-radius:0; border:0; font-size:1rem !important; border-bottom:1px solid rgba(0,0,0,.2); text-align:left} #nav a.active, #nav li.active > a, #nav a:active {background:#e00000; color:#fff} #nav li li a {padding-left:1.5em} #nav li li a:before {content:"* "; color:#e00000} #footer h3 {white-space:nowrap} #footer .tretiny {border-top: 4px double #555; margin-top:1em} #footer .tretiny, .rightcol13 {width:100%} #footer .tretiny .div {padding:1em} #anketky {padding-left:0} a.lightBoxDyn {float:left} .newsleft .txtcontent {padding: 1.5em 1em 0} .newsleft .txtcontent.ptHP {padding: 100px 0 0} .newsleft .txtcontent a {background:#fff; width:auto; display:block;padding: 1em;margin: 0;height: auto;} } @media only screen and (max-width:30rem) { #header img {width:50%} .newsleft, .newsleft .txtcontent {width:auto; max-width:100%; margin-left:0; margin-right:0;} .gal {width:100%} .galFotos {height:auto} .galerieFoto a, .galerieFoto img {width:100%; max-width:100%} .galerieFoto a {width:100%; border:0} .galerieFoto a:hover {border:0; margin:0} .galFotos img {max-width:50%; float:left} .hpAkceMainR {width:100%} .hpAkceMainR > * {width:100%} .akceNahledPoutac .image {width:110px;} } @media (min-resolution:1.25dppx),(-webkit-min-device-pixel-ratio:1.25),(min-device-pixel-ratio:1.25) { html, select, input[type="password"], input[type="type"], input[type="submit"], a.btn, button {font-size:1rem} input[type="submit"], a.btn, button {padding:1em 1.5em} } @media print { * {background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important} a, a:visited {text-decoration:underline} a[href]:after {content:" (" attr(href) ")"} abbr[title]:after {content:" (" attr(title) ")"} a[href^="javascript:"]:after, a[href^="#"]:after {content:""} pre, blockquote {border:1px solid #999; page-break-inside:avoid} thead {display:table-header-group; /* h5bp.com/t */ } tr, img {page-break-inside:avoid} img {max-width:100% !important} p, h2, h3 {orphans:3; widows:3} h2, h3 {page-break-after:avoid} } /* DEV ================================= */ /*/ * {outline:1px solid rgba(255,0,0,.3)}