/* pasek kalendarza */

#calendar {  margin: 0 auto;  max-width: 1000px;  width: 100%;}

#calendar_cont {  box-sizing: border-box;  clear: both;  float: left;  margin: 20px 0 0;  min-height: 146px;  padding: 0;  position: relative;}
#calendar_tab{background: url("/i/calendar/calendar_tab.png") no-repeat scroll center top transparent;height: 44px;left: 0; margin-left: -11px; position: absolute;top: 67px;width: 11px;z-index: 1000;}
#calendar_title {  color: #231f20;  float: left;  font-size: 30px;  letter-spacing: 0.100em;  text-align: left;  width: 33%;}
#month_events_link {display:block;position:absolute;top:0;right:20px; font-size:12px; color:#231f20;text-decoration:none;overflow:hidden;letter-spacing:0.040em}
#month_events_link:hover {text-decoration:underline;}
/* this overrides default styles */
.eventCalendar-wrap, .eventsCalendar-currentTitle {background:transparent;border:none;border-radius:0;}
.eventsCalendar-currentTitle {width:180px; height: 23px; line-height: 23px; text-align:center; background: transparent; text-transform:lowercase;outline:none; position:absolute;left:42%;top:-12px;}
.eventsCalendar-currentTitle .monthTitle {font-size:18px;color:#231f20;font-weight:normal;letter-spacing:0.100em;}
.eventCalendar-wrap {height:146px;position:relative;overflow:visible; box-shadow: none;margin:0;}
.eventCalendar-wrap .arrow {top:-3px; padding:0;width:24px;height:24px;}
.eventCalendar-wrap .arrow:hover {opacity:1;}
.eventCalendar-wrap .arrow span {  background-image: url("/i/calendar/month_arrows_sprite.png");  background-repeat: no-repeat;  border: medium none;  color: transparent;  display: inline-block;  height: 11px;  margin: 6.5px 9px;  width: 6px;}
.eventCalendar-wrap .arrow.prev {left:38%;}
.eventCalendar-wrap .arrow.prev span {background-position: left top;border:none;}
.eventCalendar-wrap .arrow.prev span:hover {background-position: left bottom;}
.eventCalendar-wrap .arrow.next {left:62%;}
.eventCalendar-wrap .arrow.next span {background-position: right top;border:none;}
.eventCalendar-wrap .arrow.next span:hover {background-position: right bottom;}
.eventsCalendar-daysList {left: 0;position: absolute;top: 38px;background:url('/i/calendar/calendar_stripe_bg.jpg') top left repeat-x;box-shadow: 3px 4px 59px 0px rgba(0, 0, 0, 0.15); margin:0;}
.eventsCalendar-daysList li {padding:0 0 0 8px;width:23px;}
.eventsCalendar-daysList li:first-child {    padding-left: 0;}
.eventsCalendar-daysList li a {padding:8px 0 6px;color:#ee0381;}
.eventsCalendar-day a:hover {  background-color: rgba(0, 0, 0, 0.05);}

/* .eventsCalendar-daysList li.today a, li.eventsCalendar-day.today a:hover {  background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;} */

.eventsCalendar-daysList li.today {background:transparent;}
.eventsCalendar-daysList li.today a{background:transparent; position:relative;}
.eventsCalendar-daysList li.today > a:hover {background:transparent; }
.eventsCalendar-daysList li.today a:hover span, .eventsCalendar-daysList li.dayWithEvents a:hover em {color:#000;}
.eventsCalendar-day.today > a > span, .eventsCalendar-day.today > a > em {  background: transparent;}
.eventsCalendar-day.today > a > span {background:#ededed;position:relative;font-size:18px;padding:8px 0;box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.14); }
.eventsCalendar-day.today > a > span:after {content:'';width:100%;height:1px;background:#f00382;position:absolute;top:-2px;left:0;display:block;}
.eventsCalendar-day.today > a > em {padding: 3px 0 0;} 


.eventsCalendar-daysList li.current a, .eventsCalendar-daysList li.current a:hover{background:transparent;box-shadow: 0 0 5px #fff;}
.eventsCalendar-daysList li.current a:hover span, .eventsCalendar-daysList li.current a:hover em {color:#fff;}
.eventsCalendar-day, .eventsCalendar-day a {border:none;}
.eventsCalendar-day a span, .eventsCalendar-day a em {display:block;clear:both;font-family: Tahoma, Arial, sans-serif; font-size:13px;color:#5c5c5c;font-weight:normal;width:100%;text-align:center;}
.eventsCalendar-day a em {font-style:normal;color:#505050;font-size:11px;margin-top:3px;}
.eventsCalendar-day a em.day_6 {color:#c2c2c2;}
.eventsCalendar-day > a > span {  line-height: 1;  padding: 11px 0;}


.eventsCalendar-daysList li.dayWithEvents {background:transparent;}
.eventsCalendar-daysList li.dayWithEvents a{background:transparent; position:relative;}
.eventsCalendar-daysList li.dayWithEvents > a:hover {background:transparent; }
.eventsCalendar-daysList li.dayWithEvents a:hover span, .eventsCalendar-daysList li.dayWithEvents a:hover em {color:#000;}
.eventsCalendar-daysList li.dayWithEvents > a:hover > span {  }
.eventsCalendar-day.dayWithEvents > a > span, .eventsCalendar-day.dayWithEvents > a > em {  background: transparent;}
.eventsCalendar-day.dayWithEvents > a > span {position:relative;}



.eventsCalendar-day a:hover span, .eventsCalendar-day a:hover em {}
.eventsCalendar-day > a:hover > span {}

.eventsCalendar-list-wrap {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CCCCCC;height: 500px;left: 0;min-height: 100px;position: absolute;top: 0;width: 400px !important;z-index: 9999;display:none;}
.eventsCalendar-list-wrap ul li a.eventTitle {  color: #b00;}
.eventsCalendar-list-wrap .eventsCalendar-subtitle {color:#555;}
.eventsCalendar-list li {border-top: 1px solid #EEEEEE;margin: 0 30px;padding: 7px 30px 8px;}

#hidevelist{display:none;}
#calendar_cont .tooltip {position: absolute; top:0; left:0; width: 300px; min-height:41px;z-index:1010 !important;background:#fff;color:#333 !important;border:1px solid #ddd;display:none;opacity:1;}
#calendar_cont .tooltip a:hover{background:transparent !important;}
#calendar_cont .tooltip em, #calendar_cont .tooltip .eventTitle, #calendar_cont .tooltip .eventDesc{color:#807e7e !important; text-shadow: none;}
#calendar_cont .tooltip li {margin:0;padding:0;width:280px;float:left;clear:both;border:none;margin:3px;padding:2px 2px 2px 12px;}
#calendar_cont .tooltip li em {clear:left;width:auto;margin:0;}
#calendar_cont .eventsCalendar-list li time small {clear:right;background-color:#eee !important;color:#444 !important;}
#calendar_cont .tooltip li span {text-align:left;}
#calendar_cont .tooltip #flag1, #calendar_cont .tooltip #flag2 {position:absolute; left:-10px; top:5px; width:5px; min-height: 50px; height:90%;}
#calendar_cont .tooltip #flag2 {top:15px;}
#calendar_cont .tooltip .ticket_link {width:auto;height:auto;font-size:10px;font-variant:small-caps;color:#000;background:#b00 !important;padding:0 10px;line-height:16px;float:right;margin-right:15px;clear:both;}
#calendar_cont .tooltip .ticket_link:hover {background:#b00 !important;box-shadow:#666 2px 2px 5px;}

.stripearrow {position:absolute;top:78px;width:9px;height:15px;z-index:10;text-align:center;}
#bigprev{left:0;}
#bignext{right:7px;}
.stripearrow a{color:#fff;display:inline-block;width:9px;height:15px;text-decoration:none;background-image:url('/i/calendar/month_arrows_sprite_big.png')}
.stripearrow a span{color:transparent;}
#bigprev a{background-position: top left;}
#bigprev a span, #bignext a span{visibility:hidden;}
#bignext a{background-position: top right;}
#bigprev a:hover{left:0;background-position: bottom left;}
#bignext a:hover{right:0;background-position: bottom right;}


/* podstrony kalendarza */

#month_events_head,.event_page .event_header{    width: 100%;    clear: both;    font-size: 14px;}
#month_events_head {margin-top:13px;position:relative;}
#month_events_head, .event_page .event_header {margin-bottom:15px;}
#event_legend{width:96%;margin:10px 2%;float:left;clear:both;background:#F6F6F6;overflow:hidden;}
#event_legend_trigger {  float: left;  text-align: center;  width: 100%;}
.filter_group, .filter_group_title {width:100%;float:left;clear:both;}
.filter_group_title {min-height:25px;line-height:25px;border-bottom:1px solid #ddd;margin:5px auto;width:97%;float:none;}
.filter_group {margin-bottom:5px;}
.filter_group label {margin: 0 10px}
.legend_pos {float:left;position:relative;height:30px;padding-left:30px;margin: 0 5px;line-height:30px;width:214px;cursor:pointer;box-sizing:border-box;border: 1px solid transparent;transition:border-color 0.5s;}
.legend_pos:hover {border:1px solid #363431;}
.legend_color_sq{position:absolute;left:5px;top:5px;height:20px;width:20px;}
#month_events_title{font-family:'Arial Narrow',sans-serif;font-stretch:condensed;font-size: 18px; display: table-cell;position: relative;vertical-align: middle;width: 100%;box-sizing:border-box;text-transform:uppercase;color:#505050;}
/* events module + special news pages (classes with bar_ PFX )*/

.event_header {width:100%;float:left;clear:both;position:relative;border:none !important;margin-top:10px;}
.event_flag1, .event_flag2 {position:absolute; right:5px; top:5px; width:50px; height: 5px;}
.event_flag2 {top: 15px;}
.event_date, .event_time, .event_name, .event_desc, .ticket {float:left;}
.event_date, .event_time {margin-right: 5px;}
.event_name, .event_desc, .ticket {width: 100%; clear:both;}
.event_name, .bar_event_name {font-size: 18px; padding:5px 0;}
/* .ticket a{display:inline-block;background:#ED2E24;color:#fff;font-size: 16px; font-variant:small-caps; padding: 0 15px; line-height: 24px; height: 24px;margin-bottom: 10px;} */


#month_events {float:left;clear:both;width:100%;}
.month_event, .bar_month_event, .event_page .event_header {float:left;clear:both;width:100%;min-height:164px;background:url('/i/fil_month_event_bg.jpg') top left repeat-x;margin-bottom:19px;}
.newsbar.bar_month_event {margin: 10px 0;}
.event_date, .bar_event_date, .event_time, .event_header .event_date, .event_header .event_time {margin:0;}
.month_event .event_date, .bar_month_event .bar_event_date, .event_header .event_date {float:left;width:115px;padding-left:9px;height:164px;background:url('/i/fil_month_event_date_bg.png') top left no-repeat;margin-left:19px;}
.bar_month_event .bar_event_date {background-image:url('/i/fil_bars_month_event_date_bg.png');}
.month_event .event_date span, .bar_month_event .bar_event_date span, .event_header .event_date span {display:block;width:115px;clear:both;float:left;text-align:center; font-size: 14px;text-transform:uppercase;}
.month_event .event_date span.calendar_day, .event_header .event_date span.calendar_day {margin-top:42px;}
.month_event .event_date span.month_day, .event_header .event_date span.month_day {font-size:36px;line-height:36px;margin-bottom:5px;}
.month_event .event_date span.month_year, .bar_month_event .bar_event_date span.bar_month_year, .event_header .event_date span.month_year {font-size:12px;}
.month_event .event_hour, .event_header .event_hour {width:145px;height:142px;float:left;line-height:142px;text-align:center;font-size:30px;margin:12px 0 0 1px;color:#fff;}
.month_event .event_img, .bar_month_event .bar_event_img, .event_header .event_img {width:163px;float:left;position:relative;overflow:hidden;height:142px;margin:12px 0 0 1px;}
.month_event .event_img img, .bar_month_event .bar_event_img img, .event_header .event_img img{position:absolute;top:0;left:0;}
.month_event .event_description, .bar_month_event .bar_event_description, .event_header .event_description {width:488px;padding:0 15px;float:left; margin:12px 0 0 0;min-height:142px;background:#f6f6f6;position:relative;}
.month_event .event_description .event_name, .bar_month_event .bar_event_description .bar_event_name, .event_header .event_description .event_name {color:#000;text-transform:uppercase; margin-top:18px;float:left;clear:both;}
.month_event .event_description .event_short_descr, .bar_month_event .bar_event_description .bar_event_short_descr{font-size:13px;color:#505050; margin:15px 0;float:left;clear:both;width:100%;}
.month_event .event_description a.event_read_more, .bar_month_event .bar_event_description a.event_read_more,
.bar_month_event .bar_event_description div.bar_news_more a{display:block;position:absolute;right:0;bottom:0;background:#e6e6e6;text-decoration:none;color:#333;line-height:22px;padding:0 10px;text-align:center;transition:0.5s;}
.month_event .event_description a.event_read_more:hover, .bar_month_event .bar_event_description a.event_read_more:hover,
.bar_month_event .bar_event_description div.bar_news_more a:hover {background:#b00;color:white;}
.month_event .event_description a.buy_ticket,
.event_page a.buy_ticket, .event_header .event_description a.buy_ticket {width:96px;height:22px;padding: 0 0 0 10px;text-align:center;color:#fff;text-transform:uppercase;line-height:22px;position:absolute;bottom:-10px;left:33%;background:url('/i/fil_buy_ticket_bg.png') left top no-repeat;text-decoration:none;}
.month_event .event_description a.buy_ticket span,
.event_page a.buy_ticket span, .event_header .event_description a.buy_ticket span {background:#b00;}
.event_page .event_descr {  box-sizing: border-box;  float: left;  font-size: 14px;  line-height: 21px;  padding: 0 45px 10px;  width: 100%;}

.bar_event_date, .bar_mont_year {width:163px !important;}
.bar_event_img {width:260px !important;}

.bar_event_date .bar_month_year {
  display: table-cell !important;
  float: none !important;
  height: 164px;
  position: relative;
  text-align: center !important;
  vertical-align: middle;
  width: 164px !important;
}


/* specjalne nagłówki na podstronach */

.subpage_event .event_description, .subpage_event_4cols .event_description {width:563px}
.subpage_event .event_hour {display: none;}
.subpage_event .event_date, .subpage_event_4cols .event_date {margin-left: 0;}
.subpage_event .event_date {background-position: bottom left;position:relative;}
.subpage_event .event_date-bg {background:#e3e3e3;position:absolute;top:0;right:0;width:115px;height:100%;}
.subpage_event .calendar_day, .subpage_event .month_day, .subpage_event .month_year {position:relative; z-index:1;float:left;}
.subpage_event .event_name, .subpage_event_4cols .event_name {text-transform:none !important;padding-bottom:15px;font-size:12px;margin-top: 5px !important}
.subpage_event .calendar_day, .subpage_event_4cols .calendar_day {margin-top:5px !important;}
.subpage_event .calendar_day {margin-top:30% !important;}
.subpage_event .month_day {margin-top: 5px;}
.subpage_event .calendary_day,.subpage_event .month_year, .subpage_event_4cols .calendary_day, .subpage_event_4cols .month_year{ line-height:normal !important;}

.subpage_event_4cols .event_date {width:60px;overflow:hidden;}
.subpage_event_4cols .event_date .calendar_day, .subpage_event_4cols .event_date .month_day {width:100%;}
.subpage_event_4cols .event_date .calendar_day {font-size: 9px;}
.subpage_event_4cols .event_img {width:218px !important;}
.subpage_event_4cols .event_hour {font-size:15px;width:100px;line-height:normal;height:122px;padding:10px 0;}
.subpage_event_4cols .event_description {width:462px;}
.subpage_event_4cols .event_description a.event_read_more {display:block;position:absolute;right:0;bottom:0;background:#e6e6e6;text-decoration:none;color:#474747;line-height:22px;padding:0 10px;text-align:center;}
.subpage_event_4cols .month_day {  display: table-cell !important;  float: none !important;  height: 164px;  position: relative;  vertical-align: middle;  width: 115px !important;}





/* media queries */
@-ms-viewport {	width: device-width;}
@viewport {	width: device-width;}

@media screen and (max-width: 1024px) {
	#month_events .month_event {  position: relative;}
	#month_events .month_event .event_date, .event_page .event_header .event_date {  background: #ddd none repeat scroll 0 0;  height: auto;  line-height: 60px;  margin-left: 3%;  margin-top: 12px;  padding: 0;  text-align: center;  width: 57%;}
	#month_events .month_event .event_date span, .event_page .event_header .event_date span {  display: inline;  float: none;}
	#month_events .month_event .event_hour, .event_page .event_header .event_hour {  height: auto;  line-height: 60px;  margin-left: 0;  width: 37%;}
	#month_events .month_event .event_img, .event_page .event_header .event_img {  top: 62px;  left: 3%;  position: absolute;  z-index: 99;margin:0;}
	#month_events .event_description, .event_page .event_header .event_description {  box-sizing: border-box;  clear: both;  float: left;  margin: -10px 3% 0;  padding-left: 176px;  width: 94%;}
	#month_events .event_name, #month_events .bar_event_name {}
}


@media screen and (max-width: 768px) {
	.eventsCalendar-slider, .stripearrow, .eventCalendar-wrap {display:none;}
	#calendar_cont {min-height:0;text-align:center;}
	#calendar_title {width:100%;}
	#month_events_link { background: rgba(0, 0, 0, 0) url("/i/btn/calendar-icon.png") no-repeat scroll left center / 30px 30px;  clear: both;  display: inline-block;  float: none;  line-height: 30px;  padding-left: 36px;  position: static;  right: auto;  top: auto;margin: 15px 0 0;}
}


@media screen and (max-width: 640px) {
	.bar_event_date {  background: #ddd none repeat scroll 0 0 !important;  float: right !important;  height: auto !important;  margin-top: 12px;  padding: 5px 0;  width: 60% !important;}
	.bar_event_date .bar_month_year {height: auto;}
	.bar_event_description {  float: right !important;  min-height: 0 !important;  width: 60% !important;}
	#calendar_timer, #calendar_timer_descr {display:none;}
	.filter_group label {  clear: both;  float: left;  margin: 5px;}
}

@media screen and (max-width: 480px) {
	#month_events .month_event .event_date span.calendar_day, .event_page .event_header .event_date span.calendar_day {  display: none;}
	#month_events .month_event .event_date, .event_page .event_header .event_date {  width: 60%; margin:12px 0 0;}
	#month_events .month_event .event_hour, .event_page .event_header .event_hour {  width: 40%; margin:12px 0 0;}
	#month_events .month_event .event_img, .event_page .event_header .event_img {left:0;}
	#month_events .event_description, .event_page .event_header .event_description {margin: -10px 0 0;width:100%;}
}

@media screen and (max-width: 420px) {
	#month_events .month_event .event_img, #month_events .event_description,
	.event_page .event_header .event_img, .event_page .event_header .event_description {width:100%;text-align:center;position:relative;top:0;background:#f6f6f6;}
	#month_events .event_description, .event_page .event_header .event_description {padding: 0 15px;}
	.month_event .event_img img, .event_page .event_header .event_img img {position:relative;}
}