html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0px;
    padding: 0px;
    border: 0px none;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

blockquote::before, blockquote::after, q::before, q::after {
    content: none;
}

html {
    min-height: 110%;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    background: none repeat scroll center center rgb(241, 242, 242);
    color: rgb(0, 0, 0);
    margin: 0px;
    padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 1em 0px 0.5em;
    line-height: 1.2em;
    font-weight: 300;
    font-family: Arial, Helvetica, sans-serif;
}

h1 {
    font-size: 1.8em;
}

h2 {
    font-size: 1.6em;
}

h4 {
    font-size: 1.2em;
}

b {
    font-weight: bold;
}

p {
    line-height: 1.4em;
    margin-bottom: 1.6em;
}

p, ul, ol {
    font-size: 1.25em;
    text-align: justify;
}

h2 {
    font-weight: bold;
}

.wrap {
    margin: 0px auto;
    min-width: 240px;
    max-width: 1200px;
    display: block;
}

.structblock::after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

header {
    width: 100%;
    margin-bottom: 30px;
}

header .panel {
    width: 1200px;
    margin: 10px auto 0px;
}

header .logo {
    position: relative;
    top: 60px;
    left: 35px;
    margin-bottom: -100px;
    float: left;
    background: url(../img/iam.png) repeat scroll 0% 0% rgb(221, 221, 221);
    border: 6px solid rgb(255, 255, 255);
    border-radius: 50px;
    width: 78px;
    height: 78px;
}

header .name {
    position: relative;
    top: 60px;
    left: 150px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 150%;
    width: 285px;
}

.sec_main {
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
    display: inline-block;
    vertical-align: top;
    width: 730px;
    margin-right: 23px;
    padding: 90px 30px 30px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(222, 223, 223);
    border-radius: 2px;
}

.sec_main h1 {
    margin: 0px 0px 0.5em;
    text-transform: uppercase;
    font-weight: bold;
    clear: both;
}

.postmemo {
    padding: 10px 0px;
    float: left;
    position: relative;
    top: -68px;
    margin-bottom: -70px;
    /* text-align: center; */
    width: 100%;
    left: 0;
}

.postmemo .date {
}

.postmemo .author {
    margin-left: 23px;
}
.sec_sidebar {
    display: inline-block;
    width: 378px;
    vertical-align: top;
}

.sidebar_block {
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
    padding: 30px;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    border: 1px solid rgb(222, 223, 223);
    border-radius: 2px;
}

.sec_sidebar .lastpost {
    margin-bottom: 2em;
    font-size: 0.8em;
}

.lastpost p {
    margin: 0px;
    line-height: 1.2em;
}

.lastpost p.title {
    font-size: 1.2em;
    margin-bottom: 0.5em;
    font-weight: bold;
}

.lastpost .title a {
    color: rgb(8, 87, 176);
    text-decoration: none;
}

.lastpost .data {
    color: rgb(102, 102, 102);
    font-size: 80%;
}

.lastpost .comment {
    margin-left: 1em;
}

.lastpost .comment a {
    color: rgb(17, 17, 17);
}

.friendsonline {
}

.friendsonline img {
    margin: 0px 15px 15px 0px;
    border: 6px solid rgb(230, 231, 232);
    border-radius: 50px;
}

.friendsonline img:hover {
    border: 6px solid rgb(57, 181, 74);
}

.friendsonline span {
    text-decoration: underline;
    color: rgb(85, 26, 139);
}

.vk-container {
    font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
    font-size: 11px;
    line-height: 17px;
    color: black;
    text-decoration: none;
    text-align: justify;
}

.vk-header {
    background: none repeat scroll 0% 0% rgb(218, 226, 232);
    padding: 4px 4px 4px 6px;
    margin-bottom: 10px;
}

.vk-logo {
    /*background: url('vk-logo.gif') no-repeat scroll 0% 0% transparent;*/
    width: 16px;
    height: 16px;
    float: right;
    margin-top: -1px;
}

.vk-header-text {
    padding: 2px 3px 1px;
    line-height: 100%;
    color: rgb(69, 104, 142);
    font-weight: bold;
    /*margin-left: 60px;*/
}

.vk-avatar img {
    float: left;
    margin-right: 0px;
    max-height: 50px;
    width: 50px;
    margin-left: 3px;
    margin-top: 6px;
}



.vk-comment, .vk-comment-load {
    margin-bottom: 15px;
    position: relative;
    border-bottom: 1px solid rgb(218, 225, 232);
    padding-bottom: 10px;
}

.vk-comment-name {
    color: rgb(43, 88, 122);
    font-weight: bold;
    font-size: 12px;
    margin-left: 60px;
}

.vk-comment-text {
    margin-left: 60px;
}

.vk-comment-date {
    padding-top: 6px;
    color: rgb(153, 153, 153);
    clear: both;
}

.vk-comment-date1 a {
    color: rgb(43, 88, 122) !important;
    text-decoration: none;
}

.vk-comment-date1:hover a {
    color: rgb(165, 192, 213) !important;
    cursor: pointer;
    text-decoration: none;

}
.vk-comment-like-count{
    text-decoration: none !important;
}

.vk-comment-like {
    position: absolute;
    right: -5px;
    bottom: 15px;
    background: url(../img/like.png) no-repeat scroll left center transparent;
    width: 30px;
    height: 16px;
    display: inline-block;
}

.vk-comment-like:hover {
    opacity: 0.5;
    cursor: pointer;
}

.vk-comment-like-count {
    padding-left: 14px;
    font-weight: bold;
    color: rgb(114, 149, 178);
    font-size: 10px;
}

footer {
    /*width: 1200px;*/
    margin: 0px auto;
    padding: 30px;
    text-align: center;
    font-size: 0.9em;
}
.dn_br{
    display: block;
}
footer p {
    margin: 0px;
    color: rgb(0, 0, 0);
    text-align: center;
}
.header_980, .header_767, .header_620, .header_480, .header_320, .header_240{
    display: none;
}
@media screen and (max-width: 1201px){
    .sec_sidebar {
        width: 290px;
    }
    .sec_main {
        box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
        display: inline-block;
        vertical-align: top;
        width: 660px;
        margin-right: 10px;
        padding: 90px 15px 30px;
        background: rgb(255, 255, 255);
        border: 1px solid rgb(222, 223, 223);
        border-radius: 2px;
    }
    .friendsonline span {
        display: block;
        text-align: center;
    }
    .friendsonline{
        padding-top: 0 !important;

    }
    .sidebar_block{
        padding-top: 30px !important;
    }
    .header_full{
        display: none;
    }
    .header_980{
        display: block;
    }
    .wrap{
        text-align: center;
    }
    header .panel{
        width: 980px;
    }
    header .logo{
        display: none;
    }
    .vk-container{
        text-align: justify;
    }
    .dn_img img{
        width: 100%;
    }

    header .name{
        width: 275px;
        left: 60px;
    }
    footer{
        width: auto;
    }


}

@media screen and (max-width: 999px){

    .header_980{
        display: none;
    }
    .header_767{
        display: block;
    }
    header .name{
        left: 10px;
    }
    header .panel {
        width: 767px;
    }

    .sec_sidebar{
        display: none;
    }
    footer p {
        text-align: center;
    }
}
@media screen and (max-width: 767px){
    .header_767{
        display: none;
    }
    .header_620{
        display: block;
    }
    .sec_main{
        margin-right: 0;
        width: 585px;
    }
    header .name {
        left: 105px;
    }
    header .panel{
        width: 620px;
    }
}
@media screen and (max-width: 620px){
    .sec_main{}

    .header_620{
        display: none;
    }
    .header_480{
        display: block;
    }
    header .panel{
        width: 480px;
    }
    .sec_main{
        width: 450px;
    }
    header .name {
        margin: 0 auto;
        left: 0;
        top: 45px;
    }
    .dn_br{
        display: none;
    }
   .dn_soc{
       display: none;
   }
    .vk-comment, .vk-comment-load {
        padding-bottom: 10px;
    }
    .vk-comment-like {
        bottom: 10px;
        right: -5px;
    }
}
@media screen and (max-width: 480px){

    .header_480{
        display: none;
    }
    .header_320{
        display: block;
    }
    header .panel{
        width: 320px;
    }
    .sec_main{
        width: 288px;
    }
    header .name {
        top: 39px;
    }
    .dn_product{
        width: 100%;
    }
    .postmemo {
        padding: 10px 0px;
        float: left;
        position: relative;
        top: -60px;
        left: 0px;
        margin-bottom: -36px;
    }
    .postmemo .author {
        margin-left: 20px;
    }
    p{
        text-align: left;
    }
    .vk-container {
        text-align:left;
    }

}
@media screen and (max-width: 320px){

    .header_320{
        display: none;
    }
    .header_240{
        display: block;
    }
    header .panel{
        width: 240px;
    }

    .sec_main {
        width: 226px;
        padding: 75px 6px 6px 6px;
    }
    header .name {
        top: 39px;
        font-size: 18px;
        width: 205px;
        text-align: center;
    }
    .postmemo > .author{
        display: block;
        margin: 0;
    }
    .postmemo > .date{
        display: block;
    }
    .postmemo{
        width: 100%;
        line-height: 22px;
        top: -55px;
    }
    .vk-comment-date {
         margin-left: 0px;
        /*color: rgb(153, 153, 153);*/
    }
}
@media screen and (max-width: 240px){}