/* CSS Document */ 

@font-face {
  font-family: JigsawStencilRegular;
  src: url("https://www.saldovo-divadlo.cz/IS/pu_data/send_files/File/saldovo_divadlo_cz/css/JigsawStencilRegular.otf") format("opentype");
} 

div {
  text-align: left;
  line-height: 18px;
}

td {
    line-height: 18px;
    font-family: Verdana;
    font-size: 12px;
   }

.hlavni {} /* border: 1px solid pink; */                  

.font-jigsaw-regular {font-family: 'JigsawStencilRegular';}
.input-filtr-program {border: 1px solid grey; height: 25px; padding-left: 5px;}

.rotace {
  -ms-transform: rotate(270deg); /* IE 9 */
  -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
  transform: rotate(270deg);
}

.cernobile {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
  filter: gray;
}

.tt ul {margin-left: 10; padding: 0;}

.tt ul ul {margin-left: 40; padding: 0;}


.tlacitko-voice-hlasuj {color: #ffffff; font-size: 16px; background: #231f20; border: 2px solid #231f20; padding: 9px 30px 9px 30px; text-decoration: none; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}
.tlacitko-voice-hlasuj:hover {color: #ffffff; font-size: 16px; background: #83777a; border: 2px solid #83777a; padding: 9px 30px 9px 30px; text-decoration: none; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}

.tlacitko-voice-hlasuj-hlasovano {float: left; width: 100%; color: #ffffff; text-align: center; font-size: 16px; background: grey; padding: 11px 0px 11px 0px; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}
.tlacitko-voice-hlasuj-dekujeme {float: left; width: 100%; color: #ffffff; text-align: center; font-size: 16px; background: #0ac729; padding: 11px 0px 11px 0px; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}

.tlacitko-anketa-hlasuj {color: #eb0d25; font-size: 16px; background: #ffffff; padding: 9px 30px 9px 30px; text-decoration: none; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}
.tlacitko-anketa-hlasuj:hover {color: #eb0d25; font-size: 16px; background: #fdc3c4; padding: 9px 30px 9px 30px; text-decoration: none; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}

.tlacitko-sub-rezervace {color: #eb0d25; font-size: 14px; background: #fdc3c4; padding: 7px 30px 7px 30px; text-decoration: none; border: 0; cursor: pointer; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}
.tlacitko-sub-rezervace:hover {color: #eb0d25; font-size: 14px; background: #ffffff; padding: 7px 30px 7px 30px; text-decoration: none; border: 0; cursor: pointer; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}

.tlacitko-bile {float: left; clear: both; min-width: 100px; color: #ed1c24; font-size: 14px; background: #ffffff; margin-bottom: 6px; padding: 4px 30px 4px 11px; text-decoration: none; border-radius: 0px; white-space: nowrap; text-transform: uppercase; text-align: left;}
.tlacitko-bile:hover {float: left; clear: both; min-width: 100px; color: #ed1c24; font-size: 14px; background: #fbe9e9; margin-bottom: 6px; padding: 4px 30px 4px 11px; text-decoration: none; border-radius: 0px; white-space: nowrap; text-transform: uppercase; text-align: left;}

.tlacitko-sedadlo {color: #ffffff; font-size: 16px; background: #ed1c24; border: 2px solid #ed1c24; padding: 9px 30px 9px 30px; text-decoration: none; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}
.tlacitko-sedadlo:hover {color: #ffffff; font-size: 16px; background: #c81219; border: 2px solid #c81219; padding: 9px 30px 9px 30px; text-decoration: none; border-radius: 0px; white-space: nowrap; text-transform: uppercase;}
 
a {color: #ed1c24; text-decoration: none;}
a:hover {color: #ed1c24; text-decoration: underline;} 
 
 
/* notebook */
@media screen and (min-width:980px) {
  .hlavni {max-width: 960px; width: 100%;}
  .hlavni-obsah {float: left; width: 854px;}
  .table-2-sloupce {width: 42%; margin: 0px 4% 0px 4%;}
  .table-2-sloupce-leva {float: left; width: 48%; clear: both;}
  .table-2-sloupce-prava {float: right; width: 48%;}
  .table-3-sloupce {width: 29%; margin: 0px 2.1% 0px 2.1%;}
  .logo {float: left; width: 300px;}
  .logo img {}
  .find-header {display: none;}
  .find-menu {display: block;}
  .find-input {border: 1px solid #ffffff; background: #ffffff; opacity: 0.4; filter: alpha(opacity=40);}
  .soc-header {position: absolute; left: 605px; top: 0px; display: block;}
  .language-header {position: absolute; right: 0px; top: 0px; display: block;}
  .menu {display: block; width: 890px;}
  .li-menu {padding-right: 20px;}
  .menu-mobile {display: none;}
  .mezera {margin-right: 33px;}
  .telesa {display: block; background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/bg_telesa_960px.jpg'); background-repeat: no-repeat;}
  .telesa-txt-a {position: absolute; left: 147px; top: 113px;}
  .telesa-txt-b {position: absolute; left: 485px; top: 112px;}
  .telesa-txt-c {position: absolute; left: 712px; top: 183px;}
  .telesa-mobil {display: none;}
  .program-upoutavka {display: block;}
  .program {width: 320px;}
  .aktuality {width: 640px;}
  .news {width: 640px; background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/bg_news.png'); background-repeat: repeat;}
  .home-aktuality-obsah {padding: 36px 0px 14px 0px; height: 324px;}
  .aktualita {width: 170px; height: 80px;}
  .m1 {margin-bottom: 30px;}
  .class-19623 p img {}
  .class-19628 p img {display: none;}
  .cinohra {width: 320px;} 
  .cinohra-cinohra {background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/upoutavka_cinohra_cinohra_320px.jpg'); background-repeat: no-repeat;} 
  .cinohra-opera {background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/upoutavka_opera_home.jpg'); background-repeat: no-repeat;} 
  .cinohra-balet {background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/upoutavka_balet_home.jpg'); background-repeat: no-repeat;} 
  .cinohra-txt {position: absolute; left: 153px; top: 100px;}
  .cinohra-txt-cinohra {margin-left: 0px; margin-top: 18px;}
  .cinohra-txt-opera {margin-left: 16px; margin-top: 18px;}
  .cinohra-txt-balet {margin-left: -74px; margin-top: 88px;}
  .slider-cinohra {width: 640px;}
  .premiery-cinohra {width: 320px; height: 582px;}
  .premiery-cinohra-obsah {height: 523px;}
  .repertoar-cinohra-obsah {padding: 50px 50px 50px 372px;}
  .repertoar-opera-obsah {padding: 30px 50px 50px 50px;}
  .repertoar-0 {float: left; width: 280px;}
  .repertoar-1 {float: left; width: 280px; margin-top: 41px;}
  .repertoar-2 {float: left; width: 280px;}
  .soubor-cinohra-obsah {padding: 50px 50px 50px 50px;}
  .text-obsah {padding: 56px 56px 56px 56px; width: 848px;}
  .text-obsah-pod {padding: 0px 56px 5px 56px; width: 848px;}
  .program-obsah {width: 48%;}
  .detail-predstaveni-sloupec-jedna {width: 432px; }
  .detail-predstaveni-sloupec-dva {width: 332px;}
  .filtr-obsah {width: 900px; text-align: left;}
  .filtr-obsah select {margin-right: 20px;}
  .filtr-obsah input {margin-right: 20px;}
  .dva-sloupce {float: left; margin-right: 20px; width: 45%;}
  .ctyri-sloupce {float: left; margin-right: 20px; width: 22%;}
  .slider {width: 640px; height: 310px;}
  .aktuality-mdfxs {width: 640px;}
  .premiery-640 {display: none;}
  .premiery-960-320 {display: block;}
  .detail-predstaveni-rezervace-a {float: left; width: 380px;}
  .detail-predstaveni-rezervace-b {float: right; max-width: 447px;}
  .modal-content-info { background-color: #fefefe; margin: auto;  width: 580px; z-index: 9999;  /* padding: 40px; border: 1px solid #888; height: 390px; */ }
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    padding-top: 200px; /* Location of the box moje */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  .divadlo-online-90st {position: absolute; left: -40px; top: 102px;}
  /* .table-2-sloupce {width: 38%; margin: 0px 6% 0px 6%; } */
  .divadlo-online-item {float: left; width: 100%; clear: both; height: 230px; margin: 0px 0px 25px 0px;}
  .divadlo-poadcast-item {float: left; width: 404px; height: 230px; margin: 0px 35px 25px 35px;}
  .nadpis-bily {font-family: 'JigsawStencilRegular'; font-size: 19px; font-weight: normal; color: #ffffff;}
  .oceneni-leva {float: left; width: 68%; clear: both;}
  .oceneni-prava {float: right; width: 28%;}
  .score-td-title {padding: 8px 30px 8px 30px; font-size: 14px; line-height: 14px; color: #ffffff; background: #ed1c24; border-bottom: 1px solid #eceaea;}
  .score-td {padding: 8px 30px 8px 30px; font-size: 14px; line-height: 14px; color: #575555; background: #ffffff; border-bottom: 1px solid #eceaea; }
  .table-hracu {float: left; position: relative; width: 100%; text-align: center; }
  .score-price {font-size: 26px; line-height: 26px; color: grey;}
  .sub-buble-txt-1 {font-size: 18px; line-height: 18px; float: left; text-transform: uppercase; width: 22.1%; margin: 0% 1.2% 10px 1.2%; text-align: center;  padding: 28px 0px 22px 0px; color: #ffffff;}
  .sub-buble-txt-2 {font-size: 24px; line-height: 24px; float: left; text-transform: uppercase; width: 22.1%; margin: 0% 1.2% 10px 1.2%; text-align: center;  padding: 28px 0px 22px 0px; color: #ffffff;}
  .anchor-iframe {float: left;}
  .input-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .input-control input {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .control-textarea {height: 100px; width: 585px; padding: 8px 6px 6px 20px; border: 1px solid #dbd7d7; font-size: 14px; }
  .select-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .select-control select {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .zajezdy-1 {float: left; width: 250px; height: 250px; background: #ed1c24;}
  .zajezdy-2 {float: left; width: 590px; height: 250px; background: #c0c0c0;}
  .sub-logo-999 {float: left;margin-left: -270px; margin-top: -1px;}
  .sub-logo-0 {float: left;margin-left: -160px; margin-top: -1px;}
  .sub-logo-1 {float: left;margin-left: -95px;}
  .sub-logo-2 {float: left;margin-left: -48px;}
  .sub-logo-3 {float: left; margin-left: -10px;}
  .sub-logo-4 {float: left; margin-left: 0px;}
  .sub-logo-5 {float: left; margin-left: 7px;}
  .sub-logo-6 {float: left; margin-left: 30px;}
}
/* tablet */
@media screen and (min-width:660px) and (max-width:980px) {
  .hlavni {max-width: 640px; width: 100%;}
  .hlavni-obsah {float: left; width: 534px;}
  .table-2-sloupce {width: 40%; margin: 0px 5% 0px 5%;}
  .table-2-sloupce-leva {float: left; width: 48%; clear: both;}
  .table-2-sloupce-prava {float: right; width: 48%;}
  .table-3-sloupce {width: 30%; margin: 0px 1.6% 0px 1.6%;}
  .logo {float: left; width: 300px;}
  .logo img {}
  .find-header {display: block;}
  .find-menu {display: none;}
  .find-input {border: 1px solid #8e8e8e; background: #8e8e8e;}
  .soc-header {position: absolute; left: 250px; top: 0px; display: block;}
  .language-header {position: absolute; right: 0px; top: 0px; display: block;}
  .menu {display: none;}
  .li-menu {padding-right: 6px;}
  .menu-mobile {display: block;}
  .mezera {margin-right: 24px;}
  .telesa {display: block; background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/bg_telesa_640px.jpg'); background-repeat: no-repeat;}
  .telesa-txt-a {position: absolute; left: 22px; top: 109px;}
  .telesa-txt-b {position: absolute; left: 246px; top: 106px;}
  .telesa-txt-c {position: absolute; left: 449px; top: 184px;}
  .telesa-mobil {display: none;}
  .program-upoutavka {display: block;}
  .program {width: 50%;}
  .aktuality {width: 50%;}
  .news {width: 50%; background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/bg_news.png'); background-repeat: repeat;}
  .home-aktuality-obsah {padding: 36px 0px 14px 0px; height: 636px;}
  .aktualita {width: 260px; height: 45px;}
  .m1 {margin-bottom: 20px;}
  .class-19623 p img {width: 640px; height: auto;}
  .class-19628 p img {display: block;}
  .cinohra {width: 640px;}
  .cinohra-cinohra {background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/upoutavka_cinohra_cinohra_640px.jpg'); background-repeat: no-repeat;} 
  .cinohra-opera {background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/upoutavka_cinohra_cinohra_640px.jpg'); background-repeat: no-repeat;} 
  .cinohra-balet {background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/upoutavka_cinohra_cinohra_640px.jpg'); background-repeat: no-repeat;} 
  .cinohra-txt {position: absolute; left: 474px; top: 113px;}
  .cinohra-txt-cinohra {margin-left: 0px; margin-top: 70px;}
  .cinohra-txt-opera {margin-left: 0px; margin-top: 45px;}
  .cinohra-txt-balet {margin-left: 0px; margin-top: 80px;}
  .slider-cinohra {width: 640px;}
  .premiery-cinohra {width: 640px; height: 379px;}
  .premiery-cinohra-obsah {height: 320px;}
  .repertoar-cinohra-obsah {padding: 50px 50px 50px 50px; background-color: rgba(0,0,0,0.2); width: 540px;}
  .repertoar-opera-obsah {padding: 30px 50px 50px 50px; background-color: rgba(0,0,0,0.2); width: 540px;}
  .repertoar-0 {float: left; width: 260px;}
  .repertoar-1 {float: left; width: 260px; margin-top: 41px;}
  .repertoar-2 {float: left; clear: both; width: 260px;}
  .soubor-cinohra-obsah {padding: 50px 50px 50px 50px;}
  .text-obsah {padding: 56px 56px 56px 56px; width: 528px;}
  .text-obsah-pod {padding: 0px 56px 5px 56px; width: 528px;}
  .program-obsah {width: 48%;}
  .detail-predstaveni-sloupec-jedna {width: 432px;}
  .detail-predstaveni-sloupec-dva {width: 432px;}
  .filtr-obsah {width: 580px; text-align: center;}
  .filtr-obsah select {margin-right: 20px;}
  .filtr-obsah input {margin-right: 20px;}
  .dva-sloupce {float: left; margin-right: 20px; width: 45%;}
  .ctyri-sloupce {float: left; margin-right: 20px; width: 45%;}
  .slider {width: 640px; height: 310px;}
  .aktuality-mdfxs {width: 640px;}
  .premiery-640 {display: block;}
  .premiery-960-320 {display: none;}
  .detail-predstaveni-rezervace-a {float: left; width: 300px;}
  .detail-predstaveni-rezervace-b {float: right; width: 200px;}
  .modal-content-info { background-color: #fefefe; margin: auto;  width: 580px; z-index: 9999;  /* padding: 40px; border: 1px solid #888; height: 390px; */ }
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    padding-top: 200px; /* Location of the box moje */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  .divadlo-online-90st {position: absolute; left: -40px; top: 102px;}
  /* .table-2-sloupce {width: 38%; margin: 0px 6% 0px 6%; } */
  .divadlo-online-item {float: left; width: 100%; clear: both; height: 290px; margin: 0px 0px 25px 0px;}
  .divadlo-poadcast-item {float: left; width: 404px; height: 230px; margin: 0px 120px 25px 120px;}
  .nadpis-bily {font-family: 'JigsawStencilRegular'; font-size: 17px; font-weight: normal; color: #ffffff;}
  .score-td-title {padding: 8px 30px 8px 30px; font-size: 14px; line-height: 14px; color: #ffffff; background: #ed1c24; border-bottom: 1px solid #eceaea;}
  .score-td {padding: 8px 30px 8px 30px; font-size: 14px; line-height: 14px; color: #575555; background: #ffffff; border-bottom: 1px solid #eceaea; }
  .table-hracu {float: left; position: relative; width: 100%; text-align: center; }
  .score-price {font-size: 26px; line-height: 26px; color: grey;}
  .sub-buble-txt-1 {font-size: 14px; line-height: 14px; float: left; text-transform: uppercase; width: 22.1%; margin: 0% 1.2% 10px 1.2%; text-align: center;  padding: 28px 0px 22px 0px; color: #ffffff;}
  .sub-buble-txt-2 {font-size: 16px; line-height: 16px; float: left; text-transform: uppercase; width: 22.1%; margin: 0% 1.2% 10px 1.2%; text-align: center;  padding: 28px 0px 22px 0px; color: #ffffff;}
  .anchor-iframe {float: left; height: 98px;}
  .input-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .input-control input {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .control-textarea {height: 100px; width: 585px; padding: 8px 6px 6px 20px; border: 1px solid #dbd7d7; font-size: 14px; }
  .select-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .select-control select {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .zajezdy-1 {float: left; width: 250px; height: 250px; background: #ed1c24;}
  .zajezdy-2 {float: left; width: 275px; background: #c0c0c0;}
  .sub-logo-999 {float: left;margin-left: -105px; margin-top: -1px;}
  .sub-logo-0 {float: left;margin-left: -5px; margin-top: -1px;}
  .sub-logo-1 {float: left;margin-left: 20px;}
  .sub-logo-2 {float: left;margin-left: 10px;}
  .sub-logo-3 {float: left; margin-left: 0px;}
  .sub-logo-4 {float: left; margin-left: 10px;}
  .sub-logo-5 {float: left; margin-left: 17px;}
  .sub-logo-6 {float: left; margin-left: 10px;}
}
/* mobile */
@media screen and (min-width:0px) and (max-width:660px) {
  .hlavni {max-width: 320px; width: 100%;}
  .hlavni-obsah {float: left; width: 214px;}
  .table-2-sloupce {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .table-2-sloupce-leva {float: left; width: 100%; clear: both;}
  .table-2-sloupce-prava {float: right; width: 100%; clear: both;}
  .table-3-sloupce {width: 90%; margin: 0px 5% 0px 5%; clear: both;}
  .logo {}
  .logo img {display: block; margin: 0 auto;}
  .find-header {display: none;}
  .find-menu {display: block;}
  .find-input {border: 1px solid #ffffff; background: #ffffff; opacity: 0.4; filter: alpha(opacity=40);}
  .soc-header {display: none;}
  .language-header {position: absolute; right: 0px; top: 0px; display: block;}
  .menu {display: none;}
  .menu-mobile {display: block;}
  .mezera {}
  .telesa {display: block; background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/bg_telesa_320px.jpg'); background-repeat: no-repeat;}
  .telesa-txt-a {position: absolute; left: 46px; top: 38px;}   .telesa-txt-a div p {display: none;}
  .telesa-txt-b {position: absolute; left: 140px; top: 148px;} .telesa-txt-b div p {display: none;}
  .telesa-txt-c {position: absolute; left: 23px; top: 256px;}  .telesa-txt-c div p {display: none;}
  .telesa-mobil {display: block;}
  .program-upoutavka {display: block;}
  .program {width: 100%;}
  .aktuality {width: 100%;}
  .news {width: 100%; background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/bg_news.png'); background-repeat: repeat;}
  .home-aktuality-obsah {padding: 36px 0px 14px 0px; height: 596px;}
  .aktualita {width: 260px; height: 45px;}
  .m1 {margin-bottom: 17px;}
  .class-19623 p img {}
  .class-19628 p img {display: none;}
  .cinohra {width: 320px;}
  .cinohra-cinohra {background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/upoutavka_cinohra_cinohra_320px.jpg'); background-repeat: no-repeat;} 
  .cinohra-opera {background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/upoutavka_opera_home.jpg'); background-repeat: no-repeat;} 
  .cinohra-balet {background: url('/IS/pu_data/send_files/Image/user_img/saldovo_divadlo_cz/obecne/upoutavka_balet_home.jpg'); background-repeat: no-repeat;} 
  .cinohra-txt {position: absolute; left: 153px; top: 113px;}
  .cinohra-txt-cinohra {margin-left: 0px; margin-top: 18px;}
  .cinohra-txt-opera {margin-left: 16px; margin-top: 18px;}
  .cinohra-txt-balet {margin-left: -74px; margin-top: 88px;}
  .slider-cinohra {width: 100%;}
  .premiery-cinohra {width: 320px; height: 582px;}
  .premiery-cinohra-obsah {height: 523px;}
  .repertoar-cinohra-obsah {padding: 50px 50px 50px 50px; background-color: rgba(0,0,0,0.2); width: 220px;}
  .repertoar-opera-obsah {padding: 30px 50px 50px 50px; background-color: rgba(0,0,0,0.2); width: 220px;}
  .repertoar-0 {float: left; width: 250px;}
  .repertoar-1 {float: left; width: 250px; margin-top: 0px;}
  .repertoar-2 {float: left; clear: both; width: 250px;}
  .soubor-cinohra-obsah {padding: 20px 0px 20px 35px;}
  .text-obsah {padding: 35px 35px 35px 35px; width: 250px;}
  .text-obsah-pod {padding: 0px 35px 5px 35px; width: 250px;}
  .program-obsah {clear: both; width: 100%;}
  .detail-predstaveni-sloupec-jedna {width: 250px;}
  .detail-predstaveni-sloupec-dva {width: 250px;}
  .filtr-obsah {width: 260px; text-align: center;}
  .filtr-obsah select {clear: both;}
  .filtr-obsah input {clear: both;}
  .dva-sloupce {float: left; width: 100%;}
  .ctyri-sloupce {float: left; width: 100%;}
  .slider {width: 100%; height: 156px; }
  .aktuality-mdfxs {width: 320px;}
  .premiery-640 {display: none;}
  .premiery-960-320 {display: block;}
  .detail-predstaveni-rezervace-a {float: left; width: 100%;}
  .detail-predstaveni-rezervace-b {float: left; width: 100%; clear: both; margin-left: -4px; margin-top: 20px;}
  .modal-content-info { background-color: #fefefe; margin: auto; width: 300px; z-index: 400;  /* padding: 40px; border: 1px solid #888; height: 490px; */ }
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 400; /* Sit on top */
    padding-top: 100px; /* Location of the box moje */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  .divadlo-online-90st {display: none;} /* position: absolute; left: 10px; bottom: 10px; */
  /* .table-2-sloupce {width: 90%; margin: 0px 5% 0px 5%; } */
  .divadlo-online-item {float: left; width: 100%; clear: both; height: 230px; margin: 0px 0px 25px 0px;}
  .divadlo-poadcast-item {float: left; width: 100%; clear: both; height: 230px; margin: 0px 0px 25px 0px;}
  .nadpis-bily {font-family: 'JigsawStencilRegular'; font-size: 17px; font-weight: normal; color: #ffffff;}
  .score-td-title {padding: 8px 30px 8px 30px; font-size: 14px; line-height: 14px; color: #ffffff; background: #ed1c24; border-bottom: 1px solid #eceaea;}
  .score-td {padding: 8px 30px 8px 30px; font-size: 14px; line-height: 14px; color: #575555; background: #ffffff; border-bottom: 1px solid #eceaea; }
  .table-hracu {float: left; position: relative; width: 100%; text-align: center; }
  .score-price {font-size: 26px; line-height: 26px; color: grey;}
  .sub-buble-txt-1 {font-size: 14px; line-height: 14px; float: left; text-transform: uppercase; width: 100%; margin: 0% 0% 5px 0%; text-align: center;  padding: 8px 0px 4px 0px; color: #ffffff;}
  .sub-buble-txt-2 {font-size: 16px; line-height: 16px; float: left; text-transform: uppercase; width: 100%; margin: 0% 0% 5px 0%; text-align: center;  padding: 8px 0px 4px 0px; color: #ffffff;}
  .anchor-iframe {float: left; height: 98px;}
  .input-control {float: left; width: 200px; height: 34px; border: 1px solid #dbd7d7; }
  .input-control input {height: 34px; width: 200px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .control-textarea {height: 100px; width: 280px; padding: 8px 6px 6px 20px; border: 1px solid #dbd7d7; font-size: 14px; }
  .select-control {float: left; width: 280px; height: 34px; border: 1px solid #dbd7d7; }
  .select-control select {height: 34px; width: 280px; padding: 8px 6px 6px 20px; border: none; font-size: 14px; }
  .zajezdy-1 {float: left; width: 100%; height: 250px; background: #ed1c24;}
  .zajezdy-2 {float: left; width: 100%; background: #c0c0c0;}
}

.news p {color: white; font-size: 14px; font-weight: bold;}
.news a {color: #ffffff; font-size: 14px; font-weight: bold; text-decoration: underline;}
.news a:hover {color: #710000; font-size: 14px; font-weight: bold; text-decoration: underline;}
.news p a {color: #ffffff; font-size: 14px; font-weight: bold; text-decoration: underline;}
.news p a:hover {color: #710000; font-size: 14px; font-weight: bold; text-decoration: underline;}

/* The Close Button */
.close {
    color: #ffffff;
    float: right;
    font-size: 35px;
    font-weight: bold;
    margin-top: -25px;
    margin-right: -25px;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
} 

/* newsletter */
/* notebook */
@media screen and (min-width:660px) {
.se-formular {
        margin: auto ;
        margin-top: 30px ; 
           
        background-color: #f0f0f0;
        max-width: 530px !important;
        } 

    #se-webform-3.se-webform, .se-wrapper {
        margin: auto !important;
    }
    
    .se-webform-inner {
        width: 500px !important;
        max-width: 500px !important;
        margin: 0 auto !important;
        color: #231f20;
        padding: 15px 20px 15px 20px;

    }

    .se-license-agreement {
        border-bottom: 0px !important;
    }

    .se-license-agreement span {
        font-size: 16px !important;
    }

    .se-webform-3.se-webform {
        font-family: 'Verdana', sans-serif !important;
        color: #231f20 !important;
        background-color: #f0f0f0 !important;
        
    }

    #se-webform-3.se-webform .se-body ul li {
        padding: 0px 0px !important;
    }
    

    .se-header {
        padding: 0px !important;
        }


    h3 {
        margin: 20px 0px 0px 0px;
        font-size: 32px !important  ;
        font-weight: bold;
        font-family: 'JigsawStencilRegular','Verdana', sans-serif !important;
    }

    .se-text p {
        font-size: 16px;
        line-height: 26px;
        font-weight: normal;
        padding: 0px 40px 0px 40px;
        margin: 0px 0px 0px 0px;
        color: #231f20 !important;
        }

    .se-body ul li label {
        font-size: 16px;
        line-height: 26px;
        }

    .newsletter li {margin: 5px 0px;}

    .se-checkbox {
        list-style-type: none !important;
        accent-color: #e8343c !important;
    }

    .newsletter li.se-license-agreement {
        text-align: left !important;
        margin: 0 auto !important;
    }

    .newsletter ul li input {
        border: 2px solid #c6c6c6 !important;
        border-radius: .25rem;
        background-color: #ffffff;
        }

    
    #se-webform-3.se-webform .se-body ul li input[type=text] {
        padding: 15px 15px !important;
        border-radius: .25rem !important;
        font-family: 'Verdana', sans-serif!important;
        color: #231f20 !important;
        font-size: 16px !important;
        margin: 5px 0px !important;
    }
    
    #se-webform-3.se-webform .se-body ul li label {
        font-family: 'Verdana', sans-serif !important;
        color: #231f20 !important;
        font-size: 16px !important;
        font-weight: normal !important;
        padding: 3px 0px !important;
    }  
    
    #se-webform-3.se-webform .se-body ul li label.se-label.se-required {
        margin-top: 12px !important;
    }

    .newsletter li:last-child{
        margin-top: 15px !important;
    } 


    #se-webform-3.se-webform .se-submit button, #se-webform-3.se-webform .se-submit div.se-fake {
        background-color: #e8343c !important;
        border: 0px !important;
        border-radius: 0px !important;
        padding: 12px 40px 12px 40px !important;
        font-family: 'Verdana', sans-serif !important;
        font-weight: medium !important;
        color: #e4e4e4   !important;
        font-size: 16px !important;
        margin: 0 auto !important;
        }

    #se-webform-3.se-webform .se-submit {
        padding: 0px 0px 0px 0px !important;
    }

    #se-webform-3.se-webform .se-webform-primary-purpose{
        padding: 0px !important;
        border-bottom: 0px !important;
        text-align: center !important;
        margin: auto !important;
        font-family: 'Verdana', sans-serif !important;
        max-width: 300px !important;
    }
    
    .se-webform-primary-purpose p{
        font-size: 12px;
        color: #555555 !important;
        font-weight: normal;
        padding: 0px 40px 20px 40px !important;
        margin: 20px !important;
        }

     .se-webform-primary-purpose a{
        font-size: 12px;
        color: #555555 !important;
        font-weight: normal;
            }

    #se-webform-3.se-webform .se-submit button:hover {
        text-decoration: underline !important;
        transition: all 0.3s ease-out !important;
        }
}

/* MOBIL */
@media screen and (min-width:0px) and (max-width:660px) {
.se-formular {
        margin: auto ;
        margin-top: 30px ; 
           
        background-color: #f0f0f0;
        max-width: 320px !important;
        } 

    #se-webform-3.se-webform, .se-wrapper {
        margin: auto !important;
    }
    
    .se-webform-inner {
        width: 320px !important;
        max-width: 320px !important;
        margin: 0 auto !important;
        color: #231f20;
        padding: 15px 20px 15px 20px;

    }

    .se-license-agreement {
        border-bottom: 0px !important;
    }

    .se-license-agreement span {
        font-size: 12px !important;
    }

    .se-webform-3.se-webform {
        font-family: 'Verdana', sans-serif !important;
        color: #231f20 !important;
        background-color: #f0f0f0 !important;
        
    }

    #se-webform-3.se-webform .se-body ul li {
        padding: 0px 0px !important;
    }
    

    .se-header {
        padding: 0px !important;
        }


    h3 {
        margin: 20px 0px 0px 0px;
        font-size: 20px !important  ;
        font-weight: bold;
        font-family: 'JigsawStencilRegular','Verdana', sans-serif !important;
    }

    .se-text p {
        font-size: 14px;
        line-height: 26px;
        font-weight: normal;
        padding: 0px 40px 0px 40px;
        margin: 0px 0px 0px 0px;
        color: #231f20 !important;
        }

    .se-body ul li label {
        font-size: 14px;
        line-height: 26px;
        }

    .newsletter li {margin: 5px 0px;}

    .se-checkbox {
        list-style-type: none !important;
        accent-color: #e8343c !important;
    }

    .newsletter li.se-license-agreement {
        text-align: left !important;
        margin: 0 auto !important;
    }

    .newsletter ul li input {
        border: 2px solid #c6c6c6 !important;
        border-radius: .25rem;
        background-color: #ffffff;
        }

    
    #se-webform-3.se-webform .se-body ul li input[type=text] {
        padding: 15px 15px !important;
        border-radius: .25rem !important;
        font-family: 'Verdana', sans-serif!important;
        color: #231f20 !important;
        font-size: 16px !important;
        margin: 5px 0px !important;
    }
    
    #se-webform-3.se-webform .se-body ul li label {
        font-family: 'Verdana', sans-serif !important;
        color: #231f20 !important;
        font-size: 14px !important;
        font-weight: normal !important;
        padding: 3px 0px !important;
    }  
    
    #se-webform-3.se-webform .se-body ul li label.se-label.se-required {
        margin-top: 12px !important;
    }

    .newsletter li:last-child{
        margin-top: 15px !important;
    } 


    #se-webform-3.se-webform .se-submit button, #se-webform-3.se-webform .se-submit div.se-fake {
        background-color: #e8343c !important;
        border: 0px !important;
        border-radius: 0px !important;
        padding: 12px 40px 12px 40px !important;
        font-family: 'Verdana', sans-serif !important;
        font-weight: medium !important;
        color: #e4e4e4   !important;
        font-size: 16px !important;
        margin: 0 auto !important;
        }

    #se-webform-3.se-webform .se-submit {
        padding: 0px 0px 0px 0px !important;
    }

    #se-webform-3.se-webform .se-webform-primary-purpose{
        padding: 0px !important;
        border-bottom: 0px !important;
        text-align: center !important;
        margin: auto !important;
        font-family: 'Verdana', sans-serif !important;
        max-width: 300px !important;
    }
    
    .se-webform-primary-purpose p{
        font-size: 12px;
        color: #555555 !important;
        font-weight: normal;
        padding: 0px 40px 20px 40px !important;
        margin: 20px !important;
        }

     .se-webform-primary-purpose a{
        font-size: 12px;
        color: #555555 !important;
        font-weight: normal;
            }

    #se-webform-3.se-webform .se-submit button:hover {
        text-decoration: underline !important;
        transition: all 0.3s ease-out !important;
        }
}