* {padding:0; margin:0}
html {height:100%; background:url(/images/bg.jpg) center 0 repeat-y #0476bc}
body {position:relative; height:100%; font-family:tahoma; font-size:12px; color:#616161}
img {border:0}
a {outline:none; color:#333}
a:hover {text-decoration:none}
ul {list-style:none}

/*.png support*/
img{behavior:url("/js/pngbehavior.htc");}

.content {min-height:100%; _height:100%; background:url(/images/bg-center.png) center 0 repeat-y; margin:0 auto; width:960px; padding:0 20px}
.empty {height:136px; _height:113px; clear:both; background:#fff}

.head {background:url(/images/bg-top.png) center -8px no-repeat; padding:42px 20px 0 46px; margin:0 -20px}
.logo img {float:left}
.search {float:right; width:238px; height:33px; background:url(/images/search-text.png) no-repeat; margin:-5px 15px 0 0; _margin:-5px 8px 0 0}
.search input {float:left; background:none; border:0; position:absolute; font-family:tahoma; font-size:14px; margin:8px 0 0 8px; width:168px; color:#666}
.search input.button {float:right; position:relative; margin:0; width:auto}
.asv {float:right; width:258px; height:33px; margin:-5px 15px 0 0; _margin:-5px 8px 0 0}
.tel {padding:0 19px 0 0; text-align:right; margin:28px 0 23px}
.tel img {position:relative; top:23px}
.adress {color:#285d87; text-align:right; padding:11px 19px 10px 0}
.addblock {clear:both; margin:0 0 0 -22px;}


.h-menu {height:55px; clear:both; margin:10px 4px; position:relative;} 
.h-menu table tr td{background:url(/images/mbg.gif); text-align:center; line-height:55px; vertical-align:middle;}
.h-menu a{display:block; width:100%; line-height:54px; vertical-align:middle;}

.mtl, .mtr, .mbl, .mbr{position:absolute;}
.mtl, .mtr{top:0;}
.mbl, .mbr{bottom:0;}
.mtl, .mbl{left:0;}
.mtr, .mbr{right:0;}

.columns {padding:0 0 4px; float:left; width:100%}

.left-column {float:left; width:641px; padding:23px 38px 21px; text-align:justify}
.left-column p {padding:0 0 17px}
.left-column h1 {padding:0 0 14px}
.left-column span {padding:0 0 14px; color:#0677bd; font-size:12px; display:block}

.text {padding:0 0 0 18px; margin:0 0 -8px}
.left-column strong.blue {color:#0677bd; font-weight:bold; padding:0 0 17px 18px; background:url(/images/icon.png) 0 1px no-repeat; display:block; position:relative}
.left-column .text strong.blue {left:-18px}
.left-column strong.blue-in {color:#0677bd; font-weight:bold; padding:0 0 17px 18px; display:block; position:relative}
.left-column .text strong.blue-in {left:-18px}
.left-column ul {padding:0 0 0 18px}
.left-column li {display:block; padding:0 0 18px 18px; background:url(/images/li.png) 0 5px no-repeat}
.map {padding:10px 0 30px; text-align:center}
.map img {border:3px solid #b5b5b5}
.left-column .doc {width:100%; display:table; padding:10px 0 30px; margin:0 -2px 0 0}
.doc li {display:block; text-align:right; padding:0 0 0 92px; clear:both; width:534px; background:none}
.doc li a {color:#484848; text-decoration:none; padding:5px 55px 5px 0; background:url(/images/download.png) 100% 1px no-repeat; position:relative; float:right; left:-92px; margin:3px 0; *margin:3px 0 1px}
.doc li a:hover {text-decoration:underline; color:#0677bd}
.table {width:675px; margin:0 -35px 24px 0}
.table td {background:url(/images/td-bg.png) 100% 0 repeat-y #f3f3f3; border-bottom:2px solid #fff; color:#3f3f3f; width:113px; text-align:center}
.table tr.title-top td, .table tr.title-bottom td {background:#7ecaf9; color:#fff; font-weight:bold; border:0}
.table tr.title-top td strong, .table tr.title-bottom td strong {color:#565656}
.table tr.title-top td.lt {background:url(/images/lt.png) 0 0 no-repeat #7ecaf9}
.table tr.title-top td.rt {background:url(/images/rt.png) 100% 0 no-repeat #7ecaf9; padding:8px 0 4px; width:452px}
.table tr.title-bottom td {border-bottom:5px solid #fff}
.table tr.title-bottom td.lb {background:url(/images/lb.png) 0 100% no-repeat #7ecaf9; text-align:left; padding:0 0 0 25px}
.table tr.title-bottom td.rb {background:url(/images/rb.png) 100% 100% no-repeat #7ecaf9}
.table tr.title-bottom td.r {background:url(/images/title-right.png) 100% 100% no-repeat #7ecaf9; padding:14px 0 12px}
.table td.first {width:219px}
.table td.first div {background:url(/images/ltop.png) 0 0 no-repeat}
.table td.first div div {background:url(/images/lbottom.png) 0 100% no-repeat; padding:4px 0}
.table td.last {background:#f3f3f3}
.table td.last div {background:url(/images/rtop.png) 100% 0 no-repeat; *margin:0 -1px 0 0}
.table td.last div div {background:url(/images/rbottom.png) 100% 100% no-repeat; padding:4px 0}

.right-column {float:right; width:238px; padding:0 4px 0 0}
.v-menu {width:238px; padding:12px 0 0; background:url(/images/menu-top.jpg) no-repeat #00488c}
.v-menu ul {min-height:138px; _height:138px; background:url(/images/menu-bottom.gif) 0 100% no-repeat; padding:0 0 5px}
.v-menu ul li {display:block; width:238px}
.v-menu ul li a {display:block; font-size:18px; color:#fff; text-decoration:none; line-height:23px; background:url(/images/li-bg.png) 0 0 no-repeat; text-align:right; padding:0 25px 2px 0; *padding:0 25px 0 0}
.v-menu ul li a:hover {color:#bf97ff}
.v-menu ul li ul {min-height:1px; _height:1px; background:none; padding:0 0 3px; display:none}
.v-menu ul li ul li a {background:none;font-size:15px;}
.v-addblock {padding:6px 0 0}

.undermenu a {display:block; font-size:18px; color:#0068cc; text-decoration:none; line-height:23px;text-align:right; padding:0 25px 2px 0; *padding:0 25px 0 0}
.undermenu a:hover {color:#0068cc; text-decoration:underline}

.news {width:951px; background:url(/images/news-top.png) no-repeat; float:left; margin:0 0 0 4px; _margin:0 0 0 2px; overflow:hidden; zoom:1}
.news-in {background:url(/images/news-bottom.png) 0 100% no-repeat; width:968px; float:left; padding:0 0 10px}
.news-in h2 {text-align:right; padding:8px 16px 10px 0; width:935px}
.news-in div {float:left; width:435px; text-align:right; font-size:10px; color:#8a9193; border-left:1px solid #bbb; padding:0 26px 3px 23px; margin:0 0 0 -7px}
.news-in div img {float:left; border:1px solid #262626; margin:0 37px 37px 0}
.news-in div h4 {font-size:16px; color:#940101; margin:0 0 -1px}
.news-in div p {font-size:12px; color:#262626; text-align:justify; margin:15px 0 10px}
.news-in div a {font-size:11px; color:#570d0e}

.icons {width:700px; position:relative; left:-28px; margin:0 -58px 0 0}
.icons td {text-align:center; vertical-align:top; padding:15px 0 20px}
.icons a, .addblocks a{display:block; margin:0 auto}
.icons a.credcards {width:97px; height:134px; background:url(/images/ic1.png) 0 0 no-repeat}
.icons a.investments {width:111px; height:137px; background:url(/images/ic2.png) 0 0 no-repeat}
.icons a.holdings {width:97px; height:120px; background:url(/images/ic3.png) 0 0 no-repeat}
.icons a.precious {width:133px; height:134px; background:url(/images/ic4.png) 0 0 no-repeat}
.icons a.universal {width:116px; height:168px; background:url(/images/ic5.png) 0 0 no-repeat}
.icons a.lease {width:99px; height:134px; background:url(/images/ic6_1.png) 0 0 no-repeat}
.icons a.leases {width:99px; height:134px; background:url(/images/ic6_1.png) 0 0 no-repeat}
.icons a.perevodid {width:99px; height:134px; background:url(/images/ic6_2.png) 0 0 no-repeat}
.icons a.translations {width:99px; height:137px; background:url(/images/ic7.png) 0 0 no-repeat}
.icons a.credits {width:99px; height:120px; background:url(/images/ic8_1.png) 0 0 no-repeat}
.icons a.creditis {width:99px; height:120px; background:url(/images/ic8_1.png) 0 0 no-repeat}
.icons a.service {width:109px; height:117px; background:url(/images/ic9.png) 0 0 no-repeat}
.icons a.cheques {width:127px; height:137px; background:url(/images/ic10.png) 0 0 no-repeat}
.icons a.deposits {width:99px; height:126px; background:url(/images/ic11.png) 0 0 no-repeat}
.icons a.tarifs {width:99px; height:124px; background:url(/images/ic13.png) 0 0 no-repeat}
.icons a.kredit_line {width:99px; height:134px; background:url(/images/icon_credit_line.png) 0 0 no-repeat}
.icons a.overdraft {width:99px; height:120px; background:url(/images/icon_overdraft.png) 0 0 no-repeat}
.icons a.garantija {width:99px; height:120px; background:url(/images/icon_garantiya.png) 0 0 no-repeat}
.icons a.oformlenie {width:99px; height:134px; background:url(/images/icon_oformlenie.png) 0 0 no-repeat}
.icons a.annuitet {width:99px; height:120px; background:url(/images/icon_annuitet.png) 0 0 no-repeat}
.icons a.potrebitelskijj {width:147px; height:120px; background:url(/images/icon_potrebitelskijj.png) 0 0 no-repeat}
.icons a.potrebitelskijj2 {width:147px; height:120px; background:url(/images/icon_potrebitelskijj2.png) 0 0 no-repeat}

.icons a.credcards:hover {background-position:0 -134px}
.icons a.investments:hover {background-position:0 -137px}
.icons a.holdings:hover {background-position:0 -120px}
.icons a.precious:hover {background-position:0 -134px}
.icons a.universal:hover {background-position:0 -168px}
.icons a.lease:hover {background-position:0 -134px}
.icons a.leases:hover {background-position:0 -134px}
.icons a.perevodid:hover {background-position:0 -134px}
.icons a.translations:hover {background-position:0 -137px}
.icons a.credits:hover {background-position:0 -120px}
.icons a.creditis:hover {background-position:0 -120px}
.icons a.service:hover {background-position:0 -117px}
.icons a.cheques:hover {background-position:0 -137px}
.icons a.deposits:hover {background-position:0 -127px}
.icons a.tarifs:hover {background-position:0 -125px}
.icons a.kredit_line:hover {background-position:0 -134px}
.icons a.overdraft:hover {background-position:0 -120px}
.icons a.garantija:hover {background-position:0 -120px}
.icons a.oformlenie:hover {background-position:0 -134px}
.icons a.annuitet:hover {background-position:0 -120px}
.icons a.potrebitelskijj:hover {background-position:0 -120px}
.icons a.potrebitelskijj2:hover {background-position:0 -120px}


/*.addblocks {padding:0; position:relative; height:140px;}
.addblocks a{float:left; width:99px; height:140px; margin-right:70px; position:absolute; top:0;}
.addblocks a.vkladi{background:url(/images/icon_vkladi.jpg) left  top no-repeat; left:0px;}
.addblocks a.krediti{background:url(/images/icon_krediti.jpg) left top no-repeat; left:169px;}
.addblocks a.oformlenie{background:url(/images/icon_oformlenie.jpg) left top no-repeat; left:338px;}
.addblocks a.yacheyki{background:url(/images/icon_yacheyki.jpg) left top no-repeat; left:507px;}

.addblocks a:hover{background-position:right top;}*/

.addblocks {padding:0; position:relative; height:193px;}
.addblocks a{width:196px; height:193px; margin:0px; position:absolute; top:0;}
.addblocks a.vkladi{background:url(/images/icon_vkladi_big.jpg) left  top no-repeat; left:0px;}
.addblocks a.krediti{background:url(/images/icon_krediti_big.jpg) left top no-repeat; left:222px;}
.addblocks a.oformlenie{background:url(/images/icon_oformlenie_big.jpg) left top no-repeat; left:386px;}
.addblocks a.yacheyki{background:url(/images/icon_yacheyki_big.jpg) left top no-repeat; left:438px;}

.addblocks a:hover{background-position:right top;}


.info {width:951px; background:url(/images/bl-top.png) 0 0 no-repeat #d3e5ef; float:left; margin:0 0 0 4px; _margin:0 0 0 2px; overflow:hidden; zoom:1; height:auto}
.info-in {min-height:150px; _height:150px; background:url(/images/bl-bottom.png) 0 100% no-repeat; float:left; width:100%; padding:32px 0 9px; width:1000px}

/* Middle
-----------------------------------------------------------------------------*/
#middle {
	border-left: 446px solid #d3e5ef;
	height: 1%;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
	margin-right: -100%;
}
#content {
	padding: 0 20px;
}

/* Sidebar Left
-----------------------------------------------------------------------------*/
.sl {
	float: left;
	width: 446px;
	position: relative;
	left: -446px;
}

.blocks {background:url(/images/border.png) 475px 0 repeat-y; _background:url(/images/border.png) 474px 0 repeat-y; margin:9px 0 0}
.white {width:446px; background:url(/images/white-top.png) 0 0 no-repeat #fff; float:left; margin:0 0 0 29px; _margin:0 15px 0 14px; position:relative; left:-14px}

.whiteup{width:446px; height:10px; background:url(/images/white-top.png) 0 0 no-repeat #fff;}
.whitemidbot{background:url(/images/white-bottom.png) 0 100% no-repeat #fff; font-size:11px; color:#3c3c3c; padding:15px 15px 5px 12px; padding-top:0px; text-align:justify;}

.white-in {min-height:144px;_height:144px; background:url(/images/white-bottom.png) 0 100% no-repeat; font-size:11px; color:#3c3c3c; padding:15px 15px 5px 12px; text-align:justify}
.white-in h2 {position:relative; top:-38px; text-align:right; padding:0 8px 0 0; margin:0 0 -14px}
.white-in p {text-indent:30px; padding:0 0 12px}
.ribbon {text-align:right}
.fininfo table{width:100%;}

.footer {background:url(/images/bg-bottom.png) center 100% no-repeat; clear:both; margin:-105px auto 0; width:960px; padding:0 20px; height:105px; _padding:23px 20px 0}
.footer .tel {float:left; padding:0 0 0 270px; margin:0}
.footer .tel img {top:0; width:137px; height:22px;}
.footer .adress {float:left; padding:11px 0 0 32px; clear:left; width:375px}
.footer .addblock {float:left; clear:none; position:relative; top:-31px; *top:-9px; left:32px; margin:0 0 -23px}
.footer .logo {float:right; position:relative; top:-34px; *top:-12px; left:-31px; margin:0 0 -23px}

		#CarouselGal{position:relative; width:641px; height:500px; left:230px; top:-260px}
		#buttonwrapper{width: 100px; height: 13px;position: relative;}
		#left{background: url(/images/rotator/left_right.gif) center no-repeat; width: 23px; height: 200px;	position:absolute; top:200px;left:-220px;}
		#right{	background: url(/images/rotator/left_right.gif) center no-repeat; width: 23px;	height: 200px;	position:absolute;	top:200px;	right:-320px;}
		#left:hover, #right:hover{cursor: pointer;}
		#holder_images { display: none; }
		#carousel img { border: 4px solid #ddd; }
		#carousel img.link:hover { border: 4px solid #0e0893; }

.formtype1 tr td{padding:5px;}
.formtype1 input.text, .formtype1 textarea {width:327px; padding-left:3px; padding-right:0;}
.formtype1 select{width:335px;}
.formtype1{width: 500px;}

.pathmenu{margin-bottom:20px;}

.calc{
	margin:20px 0; width:600px;
}
.calc .note{font-size:11px; color:#999999;}
.calc span{display:inline;}
.calc tr td{
text-align:left;
vertical-align:top;
padding:2px;
}

.calc .num{width:100px;}
