html,body {margin: 0; padding: 0;}
body {background: #02552b url(../image/style/images/back1.png) repeat-y top;}
body, .tt, .tc, .tb{font-size: 9pt; font-family: verdana, arial, tahoma;}

.all{
	position: relative;
	margin: 0 auto;
	width: 1002px;
	padding: 0;
	background: url(../image/style/images/top.png) repeat-x top;
}
.allen{
	position: relative;
	margin: 0 auto;
	width: 1002px;
	padding: 0;
	background: url(../image/style/images/topen.png) repeat-x top;
}
form{margin: 0px;padding:0px;}

td {font-size: 8pt; line-height: 135%;}
P,ol,ul {font-size: 9pt; margin: 6px 0px; line-height: 150%;}
li{
	margin: 5px;
	padding: 0px;
}
ul {margin-left: 10px; padding-left: 7px;}
ol {margin-left: 10px; padding-left: 16px;}
P.fat {font-size : 8pt; text-align : center; font-weight : bold; color : Black; line-height: 14px;}
	.fat a  {color: Black; text-decoration: none;}
	.fat a:hover  {color: Gray; text-decoration: none;}
P.head {font-size : 10pt; font-weight : bold; text-align : left; color : #313100; margin-bottom : 2%; margin-top : 2%; line-height: 14px; border-bottom: 1px solid Gray;}
	.head a  {color: Black; text-decoration: none;}
	.head a:hover  {color: Gray; text-decoration: none;}


P.sign, .bsign{font-size : 7pt; text-align : center;}

P.sign {line-height: 130%;}

.bsign {line-height: 150%; color : white;}
	.bsign a {color : white; text-decoration: none;}
	.bsign a:hover  {color : #f1e2aa;}

.bssign {font-family: tahoma; font-size : 7pt; line-height: 110%; text-align : center; color : white;}

.white, .make_start {font-size : 9pt; line-height: 150%; text-align : left; color : white;}
	.white a, .make_start a  {color : white; text-decoration: none;}
	.white a:hover, .make_start a:hover  {color : #f1e2aa; text-decoration: none;}

.make_start{
	padding: 6px 0px;
	vertical-align: middle;
	float: right;
}

.b9, .c8, .r8{	font-size : 8pt;}
	.b9 a  {text-decoration: none;}
	.b9 a:hover  {text-decoration: none;}
.c8, .b8{text-align : left;}
.b9, .b8{font-weight: bold; line-height: 12px;}
.c8, .r8{line-height: normal;	font-style: normal;}
.b9 {text-align: center;}
.b8 {font-size: 7pt; line-height: 50%; margin: 10% 0px 3%; color : Gray;}
.r8 {text-align: right;}

.date {line-height : 143%; margin: 3% 0px 2%; color : #777777; font-weight: bold;}
H1, H2, H3{font-weight : bold;}
.date, H2, H3{font-size : 10pt;}
.date, H1, H3{text-align : left;}
H1 {font-size : 13pt; font-family: tahoma; color : #313100; margin: 2% 0px; line-height: 143%; text-shadow: rgb(204, 204, 204) 1px 1px 0px;}
H1 A, H1 A:Hover {text-decoration: none;}
H1 A {color: Black;}
H1 A:Hover {color: Gray;}
H2 {text-align : center; color : Gray; line-height: 130%;}
H3 {vertical-align : middle; margin: 3% 0px 2% 0px;}
A {color: Gray; text-decoration: underline;}
A:Hover {color: Black; text-decoration: underline;}

/* персональрый раздел */
P.tr9, P.tr10{
	text-align : left;
	margin-bottom : 6px;
	margin-top : 2px;
	padding: 0px 10px;
}
P.tr10 {font-size: 10pt; line-height: normal;  font-weight: bold;  background: #e6e7e8;}
P.tr9 {font-size: 12pt; line-height: 200%; }

/* колонки */
#col_1, #col_2, #col_3, #col_12, #col_13{
	Z-INDEX: 1;
	POSITION: absolute;
	TOP: 245px;
	HEIGHT: auto;
}
#col_1, #col_12, #col_13{LEFT: 12px;}
#col_1, #col_3{WIDTH: 190px;}
#col_2 {WIDTH: 585px; LEFT: 210px;}
#col_12 {WIDTH: 783px;}
#col_13 {WIDTH: 980px;}
#col_3 {LEFT: 803px; Z-INDEX: 2;}

/* интерфейс */
#whereareyou, #ruen, #menushadow{POSITION: absolute;}
#whereareyou {Z-INDEX: 1; LEFT: 17px; WIDTH: 969px;  TOP: 210px; HEIGHT: 20px;}
#ruen {Z-INDEX: 1; LEFT: 880px; WIDTH: 120px; TOP: 127px; HEIGHT: 20px;}
#menushadow {Z-INDEX: 4; LEFT: 0px; TOP: 168px; height:46px; width:1002px; background: url(../image/style/images/menu_s.png); -background: none;
     -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/style/images/menu_s.png', sizingMethod='scale');}

.ar {vertical-align: text-bottom; border: 0px;}
#hw {border-top: 1px solid white; margin: 0px; padding: 0px;}
#hs {border-top: 1px solid Gray; margin: 0px; padding: 0px; width: 390px;}
#hl {border-top: 1px solid Gray; margin: 0px; padding: 0px;}

/* таблицы */
.tt, .tc, .tb{padding: 0px 12px;}
.tt, .tb{height: 14px;}
#col_1 .tt, #col_3 .tt{background: url(../image/style/images/yt.png) repeat-y;}
#col_2 .tt{background: url(../image/style/images/t2.png) repeat-y;}
#col_12 .tt{background: url(../image/style/images/t3.png) repeat-y;}
#col_13 .tt{background: url(../image/style/images/t4.png) repeat-y;}

#col_1 .tc, #col_3 .tc{background: url(../image/style/images/yc.png) repeat-y;}
#col_2 .tc{background: url(../image/style/images/c2.png) repeat-y;}
#col_12 .tc{background: url(../image/style/images/c3.png) repeat-y;}
#col_13 .tc{background: url(../image/style/images/c4.png) repeat-y;}

#col_1 .tb, #col_3 .tb{background: url(../image/style/images/yb.png) repeat-y;}
#col_2 .tb{background: url(../image/style/images/b2.png) repeat-y;}
#col_12 .tb{background: url(../image/style/images/b3.png) repeat-y;}
#col_13 .tb{background: url(../image/style/images/b4.png) repeat-y;}

.trh {background: #e6e7e8;}
.trd {background: #fffcdb;}
.tra {background: #e1efd4;}
.trl {background: #e9f4eb;}
.trb {background: #ffffff;}

.col {
	border: 0px;
	width: 100%;
	background: #FFFFFF;
	BORDER-COLLAPSE: collapse;
	margin-bottom: 14px;
}
.butb_counter div{
	margin: 5px 0px;
	text-align: center;
	clear: both;
}


.light{width: 100%;}
.light, .tiny {border: 1px solid #FFFFFF; BORDER-COLLAPSE: collapse; background-color: #FFFFFF;}
.light td, .tiny td {border: 1px solid #FFFFFF; padding: 3px;}

/* меню */

.menubar{
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	color: Black;
	position:absolute;
	top:179px;
	z-index:10;
}
.menubar a {color: Black; padding-bottom: 3px; text-decoration: none;display: block;}
.menubar a:visited {color: Black; text-decoration: none;display: block;}
.menubar a:hover {color: black; height: 35px;display: block;}

.tmenu {
height: auto;
width: auto;
position: absolute;
border: 0px;
-webkit-box-shadow: 3px 5px 4px rgba(0,0,0,0.5);
-moz-box-shadow: 3px 5px 4px rgba(0,0,0,0.5);
box-shadow: 3px 5px 4px rgba(0,0,0,0.5);
-moz-border-radius: 0px 0px 13px 13px;
-webkit-border-radius: 0px 0px 13px 13px;
border-radius: 0px 0px 13px 13px;
}
.menuContainer{visibility: hidden; z-index: 2;}

.menu {background: transparent; opacity: 0.95;}
.menu table{border: none; BORDER-COLLAPSE: collapse;}
.menu table td{padding: 0px; margin: 0px;}
.menu .left, .menu .right, .menu .b_left, .menu .b_right{width: 12px;}
.menu .left{background: url(../image/style/images/ml.png) repeat-y left;}
.menu .center{
	background: #f1e2aa;
	white-space: nowrap;
	vertical-align: top;
	padding-top: 11px;
	font-size: 11px;
	line-height: 12px;
}
.menu .right{background: url(../image/style/images/mr.png) repeat-y right;}
.menu .b_left, .menu .b_center, .menu .b_right{height: 12px;}
.menu .b_left{background: url(../image/style/images/mbl.png) no-repeat left;}
.menu .b_center{background: url(../image/style/images/mb.png) repeat-x bottom;}
.menu .b_right{background: url(../image/style/images/mbr.png) no-repeat right;}

.menu a {padding: 1px 3px 3px; color: Black; display: block; text-decoration: none; background: transparent; }
.menu a:visited {color: Black; text-decoration: none;}
.menu a:hover {background: #747a59; color: White; text-decoration: none;}

/* кнопки */
.button {font-size: 10pt; font-weight: bold; text-align: left; line-height: 14px; text-shadow: rgb(204, 204, 204) 1px 1px 0px;}
.button a, .button a:visited, .button a:hover{
	text-decoration: none;
	padding: 10px 0px 10px 15px;
	display: block;
	width: 170px;
}

.button a {color: Black;}
.button a:hover {color: Gray; background: url(../image/style/images/hover.gif);}
.button fieldset{margin: 0px 10px;}
.here {font-size: 10pt; font-weight: bold; text-align: left; line-height: 14px;color: Gray; text-decoration: none; padding: 10px 15px 10px 15px; background: url(../image/style/images/hover.gif);}

/* таблицы */
.tbc1 {padding-left: 0px; padding-right: 0px; background: url(../image/style/images/yc.png);}

#uno a {height: 34px;}
#due a {height: 47px;}
#tre a {height: 61px;}

/* Нормативные документы */

div.norm_doc_section {WIDTH: 100%;}
div.norm_doc_section div.norm_doc_section_name {background: #e9f4eb; font-size: 10pt; font-weight : bold; padding: 5px 0px 5px 5px; cursor:pointer; margin-bottom: 4px;}
div.norm_doc_section div.norm_doc {font-size: 9pt; padding: 0px 0px 5px 5px; WIDTH: 99%;}
div.norm_doc_section div.annex {font-size: 9pt; padding: 5px 0px 5px 10px; WIDTH: 98%;}

/* котировки  */
.quot_s {background: #e6e7e8; font-size : 10pt; font-weight : bold; text-align : left; padding: 5px 0px 5px 5px; margin-right: 153px;}
.quot_m {font-size : 9pt; font-weight : bold; text-align : left; padding: 3px 0px 3px 20px;}
.quot_k {font-size : 9pt; text-align : left; padding: 5px 0px 5px 35px; cursor:pointer;}
.quot_y {font-size : 8pt; text-align : left; padding: 3px 0px 3px 45px;}
.quot{
	margin: 0 0 0 50px;
}
.quot td{
	background: #e6e7e8;
	vertical-align: top;
}
.quot div{
	padding:2px;
	text-align: center;
}

/* календарь */
.calendar{
	background: #f4f4f4;
	width: 100%;
	border: none;
}
.calendar td{
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	/*height: 25px;*/
}
.months a{
	text-decoration: none;
	/*width: 22px;
	border: thin solid #f4f4f4;*/
	clear: none;
}
.months a:hover{
	text-decoration: none;
	background: white;
	/*border: thin solid white;*/
}
.week td{
	background: #eeeeee;
	color: gray;
	font-weight: bold;
}
.day td{
	/*width:14%;*/
}
.week a, .day a{
	text-decoration: none;
	width: 90%;
	display: block;
	border: thin solid #f4f4f4;
}
.week a:hover, .day a:hover{
	text-decoration: none;
	background: white;
	border: thin solid white;
}
.error {
	background: #ffff66;
	border: 1px dashed red;
	color: red;
	font-weight: bolder;
}
.success {
	background: #ccff66;
	border: 1px dashed green;
	color: green;
	font-weight: bolder;
}
.success, .error{
	margin:0;
	width: 100%;
	text-align: center;
	padding: 15px 0px;
	vertical-align: middle;
}
/* -------------------------lightbox.css */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

/*#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}*/
#outerImageContainer {position: relative; background-color: #ffffff; width: 250px; height: 250px; margin: 0 auto; border: 2px solid Gray; border-bottom:0px;}

#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../image/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../image/lightbox/nextlabel.gif) right 15% no-repeat; }

/*#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }*/
#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif; background-color: #ffffff; margin: 0 auto; line-height: 1.4em; overflow: auto; width:
100%; padding-bottom: 10px; padding-top: 5px; border: 2px solid Gray; border-top: 0px;}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px;
/* background-color: #000;*/
 }
/* -------------------------lightbox.css */
.navigation{
	margin: 0 auto;
	width: 160px;
}
.navigation td{
	text-align: center;
}

#forward a, #back a {
	background: url(../image/ar.png) no-repeat;
	width: 22px;
	height: 12px;
	padding: 0px;
	text-decoration: none;
}

#forward a {background-position: right; margin: 0px 0px 0px 7px;}
#back a {background-position: left; margin: 0px 7px 0px 0px;}

#forward a:hover {background-position: -44px;}
#back a:hover {background-position: -22px;}

/*
#forward a, #back a, #more a {
	background: url(../image/ar.png) no-repeat;
	width: 22px;
	height: 12px;
	margin: 0px 5px;
	padding: 0px;
	text-decoration: none;
}

#more a {
	background-position: right;
}

#forward a{
	float: right;
	background-position: right;
	display: block;
}
#forward a:hover, #more a:hover {
	background-position: -44px;
}
#back a{
	float: left;
	background-position: left;
	display: block;
}
#back a:hover {
	background-position: -22px;
}*/
#quot_1,  #quot_2, #quot_3, #quot_4{
	display: none;
}
/*--------МЕНЮ С КАРТИНКАМИ НА ГЛАВНОЙ--------*/
.image1, .image2, .image3, .image4{
	visibility: visible; width: 130px; height: 130px; position: absolute; top: 20px; z-index: 5;
}
.image1{left: 16px;}
.image2{left: 157px;}
.image3{left: 298px;}
.image4{left: 439px;}

.tgr {border: 1px solid #FFFFFF; BORDER-COLLAPSE: collapse; background-color: #F5F5F5; width: 100%;}
.tgr td {border: 1px solid #FFFFFF; padding: 0px}

.quotcard {
width: 820px;
height: auto;
position: absolute;
top: -5px; left: -628px;
z-index: 5;
background-color: White;
border: 2px solid Gray;
text-align: center;
opacity: 0.98;
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 7px rgba(0,0,0,0.3);
box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}

.ribbon {font-size: 8pt; font-weight: bold; text-align: center; line-height: 14px;}
.ribbon a {color: Black; text-decoration: none; padding-bottom: 6px;
padding-top: 3px; padding-left: 15px; padding-right: 15px; width:
170px; display:table-cell; background-image: url(../image/style/images/yg.png);}
.ribbon a:visited {text-decoration: none;}
.ribbon a:hover {color: #515120; padding-bottom: 6px; padding-top: 3px; padding-left: 15px; padding-right: 15px; display: table-cell; text-decoration: none;}

.ribbon1 {background-image: url(../image/style/images/yg.png); text-align: center; padding: 2px 0px 5px 0px;}
.ribbon1 a {font-size: 8pt; font-weight: bold; text-decoration: none; color: Black;}
.ribbon1 a:visited {text-decoration: none;}
.ribbon1 a:hover {color: #515120; text-decoration: none;}

.m8 {font-size: 8pt; text-align: left; line-height: 110%; font-style: normal; padding-left: 3px; margin-top: 0px; margin-bottom: 0px; color: Black;}
.m8 a {padding-left: 5px; padding-right: 4px; text-color: Grey; display: block; text-decoration: none; padding-bottom: 4px; padding-top: 3px;}
.m8 a:hover {padding-left: 5px; padding-right: 4px; background: #eeeeee; text-color:Black; text-decoration: none;}