/* =============================================================================
   File:            articles.css
   Description:     Styles for displaying articles section
   Project:         PromSvyazBank Site
   Author:          Eugene Moiseenko & Pavel Buramenski
   ========================================================================== */

/* ------------------------------------------------------------------ Article */

.article-content {
	font-size: 14px;
	line-height: 20px;
	color: #555;
}

.article-content .one_third + .two_third{
	margin-left: 0px !important; /*Left margin for content of article if doesn't navigation*/
}

.article-content .two_third{
	margin-left: 300px; /*Left margin for content of article if doesn't navigation*/
}

/*.article-content p{*/
	/*margin: 5px 0;*/
/*}*/

.article-content h2{
	margin: 50px 0 25px;
}

.article-content p+p{
	margin-top: 20px !important;
}

.article-content h2+h3{
	margin: 0 0 25px !important;
}

.article-content h3{
	font:  normal 18px/24px 'Open Sans Light', arial;
	color: #2A4D92;
	text-transform: none;
	margin: 50px 0 25px 0;
}

.private-segment .article-content a{
	color: #8d6d54;
}

.private-segment .article-content h2,
.private-segment .article-content h3,
.private-segment .article-content h4,
.private-segment .article-content h5{
	color: #8d6d54;
}

.article-content li > img,
.article-content li + img,
.article-content p > img,
.article-content p + img{
	float: left;
	padding: 5px 20px 10px 0px;
}

.private-segment .info_box {
	color: #8d6d54;
	background: url(https://www.psbank.ru/images/private_upper_tile_background.png) repeat-x;
}

.b-tapelist-tab ul > li,
.article-content ul > li,
.product-content ul > li {
	background:url(https://www.psbank.ru/images/bullet.png) no-repeat 0 8px;
	font:14px/20px 'Open Sans Light', arial;
	padding-left:12px;
	padding-bottom: 4px;
}


.private-segment .b-tapelist-tab ul > li,
.private-segment .article-content ul > li,
.private-segment .product-content ul > li {
	background:url(https://www.psbank.ru/images/bullet_brown.png) no-repeat 0 8px;
}



.b-tapelist-tab ol > li,
.article-content ol > li,
.product-content ol > li {
	font:14px/20px 'Open Sans Light', arial;
	margin-left: 17px;
	padding-bottom: 4px;
	list-style-type: decimal;
}

.b-tapelist-tab  ul ul,
.article-content ul ul,
.product-content ul ul {
	margin: 10px 0 4px;
}


.b-tapelist-tab  ul ul > li,
.article-content ul ul > li,
.product-content ul ul > li {
	background:none;
	line-height:16px;	
}

.b-tapelist-tab  table,
.article-content table,
.product-content table {
	width:100%;
	font-size:13px;
	margin-bottom:2em;
	margin-top:25px;
}

.b-tapelist-tab  th,
.article-content th,
.product-content th {
	padding:5px 15px;
	line-height:20px;
	text-align:left;
}

.b-tapelist-tab  td:first-child,
.article-content td:first-child,
.product-content td:first-child {
	border-left:none;
}

.b-tapelist-tab  td,
.article-content td,
.product-content td {
	padding:10px 15px 9px;
	border-bottom:1px solid #e4e4e4;
	border-left:1px solid #e4e4e4;
	color:#333333;
	line-height:20px;
}

.b-tapelist-tab th,
.article-content  th,
.product-content th {
	color:#ffffff;
	background:#686868;
	background:linear-gradient(#818181, #686868);
	background:-moz-linear-gradient(#818181, #686868);
	background:-webkit-gradient(linear, left top, left bottom, from(#818181), to(#686868));
	background:-o-linear-gradient(#818181, #686868);
	background: -ms-linear-gradient(top, #818181 0%,#686868 100%);
}

.article-content .sub_navi li, 
.sub_navi li {
	background:none;
	padding-left:0;
	list-style:none;
	display:block;
	margin-bottom:0px;
}

.sub_navi li a {
	color:#00146d;
	font-size:13px;
	line-height:16px;
	display:block;
	padding:9px 16px 7px;
	background-color:#f6f7fa;
	background:linear-gradient(#f8f9fb, #f5f6f9);
	background:-moz-linear-gradient(#f8f9fb, #f5f6f9);
	background:-webkit-gradient(linear, left top, left bottom, from(#f8f9fb), to(#f5f6f9));
	background:-o-linear-gradient(#f8f9fb, #f5f6f9);	
}

.private-segment .sub_navi li a{
	color: #484b53;
	background-color:#f1f0ef;
	background:linear-gradient(#f4f3f2, #f0efee);
	background:-moz-linear-gradient(#f4f3f2, #f0efee);
	background:-webkit-gradient(linear, left top, left bottom, from(#f4f3f2), to(#f0efee));
	background:-o-linear-gradient(#f4f3f2, #f0efee);
}

.sub_navi li a:hover {text-decoration:none;}

.sub_navi li.current a, 
.sub_navi li a:hover {
	color:#f97400;
	background-color:#feebd9;
	background:linear-gradient(#fef1e5, #feebd9);
	background:-moz-linear-gradient(#fef1e5, #feebd9);
	background:-webkit-gradient(linear, left top, left bottom, from(#fef1e5), to(#feebd9));
	background:-o-linear-gradient(#fef1e5, #feebd9);	
}

.private-segment .sub_navi li.current a, 
.private-segment .sub_navi li a:hover {
	color:#562600;
	background-color:#e0ddd5;
	background:linear-gradient(#d8d4ce, #e8e4dd);
	background:-moz-linear-gradient(#d8d4ce, #e8e4dd);
	background:-webkit-gradient(linear, left top, left bottom, from(#d8d4ce), to(#e8e4dd));
	background:-o-linear-gradient(#d8d4ce, #e8e4dd);	
}

.article-title {
	/*padding:4px 0 17px;*/
	margin-top: -1px !important;
}

.article-image {margin:-7px 0 30px;}

.media_box {
	margin:59px 0 60px;
	overflow:hidden;
}

.info_box {
	background-color:#eef1f6;
	color:#2a4d92;
	padding: 34px 30px 34px 32px;
}

.info_box .accenttext{
	font-size: 90px; 
	line-height:70px;
}
.info_box .plaintext{
	font-size:20px;
	line-height:24px;
}

.sub_title{
    color: #284c92;
    font-size:12px;
	line-height:14px;
	padding: 0px 0px 12px;
}

.private-segment .sub_title{
    color: #bcada3;
}

.sub_list li a {
	color:#274193;
	text-decoration:underline;
}

.sub_list li a:hover {text-decoration:none;}
    
/*related link under main content of article*/
.related_link{
    padding-top: 40px;
 }

.related_link .sub_list{
    margin-left: 1px;
}

.article-content .sub_list li {
	background:none;
	padding-left:0;
}
	
.article_tile{	
	margin-top: 10px;
	cursor: pointer;
}

.article_tile, 
.article_tile a {
	color:#274193;
}

	
	
.article_tile strong {
	padding:3px 0;
	display:block;
}

.article_tile small {color:#191D25;}

.article_tile h4 a {
	line-height: 16px !important;
	font-weight: normal !important;
	font-size: 13px !important;
	font-family: "Open Sans Semibold" !important;
	margin-top: 7px !important;
	display: block !important;
}