/* CSS Document */
* {	padding: 0;	margin: 0; }

body { margin:0; background-color:#000000; font-family:Arial; font-size:12px; color:#1f1f1f; position: relative; }
#wrapper {margin: 0 auto; width:1000px;}

/*--------------- DEFAULT ---------------*/
.center{ text-align:center;} .left {float:left;} .right { float:right;}
.green{color:green;} .black{color:#000000;} .gray{color:#333333;} .vilet{color:#cc00ff;} .red{color:#FF0000;} .red{color:#ffffff;}
.bold { font-weight:bold;}
img {border:0;}
a:hover {text-decoration:none;}
a.nounder {text-decoration:none;}
a.nounder:hover {text-decoration:underline;}
a:focus {outline:none;}
.clear {clear:both;}
li.none { background:none;}
.list_b .redspan, .block_body .redspan {background-color:red; padding:0 10px; font-size:16px; color:#fff; text-decoration:none; cursor:pointer;} .redspan:hover { background-color:#00CC00;}
/*--------------- DEFAULT ---------------*/



.tell-friends { display:block; width:225px; height:60px; background:url(../img/tell-friends.png) top left repeat-x;}
#part1 {width:100%; background:url(../img/part1/bg.jpg) top left repeat-x; height:124px; border-bottom:1px solid #6678a6;}
#part2 {width:100%; background-color:#081526; height:36px;}
#part3 {width:100%; }
.px1000 {margin:0 auto; width:1000px;}

#header{float:left; width:200px; height:24px; position:fixed; top:5px; left:0; z-index:99999999999; text-align:center; display:none; }
#header a { display:block; width:153px; height:30px; background:url(../img/703comua.png) no-repeat top left;}
#header a:hover { cursor:pointer; background-position: 0 -30px;}

/*------------------------------ Head -------------------------------*/
#head, #menu, #div1, #videoblock, #footer, #banner1 {float:left; width:1000px;}
#head strong { display:block; font-size:12px; font-weight:normal; color:#FFFFFF;}
#head0 {float:left; width:249px; padding-right: 55px;}
#head1 {float:left; width:100%;}
#head1_top, #head2_top {margin:5px 0 10px 0; float:left; width:100%;}
#head2_top { text-align:center; font-size:11px;}
#head2_top a { text-decoration:underline; cursor:pointer; color:#ffcc00; font-size:13px;} #head2_top a:hover { text-decoration:none;}
#head1 span { cursor:pointer;}
#head2 {float:right; padding: 0px 0px 0 0;}
#head2 span {color:#FFFFFF; padding: 8px 0 0 4px;}
.flag { float:right; padding-right:15px;}

#menu ul { display:block; float:left; list-style:none; font-size:12px; height:36px; padding-left:0px;}
#menu ul li ul { height:auto; width:624px;}
#menu ul li ul li a { width:600px;}
#menu ul li { float:left; position:relative;}
#menu ul li a{
	display:block;
	text-align:center;
	font-weight:bold;
	line-height:36px;
	color:#969EA6;
	text-decoration:none;
	padding:0 8px 0 7px;
}
#menu ul li a:hover, #menu a.active { background-color:#4c6097; color:#FFFFFF;}
#menu ul li #soc-seti{background-color:#00cc00; color:#fff;} #menu ul li #soc-seti:hover{ background-color:#FF0000;}
#menu ul li #otzyvy{background-color:#1c44d8; color:#fff;} #menu ul li #otzyvy:hover{ background-color:#FF0000;}
#menu ul li #soft{background-color:#920679; color:#fff;} #menu ul li #soft:hover{ background-color:#FF0000;}

#menu ul li span.layer1{ display:block; text-align:center; font-weight:bold; line-height:42px; color:#969EA6; text-decoration:none; padding:0 12px;}
#menu ul li span.layer1:hover { background-color:#4c6097; color:#FFFFFF; cursor:pointer;}

#menu span.row { width:10px; height:6px; background:url(../img/row.png) no-repeat top right; display:block; float:right; margin:17px 0 0 0;}
#menu ul li ul li a { color:#FFFFFF; text-align:left; font-weight:normal;}

#menu .submenu { position:absolute; display:none; top:36px; left:-5px; z-index:99; width:616px; height:auto; background-color:#1b1b1b; border:5px solid #262626; border-top:0px;}
/*------------------------------ Head -------------------------------*/




#videoblock { background:url(../img/videoblock.jpg) no-repeat top left; height:403px;}
#videoblock1 {float:left; padding:77px 0 0 30px; width:280px; height:250px;}
#div0 {padding:10px; font-size:15px; color:#ffffff; line-height: 140%;}
#div0 a{ color:#FFFFFF;}

#banner1{ text-align:left; margin:3px 0px;}
#banner2 {color:white; background-color:#414f59; width:544px; padding: 9px 20px; float:right;}
#banner2 span, #banner2 a { color:#ffcc00; font-size:14px; cursor:pointer; text-decoration:underline;} #banner2 span:hover { text-decoration:none;}
#center{ text-align:center; width:736px; float:left;}

#contacts {float:left; padding:10px 20px 6px 20px; width:205px;}
#contacts td { padding:0;}
#contacts td a{ color:#FFFFFF; text-decoration:none;}
#contacts td a:hover { text-decoration:underline;}




/*------------------------------ Middle -------------------------------*/
 #middle {float:left; width:1000px; background:url(../img/bg.jpg) repeat-y top center; padding-bottom:10px;}  





 /*--------------- SIDEBAR ---------------*/ 
 #sidebar {float:left; width:230px;} 
 /*--- Block ---*/
 .block {float:left; width:211px; margin-bottom:10px;}
 .block_h {float:left; width:211px; height:35px; background:url(../img/block/head.jpg) no-repeat top left;}
 .block_h strong { font-size:13px; float:left; width:211px; text-align:center; margin-top:12px; text-shadow:1px 1px 2px white;}
 .block_body {float:left; width:211px; background:url(../img/block/bg.jpg) repeat-y top left; color:#FFFFFF; padding:3px 0;}
 .block_body p { padding:4px 15px 4px 20px; color:#ffffff; font-size:11px; line-height:110%; font-family:Tahoma;}
 .block_body p a { color:#ffcc00; }
 .block_body p strong { color:#ffcc00; font-weight:normal; }
 /*.block_body p a:hover {text-decoration:underline;} */
 .block_b {float:left; width:211px; height:7px; background:url(../img/block/bot.jpg) no-repeat top left;}
 /*--- Block ---*/
 .info_blocks {width:100%; text-align:center; padding:10px 0 0 0;}
 .info_blocks a { color:#fff;}
 .info_blocks a img { border:1px solid #FFF;}
 .info_blocks a img:hover { border:1px solid #FFCC00;}
 .block_body a img { border:1px solid #FFF;}
 .block_body a img:hover { border:1px solid #FFCC00;}
 /*--------------- SIDEBAR ---------------*/  
 



 
 /*--------------- CONTENT ---------------*/
 #content {float:left; width:770px; margin:0;}  
 .block1 { float:left; width:736px;}
  /*--- Listing ---*/
  .listing {float:left; width:770px; margin-bottom:15px; font-size:14px;}
  .list_h {float:left; width:770px; height:41px; background:url(../img/listing/top.jpg) no-repeat top left;}
  .list_h h2, .list_h h1 { font-weight:normal; font-size:14px; float:left; padding:12px 0 0 25px; color:#000000; font-weight:bold; text-shadow:1px 1px 2px white;}
  .list_b {float:left; width:770px; background:url(../img/listing/bg.jpg) repeat-y top left; padding-bottom:4px; color:#FFFFFF;}
  .list_b strong, .list_b span { color:#ffcc00; font-weight:normal;}
  .list_b a { color:#ffcc00;}  
  .list_b p.center { padding-bottom:0px;}    
  .list_b p { padding:6px 0px; line-height:140%;}
  .list_b p.pbot { padding-bottom:0px;}
  .list_b h3 {padding:6px 10px 6px 15px; border:1px solid #aaaaaa; border-radius:4px; display:block; font-weight:normal; font-size:14px; font-weight:bold; color:#000; background-color:#d5d5d5; margin-top:10px; text-shadow:1px 1px 2px white;}

  .list_b h2 {padding:4px 7px; display:inline-block; /*border:1px solid #aaaaaa; border-radius:2px;*/ font-size:18px; font-weight:normal; background-color:#079e8f; /*color:#05a08e;*/
  color:#fff; /*text-transform:uppercase;*/ margin:10px 0;}

  .list_b ol { padding:0px 10px 10px 35px; line-height:130%;}
  .list_b ul { padding:0px 10px 10px 15px;}
  .list_b ul li, .list_b ol li { line-height:130%; padding:2px 0;}
  .list_b ol.ptop, .list_b ul.ptop { padding-top:0px;}
    
  .list_bot {float:left; width:770px; height:6px; background:url(../img/listing/bot.jpg) no-repeat top left;}
  /*--- Listing ---*/
  
  .order { display:block; overflow:hidden; float:left; margin-bottom:15px; margin-right:15px; width:225px; height:60px; background:url(../img/order.png) no-repeat top left;}
  .order:hover { background-position:0 -60px;}
  #reg_motivation {float: left; border: 3px solid white; width:470px; color:white; padding: 4px 8px 4px 10px;}
  #reg_motivation a { color:#FFFFFF;}
  
  #tab1{line-height:120%;}
  #tab1 td { padding:3px;}
 
 /*--------------- CONTENT ---------------*/
            
/*------------------------------ Middle -------------------------------*/










/*--------------- Footer ----------------*/
 #footer {height:210px; height:78px; background:url(../img/footer/bg.jpg) no-repeat top left; border-top:1px dashed #CCCCCC; color:#FFFFFF; font-size:11px; font-family:Tahoma;} 
 #foot1{float: left; width: 980px; margin-top: 8px; padding: 0pt 10px; color: #ffffff;}
 #foot1 a { color:#FFFFFF;}
 #copy{width:600px; float:left; padding: 15px 10px 0;}
 #counters{float:right; margin:6px 10px 0 0; width:31px;}

#live {float:left; width:88px; padding-left:8px;}
#mail {float:left; width:88px; padding-left:8px;}

/*--------------- Footer ----------------*/




/*--- Up ---*/
#move_up { position:fixed; right:0; bottom:50px; display:none; width:46px; height:46px; cursor:pointer; background:url(../img/up.png) no-repeat top left; z-index:99999;}
/*--- Up ---*/



/*--- Article ---*/
.article_post {float: left; width: 730px; border-bottom:1px dashed #ffffff; margin-bottom: 10px; padding-bottom:10px;}
.article_img {float: left; width: 104px; text-align: center; margin: 12px 10px 0 0;}
.article_img a { display:block; width:104px; text-align:center;}

.article_img img {border:1px solid #656565; padding:1px;}
.article_img img:hover {border:1px dashed #656565; cursor:pointer;}

.article_date span {font-size:11px; color:gray;}
a.article_title { text-decoration:none;}
a.article_title:hover { text-decoration:underline;}

 .block2_imgs { float:right; width:202px; margin:12px 0 0 24px;}
 .block2_imgs img { border:1px solid #dadada; margin-bottom:12px;}
 .block2_imgs img:hover { border:1px solid #1B83CB;}  

#navig { float:left; width:770px; padding:8px 0; color:#FFFFFF;}
#navig a { color:#FFFFFF;}
#navig ul { float:left;}
#navig ul li { float:left; list-style:none; margin-right:5px;}
/*--- Article ---*/

#vkshare0 td {padding:0;}


/*--- Subs ---*/
#subs { display:block; float:left; width:190px; padding:4px 0 0 0;}
.button1 {display:block; width:172px; height:36px; background:url(../img/sidebar/button1.png) no-repeat top left; color:#FFFFFF; font-size:13px; margin-top:10px;}
.button2 {display:block; width:172px; height:36px; background:url(../img/sidebar/button2.png) no-repeat top left; color:#FFFFFF; font-size:13px;}
.button1:hover, .button2:hover { background-position:0 -36px; cursor:pointer; color:#1f1f1f; text-align:center;}
.button1 span { float:left; width:100%; margin:4px 0 0 0; text-align:center; font-size:16px;}  

.videoyroki {display:block; width:172px; height:36px; background:url(../img/sidebar/videoyroki.png) no-repeat top left; color:#FFFFFF; font-size:13px; margin-top:10px;}
.videoyroki:hover { background-position:0 -36px; cursor:pointer; color:#1f1f1f; text-align:center;}

/*--- Subs ---*/

.img1 { border:1px solid #656565; padding:5px;}
.img1:hover { border:1px dashed #656565;}

#read_instruction { display:block; margin:0 auto; width:430px; height:36px; overflow:hidden; background:url(../img/read_instruction.png) no-repeat top left;}
#read_instruction:hover { background-position:0 -36px;}
#marafon { display:block; margin:0 auto; width:460px; height:36px; overflow:hidden; background:url(../img/marafon.png) no-repeat top left;}
#marafon:hover { background-position:0 -36px;}


#profitteam { display:block; width:172px; height:42px; overflow:hidden; background:url(../img/sidebar/profitteam.png) no-repeat top left;}
#profitteam:hover { background-position:0 -42px;}

img.img0 {border:1px solid #DADADA}
img.img0:hover { border:1px solid #1B83CB;}

#goodm { display:block; width:172px; height:36px; background:url(../img/sidebar/goodmoney/start.png) no-repeat top left; overflow:hidden;}
#goodm:hover { background-position: 0 -36px;}

#menu a.red {background-color:red; color:#fff;}
.span10 {cursor:pointer; text-decoration:underline;} .span10:hover { text-decoration:none;}
.span9 {color:#ffcc00; cursor:pointer; text-decoration:underline;} .span9:hover { text-decoration:none;}

.list_b p.info {background-color:#39454e; padding:10px 0px 10px 15px;}
.list_b p.row {background-color:#39454e; padding-left:10px;}
.px20 { font-size:20px; color:#ffcc00; padding-top:10px;}

#social-shares { float:left; width:1000px; text-align:center; color:#FFFFFF;}
#social-share-buttons { padding: 0 15px 0 20px;}
#social-share-buttons li { margin-bottom:4px;}

a.best { background-color:#00cc00; color:#FFFFFF; text-decoration:none; border-radius:5px; padding:2px 5px;} a.best:hover { background-color:#FF0000;}

.soc-block { float:left; width:674px; border:1px solid #f3f3f3; padding:10px;}
.soc-block img { cursor:pointer;}
.soc-block h4 { color:#ffcc00; font-weight:normal; font-size:20px; text-decoration:underline; cursor:pointer;} .soc-block h4:hover { text-decoration:none;}
.soc-block-desc {float:right; width:420px;}
.soc-block-desc span { cursor:pointer;} .soc-block-desc span:hover { text-decoration:underline;}
.soc-block-top { float:left; width:674px; border:1px solid #f3f3f3; border-bottom:none; background-color:#10af10; padding:10px; border-top-right-radius:20px;}
.soc-block-top h3 { border-bottom:none; padding:0;}
.soc-block-bottom { float:left; width:684px; border:1px solid #f3f3f3; border-top:none; background-color:#1d2429; padding-left:10px; margin-bottom:20px; border-bottom-left-radius:20px;}
.soc-block-bottom strong {font-weight:bold;}
.soc-block-bottom p{ text-align:center; padding-bottom:10px; padding-top:0;}
.list_b .soc-block-bottom p { line-height:50px;}
.list_b .soc-block-bottom .redspan { font-size:24px; padding:10px 20px;}
.soc-block-bottom ol { padding-top:10px;}

.list_b .reg {padding:10px 20px; font-size: 24px;}

.info_blocks .span-img {cursor:pointer;}
.info_blocks .span-img img {max-width:180px; border:1px solid #fff;} .info_blocks .span-img img:hover {border:1px solid #ffcc00;}
.info_blocks .span-link {cursor:pointer; text-decoration:underline;} .info_blocks .span-link:hover { text-decoration:none;}

.list_b iframe {border:1px solid #d4d4d4;}
#vkwidget1 { border:0;}
.videop img { padding-right:10px;}
.videop img, .videop span { cursor:pointer;}
.videop span:hover { text-decoration:underline;}

#socpublic .socpublic-button { background:url(../img/socpublic/add.png) no-repeat 10px center #35aa47; color:#FFFFFF; border-color:#3ea49d; padding:7px 14px 7px 30px; cursor:pointer; line-height: 1.42857; float:right;}
#socpublic .socpublic-button:hover, #socpublic .this-select:hover { background-color:#2e933d;}

#socpublic .this-select {color:#FFFFFF; border-color:#3ea49d; padding:7px 14px; line-height:1.42857; background-color:#35aa47; text-decoration:none;}
#socpublic .favorite-span { background-color:#428bca; border-color:#357ebd;} #socpublic .favorite-span:hover {background-color:#347cb9; border-color:#2a6496;}
#socpublic .black-list-span { background-color:#f3565d; border-color:#f13e46;} #socpublic .black-list-span:hover {background-color:#f13942; border-color:#ec111b;}

#add-task-form { float:left; width:100%; display:none;}
#add-task-form table { width:100%; font-size:14px;}
.td1 {width:25%; text-align:right; padding-right:15px;}
#add-task-form table input, #add-task-form table select { padding:6px 0; padding-left:12px; padding-right:33px; font-size:14px;}
#add-task-form table input { width:403px;}
#add-task-form table select { width:450px;}

#tasks-table { float:left; width:100%;}
#tasks-table table { width:100%;}
#tasks-table table td { text-align:center;}
#tasks-table table tr:nth-of-type(2n){ background-color:#303940;}

#tasks-table .favorite { display:block; width:30px; height:30px; background:url(../img/socpublic/star.png) no-repeat top left; cursor:pointer;}
#tasks-table .black-list { display:block; width:30px; height:30px; background:url(../img/socpublic/del.png) no-repeat top left; cursor:pointer;}
#tasks-table .active { background-position:0 -30px;}
#tasks-table .white { color:#FFFFFF;}

/* --- --- */
.vip-article-block {float:left; width:728px; height:90px; background-color:#262626; margin-bottom:4px; color:#FFFFFF; font-size:14px;}
#vip_article {float:left; width:728px;}
#vip_article a {color: #ffcc00;}
#vip_article .article_img {float: left; width: 104px; text-align: center; margin: 3px 10px 0 3px;}
#vip_article .article_img a { display:block; width:104px; text-align:center;}

#vip_article .article_img img {border:1px solid #fff; padding:1px;}
#vip_article .article_img img:hover {border:1px dashed #fff; cursor:pointer;}

#vip_article .article_date span {font-size:11px; color:gray;}
#vip_article a.article_title { text-decoration:none;}
#vip_article a.article_title:hover { text-decoration:underline;}
#vip_article .article_date span.important { background:#FF0000; border-radius:5px; color:#FFFFFF; padding:2px 4px; right:5px; bottom:5px; position:absolute; font-size:12px;}

#info1 {float:left; width:1000px; text-align:center;}
#info1 span { cursor:pointer;}

.music {
	position: fixed;
	left: 0;
	bottom: 0px;
	width: 368px;
	height: 192px;	
	background-color: #000;
	border-radius:5px;
	overflow: hidden;
}

.list_b span.add-plus {
	font-size: 30px; 
	background-color: #35aa47; 
	padding:20px; 
	color:#fff; 
	float:right;
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius:50%;
	cursor: pointer;
}

#tasks-table table tr.tr.is-active{
	background-color: #1c44d8;
	font-size: 20px;
}

.bestchange {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
}
.cursor {
	cursor: pointer;
}
.container {
	max-width: 800px;
	margin: 0 auto;
	background: #1b1b1b;
}

.job {
	color: #fff;
	line-height: 150%;
	font-size: 18px;
}

.job ol {
	padding: 20px 20px 20px 50px;
}
.job p {
	padding: 20px;
}
.job a {
	color: #ffcc00;
}