@import url('../fonts/roboto_light_cyrillic/stylesheet.css');

body {
    background: url('images/pattern.jpg') 0 0 repeat;
    margin: 0;
    padding: 0;
}

#noscript {
    width: 900px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    border: 1px solid #CC0000;
    background: #FFFFCA;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
}

#pageBgMid {
    display: block;
    margin: 0 auto;
    width: 858px;
    padding-bottom: 715px;     
    background: url('images/pageBgMid.png') 0 0 repeat-y;
    position: relative;
}

#pageBgBottom {
    display: block;
    margin: 0 auto;
    width: 858px;
    height: 59px;    
    background: url('images/pageBgBottom.png') 0 0 no-repeat;
}

#header {
    width: 820px;
    height: 538px;
    margin: 0 auto;
    background: url('images/header.png') 0 0 no-repeat;
    position: relative;
}

a#download {
    display: block;
    width: 248px;
    height: 78px;
    background: url('images/download.png') 0 0 no-repeat;
    position: absolute;
    top: 470px;
    left: 140px;
}
a#download:hover {
    background-position: 0 -78px;
}

a#videoLessBut {
    display: block;
    width: 248px;
    height: 78px;
    background: url('images/videoLessBut.png') 0 0 no-repeat;
    position: absolute;
    top: 470px;
    left: 435px;
}
a#videoLessBut:hover {
    background-position: 0 -78px;
}

a#buttonDetail {
    display: block;
    width: 268px;
    height: 59px;
    background: url('images/buttonDetail.png') 0 0 no-repeat;
    position: absolute;
    top: 405px;
    left: 220px;
}
a#buttonDetail:hover {
    background-position: 0 -59px;
}

#menuLess {
    width: 720px;
    height: 560px;
    margin: 40px auto;
    background: url('images/menuLess.png') 0 0 no-repeat;
    padding-top: 1px;    
}

#menuLess a {
    display: block;
    width: 540px;
    height: 35px;
    margin: 16px auto 0 55px;    
}

#menuLess a:hover {
    background: url('images/roundBlueWhite.png') 17px 11px no-repeat;     
}
#menuLess a.active {
    background: url('images/roundBlue.png') 17px 11px no-repeat;     
}

#text {
    width: 720px;
    height: 164px;
    margin: 40px auto;
    background: url('images/text.png') 0 0 no-repeat;
}

#LrBox {
    width: 720px;
    height: 550px;
    margin: 40px auto -20px auto;
    background: url('images/LrBox.png') top center no-repeat;
    position: relative;
}

#copyright {
    width: 292px;
    height: 13px;
    margin: 8px auto 40px auto;
    background: url('images/copyright.png') top center no-repeat;
}

#fiveColorsDiv {
    display: block;
    width: 820px;
    height: 715px;
    background: url('images/five_colors_bg.jpg') 0 0 no-repeat;
    position: absolute;
    left: 19px;
    bottom: -40px;
}

#fiveColorsBox {
    display: block;
    width: 820px;
    height: 715px;
    background: url('images/five_colors_box.png') -1px 206px no-repeat;
    position: relative;
}

#buttonGet {
    display: block;
    margin: 0 auto;
    width: 310px;
    height: 40px;
    border: 0;
    cursor: pointer;
    background: #94c11a;
    font-family: 'robotolight';
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    position: absolute;
    top: 350px;
    right: 50px;
}

#buttonGet:hover {
    border: 1px solid #fff;
}

.fancybox-inner {
    overflow: visible !important;
}

.fancybox-iframe, .fancybox-wrap {
    width: 1280px !important;
    height: 720px !important;
}

#logo {
    background: url("images/logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 50px;
    left: 330px;
    position: absolute;
    top: 14px;
    width: 165px;
}