/* -----------------------------------*/
/* --------->>> MAINPAGE <<<----------*/
/* -----------------------------------*/


/*    LEFT-MENU
    ----------------------------------------------------------------- */

.left-menu {
    overflow: hidden;
    position: relative;
    z-index: 2;
    font-family: 'PFDinDisplayProMediumRegular';
    font-size: 21px;
    line-height: 1;
    margin: 0 0 -9px; padding: 0;
    text-transform: lowercase;
}
.left-menu li {
    background: 0;
    float: left;
    padding: 0 3px 2px;
    margin: 0 76px 0 0;
    border-bottom: 9px solid #000;
}
.left-menu li.left-menu-prove {
    border: 0;
}
.left-menu li.left-menu-prove a {
    background: url("../_img/official/wave.png") 0 100% repeat-x;
    padding-bottom: 23px;
    display: block;
}
.left-menu li.left-menu-prove a span {
    border-bottom: 9px solid #000;
    padding: 0 0 1px;
}
.left-menu li.left-menu-prove a:hover span,
.left-menu li:hover {
    border-color: #CB2421;
}
.left-menu li a:hover {
    text-decoration: none;
}


/*    CONTENT-LEFT-TOP
    ----------------------------------------------------------------- */

.content-left-top {
    position: relative;
    height: 323px;
    z-index: 1;
    margin: 0 0 50px;
}
.content-left-top img {
    position: absolute;
    top: 0; right: 0;
}
.content-left-top div {
    background: url("../_img/official/content-left-top.png") 100% 100% no-repeat;
    width: 551px; height: 204px;
    position: absolute;
    top: 60px; right: 64px;
}
.content-left-top div a {
    height: 90px; width: 545px;
    text-align: center;
    line-height: 82px;
    border: 3px solid #ca2320;
    display: block;
    font-family: 'PFDinDisplayProBold';
    font-size: 72px;
    color: #fff;
}
.content-left-top div a:hover {
    text-decoration: none;
    border-color: #fff;
    color: #fff;
}
.content-left-top-close {
    color: #fff;
    text-decoration: none;
    font-size: 45px;
    padding: 0 0 0 161px;
    position: absolute;
    top: 37px; right: 20px;
    line-height: 1.07;
}
.content-left-top-close:hover {
    text-decoration: none;
    color: #fff;
}
.content-left-top-close:hover strong {
    color: #fff;
}
.content-left-top-close strong {
    font-weight: bold;
    color: #000;
    font-size: 133px;
    position: absolute;
    top: -28px; left: 0;
}
.help-prove {
    background: url("../_img/official/wave.gif") 0 100% repeat-x;
    padding: 0 0 23px;
    position: absolute;
    z-index: 3;
    bottom: 38px; right: 45px;
    font-family: 'PFDinDisplayProMediumRegular';
    font-size: 21px;
    line-height: 1;
    text-transform: lowercase;
}
.help-prove:hover {
    text-decoration: none;
    border-bottom: 9px solid #000;
}
.help-prove:hover span {
    border-color: #CB2421;
}