@import 'reset.css';

/* basic */
HTML {
	height: 100%;
	}
BODY {
	position: relative;
	height: 100%;
	min-height: 100%;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.5;
	color: #000;
	background: #ebebeb url(/images/border.png) repeat-y left;
	}

H1, H2, H3 {
	font-family: Georgia, Times, serif;
	font-size: 1.5em;
	font-style: italic;
	line-height: 1;
	margin: 0.7em 0 .6em;
	}
A {
	color: #008B8B;
	}

#content UL {
	margin: .2em 0 1em;
	}
#content P { margin-left: 0; margin-bottom: 10px; }
#content LI {
	margin-left: 0;
	}
#content BLOCKQUOTE {
	margin: 1em;
	font-style: italic;
	}
#content .hr {
	margin: 1.1em 0 .8;
	border-top: 1px solid #fff;
	}

#content.inner H1 {
	font-size: 3em;
	margin-top: 0;
	}
#content.inner LI {
	margin: 0 0 .2em 2em;
	}

.small {
	font-size: .86em;
	}

FORM TABLE {
	margin-bottom: .8em;
	}
FORM TD {
	padding-right: .8em;
	}
FORM TR.padded TD {
	padding-top: .8em;
	}

FORM UL.error {
	padding: 0;
	}
#content.inner FORM UL.error LI {
	color: red;
	margin: 0 2em .2em 2em;
	} 
FORM SUP {
	color: red;
	}


/* layout */
#main {
	position: relative;
	min-height: 100%;
	background: #fff;
	}

#bottom_before {
	height: 100px;
	clear: both;
	}
#bottom {
	position: relative;
	height: 60px;
	padding-top: 20px;
	margin-top: -80px;
	}
#main, #bottom {
	min-width: 970px;
	max-width: 1220px;
	padding: 0 10px 0 20px;
	}

/* top */
#top {
	position: relative;;
	z-index: 999;
	padding: 30px 3% 30px 2%;
	}

#logo LI,
#navbar LI {
	display: block;
	float: left;
	}
#logo A,
#navbar A {
	font-family: Georgia, Times, serif;
	color: #000;
	text-decoration: none;
	}
#logo A:hover,
#navbar A:hover {
	text-decoration: underline;
	}

#logo {
	margin: 0 0 30px;
	}
#logo LI {
	line-height: 38px;
	}
#logo LI.sub {
	margin: 0 0 0 30px;
	padding: 0 0 0 95px;
	background: url(/images/arrow.png) no-repeat;
	}
#logo A {
	font-size: 28px;
	}

#navbar {
	padding: 0;
	background: url(/images/navbar.png) no-repeat;
	}
.lang_en #navbar {
	background-image: url(/images/navbar_en.png);
	}
#navbar LI {
	position: relative;
	margin: 0 29px;
	line-height: 33px;
	font-size: 18px;
	font-style: italic;
	}
#navbar A {
	color: #fff;
	}

#navbar UL {
	position: absolute;
	left: 0;
	top: 33px;
	background: url(/images/navbar-ul.png) bottom repeat-x;
	padding: 6px 14px;
	display: none;
	}
#navbar UL LI {
	float: none;
	margin: 0;
	font-size: 14px;
	white-space: nowrap;
	}
#navbar LI.selected UL {
	display: block;
	}
#navbar LI.selected,
#navbar UL {
	background-color: #f9eeda;
	}
#navbar LI.selected {
	margin: 0 15px;
	}
#navbar LI.selected A {
	color: #1c1c1b;
	margin: 0 14px;
	}
#navbar LI.selected UL A {
	margin: 0;
	}

#navbar>LI:first-child {
	margin-left: 14px;
	}
#navbar>LI:first-child.selected {
	margin-left: 0;
	}

UL#card {
	position: absolute;
	top: 30px;
	right: 4%;
	font-size: .86em;
	line-height: 1;
	}
UL#card LI {
	margin-bottom: 5px;
	}
#card .tel {
	font-family: Georgia, Times, serif;
	font-size: 24px;
	}
#request-button {
	position: absolute;
	top: 98px;
	right: 4%;
	}
 	
UL#languages {
	position: absolute;
	margin: 0;
	top: 10px;
	right: 10px; 
	}
UL#languages LI {
	display: block;
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
	line-height: 11px;
	background: none;
	}

/* columns */
#wrapper {
	width: 33%;
	}
#content {
	position: relative;
	z-index: 1;
	width: 300%;
	}
#content .column {
	float: left;
	width: 29%;
	padding: 0 2%;
	}

#content.inner {
	width: 92%;
	margin: 0 0 0 2%;
	}

#center-wrapper {
	float: right;
	width: 100%;
	margin: 0 0 0 -280px;
	padding: 0;
	}
#center-column {
	padding: 0 0 0 280px;
	margin-left: 4%;
	}

#left-column {
	float: left;
	width: 280px;
	}

/* content */
.banner {
	position: relative;
	overflow: hidden;
	margin: 0 0 30px;
	width: 100%;
	cursor: pointer;
	}
#content .banner UL {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin: 8px 0 0;
	}
#content .banner LI {
	margin: 0;
	padding: 0;
	line-height: 1.3;
	}
.banner .inside {
	border: 1px solid #ebebeb;
	padding: 15px 19px;
	}
.banner .cn {
	position: absolute;
	width: 32px;
	height: 32px;
	left: -16px;
	top: -16px;
	background: url(/images/corners.png);
	}
.banner .cn.tr,
.banner .cn.br {
	margin-left: 100%;
	}
.banner .cn.bl,
.banner .cn.br {
	top: 100%;
	margin-top: -16px;
	}


.portrait1 {
	background-image: url(/images/man-01.jpg);
	}
.portrait2 {
	background-image: url(/images/man-02.jpg);
	}
.portrait3 {
	background-image: url(/images/man-03.jpg);
	}
#portrait {
	position:relative;
	top: 0;
	left: 0;
	width: 275px;
	padding-top: 246px;
	background-repeat: no-repeat;
	background-position: center top;
	}

#portrait BLOCKQUOTE {
	display: block;
	background: #f9eed7 url(/images/pnl_top.png) no-repeat top;
	margin: 0;
	padding: 4px 1.6em 0;
	font-style: normal;
	font-size: 0.87em;
	}
#portrait P {
	margin: 1em 0 0 0;
	}
#portrait .last {
	background: #f9eed7 url(/images/pnl_btm.png) no-repeat bottom;
	height: 14px;
	font-size: 0;
	}

#portrait .iwantto {
	padding: 10px 1em 0;
	font-style: normal;
	font-size: 1em;
	font-style: italic
	}

#personal INPUT {
	display: block;
	float: left;
	width: 32%;
	margin: 0 2% 0 0;
	}
#personal INPUT.button {
	width: auto;
	}
#content #personal UL {
	margin: 8px 0 0;
	}
#content #personal LI {
	float: left;
	margin: 0 4% 0 0;
	}

#companynews LI {
	padding-bottom: 7px;
	list-style-type: disc;
	margin-left: 15px;
	}

#news {
	background: #f9f6ee;
	float: left;
	width: 100%;
	}
#news .inner {
	padding: 1px 15px 10px; 
	}

#news UL P,
#news LI {
	margin: 0;
	}
#news UL P {
	color: #817e78;
	}
#news UL DD,
#news UL UL {
	margin: 0 0 .8em 0;
	}

.news-list DT {
	font-style:italic;
	margin-bottom:.5em;
	}
.news-list DD {
	margin-bottom:1em;
	}
.news-list .title {
	color:#0084a4;
	}
	
#requestform { width: 480px; padding: 20px 0 0 20px; margin: 20px 0 20px; background-color: #f4f4f4; border: 1px solid #ddd; }
#requestform td { padding: 4px; vertical-align: top; }
#requestform TD.label {
	text-align: right;
	}

p.underchart {
	margin-top: 15px;
	font-size: 0.85em; 
	color: #444;
	}

/* bottom */
#bottom P {
	margin: 0 3% 0 2%;
	padding: 15px 0 0;
	border-top: 1px solid #ebebeb;
	font-size: 0.85em; 
	color: #444;
	}

/* extra */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

/* glenic */
#rts-stocks IMG {
	display: block;
	}

/* про табличку РТС */

TABLE#rts-table {
	width: 90%;	
	font-size: 0.86em;
	color: #000;	
	}
#rts-table TD {
	border-bottom: 1px solid #ddd;
	padding: 0.4em 0.4em;
	color: #000;
	}
#rts-table TD.rts-title { 
	padding: 1em 0 0.4em 0; 
	color: #222;
	font-weight: normal;
	font-family: Georgia, Times, serif;
	font-size: 1.2em;
	}
#rts-table TD.rts-plus {
	color: #228b22;
	text-align: right;
	}
#rts-table TD.rts-minus {
	color: #b22222;
	text-align: right;
	}

.table_chart, .pie {
	display: block;
	float: left;
	margin: 1.5em 3em 1.5em 0;
	}
	
/* end */

.pie {
	margin-right: 0;
	}
	
.table_chart td {
	padding: 2px 10px 2px 10px;
	border-bottom: 1px solid #dcdcdc;
	}
	
.table_chart th {
	padding: 2px 10px 2px 10px;
	border-bottom: 1px solid #dcdcdc;
	font-family: Georgia, Times, serif;
	font-size: 0.9em;
	font-style: italic;
	}
.table_chart td,
.table_chart th {
	text-align: right;
	}

td.plus {
	color: #228b22;
	padding-right: 16px; 
	background: url(/images/plus.png) no-repeat right 4px;
	}
	
td.minus {
	color: #b22222;
	padding-right: 16px; 
	background: url(/images/minus.png) no-repeat right 4px;
	}
	
/* про табличку в конценсунс-прогнозе */

table.concensus-table { 
	margin: 0 30px 30px 0; 
	}
	
table.concensus-table td {
	border-bottom: 1px solid #f5f5f5;
	border-top: 1px solid #f5f5f5;
	}

td.emitent { 
	padding: 2px 55px 2px 0; 
	}
	
td.buy {  
	padding: 2px 0 2px 0; 
	color: #228B22; 
	}
	
td.hold {  
	padding: 2px 0 2px 0;
	color: #a9a9a9; 
	}
	
td.sell { 
	padding: 2px 0 2px 0; 
	color: #b22222; 
	}
	
td.small-italic { 
	font-size: 0.9em; 
	}
	
table.concensus-table-mini td.small-italic {
	text-align: right;
	} 
	
/* end */

/* про календарик */

table.calend th {
	font-family: Georgia;
	font-style: italic;
	font-size: 0.9em;
	padding: 2px 15px 2px 0;
	border-bottom: 1px solid #dcdcdc;
	}

table.calend td {
	padding: 2px 15px 2px 0;
	border-bottom: 1px solid #dcdcdc;
	}
	
table.calend td.date {
	color: #2f4f4f;
	padding-top: 20px;
	font-size: 1.4em;
	}
	
table.calend td.digit {
	vertical-align: middle;
	text-align: right;
	font-family: Georgia;
	font-size: 1.2em;
	font-style: italic;
	}

/* end */
#russian_securities_menu {
	background-color: #f9f6ee;
	padding: 12px 10px 12px 5px;
	}

#russian_securities_menu li {
	list-style: disc;
	margin-bottom: 8px;
	font-weight: bold;
	}
#russian_securities_menu li a {
	font-weight: normal;
	}

.hidden {
	display:none;
	}