@font-face {
    font-family: 'flat';
    src: url('/sppi/template/font/flat.eot?18613822');
    src: url('/sppi/template/font/flat.eot?18613822#iefix') format('embedded-opentype'),
    url('/sppi/template/font/flat.woff?18613822') format('woff'),
    url('/sppi/template/font/flat.ttf?18613822') format('truetype'),
    url('/sppi/template/font/flat.svg?18613822#flat') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: 'flat';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
}

.icon-attention:before { content: '\e809'; } /* '' */
.icon-mail:before { content: '\e80a'; } /* '' */
.icon-ok:before { content: '\e802'; } /* '' */
.icon-lock:before { content: '\e80f'; } /* '' */
.icon-comment-alt:before { content: '\e80b'; } /* '' */
.icon-up:before { content: '\e80c'; } /* '' */
.icon-help-circled:before { content: '\e804'; } /* '' */
.icon-desktop:before { content: '\e803'; } /* '' */
.icon-mobile:before { content: '\e807'; } /* '' */
.icon-thumbs-up-alt:before { content: '\e800'; } /* '' */
.icon-thumbs-down-alt:before { content: '\e801'; } /* '' */
.icon-skype:before { content: '\e808'; } /* '' */
.icon-icq:before { content: '\e80e'; } /* '' */
.icon-user:before { content: '\e805'; } /* '' */
.icon-mobile-1:before { content: '\e806'; } /* '' */
.icon-clock:before { content: '\e80d'; } /* '' */

html,body
{
    height: 100%;
    min-height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    font: 12px/20px Verdana, 'PT Sans';
    #font: 14px/20px 'PT Sans';
    color: #000;
    min-width: 960px;
    background: #f1f3ee;
}

.main
{
    position: relative;
    width: 920px;
    margin: 0 auto;
    padding: 0 20px;
}

a { color: #0095ff; }

.both { position: relative; font-size: 13px; }

.both:after { clear: both; display: table; content: ''; }

.both.ramka { border: #e67e22 1px dashed; padding: 10px; }

.selectLaunge            { text-align: right; }
.selectLaunge>span       { display: inline-block; vertical-align: top; padding: 9px 0 11px; background: #d7d9d2; margin-left: 10px; cursor: pointer; width: 40px; text-align: center; }
.selectLaunge>span:hover { background: #e4e6df; }

.headerBottom { margin: 15px 0; }

.logo
{
    width: 183px;
    height: 25px;
    background: url( ../images/logo.png ) 0 0 no-repeat;
    float: left;
}

.support
{
    float: right;
    position: relative;
    color: #0095ff;
    display: inline-block;
    line-height: 16px;
    border-bottom: dashed 1px;
    cursor: pointer;
    padding-top: 12px;
}

.support:before
{
    content: '\e80b';
    position: absolute;
    left: -27px;
    font-family: 'flat';
    top: 16px;
    color: #cbccc8;
    font-size: 16px;
}

.support:hover { border: 0; }
.slogan { padding: 2px 0 0; margin-left: 208px; }
.shopInfoWrap { margin: 54px 0 23px; }
.shopImg { float: left; width: 145px; }
.shopImg+div { margin-left: 145px; padding-left: 20px; }
.h2 { color: #010101; font-size: 22px; line-height: 30px; margin-top: -3px; }
.siteLink { padding: 8px 0 0 28px; position: relative; }

.siteLink:before
{
    position: absolute;
    content: '\e803';
    font-size: 16px;
    color: #cbccc8;
    left: 0;
    top: 11px;
    font-family: 'flat';
}

.up { color: #7abf30; }
.down { color: #e74c3c; }
.shopInfo { margin: 30px 0 40px; }
.shopInfo>span { display: inline-block; vertical-align: top; margin-left: 49px; position: relative; }
.attestShoper, .attestShoperGray { padding: 0 26px 0 7px; }
.attestShoper:after     { width: 46px; height: 70px; background: url( /sppi/template/images/lenta.png ) 0 0 no-repeat; left: -49px; top: -12px; content: ''; position: absolute; }
.attestShoperGray:after { width: 46px; height: 70px; background: url( /sppi/template/images/lenta.gray.png ) 0 0 no-repeat; left: -49px; top: -12px; content: ''; position: absolute; }
.attestShoper:before, .attestShoperGray:before
{
    right: 2px;
    top: 2px;
    content: '\e804';
    position: absolute;
    font-family: 'flat';
    color: #0095ff;
    font-size: 16px;
    cursor: pointer;
}

.psevdoLink
{
    color: #0095ff;
    display: inline-block;
    border-bottom: dashed 1px;
    cursor: pointer;
    line-height: 16px;
}

.psevdoLink:hover
{
    border: 0;
}

h2
{
    color: #e67e22;
    font-size: 34px;
    line-height: 40px;
    font-weight: normal;
    margin: 0;
}

.tabs
{
    margin: 23px 0 27px;
}

.tabsTop
{

}

.tabsTop>div
{
    display: inline-block;
    vertical-align: top;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    width: 25%;
    border-left: solid 1px #f1f3ee;
    background: #d7d9d2;
    font-size: 18px;
    padding: 19px 0 21px;
    cursor: pointer;
}

.tabsTop>div:hover
{
    background: #e4e6df;
}

.tabsTop>div.active
{
    background: #f7f7f7;
    border-left: solid 1px #f7f7f7;
    cursor: default;
}

.tabsCont                   { position: relative; }
.tabsCont>.psevdoLink       { position: absolute; display: block; right: 30px; bottom: 26px; }
.tabsCont>.psevdoLink:after { content: '\e80c'; position: absolute; left: -17px; top: 0; color: #cbccc8; font-size: 16px; font-family: 'flat'; }
.tabsCont>div               { padding: 30px 30px 20px; display: none; background: #f7f7f7; position: relative; }
.tabsCont>div.active        { display: block; }


.commentList
{

}

.commentList>div
{
    position: relative;
    padding: 15px 20px 35px;
    background: #f1f3ee;
    margin-bottom: 30px;
}

.commentList>div .user
{
    position: absolute;
    right: 20px;
    bottom: 15px;
    font-style: italic;
}

.commentList>div .user:after
{
    content: '\e805';
    position: absolute;
    font-family: 'flat';
    top: 1px;
    left: -17px;
    color: #cbccc8;
    font-style: normal;
}

.commentList>div:after
{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: solid 21px #f1f3ee;
    border-right: solid 21px transparent;
    left: 40px;
    bottom: -20px;
}

.numPage
{
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
}

.paginator
{
    display: inline-block;
    vertical-align: top;
}

.paginator a,
.paginator span
{
    display: inline-block;
    padding: 5px 11px;
    background: #e4e6df;
    text-decoration: none;
    color: #000;
    margin: 0 5px;
}

.paginator a:hover
{
    background: #f1f3ee;
}

.paginator span
{
    background: #0095ff;
    color: #fff;
}

ol
{
    counter-reset: list1;
    margin: 28px 0 28px 60px;
}

ol li {
    padding: 0;
    position: relative;
    margin-bottom: 20px;
}

ol li:before {
    counter-increment: list1;
    content: counter(list1)".";
    position: absolute;
    color: #000;
    font-size: 22px;
    width: 25px;
    left: -27px;
    top: -3px;
}

.itogo
{
    font-size: 22px;
    text-align: right;
    line-height: 18px;
}

.raxdLine
{
    border-top: solid 1px #e4e6df;
    border-bottom: solid 1px #fff;
    margin: 24px 0 14px;
}

.priceList>li                                { display: table; width: 100%; font-size: 17px; }
.priceList>li>div                            { display: table-cell; vertical-align: bottom; }
.priceList>li>div.td1                        {  text-align: justify; }
.priceList>li>div.td1, .priceList>li>div.td3 { white-space: nowrapx; }
.priceList>li>div.td2                        { width: 100px; }
.priceList>li>div.td3                        { width: 150px; text-align: right; }
.priceList>li>div.td2>span                   { border-bottom: dotted 1px #000; width: 100%; display: inline-block; }
.priceList>li>div+div                        { border-bottom: 0; }

.PSList { padding-bottom: 10px; }

.PSList>div
{
    display:         inline-block;
    vertical-align:  top;
    text-align:      center;
    border:          solid 5px transparent;
    -moz-box-sizing: border-box;
    box-sizing:      border-box;
    width:           152px;
    height:          114px;
    #line-height:     100px;
    margin:          10px;
#    cursor:          pointer;
    position:        relative;
    background:      #fff;
}

.PSList .lock        { border: solid 0px transparent !important; cursor: pointer; padding: 0px; margin: 0px; }
.PSList .lock:before { position: absolute; content: ''; width: 100%; height: 70%; left: 0; top: 0; background: rgba(255,255,255,.75); }
.PSList .lock:after  { position: absolute; content: '\e80f'; font-family: 'flat'; color: #000; font-size: 34px; left: 50%; top: 40%; margin: -10px 0 0 -14px; line-height: 20px; }

.PSList>div>img { line-height: 1px; display: inline-block; vertical-align: middle; max-width: 142px; max-height: 114px; width: auto; height: auto; }

.PSList>div:hover
{
    border: solid 5px #0095ff;
}

.userInfo>div { display: inline-block; vertical-align: top; width: 50%; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 20px; padding-bottom: 20px; }
.userInfo>div+div { padding: 0 0 20px 20px; }
.userInfo>div>label { display: block; width: 100%; background: #fff; height: 60px; position: relative; padding: 0 0 0 60px; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 5px; }
.userInfo>div>label:after                                  { content: '\e80a'; position: absolute; left: 16px; top: 19px;  font-family: 'flat'; color: #b2b2af; font-size: 28px; }
.userInfo>div>label.phone:after                            { content: '\e807'; left: 23px; }
.userInfo>div>label.passwd:after                           { content: '\e80f'; left: 23px; }
.userInfo>div>label.alfabank:after                         { content: '\e805'; left: 23px; }
.userInfo>div>label.human:after                            { content: '\e805'; left: 23px; }
.userInfo>div>label>input                                  { padding: 11px 0 18px; width: 100%; border: 0; font-size: 22px; background: transparent; }
div.error                                                  { color: #e74c3c; display: none; }
.userInfo>div>label.error                                  { background: #fadbd6; }
.userInfo>div>label.error:after                            { color: #e74c3c; }
.userInfo>div>label.error>input::-moz-placeholder          { color: #f19d95; }
.userInfo>div>label.error>input::-webkit-input-placeholder { color: #f19d95; }
.userInfo>div>label.error+div.error                        { display: block; }

.button         { font-size: 28px; padding: 12px 23px 19px; border: 0; background: #7abf30; color: #000; }
.userInfo>label { display: block; margin: 25px 0; }

.checkbox       { display: block; width: 30px; height: 30px; background: #fff; float: left; cursor: pointer; border: #c0c0c0 1px dotted; }
.checkbox:after { content: '\e802'; position: absolute; font-family: 'flat'; color: #7abf30; font-size: 28px; left: 13px; top: 12px; display: none; }
.checkbox.active:after { display: block; }
.checkbox input        { width: 30px; height: 30px; opacity: 0; cursor: pointer; }
.checkbox+span         { display: block; margin: 0 0 0 40px; overflow: hidden; padding-top: 5px; }


.ol2            { margin: 20px 0 0 70px; padding-bottom: 20px; }
.ol2>li         { margin: 0 0 25px 0; padding: 14px 0 0 0; font-size: 15px; }
.ol2>li:after   { display: table; clear: both; content: ''; }
.ol2>li:before  { font-size: 34px; color: #e67e22; left: -45px; top: 7px; }
.ol2>li>div     { float: left; width: 300px; padding-top: 15px; }
.ol2>li p       { margin: 0; padding-top: 15px; }
.ol2>li>div+div { float: none; width: auto; margin-left: 340px; overflow: hidden; padding: 0; }

.button2 { background: #d7d9d2; border: 0; padding: 8px 15px 9px; font-size: 16px; margin-top: 15px; }

.attestatDesc                              { position: absolute; background: #e4e6df; width: 300px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px 20px 20px; box-shadow: 10px 10px 0 #b5b6b2; left: -18px; top: 31px; z-index: 2; display: none; }
.attestatDesc>div                          { padding-left: 30px; margin-top: 10px; position: relative; }
.attestatDesc>div:after                    { position: absolute; color: #b2b2af; font-size: 16px; font-family: 'flat'; }
.shopContact>div:first-child               { margin: 0; }
.shopContact>div.shopContactSite:after     { content: '\e803'; left: 0; top: 4px; }
.shopContact>div.shopContactPhone:after    { content: '\e807'; left: 5px; top: 1px; }
.shopContact>div.shopContactSkype:after    { content: '\e808'; left: 2px; top: 2px; }
.shopContact>div.shopContactICQ:after      { content: '\e80e'; left: 0; top: 1px; }
.shopContact>div.shopContactWorkTime:after { content: '\e80d'; left: 2px; top: 1px; }
.shopContact>div.shopContactEmail:after    { content: '@'; left: 2px; top: 1px; }

.shopContact
{
    position: absolute;
    background: #e4e6df;
    width: 300px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 20px 20px;
    box-shadow: 10px 10px 0 #b5b6b2;
    left: -18px;
    top: 31px;
    z-index: 2;
    display: none;
}

.psAboutTd       { cursor: pointer; padding: 0px; margin: 0px; background-image: url('../images/about.ps.gray.png'); background-position: center;  background-repeat:no-repeat; }
.psAboutTd:hover { cursor: pointer; padding: 0px; margin: 0px; background-image: url('../images/about.ps.blue.png'); background-position: center;  background-repeat:no-repeat; }

.sppiPsAboutData {
    position: absolute;
    background: #e4e6df;
    width: 294px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 10px 10px 10px;
    box-shadow: 10px 10px 0 #b5b6b2;
    left: 26px;
    top:  80px;
    z-index: 2;
    display: none;
    text-align: justify;
 }
 
 .lockAboutData {
    position: absolute;
    background: #e4e6df;
    width: 294px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 10px 10px 10px;
    box-shadow: 10px 10px 0 #b5b6b2;
    left: 26px;
    top:  80px;
    z-index: 2;
    display: none;
    text-align: justify;
 }


.shopContact>div                           { padding-left: 30px; margin-top: 10px; position: relative; }
.shopContact>div:after                     { position: absolute; color: #b2b2af; font-size: 16px; font-family: 'flat'; }
.shopContact>div:first-child               { margin: 0; }
.shopContact>div.shopContactSite:after     { content: '\e803'; left: 0; top: 4px; }
.shopContact>div.shopContactPhone:after    { content: '\e807'; left: 5px; top: 1px; }
.shopContact>div.shopContactSkype:after    { content: '\e808'; left: 2px; top: 2px; }
.shopContact>div.shopContactICQ:after      { content: '\e80e'; left: 0; top: 1px; }
.shopContact>div.shopContactWorkTime:after { content: '\e80d'; left: 2px; top: 1px; }
.shopContact>div.shopContactEmail:after    { content: '@'; left: 2px; top: 1px; }


.supportModal
{
    position: absolute;
    background: #e4e6df;
    width: 340px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 20px 20px;
    box-shadow: 10px 10px 0 #b5b6b2;
    right: 0;
    top: 45px;
    z-index: 2;
    color: #000;
    line-height: 20px;
    cursor: default;
    display: none;
}

.userInfo.s>div { width: 100%; padding: 0; margin-bottom: 15px; }
.userInfo.s>div>label { height: 40px; padding-left: 35px; }
.userInfo.s>div>label>input { padding: 8px 0 8px; font-size: 16px; }
.userInfo.s>div>label:after { font-size: 16px; left: 10px; top: 12px; }
.button3 { color: #fff; padding: 8px 15px 9px; background: #0095ff; border: 0; font-size: 16px; }

textarea
{
    width: 100%;
    background: #fff;
    resize: none;
    height: 120px;
    border: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 13px 15px;
    line-height: 20px;
    margin-bottom: 15px;
}

.close
{
    font-size: 48px;
    position: absolute;
    cursor: pointer;
    right: 7px;
    top: 9px;
    color: #000;

}

.otzivHide
{
    display: none;
}

.podl
{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    display: none;
}

.userInfo { margin-top: 23px; }
.convertPercentInfo { border-top: #e67e22 1px dashed; margin: 20px 0 100px 0; font-size: 9px; padding: 4px; }