﻿* { padding: 0; margin: 0; font-size: 100%; line-height: 1.3em; }

BODY
{ behavior:url("docs/img_shablon/site001/css/csshover.htc"); padding: 0; margin: 0; background-color: #ffffff; color: #6f6f6f; font-family: Arial; font-size: 75%; }
.body-print { background: #fff; }

IMG
{ border: none; margin: 0; display: inline; }


H1, H2, H3, H4, H5, H6
{ margin: 0em 0 0.8em 0; }

H1
{ font-size: 18px; color: #7292bb; font-weight:normal; line-height: 0.9em; font-family: Arial, Tahoma;
padding-top: 29px; padding-bottom: 6px; margin-bottom: 31px; border-bottom: 3px #7292bb solid; }
h1.first { padding-top: 19px; }
h1.sub { margin-bottom: 17px; }
H2
{ font-size: 14px; color: #7292bb; font-weight: bold; margin-bottom: 0; padding-top: 0px; padding-bottom: 17px; }
h2.side {margin-bottom: 0;padding: 0;font-size: 12px; color: #666666; }
H3
{ }
H4
{  }
H5
{  }
H6
{}

input, textarea, select {
	font-size: 100%;
	font-family: tahoma, Arial, sans-serif;	
	border: 1px #93acce solid; padding: 2px;	
}

TABLE
{ border-collapse: collapse; }

TABLE, P, UL, OL, DL
{ padding: 0; margin: 0; }

UL, OL, DL
{ padding-left: 0; }

UL LI { list-style: none; }

TABLE, TD, TH
{ border-spacing: 0; padding: 0; vertical-align: top; text-align: left; font-weight: normal; }

a {outline: none;}

a:link		{ color: #6586b5; text-decoration: underline;}
a:visited	{ color: #6586b5; }
a:hover		{ color: #92cd51; }
a:active	{ color: #6586b5; }



P
{ margin: 0 0 1.2em 0; line-height: 125%;}

.Clear			{ clear: both; }
.fleft			{ float: left; }
.fright			{ float: right; }

.nobr 			{ white-space: nowrap; }

a.green,a.green:visited { color: #92cd51; } 
a.green:hover	{ color: #6586b5; }

a.red,a.red:visited { color: #f11818; } 
a.red:hover	{ color: #ff8989; }

a.orange,a.red:visited { color: #f7a34b; } 
a.orange:hover	{ color: #f7a34b; }

.pad-01			{ padding: 30px 0 46px 0; }
.mar-01			{ margin-bottom: 50px; }

.header-bg {background: #b6cdeb repeat-x 50% 0; width:100%; height: 242px; position: absolute; top:0px; left: 0px; z-index:0;}
#hdb1 {background-image: url("../i/back2_10.jpg")}
#hdb2 {background-image: url("../i/back2_09.jpg")}
#hdb3 {background-image: url("../i/back2_05.jpg")}
#hdb4 {background-image: url("../i/back2_02.jpg")}
#hdb5 {background-image: url("../i/back2_01.jpg")}
#hdb6 {background-image: url("../i/back2_03.jpg")}
#header { background: transparent; min-width: 1020px; width:auto !important; }
#header .inner {  width: 1020px; height: 242px; margin-left: auto; margin-right: auto; position: relative; }
#header .logo { position: absolute; top: 46px; left: 188px; display: block; width: 175px; height: 69px;  background: url("../i/logo-vtb.png") no-repeat; }
#header .slogan { color: #00377b; font-family: arial; font-style: italic; font-size: 29px; position: absolute; top: 142px; left: 258px;line-height: 100%; }
#header .links { position: absolute; right: 24px; top: 16px; color: #fff; font-size: 11px; }
#header .links a { color: #fff; padding: 0 6px; }

.body_11 #header .logo { position: absolute; top: 46px; left: 188px; display: block; width: 175px; height: 69px;  background: url("../i/logo-vtb.png") no-repeat 0 0; }
.body_12 #header .logo { position: absolute; top: 46px; left: 188px; display: block; width: 175px; height: 69px;  background: url("../i/logo-vtb_eng.png") no-repeat 0 0; }

#header2 { background: url("../i/bg-head-1.jpg") #fff repeat-x 50% 0; min-width: 1020px; width:auto !important; }
#header2 .inner {  width: 1020px; height: 114px; margin-left: auto; margin-right: auto; position: relative; }
#header2 .logo { position: absolute; top: 46px; left: 188px; display: block; width: 175px; height: 69px;  background: url("../i/logo-vtb.gif") no-repeat 0 0; }
#header2 .links { color: #3f68a3; position: absolute; right: 43px; top: 83px; font-size: 11px; }
#header2 .links a { color: #3f68a3; padding: 0 6px; }
#header2 .links a:hover { color: #92cd51; }
#header2 .links .dvdr { background: url("../i/dvdr2.gif") no-repeat 0 3px; } 

#content {width: 960px; padding: 30px; margin-left: auto; margin-right: auto; }
.col0-1 { width: 205px; margin-right: 25px; float: left; }
.col0-2 { width: 730px; float: left; }
.col1-1 { width: 480px; float: left; }
.col1-2 { width: 185px; float: right; }
.col2-1 { width: 130px; float: left; }
.col2-2 { width: 332px; float: right; }
.col3-1 { width: 170px; float: left; height: 304px; border: 1px #ededed solid; position: relative; overflow:hidden;}
.col3-2 { width: 290px; float: right; height: 304px; }

.col3-1 ul { margin: 16px 13px; }

#navigation { border-top: 1px #ededed solid; border-left: 1px #ededed solid; border-right: 1px #ededed solid; margin-bottom: 0px; padding: 0px;}
#navigation li { background: url("../i/bg-nav-li.gif") repeat-x 0 0;  margin:0px; padding: 0px; font-size:0px;}
/*
#navigation li a { zoom:1;display: block; padding: 8px 12px 9px 12px; padding-left: 23px; background: url("../i/arr.gif") no-repeat 12px 50%; text-decoration: none; color: #000;} 
*/
#navigation li a , #navigation li p {font-size: 13px; display: block; margin:0px; padding: 8px 12px 9px 12px; padding-left: 23px; background: url("../i/arr.gif") no-repeat 12px 50%; text-decoration: none; color: #000; } 
#navigation li a:hover {  } 
#navigation li ul { border-top: 1px #ededed solid; border-bottom: 1px #ededed solid; padding: 15px 24px; margin:0px;}
#navigation li ul li { background: none; padding: 0; margin: 0; padding-bottom: 9px; font-size: 12px; color: #333333; }
#navigation li ul li a { background: none; padding: 0; margin: 0; color: #3f68a3; text-decoration: underline; }

#navigation li:hover, #navigation li.active { background: url("../i/bg-nav-li-on.gif") repeat-x 0 -1px; }
#navigation li ul li:hover { background: none; } 
#navigation li:hover a, #navigation li.active a { color: #fff; background: url("../i/arr-down.gif") no-repeat 12px 50%; }
#navigation li.active a { text-decoration: underline; }
#navigation li:hover ul li a, #navigation li.active ul li a { color: #3f68a3; }
#navigation li:hover ul li a:hover, #navigation li.active ul li a:hover {color: #92cd51;}

/*
#navigation .submenu { display: none; }
#navigation li:hover .submenu { display: block; }
*/

#contacts { background: #92cd51; padding: 12px 15px; color: #fff;}
#tab_con_cor #contacts { background: #92cd51; }
#tab_con_inv #contacts { background: #f7a34b; }
#tab_con_roz #contacts { background: #f11818; }
#contacts .phones { font-size: 16px; margin-top: 4px; }
#contacts .descr { font-size: 9px; }
#contacts a.svyaz {display: block; float: left; color: #bfff78; font-size: 12px; padding-right: 10px; background: url("../i/arr-green.gif") no-repeat right 6px; margin-right: 14px; margin-top: 10px;}
#tab_con_cor #contacts a.svyaz { color: #bfff78; }
#tab_con_inv #contacts a.svyaz { color: #ffdd89; }
#tab_con_roz #contacts a.svyaz { color: #ff8989; }

.contacts2 { padding-top: 14px; padding-bottom: 14px; }
.contacts2 .phones { font-size: 19px; margin-top: 8px; line-height: 120%; margin-bottom: 3px; }
.contacts2 .descr { font-size: 9px; }
.contacts2 a.svyaz {display: block; float: left; font-size: 12px; padding-right: 10px; background: url("../i/arr-blue.gif") no-repeat right 6px; margin-right: 14px; margin-top: 10px; color: #3f68a3; }


.block-01 { padding: 28px 24px 6px 24px; margin-top: 0px; font-size: 11px; background-color: #fff;}
.block-01 a { color: #3f68a3; }
.block-01 ul { margin-top: 4px; }
.block-01 ul li { padding-bottom: 4px; }
.block-01 a:hover { color: #92cd51; text-decoration: underline; }
.block-01 a.green { color: #92cd51; }
.map-sm { position: relative; left: -11px; }

.search input { margin-top: 6px; }
.search input.text { width: 157px; margin-top: 11px; }
input.button { border: 1px #ededed solid; background: url("../i/bg-btn.gif") repeat-x 0 0; padding: 2px 19px; color: #636464; }
input.button:hover { background: url("../i/bg-btn-on.gif") repeat-x 0 0; color: #fff; }
.tabs-02 { }
.tab-02 { border: 1px #ededed solid; float: left; border-left: 0; border-bottom: 2px #dfdfdf solid; }
.tab-02-ins { padding: 6px 19px 5px 19px; background: #f3f3f3; position: relative; }
.tab-02-ins a, .tab-02-ins a:visited, .tab-02-ins a:active { color: #7d7d7d; text-decoration: none; outline: none; }
.tab-02-ins a:hover { color: #7d7d7d; text-decoration: underline; }
.tab-02-active { margin-bottom: -2px; border-bottom: none;}
.tab-02-active .tab-02-ins { border-left: 1px #ededed solid; border-top: 3px #92cd51 solid; padding-top: 4px; padding-bottom: 7px; background: #fff; position: relative; border-bottom: 0;}
#tab_cor.tab-02-active .tab-02-ins { border-top-color: #92cd51; }
#tab_inv.tab-02-active .tab-02-ins { border-top-color: #f7a34b; }
#tab_roz.tab-02-active .tab-02-ins { border-top-color: #f11818; }

.tab-02-ins s {position: absolute; display: block; }
.tab-02-active .tab-02-ins s.br { bottom: 0px; right: -4px; z-index: 10; width: 4px; height: 5px; background: url("../i/c-01-br-out.gif") no-repeat 0 0; }
.tab-02-ins s.tl { top: -1px; left: -1px; width: 3px; height: 4px; background: url("../i/c-01-tl.gif") no-repeat 0 0; } 
.tab-02-ins s.tr { top: -1px; right: -1px; width: 3px; height: 4px; background: url("../i/c-01-tr.gif") no-repeat 0 0; } 

.ins-02 { border-left: 1px #fff solid; }

.col3-2 .tab-02 { font-size: 11px; }
.col3-2 .tab-02-ins { padding-left: 25px; padding-right: 25px; padding-bottom: 6px;} 
.col3-2 .tab-02-active .tab-02-ins { border-top: 2px #92cd51 solid; padding-top: 5px; }
.col3-2 .tab-02 { border-bottom: none; }
.col3-2 .tab-02-active .tab-02-ins s.br { bottom: 0px; right: -4px; z-index: 10; width: 4px; height: 5px; background: url("../i/c-02-br-out.gif") no-repeat 0 0; }
.col3-2 .tab-02-ins s.tl { top: -1px; left: 0px; width: 3px; height: 4px; background: url("../i/c-02-tl.gif") no-repeat 0 0; } 
.col3-2 .tab-02-ins s.tr { top: -3px; right: -1px; width: 3px; height: 4px; background: url("../i/c-02-tr.gif") no-repeat 0 0; } 

.block-02 { background: #ededed; padding: 1px; }
.block-02-1 { background: #fff; padding: 22px 19px; }
.block-02-2 { border: 1px #ededed solid; padding: 16px 19px 22px 19px; }

.ul-02 { margin-top: 8px; color: #c0c0c0; }
.ul-02 li { padding-bottom: 14px; }
.ul-02 li span { color: #6f6f6f; }
.ul-02 li span, ol li a { font-size: 12px; }

.ul-02 a, .ol-01 a:visited { color: #92cd51; outline:none;}
#tab_con_cor .ul-02 a, .ol-01 a:visited { color: #92cd51; }
#tab_con_inv .ul-02 a, .ol-01 a:visited { color: #f7a34b; }
#tab_con_roz .ul-02 a, .ol-01 a:visited { color: #f11818; }
.ul-02 a:hover { color: #6586b5; }


.ul-01 { font-size: 11px; }
.ul-01 li { padding-bottom: 17px; }

.div-01 { padding: 11px 0 4px 0; }
.div-02 { padding-bottom: 13px; }
a.more { display: block; text-align: right; font-size: 11px; padding-right: 10px; background: url("../i/arr-blue.gif") no-repeat right 5px; margin-right: 14px; }

.plate-01 { background: url("../i/bg-nav-li-on.gif") repeat-x 0 50%; height: 16px; color: #fff; padding: 6px 9px; }
.plate-01 a {color:white; text-decoration:none; cursor:default;}
.plate-02 { background: url("../i/bg-nav-li.gif") repeat-x 0 50%; height: 16px; color: #000; padding: 6px 9px; border-top: 1px #ededed solid; /*position: absolute; */bottom: 0; width: 152px;}
.plate-02 a { text-decoration: none; color: #000; }
.plate-02 a:hover { text-decoration: underline; }

.block-03 { border: 1px #ededed solid; padding: 16px 18px; height: 244px; }

.tbl-01 { width: 100%; margin-top: 12px; font-size: 10px; }
.tbl-01 td { padding-bottom: 4px; }
.td-01 { width: 50%; }
.td-02 { text-align: right; }
.tbl-01 a { padding: 0 2px; }
.tbl-01 a:hover { color: #fff; background: #3f68a3; text-decoration: none; }
.tbl-01 a.viewed { color: #fff; background: #3f68a3; text-decoration: none; cursor:default;}
.up { color: #92cd51; }
.down { color: #ef3f3f; }

.tbl-02 { width: 100%; }
.tbl-02 th { font-size: 9px; color: #b2b2b2; border-bottom: 2px #dddddd solid; padding-bottom: 2px; }
.tbl-02 td { padding: 8px 0 7px 0; border-bottom: 1px #eeeeee solid; }


.banner-02 { padding: 57px 0 30px 0; }
.news-item { margin: 5px 0 16px 0; }
.news-item .date { color: #c6c6c6; font-size: 9px; }

.banners-01 .banner { margin-bottom: 18px; }
.banners-01 .banner img { border-right: 5px #92cd51 solid; }
#tab_con_cor .banners-01 .banner img { border-right-color: #92cd51; }
#tab_con_inv .banners-01 .banner img { border-right-color: #f7a34b; }
#tab_con_roz .banners-01 .banner img { border-right-color: #f11818; }
.banners-01 .banner a.descr { display: block; margin: 4px 0; }

#footer { padding-top: 33px; font-size: 11px; }
#footer .inner { padding: 17px 0 22px 0; border-top: 1px #ededed solid; } 
#footer a, #footer .dvdr { padding-right: 6px; }
#footer .dvdr { background: url("../i/dvdr.gif") no-repeat 0 2px; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }

.antwalk { font-size: 9px; }
.antwalk a { color: #999999; }
.antwalk a:hover { color: #92cd51; }
.antwalk .dvdr { background: url("../i/arr.gif") no-repeat 0 4px; margin: 0 3px; }

.pad-02 { padding-top: 16px; }

.ul-03 { padding-left: 20px; padding-bottom: 24px; }
.ul-03 li { list-style: url("../i/mdash.gif"); list-style-position: inside; padding-bottom: 4px; }

.pic-01 { text-align: center; padding: 20px 0 40px 0; }

.content-submenu { 
	background: #eef5ff; 
	/*
	margin-bottom: 26px; 
	border-bottom: 1px #93acce solid; 
	*/
	padding: 11px 14px 15px 14px; 
}
.content-submenu li { padding: 4px 0 2px 0; }

#menulevel3 tr td, html body #content .col0-2 .block-02 .block-02-1 table{
	background: #eef5ff;
	/*
	margin-bottom: 26px;
 	border-bottom: 1px #93acce solid;
	padding: 14px 14px 14px 14px; 
	*/
	margin-bottom: 20px;

}


/*---------------Sliders------------------------------------------*/
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 730px; /*Width of Carousel Viewer itself*/
height: 900px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right: 10px; /*margin around each panel*/
width: 730px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

div.slideheader {
	border-bottom:3px solid #7292BB;
	color:#7292BB;
	font-family:Arial,Tahoma;
	font-size:18px;
	font-weight:normal;
	line-height:0.9em;
	margin-bottom:31px;
	padding-bottom:6px;
	padding-top:0px;
}

div.slideheader a.slide_back{
	color:#92CD51;
	cursor:pointer;
	font-size:12px;
	position:absolute;
	right:0;
	top:4px;
}

a.carlinks {
	cursor:pointer;
}

a.sleded {
	color: black;
}

a.sleded:link		{ color: black; cursor: default; text-decoration: none; }
a.sleded:visited	{ color: black; cursor: default; }
a.sleded:hover		{ color: black; cursor: default; text-decoration: none; }
a.sleded:active	    { color: black; cursor: default; }

/*---------------------------Tabs------------------------------------*/
.invisible{display: none;}
.curent_p {color:#6f6f6f!important; text-decoration:none!important; cursor:default;}
.tab-02-active a, .tab-02-active a:hover {text-decoration:none!important; cursor:default;}


.scheme-pic{
	margin-left:-15px;
}

P.file {
	PADDING-RIGHT: 0px; 
	BACKGROUND-POSITION: 0px 1px; 
	PADDING-LEFT: 26px; 
	BACKGROUND-IMAGE: url(http://www.vtbgroup.ru/rus/docs/vtb_images/icon-file.gif); 
	MARGIN-BOTTOM: 13px; 
	PADDING-BOTTOM: 4px; 
	PADDING-TOP: 0px; 
	BACKGROUND-REPEAT: no-repeat
}
P.xls {
	BACKGROUND-IMAGE: url(http://www.vtbgroup.ru/rus/docs/vtb_images/icon_xls.gif)
}
P.pdf {
	BACKGROUND-IMAGE: url(http://www.vtbgroup.ru/rus/docs/vtb_images/icon_pdf.gif)
}
P.doc {
	BACKGROUND-IMAGE: url(http://www.vtbgroup.ru/rus/docs/vtb_images/icon_doc.gif)
}
P.ppt {
	BACKGROUND-IMAGE: url(http://www.vtbgroup.ru/rus/docs/vtb_images/icon_ppt.gif)
}
P.zip {
	BACKGROUND-IMAGE: url(http://www.vtbgroup.ru/rus/docs/vtb_images/icon_zip.gif)
}
P.txt {
	BACKGROUND-IMAGE: url(http://www.vtbgroup.ru/rus/docs/vtb_images/icon_txt.gif)
}
P.rar {
	BACKGROUND-IMAGE: url(http://www.vtbgroup.ru/rus/docs/vtb_images/icon_rar.gif)
}

UL LI {BACKGROUND: url(http://www.vtbgroup.ru/rus/docs/vtb_images/arr.gif) no-repeat 0px 7px; }
UL LI {PADDING-LEFT: 16px; BACKGROUND: url(http://www.vtbgroup.ru/rus/docs/vtb_images/arr.gif) no-repeat 0px 7px; MARGIN: 0px; LIST-STYLE-TYPE: none}
OL LI {	PADDING-LEFT: 0px; MARGIN-LEFT: 30px}

DL{
	margin:0px;
	padding:0px;
}
DT, .date{
	color:#aaa;
}




TABLE.tbl {
	WIDTH: 100%
}
TABLE.tbl COL.col1 {
	
}
TABLE.tbl COL.col2 {
	
}
TABLE.tbl COL.col3 {
	
}
TABLE.tbl COL.col4 {
	
}
TABLE.tbl COL.col5 {
	
}
TABLE.tbl CAPTION {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; BACKGROUND: #264a89; PADDING-BOTTOM: 4px; COLOR: #fff; PADDING-TOP: 4px; BORDER-BOTTOM: #fff 2px solid; TEXT-ALIGN: left
}
TABLE.tbl THEAD TH {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-WEIGHT: bold; BACKGROUND: url(http://www.vtbgroup.ru/rus/docs/vtb_images/tbl_line.gif) #cfdff1 no-repeat right top; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; TEXT-ALIGN: left
}
TABLE.tbl TBODY TD {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; BACKGROUND: url(http://www.vtbgroup.ru/rus/docs/vtb_images/tbl_line.gif) no-repeat right top; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; BORDER-BOTTOM: #000 1px solid; TEXT-ALIGN: left
}
TABLE.tbl THEAD TH.first {
	PADDING-LEFT: 4px; BACKGROUND-IMAGE: none; TEXT-ALIGN: left
}
TABLE.tbl TBODY TD.first {
	PADDING-LEFT: 4px; BACKGROUND-IMAGE: none; TEXT-ALIGN: left
}
TABLE.tbl TBODY TD.mark {
	BACKGROUND: url(http://www.vtbgroup.ru/rus/docs/vtb_images/tbl_line.gif) #dfe7f3 no-repeat right top
}

.footnote{
	font-size:10px;
	color: #aaa;
}

.content-submenu LI {
    BACKGROUND: none;
}
.stepcarousel LI {
    BACKGROUND: none;
}
.col0-1 LI {
    BACKGROUND: none;
}

OL UL LI {
    padding-left: 16px;
    background: url(http://www.vtbgroup.ru/rus/docs/vtb_images/arr.gif) no-repeat 0px 7px;
    margin: 0px;
    list-style-type: none;
}
