/*blog*/
#blog  {  background:#f6f6f6; }
#blog .container { padding-top:110px; text-align:center; padding-bottom:130px; }
#blog.page .container { padding:50px 0; text-align:center; padding-bottom:50px; }
#blog .links { text-align:center; padding:20px 50px 20px 50px; line-height:150%; }
#blog .links a { color:#30bff4; padding:0 10px; text-decoration:none; }
#blog .links a.active { color:#000; }
#blog .links a:hover { text-decoration:underline; }
#blog .links a.active:hover { text-decoration:none; }
#blog .item { width:295px;  min-height:380px; /*float:left;*/ display:inline-block; margin:0 6px; vertical-align:top;  }
#blog .item  a { display:block; text-align:left; color:#000; text-decoration:none; }
#blog .item  a:hover { text-decoration:underline; }
#blog .item  h3 { display:table-cell; height:73px; vertical-align:bottom; font-size: 16px; line-height: 20px; font-weight: 400; padding:20px 15px 15px 0px; }
#blog .item  h3.w1 { width:180px; }
#blog .item  .block { position:relative; width:268px; height:300px; border:solid #b4b4b4 1px; background:#fff; }
#blog .item:hover .block { 
margin-top:-3px; margin-left:-3px; 
	-webkit-box-shadow:3px 3px 0px 0px rgba(0, 0, 0, 0.1);
       -moz-box-shadow:3px 3px 0px 0px rgba(0, 0, 0, 0.1);
            box-shadow:3px 3px 0px 0px rgba(0, 0, 0, 0.1); 
 }                                              

#blog .item  .block  img { width:268px;  }
#blog .item  .block  p { color: #767676; text-align:left; /*height:70px;*/ overflow:hidden; font-size: 14px; font-weight: 400; padding:10px 10px 5px 10px; }
#blog .item  .block  a.comments { position:absolute; bottom:0px; left:0px; color:  #9a9a9a; font-size: 14px; text-decoration:none; padding:0px 10px 7px 30px; background:url(http://yarpromo.ru/images/comments.jpg) 10px 4px no-repeat; }
#blog .item  .block  .date { position:absolute; bottom:0px; left:0px; padding:3px 10px 7px 10px; font-size: 14px; color:  #b4b4b4;  }
#blog .item  .block  .share42init { position:absolute; bottom:0px; right:0px; padding:3px 10px 7px 10px; font-size: 14px; color:  #b4b4b4;  }
#blog .moreArticles { display:inline-block; padding-bottom:12px; margin-top:50px; background:url(http://yarpromo.ru/images/arrowBottomBg.jpg) 50% 100% no-repeat; color:#00aeef; text-decoration:none; text-transform:uppercase;}
 

/*blog page*/
.content { max-width:800px; margin:0 auto 70px auto; }
.content img.center { display:block; margin:20px auto 40px auto; }
.content h3 { font-size:20px; text-align:center; font-weight:700; line-height:20px; margin:45px 0 20px 0; }
.content h1 { font-size:20px; text-align:center; font-weight:700; line-height:20px; margin:10px 0 20px 0; }

.content h4 { font-size:16px; text-align:center; font-weight:700; line-height:16px; margin:35px 0 20px 0; }
.content p { font-size:16px;  font-weight:400; line-height:130%; margin:5px 0 20px 0; /*text-align:justify;*/ }
.content p.justify { text-align:justify; }
.blogBottom  { border-top:solid #a6a6a6 1px; padding:20px 0; }

div.header.b { font-size: 30px; text-align: center; line-height:34px; padding-bottom:15px; margin:20px 0 30px 0; background:url(../images/h2Blue.jpg) 50% 100% no-repeat; font-weight: 700; text-transform:uppercase; }
.content h1.article { font-size: 28px; font-weight: 700; text-align: center; line-height:34px; padding-bottom:15px; margin:20px 0 30px 0; background:url(../images/h2Blue.jpg) 50% 100% no-repeat; text-transform:uppercase; }
/*.content h1.article { font-size: 24px; font-weight: 700; text-align: center; line-height:34px; padding-bottom:15px; margin:20px 0 10px 0; background:none; text-transform:uppercase; }*/


.content h2.article { max-width:800px; font-size: 20px; font-weight: 700; text-align: center; line-height:28px; padding-bottom:0px; margin:40px 0 20px 0; background:none; text-transform:uppercase; }
.content h3.article { max-width:800px; font-size: 20px; font-weight: 700; text-align: center; line-height:26px; padding-bottom:0px; margin:40px 0 20px 0; background:none; text-transform:none; }
.content h2.article.num  { margin:20px 0 20px 0; max-width:500px; }

.content .pictNum1 { height:35px; margin-top:50px; width:100%; background:url(http://yarpromo.ru/images/pictNumF1.jpg) 50% 50% no-repeat; }
.content .pictNum2 { height:35px; margin-top:50px; width:100%; background:url(http://yarpromo.ru/images/pictNumF2.jpg) 50% 50% no-repeat; }
.content .pictNum3 { height:35px; margin-top:50px; width:100%; background:url(http://yarpromo.ru/images/pictNumF3.jpg) 50% 50% no-repeat; }
.content .pictNum4 { height:35px; margin-top:50px; width:100%; background:url(http://yarpromo.ru/images/pictNumF4.jpg) 50% 50% no-repeat; }
.content .pictNum5 { height:35px; margin-top:50px; width:100%; background:url(http://yarpromo.ru/images/pictNumF5.jpg) 50% 50% no-repeat; }

.content a { color:#0035A7; }
#blog .content p { text-align:left; }

.contextLinks, .moreLinks  { float:left; line-height:220%; font-size:14px; font-weight:600; text-align:left; }
.contextLinks h5, .moreLinks h5 { color:#9a9a9a; font-size:14px; text-transform:uppercase; font-weight:400; }
.contextLinks a, .moreLinks a { display:block; color:#010101; }
.links1 { text-align:center; line-height:28px; }
.links1 a { display:block; color:#010101; }
.moreLinks  { text-align:right; float:right; }

.blogBottom  .share { /*float:right;*/ text-align:center; /*border:solid 1px;*/ width:150px; margin:0 auto;  }
.blogBottom  .share a { float:left; color:#30bff4; margin:8px 0 0 0; font-size:10px; text-transform:uppercase; font-weight:600;  }
.blogBottom  .share img { float:left; padding:0 4px; }
.blogBottom  .share img.arrow { padding:0 17px 0 8px; }
.share42init { /*border:solid 1px;*/ }

#blogComments { background:#f6f6f6; }
#blogComments .header { background:#30bff4; padding:5px 10px 5px 10px; color:#fff; }
#blogComments .form { background:#eee; padding:30px 0 20px 0; }
#blogComments .form form { width:800px; min-height:170px; margin:0 auto; }
#blogComments .form img { float:left; width:50px; height:50px; padding:0px 20px 10px 0; }
#blogComments .form form .bubble { float:left; width:692px; height:50px; padding:0px 0px 0px 12px; background:#fff; overflow:hidden;
 border-right:solid #cdcdcd 1px; border-bottom:solid #cdcdcd 1px; border-top:solid #cdcdcd 1px; border-top-right-radius:5px; border-bottom-right-radius:5px;  }
#blogComments .form form .arrow { float:left; width:16px; height:52px; background:url(http://yarpromo.ru/images/inputBg.jpg) #fff 0px 50% no-repeat; }
#blogComments .form form #commentText{  width:680px; height:45px; border:none;  }
#blogComments .form form #commentButton{ padding:12px 50px 12px 50px; margin:10px 0 0 0px; text-align:center; background:#30bff4; border-radius:4px; border:solid 1px #30bff4; color:#fff; text-decoration:none; 
font-size:12px; font-weight:600; text-transform:uppercase; }
#blogComments .commentList {  width:800px; padding:10px 0 20px 0; margin:0 auto; }
#blogComments .commentList .item { padding:20px 0 20px 0; }
#blogComments .commentList .item img { float:left; padding:0 30px 0 0; }
#blogComments .commentList .item .name { margin:0; color:#a0a0a0; font-size:14px; font-weight:700; }
#blogComments .commentList .item p { padding:10px 10px 0 80px; color:#000; font-size:14px; font-weight:600; }

#blogComments .form form #commentName { width:280px; height:25px; border:none; border:solid #cdcdcd 1px; border-radius:5px; margin:0 0 10px 0; padding:5px; font-family:Open Sans; font-size:14px; }
#blogComments .form form #commentText {  width:680px; height:45px; border:none; border:solid #cdcdcd 1px; border-radius:5px; padding:5px; font-family:Open Sans; font-size:14px; }
#blogComments .commentList .item { padding:20px 0 20px 0; }
#blogComments .commentList .item img { float:left; padding:0 30px 0 0; }
#blogComments .commentList .item .name { margin:0; color:#a0a0a0; font-size:14px; font-weight:700; }
#blogComments .commentList .item p { padding:10px 10px 0 0px; color:#000; font-size:14px; font-weight:600; }


#vkComments { background:#f6f6f6; padding-bottom:50px;  padding-top:20px; }
#vkComments .container { border-top:solid #a6a6a6 1px; padding:30px 0 0 0; }
#vkComments .container .Vk { width:700px; padding:20px; border:solid #e5e8ec 1px; background:#fff; margin:0 auto; text-align:center; }


.content  h2 { padding-top:0; margin-top:5px; font-weight:700; text-transform:uppercase; }
.content .header { font-weight:400; text-transform:none; }
.content .list .block { display:inline-block; vertical-align:top; text-align:left; width:28%; padding-right:3%; padding-left:12px; font-style:italic; background:url(http://yarpromo.ru/images/listPict.jpg) 0 4px no-repeat; /*border:solid 1px;*/ }
.content .list.type3 .block { display:inline-block; vertical-align:top; text-align:left; width:68%; padding-right:3%; padding-left:12px; font-style:italic; background:url(http://yarpromo.ru/images/listPict.jpg) 0 4px no-repeat; /*border:solid 1px;*/ }

.content ul.list{ margin:0 auto; width:35%; }
.content ul.list.type4 { margin:0 auto; width:35%; }
.content ul.list.type5 { margin:0 auto; width:65%;  }
.content ul.list.type7 { margin:0 auto; width:65%;  }
.content ul.list.type7 a { color:#000; margin:0 auto; width:85%;  }
.content ul.list li { list-style-type:none; text-align:left; padding-right:5%; padding:0px 0 12px 12px; font-style:italic; background:url(http://yarpromo.ru/images/listPict.jpg) 0 4px no-repeat; }

.content ul.list.type6 { margin:0 auto; width:100%; text-align:center;  }
.content ul.list.type6 li { width:30%; display:inline-block; vertical-align:top; }

.content .list .left { display:inline-block; width:40%; padding-left:9%;  vertical-align:top; }
.content .list .right { display:inline-block; width:40%; padding-right:5%; padding-left:5%;  vertical-align:top; }
.content .list .left  .block, .content .list .right  .block { width:98%; padding-left:12px; }

.content table.text { border-collapse: collapse;  border-spacing: 0px;  border-top:solid #ddd 1px; border-left:solid #ddd 1px;  }
.content table.text td {  padding:5px; font-style:italic; text-align:left; font-size:14px; border-bottom:solid #ddd 1px; border-right:solid #ddd 1px; }
.content table.text td.head { font-style:normal; text-align:center; font-size:14px; font-weight:600; }

#article p {  max-width:800px; margin-left:auto; margin-right:auto;  }
.content .list.type2 p { padding:0; margin:7px auto !important; }



@media (max-width: 1280px) {

}

@media (max-width: 1000px) {

}
@media (max-width: 800px) {
	
	.content .list {  width:100%; text-align:center; }
	.content .list .left { display:inline-block; width:100%; padding-left:0%;  text-align:center; }
.content .list .right { display:inline-block; width:100%; padding-right:0%; padding-left:0%;  text-align:center; }
.content .list .left  .block, .content .list .right  .block { display:inline-block; width:68%; padding-left:12px; text-align:left; }
.content .list  .block { display:inline-block; width:68%; padding-left:12px; text-align:left; }

	.content p { padding-left:20px; padding-right:20px; }
	.content img.center { max-width:90%; }
	
	.content ul.list{ margin:0 auto; width:85%; }
	.content ul.list.type4 { margin:0 auto; width:85%; }
	.content ul.list.type5 { margin:0 auto; width:85%;  }
	.content ul.list.type7 { margin:0 auto; width:85%;  }
	
	.blogBottom   { padding:30px 20px 0px 20px; position:relative;  }
	
	.blogBottom  .moreLinks, .blogBottom  .contextLinks   { text-align:center; float:none; padding-top:30px; }
	.blogBottom  .share {  text-align:center; width:100%; margin:0 auto; position:absolute; top:10px; left:0; }
	
	#vkComments .container .Vk { width:89%; padding:5%; }
	
}

@media (max-width: 650px) {

	
	.content img.center { max-width:90%; }

	
}	

@media (max-width: 450px) {

		
}