/* OVERFLOW */
:focus {
    outline: none;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-auto {
    overflow: auto;
}

.overflow-hidden-x {
    overflow-x: hidden;
}

.overflow-hidden-y {
    overflow-y: hidden;
}

.overflow-scroll-x {
    overflow-x: scroll;
}

.overflow-scroll-y {
    overflow-y: scroll !important;
}

/* DISPLAY */

.display-table {
    display: table;
    height: 100%;
    width: 100%;
}

.display-cell {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

.block, .display-block {
    display: block;
}

.display-none {
    display: none;
}

.inline {
    display: inline;
}

.inline-block {
    display: inline-block;
}

.invisible {
    visibility: hidden;
}

/* POSITION */

.position-relative, .relative {
    position: relative;
}

.position-relative-left-top {
    position: relative;
    left: 0px;
    top: 0px;
}

.position-absolute-left-top {
    position: absolute;
    left: 0px;
    top: 0px;
}

.position-absolute-right-top {
    position: absolute;
    right: 0px;
    top: 0px;
}

.position-absolute-bottom-left {
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.position-absolute-bottom {
    position: absolute;
    bottom: 0px;
}

.force-no-border-radious {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.force-no-bg {
    background: none !important;
}

/* TABELKI */
table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

table thead th {
    text-align: center;
    border: 1px solid #c2ae98;
    background: #e3dbd2;
    padding: 2px 3px;
    line-height: 12px;
}

table thead th.waluta-kurs-styl {
    background: #c0b3a5;
    border: 1px solid #ac8b68;
}

table tbody td.fake-th {
    text-align: center;
    border: 1px solid #c2ae98;
    background: #e3dbd2;
    padding: 2px 3px
}

table tbody tr {
    background: #fff;
}

table tbody tr.odd, a.wylaczony {
    background: #e3dbd2;
}

table tbody tr.even {
    background: #fff;
}

table tbody tr.greenBackground {
    background: #eeffee;
}

table tbody tr td {
    border: 1px solid #c2ae98;
    padding-left: 3px;
    padding-right: 3px;
    /*overflow-y: hidden;*/
}

table tbody tr td span.td-zawartosc {
    display: block;
    width: inherit;
    overflow: hidden;
    word-wrap: break-word;
}

/* FORMULARZE */

.bledy-kontener, .error__Handler {
    float: left;
    width: 95%;
    border: 1px solid red;
    color: red;
    padding: 0 10px;
    background: #ffd8d8;
    border-radius: 5px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.komunikat-bledow {
    float: left;
    width: 95%;
    border: 1px solid gray;
    color: gray;
    padding: 10px;
    background: #d8d8d8;
    border-radius: 5px;
    padding-bottom: 10px;
}

.komunikat-bledow-systemu {
    float: left;
    width: 95%;
    border: 1px solid red;
    color: red;
    padding: 10px;
    background: #ffd8d8;
    border-radius: 5px;
    padding-bottom: 10px;
}

.error__Handler {
    width: auto;
    float: none;
    padding: 10px;
    font-size: 11px;
    position: relative;
}

.error__Handler .close-button {
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.error__Handler .close-button.ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png);
}

.error__Handler .close-button.err-state-hover {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

.width8 {
    width: 8px;
}

.separator-vertical-small {
    float: left;
    width: 1px;
    height: 34px;
    margin-top: 10px;
    background: url(/styleimg/l.png) repeat-y top right;
}

.form-wrapper h2 {
    font-size: 13px;
    float: left;
    width: 100%;
    text-align: center;
    color: #968d84;
    color: red;
    font-weight: 600;
    text-transform: uppercase;
}

.daty .ui-datepicker-trigger {
    float: left;
    margin-left: 2px;
}

form label, form span {
    /* color: #968d84;
    font-weight: 500;
    padding: 0px 5px; */
}

label, span.label {
    color: #968d84;
    font-weight: bold;
    font-size: 11px;
    padding: 2px 5px;
}

label.error {
    clear: both;
    color: red;
    font-size: 10px;
    padding: 3px 0;
    float: left;
    width: 100%;
    text-align: left;
}

input[type=text], input[type=file], form input[type=password], textarea, select {
    border: solid 1px #ccc;
    background: #fff;
    color: #444;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

input[type=text].error, form input[type=password].error, textarea.error, select.error, div.error {
    border: 1px solid #f60d2e;
    -moz-box-shadow: 0 0 2px 2px #e11330;
    -webkit-box-shadow: 0 0 2px 2px #e11330;
    box-shadow: 0 0 2px 2px #e11330;
}

input[disabled=disabled],
textarea[disabled=disabled],
select[disabled=disabled],
select option[disabled=disabled] {
    background-color: #e0e0e0;
    color: #968d84;
}

/* KOLORY */

.force-color-red {
    color: red !important;
}

.force-color-white {
    color: white !important;
}

.force-color-black {
    color: black !important;
}

.light-brown {
    color: #9D8E7B;
}

.color-label {
    color: #968D84;
}

.red {
    color: red;
}

.gray {
    color: #777;
}

.blue {
    color: blue;
}

.green {
    color: green;
}

.paleblack {
    color: #444;
}

.black {
    color: #000;
}

.white {
    color: #fff;
}

.solution-orange {
    color: #FFB400;
}

.solution-brown-light {
    color: #9d8d7b;
}

.solution-blue-light {
    color: #7d7b9d;
}

.solution-brown-dark {
    color: #704c2a;
}

.solution-yellow {
    color: #faa116;
}

.solutionb-gold {
    color: #cb984b;
}

.brown {
    color: #946537;
}

.red {
    color: #c4020b;
}

.panel-brown-light {
    color: #C1AD97;
}

.tlo-rozowe {
    background-color: #F5DECC;
}

/* T�O / BACKGROUND */

.background-brown {
    background-color: #EDE3DA;
}

.background-lightgray {
    background: #f0f3f8;
}

.background-white {
    background: #fff;
}

.background-lightbrown {
    background: #fff1dc;
}
tr.background-lightbrown > .waluta-kurs-styl{
    background: #f5d5a5;
}
.background-lightblue {
    background: #f0efff;
}

.background-red {
    background-color: red;
}

.background-brown-darker {
    background-color: #6E573C;
}

.background-brown-dark {
    background-color: #704c2a;
}

.background-brown-light {
    background: #ae722d;
}

/*  POZYCJONOWANIE */

.valign-top {
    vertical-align: top;
}

.nofloat {
    float: none !important;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.pointer {
    cursor: pointer;
}

.cursor-default:hover {
    cursor: default;
}

.cursor-default {
    cursor: default !important;
}

.vertical-middle {
    vertical-align: middle;
}

/* TEKST */

.bold {
    font-weight: bold;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.force-text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-justify {
    text-align: justify;
}

.text-capitalize {
    text-transform: capitalize;
}

.italic {
    font-style: italic;
}

.text-bold {
    font-weight: bold;
}

.text-normal {
    font-weight: normal;
}

.smaller {
    font-size: smaller;
}

.bigger {
    font-size: large;
}

.text-underline {
    text-decoration: underline;
}

.border-radius5 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.line-through {
    text-decoration: line-through;
}

/* WIDTH / szerokość / procentowa */

.width-min-100p {
    min-width: 100%;
}

.width-max-815 {
    max-width: 815px;
}

.width-max-820 {
    max-width: 820px;
}

.max-width-100{
    max-width: 100px;
}

.width-auto {
    width: auto !important;
}

.width5p {
    width: 5% !important;
}

.width10p {
    width: 10% !important;
}

.width15p {
    width: 15% !important;
}

.width20p {
    width: 20% !important;
}

.width25p {
    width: 25% !important;
}

.width30p {
    width: 30% !important;
}

.width35p {
    width: 35% !important;
}

.width40p {
    width: 40% !important;
}

.width45p {
    width: 45% !important;
}

.width50p {
    width: 50% !important;
}

.width55p {
    width: 55% !important;
}

.width60p {
    width: 60% !important;
}

.width65p {
    width: 65% !important;
}

.width70p {
    width: 70% !important;
}

.width75p {
    width: 75% !important;
}

.width80p {
    width: 80% !important;
}

.width85p {
    width: 85% !important;
}

.width90p {
    width: 90% !important;
}

.width96p {
    width: 96% !important;
}

.width98p {
    width: 98% !important;
}

.width99p {
    width: 99% !important;
}

.width100p {
    width: 100% !important;
}

/* WIDTH / szerokość / liczbowa */

.width5 {
    width: 5px !important;
}

.width10 {
    width: 10px !important;
}

.width15 {
    width: 15px !important;
}

.width16 {
    width: 16px !important;
}

.width17 {
    width: 17px !important;
}

.width18 {
    width: 18px !important;
}

.width20 {
    width: 20px !important;
}

.width25 {
    width: 25px !important;
}

.width30 {
    width: 30px !important;
}

.width35 {
    width: 35px !important;
}

.width40 {
    width: 40px !important;
}

.width45 {
    width: 45px !important;
}

.width50 {
    width: 50px !important;
}

.width55 {
    width: 55px !important;
}

.width60 {
    width: 60px !important;
}

.width65 {
    width: 65px !important;
}

.width70 {
    width: 70px !important;
}

.width74 {
    width: 74px !important;
}

.width75 {
    width: 75px !important;
}

.width80 {
    width: 80px !important;
}

.width82 {
    width: 82px !important;
}

.width85 {
    width: 85px !important;
}

.width86 {
    width: 86px !important;
}

.width89 {
    width: 89px !important;
}

.width87 {
    width: 87px !important;
}

.width90 {
    width: 90px !important;
}

.width94 {
    width: 94px !important;
}

.width95 {
    width: 95px !important;
}

.width96 {
    width: 96px !important;
}

.width100 {
    width: 100px !important;
}

.width105 {
    width: 105px;
}

.width110 {
    width: 110px !important;
}

.width115 {
    width: 115px !important;
}

.width120 {
    width: 120px !important;
}

.width125 {
    width: 125px !important;
}

.width130 {
    width: 130px !important;
}

.width135 {
    width: 135px !important;
}

.width140 {
    width: 140px !important;
}

.width145 {
    width: 145px !important;
}

.width150 {
    width: 150px !important;
}

.width155 {
    width: 155px !important;
}

.width160 {
    width: 160px !important;
}

.width165 {
    width: 165px !important;
}

.width170 {
    width: 170px !important;
}

.width174 {
    width: 174px !important;
}

.width175 {
    width: 175px !important;
}

.width176 {
    width: 176px !important;
}

.width180 {
    width: 180px !important;
}

.width185 {
    width: 185px !important;
}

.width190 {
    width: 190px !important;
}

.width195 {
    width: 195px !important;
}

.width200 {
    width: 200px !important;
}

.width220 {
    width: 220px !important;
}

.width205 {
    width: 205px !important;
}

.width210 {
    width: 210px !important;
}

.width215 {
    width: 215px !important;
}

.width220 {
    width: 220px !important;
}

.width225 {
    width: 225px !important;
}

.width230 {
    width: 230px !important;
}

.width235 {
    width: 235px !important;
}

.width240 {
    width: 240px !important;
}

.width245 {
    width: 245px !important;
}

.width250 {
    width: 250px !important;
}

.width255 {
    width: 255px !important;
}

.width260 {
    width: 260px !important;
}

.width265 {
    width: 265px !important;
}

.width270 {
    width: 270px !important;
}

.width275 {
    width: 275px !important;
}

.width280 {
    width: 280px !important;
}

.width285 {
    width: 285px !important;
}

.width290 {
    width: 290px !important;
}

.width295 {
    width: 295px !important;
}

.width300 {
    width: 300px !important;
}

.width305 {
    width: 305px !important;
}

.width310 {
    width: 310px !important;
}

.width315 {
    width: 315px !important;
}

.width320 {
    width: 320px !important;
}

.width325 {
    width: 325px !important;
}

.width330 {
    width: 330px !important;
}

.width335 {
    width: 335px !important;
}

.width340 {
    width: 340px !important;
}

.width345 {
    width: 345px !important;
}

.width350 {
    width: 350px !important;
}

.width355 {
    width: 355px !important;
}

.width360 {
    width: 360px !important;
}

.width365 {
    width: 365px !important;
}

.width370 {
    width: 370px !important;
}

.width375 {
    width: 375px !important;
}

.width380 {
    width: 380px !important;
}

.width385 {
    width: 385px !important;
}

.width390 {
    width: 390px !important;
}

.width395 {
    width: 395px !important;
}

.width400 {
    width: 400px !important;
}

.width405 {
    width: 405px !important;
}

.width410 {
    width: 410px !important;
}

.width415 {
    width: 415px !important;
}

.width420 {
    width: 420px !important;
}

.width425 {
    width: 425px !important;
}

.width430 {
    width: 430px !important;
}

.width435 {
    width: 435px !important;
}

.width440 {
    width: 440px !important;
}

.width445 {
    width: 445px !important;
}

.width455 {
    width: 455px !important;
}

.width450 {
    width: 450px !important;
}

.width460 {
    width: 460px !important;
}

.width465 {
    width: 465px !important;
}

.width470 {
    width: 470px !important;
}

.width475 {
    width: 475px !important;
}

.width480 {
    width: 480px !important;
}

.width485 {
    width: 485px !important;
}

.width490 {
    width: 490px !important;
}

.width495 {
    width: 495px !important;
}

.width500 {
    width: 500px;
}

.width505 {
    width: 505px !important;
}

.width510 {
    width: 510px !important;
}

.width525 {
    width: 525px !important;
}

.width540 {
    width: 540px !important;
}

.width550 {
    width: 550px !important;
}

.width565 {
    width: 565px !important;
}

.width575 {
    width: 575px !important;
}
.width590 {
    width: 590px !important;
}
.width600 {
    width: 600px !important;
}

.width620 {
    width: 620px !important;
}

.width635 {
    width: 635px !important;
}

.width650 {
    width: 650px !important;
}

.width655 {
    width: 655px !important;
}

.width660 {
    width: 660px !important;
}

.width665 {
    width: 665px !important;
}

.width670 {
    width: 670px !important;
}

.width680 {
    width: 680px !important;
}

.width690 {
    width: 690px !important;
}

.width700 {
    width: 700px !important;
}

.width765 {
    width: 765px !important;
}

.width775 {
    width: 775px !important;
}

.width780 {
    width: 780px !important;
}

.width793 {
    width: 793px !important;
}

.width800 {
    width: 800px !important;
}

.width810 {
    width: 810px !important;
}

.width815 {
    width: 815px !important;
}

.width980 {
    width: 980px;
}

.width960 {
    width: 960px;
}

.width940 {
    width: 940px;
}

.width943 {
    width: 943px;
}

.width1170 {
    width: 1170px;
}
/* HEIGHT */

.max-height60 {
    max-height: 60px;
}

.max-height70 {
    max-height: 70px;
}

.max-height130 {
    max-height: 130px;
}

.max-height135 {
    max-height: 135px;
}

.max-height175 {
    max-height: 175px;
}

.min-height505 {
    min-height: 505px;
}

.height-auto {
    height: auto !important;
}

.height100p {
    height: 100% !important;
}

.height10 {
    height: 10px !important;
}

.height13 {
    height: 13px !important;
}

.height15 {
    height: 15px;
}

.height16 {
    height: 16px !important;
}

.height17 {
    height: 17px !important;
}

.height18 {
    height: 18px !important;
}

.height19 {
    height: 19px !important;
}

.height20 {
    height: 20px !important;
}

.height21 {
    height: 21px !important;
}

.height22 {
    height: 22px !important;
}

.height23 {
    height: 23px !important;
}

.height25 {
    height: 25px !important;
}

.height27 {
    height: 27px;
}

.height29 {
    height: 29px;
}

.height30 {
    height: 30px;
}

.height31 {
    height: 31px !important;
}

.height32 {
    height: 32px !important;
}

.height40 {
    height: 40px !important;
}

.height45 {
    height: 45px;
}

.height50 {
    height: 50px !important;
}

.height55 {
    height: 55px !important;
}

.height57 {
    height: 57px !important;
}

.height59 {
    height: 59px;
}

.height60 {
    height: 60px !important;
}

.height65 {
    height: 65px !important;
}

.height75 {
    height: 75px !important;
}

.height80 {
    height: 80px !important;
}

.height87 {
    height: 87px;
}

.height89 {
    height: 89px;
}

.height100 {
    height: 100px !important;
}

.height110 {
    height: 110px !important;
}

.height130 {
    height: 130px !important;
}

.height150 {
    height: 150px !important;
}

.height158 {
    height: 158px !important;
}

.height175 {
    height: 175px !important;
}

.height210 {
    height: 210px !important;
}

.height220 {
    height: 220px !important;
}

.height250 {
    height: 250px !important;
}

.height270 {
    height: 270px !important;
}

.height300 {
    height: 300px !important;
}
.height330 {
    height: 330px !important;
}
.height340 {
    height: 340px !important;
}

.height345 {
    height: 345px !important;
}

.height360 {
    height: 360px !important;
}

.height370 {
    height: 370px !important;
}

.height375 {
    height: 375px !important;
}

.height382 {
    height: 382px !important;
}

.height390 {
    height: 390px !important;
}

.height400 {
    height: 400px !important;
}

.height414 {
    height: 414px !important;
}

.height437 {
    height: 437px !important;
}

.height438 {
    height: 438px !important;
}

.height441 {
    height: 441px !important;
}

.height450 {
    height: 450px !important;
}

.height473 {
    height: 473px !important;
}

.height470 {
    height: 470px !important;
}

.height510 {
    height: 510px !important;
}

.height525 {
    height: 525px !important;
}

.height540 {
    height: 540px !important;
}

/* LINE-HEIGHT / INTERLINIA */

.line-height12 {
    line-height: 13px !important;
}

.line-height13 {
    line-height: 13px !important;
}

.line-height15 {
    line-height: 15px !important;
}

.line-height16 {
    line-height: 16px !important;
}

.line-height17 {
    line-height: 17px !important;
}

.line-height18 {
    line-height: 18px !important;
}

.line-height19 {
    line-height: 19px;
}

.line-height20 {
    line-height: 20px;
}

.line-height21 {
    line-height: 21px;
}

.line-height22 {
    line-height: 22px;
}

.line-height23 {
    line-height: 23px !important;
}

.line-height25 {
    line-height: 25px !important;
}

.line-height27 {
    height: 27px;
}

.line-height29 {
    line-height: 29px;
}

.line-height31 {
    line-height: 31px;
}

.line-height57 {
    line-height: 57px;
}

.line-height59 {
    line-height: 59px;
}

.line-height60 {
    line-height: 60px;
}

.line-height87 {
    line-height: 87px;
}

.height90 {
    height: 90px;
}

.line-height90 {
    line-height: 90px;
}

/* BORDER */

.border-yellow {
    border: #FCDC8A;
}

.border-bottom-dashed {
    border-bottom: 1px dashed #B2B2B2;
    padding-bottom: 3px;
}

.border-top-dashed {
    border-top: 1px dashed #B2B2B2;
}

.only-border-bottom-dashed {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px dashed #B2B2B2;
    padding: 0px;
}

.border-top-dashed {
    border-top: 1px dashed #B2B2B2;
    padding-top: 3px;
}

.only-border-top-dashed {
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: 1px dashed #B2B2B2;
    padding: 0px;
}

.border-solid-red {
    border: 1px solid red;
}

.border-none, .noborder {
    border-style: none !important;
}

.borderBrown1 {
    border: 1px solid #C2AE98;

}

.border-top-none {
    border-top: none;
}

.border-left-none {
    border-left: none;
}

.border-bottom-none {
    border-bottom: none;
}

.border-right-none {
    border-right: none;
}

.border-gray {
    border: 1px solid #cfd3d4;
}

.border-top-gray {
    border-top: 1px solid #cfd3d4;
}

.border-left-gray {
    border-left: 1px solid #cfd3d4;
}

.border-right-gray {
    border-right: 1px solid #cfd3d4;
}

.border-bottom-gray {
    border-bottom: 1px solid #cfd3d4;
}

.border-brown {
    border: 1px solid #c2ae98;
}
.border-brown.waluta-kurs-styl {
    border: 1px solid #b8936a;
}
.border-top-brown {
    border-top: 1px solid #c2ae98;
}

.border-right-brown {
    border-right: 1px solid #c2ae98;
}

.border-bottom-brown {
    border-bottom: 1px solid #c2ae98;
}

.border-left-brown {
    border-left: 1px solid #c2ae98;
}

.border-top2 {
    border-top-width: 2px;
}

.border-right2 {
    border-right-width: 2px;
}

.border-bottom2 {
    border-bottom-width: 2px;
}

.border-left2 {
    border-left-width: 2px;
}

/* MARGIN */

.margin0 {
    margin: 0px;
}

.margin5 {
    margin: 5px;
}

.margin-0-auto {
    margin: 0 auto;
}

.margin-top-bottom0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.margin-top-bottom3 {
    margin-top: 3px;
    margin-bottom: 3px;
}

.margin-top-bottom5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.margin-top-bottom8 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.margin-top-bottom10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* MARGIN-LEFT */

.margin-left-minus3 {
    margin-left: -3px !important;
}

.margin-left-minus1 {
    margin-left: -1px;
}

.margin-left0 {
    margin-left: 0px;
}

.margin-left1 {
    margin-left: 1px;
}

.margin-left2 {
    margin-left: 2px;
}

.margin-left3 {
    margin-left: 3px;
}

.margin-left6 {
    margin-left: 6px;
}

.margin-left4 {
    margin-left: 4px;
}

.margin-left5 {
    margin-left: 5px;
}

.margin-left8 {
    margin-left: 8px;
}

.margin-left10 {
    margin-left: 10px;
}

.margin-left13 {
    margin-left: 13px;
}

.margin-left15 {
    margin-left: 15px;
}

.margin-left20 {
    margin-left: 20px;
}

.margin-left43 {
    margin-left: 43px;
}

.margin-left50 {
    margin-left: 50px;
}

.margin-left60 {
    margin-left: 60px;
}

.margin-left100 {
    margin-left: 100px;
}

.margin-left105 {
    margin-left: 105px;
}

.margin-left125 {
    margin-left: 125px;
}

.margin-left140 {
    margin-left: 140px;
}

.margin-left160 {
    margin-left: 160px;
}

.margin-left180 {
    margin-left: 180px;
}

/* MARGIN-RIGHT */

.margin-right-minus1 {
    margin-right: -1px;
}

.margin-right0 {
    margin-right: 0px !important;
}

.margin-right3 {
    margin-right: 3px;
}

.margin-right5 {
    margin-right: 5px;
}

.margin-right10 {
    margin-right: 10px;
}

.margin-right30 {
    margin-right: 30px;
}

.margin-right40 {
    margin-right: 40px !important;
}

.margin-right10 {
    margin-right: 10px;
}

.margin-right15 {
    margin-right: 15px !important;
}

.margin-right20 {
    margin-right: 20px;
}

.margin-right23 {
    margin-right: 23px !important;
}

/* MARGIN-TOP */

.margin-top-minus40 {
    margin-top: -40px;
}

.margin-top-minus30 {
    margin-top: -30px;
}

.margin-top0 {
    margin-top: 0px !important;
}

.margin-top1 {
    margin-top: 1px;
}

.margin-top2 {
    margin-top: 2px;
}

.margin-top3 {
    margin-top: 3px;
}

.margin-top5 {
    margin-top: 5px;
}

.margin-top8 {
    margin-top: 8px;
}

.margin-top10 {
    margin-top: 10px;
}

.margin-top15 {
    margin-top: 15px;
}

.margin-top20 {
    margin-top: 20px;
}

.margin-top25 {
    margin-top: 25px;
}

.margin-top30 {
    margin-top: 30px;
}

.margin-top40 {
    margin-top: 40px;
}

.margin-top45 {
    margin-top: 45px;
}

.margin-top50 {
    margin-top: 50px;
}

.margin-top55 {
    margin-top: 55px;
}

.margin-top60 {
    margin-top: 60px;
}

/* MARGIN-BOTTOM */

.margin-bottom0 {
    margin-bottom: 0px !important;
}

.margin-bottom1 {
    margin-bottom: 1px;
}

.margin-bottom2 {
    margin-bottom: 2px;
}

.margin-bottom3 {
    margin-bottom: 3px;
}

.margin-bottom5 {
    margin-bottom: 5px;
}

.margin-bottom8 {
    margin-bottom: 8px;
}

.margin-bottom10 {
    margin-bottom: 10px;
}

.margin-bottom20 {
    margin-bottom: 20px;
}

.margin10 {
    margin: 10px;
}

/* PADDING */

.padding0 {
    padding: 0px !important;
}

.padding5 {
    padding: 5px;
}

.padding10 {
    padding: 10px;
}

.padding20 {
    padding: 20px;
}

.padding15 {
    padding: 15px;
}

.padding-left20 {
    padding-left: 20px;
}

.padding-left30 {
    padding-left: 20px;
}

.padding-left-right0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.padding-left-right1 {
    padding-left: 1px;
    padding-right: 1px;
}

.padding-left-right10 {
    padding-left: 10px;
    padding-right: 10px;
}

.padding-left-right15 {
    padding-left: 15px;
    padding-right: 15px;
}

.padding-left-right7 {
    padding-left: 7px;
    padding-right: 7px;
}

.padding-left-right4 {
    padding-left: 4px;
    padding-right: 4px;
}

.padding-left-right2 {
    padding-left: 2px;
    padding-right: 2px;
}

.padding-top-bottom1 {
    padding: 1px 0;
}

.padding-top-bottom3 {
    padding: 3px 0 !important;
}

.padding-top-bottom10 {
    padding: 10px 0;
}

.padding-top-bottom5 {
    padding: 5px 0 !important;
}

.padding-top-bottom8 {
    padding: 8px 0;
}

.padding-top-bottom15 {
    padding: 15px 0;
}

.padding-top-bottom20 {
    padding: 20px 0;
}

/* PADDING-TOP */

.padding-top0 {
    padding-top: 0px !important;
}

.padding-top1 {
    padding-top: 1px !important;
}

.padding-top2 {
    padding-top: 2px !important;
}

.padding-top3 {
    padding-top: 3px;
}

.padding-top5 {
    padding-top: 5px;
}

.padding-top10 {
    padding-top: 10px;
}

.padding-top12 {
    padding-top: 12px;
}

.padding-top15 {
    padding-top: 15px;
}

.padding-top48 {
    padding-top: 48px;
}

/* PADDING-LEFT */

.padding-left0 {
    padding-left: 0px !important;
}

.padding-left1 {
    padding-left: 1px !important;
}

.padding-left2 {
    padding-left: 2px !important;
}

.padding-left5 {
    padding-left: 5px !important;
}

.padding-left10 {
    padding-left: 10px;
}

.padding-left20 {
    padding-left: 20px;
}

.padding-left30 {
    padding-left: 20px;
}

.padding-left65 {
    padding-left: 65px;
}

.padding-left100 {
    padding-left: 100px;
}

.margin-left100 {
    margin-left: 100px;
}

.padding-left115 {
    padding-left: 115px;
}

.padding-left240 {
    padding-left: 240px;
}

/* PADDING-BOTTOM */

.padding-bottom0 {
    padding-bottom: 0px !important;
}

.padding-bottom1 {
    padding-bottom: 1px !important;
}

.padding-bottom2 {
    padding-bottom: 2px !important;
}

.padding-bottom3 {
    padding-bottom: 3px !important;
}

.padding-bottom4 {
    padding-bottom: 4px !important;
}

.padding-bottom5 {
    padding-bottom: 5px;
}

.padding-bottom10 {
    padding-bottom: 10px;
}

.padding-bottom15 {
    padding-bottom: 15px;
}

/* PADDING-RIGHT */

.padding-right0 {
    padding-right: 0px;
}

.padding-right3 {
    padding-right: 3px;
}

.padding-right5 {
    padding-right: 5px;
}

.padding-right10 {
    padding-right: 10px;
}

/* FONT-SIZE, CZCIONKI, FONTY */

.defaultFont {
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.4;
}

.buttonFont {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.font-size-9 {
    font-size: 9px;
}

.font-size-8 {
    font-size: 8px;
}

.font-size-10 {
    font-size: 10px;
}

.font-size-11, .size-11px {
    font-size: 11px;
}

.font-size-12 {
    font-size: 12px;
}

.font-size-13 {
    font-size: 13px;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-15 {
    font-size: 15px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-17 {
    font-size: 17px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-25 {
    font-size: 25px;
}

.font-size-35 {
    font-size: 35px !important;
}

.left-0 {
    left: 0px;
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.no-wrap {
    white-space: nowrap;
}

.ui-slider-range.ui-widget-header {
    background: rgb(176, 28, 46);
}

ul.lista-bez-wypunktowania {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

ul.lista-bez-wypunktowania li {
    list-style-type: none;
    float: left;
    width: 100%;
}

.border-transparent {
    border: 1px solid transparent;
}

.border-top-transparent {
    border-top: 1px solid transparent;
}

.border-left-transparent {
    border-left: 1px solid transparent;
}

.border-right-transparent {
    border-right: 1px solid transparent;
}

.border-bottom-transparent {
    border-bottom: 1px solid transparent;
}

.opacity80 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: .80;
}

.layer1 {
    z-index: 1;
}

.layer2 {
    z-index: 2;
}

.absolute {
    position: absolute;
}

.wybor-koloru {
    float: left;
    border: 1px solid #D4B497;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#menuFormularzOverflow li table td span{
    padding: 0;
}

.nofloat{
    float: none;
}
.potrawa_do_usuniecia {
    position: relative;
}

.potrawa_do_usuniecia::after {
    content: "";
    position: absolute;
    top: 50%;  /* Ustawia linię w połowie wysokości wiersza */
    left: 0;
    right: 0;
    height: 1px;  /* Grubość linii */
    background-color: #302f2f; /* Kolor linii */
    transform: translateY(-50%); /* Centrowanie linii */
    z-index: 3; /* Ustawia linię poniżej tekstu */
    pointer-events: none; /* Sprawia, że linia nie reaguje na zdarzenia myszy */
}
.analysis-background {
    background-color: #fff1dc;
    font-weight: bold;
}
.analysis-main {
    background-color: #e3dbd2;
    font-weight: bold;
}
.analysis-input
{
    border: solid 1px #ccc;
    background: #fff;
    color: #444;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
}



body .topsettings .osoby.tabela-2-kolumny {
    width: 100%;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}

#komunikatPotwierdzenie, #komunikatOstrzezenie {
    position: fixed;
    z-index: 9999;
    text-align: left;
    width: 50%;
    top: -1px;
    left: 50%;
    margin-left: -25%;
    height: 40px;
    line-height: 40px;
    background-position: left;
    border-top: none;
    background-repeat: no-repeat;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=85);
    opacity: .85;
    font-size: 14px;
    border: 1px solid #10a024;
    border-top: none;
    background-color: #eaffed;
    color: #10a024;
}

#komunikatOstrzezenie{
    border: 1px solid #d60000;
    background-color: #ffcccc;
    color: #d60000;
}

.tabela-2-kolumny td {
    padding: 1px 5px;
    height: 178px;
    overflow: hidden;
    vertical-align: top;
}

.tabela-2-kolumny tr td div.dostepna-sala {
    border-top: 1px solid #DBD0C4;
}

.tabela-2-kolumny tr td:first-child {
    border-right: 1px solid #DBD0C4;
}

.tabela-2-kolumny tr:first-child td div.dostepna-sala {
    border-top: none !important;
}

.tabela-2-kolumny td.aktywna {
    background-color: #efeae5 !important;
}

.dostepna-sala h3 {
    font-size: 13px;
}

.dostepna-sala {
    cursor: pointer;
    padding: 4px 5px;
    font-size: 11px;
}

.dostepna-sala .sala-opis {
    height: 121px;
}

.dostepna-sala .sala-guziki {
    padding: 10px 15px;
}

.sala-aktywna {
    background-color: #f9f7f5;
}

.ustawienia-wybrane-overlay {
    width: 98%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #ffe8b2;
    font-size: 11px;
    text-align: center;
    padding-top: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 150px;
    overflow: hidden;
}

.ustawienieSali {
    position: relative;
}

.ustawienieSali-wewnatrz {

    height: 100%;
    padding-bottom: 10px;
}

.ustawienie-info {
    padding: 0px 4px 4px 4px;
    position: relative;
    text-align: center;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}

.ustawienie-usun {
    position: absolute;
    right: 2px;
    top: 12px;
    color: #f1eeec;
    background-color: #9D8D7B;
    padding: 0px 4px 0px 5px;
    font-weight: bold;
    text-align: center;
    z-index: 1000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: none;
}

.ustawienie-wybrane {
}

.wybrane-scroll {
    position: absolute;
    height: 10px;
    width: 100%;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 9px;
    font-weight: bold;
    background-color: #f2eeea;
    padding: 2px 0px;
}

.scroll-aktywny {
    z-index: 100;
    background-color: #E3DBD2 !important;
}

.scroll-aktywny-hover {
    background-color: #FFB400 !important;
}

.scroll-up {
    top: 25px;
}

.scroll-down {
    bottom: 0px;
}

.ustawienia-scroll {
    overflow: hidden;
    position: relative;
}

.login-form {
    font-size: 11px;
}

html {
}

html, body {
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    padding: 0px;
    margin: 0px;
    color: #000;
    background: #dbd0c4;
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
    width: 100%;
}

.inside {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}

a, .anchor {
    text-decoration: none;
    color: #9D8D7B;
}

a:hover, body .topheading .topmenu a, .anchor:hover {
    color: #d60000;
}

a img {
    border: none;
}

body .topheading {
    background: #fff;
    border-bottom: solid 1px #6e573c;
}

body .topheading .toplogos {
    color: #a6a9aa;
    font-size: 24px;
    float: left;
}

body .topheading .toplogos img {
    vertical-align: top;
    margin: 3px 15px;
}

body .topheading .topmenu {
    float: right;
    font-size: 16px;
    color: #a6a9aa;
    padding: 12px 0 15px 0;
}

body .topheading .topmenu a, body .topheading .topmenu span {
    color: #b19f8a;
    padding: 0 15px;
    cursor: pointer;
}

body .topheading .topmenu a:hover, body .topheading .topmenu span:hover {
    color: #ffb400;
}

body .topsettings {
    background: #6e573c;
    border-top: solid 1px #8a6d4b;
    padding: 5px 15px;
    color: #fff;
    -moz-box-shadow: 0px 3px 15px -10px #000;
    -webkit-box-shadow: 0px 3px 15px -10px #000;
    box-shadow: 0px 3px 15px -10px #000;
}

body .topsettings .inside {
    width: 970px;
    height: 40px;
}

body .topsettings .inside2 {
    position: absolute;
    width: 960px;
}

body .topsettings span.anchor, body .topsettings a {
    color: #ffb400;
    font-weight: bold;
    cursor: pointer;
}

#panel-menu {
    float: right;
    position: relative;
    left: -50%;
    text-align: left;
}

#panel-menu ul {
    padding: 3px 0 0 0px;
    margin: 0;

    list-style: none;
    position: relative;
    left: 50%;
}

#panel-menu li {
    float: left;
    display: block;
    margin: 0 3px;
}

#panel-menu li a {
    color: white;
    display: block;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    padding: 9px 35px;

    background: #9d8e7b;
}

#panel-menu li a.podwojny {
    padding: 0px 35px 1px 35px !important;
    text-align: center;
}

#panel-menu li a.pozycja-aktywna {
    color: #FFB400 !important;
}

#panel-menu li a:hover {
    color: #FFB400;
}

#topmenu {
    display: table;
    width: 960px;
    height: 30px;
    padding: 0;
}

#topmenu ul {
    display: table-row;
}

#topmenu ul li {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px;
    text-align: center;
    color: #D8CDC1;
}

#topmenu ul li span {
    color: #6e573c;
    display: block;
    cursor: pointer;
    font-weight: bold;
}

#topmenu ul li a {
    color: #c1ad97;
    display: block;
    float: left;
}

#topmenu ul li ul li a {
    color: #c1ad97;
}

#topmenu ul li .actual, #topmenu .sfHover > span, #topmenu .sfHover > a {
    color: #FFB400;
}

#topmenu ul li ul {
    display: none;
    position: absolute;
    top: 35px;
    z-index: 20;
    margin: 0;
    padding: 0;
    border: solid 2px #6e573c;
    background: #6e573c;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    -moz-box-shadow: 0px 3px 15px -10px #000;
    -webkit-box-shadow: 0px 3px 15px -10px #000;
    box-shadow: 0px 3px 15px -10px #000;
}

#topmenu ul li ul li ul {
    top: 0;
}

#topmenu ul li ul li {
    float: none;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    text-align: left;
}

#topmenu ul li:hover li a, #topmenu ul li:hover li span {
    /*color: #6e573c;*/
}

#topmenu ul li ul li a, #topmenu ul li ul li span, #topmenu ul li ul li ul li a, #topmenu ul li ul li ul li span {
    display: block;
    float: none;
    padding: 5px 10px;
    white-space: nowrap;
}

#topmenu ul li ul li:hover > a, #topmenu ul li ul li:hover > span, #topmenu ul li ul li a:hover, #topmenu ul li ul li span:hover {
    color: #ffb400;
    background: #9D8D7B;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

body .topsettings img {
    vertical-align: middle;
    margin: 0 5px;
    cursor: pointer;
    display: block;
    float: right;
}

body .top-left {
    float: left;

}

body .topsettings .box {
    position: relative;
}

body .topsettings .kontener-zawijak {
    width: 500px;
    overflow: hidden;
    position: absolute
}

body .topsettings .rodzaj_eventu, body .topsettings .default {
    font-weight: bold;
    float: left;
    padding: 8px 3px;
    position: relative;
    width: 195px;
}

body .topsettings .default.last {
    background: none;
}

body .wybor_rodzaju_eventu, body .wybor_poczatku_imprezy, #select_version {
    position: absolute;
    padding: 0;
    border: solid 1px #ccc;
    background: #fff;
    -moz-box-shadow: 0px 3px 15px -10px #000;
    -webkit-box-shadow: 0px 3px 15px -10px #000;
    box-shadow: 0px 3px 15px -10px #000;
    z-Index: 100;
}

body .wybor_rodzaju_eventu div, body .wybor_poczatku_imprezy div, #select_version div {
    cursor: pointer;
    padding: 5px 15px;
}

body .wybor_poczatku_imprezy {
    overflow-y: auto;
    overflow-x: hidden;
    height: 300px;
    width: 80px;
}

body .wybor_rodzaju_eventu .hover, body .wybor_poczatku_imprezy .hover, #select_version .hover {
    background: #9D8D7B;
    color: #fff;
}

body .topsettings .kroki {
    color: #c1ad97;
    font-weight: bold;
    float: left;
    padding: 8px 4px;
    width: 334px;
}

body .kontener {
    overflow: hidden;
}

body .topsettings .kroki span {
    margin: 0 2px;
}

body .topsettings .daty {
    float: left;
    overflow: hidden;
    padding: 2px 4px 2px 8px;
    line-height: 1.1;
    font-size: 12px;
    width: 115px;
}

body .topsettings .daty .top-left {
    width: 90px;
}

body .topsettings .daty .top-left span {
    display: block;
    height: 16px;
}

body .topsettings .daty .top-left div {
    float: left;
    padding-right: 3px;
}

body .topsettings .daty .left {
    float: left;
    padding: 1px 0 0 0;
}

body .topsettings .daty .right {
    float: right;
    padding: 5px 0px 0 0px;
}

body .topsettings .daty input {
    width: 65px;
    display: inline;
    font-family: tahoma, verdana, arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    border: none;
    padding: 1px 1px;
}

body .topsettings .osoby {
    float: left;
    overflow: hidden;
    padding: 0 0 6px 10px;
    line-height: 1.1;
    font-size: 11px;
    width: 125px;
    position: relative;
}

body .topsettings .osoby div {
    float: left;
    padding: 2px 0 0 0;
}

body .topsettings .osoby div span {
    font-weight: bold;
    font-size: 24px;
}

body .topsettings .samouczek-top {
    float: left;
    overflow: hidden;
    padding: 0 0 0 10px;
    line-height: 1.1;
    font-size: 11px;
    width: 110px;
    position: relative;
}

.inside2 .separator {
    float: left;
    width: 1px;
    height: 34px;
    background: url(/styleimg/l.png) no-repeat center right;
}

body .topsettings .osoby div.osobylabel {
    width: 40px;
    padding: 3px 0 0 0;
}

body .topsettings .osoby div.osobyimg {
    padding: 7px 5px 0 5px;
}

body .topsettings .poczatekimprezy {
    float: left;
    overflow: hidden;
    line-height: 1.1;
    font-size: 11px;
    width: 154px;
    padding: 0 0 0 7px;
}

body .topsettings .poczatekimprezy div {
    float: left;
    padding: 2px 0 0 0;
}

body .topsettings .poczatekimprezy div span {
    font-weight: bold;
    font-size: 24px;
}

body .topsettings .poczatekimprezy div.poczlabel {
    width: 52px;
    padding: 3px 0 0 0;
}

body .topsettings .poczatekimprezy div.poczimg {
    padding: 7px 5px 0 5px;
}

body .invisible {
    display: none;
}

#poczatek_imprezy_input {
    font-size: 23px;
    width: 60px;
    border: none;
    text-align: center;
    font-family: tahoma, arial, sans-serif;
}

#ile_osob_top_input {
    font-size: 20px;
    width: 50px;
    border: none;
    text-align: center;
    font-family: tahoma, arial, sans-serif;
}

.body {
    padding: 10px 0 0 0;
    border-bottom: solid 1px #8f8070;
    background: url(/styleimg/bg_btm.png) repeat-x bottom left;
}

del {
    color: #999;
}

strong.promo, span.promo, .red {
    color: #d60000;
}

#body {
    margin: 0;
    overflow: hidden;
    zoom: 1;
    position: relative;
}

#body .box {
    background: #fff;
    border: solid 2px #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.withmargin {
    margin: 10px 0;
}

body .wait p {
    margin: 0;
    padding: 30px 0 70px 0;
    text-align: center;
    background: url(/styleimg/ajax-loader-slim.gif) no-repeat center center;
}

body .smallwait p {
    margin: 0;
    padding: 10px 0 50px 0;
    text-align: center;
    background: url(/styleimg/ajax-loader-slim.gif) no-repeat center center;
}

.whitepage h1 {
    background: #9d8d7b;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    margin: 0;
    padding: 7px;
}

#body .calendar, #body .ustawienia_sali, #body .prezentacja_sal, #body .dostepne_sale {
    float: left;
    margin: 0 5px 0 0;
    width: 417px;
    height: 505px;
}

#body .calendar {
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

#body .calendar .apla {
    position: absolute;
    height: 429px;
    background: #ffe8b2;
    width: 110px;
    margin: 0 0 0 301px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

body .promocalimg {
    width: 20px;
    height: 17px;
    overflow: hidden;
}

body .promocalimg1 {
    background: url(../styleimg/szablon.png) no-repeat -64px -59px;
}

body .promocalimg2 {
    background: url(../styleimg/szablon.png) no-repeat -102px -60px;
}

body .promocalimg3 {
    background: url(../styleimg/szablon.png) no-repeat -141px -59px;
}

body .promocalimg4 {
    background: url(../styleimg/szablon.png) no-repeat -178px -61px;
}

body .promocalimg5 {
    background: url(../styleimg/szablon.png) no-repeat -213px -60px;
}

body .promocalimg6 {
    background: url(../styleimg/szablon.png) no-repeat -248px -60px;
}

body .promocalimg7 {
    background: url(../styleimg/szablon.png) no-repeat -327px -61px;
}

body .promocalimg8 {
    background: url(../styleimg/szablon.png) no-repeat -357px -61px;
}

body .promocalimg9 {
    background: url(../styleimg/szablon.png) no-repeat -398px -61px;
}

#body .calendar .dni_tygodnia {
    padding: 0px 0 0px 24px;
    color: #000;
    font-size: 9px;
    font-weight: bold;
    position: relative;
    z-index: 10;
    overflow: hidden;
}

#body .calendar .dni_tygodnia span {
    display: block;
    width: 49px;
    padding: 5px 0;
    text-align: center;
    margin: 0 7px 0 0;
    float: left;
}

#body .calendar .baloontip {
    display: none;
}

#body .ustawienia_sali {
    width: 273px;
}

#body .prezentacja_sal {
    width: 238px;
}

#body .dostepne_sale {
    width: 520px;
}

.przewijaj .przewijak {
    overflow: hidden;
    height: 17px;
    margin: 2px 0;
    background: #FFB400;
    text-align: center;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.przewijaj .przewijak span {
    color: white;
    font-size: 11px;
    font-weight: bold;
}

.przewijaj .w-gore span {
    background: url(/styleimg/arrow_up_dual.png) no-repeat center 0;
    display: block;
    height: 17px;
    cursor: pointer;
}

.przewijaj .w-dol span {
    background: url(/styleimg/arrow_down_dual.png) no-repeat center 0;
    display: block;
    height: 17px;
    cursor: pointer;
}

.przewijaj .nieaktywny {
    background: #e3dbd2 !important;
}

#body .scrollbtn {
    overflow: hidden;
    height: 17px;
    margin: 2px 0;
    background: #FFB400;
    text-align: center;
}

#body .scrollbtn span {
    color: white;
    font-size: 11px;
    font-weight: bold;
}

#body .off {
    background: #e3dbd2;
}

#body .up span {
    background: url(/styleimg/arrow_up_dual.png) no-repeat center 0;
    display: block;
    height: 17px;
    cursor: pointer;
}

#body .up.on span {
    background: url(/styleimg/arrow_up_dual.png) no-repeat center 0px;
}

#body .down span {
    background: url(/styleimg/arrow_down_dual.png) no-repeat center 2px;
    display: block;
    height: 17px;
    cursor: pointer;
}

#body .down.on span {
    background: url(/styleimg/arrow_down_dual.png) no-repeat center 2px;
}

#calendar-step1 {
    height: 405px;
    overflow: hidden;
    position: relative;
}

#calendar-step1-inside {
    position: relative;
}

#calendar-step1 .miesiac_kalendarza {
    overflow: hidden;
}

#calendar-step1 .dzien_kalendarza {
    font-size: 9px;
    width: 49px;
    float: left;
    height: 51px;
    background: url(/styleimg/szablon.png) no-repeat 0 0;
    margin: 0 7px 7px 0;
    cursor: pointer;
}

#calendar-step1 .old {
    color: #ccc;
}

#calendar-step1 .tools {
    position: absolute;
    width: 45px;
    margin: 3px 3px 0 0;
}

#calendar-step1 .tools div {
    width: 15px;
    height: 15px;
    float: right;
}

#calendar-step1 .tools .start {
    background: url(/styleimg/szablon.png) no-repeat -5px -61px;
}

#calendar-step1 .tools .end {
    background: url(/styleimg/szablon.png) no-repeat -32px -61px;
}

.bcn {
    position: relative;
}

#calendar-step1 .promo {
    position: absolute;
    width: 45px;
    margin: 30px 0 0 0;
}

#calendar-step1 .promo div {
    float: right;
}

#calendar-step1 .active {
    background: url(/styleimg/szablon.png) no-repeat -55px 0px;
}

#calendar-step1 .na {
    background: url(/styleimg/szablon.png) no-repeat -165px 0px;
}

#calendar-step1 .active.swieto {
    background: url(/styleimg/szablon.png) no-repeat -330px 0px;
}

#calendar-step1 .activehover {
    background: url(/styleimg/szablon.png) no-repeat -220px 0px;
}

#calendar-step1 .activehover.swieto, #calendar-step1 .dragged.swieto {
    background: url(/styleimg/szablon.png) no-repeat -384px 0px;
}

#calendar-step1 .active.propozycja {
    background: url(/styleimg/szablon.png) no-repeat -438px 0px;
}

#calendar-step1 .activehover.propozycja {
    background: url(/styleimg/szablon.png) no-repeat -492px 0px;
}

#calendar-step1 .selected, #calendar-step1 .selected.swieto {
    background: url(/styleimg/szablon.png) no-repeat -110px 0px;
}

#calendar-step1 .selected.activehover {
    background: url(/styleimg/szablon.png) no-repeat -110px 0px;
}

#calendar-step1 .dragged.swieto.activehover {
    background: url(/styleimg/szablon.png) no-repeat -384px 0px;
}

#calendar-step1 .dragged {
    background: url(/styleimg/szablon.png) no-repeat -220px 0px;
}

#calendar-step1 .dragged.activehover {
    background: url(/styleimg/szablon.png) no-repeat -220px 0px;
}

#baloontip {
    position: absolute;
    z-index: 30;
    padding: 10px;
    background: #fff;
    border: solid 1px #9D8D7B;
    font-size: 10px;
    -webkit-box-shadow: 0px 0px 3px 0px;
    -moz-box-shadow: 0px 0px 3px 0px;
    box-shadow: 0px 0px 3px 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#baloontip .inside {
    max-width: 200px;
}

#baloontip .swieto {
    font-weight: bold;
    color: #4AA0CE;
    margin: 0 0 10px 0;
}

#baloontip .na {
    font-weight: bold;
    color: #d60000;
}

#calendar-step1 .dzien_kalendarza_pusty {
    width: 49px;
    height: 51px;
    float: left;
    margin: 0 7px 7px 0;
}

#calendar-step1 .dzien_kalendarza .numer_dnia {
    font-weight: bold;
    position: absolute;
    padding: 3px 0 3px 3px;
    font-family: verdana, arial, sans-serif;
}

#calendar-step1 .numer_tygodnia {
    float: left;
    height: 31px;
    color: #9d8d7b;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    padding: 20px 0 0 0;
    font-family: verdana, arial, sans-serif;
    width: 24px;
}

#ustawienia_sali {
    height: 427px;
}

#prezentacja_sal {
    height: 427px;
}

body .footer {
    background: #9d8d7b;
    border-top: solid 1px #b09e8a;
    padding: 10px 0;
    color: #e0e7e9;
}

body .footer a {
    color: #6e573c;
    font-weight: bold;
}

body .footer a:hover {
    color: #ffb400;
}

body .footer img {
}

body .footer p {
    margin: 0;
    padding: 0 15px;
}

body .footer .left {
    float: left;
}

body .footer .right {
    float: right;
}

#login-window, #remind-passwd-window {
    text-align: center;
}

#login-window .input {
    font-size: 11px;
    font-family: verdana, arial, sans-serif;
    border: solid 1px #ccc;
    background: #fff;
    height: 17px;
}

#login-window .sbutton {
    font-size: 11px;
}

#login-window span.sbutton {
    padding: 4px 12px;
    font-size: 11px;
    border: none;
}

#login-window table td {
    text-align: left;
    padding: 1px 0px 1px 3px;
    width: 60%;
}

#login-window table th {
    text-align: right;
    width: 40%;
}

#login-window  .error {
    background: #fee;
    border: solid 1px #d60000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #d60000;
    padding: 3px 10px;
    margin: 10px auto;
    width: 400px;
}

#login-window .error h3 {
    text-align: left;
    font-size: 12px;
    color: black;
    text-transform: none;
    margin: 5px 0px;
}

#login-window .error p {
    margin: 5px 0px;
}

#ajaxMessage {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/styleimg/msgbg.png);
    z-Index: 1000;
}

#ajaxMessage .msg {
    width: 300px;
    margin: 200px auto 0 auto;
    background: #f9f0e6;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 5px 0px;
    -moz-box-shadow: 0px 0px 5px 0px;
    box-shadow: 0px 0px 5px 0px;
    padding: 20px;
    font-weight: bold
}

#ajaxMessage .msg .buttons {
    padding: 20px 0 0 0;
    text-align: center;
}

#ajaxMessage .msg .buttons span {
    cursor: pointer;
    margin: 0 10px;
    padding: 5px 10px;
    background: #9d8d7b;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#ajaxMessage .prezentacja {
    width: 510px;
    margin: 60px auto 0 auto;
    background: #fff;
    font-size: 11px;
    font-weight: bold;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 5px 0px;
    -moz-box-shadow: 0px 0px 5px 0px;
    box-shadow: 0px 0px 5px 0px;
    padding: 10px 20px;
}

#ajaxMessage .prezentacja .buttons {
    padding: 0 0 0 0;
    position: absolute;
    text-align: center;
    top: 0;
    right: 0;
    font-size: 9px;
    font-weight: bold;

    width: 90px;
}

#ajaxMessage .prezentacja .buttons .top {
    margin: 5px 0 0 0;
}

#ajaxMessage .prezentacja .buttons .bottom {
    position: absolute;
    margin: 0 0 5px 0;
    bottom: 0;
}

#ajaxMessage .prezentacja .info {
    max-height: 480px;
    overflow: auto;
    margin-right: 0px;
}

#ajaxMessage .prezentacja .info h2 {
    text-align: center;
    margin-top: 0;
}

#ajaxMessage .prezentacja .buttons span {
    cursor: pointer;
    padding: 5px 10px;
    background: #9d8d7b;
    display: block;
    margin: 5px 10px;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#ajaxMessage .prezentacja .buttons span.wybierz {
    background: #FFB400;
}

#ajaxMessage .prezentacja .buttons span:hover, #ajaxMessage .prezentacja .buttons span.wybierz:hover {
    background: #6E573C;
}

#ajaxMessage .prezentacja .prezentacja_sali {

    overflow: hidden;
}

#ajaxMessage .prezentacja h1 {
    color: #6e5a39;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    margin: 0 0 10px 0;

}

#ajaxMessage .prezentacja .ceny {
    overflow: hidden;
    margin: 10px 0;
}

#ajaxMessage .prezentacja .promo {
    float: right;
    color: #d60000;
}

#ajaxMessage .prezentacja h2 {
    color: #9e8b7c;
    text-transform: uppercase;
    font-size: 12px;
}

#ajaxMessage .prezentacja .left {
    width: 235px;
    float: left;
}

#ajaxMessage .prezentacja .right {
    width: 235px;
    float: right;
}

.galeria {
    overflow: hidden;
    padding: 3px 0;
}

.galeria .obraz {

    text-align: center;
    overflow: hidden;
    margin: 5px 0;
    padding: 1px 2px 0 2px;
    float: left;
}

.galeria img {
    padding: 2px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 3px 0px;
    -moz-box-shadow: 0px 0px 3px 0px;
    box-shadow: 0px 0px 3px 0px;
}

#ustawienia_sali-step1 {
    height: 427px;
    overflow: hidden;
    position: relative;
}

#ustawienia_sali-step1-inside {
    position: relative;
    overflow: hidden;
}

#ustawienia_sali-step1 .ustawienieSali:hover {
    background-color: #E0DACE;
}

#ustawienia_sali-step1 .nie-podswietlaj:hover {
    background-color: transparent !important;
}

#ustawienia_sali-step1 .ustawienieSali {
    width: 100px;
    text-align: center;
    padding: 10px 16px 10px 16px;
    cursor: pointer;
    float: left;
    overflow: hidden;
}

#ustawienia_sali-step1 .ustawienieSali h3 {
    margin: 0 0 5px 0;
    font-size: 11px;
}

#opt_ustawienia_sali .ustawienieSali .tools {
    overflow: hidden;
}

#opt_ustawienia_sali .ustawienieSali .tools .text {
    display: block;
    width: 90px;
    color: #9E8B7C;
    padding-top: 10px;
    float: left;
    font-size: 11px;
    line-height: 1.1;
}

#opt_ustawienia_sali .ustawienieSali .tools .inputdiv {
    width: 35px;
    float: left;
    display: block;
    background: url(/styleimg/inputUstawienia.png) no-repeat 0 0;
    padding: 3px 2px;
    margin: 5px 0 0 0;
}

#opt_ustawienia_sali .ustawienieSali .tools .inputdiv .input {
    font-size: 11px;
    font-weight: bold;
    width: 30px;
    border: none;
    display: block;
    float: left;
    text-align: center;
    background: #fff;
    padding: 0;
    margin: 0;
}

.checkbox {
    width: 20px;
    height: 19px;
    display: block;
    background: url(/styleimg/checkboxUstawienia.png) no-repeat 0 -19px;
    float: left;
    margin: 5px 0 0 3px;
}

.checked {
    background: url(/styleimg/checkboxUstawienia.png) 0 0;
}

#opt_ustawienia_sali .checkbox {
    width: 18px;
    height: 20px;
    display: block;
    float: left;
    margin: 5px 0 0 3px;
}

#opt_ustawienia_sali .checked {
    background: url(/styleimg/del.png) 0 0;
}

#opt_ustawienia_sali .ustawienieSali .toolsadd {
    overflow: hidden;
    height: 17px;
    margin: 3px 0;
    /*  background: #BAAF96;*/
    font-size: 10px;
    color: #BAAF96;
    padding: 3px 0 2px 90px;
    font-weight: bold;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: left;
}

#ustawienia_sali-step1 .ustawienieSali .toolsadd:hover {
    color: #6E573C;
}

#prezentacja_sal-step1 {
    height: 427px;
    overflow: hidden;
    position: relative;
}

#prezentacja_sal-step1-inside {
    position: relative;
    overflow: hidden;
}

#prezentacja_sal-step1 .sale {
    overflow: hidden;
    padding: 0 5px;
    font-size: 11px;
    margin: 10px 0 15px 0;
    cursor: pointer;
}

.sale .obraz {
    padding: 2px 0;
    float: right;
}

.sale .obraz img {
    padding: 2px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 3px 0px;
    -moz-box-shadow: 0px 0px 3px 0px;
    box-shadow: 0px 0px 3px 0px;
    display: block;
}

#prezentacja_sal-step1 .sale h3 {
    margin: 0 0 5px 0;
    font-size: 11px;
}

.sale .button, .bigbutton, .whitepage .downbuttons input, .whitepage .downbuttons .button, .whitepage .downbuttons a {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: none;
    display: block;
    text-align: center;
    font-weight: bold;
    color: #fff;
    width: 95px;
    background: #9D8D7B;
    padding: 4px 0;
    cursor: pointer;
}

.sbutton {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
    text-align: center;
    font-weight: normal;
    font-size: 11px;
    color: #fff;
    background: #9D8D7B;
    padding: 4px 12px;
    cursor: pointer;
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif
}

.whitepage .downbuttons input, .whitepage .downbuttons .button, .whitepage .downbuttons a {
    width: auto;
    padding: 4px 10px;
}

.sale .button:hover, .bigbutton:hover {
    background: #6E573C;
}

.bigbutton, .bigbutton.tbl {
    height: 100px;
    float: left;
    width: 120px;
    margin: 0 10px;
}

#dostepne_sale-step1 {
    height: 427px;
    overflow: hidden;
    position: relative;
}

#dostepne_sale-step1-inside {
    position: relative;
    overflow: hidden;
}

#dostepne_sale-step1-inside .sale {
    float: left;
    width: 240px;
    padding: 5px;
    overflow: hidden;
    font-size: 11px;
    margin: 0 0 0 10px;
}

#dostepne_sale-step1-inside .sale .info {
    width: 128px;
    float: left;
}

#dostepne_sale-step1-inside .sale .cena {
    margin: 5px 0 0 0;
    height: 35px;
}

#dostepne_sale-step1-inside .sale .obraz {
    float: none;
}

#dostepne_sale-step1-inside .sale .sale_ustawienia {
    float: right;
    width: 110px;
    overflow: hidden;
}

#dostepne_sale-step1-inside .sale .sale_ustawienia .ustawienie {
    overflow: hidden;
    margin: 0 0 5px 0;
}

#dostepne_sale-step1-inside .sale .sale_ustawienia .checkboxdiv {
    float: left;
}

#dostepne_sale-step1-inside .sale .sale_ustawienia .opis {
    float: right;
    width: 75px;
}

#dostepne_sale-step1-inside .sale .button {
    margin: 0 auto;
}

#downbuttons, #downbuttonstopb {
    margin: 10px 10px 10px 0px;
    overflow: hidden;
    clear: both;
}

#downbuttonstopb {
    margin: 0px 10px 10px 0px;
}

#downbuttons div, #downbuttonstopb div {
    overflow: hidden;
}

#downbuttons .left, #downbuttons .left span, #downbuttonstopb .left, #downbuttonstopb .left span {
    float: left;
}

#downbuttons .right, #downbuttons .right span, #downbuttonstopb .right, #downbuttonstopb .right span {
    float: right;
}

#downbuttons span, .panellewy .button, .panelprawy .button, .step2bottom .button, .step3top .button, #downbuttonstopb span {
    font-weight: bold;
    color: #fff;
    background: #9d8e7b;
    border: solid 2px #fff;
    text-transform: uppercase;
    font-size: 12px;
    padding: 7px 30px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.button-hilit, .button-hilit.ui-button-text-only {
    background: #FFB400 !important;
}

.panellewy .box .button, .panelprawy .box .button, .step2bottom .box .button {
    border: none;
    padding: 0;
    width: 128px;
    background: #9d8e7b;
    font-size: 11px;
    margin: 0 0 2px 0;
    text-transform: none;
    line-height: 1.1;
}

#downbuttons span:hover, .step2bottom .button:hover, .step3top .button:hover, #downbuttonstopb span:hover {
    background: #6E573C;
}

.panellewy .box .button.version {
    background: #588751;
}

.panellewy .box .button.version:hover {
    background: #6F9E68;
}

body .panellewy {
    width: 132px;
    float: left;
    padding: 0 7px 0 0;
}

body .panelsrodek {
    width: 682px;
    float: left;
}

body .panelprawy {
    width: 132px;
    float: right;
}

#body .step2top h2, #body .step3top h2 {
    padding: 0;
}

#body .step2top .ustawienie_sali {
    display: none;

}

#body .step2bottom {
    margin: 0 0 8px 0;
}

#daycal-inside {
    overflow: auto;
    margin: 3px 0 0 0;
}

#daycal-inside-step2 {
    overflow: hidden;
}

#daycal-inside-step2 .heading {
    border: solid 1px #d3d5d4;
    border-right: none;
    overflow: hidden;
    margin: 0 0 3px 0;
}

#daycal-inside-step2 .heading .cell {
    padding: 15px 0;
}

#daycal-inside-step2 .cal {
    border: solid 1px #d3d5d4;
    border-right: none;
    border-bottom: none;
}

#daycal-inside-step2 .row {
    overflow: hidden;
    border-bottom: solid 1px #d3d5d4;
}

#daycal-inside-step2 .cell {
    float: left;
    border-right: solid 1px #d3d5d4;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
}

.step2bottom .button {
    display: block;
}

.step2bottom .button.tbl {
    display: table;
}

.step2bottom .box .button span {

}

.box .button.last {
    margin-bottom: 0;
}

.box .button.kosz {
    height: 70px;
    background: url(/styleimg/trashcan.png) no-repeat 95px center #6E573C;
    font-size: 15px;
}

.box .button.kosz span span {
    padding-right: 30px;
}

.box .button.kosz small {
    display: block;
    font-size: 9px;
}

.step2bottom .box .button:hover {
    background: #6e573c;
}

#blockLayer {
    position: relative;
    z-index: 5;
}

#blockLayer .block {
    position: absolute;
    z-index: 6;
    cursor: pointer;
    overflow: hidden;
}

#blockLayer .block img {
    display: block;
    border: solid 1px #cdd1d2;
    position: absolute;
    z-index: -1;
}

#blockLayer .block .txt {
    font-size: 10px;
    text-align: center;
    text-shadow: 0px 0px 2px #fff;
    white-space: nowrap;
}

#blockLayer .block .txt em strong {
    color: #d60000;
}

#blockLayer .block .txt em {
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin: 0 5px;
}

#blockLayer .block .txt p {
    margin-bottom: 3px;
}

#blockLayer .kawa {
    text-align: center;
    line-height: 1.1;
    font-size: 9px;
    font-weight: bold;
}

#blockLayer .block .dodatki {
    text-align: center;
    font-size: 9px;
    text-shadow: 0px 0px 2px #fff;
}

#blockLayer .block .dodatki .dodatek {
    display: inline-block;
    padding: 3px;
    margin: 3px 5px;
    white-space: nowrap;
    border: solid 1px #fff;
    background: rgba(255, 255, 255, 0.3);
}

.tbl {
    height: 33px;
    display: table;
    line-height: 1.1;
    border: none;
    border-spacing: 0;
    padding: 0;
}

.tbl .tr {
    display: table-row;
}

.tbl .tr .td {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.panellewy .tbl {
    width: 128px;
}

.panelprawy .tbl {
    width: 128px;
}

.panelsrodek .btns {
    overflow: hidden;
    margin: 5px 0;
}

.panelsrodek .btns div {
    float: left;
}

.panelsrodek .btns div .button {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    background: #9d8d7b;
    text-align: center;
    line-height: 1;
    float: left;
    height: 22px;
    cursor: pointer;
    margin-right: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.panelsrodek .btns div .button:hover {
    background: #6E573C;
}

.panelsrodek .btns .group1 .tbl {
    width: 70px;
}

.panelsrodek .btns .group2 {
    margin-left: 25px;
}

.panelsrodek .btns .group2 .tbl {
    width: 90px;
}

.panelsrodek .btns .group3 {
    margin-left: 25px;
}

.panelsrodek .btns .group3 .tbl {
    width: 80px;
}

.panelsrodek .btns .group4 {
    float: right;
}

.panelsrodek .btns .group4 .tbl {
    width: 20px;
}

.panelsrodek .btns .group4 .tbl.proc {
    width: 40px;
}

.panelsrodek h2.tbl {
    width: 678px;
}

.panellewy .back {
    margin-top: 18px;
}

.panelprawy .next {
    margin-top: 2px;
    padding: 0;
}

#sala-left, #sala-right, #dzien-left, #dzien-right {
    position: absolute;
    width: 13px;
    height: 33px;
    z-index: 3;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

#sala-left, #dzien-left {
    background: url(/styleimg/small-left-arrow.png) no-repeat 0 0;
}

#sala-left.on, #dzien-left.on {
    background: url(/styleimg/small-left-arrow.png) no-repeat 0 -34px;
}

#sala-right {
    background: url(/styleimg/small-right-arrow.png) no-repeat 0 0;
    margin: 0 0 0 115px;
}

#dzien-right {
    background: url(/styleimg/small-right-arrow.png) no-repeat 0 0;
    margin: 0 0 0 665px;
}

#sala-right.on, #dzien-right.on {
    background: url(/styleimg/small-right-arrow.png) no-repeat 0 -34px;
}

#body #sala .inside {
    height: 200px;
    overflow: hidden;
    width: auto;
    text-align: center;
}

#body #sala .inside .cursala img {
    display: block;
    margin: 10px auto;
    padding: 2px;
    -webkit-box-shadow: 0px 0px 3px -1px;
    -moz-box-shadow: 0px 0px 3px -1px;
    box-shadow: 0px 0px 3px -1px;
}

.inside .cursala p {
    font-size: 11px;
}

.panelprawy .info {
    height: 333px;
    overflow: auto;
    padding: 0 3px;
    font-size: 11px;
}

.panelprawy .info .wybraneopcje p {
    margin: 0;
}

#body #sala .inside .cursala h3 {
    font-size: 11px;
    color: #9d8d7b;
}

#ajaxMessage .prezentacja .item {
    width: 125px;
}

#ajaxMessage .prezentacja .item, #ajaxMessage .prezentacja .item2 {
    float: left;
    text-align: center;
    font-size: 11px;
    margin: 5px;
}

#ajaxMessage .prezentacja .item2 {
    width: 285px;
    text-align: left;
}

#ajaxMessage .prezentacja .item2 .opis {
    max-height: 120px;
    overflow: auto;
}

#ajaxMessage .prezentacja .item2 .insideitem {
    background: #ede3da;
    overflow: hidden;
}

#ajaxMessage .prezentacja .insideitem input.sml {
    border: solid 1px #BDB5AE;
    width: 45px;
    font-size: 11px;
    font-weight: bold;
    font-family: verdana, arial, sans-serif;
}

#ajaxMessage .prezentacja .labuwagi {
    width: 275px;
    color: #d60000;
}

#ajaxMessage .prezentacja .uwagi {
    border: solid 1px #BDB5AE;
    font-size: 11px;
    font-weight: bold;
    font-family: verdana, arial, sans-serif;
    width: 275px;
}

#ajaxMessage .prezentacja .item h3, #ajaxMessage .prezentacja .item2 h3 {
    font-size: 12px;
    text-transform: uppercase;
}

#ajaxMessage .prezentacja .item img, #ajaxMessage .prezentacja .item2 img, .miniaturaWeb {
    display: block;
    margin: 0 auto 10px auto;
    padding: 2px;
    -webkit-box-shadow: 0px 0px 3px -1px #000000;
    -moz-box-shadow: 0px 0px 3px -1px #000000;
    box-shadow: 0px 0px 3px -1px #000000;
}

#ajaxMessage .prezentacja .item2 img {
    margin: 10px;
    float: left;
}

#ajaxMessage .prezentacja .item .checkbox, #ajaxMessage .prezentacja .item2 .checkbox {
    margin: 0 auto;
    float: none;
}

#ajaxMessage .prezentacja .item2 .insideitem .checkbox {
    margin: 0 0 0 160px;
}

#ajaxMessage .prezentacja .item2 .options {
    overflow: hidden;
    margin: 10px 0 0 0;
}

#ajaxMessage .prezentacja .item2 .options .checkbox {
    margin: 0px;
    padding: 0;
    float: right;
}

#ajaxMessage .prezentacja .item2 .options.s2 .checkbox {
    float: none;
    margin: 0 0 0 30px;
}

#ajaxMessage .prezentacja .item2 .options div {
    float: left;
    width: 130px;
    height: 35px;
    margin: 0 5px;
    line-height: 1;
    overflow: hidden;
}

#ajaxMessage .prezentacja .item2 .options div p {
    margin: 0;
    padding: 0;
}

#ajaxMessage .prezentacja .info h2 {
    cursor: move;
}

.ui-resizable-e {
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    width: 7px;
    cursor: w-resize;
    background: url(/styleimg/resize_sml_right.png) no-repeat bottom right;
}

.ui-resizable-w {
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    width: 7px;
    cursor: w-resize;
    background: url(/styleimg/resize_sml_left.png) no-repeat bottom left;
}

.hiddenel {
    display: none;
}

#podsumowanie-inside {
    height: 420px;
    overflow: auto;
}

#podsumowanie-inside-step3 {
    padding: 0 15px;
}

#podsumowanie-inside-step3 h3 {
    text-align: center;
    text-transform: uppercase;
}

#podsumowanie-inside-step3 h4 {
    text-transform: uppercase;
}

#podsumowanie-inside-step3 table {
    width: 100%;
}

#podsumowanie-inside-step3 table td {
    padding: 5px 3px;
}

.form {
    overflow: hidden;
    padding: 0 0 15px 0;
}

.form p {
    overflow: hidden;
}

.form p .label {
    float: left;
    display: block;
    text-align: right;
    color: #9E8B7C;
    width: 180px;
    padding: 0 5px 0 0;
}

.form p .input {
    border: solid 1px #ccc;
    font-family: tahoma, verdana, arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    float: right;
    width: 260px;
}

.form p textarea.input {
    height: 150px;
}

.form p .sinput {
    float: right;
    width: 260px;
}

.form p .input:focus {
    border: solid 1px #aca;
}

.form .downbuttons, .ucpmess .komunikat .downbuttons {
    text-align: center;
}

.form .downbuttons span, .form .downbuttons a, .ucpmess .komunikat .downbuttons a {
    color: #fff;
    background: #9d8d7b;
    text-align: center;
    line-height: 1;
    padding: 3px 10px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: auto;
}

.blad {
    color: #c00;
}

.whitepage {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 2px;
    background: #fff;
    margin: 0 0 10px 0;
}

.h {
    display: none;
}

#body h2, .whitepage h1, .ucpmess .komunikat h2 {
    background: #9D8D7B;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    color: white;
    margin: 0;
    padding: 7px;
}

.whitepage h1 {
    margin: 0;
}

.whitepage .wpinside {
    padding: 10px;
}

.whitepage table {
    width: 100%;
    border: solid 1px #000;
    border-spacing: 0px;
    border-collapse: collapse;
    font-size: 11px;
}

.whitepage table thead th {
    background: #DBD0C4;
    text-align: center;
}

.whitepage table th, .whitepage table td {
    padding: 5px;
    border: solid 1px #000;
}

.ucpmess {
    margin: 0 0 10px 0;
}

.ucpmess .komunikat {
    width: 400px;
    margin: 0 auto;
    padding: 2px;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.ucpmess .komunikat div {
    padding: 10px;
}

.panelsrodek .uwagi {
    overflow: hidden;
    background: #f2f2f2;
}

.panelsrodek .uwagi span {
    display: block;
    width: 13px;
    font-weight: bold;
    padding: 5px;
    font-size: 11px;
    text-align: center;
    color: #fff;
    float: left;
    height: 78px;
    background: #9D8E7B;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.panelsrodek .uwagi textarea {
    display: block;
    float: right;
    width: 640px;
    border: solid 1px #e4dcd3;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    padding: 5px;
    height: 74px;
}

.step3top .osoba {
    height: 382px;
    font-size: 11px;
    text-align: center;
}

.step3top .osoba h3 {
    font-size: 11px;
}

.step3top .button.next, .step3top .button.back {
    display: block;
}

.step3top .button.next {
    padding: 2px 5px;
    line-height: 1.1;
}

.step3top .osoba .info {
    padding: 10px 0 0 0;
}

.step3top .osoba .info img {
    padding: 2px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 1px 0px;
    -moz-box-shadow: 0px 0px 1px 0px;
    box-shadow: 0px 0px 1px 0px;
}

.parzysty th {
    background: #fad759;
}

.nieparzysty th {
    background: #b0e1f0;
}

.parzysty .nieparzysty td {
    background: #FFFBC4;
}

.nieparzysty .nieparzysty td {
    background: #e7f5ff;
}

.podsumowanie-nieparzysty td {
    background: #e7f5ff;
}

.menus.checked {
    background: #e0dace;
}

.wyslanie-zaloguj-sie span, .wyslanie-bez-logowania span, .projektuj_impreze span, .wyslij_uproszczone span, .wartosc_rezerwacji span {
    width: 140px;
    height: 100px;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wyslanie-zaloguj-sie:hover span, .wyslanie-bez-logowania:hover span, .projektuj_impreze:hover span, .wyslij_uproszczone:hover span {
    background-color: #9D8D7B;
}

.wyslanie-zaloguj-sie span {
    background: url(/tpl/index/styleimg/zaloguj.png) no-repeat center center #9D8D7B;
}

.wyslanie-bez-logowania span {
    background: url(/tpl/index/styleimg/wyslij.png) no-repeat center center #9D8D7B;
}

.projektuj_impreze{
    color: #B01C2E;
}

.projektuj_impreze span {
    background: url(/tpl/index/styleimg/projektuj.png) no-repeat center center #9D8D7B;
}

.wartosc_rezerwacji span {
    background: url(/tpl/index/styleimg/kalkulator.png) no-repeat center center #9D8D7B;
}

.wyslij_uproszczone span {
    background: url(/tpl/index/styleimg/wyslij_uproszczone.png) no-repeat center center #9D8D7B;
}

.okno-danych-projektowanie .wartosc_rezerwacji{
    float: left;
    margin: 0 20px 0 0;
    color: #039;
}

.okno-danych-projektowanie .wartosc_rezerwacji:first-child, .okno-danych-projektowanie .projektuj_impreze:first-child{
    float: none;
    margin: 0;
    position: absolute;
    right: 0;
}

.okno-danych-projektowanie .wartosc_rezerwacji > span{
    background-color: #039;
}

.okno-danych-projektowanie .wartosc_rezerwacji > strong{
    text-transform: uppercase;
    font-size: 14px;
    display: block;
}

.okno-danych-projektowanie .projektuj_impreze{
    color: #ff6634;
}

.okno-danych-projektowanie .projektuj_impreze > span{
    background-color: #ff6634;
}

.okno-danych-projektowanie .projektuj_impreze > strong{
    text-transform: uppercase;
    font-size: 14px;
    display: block;
}

.okno-danych-projektowanie form label, .okno-danych-projektowanie span{
    width: 130px !important;
}

.okno-danych-projektowanie form > p:nth-child(7){
    margin-top: 45px;
    margin-bottom: 15px;
    clear:both;
}

.okno-danych-projektowanie form > p:nth-child(7) label{
    width: 100px !important;
}

.okno-danych-projektowanie form > p:nth-child(7) textarea{
    width: 510px !important;
}
.okno-danych-projektowanie form > p:last-child{
    text-align: center;
}

.okno-danych-projektowanie form > p:last-child label{
    display: inline;
    float: none;
}

.okno-danych-projektowanie form > p:last-child input{
    float: none;
}

form label, form span {
    color: #000;
}

.step3top .info {
    height: 240px;
}

/* SAMOUCZEK - wydzielić */

.samouczek-box {
    position: absolute;
    z-index: 1010;
    display: none;
}

.samouczek {
    background: #e2f4fe url(/tpl/index/styleimg/samouczek-tlo.png) no-repeat 5px 5px;
    text-align: center;
    width: 200px;
    position: relative;
    border: 4px solid #329ac1;
    padding: 22px 20px 22px 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: bold;
    -moz-box-shadow: 3px 3px 4px #666;
    -webkit-box-shadow: 3px 3px 4px #666;
    box-shadow: 3px 3px 4px #666;

}

.samouczek .zamknij {
    background: url(/tpl/index/styleimg/samouczek-zamknij.png) no-repeat;
    width: 17px;
    height: 17px;
    cursor: pointer;
    position: absolute;
    top: 3px;
    right: 3px;
}

.samouczek .zamknij-aktywny {
    background: url(/tpl/index/styleimg/samouczek-zamknij-aktywny.png) no-repeat !important;
}

.samouczek .strzalka {
    position: absolute;
}

.samouczek-lewo .strzalka {
    left: -27px; /* przesunięcie w lewo o szerokość elementu */
    width: 27px;
    height: 38px;
    top: 50%;
    margin-top: -19px; /* połowa wysokości */
    background: url(/tpl/index/styleimg/ar_l.png) no-repeat !important;
}

.samouczek-prawo .strzalka {
    right: -27px; /* przesunięcie w prawo o szerokość elementu */
    width: 27px;
    height: 38px;
    top: 50%;
    margin-top: -19px; /* połowa wysokości */
    background: url(/tpl/index/styleimg/ar_r.png) no-repeat !important;
}

.samouczek-gora .strzalka {
    left: 50%;
    margin-left: -19px;
    width: 38px;
    height: 27px;
    top: -27px;
    background: url(/tpl/index/styleimg/ar_t.png) no-repeat !important;
}

.samouczek-dol .strzalka {
    left: 50%;
    margin-left: -19px;
    width: 38px;
    height: 27px;
    bottom: -27px;
    background: url(/tpl/index/styleimg/ar_b.png) no-repeat !important;
}

.samouczek-okno-logo {
    background: url(/tpl/index/styleimg/samouczek-okno-logo.jpg) no-repeat top left;
    width: 145px;
    height: 90px;
}

.wersja-przycisk_34.ui-button-text-only .ui-button-text {
    padding-left: 0;
    padding-right: 0;
}

.data_top_input {
    position: absolute;
    margin-left: 15px;
}

.sala-aktywna, .wybierana-sala:hover {
    background-color: #e0dace;
}
.zaawansowane tbody:nth-child(odd) td{
    background: #fff;
}

.zaawansowane tbody:nth-child(even) td{
    background: #EDE7E1;
}

.nazwaElementuKafla{
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.nazwaElementuKafla:hover{
    overflow: visible;
    text-overflow: none;
    display: block;
    text-align: center;
    position: relative;
}

.nazwaElementuKafla:hover span{
    background: #fff;
    display: block;
    position: absolute; 
    left:0;
    top: 0;
    margin: 0 auto;
    word-wrap: break-word;
    width: 100%;
    z-index: 10;
}

.checked .nazwaElementuKafla:hover span{
    background: #E0DACE;
}

.nazwaElementuKafla.opis:hover span{
    background: #EDE3DA;
    text-align: left;
}
/*!
 * jQuery UI CSS Framework 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    zoom: 1;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*!
 * jQuery UI CSS Framework 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=e3dbd2&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=cdd1d2&fcHeader=6e573c&iconColorHeader=9d8d7b&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=cdd1d2&fcContent=222222&iconColorContent=222222&bgColorDefault=e3dbd2&bgTextureDefault=01_flat.png&bgImgOpacityDefault=75&borderColorDefault=9d8d7b&fcDefault=6e573c&iconColorDefault=9d8d7b&bgColorHover=ffb400&bgTextureHover=01_flat.png&bgImgOpacityHover=75&borderColorHover=9d8d7b&fcHover=6e573c&iconColorHover=6e573c&bgColorActive=ffb400&bgTextureActive=01_flat.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=9d8d7b&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=100&borderColorHighlight=cdd1d2&fcHighlight=ffffff&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=000000&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=50&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=00&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif !important; /*Verdana, Arial, sans-serif;*/
    font-size: 1.1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

/* .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } */
.ui-widget-content {
    border: 1px solid #cdd1d2;
    background: #ffffff url(/tpl/index/css/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
}

.ui-widget-content a {
    color: #222222;
}

.ui-widget-header {
    border: 1px solid #cdd1d2;
    background: #e3dbd2 url(/tpl/index/css/images/ui-bg_highlight-soft_75_e3dbd2_1x100.png) 50% 50% repeat-x;
    color: #6e573c;
    font-weight: bold;
}

.ui-widget-header a {
    color: #6e573c;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #9d8d7b;
    background: #9d8d7b;
    font-weight: normal;
    color: #6e573c;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #6e573c;
    text-decoration: none;
}

.ui-button.ui-state-default.ui-state-hover, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #9d8d7b;
    background: #ffb400 url(/tpl/index/css/images/ui-bg_flat_75_ffb400_40x100.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #6e573c;
}

.ui-dialog-buttonset .ui-state-hover, input.ui-state-hover, span.ui-state-hover {
    border: 1px solid #6E573C !important;
    background-color: #6E573C !important;
}

.ui-state-hover a, .ui-state-hover a:hover {
    color: #6e573c;
    text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #ffb400 url(/tpl/index/css/images/ui-bg_flat_65_ffb400_40x100.png) 50% 50% repeat-x !important;
    font-weight: normal;
    color: #ffffff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

.ui-widget :active {
    outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #cdd1d2;
    background: #9d8d7b url(/tpl/index/css/images/ui-bg_flat_100_9d8d7b_40x100.png) 50% 50% repeat-x;
    color: #ffffff;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #ffffff;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(/tpl/index/css/images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x;
    color: #cd0a0a;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #cd0a0a;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(/tpl/index/css/images/ui-icons_222222_256x240.png);
}

.ui-widget-content .ui-icon {
    background-image: url(/tpl/index/css/images/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(/tpl/index/css/images/ui-icons_9d8d7b_256x240.png);
}

.ui-state-default .ui-icon {
    background-image: url(/tpl/index/css/images/ui-icons_9d8d7b_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(/tpl/index/css/images/ui-icons_6e573c_256x240.png);
}

.ui-state-active .ui-icon {
    background-image: url(/tpl/index/css/images/ui-icons_ffffff_256x240.png);
}

.ui-state-highlight .ui-icon {
    background-image: url(/tpl/index/css/images/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(/tpl/index/css/images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-off {
    background-position: -96px -144px;
}

.ui-icon-radio-on {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    background: #000000 url(/tpl/index/css/images/ui-bg_flat_50_000000_40x100.png) 50% 50% repeat-x;
    opacity: .50;
    filter: Alpha(Opacity=50);
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #000000 url(/tpl/index/css/images/ui-bg_flat_0_000000_40x100.png) 50% 50% repeat-x;
    opacity: 00;
    filter: Alpha(Opacity=00);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

/*!
 * jQuery UI Resizable 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

/*!
 * jQuery UI Selectable 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

/*!
 * jQuery UI Accordion 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
    width: 100%;
}

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1;
}

.ui-accordion .ui-accordion-li-fix {
    display: inline;
}

.ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important;
}

.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em .7em;
}

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1;
}

.ui-accordion .ui-accordion-content-active {
    display: block;
}

/*!
 * jQuery UI Autocomplete 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete {
    position: absolute;
    cursor: default;
}

/* workarounds */
* html .ui-autocomplete {
    width: 1px;
}

/* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.23
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left;
}

.ui-menu .ui-menu {
    margin-top: -3px;
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom: 1;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

/*!
 * jQuery UI Button 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button {
    color: white !important;
    font-size: 11px !important;
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}

/* the overflow property removes extra width in IE */
.ui-button.ui-button-highlight {
    border: solid 1px #FFB400;
    background: #FFB400 !important;
}

.ui-button.ui-button-highlight.ui-state-hover {
    background: #6E573C !important;
}

.ui-button.ui-state-hover {
    background: #6E573C !important;
}

.ui-button-icon-only {
    width: 2.2em;
}

/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
    width: 2.4em;
}

/* button elements seem to need a little more width */
.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/*button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: 1.4;
    font-family: Verdana, Tahoma, Arial, sans-serif !important;
}

.ui-button-text-only .ui-button-text {
    padding: .1em 1em;
    font-size: 11px;
    color: white;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .2em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/*button sets*/
.ui-buttonset {
    margin-right: 7px;
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em;
}

/* workarounds */
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* reset extra padding in Firefox */
/*!
 * jQuery UI Dialog 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog {
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar {
    text-align: center;
    padding: .4em 1em;
    color: #6e573c;
    font-weight: bold;
    position: relative;
}

.ui-dialog .ui-dialog-titlebar {
    border: none !important;
    background: none !important;
}

.ui-dialog .ui-dialog-title {
    font-size: 15px;
    text-transform: uppercase;
    margin: .0em 16px .1em 0;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: right;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

/*!
 * jQuery UI Slider 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

/*!
 * jQuery UI Tabs 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1;
}

/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 .2em 1px 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}

/*!
 * jQuery UI Datepicker 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/*!
 * jQuery UI Progressbar 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

.ui-tooltip {
    position: absolute;
    z-index: 2000;
    padding: 5px 20px;
    border-radius: 5px;
    box-shadow: 0 0 7px black;
}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    height: 500px;
}

#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2100;
    text-align: center;
    line-height: 0;
}

#jquery-lightbox a img {
    border: none;
}

#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#lightbox-container-image {
    padding: 10px;
}

#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2010;
}

#lightbox-container-image-box > #lightbox-nav {
    left: 0;
}

#lightbox-nav a {
    outline: none;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}

#lightbox-nav-btnPrev {
    left: 0;
    float: left;
}

#lightbox-nav-btnNext {
    right: 0;
    float: right;
}

#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}

#lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
}

#lightbox-container-image-data #lightbox-image-details {
    width: 70%;
    float: left;
    text-align: left;
}

#lightbox-image-details-caption {
    font-weight: bold;
}

#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}
.kalendarz-ladowanie {
    margin: 0 auto;
    z-index: 100000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background-color: #C1AD97;
    background-image: url(/styleimg/ajax-loader-slim.gif);
    background-position: center center;
    background-repeat: no-repeat;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.zapis-strukture-blok {
    display: block;
    margin: 6px 0px 0px 5px;
    width: 43px;
    height: 11px;
}

.zapis-strukture-blok div {
    display: none;
    background: url(/styleimg/ajax-loader-slim.gif) no-repeat;
    width: 100%;
    height: 100%;
}

.kafel {
    width: 133px;
    height: 148px;
    cursor: move;
}

/*.box {
    float: left;
}*/

.wiersz {
    overflow: hidden;
    border-bottom: solid 1px #D3D5D4;
}

.komorka {
    float: left;
    border-right: solid 1px #D3D5D4;
}

.komorka-naglowek {
    border-right: solid 1px transparent;
}

.komorka-naglowek .kalendarz-etykieta {
    position: absolute;
    top: 3px;
    left: -17px;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 0 4px 0px;
}

.komorka-naglowek .kalendarz-etykieta2 {
    position: absolute;
    top: 10px;
    font-size: 9px;
    color: #777;
    left: -6px;
}

.wyposazenie-element {
    padding: 0px 2px;
}

.warstwa {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.warstwa-ruler .ruler {
    top: 49px;
    left: 0;
    position: absolute;
    display: none;
    width: 11px;
    pointer-events: none;
    height: 100%;
    z-index: 5;
    background: url(/tpl/index/styleimg/ruler.png) no-repeat;
}

.nad-komorka {
    background-color: #d2e9ef !important;
    z-index: 19;
}

.kosz-aktywny {
    background-color: #BCB9BD !important;
}

.blok {
    text-align: center;
    font-size: 10px;
    position: absolute;
    z-index: 5;
    opacity: 0.9;

    -moz-box-shadow: inset 0px 0px 11px 6px rgba(102, 102, 102, 0.2);
    -webkit-box-shadow: inset 0px 0px 11px 6px rgba(102, 102, 102, 0.2);
    box-shadow: inset 0px 0px 11px 6px rgba(102, 102, 102, 0.2);

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-collapse: collapse;
}

.blok-RodzajZajec {
    border: 1px solid #6596BD;
    z-index: 3 !important;
}

.blok-Menu {
    border: 1px solid #A69AD1;
    z-index: 4 !important;
}

.blok-Pokoje {
    border: 1px solid #72ff8c;
}

.blok-UslugiDodatkowe {
    border: 1px solid #f5873c;
}

.blok-AtrakcjeDodatkowe {
    border: 1px solid #fdfa9b;
}

.blok-PrzerwyKawowe {
    overflow: hidden;
    z-index: 5 !important;
}

.blok-PrzerwyKawowe .kawa-etykieta {
    border: 1px solid #c3b090;
}

.blok img {
    position: absolute;
    left: 0;
    top: 0;
}

.etykieta {
    position: absolute;
    z-index: 6;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    pointer-events: none;
    text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 5px #fff;
}

.bloki {
    text-align: center;
    margin: 0 auto;
}

.helper {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 100000;
}

.display-block {
    display: block;
}

.ui-resizable-e {
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    width: 7px;
    cursor: w-resize;
    background: url(/styleimg/resize_sml_right.png) no-repeat bottom right;
}

.ui-resizable-w {
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    width: 7px;
    cursor: w-resize;
    background: url(/styleimg/resize_sml_left.png) no-repeat bottom left;
}

.podbloki-atrakcje {
    width: 100%;
    position: absolute;
    left: 0;
}

.wersja-przycisk {
    padding: 5px 0px;
    width: 126px;
    margin: 1px 0px;
}

.wersja-przycisk .ui-button-text {
    padding-left: 0;
    padding-right: 0;
}

.wersja-wybrana {
    background-color: #FFB400 !important;
}

.podblok-dol {
    position: absolute;
    width: 100%;
    bottom: 0;
    margin-left: -1px;
    text-wrap: no-wrap;
    overflow: hidden;
    background: #b8cee0;
    border: 1px solid #6596bd;
    border-collapse: collapse;
    border-bottom: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.podblok-dol.blok-AtrakcjeKulinarne {

}

.etykieta-przewijaj {
    padding-top: 8px;
}

.niedostepnosc-apla {
    position: absolute;
    z-index: 100;
    background: url('/tpl/index/styleimg/apla-niedostepnosc.png') repeat;
    height: 263px;
    top: 56px;
}

.niedostepnosc-kafla-apla {
    position: absolute;
    z-index: 100;
    opacity: 0.4;
    height: 263px;
    top: 56px;
}

.apla-dostepny {
    background: #afdab0 url('/tpl/index/styleimg/apla-niedostepnosc.png') repeat;
}

.apla-niedostepny {
    background: #ffc4c4 url('/tpl/index/styleimg/apla-niedostepnosc.png') repeat;
}
.promocja-web {
    margin: 15px;
    -moz-box-shadow: 0 0 5px 1px #8F8070;
    -webkit-box-shadow: 0 0 5px 1px #8F8070;
    box-shadow: 0 0 5px 1px #8F8070;
    background-color: white;
    width: 202px;
    height: 189px;
    padding: 3px;
    position: relative;
}

.pw-box {
    background-repeat: no-repeat;
    position: relative;
    height: 189px;
    width: 202px;
    cursor: pointer;
}

.pw-desc {
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    bottom: 0px;
    /*    height: 50%;*/
    overflow: hidden;
    padding: 10px 10px;
    width: 182px;
}

.pw-desc h4 {
    color: #bc0602;
    font-size: 15px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}

.pw-desc p {
    margin: 0px;
    color: black;
    font-weight: bold;
}

.pw-okno h2, .pw-woknie h3 {
    color: #bc0602 !important;
    font-size: 16px !important;
    text-transform: none !important;
}

.pw-okno .zapytanie-btn span {
    cursor: pointer;
    padding: 5px 10px;
    background: #9D8D7B;
    display: block;
    margin: 5px 10px;
    color: white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
}

.pw-okno img, .pw-woknie img {
    padding: 2px;
    margin: 2px;
    -moz-box-shadow: 0 0 5px 1px #8F8070;
    -webkit-box-shadow: 0 0 5px 1px #8F8070;
    box-shadow: 0 0 5px 1px #8F8070;
}

.miesiac_kalendarza {
    height: 400px;
}

#calendar-step1 h3 {
    white-space: nowrap;
    font-size: 13px;
    min-width: 70px;
    margin: 5px 0;
    padding: 10px 0 10px 24px;
    text-transform: uppercase;
}

#impreza-kroki .krok {
    padding-top: 5px;
    font-weight: bold;
    cursor: pointer;
    float: left;
    color: #9D8D7B;
}

#impreza-kroki .aktywny {
    font-size: 20px;
    font-weight: bold;
    padding-top: 0px;
    color: #FFB400;
    cursor: default;
}

.ustawienia-sali-zakryte {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(249, 247, 245, 0.9);
    font-size: 11px;
    padding: 10px;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

#body .ustawienia-sali-zakryte .ustawienia-sali-zakryte-inside {
    position: absolute;
    background: #f8eacf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    margin-top: 150px;
    text-align: left;
    line-height: 1.5;
    width: 232px;
    overflow: hidden;
    border: solid 1px #d29401;
}

#body .ustawienia-sali-zakryte .ustawienia-sali-zakryte-inside h2 {
    width: auto;
    background: transparent;
    font-size: 11px;
    color: #000;
    text-align: left;
    font-weight: 0;
    margin: 0 0 10px 0;
    padding: 0;
}

.ustawienia-sali-zakryte ul {
    margin: 10px 0 0 5px;
    padding: 0 0 0 10px;
}

.ustawienia-sali-zakryte ul li {
}

table.naglowek tr td span {
    background: #9D8D7B;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    color: white;
    margin: 0;
    padding: 7px;
}

table.naglowek tr td span em {
    font-style: normal;
}

table.naglowek tr td span {
    display: block;
    width: auto;
    padding-left: 1px;
    padding-right: 1px;
    border: solid 2px #fff;
    font-weight: bold;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

table.naglowek tr td.sale {
    vertical-align: top;
}

table.naglowek tr td.inne .arrow {
    padding: 1px 3px 1px 3px;
}

table.naglowek tr td.inne .arrow-left {
    padding-left: 1px;
}

table.naglowek tr td.inne .arrow-right {
    padding-right: 1px;
}

table.naglowek tr td.sale div table span {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

table.naglowek tr td.dni div table span {
    display: inline-block;
    width: 93px;
    text-align: center;
}

table.naglowek tr td.dni div table .aktualna span {
    width: 150px;
}

table.naglowek tr td.aktualna span {
    color: #FFB400;
}

table.naglowek {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    margin-bottom: 2px;
}

table.naglowek tr {
    background: transparent;
}

table.naglowek tr td {
    border: none;
    padding: 0;
    margin: 0;
    background: transparent;
    cursor: pointer;
}

#ustawienia_sali-step1 {
    height: 427px;
    overflow: hidden;
    position: relative;
}

#ustawienia_sali-step1-inside {
    position: relative;
    overflow: hidden;
    min-height: 420px;
}

#ustawienia_sali-step1 .ustawienieSali:hover {
    background-color: #e0dace;
}

#ustawienia_sali-step1 .nie-podswietlaj:hover {
    background-color: transparent !important;
}

#ustawienia_sali-step1 .ustawienieSali {
    width: 100px;
    text-align: center;
    padding: 10px 16px 10px 16px;
    cursor: pointer;
    float: left;
    overflow: hidden;
}

#ustawienia_sali-step1 .ustawienieSali h3 {
    margin: 0 0 5px 0;
    font-size: 11px;
}

#opt_ustawienia_sali .ustawienieSali .tools {
    overflow: hidden;
}

#opt_ustawienia_sali .ustawienieSali .tools .text {
    display: block;
    width: 90px;
    color: #968D84;
    padding-top: 10px;
    float: left;
    font-size: 11px;
    line-height: 1.1;
}

#opt_ustawienia_sali .ustawienieSali .tools .inputdiv {
    width: 35px;
    float: left;
    display: block;
    background: url(/styleimg/inputUstawienia.png) no-repeat 0 0;
    padding: 3px 2px;
    margin: 5px 0 0 0;
}

#opt_ustawienia_sali .ustawienieSali .tools .inputdiv .input {
    font-size: 11px;
    font-weight: bold;
    width: 30px;
    border: none;
    display: block;
    float: left;
    text-align: center;
    background: #fff;
    padding: 0;
    margin: 0;
}

.checkbox {
    width: 20px;
    height: 19px;
    display: block;
    background: url(/styleimg/checkboxUstawienia.png) no-repeat 0 -19px;
    float: left;
    margin: 5px 0 0 3px;
}

.menus.checked {
    background: #e0dace !important;
}

.checked {
    background: url(/styleimg/checkboxUstawienia.png) 0 0;
}

#opt_ustawienia_sali .checkbox {
    width: 18px;
    height: 20px;
    display: block;
    float: left;
    margin: 5px 0 0 3px;
}

#opt_ustawienia_sali .checked {
    background: url(/styleimg/del.png) 0 0;
}

/* style dla okienek */
.okno-dialog {
    font-size: 11px;
    
}

.okno-dialog p {
    margin: 2px 0px;
}

.okno-dialog .zawartosc {
    padding: 2px 25px;
}

.okno-dialog .zawartosc ul {
    padding: 0px 0px 0px 20px;
    margin: 0;
    list-style: square;
}

.okno-dialog .zawartosc ul li {
    font-size: 11px;
    font-weight: bold;
}

.okno-dialog div.opis {
    font-size: 11px;
}

.okno-dialog h2 {
    text-transform: uppercase;
    color: #C1AD97;
    font-size: 12px;
    font-weight: bold;
}

.okno-dialog h3 {
    text-transform: uppercase;
    color: #C1AD97;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}

.float-half-left {
    float: left;
    width: 49%;
}

.float-half-right {
    float: right;
    width: 49%;
}

.galeria {
    overflow: hidden;
    padding: 3px 0;
}

.galeria .obraz {

    text-align: center;
    overflow: hidden;
    margin: 5px 0;
    padding: 1px 2px 0 2px;
    float: left;
}

.galeria img {
    padding: 2px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 3px 0px;
    -moz-box-shadow: 0px 0px 3px 0px;
    box-shadow: 0px 0px 3px 0px;
}

#myscroll {
    padding: 0 10px;
}

#myscroll-inside {
    overflow: hidden;
    position: relative;
}

#myscroll-inside .buttons {
    overflow: hidden;
    background: #ddd;
    position: relative;
    padding: 0 15px;
}

#myscroll-inside .buttons .bttn, .galeria .box #myscroll-inside .buttons .bttn {
    float: left;
    position: relative;
    margin: 5px 3px 2px 3px;
    cursor: move;
}

#myscroll-inside .buttons .bttn img, .galeria .box #myscroll-inside .buttons .bttn img, .kafleDoPrzeniesienia img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: block;
    border: solid 2px #fff;
    -webkit-box-shadow: 0px 0px 5px -2px;
    -moz-box-shadow: 0px 0px 5px -2px;
    box-shadow: 0px 0px 5px -2px;
}

#myscroll-inside .buttons .bttn.hover img, .kafleDoPrzeniesienia.hover img {
    border-color: #FFB400;
}

#myscroll-inside .buttons .bttn div, .galeria .box #myscroll-inside .buttons .bttn div, .kafleDoPrzeniesienia div {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 114px;
    padding: 3px 10px;
    height: 20px;
    color: #fff;
    display: table;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    background: #9d8e7b;
    margin: 5px auto 0 auto;
}

#myscroll-inside .buttons .bttn.hover div, .kafleDoPrzeniesienia.hover div {
    background: #6E573C;
}

#myscroll-inside .buttons .bttn div span, .galeria .box #myscroll-inside .buttons .bttn div span, .kafleDoPrzeniesienia div span {
    display: table-row;
}

#myscroll-inside .buttons .bttn div span span, .galeria .box #myscroll-inside .buttons .bttn div span span, .kafleDoPrzeniesienia div span span {
    display: table-cell;
    vertical-align: middle;
}

#myscroll-left {
    position: absolute;
    width: 43px;
    height: 160px;
    background: url(/styleimg/btm_scroll_left.png) no-repeat 0 0;
    z-index: 3;
    margin: -2px 0 0 -12px;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

#myscroll-left.on {
    background: url(/styleimg/btm_scroll_left.png) no-repeat 0 -162px;
}

#myscroll-right {
    position: absolute;
    width: 43px;
    height: 160px;
    background: url(/styleimg/btm_scroll_right.png) no-repeat 0 0;
    z-index: 3;
    margin: -158px 0 0 627px;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.galeria #myscroll-right {
    height: 110px;
    margin-left: 2px;
    margin-top: 5px;
    background: url(/styleimg/middle-right-arrow.png) no-repeat 0 0;
    width: 18px;
    position: relative;
    display: none;
    float: left;
}

.galeria #myscroll-left {
    height: 110px;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 2px;
    width: 18px;
    position: relative;
    display: none;
    background: url(/styleimg/middle-left-arrow.png) no-repeat 0 0;
    float: left;
}

.galeria #myscroll-right.on {
    background: url(/styleimg/middle-right-arrow.png) no-repeat 0 0;
}

.galeria #myscroll-left.on {
    background: url(/styleimg/middle-left-arrow.png) no-repeat 0 0;
}

.galeria #myscroll {
    margin: 0;
    padding: 0;
}

.galeria .box #myscroll-inside .buttons {
    padding: 0;
    overflow: hidden;
    background: #fff;
    padding: 0 15px 0 0;
    position: relative;
}

.galeria .box #myscroll-inside {
    width: 93%;
    float: left;
    background: #fff;
    padding: 0;
    margin: 0 auto;
    position: relative;

}

#myscroll-right.on {
    background: url(/styleimg/btm_scroll_right.png) no-repeat 0 -162px;
}

.tabela-podsumowanie {

}

.tabela-podsumowanie td, .tabela-podsumowanie th {
    border: 1px solid #bcb28e;
    margin: 5px 0px;
    font-size: 11px;
}

.tabela-podsumowanie th {
    background-color: #fff38d;
    padding: 5px 3px;
    text-align: center;
}

.tabela-podsumowanie tr.typ td {
    background-color: #fff9cb;
}

.tabela-agenda th, .tabela-agenda td {
    font-size: 11px;
}

.tabela-agenda th {
    background-color: #b0e1f0;
    padding: 5px 3px;
    text-align: center;
    border: 1px solid #bcb28e;
}

/* AKCJE I STATUSY */
.akcje_box {
    width: 96px;
    height: 20px;
}

.akcje_box_1 {
    width: 20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
}

.akcje_box_2 {
    width: 39px;
    height: 20px;
    margin: auto;
}

.akcje_box_3 {
    width: 57px;
    height: 20px;
}

#akcje_info_button {
    border-color: #AE722D !important;
    background-color: #AE722D !important;
}

.przycisk_akcje_statusy {
    height: 18px;
    width: 18px;
    margin-top: 1px;
    margin-left: 1px;
}

.przyciski_akcje_niestandardowe {
    border-radius: 3px !important;
    align-items:center;
    width: 17px !important;
    height: 17px !important;
}
.przyciski_akcje_niestandardowe.zwijanie-kategorii{
    float: right;
    background: #5dd629 !important;
}
.przyciski_akcje_niestandardowe.zwijanie-kategorii.zwiniete{
    background: #6b6b6b !important;
}
.przyciski_akcje_niestandardowe > i {
    margin-top:1px;
    color: #ffffff;
}

.akcje_statusy_last {
    margin-right: 0px;
}

.podglad_on {
    background-image: url(/../styleimg/akcje/show_on.png);
}

.stoliki_on {
    background-image: url(/../styleimg/stoliki.png);
}

.przejmij_impreze {
    background-image: url(/../styleimg/akcje/przejmij_impreze.png);
    width: 30px;
}

.podglad_off {
    background-image: url(/../styleimg/akcje/show_off.png);
}

.edycja_on {
    background-image: url(/../styleimg/akcje/edit_on.png);
}

.wyczysc_formularz_przycisk {
	background-color: #9D8D7B;
    background-image: url(/../styleimg/sml_reset.png);
}

.edycja_off {
    background-image: url(/../styleimg/akcje/edit_off.png);
}

.aktywuj_on {
    background-image: url(/../styleimg/akcje/active_on.png);
}

.aktywuj_off {
    background-image: url(/../styleimg/akcje/active_off.png);
}

.deaktywuj_on {
    background-image: url(/../styleimg/akcje/noentry_on.png);
}

.deaktywuj_off {
    background-image: url(/../styleimg/akcje/noentry_off.png);
}

.wylacz_on {
    background-image: url(/../styleimg/akcje/off_on.png);
}
.konfig_on {
    background-image: url(/../styleimg/configelement.png);
}

.wylacz_off {
    background-image: url(/../styleimg/akcje/off_off.png);
}

.usun_on {
    background-image: url(/../styleimg/akcje/thrash_on.png);
}

.usun_off {
    background-image: url(/../styleimg/akcje/thrash_off.png);
}
/* kto� wpad� na pomys�, �eby wstawia� du�e obrazki do notatek specyfikacji...*/
.notatka-format > img{
	max-width:920px !important;
}