body{
    background:#f6f6f6;
    padding:0px;
    margin:0px;
    font-family:arial;
    font-size:13px;
    color:#626C7C;
    width:100%;
}

a{
    text-decoration:none;
    color:inherit;
    font-size:inherit;
    color:black;
}

a img{
    border:none;
}

.lineThrough{
    text-decoration:line-through !important;
}

p.clear{
    clear:both;
}

.displayNone{
    display:none;
}

.opactiyNone{
    opacity:0;
}

.colorRed{
    color:red;
}

.dialog{
    text-align:left;
}

#confirmDialog{
    display:none;
}

[disabled] {
	border: 1px solid #CCCCCC;
	background-color: #E5E5E5;
}

input, select, textarea{
	border: 1px solid #CCCCCC;
	background-color: white;
}

input[type="checkbox"]{
    border:0px;
    padding:0px;
    background:transparent;
    background:white;
}

p.vSpace{
    clear:both;
    height:10px;
    display:block;
}

table{
    margin:20px 0px 0px 0px;
    font-size:11px;
}

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

table tr td{
    padding:9px 6px 9px 6px;
    border:1px solid #dadada;
    border-top:none;
    height:28px;
    overflow:hidden;
    font-size:12px;
    color:#005c9c;
    font-weight:bold;
    text-align:left;
}

table tr td.longTd{
    width:200px;
}

table tr td.mediumTd{
    width:100px;
    text-align:center;
}

table tr td.mediumShortTd{
    width:80px;
    text-align:center;
}

table tr.noBorder td{
    border:0px !important;
}

table tr.trDarker td{
    background:#eeeeee;
}

table tr.title td{
    height:25px;
    background:#666666;
    color:white;
    font-size:11px;
    font-weight:bold;
    padding:0px 7px 0px 17px;
    border:none;
}

table tr.subtitle td{
    height:18px;
    background:#DADADA;
    color:black;
    font-size:11px;
    font-weight:bold;
    padding:0px 7px 0px 17px;
    border:none;
}

table tr.subtitle td img{
    margin:0px 0px 0px 3px;
}

table tr.title td img{
    margin:0px 0px 0px 3px;
}

table tr td.shortTd{
    width:50px;
    text-align:center;
}

table tr td.shortestTd{
    width:20px !important;
    text-align:center;
}

div#container{
    width:70%;
    /* min-width:1100px; */
    height:auto;
    margin:auto;
}

div#top{
    width:100%;
    min-height:76px;
    background:#364358;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    margin-bottom:15px;
}

img#logo{
    margin:18px 0px 0px 30px;
}

ul#menu{
    float:right;
    list-style-type:none;
    padding:0px;
    margin:4px 10px 0 0;
}

li.menu{
    float:right;
    padding:6px 4px 7px 4px;
    margin:0px 8px 0px 8px;
}

li.menu:hover {
    background:white;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

li.menu.hovered {
    background:white;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

li.menu.hoverMe {
    background:white;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

li.menu a{
    display:block;
    height:59px;
    color: transparent;
}

li.menu a#stronaglowna{
    width:73px;
    background: url('../../img/menu/stronaglowna.png') no-repeat 0 -59px;
}
li.menu a#zamowienie{
    width:64px;
    background: url('../../img/menu/zamowienie.png') no-repeat 0 -59px;
}
li.menu a#kontakt{
    width:64px;
    background: url('../../img/menu/kontakt.png') no-repeat 0 -59px;
}
li.menu a#faq{
    width:64px;
    background: url('../../img/menu/faq.png') no-repeat 0 -59px;
}
li.menu a#demo{
    width:41px;
    background: url('../../img/menu/demo.png') no-repeat 0 -59px;
}
li.menu a#licencja{
    width:64px;
    background: url('../../img/menu/licencja.png') no-repeat 0 -59px;
}
li.menu a#strefaklienta{
    width:73px;
    background: url('../../img/menu/strefaklienta.png') no-repeat 0 -59px;
}
li.menu a#raportypdf{
    width:64px;
    background: url('../../img/menu/raportypdf.png') no-repeat 0 -59px;
}
li.menu a#admin{
    width:41px;
    background: url('../../img/menu/admin.png') no-repeat 0 -59px;
}
li.menu a#wiadomosci{
    width:64px;
    background: url('../../img/menu/wiadomosci.png') no-repeat 0 -59px;
}
li.menu a#lista{
    width:41px;
    background: url('../../img/menu/lista.png') no-repeat 0 -59px;
}
li.menu a#statystyki{
    width:53px;
    background: url('../../img/menu/statystyki.png') no-repeat 0 -59px;
}
li.menu a#dodaj{
    width:46px;
    background: url('../../img/menu/dodaj.png') no-repeat 0 -59px;
}
li.menu a#faktury{
    width:61px;
    background: url('../../img/menu/faktury.png') no-repeat 0 -59px;
}
li.menu a#zmienhaslo{
    width:62px;
    background: url('../../img/menu/zmienhaslo.png') no-repeat 0 -59px;
}

li.menu:hover a{
    background-position:0 0 !important;
}

li.menu.hovered a{
    background-position:0 0 !important;
}

li.menu.hoverMe a{
    background-position:0 0 !important;
}

li.menu ul.submenu{
    display:none;
    height:21px;
    background:white;
    list-style-type:none;
    clear:both;
    position:absolute;
    top:76px;
    margin:0px 0px 0px -4px;
    -webkit-border-radius: 2px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 3px;
    -moz-border-radius-topleft: 0;
    border-radius: 3px;
    border-top-left-radius: 0;
    padding:6px 0px 0px 11px;
}

li.menu ul.submenu li{
    float:left;
    background:white url('../../img/submenu_pointer.png') no-repeat center left;
    padding:0px 7px 0px 13px;
    margin:0px 7px 0px 0px;
    border-right:1px dotted #c2c2c2;
}

li.menu ul.submenu li a{
    display:inline;
    color:#5a5a5a;
}

li.menu ul.submenu li.last-item{
    border:none;
}

div.mainBox{
    width:auto;
    height:auto;
    background:white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-top:1px solid #eaeaea;
    border-bottom:1px solid #eaeaea;
    padding:25px 30px 25px 30px;
    margin:0px 0px 20px 0px;
}

h1{
    min-height:34px;
    background:white url('../../img/h1_icon.png') no-repeat left;
    margin:0px 0px 16px 0px;
    font-family:tahoma;
    font-weight:normal;
    font-size:25px;
    color:#3f4b5f;
    padding:2px 0px 0px 43px;
    float:left;
}

hr{
    clear:both;
    height:1px;
    background:#cccccc;
    border:none;
    margin:2px 0px 2px 0px;
}

a.navigation{
    display:block;
    float:left;
    padding:4px 6px 4px 6px;
    background:#3a465b;
    color:white;
    margin:0px 5px 0px 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

a.unactive{
    background:#dcdcdc;
}

div#navigationBar{
    width:auto;
    height:33px;
    padding-top:12px;
    font-size:13px;
}

input#submitInput{
    width:88px;
    height:20px;
    background:#5ba91e url('../../img/submitbg.png') repeat-x;
    border:0px;
    font-weight:bold;
    font-size:12px;
    color:white;
    font-family:arial;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor:pointer;
    float:right;
    padding-bottom:2px;
    margin:2px 0px 0px 8px;
}

img.separator{
    float:left;
    margin:3px 5px 0px 5px;
}

h3{
    font-size:14px;
    font-family:arial;
    color:#626c7c;
    font-weight:normal;
    float:left;
    margin:2px 15px 0px 0px;
}

h3 b{
    color:#55a31b;
    font-weight:bold;
}

b.h3{
    font-size:14px;
    font-family:arial;
    color:#626c7c;
    font-weight:normal;
    color:#55a31b;
    font-weight:bold;
}

img.bottomImg{
    margin:3px 0px 0px 0px;
}

div#footer{
    width:100%;
    height:50px;
    margin:-10px 0px 30px 0px;
}

div#footer div.leftSide{
    float:left;
    color:#7a7a7a;
    font-size:11px;
}

div#footer div.leftSide b{
    display:block;
    color:#005c9c;
    font-weight:bold;
    font-size:12px;
    margin-bottom:3px;
}

div#footer div.rightSide{
    float:right;
    text-align:right;
    color:#707070;
    font-size:14px;
}

div#footer div.rightSide b{
    display:block;
    color:#3a465b;
    font-weight:bold;
    font-size:16px;
    margin-top:3px;
}

p.inputSpace{
    display:block;
    clear:both;
}

p.inputSpace label{
    float:left;
    width:140px;
    cursor:pointer;
    display:block;
    min-height:16px;
}

p.inputSpace label.longLabel{
    width:230px;
}

p.inputSpace label.longestLabel{
    width:240px;
}

p.inputSpace label.shortLabel{
    width:108px;
}

p.inputSpace label.shortestLabel{
    width:70px;
}

input{
    width:140px;
    font-size:13px;
    color:#626C7C;
}

select{
    font-size:13px;
    color:#626C7C;
}

textarea{
    font-size:13px;
    color:#626C7C;
    margin-left:0px;
}

.msgTextarea{
    width:400px;
    height:100px;
    margin-left:0px;
}

.aboutTextarea{
    width:258px;
    height:70px;
    margin-left:0px;
}

.submitInput{
    width:auto;
    height:20px;
    background:#5ba91e url('../../img/submitbg.png') repeat-x;
    border:0px;
    font-weight:bold;
    font-size:12px;
    color:white;
    font-family:arial;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor:pointer;
    padding:0px 5px 2px 5px;
    margin:0px;
}

input.bigSubmit{
    width:auto;
    height:35px;
    background:#5ba91e;
    border:0px;
    font-weight:bold;
    font-size:14px;
    color:white;
    font-family:arial;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor:pointer;
    padding:0px 5px 2px 5px;
    margin:0px;
}

input.redInput{
    background:#FF3333;
}

.shortInput{
    width:20px !important;
    text-align:center;
}

.mediumInput{
    width:30px !important;
    text-align:center;
}

.normalInput{
    width:150px !important;
}

.longInput{
    width:260px !important;
}

.longestInput{
    width:400px !important;
}

.codeInput{
    width:105px !important;
}

div.messageBox{
    width:550px;
    padding:10px 15px 10px 15px;
    font-size:13px;
    border:1px solid #FBC7C9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin:35px 0px 20px 0px;
    position:relative;
}

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

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

div.messageBox p{
    width:auto;
    display:block;
    padding:5px 0px 5px 30px;
    margin:0px;
}

div.correctBox{
    background:#E6EFC2 url('../../img/highlight_line.gif') repeat-x;
    border:1px solid #C6D881;
}

div.correctBox p{
    background:url('../../img/correct_icon.png') no-repeat top left;
}

div.errorBox{
    background:#FBE3E4 url('../../img/highlight_line.gif') repeat-x;
    border:1px solid #FBC7C9;
}

div.errorBox p{
    background:url('../../img/error_icon.png') no-repeat top left;
}

div.infoBox{
    background:#A8B2C5 url('../../img/highlight_line.gif') repeat-x;
    border:1px solid #8497BF;
}

div.infoBox p{
    background:url('../../img/information_icon.png') no-repeat top left;
}

div.closeMessageBox{
    background:url('../../img/close.png') no-repeat;
    width:16px;
    height:16px;
    position:absolute;
    top:2px;
    right:2px;
    cursor:pointer;
}
div.centerBox{
    width:95%;
    margin:auto;
}

div.centerContent{
    width:95%;
    margin:auto;
    text-align:center;
}

h2{
    color:#55A31B;
    font-weight:bold;
    font-size:17px;
}

h3{
    color:#626C7C;
    font-weight:bold;
    font-size:17px;
}

h3 b{
    color:#55A31B;
}

div.leftPadding{
    margin-left:30px;
}

div.centerImg{
    margin:30px auto 60px auto;
    max-width:650px;
    text-align:center;
}

div.centerImg a img{
    border:2px solid #626C7C !important;
    width: 100%;
}

div.centerImg h3{
    color:#005C9C;
    font-size:14px;
    font-weight:bold;
    margin-bottom:15px;
}

table.order{
    width:600px;
    border-collapse: collapse;
}

table.order tr td{
}

table.order tr td.stat{
    width:350px;
    color:#55A31B;
}


@media (max-width: 990px) {
    ul#menu {
        float: none;
        margin-left: 20px;
        display: flex;
        flex-direction: column-reverse;
    }  

    ul#menu li.menu {
    flex: 0 0 auto;
        float: none;
        border-bottom: 1px dotted white;
    }

    ul#menu li:first-child {
        border-bottom: 0;
    }

    ul#menu li.menu a {
        color: white;
        background: none!important;
        font-weight:bold;
        height: auto;
        padding-top: 5px;
        padding-bottom: 5px;
        width: 100%;
    }

    li.menu:hover {
        background:none;
    }
}