* {
  margin: 0;
  padding: 0;
  border: 0;
}
body, html {
  height: 100%
}
html {
  overflow-y:scroll;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/*.clearfix {
  display: inline-block;
}*/
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
nav, footer, #wrapper > header, article {
  display: block;
}
.grid {
  width: 996px;
  margin-left: -18px;
}
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-8, .grid-9, .grid-10, .grid-12 {
  float: left;
  margin-left: 18px;
}
.grid-1 {
  width: 65px;
}
.grid-2 {
  width: 148px;
}
.grid-3 {
  width: 231px;
}
.grid-4 {
  width: 314px;
}
.grid-5 {
  width: 397px;
}
.grid-6 {
  width: 480px;
}
.grid-7 {
  width: 563px;
}
.grid-8 {
  width: 646px;
}
.grid-9 {
  width: 729px;
}
.grid-10 {
  width: 812px;
}
.grid-11 {
  width: 895px;
}
.grid-12 {
  width: 978px;
}
.inner {
  margin-left: 0 !important;
}
.grid-4.inner {
  width: 332px;
}
.grid-6.inner {
  width: 498px;
}
.grid-8.inner {
  width: 664px;
}
.grid-9.inner {
  width: 747px;
}
.grid-10.inner {
  width: 830px;
}
.grid-12.inner {
  width: 996px;
  margin-left: 0 !important;
}
/* TYPOGRAPHY */
body, #spektakl ul.info li ul .crew, .current-page {
  font-family: "Times New Roman", Georgia,  serif;
}
#wrapper > header, #zespol ul li span.function, #spektakl ul.info li ul, #text p#author, #adres p, .pagination, #banner span, #front ul.inner span, .shows, #caption, #repertuar ul.inner span, time, footer, #repertuar table td:first-child, #galeria ul.inner span, #galeria table td:first-child, .time, .buy, #crumbs, #controls, #search, input, button, .news-filter {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#spektakl ul.info li ul h2  {
  font-family: "Times New Roman", Georgia,  serif;
}

/* GENERAL */
body {
  background: #fff;
  font-size: 14px;
  line-height: 18px;
  color: #000;
}
a:link, a:visited{
  color: #D2396C;
  text-decoration: none;
}
a:active, a:focus, a:hover{
  background-color:#E5E5E5;
  color: #000 !important;
}
p, ul {
  margin-bottom: 18px;
}
ul.grid-3, ul.grid-4, ul.grid-5, ul.grid-6, ul.grid-8, ul.grid, ul.grid-12 {
  list-style: none;
  margin-bottom: 0;
}
.align-right {
  text-align: right;
}
.empty {
  display: block;
  height: 18px;
}
.pagination {
  font-size: 12px;
  color: #CCC;
  height: 18px;
  padding: 12px 0 !important;
}
figure{
  margin:20px auto 25px;
  position:relative;
  text-align:center;
}
figure img{
  display:block;
  height:auto !important;
  margin:0;
  max-width:100%;
}
figure figcaption{
  bottom:0;
  color:#666;
  font-size:12px;
  padding-top:4px;
  position:absolute;
  text-align:left;
  top:auto !important;
  width:100%;
}

.pagination {}
.pagination .current-page {
  font-size: 17px !important;
  color: #000;
  text-align: center;
}
.pagination .current-page.shifted {
  position: relative;
  left: 73px;
  top: 0;
}
#repertuar .pagination li.grid-4,
#galeria .pagination li.grid-4 {
  height: auto;
  border-bottom: 0;
  margin-bottom: 0;
}
#galeria .pagination.bottom{
  bottom:0;
  position:absolute;
}
/* STRUCTURE */
#wrapper {
  width: 100%;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto;
}
.push {
  height: 120px;
}
/* HEADER  */
#wrapper > header {
  background: #000;
  font-size: 12px;
  width: 100%;
  z-index: 1050;
  height: 70px;
  margin: 0 auto;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
}
#wrapper > header nav {
  margin: 17px auto 0;
  padding-left: 315px;
  height: 28px;
  width: 662px;
}
#wrapper > header nav ul {
  list-style: none;
  position: relative;
}
#wrapper > header nav ul li {
  display: inline;
  padding: 0 0 14px;
}
#wrapper > header nav ul li a {
  padding: 0 8px;
}
#wrapper > header nav ul ul {
  background: #000;
  text-align: left;
  z-index: 999;
  position: absolute;
  top: 20px;
  left: 0;
  display: none;
  width: 100%;
  height: 24px;
  padding-top: 3px;
}
/*#wrapper > header nav ul div ul {
  text-align: left;
  width: 620px;
  background: #000;
  position: absolute;
  top: 4px;
  left: 50%;
  margin-left: -174px;
}*/
#wrapper > header nav ul li.active ul {
  z-index: 1051;
}
#wrapper > header nav ul li:hover ul {
  z-index: 1052;
}
#wrapper > header nav ul li a {
  color: #fff;
}
#wrapper > header nav ul li.active a, #wrapper > header nav ul li:hover ul li.active a, #wrapper > header nav ul li.active li.active a, #bip nav ul li.active a {
  color: #ce4455;
}
#wrapper > header nav li:hover ul, #wrapper > header nav ul li.active ul {
  display: block;
}
#wrapper > header nav ul li:hover ul a, #wrapper > header nav ul li.active ul a {
  color: #fff;
}
#wrapper > header nav ul li a:hover, #wrapper > header nav ul li.active a, #wrapper > header nav ul div ul li a:hover {
  color: #F05;
}
#logo {
  background: url("/static/img/logo.gif") no-repeat;
  z-index: 2000;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -494px;
  width: 314px;
  height: 62px;
  display: block;
  overflow: hidden;
  text-indent: -999px;
}


#wrapper a.ytb {
  padding: 0 1px 0 0;
  width: 16px;
  height: 16px;
  background: url("/static/img/sprite.png") -80px 0 no-repeat;
  display: block;
  overflow: hidden;
  text-indent: -999px;
}
#wrapper li a.ytb {
  float: right;
}
#wrapper a.ytb:hover {
  background-position: -57px 0; }
  
#wrapper a.fbk {
  padding: 0;
  width: 16px;
  height: 16px;
  background: url("/static/img/sprite.png") -30px 0 no-repeat;
  display: block;
  overflow: hidden;
  text-indent: -999px;
}
#wrapper li a.fbk {
  float: right;
}
#wrapper a.fbk:hover {
  background-position: 0 0;
}
#wrapper a.club {
  position: absolute;
  left: 50%;
  top: 18px;
  margin-left: 414px;
  color: #999;
}
/* BANNER */
#banner {
  margin-top: 68px;
  margin-bottom: 18px;
  
  background: #000;
  position: relative;

  height:auto;
  max-height: 420px;
  margin-left: auto;
  margin-right: auto;
  overflow:hidden;
}
#banner img {
  display: block;
  margin: 0 auto;
    width:auto;
  max-width: 966px;
}
#banner #copy {
  display: block;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 140px;
  margin-left: 175px;
  text-shadow: 1px 1px 2px #000000;
  filter: dropshadow(color=#000000, offx=1, offy=1);
}
#banner #copy.left {
  margin-left: -375px;
}
#banner #copy.middle {
  top: 50%;
  margin-top: -40px;
}
#banner #copy.top {
  top: 40px;
}
#banner #copy.center {
  left: 50%;
  width: 500px;
  text-align: center;
  margin-left: -250px;
}
#banner #copy.bottom {
  top: auto;
  bottom: 40px;
}
#banner #copy.black {
  color: #000;
}
#banner h1 {
  border: 0;
  padding: 0;
  margin: 0;
  font-weight: 200;
  font-size: 36px;
  line-height: 34px;
  font-style: italic;
}
#banner span {
  font-weight: 200;
  font-size: 16px;
  padding-top: 6px;
  display: block;
}
/* THE CONTENT */
.container {
  width: 978px;
  margin: 0 auto;
  padding-top: 90px;
  position: relative;
  min-height: 700px;
}
h2, h1 {
  padding: 0 0 4px;
  font-size: 20px;
  font-weight: normal;
  display: block;
  border-bottom: 1px solid #aba9a8;
  margin-bottom: 18px;
}
#front h3, #repertuar h3, #galeria h3 {
  font-size: 16px;
  font-weight: normal;
  font-style: italic;
}
#front {
  padding-top: 0;
  font-size: 12px;
}
#front span, #front time, #repertuar li.grid-4 span, #galeria li.grid-3 span {
  display: block;
  padding: 0 0 4px;
  color: #666;
}
#front li.grid-4, #repertuar li.grid-4{
  height: 100%;
  margin-bottom: 18px;
}
#galeria li.grid-3{ margin-bottom:18px; }
.front-news li {
  border-bottom: 1px solid #aba9a8;
  height: 183px;
  color: #333;
}



#front p a {
  color: #ce4455;
}
#front .caption {
  display: block;
  width: 100%;
  height: 18px;
}
/* REPERTUAR */
#repertuar h1, #repertuar h2,
#galeria h1, #galeria h2 {
  padding-bottom: 0;
  margin-bottom: 0;
  border: 0;
  height: 30px;
}
ul#crumbs, #repertuar ul.grid-6, #galeria ul.grid-6 {
  list-style: none;
}
ul#crumbs li, #repertuar ul.grid-6 li, #repertuar #controls li,
#galeria ul.grid-6 li, #galeria #controls li {
  display: inline;
  padding-right: 16px;
}
#repertuar table,
#galeria table {
  border-collapse: collapse;
  border-style: solid;
  border-color: #aba9a8;
  border-width: 1px 0;
  text-align: left;
  width: 978px;
}
#repertuar table td, #repertuar table th,
#galeria table td, #galeria table th{
  padding: 0 8px;
}
#repertuar table td,
#galeria table td {
  height: 26px;
}
#repertuar table td:first-child, #repertuar table th:first-child,
#galeria table td:first-child, #galeria table th:first-child {
  padding-left: 0;
  border-left: 0;
}
#repertuar table td:first-child, #galeria table td:first-child {
  font-size: 12px;
}
#repertuar table th,
#galeria table th {
  text-align: left;
  font-weight: normal;
  height: 38px;
  background: url("/static/img/tab-sprite2.jpg") -157px -26px;
  border-bottom: 1px solid #aba9a8;
  padding-top: 5px;
  padding-bottom: 13px;
}
#repertuar table th{ background:none; }
#repertuar table th span,
#galeria table th span {
  display: block;
  width: 62px;
  height: 51px;
  background: url("/static/img/sprite.png") right -100px;
  position: absolute;
  right: 422px;
  top: 188px;
}

.barak {
  padding-top: 15px;
}

#repertuar table th.barak span {
  background-position: right -155px;
  right: 2px;
  top: 193px;
  height: 43px;
}
#repertuar .wspolczesny, #repertuar .barak {
  width: 397px;
}
#repertuar table th .wspolczesny {
/*  background: url("/static/img/tab-sprite2.jpg") -157px -26px;*/
}

#galeria table td {
  color: #333;
  background: url("/static/img/tab-sprite.gif") -157px -26px no-repeat;
}
#repertuar table td{
  background:#FFF; 
  border-bottom: 1px solid #DDD;
  color: #333;
  padding:4px;
}
#repertuar table .with-data.multiple td{
  /*background-image: url("/static/img/tab-sprite-ex.gif");*/
}
#repertuar table .date, #repertuar table td:first-child,
#galeria table .date, #galeria table td:first-child {
  width: 148px;
  background-position: -1px -26px;
}
#repertuar table .date, #repertuar table td:first-child{
  background: #FFF;
  border-right: 1px solid #333;
  border-bottom: 1px solid #DDD;
  box-shadow: inset -12px 0px 8px -10px rgba(0,0,0,0.43);
  width: 148px;
}
#galeria table td:last-child, #galeria table th:last-child{
  background-position: -565px -26px;
}
#repertuar table td:last-child, #repertuar table th:last-child{
  box-shadow: inset 12px 0px 8px -10px rgba(0,0,0,0.43);
  border-left: 1px solid #333;
}
#repertuar table .with-data td,
#galeria table .with-data td {
  background-position: -157px 0;
  vertical-align: top;
  background: #EEE;
}
#repertuar table .with-data td:first-child,
#galeria table .with-data td:first-child {
  background-position: -1px 0;
}
#repertuar table .with-data td:last-child,
#galeria table .with-data td:last-child {
  background-position: -565px 0;
}
#repertuar table .with-data.multiple td .spectacle-item{
  display:block;
  margin-bottom:7px;
}
#repertuar table .with-data.multiple td .spectacle-item:first-child{ margin-bottom:4px; }
#repertuar table a,
#galeria table a {
  color: #ce4455;
  font-style: italic;
}
#repertuar table a:hover,
#galeria table a:hover {
  color: #000;
}
#repertuar table a.buy {
  background:#ce4455;
  color:#FFF;
  font-weight:bold;
  line-height:14px;
  font-style: normal;
  border-radius:10px;
  padding:2px 5px;
}
a.buy.btn-no-tickets{
  background:#AAA !important;
  color:#000 !important;
}
#repertuar .grid-12.inner,
#galeria .grid-12.inner {
  padding: 18px 0 0;
}
#repertuar,
#galeria {
  padding: 96px 0 18px;
}
#repertuar .grid-4 img,
#galeria .grid-3 img {
  display: block;
  width:100%;
}
#repertuar .grid-4 .caption,
#galeria .grid-3 .caption {
  display: block;
  height: 18px;
  overflow: hidden;
  width: 100%;
}
#repertuar .canceled{
  color:#CE0000;
  font-weight:bold;
  float:right;
}
.time, .buy {
  font-size: 12px;
}
.buy {
  float: right;
}
#controls {
  font-size: 14px;
  line-height: 20px;
}
#controls a {
  color: #ce4455;
}
#controls .drop-down:hover li.selected a, #controls .drop-down:hover li a:hover {
  opacity: 0.5;
}
#repertuar #controls li ,
#galeria #controls li {
  padding-right: 40px;
}
#controls li a {
  padding-left: 20px;
}
#controls li ul {
  display: inline;
}
#repertuar #controls ul.drop-down,
#galeria #controls ul.drop-down {
  margin-top: 0px;
  border-width: 1px 1px;
  border-style: solid;
  border-color: #aba9a8;
  padding-top: 1px;
  padding-right: 3px;
  padding-bottom: 1px;
  padding-left: 3px;
  background-color: #FFF;
}
#repertuar #controls ul.drop-down li,
#galeria #controls ul.drop-down li {
  display: none;
  border: none;
  margin-left: 0px;
  padding-top: 0;
  padding-right: 2px;
  padding-bottom: 1px;
  padding-left: 2px;
  
}
#repertuar #controls ul.drop-down li a,
#galeria #controls ul.drop-down li a { padding: 0; }
#repertuar #controls li.drop-down-parent ul:hover li,
#galeria #controls li.drop-down-parent ul:hover li {
  margin-left: 0px;
  background: #fff;
  display: block;
  /*-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 0px 1px 3px #ccc; */
}
#repertuar #controls li.drop-down-parent ul:hover,
#galeria #controls li.drop-down-parent ul:hover {
  border-color: #aba9a8;
}
#repertuar #controls li.drop-down-parent ul.overflow:hover,
#galeria #controls li.drop-down-parent ul.overflow:hover {
  border-color: #aba9a8;
  height: 238px;
  overflow-y: scroll;
}

#repertuar #controls #month,
#galeria #controls #month{  }
#repertuar #controls #month ul,
#galeria #controls #month ul{ left: 9px; }
#repertuar #controls #year,
#galeria #controls #year{ padding-right:55px; }
#repertuar #rep_arch #controls #year,
#galeria #rep_arch #controls #year{ padding-right: 72px; }
#repertuar #controls #year ul,
#galeria #controls #year ul{ left: 8px; }

#controls  li.drop-down-parent ul {
  z-index: 200;
  display: block;
  position: absolute;
  top: -1px;
  margin-top: 0px;
}

#repertuar #controls li.drop-down-parent,
#galeria #controls li.drop-down-parent{
  position: relative;
  margin-right: 5px;
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
}

#galeria li.grid-3 img{ margin-bottom:10px; }
#galeria li.grid-3 h3{ margin-bottom:5px; }
#galeria li.grid-3 a:hover h3{ background-color:#EFBFC0; }
#galeria li.grid-3 span.autor, #galeria li.grid-3 span.autor-name,
#galeria li.grid-3 span.release{ color:#000; }
#galeria li.grid-3 span.caption{ margin-bottom:10px; }
#galeria li.grid-3 span.autor-name{
  display:inline-block;
  font:italic 13px/14px "Times New Roman",Georgia,serif;
  margin:0;
  padding:0;
}
#galeria.group-select .grid .grid-3{
  border:0;
  color:#ce4455;
  text-align:right;
}
#galeria.group-select .grid .grid-3 h5{
  font-size:16px;
  font-style:italic;
  font-weight:normal;
  margin-bottom:5px;
  text-align:left;
}
#galeria.group-select .grid .grid-3 a:hover h5{ background-color:#EFBFC0; }

#repertuar #controls ul.drop-down li.selected,
#galeria #controls ul.drop-down li.selected {
  display: block;
  padding-top: 1px;
}
#repertuar #search,
#galeria #search {
  font-size: 12px;
}
#teatr-online-intro{
  border:2px solid #707070;
  box-sizing:border-box;
  margin:0 0 40px;
  padding:25px 60px;
}
#teatr-online-intro p{
  color:#676767;
  font:13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin:0;
  padding:0;
}
#teatr-online-intro p.account-number{
  font-size:20px;
  font-weight:bold;
  line-height:32px;
}
#teatr-online-intro-text{
  float:left;
  padding-top:8px;
  width:80%;
}
#teatr-online-intro-pay{
  float:right;
  text-align:right;
  width:20%;
}
#teatr-online-intro-pay .amount{
  border:2px solid #D2396C;
  box-sizing:border-box;
  margin-bottom:10px;
  padding:10px 15px;
  width:150px;
}
#teatr-online-intro-pay .submit{
  background:#D2396C;
  box-sizing:border-box;
  color:#FFF;
  cursor:pointer;
  display:block;
  float:right;
  font-size:12px;
  padding:10px 15px;
  width:150px;
}
#teatr-online-intro-pay .submit:hover{
  background:#EEE;
  color:#000;
}
#repertuar .grid-12.inner.online-spectacle-list{ padding:0; }
#repertuar .online-spectacle-list .grid-4{
  border-bottom:0;
  height:auto;
  min-height:450px;
}
#repertuar .online-spectacle-list figure{ margin-top:0; }
#repertuar .online-spectacle-list .online-spectacle-wrapper{
  background:#f4f4f4;
  font:14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  min-height:450px;
  position:relative;
}
#repertuar .online-spectacle-list .online-spectacle-inner{
  padding:0 20px 30px;
}
#repertuar .online-spectacle-list .online-spectacle-inner h3{
  font:bold 24px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform:uppercase;
}
#repertuar .online-spectacle-list .online-spectacle-inner h5{
  font:bold 18px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom:10px;
}
#repertuar .online-spectacle-list .online-spectacle-main{ list-style:none; }
#repertuar .online-spectacle-list .online-spectacle-main span{
  color:#191919;
  display:inline-block;
  font-style:normal;
}
#repertuar .online-spectacle-list .online-spectacle-peoples-collapse{
  display:none;
}
#repertuar .online-spectacle-list .online-spectacle-inner.collapse.in .online-spectacle-peoples-collapse{ display:block; }
#repertuar .online-spectacle-list .online-spectacle-peoples ul{ list-style:none; }
#repertuar .online-spectacle-list .online-spectacle-peoples h4{
  border:0;
  float:none;
  padding:0;
  margin:0;
  width:auto;
}
#repertuar .online-spectacle-list .online-spectacle-play-control{
  bottom:20px;
  font-size:13px;
  line-height:16px;
  margin:35px 0 0;
  position:absolute;
  width:calc(100% - 40px);
}
#repertuar .online-spectacle-list .online-spectacle-play-control > p{ margin-bottom:15px; }
#repertuar .online-spectacle-list .online-spectacle-inner.collapse.in .online-spectacle-play-control{
  position:static;
  width:100%;
}
#repertuar .online-spectacle-list a:link i.triangle, #repertuar .online-spectacle-list a:visited i.triangle{
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-top:7px solid #D2396C;
  display:inline-block;
  height:0;
  width:0;
}
#repertuar .online-spectacle-list a:active i.triangle, #repertuar .online-spectacle-list a:hover i.triangle{ border-top-color:#000 !important; }
#repertuar .online-spectacle-list a.btn:link, #repertuar .online-spectacle-list a.btn:visited{
  background:#D34656;
  box-sizing:border-box;
  color:#FFF;
  display:block;
  font:bold 22px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin:0;
  padding:15px 40px;
  text-align:center;
  width:100%;
}
#repertuar .online-spectacle-list a.btn:active, #repertuar .online-spectacle-list a.btn:hover{
  background:#FFF;
  color:#D34656;
}
#repertuar .online-spectacle-list a.btn.btn-disabled{
  background:#CACACA !important;
  color:#FFF !important;
  cursor:default;
}
#search input {
  background: #cfcfcf;
  height: 18px;
  width: 240px;
}
#search button {
  width: 23px;
  border: #cfcfcf 1px solid;
  cursor: pointer;
  background: #fff;
  height: 18px;
}
#search input, #search button, #search label {
  margin-right: 6px;
  float: left;
}
#search button {
  margin-right: 0px;
}
#search button:hover {
  color: #ce4455;
}
#search_info {
  padding: 20px 0;
  text-transform: uppercase;
  font-size: 16px;
}
#icons a, #list a, .drop-down li:first-child a, .drop-down li.selected a, #repertuar .drop-down:hover li.selected:first-child a, #galeria .drop-down:hover li.selected:first-child a {
  background: url("/static/img/sprite.png") no-repeat;
}
.drop-down:hover li.selected a {
  background: none;
}
#icons a {
  background-position: 0 -26px;
}
#list a {
  background-position: 0 -46px;
}
.drop-down:hover li:first-child a, .drop-down li.selected a, #repertuar .drop-down:hover li.selected:first-child a, #galeria .drop-down:hover li.selected:first-child a {
  padding-right: 10px !important;
  background-position: right -64px;
}
#repertuar li.grid-4 {
  border-bottom: 1px solid #aba9a8;
  font-size: 12px;
  height: 318px;
  margin-bottom: 20px;
}
#repertuar.baza-spektakli li.grid-4 {
  height: 222px;
}
#galeria li.grid-3 {
  border-bottom: 1px solid #aba9a8;
  font-size: 12px;
  margin-bottom: 20px;
}

#repertuar.baza-spektakli.archiwum-spektakli li.grid-4 {
  height: 178px;
}

#repertuar li.grid-4 p,
#galeria li.grid-3 p {
  max-height: 36px;
  overflow-y: hidden;
}
.shows {
  font-size: 12px;
  clear: both;
  list-style: none;
}
.shows li {
  position: relative;
  width: 157px;
}
.shows .col2 {
  margin-left: 157px;
}
.shows .reset {
  margin-top: -54px;
}
.shows li a {
  color: #ce4455;
}
.shows a:hover {
  color: #000;
}
#repertuar h4,
#galeria h4 {
  float: left;
  margin-top: -23px;
  width: 157px;
}
.more {
  float: right;
  width: 157px;
  text-align: right;
}
#repertuar h4, .more,
#galeria h4{
  border-bottom: 1px solid #aba9a8;
  margin-bottom: 4px;
}
.shows button {
  margin-bottom: 0px;
  padding-bottom: 2px;
  background-color: #FFF;
  padding-top: 2px;
  padding-right: 2px;
}
.shows button:hover {
  color: #999;
}
.repertuarbuton a {
  border: 1px solid #999;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  padding-top: 5px;
  padding-right: 6px;
  padding-bottom: 5px;
  padding-left: 6px;
  background-color: #EDEDED;
  text-shadow: #FFF 0px 1px 1px;
}
.repertuarbuton a:hover {
  background-color: #FFF;
  color: #333;
}
/* SPEKTAKL */
#spektakl h1 {
  border-bottom: 0;
  margin-bottom: 0;
}
#spektakl h1 span {
  font-size: 14px;
}
#spektakl #crumbs {
  margin-bottom: 18px;
}
.big-buy {
  font-size: 18px;
}
a.crew, .big-buy, .linked a {
  color: #ce4455;
}
.linked a {
  font-style: italic;
}
a.crew:hover, .big-buy:hover, .linked a:hover {
  color: #000;
}
#spektakl ul.info {
  margin-top: 0px;
  margin-right: 10px;
}
#spektakl ul.info, #spektakl ul.info ul, .linked {
  list-style: none;
}
#spektakl ul.info li ul {
  font-size: 12px;
}
#spektakl ul.info li ul li {
  padding-top: 10px;
}
#spektakl ul.info li ul li:first-child {
  padding-top: 0px;
}
#spektakl ul.info .role {
  display: block;
}
#spektakl .crew {
  font-size: 14px;
  display: block;
}


.awarded {
  font-weight: bold;
}

#spektakl h2, #spektakl h3 {
  font-weight: normal;
  border-bottom: 1px solid #ABA9A8;
  font-size: 14px;
  margin-bottom: 9px;
}
#spektakl .grid-12 {
  position: relative;
}
#spektakl .grid-12 iframe {
  position: absolute;
  right: -15px;
  top:0;
}
#spektakl .gallery {
  list-style: none;
}
#spektakl .gallery li {
  height: 100px;
  display: inline;
  margin-bottom: 30px;
}
#spektakl .linked {
  font-size: 13px;
}
#spektakl .linked li {
  margin-bottom:10px;
}
#spektakl .info p {
  padding-left:0px;
  margin-bottom:0px;
}
#spektakl .gallery2 {
  list-style: none;
}
#spektakl .gallery2 li {
  display: inline;
  margin-bottom: 30px;
}
#spektakl .gallerydiv {
  list-style: none;
  clear: both;
}
.achart {
  clear: both;
  font-size: 13px;
}
.achart li {
  margin-bottom: 7px;
  line-height: 16px;
}
.achart small {
  margin: 0px;
  margin-top: -5px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.results {
  color: #ABA9A8;
  font-size: 17px;
}
.results span {
  color: #000;
}
.results a {
  margin-left: 10px;
  color: #ce4455;
  font-size: 12px;
}
.results a:hover {
  color: #000;
}
/* TEXT */
#caption {
  font-size: 11px;
  padding: 4px 0;
  color: #fff;
  position: relative;
  z-index: 501;
  display: block;
  width: 978px;
  text-align: left;
  margin: 0 auto;
}
#text {
  padding-top: 20px;
}
#text h2 {
  margin-bottom: 0;
  border-bottom: 0;
}
#text #crumbs {
  margin-bottom: 9px;
}
#author {
  font-size: 12px !important;
  margin-bottom: 9px;
}
#text-nav ul {
  list-style: none;
}
#text-nav li {
  position: relative;
}
#text-nav li.selected a {
  color: #ce0055;
}
/* NEWS */
#aktualnosci {
  padding-bottom: 18px;
}

#aktualnosci grid-10 a, #aktualnosci #latest a {
  color: #ce0055;
}

#aktualnosci grid-10 a:hover, #aktualnosci #latest a:hover {
  color: #000;
}

#aktualnosci h1 {
  padding-bottom: 0;
  margin-bottom: 0;
  height: 30px;
}
#aktualnosci h3 {
  border-top: 1px solid #aba9a8;
  padding-top: 6px;
  margin-bottom: 14px;
  border-bottom: 0;
  font-size: 16px;
}
/*#aktualnosci .grid-8 p {
  margin-left: 157px;
}*/
#aktualnosci .grid-8 p img {
  margin-left: -157px;
  float: right;
}
#aktualnosci .grid-8 h2 {
  font-size: 16px;
  font-weight: normal;
  font-style: italic;
  display: block;
}
#aktualnosci .grid-8 h2 a {
  color: #ce4455;
}
#aktualnosci .grid-8 h2 a:hover {
  color: #000;
}
#aktualnosci .grid-8 time {
  display: block;
}
#aktualnosci time {
  font-size: 11px;
  color: #666;
}
#aktualnosci .grid-4.inner ul {
  display: block;
  list-style: none;
  padding-bottom: 18px;
}
#aktualnosci .grid-8 article {
  padding: 18px 0 18px;
  border-top: 1px solid #aba9a8;
}
#aktualnosci .grid-8 article#post{
  border-top:0;
  padding-top:0;
}
#aktualnosci .grid-8 article header{ margin-bottom:20px; }
#aktualnosci .grid-8 article header h2{
  border:0;
  margin:0;
  padding:0;
}
#aktualnosci .grid-8 article .text{
  float:left;
  width:474px;
}
#aktualnosci .grid-8 article span {
  font-size: 12px;
  color: #666;
  padding-top: 4px;
}
#latest a {
  font-style: italic;
}
#aktualnosci .grid-8 p a {
  color: #ce0055;
}
#aktualnosci .grid-8 p a:hover {
  color: #000;
}
.news-filter li {
  font-size: 12px;
  display: block;
}
.news-filter li.selected > a {
  color: #ce0055;
}
#aktualnosci .grid-4.inner ul li ul {
  padding-bottom: 0;
  display: none;
}
#aktualnosci .grid-4.inner ul li:first-child ul, #aktualnosci .grid-4.inner ul li.selected ul, #aktualnosci .grid-4.inner ul li:hover ul {
  display: block;
}
#aktualnosci .grid-6 #post p, #aktualnosci .grid-6 #post p img {
  margin: 0 0 18px;
  float: none;
}
#aktualnosci .photo-capt {
  position: relative;
  top: -20px;
  display: block;
}
#aktualnosci .newsred .grid-4 a {
  color: #ce0055;
}
#aktualnosci .newsred .grid-4 a:hover {
  color:#000
}

#aktualnosci .list.grid-8{ margin-top:2px; }
#aktualnosci .list.grid-8 article:first-child{ border-top:0; }
#aktualnosci .latest>.grid-4{
  border-right:1px solid #EEE;
  margin-top:20px;
}
#aktualnosci .latest>.grid-4 h3{ border-top:0; }
#aktualnosci .grid-4.archive{
  border-top:1px solid #EEE;
  margin-top:0;
  padding-top:20px;
}
#aktualnosci #latest li.clearfix{ margin-bottom:10px; }
#aktualnosci #latest li.clearfix time{
  float:left;
  width:20%;
}
#aktualnosci #latest li.clearfix a{
  float:right;
  width:80%;
}
body.font-hd-stage-1 #aktualnosci #latest li.clearfix time,
body.font-hd-stage-1 #aktualnosci #latest li.clearfix a,
body.font-hd-stage-2 #aktualnosci #latest li.clearfix time,
body.font-hd-stage-2 #aktualnosci #latest li.clearfix a,
body.font-hd-stage-3 #aktualnosci #latest li.clearfix time,
body.font-hd-stage-3 #aktualnosci #latest li.clearfix a{
  display:block !important;
  width:100% !important;
}
#aktualnosci .element{ margin-top:20px; }

#aktualnosci .pagination {
  text-align:center;
}
/* OTHER */
#other h1 {
  margin-bottom: 0;
  border: 0;
}
#other h1 span {
  font-size: 16px;
}
#other h2 {
  font-size: 16px;
}
#other #crumbs {
  margin-bottom: 18px;
}
#gmap {
  width: 480px;
  height: 480px;
  background: #ccc;
}
#adres h3 {
  font-size: 14px;
  font-weight: normal;
}
#adres p {
  font-size: 12px;
}
#other a {
  color: #ce0055;
}
#other a:hover {
  color: #000;
}
/* ZESPOL */
#zespol h1 {
  margin-top: 25px;
  margin-bottom: 15px;
}
h1.h_aktorzy {
  border-bottom: 1px solid #ccc;
  margin-left: 18px;
  font-size: 15px;
  padding-bottom: 2px;
}
#zespol #crumbs {
  margin-bottom: 18px;
}
#zespol ul {
  list-style: none;
  font-size: 13px;
  width: 200px;
}
.column p, .column h1 {
  padding: 5px;
}
.wide, .thin {
  clear:both;
}
#zespol ul li span.function {
  font-size: 12px;
  display: block;
}
.people li {
  margin-bottom: 9px;
  margin-left:0px;
  padding-left:0px;
}

ul#actorlist h3 {clear:both; margin-top:0px;}

#zespol #text-nav ul li {
  margin-bottom: 0;
}
.people a {
  color: #ce0055;
}
.people a:hover {
  color: #000;
}
#zespol .grid-9.inner {
  position: relative;
}
.actors li {
  border-bottom: #ccc 1px solid;
  padding: 1px 0;
}
#zespol h3 {
  margin-bottom: 9px;
  margin-top: 18px;
  font-weight: normal;
  font-size: 14px;
  border-bottom: 1px solid #ccc;
}
#zespol .gallery li {
  height: 100px;
  display: inline;
  margin-bottom: 30px;
}
#actor-nav {
  margin: 0;
  position: static;
}
#actor-nav li {
  position: absolute;
  display: block;
  cursor: pointer;
  overflow: hidden;
  width: 24px;
  background: url("/static/img/sprite.png") no-repeat;
}
#actor-nav li a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  overflow: hidden;
}
#actor-nav li#actor-close {
  height: 24px;
  right: 0;
  top: -10px;
  background-position: right -247px;
}
#actor-nav li#actor-close:hover {
  background-position: right -318px;
}
#actor-nav li#actor-prev {
  left: -24px;
  top: 50%;
  height: 48px;
  margin-top: -24px;
  background-position: left -200px;
}
#actor-nav li#actor-next {
  right: -24px;
  top: 50%;
  height: 47px;
  margin-top: -24px;
  background-position: right -200px;
}
#actor-nav li#actor-prev:hover {
  background-position: left -271px;
}
#actor-nav li#actor-next:hover {
  background-position: right -271px;
}
#zespol .roles .spektakl {
  display: block;
  font-style: italic;
}
#zespol .roles a {
  color: #ce0055;
}
#zespol .roles a:hover {
  color: #000;
}
#zespol .roles li {
  margin-bottom: 9px;
}
.js #profile {
  opacity: 0;
}
.actors {
  font-size: 16px;
}
.person {
  display: block;
}
#zespol .aktorki_column {
  float: left;
  width: 498px;
}
#zespol .aktorzy_column {
  float: right;
  width: 498px;
}
#zespol h2 {
  margin-top: 10px;
}
/* CRUMBS */
#crumbs {
  padding: 2px 0;
  font-size: 11px;
  margin-bottom: 0;
  border-top: 1px solid #aba9a8;
}
#crumbs li {
  padding-right: 20px;
  background: url("/static/img/sprite.png") right -87px no-repeat;
}
#crumbs li:last-child {
  background: none;
}
/* BIP */
#bip {
  margin-top: 20px;
}
#bip h1 {
  width: 231px;
  height: 100px;
  background: url("/static/img/bip-big.jpg") no-repeat;
  text-indent: -999px;
  overflow: hidden;
}
#bip h2 {
  height: 80px;
  padding-top: 20px;
}
#bip a {
  text-decoration: underline;
}
#bip nav ul {
  list-style: none;
}
#bip nav a {
  text-decoration: none;
}
#bip .grid-8 ol, #bip .grid-8 ul {
  margin-left: 20px;
  margin-bottom: 20px;
}
/* FOOTER */
footer {
  margin-top: 20px;
  font-size: 12px;
  width: 100%;
  background: #FCFCFC;
  color: #333;
  height: 80px;
  padding: 20px 0 0;
}
footer .grid {
  margin: 0 auto;
  padding-right: 18px;
}
footer .#wrapper > header {
  background: none;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  line-height: 12px;
  padding-bottom: 8px;
}
footer a:link, footer a:visited{ color:#C13E50; }
footer a:active, footer a:focus, footer a:hover{
  background-color:#8E8E8E;
  color: #000 !important;
}
footer a:hover img {
  opacity: 0.7;
}
footer .tickets, footer .tickets a {
  color: #ce0055;
}
footer .tickets a {
  text-decoration: underline;
}
footer .grid{ display:table; }
footer .grid > div{
  display:table-cell;
  float:none;
  padding:0 20px;
  vertical-align:middle;
}
footer .grid > div.tickets{
  display:block;
  padding:0;
}
/* LIGHTBOX */
#overlay {
  background: #000;
  opacity: 0.7;
filter: alpha(opacity:70);
  width: 100%;
  height: 100%;
  z-index: 200;
  position: fixed;
  top: 0;
  left: 0;
}
#imgcontainer, #htmlcontainer {
  position:absolute;
  left:50%;
  top:0;
  margin-left:-400px;
  z-index:201;
  width:800px;
  height:auto;
  display: block;
  margin-top:100px;
}
#imgcontainer h4 {
  padding: 2px 0 2px 0;
  font-size:12px;
  color: #999;
  font-family: Arial, sans-serif;
  text-align: center;
  display: block;
  background: #000;
  width: 100%;
}
#imgcontainer img {
  display: block;
  float: left;
}
#lbclose {
  cursor: pointer;
  position: absolute;
  z-index: 202;
  display: block;
  width: 30px;
  height: 30px;
  top: -15px;
  right: -15px;
  overflow: hidden;
  text-indent: -9999px;
  background: url("/static/img/../img/sprite.png") 0 -350px no-repeat;
}
.brakeline {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #aba9a8;
  clear: both;
  margin-left: 18px;
  margin-bottom: 20px;
}
/* show template */

#hidden-wrapper {
  display: none;
}
#target {
  width: 800px;
}
/* actors template */

#hidden-wrapper2 {
}
#target2 {
}
#hidden-wrapper3 {
}
#target3 {
}
#zespol .first.column {
  float: none;
  margin-left: 0px;
}
#zespol .column {
  float: none;
  margin-left: 18px;
}
#zespol .last.column {
  float: none;
  margin-left: 18px;
}
/* all column */
  
.first.column {
  float: left;
  margin-left: 0px;
}
.column {
  float: left;
  margin-left: 18px;
}
.last.column {
  float: left;
  margin-left: 18px;
}

.specjalnewydarzenie {
  height: auto;
  margin-top: 68px;
  margin-left:auto;
  margin-right:auto;
  float: none;
}

.specjalnewydarzenie p {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: -0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: -4px;
  margin-left: 0px;
}

.specjalnewydarzenie h1, .specjalnewydarzenie h2, .specjalnewydarzenie h3 {
  padding: 10px 0;
  border: 0 none;
}

.bannerTitle {
  background-color: #000;
  color: #FFF;
  margin-bottom: 30px;
  text-align: left;
  margin-top: -18px;
}

.bannerTitleText {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 978px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 11px;
}

#tresc-artykulu p {
padding: 5px 0 5px 0;
}

.container#zespol {
padding: 60px }

.overh2 {
border-bottom: 1px solid #aba9a8;
  margin-bottom: 18px;
}

body.font-hd-stage-1 #wrapper .container *{
  font-size:16px !important;
  line-height:20px !important;
}
body.font-hd-stage-2 #wrapper .container *{
  font-size:18px !important;
  line-height:22px !important;
}
body.font-hd-stage-3 #wrapper .container *{
  font-size:22px !important;
  line-height:26px !important;
}
body.font-contrast-hd #wrapper, body.font-contrast-hd #wrapper .container *{
  background:yellow !important;
  color:#000 !important;
}
body.font-hd-stage-1 #repertuar li.grid-4 p,
body.font-hd-stage-1 #galeria li.grid-3 p{ max-height:44px; }
body.font-hd-stage-1 #repertuar li.grid-4,
body.font-hd-stage-1 #galeria li.grid-3{ height:450px !important; }
body.font-hd-stage-1 #repertuar h4,
body.font-hd-stage-1 #galeria h4 { margin-top:-25px; }
body.font-hd-stage-2 #repertuar li.grid-4 p,
body.font-hd-stage-2 #galeria li.grid-3 p{ max-height:44px; }
body.font-hd-stage-2 #repertuar li.grid-4,
body.font-hd-stage-2 #galeria li.grid-3{ height:450px !important; }
body.font-hd-stage-2 #repertuar h4,
body.font-hd-stage-2 #galeria h4 { margin-top:-27px; }
body.font-hd-stage-3 #repertuar li.grid-4 p,
body.font-hd-stage-3 #galeria li.grid-3 p{ max-height:55px; }
body.font-hd-stage-3 #repertuar li.grid-4,
body.font-hd-stage-3 #galeria li.grid-3{ height:500px !important; }
body.font-hd-stage-3 #repertuar h4,
body.font-hd-stage-3 #galeria h4 { margin-top:-57px; }
body nav{ position:relative; }
body nav #change-font{
  position:absolute;
  right:0;
  bottom:-20px;
  z-index:4000;
}
body #change-font a:link, body #change-font a:visited{
  background-position:0 0;
  background-repeat:no-repeat;
  display:block;
  float:left;
  height:22px;
  margin-left:10px;
  text-indent:-9999px;
  width:22px;
}
body #change-font a:active, body #change-font a:hover{
  background-color:#FEFEFE;
  background-position:0 100%;
}
body #change-font a.up{ background-image:url("/static/img/../img/aplus.png"); }
body #change-font a.down{ background-image:url("/static/img/../img/aminus.png"); }
body #change-font a.contrast{ background-image:url("/static/img/../img/kontrast.png"); }
@media (max-width:1024px){
  #voucher-wrapper{ background:#FFF; flex-direction:column; margin-top:-100px; position:relative; z-index:1000; }
  #voucher-col-1{ order:2; width:100% !important; }
  #voucher-col-2{ order:1; width:100% !important; }
  #voucher-buttons-mob{ display:block !important; }
}
.materialy-do-pobrania-link{
  -webkit-transition:all 2s ease-out;
  -moz-transition:all 2s ease-out;
  -o-transition:all 2s ease-out;
  background:#fafafa;
  border-color:#dddddd;
  transition:all 2s ease-out;
}
.materialy-do-pobrania-link:hover{
  -webkit-transition:all 2s ease-out;
  -moz-transition:all 2s ease-out;
  -o-transition:all 2s ease-out;
  background:#d1a0b4 !important;
  border-color:#ce0055 !important;
  transition:all 2s ease-out;
}
.materialy-do-pobrania-link a{ background:transparent !important; }