@import url(layout.css);
@import url(carousel.css);

@font-face {
    font-family: Signika;
    src: url('../fonts/Signika-Regular.ttf');
}

@font-face {
    font-family: Signika;
    src: url('../fonts/Signika-Light.ttf');
}

@font-face {
    font-family: Cuprum;
    src: url('../fonts/Cuprum-Regular.ttf');
}

@font-face {
    font-family: Exo;
    src: url('../fonts/Exo-Regular.otf');
}

@font-face {
    font-family: Exo;
    font-weight: Bold;
    src: url('../fonts/Exo-Semibold.otf');
}

@font-face {
    font-family: Exo;
    src: url('../fonts/Exo-Light.otf');
}

body {
    color: #494949;
    font-weight: normal;
    font-size: 16px;
    font-family: Signika, "Segoe UI Light", Tahoma, Times, sans-serif;
    background-color: white;
    line-height: 25px;
}

a {
    color: #3083FF;
    text-decoration: none;
}

a:hover {
    color: #52A743;
    text-decoration: underline;
}

#page_content {
    background-color: white;
}

a:hover, div.button, div.buttongreen, div.buttonblue, div.buttongray {
    text-decoration: none;
}

.bold1 {
    color: crimson;
}

.shiftLeft {
    margin-left: -40px;
}

.shiftRight {
    margin-left: 40px;
}

div.button {
    color: #D1E4FF;
    background: linear-gradient(to bottom, #87BBFF, #4280D1) repeat scroll 0% 0% transparent;
    box-shadow: 0px 0px 2pt #888;
    border-color: #4789E0;
    border-width: 1px;
    border-style: solid;
    border-radius: 3.8pt;
    cursor: pointer;
    font-weight: normal;
    font-size: 13pt;
    text-align: center;
    padding: 8px 0px;
    width: 135px;
    transition: all 500ms ease 0s;
}

div.button:hover {
    color: #FFFFFF;
    transition: all 500ms ease 0s;
}

div.buttongray:hover, div.buttonDetails:hover {
    color: #696969;
    transition: all 500ms ease 0s;
}

div.buttongray {
    color: #909090;
    background: linear-gradient(to bottom, #F5F5F5, #D3D3D3) repeat scroll 0% 0% transparent;
    box-shadow: 0px 0px 1pt #888;
    border-color: #A0A0A0;
    border-width: 1px;
    border-style: solid;
    border-radius: 2pt;
    cursor: pointer;
    font-weight: normal;
    text-align: center;
    padding: 6px 0px;
    min-width: 120px;
    max-width: 140px;
    transition: all 500ms ease 0s;
}

div.buttongreen:hover {
    color: #FFF;
    transition: all 500ms ease 0s;
}

div.buttongreen {
    color: #D3E5C7;
    background: linear-gradient(to bottom, #73BC4B, #468725) repeat scroll 0% 0% transparent;
    box-shadow: 0px 0px 1pt #888;
    border-color: #468725;
    border-width: 1px;
    border-style: solid;
    border-radius: 2pt;
    cursor: pointer;
    font-weight: normal;
    font-size: 13pt;
    text-align: center;
    padding: 6px 0px;
    min-width: 120px;
    max-width: 180px;
    transition: all 500ms ease 0s;
}

div.buttonblue:hover {
    color: #FFFFFF;
    transition: all 500ms ease 0s;
}

div.buttonblue {
    color: #D1E4FF;
    background: linear-gradient(to bottom, #87BBFF, #4280D1) repeat scroll 0% 0% transparent;
    box-shadow: 0px 0px 2pt #888;
    border-color: #4789E0;
    border-width: 1px;
    border-style: solid;
    border-radius: 2pt;
    cursor: pointer;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    padding: 6px 0px;
    min-width: 120px;
    max-width: 140px;
    transition: all 500ms ease 0s;
}

img {
    color: white;
    text-decoration: none;
    border-style: none;
}

img:hover {
    color: white;
    text-decoration: none;
    border-style: none;
}

h1 {
    color: #75434D;
    padding: 5px;
    padding-bottom: 0px;
}

h3 {
    color: #0099FF;
    padding: 5px;
    padding-bottom: 0px;
}

h4 {
    font-weight: normal;
    color: #4C67C6;
    margin: 0px;
    padding: 5px 0px 5px 0px;
}

h5 {
    color: #32406E;
}

p {
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
}

.historyitem {
    background: none repeat scroll 0 0 #C0C0C0;
    border-radius: 2px;
    border-style: none;
    color: #FFFFFF;
    font-size: 13pt;
    font-weight: Normal;
    line-height: 20px;
    margin-left: 0;
    padding: 2px 10px;
    vertical-align: middle;
}

.styleZmiana {
    background: none repeat scroll 0 0 rgb(170,140,180);
    border-radius: 2px 2px 2px 2px;
    border-style: none;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: Normal;
    margin-left: 0;
    padding: 2px 10px;
    vertical-align: middle;
}

ul {
    list-style-type: none;
    list-style-image: url('../images/bullet.png');
    text-align: justify;
    margin-bottom: 8px;
}

li {
    text-align: justify;
    margin-bottom: 8px;
}

li.history {
    margin-bottom: 8px;
}

.formField {
    border: 1px solid #ddd;
    background: whitesmoke;
    border-radius: 2px;
    padding: 4px;
    color: #404040;
}

#container {
    max-width: 1100px;
    margin: 0 auto;
    background-color: white;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

#columnLeftHalf {
    width: 550px;
    text-align: left;
    display: table-cell;
}

#columnRightHalf {
    width: 550px;
    text-align: left;
    display: table-cell;
}

.cellContent {
    padding-left: 5px;
    padding-right: 5px;
}


#column_l {
    width: 600px;
    text-align: left;
    margin-top: 0px;
    padding: 0px;
    background-color: white;
}

#column_l img {
    float: right;
}

#column_l table {
    margin-left: 40px;
}

#column_r {
    width: 450px;
    text-align: left;
    margin-top: 0px;
    padding: 0px;
    background-color: white;
}

#column_r img {
    margin: 0px;
    margin-bottom: 10px;
}

#column_r table {
    margin-left: 40px;
}

#column_lr {
    max-width: 1250px;
    text-align: left;
    margin-top: 0px;
    padding: 0px;
    background-color: white;
}

#column_lr table {
    margin-left: 0px;
    padding: 0px;
}

#column_lr form {
    margin-left: 40px;
}

#footer {
    overflow: hidden;
    text-align: center;
    background-color: #444444;
    padding-top: 15px;
}

#footerOn {
    overflow: hidden;
    text-align: center;
    background-color: #444444;
    padding-top: 15px;
}

#footer p, #footerOn p {
    font-size: 14px;
    color: #EEEEEE;
    margin: 0px;
    padding: 0px;
}

#footer a, #footerOn a {
    color: #EEEEEE;
    text-decoration: none;
}

#footer a:hover, #footerOn a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

.style_cena {
    text-align: right;
    color: #9F5B81;
    width: 120px;
}

.style_cena_kolor {
    color: #9F5B81;
}

.style_hed {
    padding: 2px;
    font-size: 10pt;
    color: #9EABBE;
    background-color: #EDEFF3;
    margin-left: 0;
    border-style: none;
    line-height: 16px;
    vertical-align: middle;
}

p.style_biuro {
    line-height: 18px;
    font-size: 12px;
    float: right;
    color: #DFE1E6;
    text-align: center;
    vertical-align: middle;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
}

.style_program_name {
    color: #0099FF;
    text-decoration: none;
    font-size: medium;
    font-weight: bold;
}

.style_program_name_f {
    color: #5FAE3A;
    text-decoration: none;
    font-size: medium;
    font-weight: bold;
}

.style_center {
    text-align: center;
}

.style_right {
    text-align: right;
}

.style_left {
    text-align: left;
}

.style_justify {
    text-align: justify;
}

.style_bold {
    font-weight: bold;
}

.style_italic {
    font-style: italic;
}

.style_indent {
    margin: 0 0 0 40px;
}

.style_mark {
    color: #1555E4;
}

.style_center_mark {
    color: #1555E4;
    text-align: center;
}

.style_right_mark {
    color: #1555E4;
    text-align: right;
}

.style_top_margin {
    margin-top: 20px;
}

.style_img_link {
    float: left;
    margin-left: 0px;
    color: white;
    text-decoration: none;
}

.style_img_link_right {
    float: none;
    color: white;
    text-decoration: none;
}

table.navi {
    margin-left: 115px;
    margin-top: 20px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    border-collapse: collapse;
    border-spacing: 0px;
    table-layout: fixed;
}

tr.navi {
    height: 30px;
}

td.navi {
    width: 128px;
}

td.naviselected {
    width: 128px;
    color: white;
    cursor: hand;
    cursor: pointer;
}

div#menuHeaderContainer {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

div#companyheader {
    height: 113px;
    position: relative;
    background: #172765;
    overflow-x: hidden;
    overflow-y: hidden;
    transition-duration: 400ms;
}

div#logo {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('../images/logo.png');
    background-repeat: no-repeat;
    width: 113px;
    height: 100%;
    z-index: 2;
}

div#elisoft {
    position: absolute;
    left: 80px;
    background-image: url('../images/elisoft.png');
    background-repeat: no-repeat;
    width: 300px;
    height: 100%;
    z-index: 2;
}

div#tlo {
    background-image: url('../images/bg1.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 1;
}

div#maskaLight {
    background-image: url('../images/maskLight.png');
    background-repeat: repeat;
    background-position: 0 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.15;
}

div#maskaStrong {
    background-image: url('../images/maskStrong.png');
    background-repeat: repeat;
    background-position: 0 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.3;
}

div#kontenersceny {
    position: absolute;
    margin: 0;
    top: 167px;
    bottom: 100px;
    left: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: hidden;
}

div#ekran {
    background-image: url('../images/ekran.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 347px;
    position: absolute;
    bottom: 139px;
    margin: auto;
}

div#tresc {
    background: transparent;
    width: 740px;
    height: 329px;
    margin: auto;
    bottom: 0;
    left: 50%;
    margin-left: -370px;
    position: absolute;
}

div#biurko {
    background: #172765;
    background-image: url('../images/cien.png');
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 0;
    width: 100%;
    height: 138px;
    position: absolute;
    bottom: 0;
    margin: auto;
    border-top: 1px solid #303030;
}

div.menu {
    width: 100%;
    padding: 0px;
    background: #444444;
    z-index: 100;
}

div.colorMenuLine {
    background: white;
    border: 6px solid rgba(52, 84, 200, 1);
    margin-top: 0px;
    transition: 400ms;
    transition-delay: 0ms;
}

div.colorMenuLine.M2 {
    border-color: #4C67C6;
    background: #4C67C6;
}

div.colorMenuLine.M3 {
    border-color: #5FAE3A;
    background: #5FAE3A;
}

div.colorMenuLine.M4 {
    border-color: #D9AA3A;
    background: #D9AA3A;
}

div.colorMenuLine.M5 {
    border-color: #D84B2F;
    background: #D84B2F;
}

div.colorMenuLine.M6 {
    border-color: #BA3E74;
    background: #BA3E74;
}

div.colorMenuLine.M7 {
    border-color: #CC1C48;
    background: #CC1C48;
}

div.colorMenuLine.M1 {
    border-color: #5BA3EF;
    background: #5BA3EF;
}

table.menu {
    width: 100%;
    color: white;
    font-family: Exo;
    font-size: 20px;
    padding: 0px;
    margin: 0px;
    border-spacing: 1px;
    border-collapse: separate;
}

table.menu td {
    min-width: 140px;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    transition: 300ms;
    transition-delay: 0ms;
}

table.menu td:hover {
    cursor: pointer;
    color: white;
    transition: 300ms;
    transition-delay: 0;
}

td#M1:hover {
    background: #5BA3EF;
}

td#M2:hover {
    background: #4C67C6;
}

td#M3:hover {
    background: #5FAE3A;
}

td#M4:hover {
    background: #D9AA3A;
}

td#M5:hover {
    background: #D84B2F;
}

td#M6:hover {
    background: #BA3E74;
}

td#M7:hover {
    background: #CC1C48;
}

#M2.selected {
    background: #4C67C6;
}

#M3.selected {
    background: #5FAE3A;
}

#M4.selected {
    background: #D9AA3A;
}

#M5.selected {
    background: #D84B2F;
}

#M6.selected {
    background: #BA3E74;
}

#M7.selected {
    background: #CC1C48;
}

#M1.selected {
    background: #5BA3EF;
}

.menuButtonHeader {
    background: transparent;
}

.selected {
    color: white;
}

td#M2 {
    background: #494949;
}

td#M3 {
    background: #494949;
}

td#M4 {
    background: #494949;
}

td#M5 {
    background: #494949;
}

td#M6 {
    background: #494949;
}

td#M7 {
    background: #494949;
}

td#M1 {
    background: #494949;
}

@media(min-width: 800px) {
    div#divider {
        background: #172765;
        position: absolute;
        top: 0;
        right: 0;
        width: 540px;
        height: 113px;
        background-image: url('../images/topbackground.png');
        background-repeat: no-repeat;
        background-position: 0 0;
        z-index: 1;
        opacity: 0.5;
        transition-duration: 400ms;
    }
}

@media(max-width: 799px) {
    div#divider {
        background: #172765;
        position: absolute;
        top: 0;
        right: -200px;
        width: 540px;
        height: 113px;
        background-image: url('../images/topbackground.png');
        background-repeat: no-repeat;
        background-position: 0px 0px;
        z-index: 1;
        opacity: 0.5;
        transition-duration: 400ms;
    }
    
    table.menu {
        border-collapse: collapse;
    }

    table.menu td.menuButton {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    td#M1 {
        background-image: url('../images/BCB1.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        font-size: 1px;
        color: transparent;
        height: 50px;
        min-width: 50px;
        transition: none;
        border-bottom: 1px solid #333333;
    }

    td#M2 {
        background-image: url('../images/BCB2.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        font-size: 1px;
        color: transparent;
        min-width: 50px;
        transition: none;
        border-left: 1px solid #333333;
        border-bottom: 1px solid #333333;
    }

    td#M3 {
        background-image: url('../images/BCB3.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        font-size: 1px;
        color: transparent;
        min-width: 50px;
        transition: none;
        border-left: 1px solid #333333;
        border-bottom: 1px solid #333333;
    }

    td#M4 {
        background-image: url('../images/BCB4.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        font-size: 1px;
        color: transparent;
        min-width: 50px;
        transition: none;
        border-left: 1px solid #333333;
        border-bottom: 1px solid #333333;
    }

    td#M5 {
        background-image: url('../images/BCB5.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        font-size: 1px;
        color: transparent;
        min-width: 50px;
        transition: none;
        border-left: 1px solid #333333;
        border-bottom: 1px solid #333333;
    }

    td#M6 {
        background-image: url('../images/BCB6.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        font-size: 1px;
        color: transparent;
        min-width: 50px;
        transition: none;
        border-left: 1px solid #333333;
        border-bottom: 1px solid #494949;
    }

    td#M7 {
        background-image: url('../images/BCB7.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        font-size: 1px;
        color: transparent;
        min-width: 50px;
        transition: none;
        border-left: 1px solid #333333;
        border-bottom: 1px solid #333333;
    }

    td#M1.selected {
        background: #5BA3EF;
        background-image: url('../images/BC1.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        border-bottom: 0;
    }

    td#M2.selected {
        background: #4C67C6;
        background-image: url('../images/BC2.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        border-bottom: 0;
    }

    td#M3.selected {        
        background-image: url('../images/BC3.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        border-bottom: 0;
    }

    td#M4.selected {        
        background-image: url('../images/BC4.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        border-bottom: 0;
    }

    td#M5.selected {        
        background-image: url('../images/BC5.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        border-bottom: 0;
    }

    td#M6.selected {        
        background-image: url('../images/BC6.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        border-bottom: 0;
    }

    td#M7.selected {        
        background-image: url('../images/BC7.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        border-bottom: 0;
    }

    td.menuButton#M1:hover {
        background-image: url('../images/BC1.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    td.menuButton#M2:hover {
        background-image: url('../images/BC2.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    td.menuButton#M3:hover {
        background-image: url('../images/BC3.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    td.menuButton#M4:hover {
        background-image: url('../images/BC4.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    td.menuButton#M5:hover {
        background-image: url('../images/BC5.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    td.menuButton#M6:hover {
        background-image: url('../images/BC6.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    td.menuButton#M7:hover {
        background-image: url('../images/BC7.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }
}

@media(min-width: 800px) {
    div#companyemail {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 440px;
        height: 113px;
        background-image: url('../images/adresy.png');
        background-repeat: no-repeat;
        background-position: 20px 25px;
        background-size: 405px 60px;
        z-index: 2;
        transition-duration: 400ms;
    }
}

@media(max-width: 799px) {
    div#companyemail {
        opacity: 0;
        position: absolute;
        top: 0px;
        right: -200px;
        width: 440px;
        height: 113px;
        background-image: url('../images/adresy.png');
        background-repeat: no-repeat;
        background-position: 20px 25px;
        background-size: 405px 60px;
        z-index: 2;
        transition-duration: 400ms;
    }
}

@media(max-height: 799px) {
    div#footerOn {
        width: 100%;
        clear: both;
        height: 0;
        bottom: 0;
        padding-top: 0;
        position: absolute;
        transition-duration: 400ms;
    }

    div#kontenersceny {
        bottom: 0;
        transition-duration: 400ms;
    }

    div#biurko {
        border-top: none;
        height: 0;
        transition-duration: 400ms;
    }

    div#ekran {
        bottom: 0;
        transition-duration: 400ms;
    }
}

@media(min-height: 800px) {
    div#footerOn {
        width: 100%;
        height: 70px;
        clear: both;
        bottom: 0;
        padding-top: 15px;
        position: absolute;
        transition-duration: 400ms;
    }

    div#kontenersceny {
        bottom: 85px;
        transition-duration: 400ms;
    }

    div#biurko {
        height: 85px;
        transition-duration: 400ms;
    }
}

@media(max-width: 799px) and (min-height: 800px) {
    div#ekran {
        bottom: 0px;
        transition-duration: 400ms;
    }
}

@media(min-width: 800px) and (min-height: 800px) {
    div#ekran {
        bottom: 85px;
        transition-duration: 400ms;
    }
}

@media(min-width: 1000px) and (max-height: 799px) {
    div#pudelkoFaktury {
        background: transparent;
        background-image: url('../images/FP400.png');
        background-repeat: no-repeat;
        background-position: bottom left;
        background-size: 159px 200px;
        width: 159px;
        height: 200px;
        margin: auto;
        bottom: 0px;
        left: 50%;
        margin-left: -550px;
        position: absolute;
        transition-duration: 400ms;
    }

    div#pudelkoFirma {
        background: transparent;
        background-image: url('../images/FM400.png');
        background-repeat: no-repeat;
        background-position: bottom left;
        background-size: 159px 200px;
        width: 159px;
        height: 200px;
        margin: auto;
        bottom: 0px;
        left: 50%;
        margin-left: 380px;
        position: absolute;
        transition-duration: 400ms;
    }
}

@media(min-width: 1000px) and (min-height: 800px) {
    div#pudelkoFaktury {
        background: transparent;
        background-image: url('../images/FP400.png');
        background-repeat: no-repeat;
        background-position: bottom left;
        background-size: 159px 200px;
        width: 159px;
        height: 200px;
        margin: auto;
        bottom: 50px;
        left: 50%;
        margin-left: -550px;
        position: absolute;
        transition-duration: 400ms;
    }

    div#pudelkoFirma {
        background: transparent;
        background-image: url('../images/FM400.png');
        background-repeat: no-repeat;
        background-position: bottom left;
        background-size: 159px 200px;
        width: 159px;
        height: 200px;
        margin: auto;
        bottom: 50px;
        left: 50%;
        margin-left: 380px;
        position: absolute;
        transition-duration: 400ms;
    }
}

@media(max-width: 999px) {
    div#pudelkoFaktury {
        background: transparent;
        background-image: url('../images/FP400.png');
        background-repeat: no-repeat;
        background-position: bottom left;
        background-size: 159px 200px;
        width: 159px;
        height: 200px;
        margin: auto;
        bottom: 50px;
        left: 50%;
        margin-left: -650px;
        position: absolute;
        opacity: 0;
        transition-duration: 400ms;
    }

    div#pudelkoFirma {
        background: transparent;
        background-image: url('../images/FM400.png');
        background-repeat: no-repeat;
        background-position: bottom left;
        background-size: 159px 200px;
        width: 159px;
        height: 200px;
        margin: auto;
        bottom: 50px;
        left: 50%;
        margin-left: 480px;
        position: absolute;
        opacity: 0;
        transition-duration: 400ms;
    }
}

@media(max-width: 1020px) {
    td.menuSpace {
        display: none;
    }

    table.menu td.menuButton {
        min-width: 80px;
    }
}

@media (max-width: 999px) and (max-height: 899px) {
    div#tlo {
        background-image: url('../images/bg1.jpg');
        transition-duration: 1s;
        transition: background-image 1s ease-in-out;
    }
}

@media (min-width: 1000px) and (min-height: 900px) {
    div#tlo {
        background-image: url('../images/bg2.jpg');
        transition-duration: 1s;
        transition: background-image 1s ease-in-out;
    }
}

@media (max-height: 599px) {

    div#kontenersceny {
        top: 113px;
    }

    div#logo {
        top: 0;
        left: 0;
        width: 70px;
        height: 70px;
        background-size: 70px 70px;
        transition: none
        }

    div#elisoft {
        left: 70px;
        width: 250px;
        height: 70px;
        z-index: 2;
        background-size: auto 90px;
        background-position-y: -10px;
        transition: none
    }
    div#divider {
        width: 540px;
        height: 70px;
        background-position: 0 0;
        transition-duration: 1s
    }
    div#companyemail {
        top: 8px;
        right: 0px;
        width: 370px;
        height: 50px;
        background-position: 20px 0px;
        background-size: auto 50px;
        transition: none
    }

    div#companyheader {
        height: 70px;
        background: #172765;
    }
}

@media (min-height: 600px) {

    div#kontenersceny {
        top: 140px;
    }
}

@media(min-width: 769px) {
    table.menu td.menuSpace {
        min-width: 0px;
        width: 40px;
    }
}

@media only screen and (max-device-width: 768px) and (orientation:landscape) {
    table.menu td.menuSpace {
        display: none;
        width: 0px;
    }

    table.menu td {
        min-width: 100px;
        width: 40px;
    }
}

@media(max-width: 800px) {
    div#biurko {
        border-top: none;
        height: 0;
        transition-duration: 1s;
    }
}

@media (min-width: 800px) and (min-height: 600px) {
    div#kontenersceny {
        top: 167px;
        transition-duration: 400ms;
    }    
}

@media (min-width: 800px) and (max-height: 599px) {
    div#kontenersceny {
        top: 124px;
        transition-duration: 400ms;
    }    
}

@media (max-width: 799px) and (max-height: 599px) {
    div#kontenersceny {
        top: 148px;
        transition-duration: 400ms;
    }    
}

@media (max-width: 799px) and (min-height: 600px) {
    div#kontenersceny {
        top: 191px;
        transition-duration: 400ms;
    }    
}

@media(max-width: 780px) {
    div#ekran {
        background-image: none;
        height: auto;
    }

    div#tresc {
        width: 100%;
        height: auto;
        left: 50%;
        margin-left: -50%;
    }
}

.obsolete {
    color: #a0a0a0;
}

.dd-container li {
    margin-bottom: 0;
}

.program1 {
    background: #74447F;
    height: 420px;
    margin: auto;
    color: white;
    padding: 10px;
    width: auto;
    position: relative;
    border-radius: 5px;
    background: linear-gradient(to bottom, #885196, #653C70) repeat scroll 0% 0% transparent;
    min-width: 300px;
    max-width: 300px;
}

.program2 {
    background: #BA3E74;
    height: 420px;
    margin: auto;
    color: white;
    padding: 10px;
    width: auto;
    position: relative;
    border-radius: 5px;
    background: linear-gradient(to bottom, #BA3E74, #8E305A) repeat scroll 0% 0% transparent;
    min-width: 300px;
    max-width: 300px;
}

.program3 {
    background: #004F9E;
    height: 420px;
    margin: auto;
    color: white;
    padding: 10px;
    width: auto;
    position: relative;
    border-radius: 5px;
    background: linear-gradient(to bottom, #4C67C6, #324D9E) repeat scroll 0% 0% transparent;
    min-width: 300px;
    max-width: 300px;
}

.programy {
    width: 100%;
    border-collapse: separate;
    /*border-spacing: 15px 5px;*/
}

div.buttonbuy1 {
    color: #CCC;
    background: linear-gradient(to bottom, #885196, #653C70) repeat scroll 0% 0% transparent;
    box-shadow: 0px 0px 1pt #888;
    border-color: #573460;
    border-width: 1px;
    border-style: solid;
    border-radius: 2pt;
    cursor: pointer;
    font-weight: normal;
    font-size: 13pt;
    text-align: center;
    padding: 6px 0px;
    width: 140px;
    transition: all 500ms ease 0s;
    position: absolute;
    right: 0;
}

div.buttonbuy2 {
    color: #CCC;
    background: linear-gradient(to bottom, #BA3E74, #8E305A) repeat scroll 0% 0% transparent;
    box-shadow: 0px 0px 1pt #888;
    border-color: #702647;
    border-width: 1px;
    border-style: solid;
    border-radius: 2pt;
    cursor: pointer;
    font-weight: normal;
    font-size: 13pt;
    text-align: center;
    padding: 6px 0;
    width: 140px;
    transition: all 500ms ease 0s;
    position: absolute;
    right: 0;
}

div.buttonbuy3 {
    color: #CCC;
    background: linear-gradient(to bottom, #4C67C6, #324D9E) repeat scroll 0% 0% transparent;
    box-shadow: 0px 0px 1pt #888;
    border-color: #004F9E;
    border-width: 1px;
    border-style: solid;
    border-radius: 2pt;
    cursor: pointer;
    font-weight: normal;
    font-size: 13pt;
    text-align: center;
    padding: 6px 0;
    width: 140px;
    transition: all 500ms ease 0s;
    position: absolute;
    right: 0;
}

div.buttonDetails {
    color: #909090;
    background: linear-gradient(to bottom, #F5F5F5, #D3D3D3) repeat scroll 0% 0% transparent;
    box-shadow: 0px 0px 1pt #888;
    border-color: #A0A0A0;
    border-width: 1px;
    border-style: solid;
    border-radius: 2pt;
    cursor: pointer;
    font-weight: normal;
    font-size: 13pt;
    text-align: center;
    padding: 6px 0px;
    width: 140px;
    transition: all 500ms ease 0s;
    position: absolute;
    right: 0;
}

div.buttonbuy1:hover {
    color: #FFFFFF;
    transition: all 500ms ease 0s;
}

div.buttonbuy2:hover {
    color: #FFFFFF;
    transition: all 500ms ease 0s;
}

div.buttonbuy3:hover {
    color: #FFFFFF;
    transition: all 500ms ease 0s;
}

.programName {
    margin-bottom: 10px;
    font-size: 20px;
}

.programFeature {
    margin-bottom: 5px;
    font-size: 14px;
}

.cena {
    opacity: 0.6;
    color: black;
    background: whitesmoke;
    font-size: 25px;
    right: 0;
    bottom: 0;
    position: absolute;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 10px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.opis {
    font-size: 11pt;
    max-width: 200px;
    width: 200px;
    --background: whitesmoke;
    text-align: left;
}

.colorViolet {
    color: #885196;
}

.colorRed {
    color: #BA3E74;
}

.colorBlue {
    color: #4C67C6;
}

.zakup {
    position: relative;
    height: 35px;
}

.opisProgramu {
    position: relative;
}

.opisProgramu > .programy {
        width: 320px;
        position: absolute;
        right: 0;
    }

.opisProgramu > .style_justify {
        margin-right: 350px;
    }

.a2 {
    color: crimson;
}

.netto {
    opacity: 0.6;
    color: black;
    font-size: 13px;
    right: 10px;
    bottom: 0;
    position: absolute;
    margin-right: 0;
    margin-bottom: 15px;
    padding: 0;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.programGroup {
    border-radius: 4px;
    margin-bottom: 10px;
    -moz-box-shadow: 0 0 1px whitesmoke;
    -webkit-box-shadow: 0 0 1px whitesmoke;
    box-shadow: 0 0 1px whitesmoke;
}

.programTitle {
    text-decoration: none;
    padding: 5px;
    cursor: pointer;
}

.applicationInstance {
    color: #494949;
    padding: 8px;
    background: white;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

div.buttonDownload {
    color: #CCC;
    box-shadow: 0px 0px 1pt #888;
    border-width: 1px;
    border-style: solid;
    border-radius: 2pt;
    cursor: pointer;
    font-weight: normal;
    text-align: center;
    padding: 6px 0px;
    min-width: 120px;
    max-width: 140px;
    transition: all 500ms ease 0s;
}

div.buttonDownload.Firma:hover,
div.buttonDownload.Premium:hover,
div.buttonDownload.Faktury:hover,
div.buttonDownload.Poligraf:hover {
        color: #FFF;
        transition: all 500ms ease 0s;
    }

.programGroup.programFirma {
    background: linear-gradient(to bottom, #885196, #653C70);
    border-color: #653C70;
    color: #DDD;
}

.applicationInstance.programFirma {
    border: 2px solid #885196;
}

div.buttonDownload.Firma {
    background: linear-gradient(to bottom, #885196, #653C70) repeat scroll 0% 0% transparent;
    border-color: #573460;
}

.programGroup.programPremium {
    background: linear-gradient(to bottom, #4C67C6, #324D9E);
    border-color: #324D9E;
    color: #DDD;
}

.applicationInstance.programPremium {
    border: 2px solid #4C67C6;
}

div.buttonDownload.Premium {
    background: linear-gradient(to bottom, #4C67C6, #324D9E) repeat scroll 0% 0% transparent;
    border-color: #004F9E;
}

.programGroup.programPoligraf {
    background: linear-gradient(to bottom, #BA3E74, #8E305A);
    border-color: #8E305A;
    color: #DDD;
}

.applicationInstance.programPoligraf {
    border: 2px solid #BA3E74;
}

div.buttonDownload.Poligraf {
    background: linear-gradient(to bottom, #BA3E74, #8E305A) repeat scroll 0% 0% transparent;
    border-color: #702647;
}

.programGroup.programFaktury {
    background: linear-gradient(to bottom, #5FAE3A, #519131);
    border-color: #05718E;
    color: #DDD;
}

.applicationInstance.programFaktury {
    border: 2px solid #5FAE3A;
}

div.buttonDownload.Faktury {
    background: linear-gradient(to bottom, #5FAE3A, #317F34) repeat scroll 0% 0% transparent;
    border-color: #266328;
}

.programGroup.programSql {
    background: linear-gradient(to bottom, #0685AA, #05718E);
    border-color: #05718E;
    color: #DDD;
}

.applicationInstance.programSql {
    border: 2px solid #0685AA;
}

div.buttonDownload.Sql {
    background: linear-gradient(to bottom, #0685AA, #05718E) repeat scroll 0% 0% transparent;
    border-color: #045C75;
}

.wersja {
    opacity: 0.70;
    color: white;
    font-size: 13pt;
    left: 233px;
    top: 134px;
    position: absolute;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 4pt;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    min-width: 70pt;
    text-align: center;
}

.data {
    opacity: 0.70;
    color: white;
    font-size: 13pt;
    left: 233px;
    top: 206px;
    position: absolute;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 4pt;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    min-width: 70pt;
    text-align: center;
}

.rozmiar {
    opacity: 0.70;
    color: white;
    font-size: 13pt;
    left: 233px;
    top: 170px;
    position: absolute;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 4pt;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    min-width: 70pt;
    text-align: center;
}

.system {
    opacity: 0.70;
    color: white;
    font-size: 13pt;
    left: 233px;
    top: 242px;
    position: absolute;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 4pt;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    min-width: 70pt;
    text-align: center;
}

.opisInstalatora {
    opacity: 0.95;
    color: white;
    font-size: 11pt;
    left: 233px;
    top: 20px;
    position: absolute;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 4pt;
    border-top-right-radius: 0;
    border-bottom-right-radius: 15px;
    text-align: left;
}

.programUpgrade {
    position: relative;
    min-height: 300px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid cornflowerblue;
}

.programUpgradeDownloadButton {
    position: absolute;
    right: 0;
    bottom: 20px;
}

.colorFirma {
    background: #814D8F;
}

.colorPremium {
    background: #4560BB;
}

.colorFaktury {
    background: #67AA4F;
}

.cc-window {
  font-weight: normal;
  font-size: 16px;
  font-family: Signika, "Segoe UI Light", Tahoma, Times, sans-serif;
}

.cc-banner.cc-theme-edgeless .cc-btn {
  height: initial;
}

.cc-btn {
  font-weight: normal;
  font-size: 16px;
  font-family: Signika, "Segoe UI Light", Tahoma, Times, sans-serif;
}

.boldGreen {
  color: rgb(119, 198, 50);
}