@charset "utf-8";

/* Strona startowa ****************************************************************************** */
.homePageContents {
    margin-top: -15px;
    margin-bottom: 20px;
}

.homePageContents .title h2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 36px;
}

.homePageContents .steps {
    display: table;
    position: relative;
    padding: 20px 5px;
    width: 1160px;
    background-color: #e1e4ea;
}

.homePageContents .steps .step {
    display: table-cell;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    width: 325px;
}

.homePageContents .steps .step + .step {
    border-left: 2px solid #cfd3da;
}

.homePageContents .steps .step .stepHeader {
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.homePageContents .steps .step .stepHeader .number {
    display: inline-block;
    position: relative;
    margin-right: 20px;
    border-radius: 3px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background-color: #cfd5e2;
    text-align: center;
}

.homePageContents .steps .step .stepContents {
    font-size: 15px;
    margin-bottom: 70px;
}

.homePageContents .steps .step .button {
    position: absolute;
    bottom: 0;
    left: 30px;
}

/* Strona Aktualności *************************************************************************** */
.newsPageContents {
    margin-top: -25px;
}

.newsPageContents .news {
    display: block;
    clear: both;
    margin: 22px 0;
}

.newsPageContents .newsDate {
    display: inline-block;
    margin-top: 8px;
    vertical-align: top;
    color: #404e68;
}

.newsPageContents .newsContents {
    display: inline-block;
    margin-left: 15px;
    vertical-align: top;
}

.newsPageContents .newsContents .newsTitle {
    margin: 5px 0;
    font-size: 20px;
    color: #0071b2
}

.newsPageContents .newsContents .showNewsLongDescription,
.newsPageContents .newsContents .hideNewsLongDescription {
    color: #0071b2;
    cursor: pointer;
}

.newsPageContents .newsContents .showNewsLongDescription:hover,
.newsPageContents .newsContents .hideNewsLongDescription:hover,
.newsPageContents .newsContents .showNewsLongDescription:active,
.newsPageContents .newsContents .hideNewsLongDescription:active {
    color: #00507F;
}

.newsPageContents .newsContents .newsShortDescription,
.newsPageContents .newsContents .newsLongDescription {
    width: 900px;
}

.newsPageContents .newsContents .newsLongDescription {
    margin-top: 15px;
}

.newsPageContents .newsContents .newsLongDescription > p {
    margin: 0;
}

.newsPageContents .newsContents .newsLongDescription > p + p {
    margin-top: 15px;
}

/* Strona Pomoc ********************************************************************************* */
.helpPageContents {
    margin-top: -25px;
}

.helpPageContents .specificHelpPageContents {
    float: right;
    width: 895px;
}

/* Strona Pomoc - FAQ */
.helpPageContents .faq .questionAndAnswer {
    margin: 22px 0;
}

.helpPageContents .faq .question {
    display: inline-block;
    color: #0067A3;
    cursor: pointer
}

.helpPageContents .faq .question:hover,
.helpPageContents .faq .question:active {
    color: #00507F;
}

.helpPageContents .faq .answer {
    margin-top: 5px;
}

/* Strona Pomoc - Słownik */
.helpPageContents .dictionary .index {
    padding-bottom: 20px;
    border-bottom: dotted #e7e7e7;
}

.helpPageContents .dictionary .index > span {
    color: #0067A3;
    cursor: pointer;
}

.helpPageContents .dictionary .index > span:hover,
.helpPageContents .dictionary .index > span:active {
    color: #00507F;
}

.helpPageContents .dictionary .index > span.current {
    font-weight: bold;
}

.helpPageContents .dictionary .index > span + span {
    padding-left: 10px;
}

.helpPageContents .dictionary .contents {
    margin: 20px 0;
}

.helpPageContents .dictionary .termAndDefinition {
    margin: 22px 0;
}

.helpPageContents .dictionary .termAndDefinition .term {
    display: inline-block;
    color: #0067A3;
    cursor: pointer
}

.helpPageContents .dictionary .termAndDefinition .term:hover,
.helpPageContents .dictionary .termAndDefinition .term:active{
    color: #00507F;
}

.helpPageContents .dictionary .termAndDefinition .definition {
    margin-top: 5px;
}

/* Strona Kontakt ******************************************************************************* */
.contactPageContents {
    margin-top: -25px;
}

/* Strona Nota prawna *************************************************************************** */
.lawPageContents {
    margin-top: -25px;
}

/* Strona Regulamin ***************************************************************************** */
.regulationsPageContents {
    margin-top: -25px;
}