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

*.font-green { color: #008000 }

*.font-orange { color: #F0AD4E }

*.font-grey { color: #777777 }

*.font-red { color: #ff0000 }

*.font-black { color: #000000 !important;}

*.i { font-style: italic }

*.left { text-align: left }

*.center { text-align: center }

*.margin-bottom-60 { margin-bottom: 60px !important }
*.margin-top-15 { margin-top: 15px !important }
*.margin-top-30 { margin-top: 30px !important }
*.margin-top-40 { margin-top: 40px !important }
*.margin-top-60 { margin-top: 60px !important }

div.order-box p.no-bold,
th.no-bold { font-weight: normal }
td.bold {font-weight: bold}

*.no-margin { margin: 0px 0px 10px 0px }

*.no-margin-bottom { margin: 0px }

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

*.red { color: #ff0000 }

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

*.right-box { float: right }

*.u { text-decoration: underline }

.email-label {
    background-color: #e3e3e3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 4px
}

a { color: #0051a5 }

a.b { font-weight: bold }

a.bookmark { color: #000000 }

.client-group {
    background-color: #fafafa;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    float: left;
    margin: 8px;
    padding: 10px 5px;
    text-align: center;
    width: 30%;
}

.client-group div {
    margin-top: 15px
}

.client-row {
    clear: both
}

a.client-tile {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #000;
    display: inline-block;
    margin: 5px;
    width: 90px;
}

.client-tile img {
    width: 100%
}

.partners-box {
    border-top: 3px solid #ddd;
    margin-top: 60px
}

.partners-box h2 {
    color: #888;
    margin-bottom: 30px;
    text-align: center
}

a.file-format {
    background-color: #1a9a14;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    margin-left: 4px;
    padding: 2px 4px;
    text-decoration: none
}

a.logo-small, a.logo-large {
    color: #000000;
    font-size: 21px;
    font-weight: bold;
    text-decoration: none;
}

a.logo-large { font-size: 28px }

a.logo {
    display: block
}

a.logo img { border: 0px }

a.menu-item {
    color: #ffffff;
    font-size: 14px;
    text-decoration: none
}

a.menu-item:hover { text-decoration: underline }

a.navi-bar-selected {
    color: #000000;
    text-decoration: none
}

a.page-switch {
    background-color: #f3f3f3;
    border: 1px solid #cccccc;
    color: #444444;
    font-weight: bold;
    padding: 3px;
    text-decoration: none
}

a.panel-button {
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none
}

a.green-button {
    border: 1px solid #4cae4c;
    background-color: #5cb85c;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    padding: 6px 12px;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px
}

body {
    background-color: #f3f3f3;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    margin: 0px
}

button {
    border: 1px solid #4cae4c;
    background-color: #5cb85c;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    padding: 6px 12px;
    text-decoration: none;
    cursor: pointer;
}

button:active {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

button:hover {
    background-color: #449d44;
    border-color: #398439;
}

button.default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

button.default:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
}

button.orange-button {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

button.orange-button:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

button[disabled="disabled"] {
    opacity: .65;
}

button[name="akcja"] {
    font-size: 14px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif
}

button.big-button {
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    min-width: 200px
}

button.small-button {
    font-size: 14px;
    font-weight: normal;
}

button.partner-box-button {
    background-color: #C92B5C;
    background-color: #1A9A14;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-top-bottom-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-top-radius: 8px;
    -khtml-border-radius-topright: 8px;
    -khtml-border-radius-topleft: 8px;
    -khtml-border-radius-bottomright: 8px;
    -khtml-border-radius-bottomleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    color: #ffffff;
    font-size: 18px;
    height: 35px;
    margin-top: 20px;
    width: 150px
}

div#fgtps, div#ivbox, div#vtbox { display: none }

div#ivbox, div#vtbox { padding-top: 10px }

div#gmap {
    height: 500px;
    width: 500px
}

div#barpa, div#barpm, div#bapkd {
    margin: 20px 0px 20px 0px;
}

div#barpa div, div#bapkd div { margin-bottom: 10px }

div.adv-box-top {
    margin: 50px 0px 20px 0px;
    width: 100%;
    z-index: 2
}

div.adv-box-top div {
    margin: auto;
    text-align: center
}

div.message-box {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 20px 0px;
    padding: 10px 15px;
    font-size: 14px
}

div.message-box p {
    margin: 7px 0px
}

div.danger-box {
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    color: #a94442;
}

div.danger-box {
    color: #843534;
}

div.danger-box a {
    color: #491217;
}

div.success-box {
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    color: #3c763d;
}

div.success-box a {
    color: #2b542c;
}

div.warning-box {
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    color: #8a6d3b;
}

div.warning-box a {
    color: #66512c;
}

div.notice {
    font-weight: bold;
    margin-top: 10px;
    padding: 3px 10px 3px 10px
}

div.notice a { color: #ff0000 }

div.rectangle-bottom { margin: 0px 0px 0px 0px }

div.rectangle-bottom img[alt=""] { position: absolute }

div.rectangle-bottom-center { margin: 0px 35px 0px 35px }

div.about-page h3 {
    color: #3377b2;
    font-size: 18px;
    font-weight: normal;
}

div.about-page h3 .bookmark {
    color: #3377b2;
}

div.about-page h4 {
    border-bottom: 3px solid #3377b2;
    font-size: 24px;
    font-weight: 900;
    padding: 5px 0px;
}

div.about-page h4 .bookmark {
    color: #3377b2;
}

div.about-page h5 {
    color: #888;
    font-size: 14px;
    margin: 15px 0px
}

div.access-box {
    background-color: #f3f3f3;
    border: 2px solid #4682b4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 30px;
    padding: 5px 20px 5px 20px
}

/*div.billboard-bottom {
    margin: 30px 0px 0px 0px;
    padding-top: 5px
}*/

div.adv-box-bottom {
    border-top: 2px dotted #aaaaaa;
    clear: both;
    margin-top: 30px;
    padding: 40px 0px 20px 0px
}

div.branch { margin: 3px 0px 3px 0px }

div.clear {
    clear: both;
    overflow: hidden
}

div.entry-body { padding: 10px 0px 0px 0px }

div.entry-body p { text-align: justify }

div.entry-footer { padding: 10px 10px 0px 10px }

div.entry-head {
    border-right: 5px solid #aaaaaa;
    border-top: 5px solid #aaaaaa;
    padding: 10px 0px 10px 0px;
}

div.footer-bar {
    padding: 15px;
    text-align: center
}

div.grey-box {
    background-color: #f3f3f3;
    -webkit-border-top-right-radius: 12px;
    -webkit-border-top-bottom-radius: 12px;
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-top-radius: 12px;
    -khtml-border-radius-topright: 12px;
    -khtml-border-radius-topleft: 12px;
    -khtml-border-radius-bottomright: 12px;
    -khtml-border-radius-bottomleft: 12px;
    -moz-border-radius-topright: 12px;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-bottomright: 12px;
    -moz-border-radius-bottomleft: 12px;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    font-size: 13px;
    margin: 20px 0px 20px 0px;
    padding: 15px
}

div.grey-box-bottom, div.grey-box-left, div.grey-box-right  {
    float: left;
    font-size: 13px;
    margin: 0px 0px 10px 0px;
    padding: 10px 10px 0px 10px;
    width: 47%
}

div.grey-box-bottom {
    float: none;
    padding-bottom: 10px;
    width: 99%
}

div.grey-box-left { margin-right: 10px }

div.grey-box-left, div.grey-box-right { min-height: 115px }

div.grey-box-wide {
    background-color: #fafafa;
    padding: 10px;
    font-size: 14px
}

div.header-bar {
    background-color: #3377b2;
}

div.header-logo {
    padding: 10px 0px 10px 0px;
}

div.img-bordered {
    margin-left: 10px
}

div.img-bordered img {
    width: 150px
}

div.left-box { float: left }

div.menu-item {
    background-color: #3377b2;
    float: left;
    padding: 3px 8px 3px 8px;
    border-right: 2px solid #ffffff;
}

div.menu-item-selected { background-color: #5596cf }

div.msg-box  {
    font-weight: bold;
    margin: 30px 0px 30px 0px;
    padding: 5px 10px 5px 10px;
    text-align: center;
    width: 750px
}

div.navi-bar {
    font-size: 14px;
    font-weight: bold
}

div.page {
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px #ccc;
    margin: auto;
    padding: 0px 30px;
    width: 980px;
}

div.page-body {}

div.page-body-content {
    /*float: left;*/
    margin-top: 30px;
    /*padding-right: 20px;
    width: 780px*/
}

div.page-footer {
    border-top: 3px solid #999999;
    margin-top: 30px
}

div.page-header {}

div.page-switch-bar {
    margin: 40px 0px 20px 0px;
    text-align: center
}

div.panel-actions-buttons {
    margin-top: 5px
}

div.panel-button-main {
    background-color: #880000;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-radius-topright: 5px;
    -khtml-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 4px 10px 3px 10px;
    float: left;
    margin-right: 3px
}

div.panel-button-main-selected { background-color: #e80000 }

div.panel-buttons {
    border-bottom: 4px solid #e80000;
    margin-top: 5px
}

div.partner-box {
    background-color: #f3f3f3;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-top-bottom-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-top-radius: 8px;
    -khtml-border-radius-topright: 8px;
    -khtml-border-radius-topleft: 8px;
    -khtml-border-radius-bottomright: 8px;
    -khtml-border-radius-bottomleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    margin: 30px 0px 10px 0px;
    padding: 8px
}

div.partner-box-text { line-height: 20px }

div.partner-box-container { /*margin-top: 20px*/ }

div.partner-box-element {
    background-color: #ffffff;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-bottom-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-top-radius: 5px;
    -khtml-border-radius-topright: 5px;
    -khtml-border-radius-topleft: 5px;
    -khtml-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    min-height: 180px;
    padding: 10px;
    width: 47%;
    position: relative
}

div.partner-box-narrow { width: 500px; margin-left: auto; margin-right: auto }

div.partner-box-element-wide { width: 470px }

div.popup-box {
    background-color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    left: 50%;
    margin: auto;
    margin: -250px 0px 0px -320px;
    padding: 20px;
    position: fixed;
    top: 50%;
    width: 600px;
    z-index: 4
}

div.popup-box p {
    margin-bottom: 24px
}

div.login-box, div.sms-box {
    background-color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 430px;
    left: 50%;
    margin: auto;
    margin: -210px 0px 0px -200px;
    position: fixed;
    top: 50%;
    width: 400px;
    z-index: 4
}

div.sms-box {
    height: 280px;
    margin-top: -150px;
}

div.login-box iframe, div.sms-box iframe {
    border: 0px;
    height: 100%;
    width: 100%
}

div#lgbx { display: none }

div#smbx { display: none }

div.half-box {
    margin-right: 20px;
}

div.half-box td {
    max-width: 150px;
    overflow: hidden
}

div.order-box input[type=text], div.order-box textarea {
    width: 280px
}

div.order-box p {
    font-weight: bold;
    margin-bottom: 5px
}

div.product {
    margin-top: 15px;
}

div.order-box p:first-child {
    margin-top: 0px
}

div.popup-background {
    background-color: #000000;
    filter: alpha(opacity=60);
    height: 100%;
    left: 0px;
    opacity: 0.6;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 3
}

table.partner-box-info tr { height: 38px }

table.partner-box-info th { padding: 1px 6px 1px 1px }

table.partner-box-info td div { margin-bottom: 2px }

label { position: relative; top: -2px }

div.right-button {
    float: right;
    padding: 0px 0px 20px 0px;
    text-align: right
}

div.search-field {
    margin-top: 5px
}

div.search-item {
    margin: 20px 0px 20px 10px;
}

div.search-item-desc {
    margin-top: 10px
}

div.search-item-meta {
    color: #888888;
    font-size: 11px;
    margin-top: 3px
}

div.search-item-title {
    font-size: 16px;
    padding: 5px 0px 5px 0px
}

div.search-numbers label {
    margin-right: 15px
}

div.adv-box-side {
    float: right;
    margin-right: 10px;
    padding: 5px;
    text-align: left;
    width: 160px
}

div.hidden { display: none }

div.visible { display: block }

div.wpis-wpisac-linia {
    border-top: 4px solid #66cc00;
    margin-bottom: 5px;
    width: 330px
}

div.wpis-wykreslic-linia {
    border-top: 4px solid #ff0000;
    margin-bottom: 5px;
    width: 330px
}

div.wpis-krs {
    background-color: #fcf8e3;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 3px;
}

div.wpis-podmiot {
    font-size: 15px;
    padding: 5px 0px 5px 0px
}

div.wpis-pozycja {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 3px
}

div.wpis-sad {
    font-size: 14px;
    padding: 5px 0px 5px 0px
}

div.wpis-subskrypcja {
    font-weight: bold;
    margin-right: 1px;
    position: relative;
    top: -10px;
}

div.wpis-sygnatura {
    background-color: #aaaaaa;
    color: #ffffff;
    padding: 2px 5px 2px 0px;
    text-align: right
}

form { margin: 0px }

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600
}

h1 {
    font-size: 22px;
    margin: 40px 0px 10px 0px
}

h2 {
    font-size: 18px;
    margin: 30px 0px 10px 0px
}

h3 {
    font-size: 16px;
    margin: 20px 0px 15px 0px
}
h3.partner-box-head {
    color: #1A9A14;
    font-size: 14px
}

h3.margin-top { margin-top: 40px }
h4.margin-top { margin-top: 30px }

h4 {
    font-size: 14px;
    margin: 10px 0px 15px 0px
}

h4.ba-form { margin-top: 40px }

h4.wpis-wpisac {
    background-color: #66cc00;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-radius-topleft: 10px;
    -khtml-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #ffffff;
    margin: 10px 0px 0px 10px;
    padding-top: 4px;
    text-align: center;
    width: 110px;
}

h4.wpis-wykreslic {
    background-color: #ff0000;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-radius-topleft: 10px;
    -khtml-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #ffffff;
    margin: 10px 0px 0px 10px;
    padding-top: 4px;
    text-align: center;
    width: 110px;
}

h4.wpis-wykreslenie {
    background-color: #ff0000;
    color: #ffffff;
    padding: 2px 0px 2px 10px;
}

h5 {
    font-size: 13px;
    margin: 3px 0px 3px 0px;
}

h5.search-header {
    margin-bottom: 10px;
    text-decoration: underline;
}

hr {
    background-color: #ccc;
    border: 0px;
    height: 2px;
    margin: 30px 0px
}

div.user-profile {
    margin: 30px auto 50px auto;
    width: 90%
}

table.pricing td {
    background-color: #f3f3f3;
    font-size: 13px;
    padding: 2px 5px 2px 10px;
    text-align: center;
    width: 50%
}

table.lu-pricing td {
    width: 20%
}

table.lu-pricing th,
table.lu-pricing td {
    padding: 10px 5px 10px 10px !important;
}

table.params-table th,
table.params-table td {
    padding-bottom: 20px
}

table.pricing td:first-child {
    text-align: left
}

table.pricing th {
    background-color: #999;
    color: #fff;
    font-size: 13px;
    padding: 2px 5px 2px 10px;
    text-align: center
}

table.pricing th:first-child {
    text-align: left
}

table.services td {
    background-color: #f3f3f3;
    font-size: 13px;
    padding: 2px 5px 2px 10px;
    text-align: right
}

table.services td:first-child {
    text-align: left
}

table.services th {
    background-color: #999;
    color: #fff;
    font-size: 13px;
    padding: 2px 5px 2px 10px;
    text-align: right
}

table.services th:first-child {
    text-align: left
}

table.services tr.disabled {
    display: table-row
}

table.services tr.highlight td {
    background-color: #e3e3e3
}

table.services tr.highlight td:first-child {
    font-weight: bold
}

table.user-profile th {
    background-color: #f3f3f3;
    font-size: 13px;
    padding: 2px 5px 2px 10px;
    text-align: right
}

table.user-profile th {
    background-color: #999;
    color: #ffffff;
    font-size: 13px;
    padding: 2px 5px 2px 10px;
    text-align: right
}

table.user-profile th:first-child {
    background-color: #dddddd;
    color: #000000;
    font-weight: normal;
    text-align: left;
    width: 50%
}

table.user-profile th.empty { background-color: #ffffff }

img { border: 0px }

img.right-frame { margin: 0px 0px 15px 15px }

img.rss-icon {
    position: relative;
    left: 2px;
    margin-right: 4px;
    top: 3px
}

input { margin: 0px 3px 0px 0px }

input[type="text"], input[type="password"], select {
    border: 1px solid #bbbbbb;
    padding: 2px
}

input[type="text"] { width: 230px }

input[name="nadawca"], input[name="adres"], input[name="temat"] { width: 350px }

input[name="tekst"], input[name="nazwa"] { width: 440px }

input[name="q"] { width: 580px }

input[name="email"], input[name="phone"], input[type="password"],
form#account-form input[type="text"]  { width: 190px }

form#contact-form input[type="text"]  { width: 230px }

form#contact-form  .contact-form-topic td { padding-top:30px }

input.big-input {
    padding: 5px;
    width: 30%
}

input.short { width: 30px }

input.medium { width: 60px }

ol, ul { line-height: 20px }

ol ol li { margin: 7px 0px 9px 0px }

ol.regulamin > li {
    font-size: 16px;
    font-weight: bold;
    list-style-type: upper-roman;
    margin-top: 30px
}

ol.regulamin ol {
    font-size: 13px;
    font-weight: normal
}

ol.regulamin ul { margin: 5px 0px 0px 0px }

ol.regulamin ul li { list-style-type: square !important }

p { line-height: 17px }

div#disabled_services_info {
    display: block
}

p.margin-top-15 { margin-top: 30px }

div.footer-notice {
    background-color: #f3f3f3;
    color: #888;
    font-size: 12px;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
}

div.footer-notice p:first-child { margin-top: 0px }
div.footer-notice p:last-child { margin-bottom: 0px }

p.login-box {
    margin: 0px;
    padding: 0px
}

.regon-nip {
    background-color: #ffffdd;
    padding: 5px 3px
}

p.tip { margin: 3px 0px 1px 0px }

select { padding: 1px }

select[name="rok"] {
    width: 60px
}

select[name="data_od_dzien"], select[name="data_do_dzien"] {
    width: 45px
}

select[name="data_od_rok"], select[name="data_do_rok"] {
    width: 60px
}

select[name="sekcje[]"] {
    height: 200px;
    width: 100%
}

span.grey-box {
    background-color: #dddddd;
    cursor: default;
    padding: 1px 5px 1px 5px
}

span.page-switch-selected {
    background-color: #dddddd;
    border: 1px solid #cccccc;
    font-weight: bold;
    padding: 3px;
}

span.popup-cross {
    color: #aaa;
    cursor: pointer;
    font-size: 25px;
    font-weight: 700;
    line-height: 1;
}

strong.green-box, strong.orange-box {
    background-color: #91d320;
    color: #ffffff;
    cursor: default;
    padding: 1px 4px 1px 4px
}

strong.orange-box { background-color: #ff6600 }

table.left-form { width: 100% }

table.left-form input[type="text"] { width: 220px }

table.left-form select { width: 226px }

table.left-form textarea { width: 222px }

table.left-form th { width: 200px }

table.left-form td { padding-bottom: 5px }

table.left-form td.margin-top { padding-top: 15px }

table.left-form tr { vertical-align: top }

table {
    margin-bottom: 10px;
    width: 100%
}

table.ba-form, table.ba-form-small { margin: 10px 0px 10px 0px }

table.ba-form tr, table.ba-form-small tr { vertical-align: top }

table.ba-form-small input[type="checkbox"] {
    left: -7px;
    position: relative
}

table.ba-form table.ba-form { width: 650px }

table.ba-form select, table.ba-form-small select { min-width: 200px }

table.ba-form th { text-align: left }

table.ba-form table.ba-form th.short { width: 90px }

table.ba-form table.ba-form td, table.ba-form table.ba-form th { padding: 5px }

div#bapkd th:first-child { width: 7% }

table.ba-form-small th { font-weight: normal }

table.ba-form tr, table.ba-form-small tr { height: 30px }

table.dark td, table.dark th {
    background-color: #f3f3f3;
    font-size: 13px;
    padding: 5px;
    text-align: left
}

table.dark th {
    background-color: #ddd;
    font-weight: bold;
    width: 290px;
}

table.dark th.short, table.ba-form th.short {
    width: 15px
}

table.light td {
    padding: 2px 2px 2px 10px;
    width: 100%
}

table.light th {
    /*background-color: #f3f3f3;*/
    font-weight: normal;
    padding: 2px;
    white-space: nowrap;
    width: auto
}

table.panel {
    border: 1px solid #ffffff;
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom: 30px
}

table.panel td {
    background-color: #f3f3f3;
    border: 2px solid #ffffff;
    font-size: 13px;
    padding: 3px 5px 3px 5px;
}

table.panel td.text { padding: 5px 5px 5px 5px }

table.panel th {
    background-color: #888888;
    border: 2px solid #ffffff;
    color: #ffffff;
    font-size: 13px;
    width: 30%;
    text-align: left;
    padding: 3px 5px 3px 5px;
}

table.panel th.narrow {
    width: auto
}

th.login-box { white-space: nowrap }

div#bapks {
    background-color: #ffffff;
    border: 5px solid #bbbbbb;
    height: 250px;
    left: 50%;
    margin: -125px 0px 0px -350px;
    position: fixed;
    top: 50%;
    width: 700px;
    z-index: 2
}

div#bapks div {
    background-color: #bbbbbb;
    border-bottom: 3px solid #bbbbbb;
}

div#bapks button {
    float: right;
    margin-left: 5px;
    width: 60px
}

div#bapks iframe {
    border: none;
    height: 220px;
    width: 100%
}

textarea[name="tresc"] {
    border: 1px solid #bbbbbb;
    height: 200px;
    width: 450px;
}

th { padding-right: 10px }

th.font-normal { font-weight: normal }

th.wide, td.wide { width: 100% }

tr { vertical-align: top }

tr.middle { vertical-align: middle }

ul {
    margin: 20px 0px 20px 0px;
    padding-left: 30px
}

ul.search-links { margin-bottom: 30px }

ul li {
    list-style-type: square;
    margin: 8px 0px 10px 0px
}

.double-margin { margin: 30px 0px 30px 0px }

.entry .left-box {
    font-size: 90%;
    width: 60%
}

.entry h4 {
    color: #337ab7;
    margin-top: 0px;
}

.entry h4 > a {
    color: #337ab7;
    text-decoration: none
}

.entry p {
    margin: 0px
}

.entry .btn {
    background-color: #1A9A14;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    margin-top: 15px;
    padding: 6px 12px;
    text-decoration: none;
}

.entry .font-green {
    color: #1A9A14
}

.page-body-content > h1, .about-page > h1 {
    margin-bottom: 30px
}

.grey-box-left > p:first-child  {
    margin-top: 0px
}

div.yellow-box {
    background-color: #fdf7d3
}

div.yellow-box .logo-box {
    float: left;
    padding-right: 15px;
    width: 20%
}

div.yellow-box .text-box {
    float: left;
    width: 78%
}


#wojewodztwo, #powiat {
    min-width: 170px
}

#promocja_div {
    margin: 20px -15px
}

#lead-box-success {
    display: none
}

#inny-temat {
    display: none;
    margin-top: 5px
}

div.tree-multiselect div.title {
    background-color: #eee !important;
    color: #333 !important
}

/* dla PHONE */
/* Landscape */
@media only screen and (max-device-width: 568px) {
    textarea[name="tresc"] {
        width: 230px;
    }
}

.product-button {
    background-color: #66aae5; /*#3377b2;*/
    background-color: #eee; /*#3377b2;*/
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #333;
    cursor: pointer;
    display: inline-block;
    padding: 10px 0px;
    text-align: center;
    vertical-align: middle;
    width: 18%;
    margin: 5px 1px 5px 1px
}

.product-button:hover, .product-button:focus {
    background-color: #286090;
    border-color: #66aae5;
    color: #fff;
}

.toggle-radio {
    display:none
}

.toggle-radio:checked + .product-button {
    background-color: #286090;
    border-color: #66aae5;
    color: #fff;
}

#order-wizard-2, #order-wizard-3, #order-wizard-4 { display: none }
.options-list { display: none }

table h6 { font-size:16px}

table.z4y13 {
    background-color: #fff;
}
table.z4y13 tr {
    border: 1px solid lightgray;
}
table.z4y13 th,
table.z4y13 td {
    vertical-align: middle;
    padding: 16px;
    line-height: 1.25;
}
table.z4y13 th {
    font-weight: normal;
    width: 20%;
}

table.z4y13 th h6 {
    font-weight: bold;
    line-height: 1.25;
    color: #333;
    margin: 0;
}
table.z4y13 td {
    border-left: 1px solid lightgray;
    text-align: center;
}
table.z4y13 tr > *:first-child {
    background: #f0f2f5;
}
table.z4y13 td p {
    margin: 0;
    line-height: 1.25;
}
table.z4y13 thead th {
    text-align: center;
    color: #2571ab;
    font-size: 24px;
    font-weight: bold;
}
table.z4y13 tbody th {
    text-align: left;
    color: #575a66;
}
table.z4y13 tbody tr:nth-child(n+2) td:nth-child(2) {
    border-left: 0;
}

table.z4y13 thead tr:first-child th:first-child,
table.z4y13 tbody tr:first-child th:first-child {
    background: white;
}
table.z4y13 thead tr:first-child {
    border: 0;
}
table.z4y13 thead tr:first-child th {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
table.z4y13 thead tr:first-child th:first-child {
    border-top: 0;
}
table.z4y13 tbody tr:first-child {
    border-left: 0;
}

table.z4y13 tr.fstrw > * {
    padding-top: 32px;
}
table.z4y13 tr.lstrw > * {
    padding-bottom: 32px;
}

table.z4y13 ul {
    list-style-position: inside;
}

table.z4y13 ul.filetypes {
    font-size: 10px;
    padding: 0;
    list-style: none;
    list-style-position: inside;
}
table.z4y13 ul.filetypes li {
    line-height: 1.5;
    margin: 0;
}

span.check {
    color: #fff;
    display: inline-block;
    font-weight: bold;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: #2571ab;
}

span.check span {
    position: relative;
    top: 3px
}

span.arrow-down {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url(/layout/arrow_down.svg) no-repeat center / 16px;
    position: relative;
    top: 3px;
}

table.z4y13 .price-year {
    font-size: 18px;
    color: #2571ab;
    font-weight: bold;
}

.brdt0 {
    border-top: 0 !important;
}
.brdb0 {
    border-bottom: 0 !important;;
}
.brdy0 {
    border-top: 0 !important;;
    border-bottom: 0 !important;;
}

/* Tipbox */

.tipbox {
    position: relative;
    top: -1px;
    left: 2px;
    display: inline-block;
    color: #575a66;
    text-align: center;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #cccccc;
}
.tipbox span:first-child {
    display: block;
    line-height: 15px;
    font-size: 10px;
    font-weight: bold;
}
.tipbox span:last-child {
    text-align: left;
    position: absolute;
    display: none;
    font-size: 10px;
    line-height: 1.125;
    background: #1a1b1f;
    color: white;
    width: 200px;
    left: -4px;
    bottom: 24px;
    padding: 8px;
}
.tipbox:hover span:last-child {
    display: block;
}
.tipbox:hover {
    background: #2571ab;
    border-color: #2571ab;
    color: #fff;
}
.tipbox span:last-child:after {
    position: absolute;
    bottom: -6px;
    left: 6px;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: #1a1b1f transparent transparent transparent;
}

.responsive td { width: 50% }

.fields-list {
    background-color: #eee;
    padding: 15px;
    overflow: hidden;
    height: 100px
}

.fields-list-expanded {
    overflow: auto;
    height: auto;
}

.fields-list-toggle-bar {
    text-align: center;
    cursor: pointer;
    background-color: #aaa;
    color: #fff;
    padding: 5px
}

#offer-1-table, #offer-2-table {
    display: none
}

.entity-element {
    border: 2px solid #aaa;
    padding: 10px 10px 0px 10px;
    margin: 20px 0px;
}