/* Import Global Reset */
@import url("reset.css");

/* Background Properties */
body{ background-color: #06152D}

/* Website Default Text & Text Color */
body,th,td,input,textarea{font-family:Arial; font-size:12px; color:#FFFFFF;}
body, select {font-family:Arial; font-size:12px;}

/* Default Link Style*/
a{color: #FFFFFF;text-decoration:none; outline:none;}
a:hover{color:#FFFFFF;}
.rotate{
    transform:rotate(90deg);
    -webkit-transform:rotate(90deg); 
    -moz-transform:rotate(90deg); 
    -o-transform:rotate(90deg)
}
.rotate .seat{
    transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg); 
    -moz-transform:rotate(-90deg); 
    -o-transform:rotate(-90deg)
}

/* General Use Styles */
.audience_header{
    border:  solid 1px white;
    height: 40px;
    background-color: #202020;
    border-color: #202020;
    border-radius: 8px;
}
.position_relative {position: relative;}
.clear {clear: both;}
.hidden {display: none;}
.system_wrapper {padding: 0px;min-width: 1240px;}
.conten_wrapper {float:left;width:100%;padding: 10px 0px 40px 0px; border-bottom:1px solid #3D4550; /*background:url(img/bg_content.png) top left repeat-x;*/ background-color: #6399C8;}
.header_wrapper {height: 145px; /*background:url(img/bg_header.png) top left repeat-x;*/ background-color: #0B2653;}
.header, .content, .footer {width: 1240px; margin: 0 auto;}
.header {height: 35px;}
.header-title{
    width: 340px;
    height: 55px;
    margin-bottom: 33px;
    position: relative;
    left: 257px;
    top: -83px;
    font-weight: bold;
    font-size: 17px;
    line-height: 1.7;
    font-family: 'Lato', sans-serif;
}
.header .logo .slogan {position: absolute;top:7rem;}
.header img {margin:7px 0px 10px 0px;}
.header .slogan {font-size: 18px; font-weight: bold;}
.header .bileteo {float: right; color:#FFF; padding: 30px 0px 0px 0px; text-align: right; width: 430px;}
.header .bileteo .mck {float: right; margin:-15px 0px 0px 10px;}
h1 {font-size: 20px; font-weight: bold; margin-bottom: 5px;}
.user_box {float: right; position: relative; z-index:100; padding:25px 15px 0px 0px; text-align: right;}
h2 {font-size: 18px;}
h2.header {
    font-size: 18px;
    /* line-height: 64px; */
    padding: 10px 0px 0px 20px;
    font-weight: bold;
    /* display: block; */
    /* width: 980px; */
    /* height: 11px; */
}
.buy_or_reserv {}
.buy_or_reserv a {font-weight:bold;font-size:14px; text-align: center; color:red; padding:4px 10px 7px 35px;}
.buy_or_reserv .buy {background: url(img/shopping_cart3.png) top left no-repeat; margin-right:8px;}
.buy_or_reserv .reserve {background: url(img/lock3.png) top left no-repeat; padding-left:20px !important;}
.footer {text-align: right; padding: 10px 0px 30px 0px;}
.footer-text {
    display: inline;
    position: relative;
    top: 10px;
    font-size: 14px;
}
.footer-text-RODO{
    color: #FFFFFF !important;
    text-decoration: none;
    top: -10px;
    margin-top: -6px;
    margin-right: 531px;
    font-size: 14px;
}
.footer-image{
    padding-left: 16px;
    position: relative;
    top: 11px;
}
.logo {float:left; height: 145px;}
.repertuar {float:left;margin-top:-100px;margin-left:20px;}
#reg_info {font-size: 12px;}
#reg_info ol {list-style-type: decimal; padding-left: 18px; margin:10px 0px 0px 0px;}
#reg_info ol li {margin-bottom: 5px;}

.reg h3 {margin: 10px 0px; text-align: center;}
.reg ol {list-style-type: decimal; padding: 4px 0px 0px 20px;}
.reg li {margin: 7px 0px;}
.reg {padding: 0px 30px;}

/* Main Menu */
.home_link {display: block; width: 600px; height: 180px;}
.menu_wrapper_abs {position: absolute; width: 100%; z-index: 10;}
.menu_wrapper {background: url(img/menu.jpg) repeat-x; height: 30px; margin: 143px 0px 0px 303px;}
.menu li {display: block; float: left;}
.menu li a {display: block; width: 150px; height: 30px; line-height:30px; background: url(img/menu.jpg) repeat-x; color:#FFF; font-weight: bold; text-align: center;}
.menu li a:hover {background:url(img/menu_hover.jpg) repeat-x;}
.menu li ul {display: none;}
.menu li:hover ul {display: block; position: absolute; z-index: 10000;}
.menu li ul li {float: none;}
.menu li ul li a {background: #838383;}

/* Audience */
.reserve_audience_form{padding: 11px 9px 0px 0px;}
.audience_wrapper {min-width: 980px; padding: 6px 0px 0px 0px;float:left;}
.audience_plan {position:relative; width: 1240px; float: left; background-color: #000; height:650px;}
.audience_plan.hala-sportowa {height:750px;}
.audience_plan.hala-sportowa-noworoczny {height:660px;}
.audience_plan.hala-sportowa-noworoczny .audience-inner{margin-top:220px;margin-left:550px}
.audience_plan.hala-sportowa .audience-inner{margin-top:130px;margin-left:740px}

.audience_plan.hala-sportowa-arka {height:1300px;}
.audience_plan.sala-teatralna {height:1040px;}
.audience_plan.dom-kultury-jelec {height:650px;}
.audience_plan.dom-kultury-szczakowa {height:650px;}

.audience_no_plan {position:relative; width: 1160px; float: left; height: 324px; background-color: #000;padding:20px 40px}
.audience_stats { background:#202020; border: 1px solid #444444; border-radius: 8px; height: 47px; margin:10px 0px 5px 0px;}
.audience_stats h2 {padding: 0px; font-size: 14px;}
.seat {width: 30px; height: 30px; line-height: 30px; font-size: 12px; display: block; position: absolute; background:#ccffcc; cursor: pointer; text-align:center; border: 1px solid #363636; color: #000;float:left;}
.seat:hover {font-weight: bold; color:#000;}
.big .seat {width: 15px; height: 16px; line-height: 16px; font-size: 11px; display: block; position: absolute; background:#fff;/*background:#ccffcc;*/ cursor: pointer; text-align:center; border: 1px solid #363636; color: #000;}
.big .seat:hover {font-weight: bold; color:#000;}
.audience_plan .selected {background: url(img/selected.png) !important; font-weight: bold; color: #000 !important;}
.table_stats {width: 100%; margin-top: 10px;}
.table_stats .spacer td {border-top: 1px dashed #CCC; padding-top: 20px;}
.table_stats .before_spacer td {padding-bottom: 20px;}
.table_stats .right {text-align: right;}
.table_stats .white {color: #FFF !important;}
.table_stats td {padding: 5px;}
.ticket_window label {width: 150px !important;}
label.no_plan{color:#fff!important;font-weight:bold}
.stats_number {font-weight: bold;}
.stat_legend {width:15px; height:15px; border:1px solid #000; float:left; margin-right: 10px;}
.stats {
    float: left;
    margin: 0px -6px 10px 0px;
    width: 160px;
    padding-top: 15px;
    padding-left: 13px;
}
.brown_bg {background: #202020; color:#FFF;}

.sale_receipt {background: #F2BD0E !important; color: #000 !important;}
.sale_confirmation {background: #F20EC8 !important; color: #000 !important;}

.red_submit {float: right; display: block; border: none; background-color:#0B2653; width: 74px; height: 24px; color:#FFF; cursor: pointer;}
.cancel_link {float: left; display: block; border: none; background-color:#0B2653;  width: 74px; height: 24px; color:#FFF; cursor: pointer; text-align: center; line-height: 25px; margin-left: 97px; margin-top: -48px;}
.cancel_link_buy {width: 74px; height: 24px; color:#FFF; cursor: pointer; text-align: center; line-height: 44px;}
.cancel_link_reserve {width: 74px; height: 24px; color:#FFF; cursor: pointer; text-align: center; line-height: 22px;}
.checkbox {margin-left: 98px;}

.back_link {background: url(img/back.png) left 2px no-repeat; padding: 0px 0px 0px 20px; color: black;}
.time_wrapper {padding: 20px 0px 10px 0px;}
.complete_reserve {width: 600px; text-align:center; margin: 100px auto;}
.complete_reserve strong {font-size: 22px;}
.complete_buy {width: 1240px; line-height: 16px; margin-top:50px; margin:0 auto; text-align: center;}
.complete_buy a, .complete_reserve a {color: red!important; font-weight: bold; font-size:15px; text-decoration: underline;}
.ticket_print_wrapper {padding: 10px 0px;}
.ticket_print {width: 450px; height: 226px; overflow: hidden; position:relative; margin:0 auto; margin-bottom:20px;}
.ticket_print img {position: absolute; top:0px; left:0px; z-index: 1;}
.ticket_print .txt {position: absolute; z-index: 2; color:#000; font-size:14px; font-weight: bold;}
.ticket_print .txt_spectalce {top:51px; left:50px;}
.ticket_print .txt_date {top:92px; left:220px;}
.ticket_print .txt_time {top:92px; left:370px;}
.ticket_print .txt_price {top:130px; left:70px;}
.ticket_print .txt_row {top:130px; left:240px;}
.ticket_print .txt_place {top:130px; left:310px;}

.subs {float: left; padding:5px; width: 160px; border: 1px solid #CACACA; margin:20px 0px 0px 10px;}
.subs h2 {padding: 0px;}
#subs_link {display: block; padding: 5px;}
#subs_link span {float: left;}
.subs_del {display: block;}
.subs table {width: 100%;}
.subs table td {padding: 5px 0px;}

.block_time {width: 200px; height: 50px; font-size: 20px;}

/* List Styles */
.list_header {font-size:1.3rem; height:25px; margin-top:10px; border: solid 1px white; margin-bottom: 15px; padding: 1rem 0px 0rem 0rem; /*font-weight:bold;*/ background-color: #0B2653 /*background: url("img/bg_list_header.png") top left no-repeat;*/}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {width:100%;}

.wtitle {width: 650px;margin-left: 24px;}

.wdate {width: 145px;}
.whour {width: 142px;}
.woptions {width: auto;}
.wtitle, .wdate, .whour, .woptions{float: left; font-size: 12px; margin-bottom: 4px;}
.film_wrapper .wtitle {width:650px; padding: 18px 0px 1rem 0rem;}
.film_wrapper {border:1px solid #4D4D4D; overflow:hidden; background: #0B2653; padding:0px 0px 0px 0px; margin-bottom: 20px;}
.film_wrapper .title {font-size: 14px; font-weight: bold; margin-bottom: 20px;}
.film_wrapper .thumb {float: left; margin-right:20px;}
.film_wrapper .thumb img {max-width: 150px;}
.film_description {color:#000 !important; padding:10px;}
.row {margin:5px 0px 13px 0px; float:left; width: auto;font-size: 1rem;}
.row .buy {margin-right:20px;}
.btn_desc {background-color: #6399C8; width: 74px; height: 24px; color: #FFFFFF; cursor: pointer;}

.options a {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
.options span.ui-icon {float: left; margin: 0 4px;}

.pagination {margin: 20px 0px; color:#1C1B17;}

/* Forms styles */
.input_wrapper, .textarea_wrapper {padding: 12px 0 10px 0; clear: both; position: relative;}
.input_wrapper label, .perms_group, .input_wrapper .label {padding: 0 10px 0 0; color:black; font-weight: bold; width: 135px; text-align: right; display: block; float: left; line-height: 30px;}
.input_wrapper .label {line-height:auto;width:auto;}
.perms_group {padding:10px 0 10px 0;}
.input_wrapper label.long {width: 240px;}
.input_wrapper input {width: 230px; padding: 5px; border:1px solid #444444; background: #FFF; color:#000;}
.input_wrapper em, .textarea_wrapper em {color: #DD137B; margin-left: 2px;}
.input_wrapper.short input {width: 70px; text-align: right;}
.input_wrapper.long input {width: 300px;}
.input_wrapper.very_long input {width: 500px;}
.input_wrapper .checkbox {width: 20px;}
.input_wrapper_checkbox label {width: auto;}
.input_wrapper.perms {float:left;clear:none;}
.input_wrapper.perms label {width:auto;margin-left:10px;margin-right:20px; float: none; line-height: 14px; float: left;}
.perm_checkbox {width: 20px !important; float: left;}
.input_wrapper p.text {line-height: 30px;}
.input_wrapper select {position:relative;top:5px;}
.textarea_wrapper label {padding: 0 10px 10px 0; font-weight: bold; width: 135px; text-align: right; display: block; float: left;}
.textarea_wrapper.middle textarea  {width: 100%; height: 70px;}
.textarea_wrapper .label {width: 100px !important; padding: 0;}
span.currency {line-height: 35px; padding: 0 0 0 10px;}
.input_wrapper_inline {float:left;clear:none;margin-right:30px;}
.perms_group {margin-right: 20px;}
.color_wrapper {float: left;}
.new_row_table {display: none;}
.buttons_wrapper {float:right;margin: 20px 0px 0px 0px;width:400px;}
#tickets-data .validator {left:0px; padding: 0px;}

.reserve_from {width: 400px; margin: 0 auto 60px auto;position:relative}
.captcha_wrap {height: 35px; float: left; margin: 0px 10px 0px 0px;}
.reload_captcha {color: black;}
.block_desc {float: left; color: #E31E24; font-size: 16px; font-weight: bold; line-height: 34px; margin-right: 10px;}
.block_time {float: left; color: #E31E24; font-size: 20px;}
.form_wrapper { padding-bottom:10px;}

.modal_input_wrapper {margin-bottom: 10px;}
.modal_input_wrapper label {float: left; display: block; width: 100px;}
.modal_input_wrapper .text {float: left; width: 160px; font-size: 11px;}
.seat_example {float: left; margin-left: 5px; border: 1px solid #000; text-align: center; width: 26px; height: 18px; line-height: 18px;}
.in_status {float: left;}

.validator {position: absolute; top:0px; left: 125px; font-size: 10px; padding: 0px 0px 0px 20px;}
.validator span {padding: 0px 0px 0px 20px;}
.validator .red {color:#F00; background: url(img/negative.png) left center no-repeat;}
.validator .blue {color:#00F;}
.validator .loader {background: url(img/loader.gif) left center no-repeat;}

/* Timepicker Addon */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

/* Tooltip */
#tooltip{position:absolute;z-index:30000;padding:3px;background:#363636;color:#FFF!important;font-size:0.9em; -moz-border-radius:5px; -webkit-border-radius:5px;}
#tooltip div{margin:0;background:#808080;padding:5px;font-size:0.9em;}
#tooltip h3{color:#fff;font-weight:bold;padding:5px;margin:0;background:#5f5f5f;}

/* Dialogs */
.dialog_window {display: none; font-size: 12px;}
.loading_window {background: url(img/modal_loader.gif) center center no-repeat !important; text-align: center; font-weight: bold; color: #0070A3 !important;}
.ico_dialog {display: block; width: 32px; height: 32px; float: left; padding:10px; background-repeat: no-repeat; border: none; background-color: inherit;}
.ico_dialog.warning {background-image: url(img/notice.png);}
.ico_dialog.error {background-image: url(img/error.png);}
.ico_dialog.question {background-image: url(img/question.png);}
.ico_dialog.trash {background-image: url(img/trash.png);}
#response_messages {margin:10px auto !important; padding:0px !important;}
#response_messages .ui-widget {margin-bottom: 10px;}





.hala_mckis_uklad_siedzen_arka .audience-inner{transform: scale(0.7);}
.hala_mckis_uklad_siedzen_arka {height: 1300px;background-color: transparent}

.hala_mckis_uklad_siedzen_impreza_sportowa .audience-inner{transform: scale(0.7);}
.hala_mckis_uklad_siedzen_impreza_sportowa {height: 1300px;background-color: transparent}

.hala_mckis_uklad_siedzen_koncert_noworoczny .audience-inner{transform: scale(0.7);}
.hala_mckis_uklad_siedzen_koncert_noworoczny {height: 1300px;background-color: transparent}