﻿/**
 * @author Alexander Samilyak (aleksam241@gmail.com)
 * @edit Alexander Shumov (ss@artlebedev.ru)
 * @date 23.7.2014
 * @time 13:37 PM
 */


/******************************/
/*          nav.css           */
/******************************/

#nav{
	width: 215px;
	margin-left: 25px;
}

#nav .logo{
	margin: -20px 0 20px -2px;
}

#nav .quick_menu{
	padding-bottom: 1.5em;
}

#nav .quick_menu li{
	margin-bottom: 0.8em;
}

#nav .hr{
	margin-bottom: 1.8em;
}


#nav .hotline{
	font-size: 92%;
}

#nav .hotline h2{
	font-size: 140%;
	margin-bottom: 0.5em;
}

#nav .hotline p{
	margin-bottom: 0.5em;
}

#nav .hotline address{
	position: relative;
	padding-left: 20px;
	margin-bottom: 0.5em;
	color: #9a0000;
	font-size: 160%;
	font-style: normal;
	white-space: nowrap;
}

#nav .hotline address .icon{
	width: 14px;
	height: 16px;
	background-position: -68px 0;
	left: 0;
	margin-top: -6px;
}

#nav .hotline li{
	margin-bottom: 0.8em;
}


#nav .home_banners {
	font-size: 92%;
	text-align: center;
}

#nav .home_banner {
	display: block;
	text-decoration: none;
	margin-top: 33px;
}

#nav .home_banner_img {
	margin-bottom: 10px;
}

#nav .home_banner_text {
	color: #000;
	text-decoration: underline;
}

#nav .home_banner:hover .home_banner_text {
	color: #cc0000;
}

#nav .home_banner_note {
	color: #000;
	font-size: 11px;
	margin-top: 4px;
}



/******************************/
/*        widgets.css         */
/******************************/

.widgets{
	max-width: 40em;
	padding: 0.5em 0 2em 0;
}

.widgets .group{
	position: relative;
	margin-bottom: 2em;
}

.widgets h2{
	background-position: 0% 0%;
	position: relative;
	margin: 0;
	font-size: 120%;
	line-height: 1.2;

	background-image: -o-linear-gradient(top, #ece9e4, #f4f1ea);
	background-color: #efece5;
	background-repeat: repeat;
	background-attachment: scroll;
}

.widgets h2 .holder{
	display: block;
	position: relative;
	padding: 0.9em 4em 1em 0.9em;
}

.widgets h2,
.widgets h2 .bg{
	-moz-border-radius: 0.5em 0.5em 0 0;
	border-radius: 0.5em 0.5em 0 0;
}

.widgets h2 .bg{
	background-position: 0% 0%;
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;

	background-image: -o-linear-gradient(top, #eae5d6, #d8d4c9);
	background-color: #ded9cc;
	background-repeat: repeat;
	background-attachment: scroll;
}

.widgets h2 .icon,
.widgets h3 .icon{
	width: 20px;
	height: 20px;
	background-position: -82px 0;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	cursor: pointer;
}

.widgets h2 .pseudo:hover .icon,
.widgets h3 .icon:hover{
  background-position: -82px -20px;
}

.widgets .group.opened h2 .icon,
.widgets .widget.opened h3 .icon{
	background-position: -82px -40px;
}

.widgets .group.opened h2 .pseudo:hover .icon,
.widgets .widget.opened h3 .icon:hover{
  background-position: -82px -60px;
}


.widgets .opened h2 .bg{
	display: block;
}

.widgets .group > .wrap{
	display: none;
	position: relative;
	width: 100%; /* фикс против скачков в jQuery.slideDown() */
	padding: 10px 0;
	margin-bottom: -5px;
}

.widgets .group.opened > .wrap{
	display: block;
}

.widgets .group > .wrap > .wrap2{
	padding: 0 1.5em 1px 0.8em;
	margin-top: -10px;
	background: #f7f3eb;

	-moz-border-radius: 0 0 0.5em 0.5em;
	border-radius: 0 0 0.5em 0.5em;
}


.widgets .group .hr{
	border-top-color: #ded9cc;
	border-bottom: 1px solid #fff;
	/*margin: 0 -1.5em 0 -0.8em;*/
	margin: 0.7em -1.5em 1em -0.8em;
}


.widget{
	padding-top: 0.9em;
	line-height: 1.2;
}

.hr + .widget {
	padding-top: 0;
}

.widget h3{
	position: relative;
	padding-right: 3.64em;
	margin: 0 -1.36em 0.9em 0;
	font: 115%/1.2 Georgia, Times, serif;
}

.widget .content{
	display: none;
	position: relative;
	width: 100%; /* фикс против скачков в jQuery.slideDown() */
	padding: 10px 1.5em 0.5em 0;
	top: -10px;
	margin-bottom: -10px;
}

.content h3 {
	font: bold 110%/1.2 Arial, sans-serif;
}

.widget.opened .content{
	display: block;
}



.widget table{
	text-align: right;
	width: 100%;
}

.widget table + table {
	margin: 1em 0 0;
}

.widget th{
	padding: 0 0 0.5em 0.65em;
	font-size: 78%;
	font-weight: normal;
	text-align: right;
}

.widget .with_spacing th,
.widget .with_spacing td{
	padding-top: 1.2em !important;
}

.widget td {
	position: relative;
	font-size: 120%;
	padding: 0 0 .25em .5em;
	text-align: right !important;

}
.widget td .rubl {
	font-size: 90%;
}

.widget td.weak,
.widget table td.title{
	font-size: 100%;
	padding: 2px 0 .5em .6em;
}

#widget_exchange .content td {
	white-space: nowrap;
}

.widget td.weak .rubl {
	font-size: 100%;
}
.widget td .w_data_wrap {
	position: relative;
}

.widget table .title{
	text-align: left !important;
	padding-left: 0 !important;
}

.widget table .title ins,
.widget ul li ins{
	display: inline-block;
	margin-left: 0.1em;
	/*margin-top: 0.3em;
	margin-top: 0.19em;*/
	font-size: 78%;
	white-space: nowrap;
}

.widget table i.up,
.widget table i.down{
	position: absolute;
	width: 7px;
	top: 0;
	right: -8px;
	margin: .01em 0 0 -.5em;
	font-size: 15px;
	overflow: hidden;
}

.widget table i.up{
	color: #217524;
}

#widget_exchange.widget table i.up,
#widget_exchange.widget table i.down {
	top: -1px;
}

@-moz-document url-prefix() {
	#widget_exchange.widget table i.up,
	#widget_exchange.widget table i.down {
		top: 0;
	}
}

.widget table i.down{
	color: #b60006;
}



.widget.subtype_list .content .wrap{
	padding-top: 0.8em;
	padding-bottom: 0.5em;
}

.widget.subtype_list table td{
	padding-left: 1em;
}

.widget.subtype_list table .title{
	padding-top: 0.2em;
	padding-bottom: 0.6em;
}



.widget.name_interbank .title{
	width: 42%;
	/*line-height: 1.4;*/
}

.widget.name_interbank .title ins{
	margin-left: 0;
	/* font-size: 78%; */
}






/******************************/
/*          hot.css           */
/******************************/


.hot .hot_block{
	position: relative;
	margin-bottom: 3em;
}

.hot .hot_block h2{
	margin-bottom: 0.5em;
}

.hot .hot_block dt{
	font-size: 82%;
}

.hot .hot_block dd{
	margin-bottom: 1.2em;
}

.hot .hot_block dd span.with_bottom_shadow {
 display: inline-block;
 margin: 5px 0 10px;
}
.hot .hot_block dd img {
 display: block;

 -webkit-border-radius: 0.5em;
 -moz-border-radius: 0.5em;
 border-radius: 0.5em;
}




/******************************/
/*       materials.css        */
/******************************/

.materials li{
	position: relative;
	margin-bottom: 1.2em;
}

.materials li .file{
	margin: 0 0 0 -22px;
}

.materials.extra h2{
	margin-bottom: 0.5em;
}


.materials.popular{
	display: none;
}

.materials.popular h2{
	font-size: 140%;
	margin-bottom: 0.7em;
}






/******************************/
/*         home.css           */
/******************************/


h1{
	color: #ae0000;
	margin-bottom: 1.2em;
}

#content{
	margin-right: -75px;
}


.col.widgets{
	width: 45%;
	margin-right: 5%;
}

.col.hot{
	width: 50%;
}

.col.materials.extra{
	width: 65%;
	margin-right: 5%;
}

.col.materials.popular{
	width: 30%;
}




.major_minor_splitter{
	margin: 0 0 1.5em -3px;
	clear: both;
}

.major_minor_splitter:before,
.major_minor_splitter .bul{
	left: 67%;
}

.wrap2 .wave_hr {
	margin: 0.7em -1.5em 1em -0.8em;
}

.wrap2 .closedcorners_hr {
	margin: 0 -1.5em 0 -0.8em;
}

.wrap2 .without_dash {
	margin-bottom: 1em !important;
}

.widget  ul.without_dash:last-of-type {
	margin-bottom: 0 !important;
}

td.title ul.without_dash {
	margin-left: 1.5em;
}

td.title ul.without_dash li:last-of-type {
	margin-bottom: 0 !important;
}

.important_articles {
	border: 1px solid #C1BEB7;
	position: relative;
	margin: 0 0 20px;
	padding: 14px 17px 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.important_articles .important {
	display: block;
	margin: 0 0 10px;
}
.important_articles dd:last-child {
	margin: 0;
}

