/**
* index.css
* main stylesheet
* 'Imperia bank'
* by Khoroshilov Evgeniy [RUff]
* Webway company - 2010 | www.webway.ru
*/

/*color scheme GENERAL*/
/*

 text			#

*/

/*color scheme HEADER*/
/*

 beige			#
 dark			#
 
*/

/*color scheme CONTENT*/
/*

 coffee			#
 blue			#

*/

/*color scheme FOOTER*/
/*

 light-blue		#
 darker			#
 
*/

/*-------------import---------------*/

@import url("reset.css");
@import url("c.css");

/*-------------general--------------*/

html {height: 100%;}

body {
	background: #fff;
	color: #444;
	font: normal 10px/100% Arial, Tahoma, sans-serif;
	min-height: 100%;
	min-width: 980px;
	height: 100%;
	overflow: visible;
}

#wrap {
	background-color: #fff;
	height: auto !important;
	min-height: 100%;
	height: 100%;
	width: 990px; 
	margin: 0 auto;
}

#index .container {min-width: 990px; overflow-x:hidden; position: absolute; top: 7%; left: 0; width: 100%;}

/*[
	FONTS
]*/

h1 {font-size: 210%;} h2 {font-size: 180%;} h3 {font-size: 140%;} h4 {font-size: 100%;} h5 {font-size: 100%;}
h1, h2, h3, h4, h5 {font-weight: normal; color: #333;}

.f_alt {font-family: Tahoma, Verdana, Arial, sans-serif;}
.f_main {font-family: Arial, Tahoma, sans-serif;}

.f_case {text-transform: uppercase;}.f_line {text-decoration: underline;}.f_caps {font-variant: small-caps;}
.f_it {font-style: italic;}.f_b {font-weight: bold;}

/*[
	COLORS
]*/

a:link{color: #a60032;} 
a:visited {color: #919191;}
	a:visited {color: #a60032;}
a:hover, a:active {color: #73001d;}

.white {color: #fff;}
.dark {color: #333;}
.grey {color: #666;}
.bordo {color: #a60032;} 

a.grey:link {color: #444;} a.grey:visited  {color: #919191;}
a.grey:hover, a.grey:active {color: #73001d;}

a.bordo:link {color: #a60032;} a.bordo:visited  {color: #a60032;}
a.bordo:hover, a.bordo:active {color: #73001d;}

a.tn {text-decoration: none;}


a.f_hline:link, a.f_hline:visited {text-decoration: none;}
a.f_hline:hover, a.f_hline:active {text-decoration: underline;}



a.pseudo {text-decoration: none; border-bottom: 1px dashed;}

/*----------miscellaneous-----------*/

.fl {float: left;} .fr {float: right;} .nof {float: none;} div.fl, div.fr {display: inline;} .cb {clear: both;}
.nom {margin: 0;} .posr {position: relative;} .posa {position: absolute;} .d_b {display: block;}
.z_3 {z-index: 3;} .z_2 {z-index: 2;} .z_1 {z-index: 1;} .z_0 {z-index: 0;}

.br:after {content: ".";	display: block;	clear: both; height: 0;	font-size: 0; visibility: hidden; overflow: hidden;}
.center {text-align: center;} .right {text-align: right;} .u_line {text-decoration: underline;}

ul {list-style: url(/_pic/misc/bully_main.png) square outside;}
ol.lst, ul.lst {list-style: none none outside;}
ul.dib li, ol.dib li {display: inline-block; *display: inline; *zoom: 1;}

th {
padding: 12px 7px; color: #808080; 
text-align: center; background: #f4f4f4; 
font-weight: normal;
border: 1px solid #fff;
background: #eee;
border-color: #f8f8f8;

}
td {
padding: 18px 12px; text-align: center; 
background: #fff; font-size: 1.091em;
border: 1px solid #d8d8d8;
}
th, td {vertical-align: middle;}
address {font-style: normal;} small {font-size: .8em;}

/*========================FORM ELEMENTS======================*/
.select, .input, .textarea, .password {
	font-family: Arial, Tahoma, sans-serif;
	border: 1px solid #dcdad5;
	padding: 4px 0 0 2px;
	color: #999; _color:#444;
}
.input:focus, .textarea:focus, .password:focus {color: #444;}
.input, .password {height: 15px;}
.select {color: #444;}
	.select optgroup {font-style: normal;}

/*END---------------------FORM ELEMENTS----------------------*/


/*============================HEADER=========================*/

#hd {height:143px;padding: 0 47px 13px 0; position: relative; overflow: visible; background: #fff;}

.balance {
	width: 11px; height: 102px; position: absolute; top:0; left: 100%; z-index: -1;
	margin-left: -11px; line-height:0; background: url(/_pic/misc/balance.png) 0 0 no-repeat;
}

/*
[logo]
*/
	#logo {
		height: 107px; width: 100%; background: #9c0029; 
		position: relative; left: 378px; margin-left: -100%;
	}
	
		#logo img {
			float: right; padding: 31px 98px 32px 172px;
			background: url(/_pic/back/logo_back.png) no-repeat 0 0;
		}
		
		#logo a {}
		
/*
[mini_nav]
*/	
	#hd div.a {width: 441px; height: 35px; position: absolute; top: 67px; left: 493px; /*?*/ left: 487px;}
		#hd div.a .tel {float: left; width: 265px;}
		#hd div.a .a1 {float: left; display: inline; width: 154px; margin-left: 21px;}
		#hd a.lang {color: #b8b8b8; font-size: 1.2em;}

	#mini_nav {padding-top: 12px; font-size: 1.1em; margin-right: -16px; width: 170px;}
	#mini_nav li {padding-right: 12px;}
		
/*
[hd_menu]
*/

	#hd_nav {width: 100%; padding-top: 14px; margin-left: -12px; font-size: 1.2em; font-weight: bold; letter-spacing: -.01ex; position: relative;}
	#hd_nav li {padding: 6px 14px; border-right: 1px solid #d4d4d4; float: left;}
		#hd_nav li.last {border: 0 none;}
		#hd_nav li.cur {border: 0 none;margin-left: -1px;}
		
	#hd_nav a {text-decoration: none;}
		#hd_nav a {color: #a60032;}
		#hd_nav a:hover {color: #73001d; text-decoration: underline;}
	#hd_nav span, #hd_nav li.cur a {
		color: #fff; display: block; 
		background: #a40032; 
		margin: -7px -14px; padding: 7px 14px;
	}


/*END-------------------------HEADER-------------------------*/


/*============================CONTENT========================*/

#cont {
	width: 100%;
	padding: 0 0 158px;
	height: 1%; position: relative;
	line-height: 140%;
}

#cont:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
	
	#cont h2 {line-height: 110%; margin-bottom: 1.4em;}
		#cont h2.tight {width: 506px;}
	#cont h3 {font-weight: bold; font-size: 1.273em; line-height: 105%; margin-bottom: 1.4em;}
	
#index #cont {padding-bottom: 87px;}

	#index #cont h2 {font-size: 1.1em; font-weight: bold;}

/*
[main]--------------------------------------------------------
*/

#main {
	width: 100%;
	float: left; display: inline;
	font-size: 1.1em;
	position: relative;
}

	#maincont {
		padding: 0 225px 0 183px;
		font-size: 1.1em;
		margin-bottom: 35px;
		font-family: Tahoma, Verdana, Arial, sans-serif;
		line-height: 140%;
	}

	a.other {color: #919191;} a.other:hover {color: #333;}
	span.date {color: #9a9a9a;}
	
	
	div.wrapper {
	/*	padding: 30px 24px 40px 28px; padding-top: 54px;*/
		position: relative;
		margin:62px -139px 40px 28px;
	}
	
	div.tight {
		margin-right: 24px;
	}
	
	.wrapper img {
		float: left;
		margin: 4px 14px 8px 0;
	}
	.wrapper p, .wrapper ul {margin-bottom: .8em;}
	
	.wrapper ul {height: 1%; overflow: hidden; padding-left: 24px;}
	.wrapper ul.lst {height: auto; overflow: auto; padding-left: 0;}
	
	.wrapper div.w {
		clear: both;
		position: relative;
		margin-bottom: 1.4em;
		height: 1%;
		overflow-y:hidden;
		margin-right: -7px;
	}
	
		.text {}
			.text p {margin-bottom: .4em;}
			.text strong {margin-bottom: .8em;}
			.text ul, .text ol {padding-left: 24px; margin-bottom: .8em;}
		.formatted {}
			.formatted p {margin-bottom: .8em;}
			.formatted strong {margin-bottom: 1.2em; font-size: 1.091em;}
			.formatted ul, .formatted ol {padding-left: 24px; margin-bottom: .8em;}			

			
	#fl_content{}		
			
	/*===============squares===============*/
	
	#squares {
		height:1%;
		overflow:hidden;
		position: relative;
	}
		
		#squares li {
			float: left; 
			width: 190px; 
			height: 190px; 
			line-height:0; 
			overflow:hidden; 
			font-size: 1px; 
			margin-right: 1px;
		}	
		
		#squares li.bigtop {
			width: 371px;
		}
		
		#squares li.slided {
			display: none;
			position: absolute;
			top: 100%;
		}

	/*=============\\squares===============*/
	
	/*===============path===============*/
	
		#path {
			/*height: 26px;*/
			border-bottom: 1px solid #d9dddf;
			padding: 13px 0 6px 27px;
			margin-right: 18px;
			margin-left: 18px;
			padding-left: 9px;
			color: #bfbfbf;
			font-size: .91em;
		}
		
		#path .crumb {padding-right: 9px; color: #a40022;}

			#path li {
				margin-right: 17px;
			}
			
				#path a {color: #a60032;}
					#path a:hover {color:#73001d;}
	
	/*=============\\path===============*/	
	
	
	
	/*===============news===============*/
	
	/*main*/
	
	.news_block {
		clear: both;
		margin-bottom: 20px;
		padding-left: 105px;
		height: 1%; overflow: hidden;
	}
	
		.news_block .ii {
			margin-left: -105px;
			width: 105px;
			float: left; display: inline;
		}
		
			.news_block .date {
				font-size: 1.091em;
				display: inline-block;
				text-align: center;
				background: #a8a297;
				width: 74px;
				padding: 6px 4px;
				color: #fff;
			}
			
			.news_block .ii a {
				display: block;
				float: left;
				margin-top: 14px;
			}
		
			.news_block .tt strong {
				font-size: 1.273em;
				display: block;
				margin-bottom: .8em;
				font-weight:normal;
				line-height:120%;
			}
			
			.news_block .tt a {
				color: #a60032;
			}

	/*inner*/
		
		h3 span.date {
			font-size: .8em;
			display: inline-block;
			*display:inline; *zoom: 1;
			text-align: center;
			background: #a8a297;
			width: 74px;
			padding: 6px 4px;
			color: #fff;	
			margin-right: 22px;
			line-height: 130%;
			font-weight: normal;
			float: left;
		}
		
		h3 span.head {
			display: inline-block;
			*display:inline; *zoom: 1;
			width: 410px;
		}
		
		.back {margin: 24px 0;}
	
	/*filter*/
	
		.filter {padding: 8px 6px 6px 17px; background: #f2f1ec;margin:-32px 0 0 -6px;}
		
		.filter h4 {font-size: 1.1em; margin-bottom: .8em;}
		.filter ul {margin-bottom: .4em; padding-left: 24px;}
		
	
	/*=============\\news===============*/	
	
	/*===============offices===============*/
	
	/*main*/

		.office_list {margin-right: -24px; position: relative;}
		
			.office_list li {
				width: 36%; 
				margin-right: 8%;
				*margin-right: 6%;
				vertical-align: top;
				padding-left: 32px;
				background: url(/_pic/misc/bully.png) 0 0 no-repeat;
				margin-bottom: 32px;
			}
			
				.office_list strong {
					font-size: 1.273em;
					display: block;
					margin-bottom: .8em;
					font-weight: normal;
					line-height: 120%;
				}
				
				.office_list address {}
					.office_list address p {margin-bottom: .4em;}


	/*single*/
	
		.address {float: left; width:230px;}
		
			.address p {margin-bottom: .4em;}
		
		.schedule {
			float: left;
			width: 230px;
			clear: left;
			margin-top: 24px;
		}
		
			.schedule strong {
				font-size: 1.273em;
				display: block;
				margin-bottom: .6em;
				font-weight: normal;
				line-height: 120%;				
			}
			
			.schedule em {
				color: #a60032;
				font-style: normal;
			}
		
		.googlemap {
			float: right;
			*display: inline;
			clear: right;
			width: 265px;
			height: 265px;
			overflow: hidden;
			margin-left: 32px;
		}
		
		.googlemap img {float: none; margin:0;}
			
	
	/*=============\\offices===============*/	
	
	
	/*===============terminals===============*/	
		
		/*terminal map*/
		#terminal_map {
			width: 675px; height: 406px; position: relative; overflow: hidden;
		}
		.terminal_cont {
			padding: 7px 9px; background: #F2F1EC;
			margin-bottom: 3.2em;			
		}
		
		.terminal_list {}
		
			.terminal_list li {
				width: 38%; 
				margin-right: 6%;
				*margin-right: 2%;
				vertical-align: top;
				padding-left: 32px;
				background: url(/_pic/misc/bully.png) 0 0 no-repeat;
				margin-bottom: 32px;
			}
			
				.terminal_list strong {
					font-size: 1.273em;
					display: block;
					margin-bottom: .8em;
					font-weight: normal;
					line-height: 120%;
				}
				.terminal_list .type {
					display: block;
					margin-bottom: .6em;
					font-weight: bold;
				}
				.terminal_list address {display: block;}
					.terminal_list address p {margin-bottom: .4em;}

				.terminal_list .hours {color: #fff; background: #888; padding: 2px;}
				
		.terminal {}
		
			.terminal strong {display: block; font-size: 1.091em; margin-top: 1.4em;}
	
	/*=============\\terminal===============*/	
	
	
	/*===============carousel===============*/	
	
		.carouselcont {
			padding: 7px 34px 9px 38px;
			height: 82px;
			background: #f2f1ec;
			position: relative;
			margin-bottom: 12px;
			margin-top: -16px;
		}
		
			.carouselcont .disabled {visibility: hidden;}
			
			a.carousel_prev, a.carousel_next{
				position: absolute;
				top: 46px;
				display: block;
				font-size: 1.1em;
			}	
		
			a.carousel_prev {left: 14px;}
			a.carousel_next {left: 515px;}
		
		.carousel {}
			
			.carousel li {
				width: 82px;
				height: 82px;
				overflow: hidden;
				margin-right: 13px;
			}
			
				.carousel a {
					display: inline-block;
					*display: inline; *zoom: 1;
					line-height: 0;
					font-size: 1px;
					width: 82px;
					height: 82px;
					overflow: hidden;
					background-position: -82px 0;
				}
				
				.carousel a:hover {background-position: 0 0;}
				/*	
					.carousel img {
						float: none; 
						margin:0;
						margin-left: -100%;
						position: relative;
					}
					
					.carousel a:hover img {margin:0;}
				*/
	/*=============\\carousel===============*/	
	
	
	/*===============form===============*/	
		
	/*required*/
	
		.req {
			font-size: 1.091em; 
			font-style: normal;
			color: #a60032;
			padding-right: 6px;
		}
		.required {
			width: 164px;
			position: absolute;
			top: 0;
			left: 100%;
			margin-left: -164px;
		}
		
		.required span {
			display: inline-block;
			*display: inline; *zoom: 1;
		}
		
			.required .r1 {margin-right: 4px; vertical-align: top;}
				.required .r1 .req {vertical-align: middle; margin-bottom:-4px;}
			.required .r2 {width: 130px;}
		
	/*form*/	
		
		.form .empty {
			color: red;
			font-size: .864em;
			padding-left: 100px;
			font-style: normal;
		}
		
			.form .l {
				height: 1%; overflow: hidden;
				margin-bottom: .6em;
				position: relative;
			}
			
				.form label {
					width: 92px;
					display: inline-block;
					*display: inline; *zoom: 1;
					vertical-align: top;
				}
				
				.form input {margin-right: 8px;}
				
	/*quest_form*/
	
			.quest_form {
				margin-top: -12px;
				position: relative;
			}
			
				.quest_form input {}
					.quest_form .in1 {width: 176px;}
					.quest_form .in2 {width: 144px;}
					.quest_form .in3 {width: 86px;}
					.quest_form .in4 {width: 44px; margin-bottom: .4em;}
					
				.quest_form textarea {
					width: 252px;
					height: 94px;
				}
			
			.captcha {
				display: inline-block; 
				*display: inline; *zoom: 1;
				width: 220px;
			}
			
				.captcha img {
					float: left; 
					margin:0; 
					margin-right: 8px;
					width: 138px;
				}
				
				.captcha .input {display: inline;}
				
				.captcha .err {
					position: absolute;
					left: 56%; top: -27%;
				}
					.captcha .err .empty {padding: 0;}
	
	/*=============\\form===============*/	
	
	
	/*===============deposits===============*/	
		
		.text {font-size: 1.091em; padding-bottom: 2em;}
		
		.attention {
			background: #fff;
			padding-left: 67px;
			background: url(/_pic/back/eagle.png) 0 0 no-repeat;
			min-height: 142px;
			margin: 24px 0;
		}
		
			.attention .tt {
				border: 1px solid #f2f1ec;
				padding: 20px 45px 14px 20px;
			}
			#cont .attention h3 {margin-bottom: .4em;}

		/*table*/
		
		.deposit { clear: both; margin-bottom: 1.6em;}
					/*_width: 730px;*/
					/*_margin-right: -200px;*/
		
			.deposit div {text-align: left;}
			
			#cont .deposit h3{
				font-size: 2em;
				font-weight: normal;
				margin-bottom: .8em;
			}
			
			.deposit table {font-size: .91em; width: 100%; /*_width: 530px;*/}

			.deposit th, .deposit td {}
			
			.deposit .ref {
				color: #918f82; 
				font-style: italic;
				border: 0 none;
				text-align: left;
				padding: 10px;
			}
			
		.deposit .none {display: none;}
		
		.deposit .break {line-height: 0;}
		.deposit p {margin: 0;}
		
		.deposit .deposit_link_cont {
			padding: .24em 10px; background: #f4f4f4;
			display: inline-block; *display: inline; *zoom: 1;
			border: 1px solid #f8f8f8;
			border-bottom-color: #ddd;
			border-right-color: #ddd;
			margin: .6em 1px;
		}
			.deposit .deposit_link_cont:hover {background: #f8f8f8;}
			.deposit .deposit_link_cont:active {
				background: #f2f2f2;
				border: 1px solid #f8f8f8;
				border-top-color: #ddd;
				border-left-color: #ddd;				
			}
			
			.deposit_link_cont a {}
		
		/*inline content*/
		
		.deposit_content {
			font-size: 1.2em;
			padding: 25px 65px;
			line-height: 140%;
		}
		
			.deposit_content h3 {
				font-size: 2em;
				margin-bottom: 1.2em;
			}
		
			.deposit_content strong {
				display: block; 
				font-size: 1.167em;
				margin-bottom: .8em;
			}
			
			.deposit_content ul, .deposit_content ol {margin-left: 16px;}
			.deposit_content li {padding-left: 8px;}
			.deposit_content p, .deposit_content li {margin-bottom: .4em;}
			
		.printme {
			position: absolute;
			top: 35px; right: 0; top: 18px; _left:400px;
			width: 130px;
			padding-left: 25px;
			background: url(/_pic/ico/print.png) no-repeat 0 50%;
		}	
		
	/*=============\\deposits===============*/	
	
	
	/*===============vacancy===============*/
	
		.vacancy {}
			.vac_selected {}
			.vacancy_desc {padding: 0 0 12px 24px;}
			.vacancy_desc ul {padding-left: 24px;}
			
			.vac_form {
				margin-top: -12px;
				position: relative;
			}
			
				.vac_form input {}
					.vac_form .in1 {width: 176px;}
					.vac_form .in2 {width: 144px;}
					.vac_form .in3 {width: 86px;}
					
				.vac_form select {
					width: 256px;
				}		
				
				.vac_form textarea {
					width: 252px;
					height: 94px;
				}		

	/*=============\\vacancy===============*/	
	
	
	/*===============cards===============*/		
	
		.cards_block {
			clear: both;
			margin-bottom: 32px;
			padding-left: 232px;			
		}
	
		.cards_block img {margin: 0;}
	
		.cards_block .ii {
			margin-left: -232px;
			margin-top: -6px;
			width: 232px;
			float: left; display: inline;
		}
		
		.cards_block .tt {*margin-top: -10px;}
		
			.cards_block .tt strong {
				font-size: 1.273em;
				display: block;
				margin-bottom: .8em;
				font-weight:normal;
				line-height:120%;
			}	
	
	/*=============\\cards===============*/		
	
	
	/*===============faq===============*/	
	
		.faq {
			margin-bottom: 32px;
		}
		
			.faq .q {
				padding-right: 24px;
				margin-bottom: 8px;
				color: #5e5e5e;
			}
			
			.faq .a {
				margin-left: 24px;
				padding: 12px 12px 10px 18px;
				background: #f2f1ec;
			}
			
	/*form*/

	.faq_form {}
		.faq_form .req {vertical-align: top;}
		.faq_form label {width: 138px;}
		.faq_form .radio_cont {display: inline-block; width: 184px; *display: inline; *zoom: 1;}
		
		.faq_form input {}
			.faq_form .in1 {width: 176px;}
			.faq_form .in2 {width: 176px;}
			.faq_form .in3 {width: 152px;}
			.faq_form .in5 {width: 86px;}
			.faq_form .in4 {width: 44px; margin-bottom: .4em;}
		
			.faq_form .email {display: block; font-size: .91em; color: #999; padding-left: 142px;}
		
		.faq_form select{}
			.faq_form .s1 {width: 256px;}
			.faq_form .s2 {width: 256px;}
		
		.faq_form textarea {
			width: 252px;
			height: 94px;
			margin-right: 4px;
		}
		
		.faq_form .radio {vertical-align: middle;}
		.faq_form .val {vertical-align: middle; padding-right: 12px;}

	/*=============\\faq===============*/	
	
	
	/*===============person===============*/	
	
		.person_block {
			padding-left: 230px;
			padding-bottom: 20px;
			border-bottom: 1px solid #999;
			margin-bottom: 45px;
			clear: both;
			height: 1%; overflow:hidden;
		}
		
			.person_block .ii {
				float: left;
				margin-left: -230px;
				width: 230px;display: inline;
			}
			.person_block img {float: none; margin: 0;}	
			
				.person_block .ii a {
					display: block;
					width: 188px;
					line-height: 0;
				}
			
			.person_block .tt {
				height: 1%; overflow: hidden;
			}

				.person_block .tt span {display: block; margin-bottom: .4em;}
				.person_block span.name {font-size: 1.21em;}
				.person_block span.post {margin-bottom: 1em; color: #737373;}
				.person_block span.email {margin-bottom: 1em;}
				
	/*=============\\person===============*/	
	
	
	/*===============partner===============*/	
		#partners {}
		#partners li {width:44%; margin-right: 4%; *margin-right:2%;margin-bottom: 45px; vertical-align: top;}
		
		.partner_block {	clear: both; height: 1%; overflow:hidden;}
		
		.partner_block img {float: none; margin:0;}
		.partner_block .ii {float: left; margin: 0 12px 8px 0; width: 82px; display: inline;}
	
	/*=============\\partner===============*/	
	
	
	/*===============documents(list)===============*/	
	
		.documents_cont {
			padding-top: 16px;
			border-top: 1px solid #777;
			margin-top: 32px;
		}	
		
		.documents {margin-bottom: 2em;}

			.documents_cont h4{font-weight: bold; font-size: 1.091em; margin-bottom: .8em;}
		
			.documents li {
				height: 1%;
				overflow: hidden;
				margin-bottom: 12px;
				clear: both;
			}
			
				.documents .i img {margin:0; float: none;}
				.documents .i {display: block; width: 38px; height: 38px; margin-right: 12px; float: left;}
		
				.documents .size {color: #737373;}
				
	/*=============\\documents(list)===============*/	
	
	
	/*===============pager===============*/	
	
		.pager {
			margin-left: -2px;
		}
		
			.pager li {
				text-align: center;
				*margin-right: 1px;
			}
			
			.pager span, .pager a {
				display: block; 
				float: left;
				width: 26px; 
				height: 18px;
				padding-top: 8px;
				text-align: center;
			}
			
			.pager span {background: #f7f7f2; color: #a60032;}
			.pager a {background: #e9e7dd; color: #505050; text-decoration: none;}
				.pager a:hover {background:#f7f7f2; }
			
			.pager .crumb {background: none; color: #a60032;}
			
	/*=============\\pager===============*/
	
	/*banking*/
	
	a.inet_bank {
		display: block;
		width: 147px; height: 33px;
		background: url(/_pic/misc/banking.png) 0 0 no-repeat;
		position: absolute;
		top: 0px;left: 100%;margin-left: -305px; _margin-left: -605px;
		text-indent: -999em;
	}
		a.inet_bank:hover {background-position: 0 -33px;}

/*
[side_A]--------------------------------------------------------
*/	

#side_a {
	float: left;
	width: 183px;
	margin-left: -100%;
	position: relative;
	font-size: 1.2em;
}

	#sql {
		float: left; display: inline;
		position: relative;
		margin-left: -107px;
	}
	
	#side_a .cb {height:1%; overflow: hidden; line-height: 0;}
	
	/*===============s_nav===============*/
	
		#s_nav {
			margin-left: -6px;
			margin-bottom: 32px;
			*zoom: 1; position: relative;
		}
		
		#s_nav li {
			border-bottom: 1px solid #fff;
		}
		
			#s_nav span, #s_nav a {
				display: block;
			/*	height: 19px;*/
				padding: 8px 6px 6px 17px;
				position: relative;
			}
				#s_nav a {background: #f2f1ec; color: #444; text-decoration: none;}
					#s_nav a:hover {background: #a9a8a8; color: #fff;}			
				#s_nav span, #s_nav a.cur {background: #a9a8a8; color: #fff;}
					#s_nav a.cur:hover {text-decoration: underline;}
			
		
		/*submenu*/
		
		#s_nav ul {font-size: .917em; padding: 4px 0 2px 0;}
			#s_nav ul span, #s_nav ul a {padding: 6px 6px 3px 25px; background: #fcfcfc; }
			#s_nav ul span  {font-weight: bold; color: #444;}
			#s_nav ul a:hover {background: #fcfcfc; color: #444;}
			
	/*=============\\s_nav===============*/

	
	/*===============banners===============*/
	
		.ban {
			line-height: 0;
			font-size: 1px;
			float: left; display: inline;
			clear:both;
			margin-bottom: 12px;
			width: 189px; margin-left: -6px;
			position: relative;
		}
	
	/*=============\\banners===============*/	
	
	
	/*===============currency===============*/
	
		.currency {
			margin-top: 28px; 
			font-size: .834em;
		}
		
			.currency  .col_a {width: 23%;}
			.currency  .col_b {width: 24%;}
			.currency  .col_c {width: 12%;}
			
			.currency table {
				width: 100%;
				margin-bottom: 1.2em;
			}
			.currency caption {
				padding-bottom: 1.2em;
				font-weight: bold;
			}
			
				.currency th, .currency td {padding: 2px; background: #fff; border: 0 none;}
				.currency th {color: #cb3627; font-weight: normal;}
			
			
			.currency .val {
				display: block;
				text-indent: -999em;
				width: 5px; height: 11px;
				overflow: hidden;
				background-repeat: no-repeat;
				background-image: url(/_pic/ico/currency.png);
			}
			
				.currency .up {background-position: -5px 0; color: grreen;}
				.currency .down {background-position: 0 0; color: red;}
				.currency .none {background: none; text-indent: 0; color: #444;}
			
		#index .currency {width: 160px; margin-top: 0; margin-top: 21px; float: left;}
			#index .currency .col_a {width: 50%;}
			#index .currency .col_b {width: 25%;}
			#index .currency .col_c {width: 15%;}		
		
			#index .currency caption {text-align: left; text-transform: uppercase; font-size: 1.25em; font-weight: bold; padding-bottom: 1em;}
			#index .currency th, #index .currency td {text-align: left;}
			#index .currency .center {padding-left: 8px;}
			#index .currency strong {padding-left: 6px;}

		
	/*=============\\currency===============*/	
	

	/*=============== ===============*/
	
	/*=============\\ ===============*/		
	
	
/*
[side_B]--------------------------------------------------------
*/	

#side_b {
	float: left;
	margin-right: -3px;
	width: 157px;
	margin-left: -225px;
	position: relative;
	font-size: 1.1em;
	padding: 0 63px 0 8px;
}
	
	#sqr {
		float: right; display: inline;
		margin-top: 37px;
		margin-right: -63px;
		line-height: 0; font-size: 1px;
	}
	
	#side_b .cb {line-height: 0; height: 1%;}
	
	/*===============sub_nav===============*/
	
		#sub_nav {
			background:#f2f1ec;
			padding: 24px 17px 18px 10px;
			float: right;
		}
		
			#sub_nav ul {margin-left: 10px;}
			
				#sub_nav li {margin-bottom: 1.6em;}
			
	
	/*=============\\sub_nav===============*/	
	
	
	/*===============pict_nav===============*/
	
		#pict_nav {height: 1%; overflow: hidden; font-size: .91em;}
	
		#pict_nav li {
			border-bottom: 1px solid #dbdfdf; 
			padding: 0 0 10px 0;  height: 66px;
			margin-bottom: 9px;
			text-align: right;
			width: 157px;
		}
		
			#pict_nav li.last {border: 0 none;}
			
		#pict_nav .i {
			display: block; width: 64px; height: 66px; float: left; margin-right: 8px; line-height: 0; font-size: 1px;
			overflow: hidden; background-repeat: no-repeat; background-position: -64px 0;
		}
			#pict_nav .i:hover {background-position: 0 0;}
			
		#pict_nav .t {font-weight: bold; text-transform: uppercase; text-decoration: none; color: #444;}
			#pict_nav .t:hover {color: #73001d;}
			
			#pict_nav small {text-transform: none;}
				#pict_nav .i small {text-indent: 999em;}
	
	/*=============\\pict_nav===============*/
		
		
	/*===============news===============*/	
		
		#news {margin-top: 32px;}
		
			#news h4 {
				font-weight: bold; 
				padding-left: 9px; 
				margin-bottom: 1.2em;
			}
			
			#news li {
				padding: 0 4px 6px 8px;
				margin-bottom: 8px;
				border-bottom: 1px solid #c5c5c5;
			}
		
		
	/*=============\\news===============*/	
	
	
	/*===============start===============*/
	
	#index #squares li {margin-right: 0;}
		
	#desc {
		width: 215px; height: 140px; padding: 20px 0 30px 20px; overflow: hidden;
		position: absolute; top: 0; left: 760px;
	}
	#mini_news {
		width: 160px; height: 242px; padding: 15px 30px 20px 0; overflow: hidden;
		position: absolute; top: 190px; left: 0;
	}
		#mini_news ul {padding: 14px 0 9px 9px;}
			#mini_news li {margin-bottom: .6em;}
	
	#slogan {
		height: 190px; background: url(/_pic/back/slogan_back.png) repeat-x 0 0;
		position: absolute; left: 570px; top: 190px; width: 100%; margin-right: -100%;
	}
		#slogan img {float: left; margin: 43px 0 0 13px;}
		#slogan h3 {
			float: left; margin: 86px 0 0 9px; width: 303px; height: 24px; overflow: hidden;
			text-indent: -999em; background: url(/_pic/misc/slogan.png) no-repeat 0 0;
		}

	/*pict nav*/
	
	#index #pict_nav {
		margin-left: 189px; 
		padding-top: 14px;
		font-size: 1em;
			width: 800px;
	}
	#index #pict_nav li {
		border: 0 none; border-left: 1px solid #dbdfdf; padding: 7px 9px 5px 10px; 
		width: 172px; height: 66px; float: left; text-align: left;
	}
	#index #pict_nav .i {margin-right: 12px;}
		
	/*=============\\start===============*/
	
/*END-------------------------CONTENT------------------------*/


/*============================FOOTER=========================*/

#ft {
	clear: both;
	font-size: 1.1em; line-height: 130%;
	width: 100%;
	height: 138px;
	padding: 20px 0 0 0;
	margin-top: -158px;
	background: #f2f1ec;
	position: relative;
	color: #666;
}

	#ft div {width: 24%; float: left; display: inline;}
	
		#ft .cont {
			width: 990px;
			margin: 0 auto;
			float: none;
			display: block;
		}
/*
[search]
*/
	#ft .search {
		margin-left: 15px;
	}
		.search .input {width: 111px; margin-right: 5px;}
		.search input {vertical-align: middle; *display: inline; *zoom: 1;}
/*
[map]
*/
	#ft .map {
		width: 23%; 
	}
/*
[address]
*/	
	#ft .address {
		width: 22%;
	}
/*
[copy/dev]
*/	
	#ft .b {float: right; text-align: right; margin-right: 47px;}
	#ft .b a {color: #666;}
	#ft div.b span {display: block;}

/*start*/
	
#index #ft {
	height: 48px;
	margin: 0 auto;
	margin-top: -87px;
	width: 800px;
	padding: 39px 0 0 190px;
	background: none;
	color: #444;
}
	#index #ft div.b {float:none; text-align:left;}
	
			
/*END-------------------------FOOTER-------------------------*/


/*============================EXTERNAL=========================*/
/*
[#err]
*/

	#err {}
		
		#err .container{min-width: 990px; overflow-x:hidden; position: absolute; top: 18%; left: 0; width: 100%;}
		#err #wrap {width: 900px;}
		#err #cont {padding-bottom: 87px;}
		#err #logo {left: 490px;}
		#err #mini_nav {position: absolute; left: 644px; top: 50px;}
		#err #message {padding: 60px 45px 0 110px; font-size: 1.4em; line-height: 140%;}
		
			#message h1 {line-height: 120%; margin-bottom: 1em;}
			#message p {margin-bottom: .5em;}
		
	#err #ft {
		background: 0;
		width: 800px;
		padding: 39px 0 0 0;
		color: #444;
		height: 48px;
		margin: 0 auto;
		margin-top: -87px;
	}

/*
[#sitemap]
*/	
	
	.map_form {
		margin-bottom: 32px;
		padding: 18px 32px 16px 24px;
		background: #f2f1ec;
	}
		.map_form .input {width: 320px; padding-right: 12px;}
		.map_form .submit_img {margin-bottom: -3px;}
		
	.map_results {}
	
		.map_results .a {margin-bottom: 1.2em;}
			.map_results .a strong {text-transform: uppercase; color: #a60032;}
		.map_results .b {margin-bottom: 1.2em;}
			.map_results .b dl{margin-bottom: 1.2em;}
			.map_results .b dd{padding-left: 12px; font-size: .91em;}
			.map_results .b dt{}
			.map_results .b ul{padding-left: 12px; margin-top: .4em;}
		.map_results .navigator {margin-bottom: 1.2em;}
			.map_results .navigator li {margin-right: 4px; margin-bottom: 4px;}
			.map_results .navigator .cur {background: #444; color: #fff; padding: 1px;}
		
	.map_list {}
		.map_list .n-1 {padding:0; margin:0;}
		.map_list a.n,.map_list a.n0  {font-size: 1.091em; font-weight: bold; list-style: none none outside;}
			.map_list li.n0, .map_list li.n {margin: 1.2em 0 .4em 0;}
			.map_list ul {margin-top: .4em; padding-left: 12px;}
			.map_list ul.n0 {	padding-left: 16px;}
		.map_list li.nleft, .map_list li.nright {
			display: inline-block;
			*display:inline; *zoom: 1;
			vertical-align: top;
			width: 46%; margin-right: 2%;
			margin-bottom: 24px;
		}

/*END-------------------------EXTERNAL-------------------------*/