@import url("reset.css");

body {
    background: url('/images/bg.png') repeat-x top left #e8eaeb;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    margin: 0;
    padding: 0;
}

.clear {
    visibility: hidden;
    clear: both;
    height: 1px;
    font-size: 1px
}

a img {
    border: 0
}

div.srodek {
    width: 980px;
    text-align: left;
    margin: 0 auto
}

div#header {
    background: url('/images/top.jpg') no-repeat top center;
    min-height: 490px
}

div#header .logo {
    margin: 30px 0 0 0;
    float: left
}

div#header div.flagi {
    float: right;
    margin: 0 0px 0 0;
    background: url('/images/flagi-bg.png') no-repeat;
    width: 115px;
    height: 32px;
}

div#header div.flagi ul {
    margin: 7px 0 0 0;
    padding: 0;
    list-style: none
}

div#header div.flagi ul li {
    float: left;
    margin: 0 3px
}

div#menu {
    height: 69px;
    margin-top: -170px;
}

div#menu div.srodek {
    background: url('/images/menu-bg.png') no-repeat top center;
    height: 69px;
    position: relative
}

div#menu ul {
    list-style: none;
    height: 61px;
    margin: 0 0 0 12px;
    padding: 0;
    font-family: 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif;
    font-size: 14pt;
    color: #d4dfe3;
    position: relative;
}

div#menu ul li {
    float: left;
    background: url('/images/menu-left.png') no-repeat top left;
    margin-right: 1px;
    position: relative;
}

div#menu ul li img.dot {
    display: none;
    position: absolute;
    top: 50px;
    left: 49%;
    z-index: 100
}

div#menu ul li a {
    color: #d4dfe3;
    display: block;
    height: 50px;
    padding: 11px 0 0 0;
    background: url('/images/menu.png') repeat-x top right;
    margin: 0 12px;
    text-decoration: none;
    text-shadow: 1px 1px 3px #333
}

div#menu ul li span {
    background: url('/images/menu-right.png') no-repeat top right;
    display: block
}

div#menu ul li:hover {
    float: left;
    background: url('/images/hov-menu-left.png') no-repeat top left;
    margin-right: 1px
}

div#menu ul li:hover a {
    color: #d4dfe3;
    display: block;
    height: 50px;
    padding: 11px 0 0 0;
    background: url('/images/hov-menu.png') repeat-x top right;
    margin: 0 12px;
    text-decoration: underline
}

div#menu ul li:hover span {
    background: url('/images/hov-menu-right.png') no-repeat top right;
    display: block
}

div#menu ul li:hover img.dot {
    display: block;
}

div#menu ul li.active {
    float: left;
    background: url('/images/hov-menu-left.png') no-repeat top left;
    margin-right: 1px
}

div#menu ul li.active a {
    color: #d4dfe3;
    display: block;
    height: 50px;
    padding: 11px 0 0 0;
    background: url('/images/hov-menu.png') repeat-x top right;
    margin: 0 12px;
    text-decoration: underline
}

div#menu ul li.active span {
    background: url('/images/hov-menu-right.png') no-repeat top right;
    display: block
}

div#menu ul li.active img.dot {
    display: block;
}

div#menu div.top {
    background: url('/images/content-top.png') no-repeat;
    height: 19px;
    width: 980px;
    position: absolute;
    bottom: 0;
    left: 0
}

div#content div.content {
    min-height: 700px;
    background: url('/images/content-srodek-bg.png') repeat-x #f9f9f9;
    padding: 10px 20px 30px 20px;
    color: #384d52;
}

div#content ul {
    list-style: disc;
    margin: 0;
    padding: 0 25px;
}

div#content ul li {
    padding: 5px 0;
}

div#content img {
    border: 1px solid #A6B8BE;
    padding: 5px;
    margin: 5px;
}

div#content div.content strong {
    font-weight: bold;
}

div#content div.content h1 {
    font-family: 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif;
    font-size: 26pt;
    font-weight: normal;
    margin: 7px 0
}

div#content div.content h2 {
    font-family: 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif;
    font-size: 22pt;
    font-weight: normal;
    margin: 7px 0
}

div#content div.content h3 {
    font-family: 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif;
    font-size: 19pt;
    font-weight: normal;
    margin: 7px 0
}

div#content div.content h4 {
    font-family: 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif;
    font-size: 16pt;
    font-weight: normal;
    margin: 7px 0
}

div#content div.content h5 {
    font-family: 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    margin: 7px 0
}

div#content div.content h6 {
    font-family: 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    margin: 7px 0
}

div#content div.content p {
    text-align: justify;
    margin: 7px 0
}

div#content div.content div.kolumny-3 div {
    width: 265px;
    float: left;
    border-right: 1px solid #d2d5d7;
    padding: 10px 10px 10px 30px
}

div#content div.content div.kolumny-3 img {
    float: left;
    margin: 0 15px 0 0
}

div#content div.content div.kolumny-3 p {
    margin: 7px 0 7px 109px
}

div#content div.content p strong a {
    color: #0f536f
}

div#content div.content p strong a:hover {
    color: #066fc9
}

div#content div.content p strong a:visited {
    color: #a00297
}

div#content div.content a {
    color: #d13c30
}

div#content div.content div.line {
    background: url('/images/hr.png') no-repeat;
    height: 3px;
    width: 913px;
    margin: 10px auto
}

div#content div.content div.kolumny-2 div {
    width: 465px;
    float: left;
}

div#content div.content div.kolumny-2 img {
    float: left;
}

div#content div.content div.kolumny-2 p {
    margin: 7px 0
}

div#content div.content div.kolumny-2 table {
    width: 90%;
    border-collapse: collapse;
    font-size: 9pt;
    margin-right: 40px
}

div#content div.content div.kolumny-2 table th {
    border: 1px solid #a6b8be;
    background-color: #dddddd;
    padding: 0 7px
}

div#content div.content div.kolumny-2 table td {
    border: 1px solid #a6b8be;
    padding: 0 7px
}

div#content div.content div.kolumny-4 div {
    width: 230px;
    float: left;
    padding: 10px 0;
    font-size: 8pt;
}

div#content div.content div.kolumny-4 div.last {
    width: 200px;
    padding-left: 30px
}

div#content div.content form label {
    font-size: 8pt;
    display: block
}

div#content div.content form input[type="text"] {
    font-size: 8pt;
    border: 1px solid #b5c2c7;
    background: url('/images/input-text.png') no-repeat;
    width: 173px;
    height: 21px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
}

div#content div.content form input.wide[type="text"] {
    background: url('/images/input-text-wide.png') no-repeat;
    width: 500px;
}

div#content div.content form textarea {
    font-size: 8pt;
    border: 1px solid #b5c2c7;
    background: url('/images/textarea.png') no-repeat;
    width: 220px;
    height: 146px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    resize: none;
}

div#content div.content form textarea.wide {
    background: url('/images/textarea-wide.png') no-repeat;
    width: 500px;
}

div#content div.content form input[type="submit"] {
    color: #ffffff;
    width: 91px;
    height: 34px;
    line-height: 34px;
    background: url('/images/button.png') no-repeat top left;
    text-align: center;
    border: 0;
    font-weight: bold
}

div#footer {
    background: url('/images/footer.jpg') repeat-x top left #909191;
    min-height: 122px;
    text-align: center;
    margin-top: -15px;
    color: #ffffff;
    padding-top: 40px;
}

div#footer a {
    color: #ffffff;
    text-decoration: none;
}

div#footer a.active {
    color: #ffffff;
    font-weight: bold;
    text-decoration: underline
}

div#footer p.copyright {
    font-size: 8pt
}

#content p.token img {
    display: block;
    margin: 0 0 5px 0;
}

#content form.form ul.errors {
    color: #D42719;
    font-weight: bold;
    list-style: none;
    margin: 0;
    padding: 0;
}

#content form.form ul.errors li {
    list-style: none;
    padding: 0 0 0 20px;
    margin: 5px 0;
    background: url(/images/message/exclamation.png) no-repeat 0 0px;
    height: 20px;
    color: #D42719;
    vertical-align: middle;
}

/* MESSAGE BOX
-----------------------------------------------------------------------------*/
#content div.message .info, #content div.message .success, #content div.message .warning, #content div.message .error, #content div.message .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding: 10px 10px 10px 40px;
    background-repeat: no-repeat;
    background-position: 5px center;
}

#content div.message {
    margin-bottom: 25px;
}

#content div.message .info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('/images/message/info.png');
}

#content div.message .success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('/images/message/success.png');
}

#content div.message .warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('/images/message/warning.png');
}

#content div.message .error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/images/message/error.png');
}