.biletomat {
    background: #f5ba05;
    overflow: hidden;
}

h3.title-block-wyszukaj {
    background: url("../images/bg_title_szukaj.png") no-repeat scroll 98% 10px #f5ba05;
    color: #fff;
    font-family: "Signika",sans-serif;
    font-size: 27px;
    font-weight: 300;
    margin: 0;
    padding: 15px 50px 15px 25px;
}

.biletomat .form-item-date label, .biletomat .form-item-hour label {
    color: #fff;
    float: left;
    font-family: "Signika",sans-serif;
    font-size: 14px;
    width: 100%;
}

#main-content .biletomat .form-text.jdate, #main-content .biletomat .form-text.jhour {
    background: url("../images/bg_input.png") no-repeat scroll right center #fff;
    border: 1px solid #fff;
    color: #707070;
    float: left;
    font-family: "Signika",sans-serif;
    font-size: 14px;
    padding: 12px 40px 12px 10px;
    width: 125px;
}

#main-content .biletomat input[type="submit"] {
   text-transform: none;
}

#wyszukaj {
 width: 308px;
 float: left;
 margin-right: 10px;
}

#klawiatura {
 float: left;
 width: 561px;
}

#klawiatura  #litery {
 margin-top: 5px;
 background: #FFF;
}

#klawiatura  #litery ul.litery-lista {
    margin: 0;
    padding: 0;
}

#klawiatura  #litery ul.litery-lista > li {
    display: inline-block;
    list-style: outside none none;
    margin: 0 1px 1px 0;
}
#klawiatura  #klawiatury .table > li > span {
    padding-left: 15px;
}
#klawiatura  #litery a {
    background: linear-gradient(to bottom, #c3c3c3 0%, #b5b5b5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #3e3e3e;
    display: inline-block;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
    width: 50px;
}
#klawiatura  #litery a:active {
    box-shadow: 0 500px rgba(0, 0, 0, 0.2) inset;
}
#klawiatura #litery li a:hover,
#klawiatura #litery li.active a {
    background: linear-gradient(to bottom, #f6c000 0%, #f4b200 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15) inset;
    font-weight: bold;
}


#klawiatura #klawiatury {
    background: none repeat scroll 0 0 #f8f8f8;
    width: 561px;
}

.scroll-pane {
    height: 350px;
    overflow: auto;
    width: 100%;
}
.pojedynczy-artykul .scroll-pane {
    height: 356px;
    margin: 28px 0;
}
#box-entry-container .scroll-pane {
    height: 277px;
}
#klawiatura .scroll-pane {
    height: 178px;
}
#rozklad-szczegoly .scroll-pane {
    height: 308px;
}
.jspContainer {
    overflow: hidden;
    position: relative;
}
.jspPane {
    position: absolute;
}
.jspVerticalBar {
    background: none repeat scroll 0 0 #cdcdcd;
    border-left: 1px solid #c2c3c4;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
}
#box-entry-container .jspVerticalBar {
    border: medium none;
}
.jspHorizontalBar {
    background: none repeat scroll 0 0 red;
    bottom: 0;
    height: 16px;
    left: 0;
    position: absolute;
    width: 100%;
}
.jspVerticalBar *, .jspHorizontalBar * {
    margin: 0;
    padding: 0;
}
.jspCap {
    display: none;
}
.jspHorizontalBar .jspCap {
    float: left;
}
.jspTrack {
    background: none repeat scroll 0 0 #cdcdcd;
    position: relative;
}
.jspDrag {
    background: none repeat scroll 0 0 #77797c;
    cursor: pointer;
    left: 0;
    position: relative;
    top: 0;
}
.jspDrag.jspActive {
    box-shadow: 0 1000px 0 rgba(0, 0, 0, 0.2) inset;
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}
.jspArrow {
    background: url("../images/scroll-arrows-sprites.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    text-indent: -20000px;
}
.jspArrow.jspActive {
    box-shadow: 0 100px 0 rgba(0, 0, 0, 0.2) inset;
}
.jspArrowUp {
    background-position: 0 0;
}
.jspArrowDown {
    background-position: 0 -40px;
}
.jspArrowUp.jspDisabled {
    background-position: -40px 0;
}
.jspArrowDown.jspDisabled {
    background-position: -40px -40px;
}
.jspArrow.jspDisabled {
    cursor: default;
}
.jspVerticalBar .jspArrow {
    height: 40px;
}
.jspHorizontalBar .jspArrow {
    float: left;
    height: 100%;
    width: 16px;
}
.jspVerticalBar .jspArrow:focus {
    outline: medium none;
}
.jspCorner {
    background: none repeat scroll 0 0 #eeeef4;
    float: left;
    height: 100%;
}

#klawiatura div > ul.table {
    padding: 0;
    width: 101%;
}

#klawiatura div > ul.table > li:nth-child(2n+1) {
    background-color: #eff0f1;
}

#klawiatura div > ul.table > li.active {
    box-shadow: 0 0 500px rgba(0, 0, 0, 0.25) inset;
}

#klawiatura div > ul.table > li {
    background-color: #e6e8ea;
    height: 45px;
}

#klawiatura #klawiatury .table > li > span {
    padding-left: 15px;
    font-size: 16px;
}