body{margin:0 auto}
#main{width:100%}
#wrapper{max-width:1024px;min-width:240px;margin:0 auto;background:#fff}
#logo{display:block;overflow:hidden;text-indent:-600px;margin:0 auto}
img{max-width:100%;height:auto}
.v-blok{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.v-blok iframe,.v-blok object,.v-blok embed{position:absolute;top:0;left:0;width:100%;height:100%}
.table{width:100%;overflow-y:auto;_overflow:auto;margin:0 0 1em}
.zam{border:solid 1px #fec300;background-color:#ffcc34;background-image:-moz-linear-gradient(top,#ffcc34 0%,#f9f8d4 100%);background-image:-webkit-linear-gradient(top,#ffcc34 0%,#f9f8d4 100%);background-image:-o-linear-gradient(top,#ffcc34 0%,#f9f8d4 100%);background-image:-ms-linear-gradient(top,#ffcc34 0%,#f9f8d4 100%);background-image:linear-gradient(top,#ffcc34 0%,#f9f8d4 100%);-webkit-box-shadow:2px 3px 7px #4a4a4a;-moz-box-shadow:2px 3px 7px #4a4a4a;box-shadow:2px 3px 7px #4a4a4a;margin:5px;padding:3px 10px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.zam p{font-size:21px;text-align:center;text-shadow:1px 0 0 #c56f5b}
#content #go-next,#content #go-back{border:solid 1px #3565d5;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;background-color:#00b2ed;background-image:-moz-linear-gradient(top,#00b2ed 0%,#3565d5 100%);background-image:-webkit-linear-gradient(top,#00b2ed 0%,#3565d5 100%);background-image:-o-linear-gradient(top,#00b2ed 0%,#3565d5 100%);background-image:-ms-linear-gradient(top,#00b2ed 0%,#3565d5 100%);background-image:linear-gradient(top,#00b2ed 0%,#3565d5 100%);padding:5px 23px;font:bold 18px "Times New Roman",Times,serif;color:#fff}
#content #go-next{float:right}
#content #go-back{float:left}
a#move_up{position:fixed;bottom:20px;width:28px;height:26px;-webkit-border-radius:0px 7px 7px 0px;border-radius:0px 7px 7px 0px;-moz-border-radius-topleft:0px;-moz-border-radius-topright:7px;-moz-border-radius-bottomleft:0px;-moz-border-radius-bottomright:7px;display:none;text-decoration:none;background:#597da3;padding:5px 4px 7px;margin-left:0;opacity:.8;filter:alpha(opacity=80)}
a#move_up:hover{background:#385C82}
a#pull{display:none}
#nav{display:block;overflow:hidden;list-style-type:none;margin:5px 0;padding:0}
#nav li{float:left}
#nav li a{display:block;padding:7px 98px 12px 0;font:16px Times New Roman,serif;color:#00F;text-decoration:none;background-image:url(../images/home.jpg);background-repeat:no-repeat;background-position:0 0}
#nav li a.start{background-image:url(../images/roket.jpg)}
#nav li a.master{background-image:url(../images/repair.jpg)}
#nav li a.comp{background-image:url(../images/computer.jpg)}
#nav li a.tech{background-image:url(../images/technolog.jpg)}
#nav li a:hover{background-position:0 -40px;color:#0000A8}
#nav li a.start,#nav li a.master,#nav li a.comp,#nav li a.tech,#nav li a:hover{border-bottom:none}
#mainBlok{width:1024px}
#topContent{position:absolute;width:758px;height:29px;margin:1px 0 0 1px;padding:12px 0 0 20px}
#content{width:728px;padding:40px 25px 10px}
#content,.sidebar{float:left;margin:0 8px 10px 0;border:1px solid #235AFF;border-radius:18px;box-shadow:2px 3px 7px #4A4A4A}
#topContent,.topBar,#footerBlok,.sep{border-radius:18px;background-image:-webkit-linear-gradient(top,#97A7FE,#FAFFFF);background-image:linear-gradient(to bottom,#97A7FE,#FAFFFF)}
.sidebar{width:226px}
.topBar{position:absolute;width:226px;height:29px;text-align:center;color:#fff;font:italic bold 13px Arial,sans-serif;padding-top:12px}
.bar{margin:0 auto;padding:40px 0 15px}
.watch{clear:left;width:1024px;height:5px}
.watch div{float:right}
#footerBlok{width:1024px;height:35px;border:1px solid #235AFF;box-shadow:5px 5px 7px #4A4A4A;margin-bottom:10px;text-align:center;color:#fff;font:italic bold 13px Arial,sans-serif;padding-top:15px;clear:left}
#nachalo{width:85%;margin:3px auto;border:1px dotted #BCC0C2}
#nachalo img{border:0;float:right}
#nachalo p{padding:5px 10px;text-align:left;font:18px Times New Roman,serif}
h1{font:bold 25px Times New Roman,serif;text-shadow:1px 1px 2px #C56F5B;color:#9E4813;text-align:center}
h2{font:bold 23px Times New Roman,serif;text-shadow:1px 1px 2px #919B9B;color:#353535;text-align:center}
h3{font:bold 22px Times New Roman,serif;text-shadow:1px 1px 3px #9364D5;color:#4A1B8C;text-indent:10px}
h4{font:bold 20px Times New Roman,serif;color:#792300;text-shadow:1px 1px 3px #D57F5C;text-decoration:underline;text-indent:20px}
p{font:18px/1.2 Times New Roman,serif;text-align:left;color:#000}
.razdel{font:bold 20px Helvetica,sans-serif;color:#9E4813;text-decoration:underline}
hr{width:100%;height:1px;border:none;color:#BCC0C2;background-color:#BCC0C2}
p a:hover,p a:visited{border-bottom:1px dashed #00F}
p a:active{color:#39F}
p a:link,p a:hover,p a:active,p a:visited{font:18px Times New Roman,serif;color:#00F;text-decoration:none}
#content a:hover,#content a:visited{text-decoration:none;border-bottom:1px dashed #00F}
#content a:active{color:#39F}
#content a:link,#content a:hover,#content a:active,#content a:visited{font:18px Times New Roman,serif;color:#00F}
.pointer{font:bold italic 13px Arial,sans-serif;color:#fff;text-align:center;margin:13px 0 0}
.section{font:bold italic 13px Arial,sans-serif;color:#fff;text-align:left;margin:13px 0 0}
ul li{font:18px Times New Roman,serif;color:#000;line-height: 1.3;overflow-wrap:anywhere}
ul li a:link{color:#00F;text-decoration:none}
ul li a:hover{color:#00F;text-decoration:none;border-bottom:1px dashed #00F}
ul li a:active{color:#39F}
ul li a:visited{color:#00F;text-decoration:none;border-bottom:1px dashed #00F}
#point{list-style:outside url(../images/punkt.png)}
.punkt{list-style:inside url(../images/kn.gif);padding:0 20px 5px 10px}
#menu{
    list-style:outside url(../images/vl.gif);
    padding:0 40px}
.centerContent{text-align:center}
.imgA{margin:0 auto;border:none}
.note{font:bold 12px "Courier New",Courier,monospace;color:#999}
.rightImg{float:right;margin:5px 10px}

.sidebarAds{width:100%;height:600px;overflow:hidden;margin:0 auto;clear:left}.teaser{width:100%;max-height:80vh}
.circle-p{list-style:none outside none}
.circle-o{list-style:outside url(../images/punkt-o.png)}
.circle-b{list-style:outside url(../images/punkt-b.png)}
.ukazatel{list-style:outside url(../images/kn-2.png)}
.load{list-style:outside url(../images/load.gif)}
.kratko{border-bottom:1px dotted #BCC0C2;margin:5px 0}
.kratko img{width:61px;height:61px;margin:5px 10px 0 5px;float:left;border:0}
.kratko p,.kratko ul{padding:5px 5px 5px 76px;text-align:left;font:18px Times New Roman,serif}

.green{color:#379E13}
.red{color:#E61111}
.yellow{color:#F7A119}
.brown{color:#9E4813}
.blue{font-style:italic;color:#00C}
.underbold{font:italic bold 14px Arial;text-decoration:underline;color:#9E4813}
.underitalic{font-style:italic;text-decoration:underline;color:#000}
.bitalic{color:#000;font-style:italic;font-weight:700;text-decoration:underline}
.italic{font-style:italic;color:#000}
.bold{font-weight:700;color:#000}
.pubdate{font:bold 14px Times New Roman,serif;text-decoration:underline;color:#740398;display: block; margin: 5px 0 10px}
#social,#recomm,.kratko,.pop{width:100%}
.like{float:left;width:240px;height:32px;margin:7px 10px 7px 0}
#recomm{margin:0 auto;overflow:hidden}
#vk_comments,#vk_comments iframe{width:100%!important}

#Promo img{display:block;margin:0 auto}
#Promo{float:right;width:50%;margin:0 auto 4px;text-align:center;font-style:italic;color:#00C}
.obzor{overflow:hidden;margin:20px 3%;padding:10px 3%;border:1px dashed #727277;border-radius:7px}
.obzor img{float:right;margin:5px}
.obzor a:link,.obzor a:hover{font:bold 18px Times New Roman,serif;text-decoration:none}
.obzor a:hover{border-bottom:1px dashed #00F}
.pop{float:left;margin:10px auto;text-align:center}
.pop div{margin:0 auto}
.sep{width:90%;height:5px;border:1px solid #97A7FE;margin:10px auto 10px;clear:left}
@media only screen and (min-width:1025px) {
#logo{width:1024px;height:87px;background:url(../images/logo.png) no-repeat}
a#move_up{position:fixed;bottom:50px;border-radius:7px;display:none;text-decoration:none;background:#597da3;padding:5px 5px 7px;margin-left:5px;opacity:.9;filter:alpha(opacity=90)}
a#move_up:hover{background:#385C82}
}
@media only screen and (min-width:769px) and (max-width:1024px) {
#mainBlok,#nav,.sidebar,.topBar,.bar,.watch,#footerBlok{width:100%}
#logo{width:523px;height:81px;background:url(../images/logo-m540.png) no-repeat}
#content{width:94%;margin:0 0 10px;padding:40px 3% 10px}
#topContent{width:97%;padding:12px 0 0 3%;margin:0}
.bar{margin:0 auto}
#content,.sidebar,#footerBlok{border:0;box-shadow:none}
#menu{list-style:none;padding:0}
#menu li{
    float:left;
    margin:5px 7px}
#menu li a:link,#menu li a:visited,#menu li a:hover,#menu li a:active{
    font:16px Times New Roman,serif;background-color:#EDEDED;
    color:#4c4c4c;
    text-decoration:none;
    line-height: 1.3;
    padding:3px 10px 5px;
    border-radius:3px;
    border:1px solid #D3D4D7}
#point{list-style:none;padding:0}
#point li{float:left;margin:5px 7px}
#point li a{font:16px Times New Roman,serif;background-color:#F7E8DF;color:#9E4813;text-decoration:none;line-height:2;padding:3px 10px 5px;border-radius:3px;border:1px solid #9E4813}
.punkt{list-style:none;padding:0}
.punkt li{margin:5px 7px}
.punkt li a:link,#menu li a:visited,#menu li a:hover,#menu li a:active{font:16px Times New Roman,serif;background-color:#EDEDED;color:#4c4c4c;text-decoration:none;line-height:1.3;padding:3px 10px 5px;border-radius:3px;border:1px solid #D3D4D7}
.pop{width:49%;padding:.5%}
.sidebarAds{width:100%;height:90px}
}
@media only screen and (min-width:240px) and (max-width:768px) {
#mainBlok,#nav,.sidebar,.topBar,.bar,.watch,#footerBlok,.pop,#Ads,#Promo{width:100%}
#logo{width:177px;height:47px;background:url(../images/logo-m240.png) no-repeat}
#nav{display:none}
a#pull{display:block;font:bold 18px Times New Roman,serif;color:#fff;background-color:#98A8FE;text-decoration:none;border-radius:5px;padding:5px 3%;margin:5px auto;width:94%;position:relative}
a#pull:after{content:"";background:url(../images/m-icon.png) no-repeat;width:12px;height:13px;display:inline-block;position:absolute;top:10px;right:3%}
#content{width:94%;margin:0 0 10px;padding:40px 3% 10px}
#topContent{width:97%;padding:12px 0 0 3%;margin:0}
.bar{margin:0 auto}
#content,.sidebar,#footerBlok{border:0;box-shadow:none}
#menu{list-style:none;padding:0}
#menu li{
    float:left;
    margin:5px 7px}
#menu li a:link,#menu li a:visited,#menu li a:hover,#menu li a:active{
    font:16px Times New Roman,serif;
    background-color:#EDEDED;
    color:#4c4c4c;
    text-decoration:none;
    line-height:1.3;
    padding:3px 10px 5px;
    border-radius:3px;
    border:1px solid #D3D4D7}
#point{list-style:none;padding:0}
#point li{float:left;margin:5px 7px}
#point li a{font:16px Times New Roman,serif;background-color:#F7E8DF;color:#9E4813;text-decoration:none;line-height:2;padding:3px 10px 5px;border-radius:3px;border:1px solid #9E4813}
.punkt{list-style:none;padding:0}
.punkt li{margin:5px 7px}
.punkt li a:link,#menu li a:visited,#menu li a:hover,#menu li a:active{font:16px Times New Roman,serif;background-color:#EDEDED;color:#4c4c4c;text-decoration:none;line-height:1.3;padding:3px 10px 5px;border-radius:3px;border:1px solid #D3D4D7}
.watch{display:none}
.sidebarAds{width:100%;height:280px}
.rightImg{margin:0 auto}
}