/*
 * HTML5 Boilerplate
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }

* {margin: 0; padding:0;}
body {margin:0; padding:0;}
/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body, button, input, select, textarea { font-family: 'Lato', Arial, Helvetica, sans-serif; color: #222;}

/*
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */

::-moz-selection { background: rgb(0,126,122); color: #fff; text-shadow: none; }
::selection { background: rgb(0,126,122); color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #000; text-decoration: none;}
a:visited { color: #000; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; font-weight: bold;}
span {font-weight:bold;}

/* =============================================================================
   Typography
   ========================================================================== */

h1 {
    font-size: 14px;
    text-transform:uppercase
}

h2{ line-height: 16px; text-align: left; font-size: 18px; font-weight: 700; margin: 0; color:#000;}

h3{ text-align: left; font-size: 22px; font-weight: 700; margin: 0; color:#fff; text-transform:uppercase; }
h4{ text-align: left; font-size: 16px; font-weight: 700; margin: 0; color:#fff; text-transform:uppercase; }

time {  text-align: left; font-size: 22px; font-weight: 700; margin: 0; color:#fff; text-transform:uppercase; }

#accordion h3  {font-size: 12px; margin-left: 35px; font-weight: bold;}
#accordion p {
    color: black;
    float: left;
    margin: 0 auto 0 32px;
    max-height: 95px;
    padding: 0;
    font-size: 11px;
    color: #000;
    text-align: justify;
    overflow: hidden;
}

blockquote {display: block; width: 300px; height: auto; background-color: #000; background-image: url(/images/layout/cite.png); background-repeat: no-repeat; background-position: left top; color: #fff; float: left; font-size: 12px; padding: 12px 12px 12px 25px; margin: 5px 39px;}

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */
.months {display: block; width: auto; margin: 30px 23px; height: auto;}
.months h1 {width: auto; float:left; font-size: 20px; font-weight: normal; margin: 0 10px;}
a.previous_month {float: left; width: 13px; height: 23px; background-image: url(/images/layout/prev.png); background-repeat: no-repeat; background-position: left center;  font-size: 24px;}
a.next_month {float:left; width: 13px; height: 23px; background-image: url(/images/layout/next.png); background-repeat: no-repeat; background-position: right center; font-size: 24px;}
a.previous_month:hover { background-image: url(/images/layout/prev_hover.png); background-repeat: no-repeat; background-position: left center;}
a.next_month:hover { background-image: url(/images/layout/next_hover.png); background-repeat: no-repeat; background-position: right center;}

.months_kalendar {float: right; display: block; width: auto; margin: 26px 33px; padding: 0 0 0 300px; height: auto;}
.months_kalendar h1 {width: auto; float:left; font-size: 20px; font-weight: normal; margin: 0 10px;}

a.search_act {float: right;  width: auto; height: 23px; padding: 0 15px 2px 0; margin: 0 420px 0 0;  background-image: url(/images/layout/next.png); background-repeat: no-repeat; background-position: right center; font-size: 18px; font-weight: 700; text-transform: uppercase;}
a.search_act:hover { background-image: url(/images/layout/next_hover.png); background-repeat: no-repeat; background-position: right center;}

ul, ol { margin: 0; padding: 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }

ul.program {width: 100%; float: left; margin: 4px 0 0 55px; padding: 6px 15px 0 0; z-index: 9999;}
ul.program li { list-style: none; margin: 0 8px 0 0;  line-height: 110%; font-size: 12px; font-weight: normal; font-family: 'Lato', Arial, Helvetica, sans-serif;}
ul.program h2 { font-size: 20px; font-weight: normal; margin: 0 0 8px 0; text-transform: uppercase;}
ul#note {width: 375px; float: left; margin: 5px 0 0 0; }
#note li {margin: 0 8px 0 0; list-style: none; text-transform:uppercase; line-height: 10px; font-size: 10px; font-weight: normal; color:#fff; font-family: 'Lato', Arial, Helvetica, sans-serif;}

a.ticket { margin: 15px 0 0 0; float: left; font-size:18px; font-weight: 900; text-transform:uppercase;}
a.ticket2 { margin: 15px 0 0 0; float: left; font-size:18px; font-weight: 900; text-transform:uppercase;}
a.ticket2:hover {color: #fff;}
a.ticket:hover {color: #fff;}
.topmenu  li { float: left; display: in-line; line-height: 1.1; margin: 0 10px 0 0; font-size: 10px; letter-spacing: -1px; font-family: 'Lato', Arial, Helvetica, sans-serif;}
ul.topmenu { display:block; float:left; width: auto; min-height: 16px; margin: 0;}
/*#navicolumn_1 ul.topmenu { margin-bottom: 5px; }*/
ul.topmenu a:hover {font-weight: normal;}

#navicolumn_1 { max-width: 320px; }
#navicolumn_2 { max-width: 380px; }
#navicolumn_1, #navicolumn_2 {
    max-width: 50%;
}


#bottom li, #bottom_second li {
    margin: 0 8px 0 0;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
}

ul#bottom, ul#bottom_second {
    width: 200px;
    max-width: 100%;
    float: left;
    border-top: 3px solid #000;
    padding: 6px 0 0 0;
}
ul#bottom { margin: 4px 115px 0 0; }
ul#bottom_second { margin: 4px 140px 10px 0; }

@media (max-width: 424px) {
    ul#bottom, ul#bottom_second {
        width: auto;
        margin: auto;
        float: none;
        display: block;
        border: 0 none;
    }
}

.description ul, .description ol {
    display: block;
    float: left;
    width: 290px;
    margin: 5px 0 5px 85px;
    font-size: 12px;
    clear: left;
}

.description ul { list-style: square; }
.description ol { list-style: number; }

#pre_footer { background-color: black; width: 100%; box-sizing: border-box; }
footer#pre_footer a { color: white; }
footer#pre_footer li { display: inline; list-style: none; margin: 4px 8px; font-size: 10px; font-family: 'Lato', Arial, Helvetica, sans-serif; }
footer#pre_footer li:first-child { margin-left: 0 }
footer#pre_footer li:last-child { margin-right: 0 }
footer#pre_footer { padding: 8px; display: block; }

/*nav { float:left; width: 800px; height: 115px;}*/

/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img { border: 0; -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow displayed oddly in IE9
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }


/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/*
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */
table#module_calendar {
    float: right; width:149px; height: 239px; color: white; text-transform: uppercase; margin: 0; padding: 5px; text-align: right; }

table#module_calendar a {color: white;}
table#module_calendar a:hover {color:rgb(237,178,31);}

tr#now_day { float: right; height: 110px; width: auto; background-color: black; margin: 0; padding: 0; font-size: 12px; font-weight: bold; overflow: hidden;}

tr#now_day td {float: right; width: 100%; margin: 0; padding: 0; height: 20px;}

tr#number_day { float: left; height: auto; width: auto; background-color: black; margin: 0; padding: 0; font-size: 8px; font-weight: bold; overflow: hidden;}
tr#number_day td { width: 15px; margin: 0; padding: 0; height: 5px; vertical-align: middle; text-align:right;}

th { width: 15px; margin: 0; padding: 0; height: 5px; vertical-align: middle; text-align: right;}


.today {text-decoration: line-through; font-weight: 900; }

#kalendarz {float: left; width:149px; height: 239px; background: #000;}

table#bileter {
    border-collapse: collapse; border-spacing: 0;
    margin: 45px 35px 0 35px;
    height: 28px;

    border-top: 0;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
    font-size: 12px;

}

table#bileter_kup {
    border-collapse: collapse; border-spacing: 0;
    margin: 5px 35px;
    height: 45px;
    border-top: 0;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
    font-size: 12px;
}

table#bileter {width:500px; border: 1px;}
table#bileter tr, td {padding: 5px;}
table#bileter label{padding: 5px; margin: 0 62px 0 0; width: auto; text-transform: uppercase;}
table#bileter label.nazwa_wyd_label{ padding: 5px; margin: 0 25px 0 0; width: auto; float: left; text-transform: uppercase;}
table#bileter select {width: 102px; float: right;}
table#bileter select.nazwa_wyd { width: 100px; float: right;}
table#bileter tbody {float: left;}

table#bileter_kup {width:500px; border: 1px;}
table#bileter_kup tr, td {padding: 5px;}
table#bileter_kup label{padding: 5px; margin: 0 25px 0 0; width: auto; text-transform: uppercase;}
table#bileter_kup label.nazwa_wyd_label{ padding: 5px; margin: 0 22px 0 0; width: auto; float: left; text-transform: uppercase;}
table#bileter_kup select {width: 100px; float: right;}
table#bileter_kup select.nazwa_wyd { width: 216px; float: right;}
table#bileter_kup tbody {float: left;}


button.css3button {
    width: 100px;
    float: right;
    font-size: 12px;
    color: #ffffff;
    margin: 0 0 8px 0;
    padding: 3px 10px;
    background: #48a0a8; /* Old browsers */
    background: -moz-linear-gradient(top, #48a0a8 0%, #2f6d7a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#48a0a8), color-stop(100%,#2f6d7a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #48a0a8 0%,#2f6d7a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #48a0a8 0%,#2f6d7a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #48a0a8 0%,#2f6d7a 100%); /* IE10+ */
    background: linear-gradient(top, #48a0a8 0%,#2f6d7a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48a0a8', endColorstr='#2f6d7a',GradientType=0 ); /* IE6-9 */
    -moz-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 1px rgba(255,255,255,0.5);
    -webkit-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 1px rgba(255,255,255,0.5);
    text-shadow:
        0px -1px 0px rgba(000,000,000,0.7),
        0px 1px 0px rgba(255,255,255,0.3);
}

#kalendarz_box p {color: #000;}
#kalendarz_box {float:left; width:850px; height: 463px; background-color: #fff;}
.number {vertical-align: top; font-size: 16px; font-weight: 900; float: left;}
span.day_name { position: relative; font-size: 6px; font-weight: 200; bottom: 6px; left: 1px;}
.day {display: block; float: left; width: 119px; height: 74px; background-color: #fff; color: #000; margin-top: 3px;  border-right: 2px solid #000; overflow: hidden; background-image: url(/images/layout/slash_inverse.png); background-position: center center; background-repeat: no-repeat;}
.month_from_monday {display: block; float: left; width: 0; height: 74px; background-color: #fff; color:#000; margin-top: 0px;  margin-left: -2px; border-right: 2px solid #000; overflow: hidden; background-image: url(/images/layout/slash_inverse.png); background-position: center center; background-repeat: no-repeat;}
.month_from_tuesday {display: block; float: left; width: 0; height: 74px; background-color: #fff; color:#000; margin-top: 0px;  margin-left: 119px; border-right: 2px solid #000; overflow: hidden; background-image: url(/images/layout/slash_inverse.png); background-position: center center; background-repeat: no-repeat;}
.month_from_wednesday {display: block; float: left; width: 0; height: 74px; background-color: #fff; color:#000; margin-top: 0px;  margin-left: 240px; border-right: 2px solid #000; overflow: hidden; background-image: url(/images/layout/slash_inverse.png); background-position: center center; background-repeat: no-repeat;}
.month_from_thursday {display: block; float: left; width: 0; height: 74px; background-color: #fff; color:#000; margin-top: 0px;  margin-left: 361px; border-right: 2px solid #000; overflow: hidden; background-image: url(/images/layout/slash_inverse.png); background-position: center center; background-repeat: no-repeat;}
.month_from_friday {display: block; float: left; width: 0; height: 74px; background-color: #fff; color:#000; margin-top: 0px;  margin-left: 482px; border-right: 2px solid #000; overflow: hidden; background-image: url(/images/layout/slash_inverse.png); background-position: center center; background-repeat: no-repeat;}
.month_from_saturday {display: block; float: left; width: 0; height: 74px; background-color: #fff; color:#000; margin-top: 0px;  margin-left: 603px; border-right: 2px solid #000; overflow: hidden; background-image: url(/images/layout/slash_inverse.png); background-position: center center; background-repeat: no-repeat;}
.month_from_sunday {display: block; float: left; width: 0; height: 74px; background-color: #fff; color:#000; margin-top: 0px;  margin-left: 724px; border-right: 2px solid #000; overflow: hidden; background-image: url(/images/layout/slash_inverse.png); background-position: center center; background-repeat: no-repeat;}

.oppr {position: relative; z-index:2; margin: 0 0 0 2px;}

/* Klasy Wydarzenia */
.wydarzenie_teatr {display: block; position: relative; z-index: 1; width: 115px; height: 100%; padding: 0px 2px 4px 2px; background-color:#fff;}
.wydarzenie_teatr:hover {background-color:rgb(0,126,122); color: #fff;}
.wydarzenie_teatr_hover {background-color:rgb(0,126,122); color: #fff;}

.wydarzenie_spotkania {display: block; position: relative; z-index: 1; width: 115px; height: 100%; padding: 0px 2px 4px 2px; background-color:#fff;}
.wydarzenie_spotkania:hover {background-color:rgb(0,85,155); color: #fff;}
.wydarzenie_spotkania_hover {background-color:rgb(0,85,155); color: #fff;}

.wydarzenie_edukacja {display: block; position: relative; z-index: 1; width: 115px; height: 100%; padding: 0px 2px 4px 2px; background-color:#fff;}
.wydarzenie_edukacja:hover {background-color:rgb(177,97,17); color: #fff;}
.wydarzenie_edukacja_hover {background-color:rgb(177,97,17); color: #fff;}

.wydarzenie_film {display: block; position: relative; z-index: 1; width: 115px; height: 100%; padding: 0px 2px 4px 2px; background-color:#fff;}
.wydarzenie_film:hover {background-color:rgb(258,32,56); color: #fff;}
.wydarzenie_film_hover {background-color:rgb(258,32,56); color: #fff;}

.wydarzenie_muzyka {display: block; position: relative; z-index: 1; width: 115px; height: 100%; padding: 0px 2px 4px 2px; background-color:#fff;}
.wydarzenie_muzyka:hover {background-color:rgb(237,178,31); color: #fff;}
.wydarzenie_muzyka_hover {background-color:rgb(237,178,31); color: #fff;}

/* Klasy Drugiego Wydarzenia w tym samym dniu*/

.drugie_wydarzenie_teatr {display: block; position: relative; top:-40px; z-index: 3; width: 115px; height: 36px; padding: 1px 2px;  background-color: #fff; border-top: 1px solid #000;}
.drugie_wydarzenie_teatr:hover {background-color:rgb(0,126,122); color: #fff;}
.drugie_wydarzenie_teatr_hover {background-color:rgb(0,126,122); color: #fff;}
.drugie_wydarzenie_spotkania {display: block; position: relative; top:-40px; z-index: 3; width: 115px; height: 36px; padding: 1px 2px;  background-color: #fff; border-top: 1px solid #000;}
.drugie_wydarzenie_spotkania:hover {background-color:rgb(0,85,155); color: #fff;}
.drugie_wydarzenie_spotkania_hover {background-color:rgb(0,85,155); color: #fff;}

.drugie_wydarzenie_edukacja {display: block; position: relative; top:-40px; z-index: 3; width: 115px; height: 36px; padding: 1px 2px;  background-color: #fff; border-top: 1px solid #000;}
.drugie_wydarzenie_edukacja:hover {background-color:rgb(177,97,17); color: #fff;}
.drugie_wydarzenie_edukacja_hover {background-color:rgb(177,97,17); color: #fff;}

.drugie_wydarzenie_film {display: block; position: relative; top:-40px; z-index: 3; width: 115px; height: 36px; padding: 1px 2px;  background-color: #fff; border-top: 1px solid #000;}
.drugie_wydarzenie_film:hover {background-color:rgb(258,32,56); color: #fff;}
.drugie_wydarzenie_film_hover {background-color:rgb(258,32,56); color: #fff;}

.drugie_wydarzenie_muzyka {display: block; position: relative; top:-40px; z-index: 3; width: 115px; height: 36px; padding: 1px 2px;  background-color: #fff; border-top: 1px solid #000;}
.drugie_wydarzenie_muzyka:hover {background-color:rgb(237,178,31); color: #fff;}
.drugie_wydarzenie_muzyka_hover {background-color:rgb(237,178,31); color: #fff;}

ul.place {position: absolute; text-align: right; font-size: 10px; width: 115px; height:32px; overflow: hidden; margin: 6px 0 0 0;}
ul.place li {line-height: 100%; list-style: none;}

ul.second_place {position: relative; text-align: right; font-size: 10px; width: 115px; height:35px; overflow: hidden;}
ul.second_place li {line-height: 100%; list-style: none;}

#kalendarium_nav {float: left; width:150px; height: 239px; background: #fff;}
#kalendarium_nav ul {list-style: none; padding: 4px 15px; text-transform: uppercase; font-size: 20px; font-weight: normal;}

/* =============================================================================
   Primary styles
   Author:
   ========================================================================== */

.logo { text-align: right;}
@media (max-width: 991px) {
    .logo { text-align: center; margin-bottom: 15px;}
}


@media (min-width: 1024px) {
    #container { width: 1000px; }
}
@media (min-width: 992px ) {
    #container { margin: 25px auto; }
}
#container { margin: 15px auto; background: #fff; padding: 0;}


header { /*min-height: 115px;*/ padding: 0 0 0 4px; margin: 0 0 15px 0;}

#column {width: 71px; height: 300px; background-color: #000; background-image: url(/images/layout/slash.png); background-repeat: no-repeat; background-position: top left; background-size: initial; }
footer.global {float:left; width:842px; height: 76px;}

/*.slash_first,
.slash_second,
.slash_third,
.slash_fourth,
.slash_fifth {position:absolute; padding: 0 0 0 33px;  z-index:9; height: 30px; background-image: url(/images/layout/slash_first.png); background-repeat: no-repeat; background-position: top left;}

.slash_first {width: 495px;}
.slash_second {width: 217px;}
.slash_third {width: 264px;}
.slash_fourth {width: 264px;}
.slash_fifth {width: 217 400px;}*/

.slash_first,
.slash_second,
.slash_third,
.slash_fourth,
.slash_fifth {
    padding: 1px 0 0 33px;
    z-index:9;
    height: 30px;
    background: url(/images/layout/slash_first.png) no-repeat top left;
}

.data1 select.one {width: auto; margin: 0 0 0 25px;}


/* =============================================================================
   Moduł pierwszy
   ========================================================================== */
#module {width:528px; height:300px; overflow: hidden; border-bottom: 3px solid black; }
#module img.top:hover {opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
#module a {
    display: block;
    position: relative;
    width: 88%;
    margin: 25px auto 0 auto;
    font-size: 11px;
    color: #fff;
    text-align: justify;
    overflow: hidden;
    z-index:0;
}

#module img {
    width:528px;
    height:300px;
    position: absolute;
    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
    z-index:1;
}

#column.home {border-bottom: 3px solid black;}

/* =============================================================================
   Moduł drugi
   ========================================================================== */
#module_second {width:250px; height:300px; overflow: hidden; border-bottom: 3px solid black;}
#module_second img.top:hover {opacity:0;}
#module_second a {
    display: block;
    position: relative;
    width: 78%;
    margin: 25px auto 0 auto;
    font-size: 11px;
    color: #fff;
    text-align: justify;
    overflow: hidden;
    z-index:0;
}

#module_second img {
    width:250px;
    height:300px;
    position: absolute;
    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
    z-index:1;
}
/* newsletter */
#module_newsletter {
    width: 148px;
    height:300px;
    position: relative;
}

#module_newsletter a {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: url(/images/layout/slash_inverse.png) no-repeat;
    text-align: right;
    font-size: 16px;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    color: black;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* =============================================================================
   Moduł trzeci
   ========================================================================== */
#module_third {width:297px; height: 160px; border-right: 3px solid #000; overflow: hidden;}
#module_third img.top:hover {opacity:0;}
#module_third a {
    display: block;
    position: relative;
    width: 78%;
    height: 59px;
    margin: 25px auto 0 auto;
    font-size: 11px;
    color: #fff;
    text-align: justify;
    overflow: hidden;
    z-index:0;
}

#module_third img {
    width:297px;
    height:160px;
    position: absolute;
    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
    z-index:1;
}

/* =============================================================================
   Moduł czwarty
   ========================================================================== */
#module_fourth {width:297px; height: 160px; border-right: 3px solid #000; overflow: hidden;}
#module_fourth img.top:hover {opacity:0;}
#module_fourth a {
    display: block;
    position: relative;
    width: 78%;
    height: 59px;
    margin: 25px auto 0 auto;
    font-size: 11px;
    color: #fff;
    text-align: justify;
    overflow: hidden;
    z-index:0;
}

#module_fourth img {
    width:297px;
    height:160px;
    position: absolute;
    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
    z-index:1;
}

/* =============================================================================
   Moduł piąty
   ========================================================================== */
#module_fifth {width:403px; height: 160px; overflow: hidden;}
#module_fifth img.top:hover {opacity:0;}
#module_fifth a {
    display: block;
    position: relative;
    width: 78%;
    margin: 25px auto 0 auto;
    font-size: 11px;
    color: #fff;
    text-align: justify;
    overflow: hidden;
    z-index:0;
}

#module_fifth img {
    /*    width:250px;
        height:160px;
        position: absolute;*/
    width: 100%;
    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
    z-index:1;
}

#module, #module_second, #module_third, #module_fourth, #module_fifth {
    overflow: hidden;
}

#module img, #module_second img, #module_third img, #module_fourth img, #module_fifth img {
    position: static;
}

@media (max-width: 1023px) {
    #column {
        display: none;
    }

    #module_newsletter {
        display: none;
    }

    #module, #module_second {
        width: 50%;
    }

    #module_third, #module_fourth, #module_fifth {
        width: 33.333333333%;
    }

}

@media (max-width: 767px) {
    #module, #module_second, #module_third, #module_fourth, #module_fifth {
        width: 100%;
        clear: both;
    }
}

/* =============================================================================
style modułów - teksty, kolory, kategorie
========================================================================== */
#module_opis {float:left; /*width:850px;*/ height: 463px; background-color: #fff; overflow: hidden;}
#module_opis_image {display: block; float: left; width:425px; height:300px; overflow: hidden; background-color: black; }
#module_opis_image img {display: block; float: left; width:auto; height:100%; overflow: hidden; }
#module_galeria {float:left; width:850px; height: 463px; background-color: #fff; overflow: hidden;}


.description {display: block; float:left; /*width: 425px;*/ width: calc(100% - 425px); height: 460px;}
.description header {
    display: block;
    /*float: right;*/
    /*width: 325px;*/
    min-height: 42px;
    text-align: left;
    padding: 0 35px 0 65px;
    margin: 0;
    background: url(/images/layout/slash_inverse.png) no-repeat top left;
}
.description header h1 {
    margin: 0 !important;
    font-size: 11px !important;
    text-transform: uppercase;
}
footer#footer_opis {float: left; width: /*385px*/ 425px; height: 148px; padding: 15px 20px 0 20px;}

.opis, .opis2, .opis3 {
    float: left;
    text-align: justify;
    overflow-x: hidden;
    overflow-y: auto;
    color: #000;
    font-size: 11px;
    padding: 10px 0 0 0;
    width: 70%;
    width: calc(100% - 65px);
    min-width: 70%;
}

.opis {
    max-height: 395px;
}

.opis, .opis2 {
    margin: 0 auto 0 65px;
}

.opis3 {
    width: 100%;
    margin: 0 auto 0 0;
}
.opis p, .opis2 p, .opis3 p {color: #000; margin: 0 0 11px 0;}

#ankieta th {
    width: 400px;
}
p {
    font-size: 11px;
    color: #fff;
    text-align: justify;
    overflow: hidden;
}

/* kolor kategorii */

.muzyka { background-color:rgb(237,178,31);}
.teatr { background-color:rgb(0,126,122)}
.film { background-color:rgb(258,32,56);}
.edukacja { background-color:rgb(177,97,17);}
.spotkania { background-color:rgb(0,85,155);}

a.muzyka_list:hover, .muzyka_list.active { color:rgb(237,178,31) !important}
a.teatr_list:hover, .teatr_list.active { color:rgb(0,126,122) !important}
a.film_list:hover, .film_list.active { color:rgb(258,32,56) !important}
a.edukacja_list:hover, .edukacja_list.active { color:rgb(177,97,17) !important}
a.spotkania_list:hover, .spotkania_list.active { color:rgb(0,85,155) !important}


a.muzyka_list_hover { color:rgb(237,178,31);}
a.teatr_list_hover { color:rgb(0,126,122)}
a.film_list_hover{ color:rgb(258,32,56);}
a.edukacja_list_hover { color:rgb(177,97,17);}
a.spotkania_list_hover { color:rgb(0,85,155);}

/* Tiny Scrollbar */
#scrollbar1 { width: 390px; margin: 10px 0 10px;padding-top: 40px; }
#scrollbar1 .viewport { width: 365px; height: 360px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(/media/images/scroll/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(/media/images/scroll/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(/media/images/scroll/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(/media/images/scroll/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }

#scrollbar2 { width: 390px; margin: 10px 0 10px;padding-top: 0px; }
#scrollbar2 .viewport { width: 365px; height: 400px; overflow: hidden; position: relative; }
#scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar2 .scrollbar{ background: transparent url(/media/images/scroll/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar2 .track { background: transparent url(/media/images/scroll/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar2 .thumb { background: transparent url(/media/images/scroll/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar2 .thumb .end { background: transparent url(/media/images/scroll/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar2 .disable { display: none; }



#scrollbar3 { width: 830px; margin: 10px 0 10px;padding-top: 0px; }
#scrollbar3 .viewport { width: 790px; height: 400px; overflow: hidden; position: relative; }
#scrollbar3 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar3 .scrollbar{ background: transparent url(/media/images/scroll/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar3 .track { background: transparent url(/media/images/scroll/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar3 .thumb { background: transparent url(/media/images/scroll/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar3 .thumb .end { background: transparent url(/media/images/scroll/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar3 .disable { display: none; }
#module_opis  footer .film { background-color:rgb(258,32,56);}
ul.errorlist { list-style: none; margin: 0; padding: 0;display:inline;}
li.errorlist { list-style: none;height: 8px; color: #ff0000; margin: 0; padding: 0;}
input[type=search] {
    float: left;
    color: #000;
    text-align: right;
    cursor: pointer;
    display: block;
    width: 150px;
    height: 300px;
    word-spacing: 20px;
    border: none;
    background-image: url(/images/layout/slash_inverse.png);
    background-position: center left;
    background-repeat: no-repeat;
    -moz-appearance:none;
    -webkit-appearance:none;
}

input.wyszukiwanie {
    float: right;
    color: #000;
    text-align: right;
    display: block;
    width: 212px;
    height: 20px;
    word-spacing: 20px;

    background-position: center left;
    background-repeat: no-repeat;
    -moz-appearance: default;
    -webkit-appearance:default;
    background-image: none;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
    /*** Adding CSS3 ***/

    /*** Transition Selectors - What properties to animate and how long ***/
    -webkit-transition-property: -webkit-box-shadow, background;
    -webkit-transition-duration: 0.25s;

    -moz-box-shadow:    inset 1px 1px 3px #888;
    -webkit-box-shadow: inset 1px 1px 3px #888;
    box-shadow:         inset 1px 1px 3px #888;
}

#promo {clear: both; background: #fff; }
#sponsor {min-height: 110px; text-align: justify; -moz-text-align-last: justify; text-align-last: justify}
p.license { font-size: 10px; color:#fff; background-color: #000; padding: 8px; margin: 0;}
/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


#sala {
    padding: 0 15px;
    width: 420px;
    height: 400px;

}

#balkon {
    width: 400px;
    height: 330px;
    background-image: url(/media/images/sala1.png);
    background-size: 330px;
    background-repeat: no-repeat;
    background-position: bottom center;
    border: solid 1px white;
}

p.balkon_opis_L {position: absolute; font-size: 8px; font-weight: normal; padding: 5px 8px; background-color: rgba(0,0,0,0.9); color: white;}
p.balkon_opis_R {position: absolute; font-size: 8px; font-weight: normal; padding: 5px 8px; background-color: rgba(0,0,0,0.9); color: white; margin: 0 0 0 345px;}
p.lozaI_opis {position: absolute; font-size: 8px; font-weight: normal; padding: 2px 5px; background-color: rgba(0,0,0,0.9); color: white; margin: 320px 0 0 38px;}
p.lozaII_opis {position: absolute; font-size: 8px; font-weight: normal; padding: 2px 5px; background-color: rgba(0,0,0,0.9); color: white; margin: 255px 0 0 38px;}
p.lozaIII_opis {
    position: absolute;
    font-size: 8px;
    font-weight: normal;
    padding: 2px 5px;
    background-color: rgba(0,0,0,0.9);
    color: white;
    margin: 195px 0 0 36px;
    transform:rotate(18deg);
    -webkit-transform:rotate(18deg);
    -moz-transform:rotate(18deg);
    -o-transform:rotate(18deg);
}
p.lozaIV_opis {
    position: absolute;
    font-size: 8px;
    font-weight: normal;
    padding: 2px 5px;
    background-color: rgba(0,0,0,0.9);
    color: white;
    margin: 135px 0 0 56px;
    transform:rotate(28deg);
    -webkit-transform:rotate(28deg);
    -moz-transform:rotate(28deg);
    -o-transform:rotate(28deg);
}
p.lozaV_opis {
    position: absolute;
    font-size: 8px;
    font-weight: normal;
    padding: 2px 5px;
    background-color: rgba(0,0,0,0.9);
    color: white;
    margin: 82px 0 0 89px;
    transform:rotate(28deg);
    -webkit-transform:rotate(28deg);
    -moz-transform:rotate(28deg);
    -o-transform:rotate(28deg);
}
p.lozaVI_opis {
    position: absolute;
    font-size: 8px;
    font-weight: normal;
    padding: 2px 5px;
    background-color: rgba(0,0,0,0.9);
    color: white;
    margin: 82px 0 0 265px;
    transform:rotate(-28deg);
    -webkit-transform:rotate(-28deg);
    -moz-transform:rotate(-28deg);
    -o-transform:rotate(-28deg);
}
.lozaVI_opis {
    position: absolute;
    font-size: 8px;
    font-weight: normal;
    padding: 2px 5px;
    background-color: rgba(0,0,0,0.9);
    color: white;
    margin: 89px 0 0 265px;
    transform:rotate(-28deg);
    -webkit-transform:rotate(-28deg);
    -moz-transform:rotate(-28deg);
    -o-transform:rotate(-28deg);
}

.lozaVII_opis {
    position: absolute;
    font-size: 8px;
    font-weight: normal;
    padding: 2px 5px;
    background-color: rgba(0,0,0,0.9);
    color: white;
    margin: 137px 0 0 295px;
    transform:rotate(-28deg);
    -webkit-transform:rotate(-28deg);
    -moz-transform:rotate(-28deg);
    -o-transform:rotate(-28deg);
}


.lozaVIII_opis {
    position: absolute;
    font-size: 8px;
    font-weight: normal;
    padding: 2px 5px;
    background-color: rgba(0,0,0,0.9);
    color: white;
    margin: 197px 0 0 315px;
    transform:rotate(-28deg);
    -webkit-transform:rotate(-28deg);
    -moz-transform:rotate(-28deg);
    -o-transform:rotate(-28deg);
}

.lozaIX_opis {
    position: absolute;
    font-size: 8px;
    font-weight: normal;
    padding: 2px 5px;
    background-color: rgba(0,0,0,0.9);
    color: white;
    margin: 257px 0 0 315px;
}
.lozaX_opis {
    position: absolute;
    font-size: 8px;
    font-weight: normal;
    padding: 2px 5px;
    background-color: rgba(0,0,0,0.9);
    color: white;
    margin: 320px 0 0 315px;
}

.rowIX {position: absolute; background-color: black; color: white; margin: 100px 132px; font-size: 8px; padding: 2px 3px;}
.rowVIII {position: absolute; background-color: black; color: white; margin: 125px 118px; font-size: 8px; padding: 2px 3px;}
.rowVII {position: absolute; background-color: black; color: white; margin: 152px 110px; font-size: 8px; padding: 2px 3px;}
.rowVI {position: absolute; background-color: black; color: white; margin: 178px 90px; font-size: 8px; padding: 2px 3px;}
.rowV {position: absolute; background-color: black; color: white; margin: 205px 90px; font-size: 8px; padding: 2px 3px;}
.rowIV {position: absolute; background-color: black; color: white; margin: 231px 81px; font-size: 8px; padding: 2px 3px;}
.rowIII {position: absolute; background-color: black; color: white; margin: 257px 83px; font-size: 8px; padding: 2px 3px;}
.rowII {position: absolute; background-color: black; color: white; margin: 288px 90px; font-size: 8px; padding: 2px 3px;}
.rowI {position: absolute; background-color: black; color: white; margin: 312px 90px; font-size: 8px; padding: 2px 3px;}


#balkon_top_center {position: relative; left: 165px; top: 10px; width: auto;}
#balkon_top_center label { position: relative; top: -5px;}
.vertical {float: left; width: 18px; height: 20px;}
.verticalII {float: left; width: 18px; height: 20px; margin: 0 6px 0 0;}
.verticalIII {float: left; width: 18px; height: 20px; margin: 0 -2px 0 0;}
.verticalIV {float: left; width: 18px; height: 20px; margin: 0 -4px 0 0;}

#balkon_left {position: absolute; width: 35px; height: auto; padding: 5px; margin: 105px 0 0 0;}
#balkon label {font-size: 10px; background-color:rgba(0,0,0,0.8); color: white; padding: 0 2px; margin: -5px 0 0 0;}
#balkon_right {position: relative; width: 35px; height: auto; padding: 5px; margin: 105px 0 0 0; left: 360px;}
#balkon_right label { }

p.scena { width: 100px; padding: 10px 25px; font-size: 16px; background: black; color: white; margin: 10px auto; text-align: center; vertical-align: middle; font-weight: bold;}

#loza_I {padding: 0 1px; position: absolute; width: 59px; height: 40px; margin: 282px 0 0 35px;  }
#loza_I label {float: left; position: absolute; margin: 3px 0 0 0;}

#loza_II {padding: 0 1px; position: absolute; width: 59px; height: 40px; margin: 218px 0 0 35px;  }
#loza_II label {float: left; position: absolute; margin: 3px 0 0 0;}

#loza_III {
    padding: 0 1px;
    position: absolute;
    width: 59px;
    height: 40px;
    margin: 160px 0 0 40px;
    transform:rotate(18deg);
    -webkit-transform:rotate(18deg);
    -moz-transform:rotate(18deg);
    -o-transform:rotate(18deg);
}
#loza_III label {float: left; position: absolute; margin: 3px 0 0 0;}

#loza_IV {
    padding: 0 1px;
    position: absolute;
    width: 59px;
    height: 40px;
    margin: 100px 0 0 68px;
    transform:rotate(28deg);
    -webkit-transform:rotate(28deg);
    -moz-transform:rotate(28deg);
    -o-transform:rotate(28deg);
}
#loza_IV label {float: left; position: absolute; margin: 3px 0 0 0;}

#loza_V {
    padding: 0 1px;
    position: absolute;
    width: 79px;
    height: 40px;
    margin: 55px 0 0 119px;
    transform:rotate(-18deg);
    -webkit-transform:rotate(-18deg);
    -moz-transform:rotate(-18deg);
    -o-transform:rotate(-18deg);
}
#loza_V label {float: left; position: absolute; margin: 3px 0 0 0;}

#loza_VI {
    padding: 0 1px;
    position: absolute;
    width: 79px;
    height: 40px;
    margin: 58px 0 0 205px;
    transform:rotate(18deg);
    -webkit-transform:rotate(18deg);
    -moz-transform:rotate(18deg);
    -o-transform:rotate(18deg);
}
#loza_VI label {float: left; position: absolute; margin: 3px 0 0 0;}

#loza_VII {
    padding: 0 1px;
    position: absolute;
    width: 59px;
    height: 40px;
    margin: 100px 0 0 280px;
    transform:rotate(-28deg);
    -webkit-transform:rotate(-28deg);
    -moz-transform:rotate(-28deg);
    -o-transform:rotate(-28deg);
}
#loza_VII label {float: left; position: absolute; margin: 3px 0 0 0;}

#loza_VIII {
    padding: 0 1px;
    position: absolute;
    width: 59px;
    height: 40px;
    margin: 157px 0 0 310px;
    transform:rotate(-28deg);
    -webkit-transform:rotate(-28deg);
    -moz-transform:rotate(-28deg);
    -o-transform:rotate(-28deg);
}
#loza_VIII label {float: left; position: absolute; margin: 3px 0 0 0;}

#loza_IX {
    padding: 0 1px;
    position: absolute;
    width: 59px;
    height: 40px;
    margin: 220px 0 0 315px;
    transform:rotate(-28deg);
}
#loza_IX label {float: left; position: absolute; margin: 3px 0 0 0;}

#loza_X {
    padding: 0 1px;
    position: absolute;
    width: 59px;
    height: 40px;
    margin: 282px 0 0 315px;
    transform:rotate(-28deg);
}
#loza_X label {float: left; position: absolute; margin: 3px 0 0 0;}

#row_IX {position: absolute;  width: auto; margin: 97px 0 0 148px;}
#row_IX label { position: relative; top: -9px;}

#row_VIII {position: absolute;  width: auto; margin: 123px 0 0 140px;}
#row_VIII label { position: relative; top: -9px;}

#row_VII {position: absolute;  width: auto; margin: 150px 0 0 130px;}
#row_VII label { position: relative; top: -9px;}

#row_VI {position: absolute;  width: auto; margin: 176px 0 0 105px;}
#row_VI label { position: relative; top: -9px;}

#row_V {position: absolute;  width: auto; margin: 203px 0 0 105px;}
#row_V label { position: relative; top: -9px;}

#row_IV {position: absolute;  width: auto; margin: 230px 0 0 95px;}
#row_IV label { position: relative; top: -9px;}

#row_III {position: absolute;  width: auto; margin: 257px 0 0 98px;}
#row_III label { position: relative; top: -9px;}

#row_II {position: absolute;  width: auto; margin: 284px 0 0 103px;}
#row_II label { position: relative; top: -9px;}

#row_I {position: absolute;  width: auto; margin: 311px 0 0 105px;}
#row_I label { position: relative; top: -9px;}

.loza {display: block; width:35px; height: 15px;}

table.sprzedaz {border-width: 1px; border-spacing: 0px; border-style: none; border-color: black; border-collapse: collapse; background-color: white;}
table.sprzedaz th {
    border-width: 1px;
    padding: 1px;
    border-style: inset;
    border-color: black;
    background-color: rgb(255, 255, 240);
}
table.sprzedaz td {
    border-width: 1px;
    padding: 1px;
    border-style: inset;
    border-color: black;
    background-color: rgb(255, 255, 240);
}

label.c_red {   background: url(/media/images/backgrounds/red.png) repeat; color:#000000;}
label.c_green {  background: url(/media/images/backgrounds/green.png) repeat;color:#000000;}
label.c_yellow {  background: url(/media/images/backgrounds/yellow.png) repeat;color:#000000;}
.sprzedaz {
    width: 90%;
    max-height: 395px;
    margin: 5px;
    padding: 0px;
    font-size: 11px;
    vertical-align: top;
}
.kup {
    width: 90%;
    max-height: 395px;
    margin: 5px;
    padding: 0px;
    font-size: 11px;
    text-align: right;

}
.tooltip {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:120px;
    height: 40px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;

    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}
#wnetrze { line-height: 20px; background-color: #000000; }
.wydarzenie_sponsor {
    position: absolute; bottom: 0;
}
#time_a {
    color: #ffffff;
}
#time_b {
    color: #000000;
}
.sponsor_link {
    margin-right: 10px;
}
.sponsor_link img {
    max-height: 40px;
}
.sponsor_link_2 {
    margin-right: 10px;
}
.sponsor_link_2 img {
    max-height: 60px;
}
.user_full { width: 200px;}
.user_medium { width: 100px;}
.user_small { width: 30px;}
.submit { float: right;}
/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
    /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
    /* Style adjustments for viewports 768px and over go here */

}


/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
    a, a:visited { color: #444 !important; text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3{ page-break-after: avoid; }
}


/*.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}
@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}
@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}
@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}
@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}
.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0062cc!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#545b62!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#1e7e34!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#117a8b!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#d39e00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#bd2130!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#dae0e5!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#1d2124!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}*/