/**********************************************************************


    BOX STYLED


**********************************************************************/
.box {
    padding-top: 1px; /* fix marginu u pocitani vysky boxu v js */
    padding-bottom: 50px;
}
.box.question .container,
#result.box .container,
#resultError.box .container {
    margin-top: 50px;
    padding: 0 80px;
}

.box .title {
    text-transform: uppercase;
    font-size: 117%;
    margin: 0 0 38px 0;
    font-weight: inherit;
}
.box .title span {
    font-size: 140%;
}
.box .questionTitle {
    margin: 0 0 60px 0;
    color: #ffffff;
    font-size: 160%;
}

.box .buttons {
    margin: 0;
}
.box .buttons .button {
    margin: 5px 10px;
}


/**********************************************************************


    INTRODUCTION


**********************************************************************/
#introduction {
    background: url('../images/bg-primatorska-kalkulacka.jpg') no-repeat;
}

#introduction .container {
    margin-top: 95px;
}

#introduction .link {
    /*margin: -50px 0 40px 0;*/
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -40px;
}


#introduction .politicalParties {
    margin: 0 auto;
    padding: 0px 0 0 65px;
    /*width: 1150px;*/
}
#introduction .politicalParties .item {
    /*float: left;*/
    display: inline-block;
    margin: 0 0 0 -50px;
    padding: 0 55px 0 0;
    /*width: 165px;*/
    width: 145px;
    /*background: url('../images/politicalParties-shadow.png') no-repeat 40px 11px;*/
    background: url('../images/politicalParties-shadow-new.png') no-repeat 34px 11px;
    position: relative;
}
#introduction .politicalParties .item.first {
    margin: 0;
}
#introduction .politicalParties .item:after {
    content: 'nebo';
    position: absolute;
    /*top: 154px;*/
    top: 134px;
    left: -28px;
    color: #5aa6e2;
    font-size: 85%;
}
#introduction .politicalParties .item.first:after {
    display: none;
}


#introduction .politicalParties .item .name {
    background: url('../images/politicalParties-bg-new.png') no-repeat 0 0;
    padding: 154px 0 0 0;
    /*padding: 174px 0 0 0*/;
    display: block;
    font-size: 100%;
    margin: 0.5em 0;
}

#introduction .politicalParties .item.top09 .name {
    background-position: 0 0;
}
#introduction .politicalParties .item.top09:hover .name {
    background-position: -290px 0;
}

#introduction .politicalParties .item.ods .name {
    background-position: 0 -240px;
}
#introduction .politicalParties .item.ods:hover .name {
    background-position: -290px -240px;
}

#introduction .politicalParties .item.cssd .name {
    background-position: 0 -480px;
}
#introduction .politicalParties .item.cssd:hover .name {
    background-position: -290px -480px;
}

#introduction .politicalParties .item.kscm .name {
    background-position: 0 -720px;
}
#introduction .politicalParties .item.kscm:hover .name {
    background-position: -290px -720px;
}

#introduction .politicalParties .item.ano2011 .name {
    background-position: 0 -960px;
}
#introduction .politicalParties .item.ano2011:hover .name {
    background-position: -290px -960px;
}

#introduction .politicalParties .item.kducsl .name {
    background-position: 0 -1200px;
}
#introduction .politicalParties .item.kducsl:hover .name {
    background-position: -290px -1200px;
}

#introduction .politicalParties .item.szelena .name {
    background-position: 0 -1440px;
}
#introduction .politicalParties .item.szelena:hover .name {
    background-position: -290px -1440px;
}

#introduction .politicalParties .item.stan .name {
    background-position: 0 -1680px;
}
#introduction .politicalParties .item.stan:hover .name {
    background-position: -290px -1680px;
}



/**********************************************************************


    RESULT


**********************************************************************/
#result {

}
#result .title {
    text-transform: uppercase;
    font-size: 160%;
    margin: 0 0 25px 0;
    font-weight: normal
}
#result .resultTitle {
    margin: 0 0 25px 0;
    color: #ffffff;
    font-size: 300%;
}

#result .compliance {
    background: #20469d;
    color: #fff;
    height: 46px;
    line-height: 46px;
    margin: 0 0 38px 0;
    padding: 0 20px;
    display: inline-block;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
}

#result .result {
    background: url('../images/politicalParties-result-shadow.png') no-repeat 50% 0;

}
#result #shareResult {
    margin: 0;
    padding: 0;
    height: 213px;
    position: relative;
}
/*
#result #shareResult .left {
    float: left;
    margin: 55px 50px 0 0;
    padding: 0;
    width: 520px;
    text-align: right;
}
#result #shareResult .right {
    float: right;
    margin: 55px 0 0 50px;
    padding: 0;
    width: 520px;
    text-align: left;
    position: relative;
}
*/
#result #shareResult .left {
    position: absolute;
    top: 55px;
    right: 50%;
    margin: 0 125px 0 0;
    padding: 0;
}
#result #shareResult .right {
    position: absolute;
    top: 55px;
    left: 50%;
    margin: 0 0 0 125px;
    padding: 0;
}


/* images */
#result.JK #shareResult {
    background: url('../images/politicalParties-result-bg-new.png') no-repeat 50% 0;
}
#result.KL #shareResult {
    background: url('../images/politicalParties-result-bg-new.png') no-repeat 50% -1200px;
}
#result.PV #shareResult {
    background: url('../images/politicalParties-result-bg-new.png') no-repeat 50% -960px;
}
#result.RO #shareResult {
    background: url('../images/politicalParties-result-bg-new.png') no-repeat 50% -480px;
}
#result.JD #shareResult {
    background: url('../images/politicalParties-result-bg-new.png') no-repeat 50% -1440px;
}
#result.HS #shareResult {
    background: url('../images/politicalParties-result-bg-new.png') no-repeat 50% -720px;
}
#result.FV #shareResult {
    background: url('../images/politicalParties-result-bg-new.png') no-repeat 50% -240px;
}
#result.IM #shareResult {
    background: url('../images/politicalParties-result-bg-new.png') no-repeat 50% -1680px;
}


#result .complianceTitle {
    color: #ffffff;
    font-size: 135%;
    margin: 0 0 28px;
}

#result .politicalParties {
    margin: 0 auto;
    padding: 0 0 0 65px;
    width: 755px;
}
#result .politicalParties .item {
    float: left;
    margin: 0 0 0 -55px;
    padding: 0 65px 20px 0;
    width: 90px;
    background: url('../images/politicalParties-small-shadow.png') no-repeat 0 0;
    position: relative;
}
#result .politicalParties .item.first {
    margin: 0;
}

#result .politicalParties .item .number {
    background: url('../images/politicalParties-small-new.png') no-repeat 0 0;
    padding: 88px 0 0 0;
    display: block;
    font-size: 82%;
}

#result .politicalParties .item.JK .number {
    background-position: 0 0;
}
#result .politicalParties .item.KL .number {
    background-position: 0 -600px;
}
#result .politicalParties .item.PV .number {
    background-position: 0 -480px;
}
#result .politicalParties .item.RO .number {
    background-position: 0 -240px;
}
#result .politicalParties .item.JD .number {
    background-position: 0 -720px;
}
#result .politicalParties .item.HS .number {
    background-position: 0 -360px;
}
#result .politicalParties .item.FV .number {
    background-position: 0 -120px;
}
#result .politicalParties .item.IM .number {
    background-position: 0 -840px;
}