/***** WEBFONTS *****/

/* PT Sans */
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=cyrillic,latin);
/* DIN */
@font-face {
    font-family: 'DINM';
    src: url('fonts/dincymd_-webfont.eot');
    src: url('fonts/dincymd_-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dincymd_-webfont.woff') format('woff'),
         url('fonts/dincymd_-webfont.ttf') format('truetype'),
         url('fonts/dincymd_-webfont.svg#DINM') format('svg');
    font-weight: normal;
    font-style: normal;
}


/***** GENERAL *****/

.css3		{ behavior: url(/bitrix/templates/vzaimobank_2012_06/csspie/PIE.htc); }

a, .block-color a { color: #08628c; text-decoration: underline; cursor: pointer; }
a:hover, a.smaller:hover, .block-color a:hover { color: #009be3; }


.block a,.nav-main a,.header a	{ color: #702280; }
.block a:hover,.nav-main a:hover,.header a:hover {color:#ff8c00}

.block-color a { color: #08628c; text-decoration: underline; }
.block-color a:hover { color: #009be3; }

a.blue{color:#08628c}
a.blue:hover{color:#702280}

a.black {color:#222; padding-left:0; margin-left:0}
a.black:hover{color:#009be3}

a.bludbotted {padding:0; text-decoration:none; }
a.bludbotted span{font-weight:normal;color:#08628c; background:url(../tpl/i/bord-dotted_blue.gif) repeat-x bottom left}
a.bludbotted:hover span{color:#702280; color:#702280;  background:url(../tpl/i/bord-dotted_purp.gif) repeat-x bottom left}

a.dottedpurp {padding:0; text-decoration:none; }
a.dottedpurp span{color:#702280; background:url(../tpl/i/bord-dotted_purp.gif) repeat-x bottom left}
a.dottedpurp:hover span{color:#ff8c00;  background:url(../tpl/i/bord-dotted_orang.gif) repeat-x bottom left}
.dotted {border-bottom:1px dashed #808c92;}

.font15 {font-size:15px}
.font14 {font-size:14px}
.height10 {height:30px; margin-bottom:10px}

.nav-index li.clear {margin:0; height:5px; padding:0; line-height:0}
.fright {float:right}
.fleft, li.zayavka .line input, li.zayavka .line label {float:left}
.small { font-size:13px !important; text-transform: none; font-size:12px; line-height:1.6; /*font: normal 12px/1.6 PT Sans, Arial, sans-serif;*/ }

body		{ font: normal 13px/1.6 'PT Sans','Arial',sans-serif; }

h1		{font:26px/1 "DINM",Arial,sans-serif; line-height:28px; text-transform: uppercase; color: #222; margin-bottom:10px}
h1.news         {font: normal 26px/1.6 /*'PT Sans',Arial,sans-serif*/; text-transform: none; color: #222; margin-bottom:10px; line-height:27px}
h2		{ font-size:20px; color: #222; margin:10px 0; line-height:20px}
h3		{ font-size: 15px; text-transform: uppercase; color:#222}
h4		{ font-weight:normal; font-size: 15px; color:#222; }
h2 a, .newshead a           {margin:0 10px; display:table-cell; vertical-align:middle; }
h2 a.small {padding-top:1px; }
.form-table h2 {color:#702280; font-size:14px; font-weight:normal}

.clear	{ clear:both !important; float:none !important; margin: 0; padding: 0; height: 1px; width: 100%; }

dl {width:100%; clear:both}
dd {color:#555; width:74%; float:right}
dt {color:#222; width:25%; float:left}

.mfeedback h3, .personal-item h3 {font: normal 20px/1.6 'PT Sans','Arial',sans-serif; text-transform: none;line-height:18px;}



/***** LAYOUT ELEMENTS *****/

.header				{ margin-bottom: 30px; }
.content			{ padding-bottom: 30px; }
.aside				{ margin-bottom: 30px; }

.firmline.header	{ border-bottom: 4px solid #702280; margin-bottom: 0; }
.firmline.dotted	{ border-bottom: 1px dashed #849197; margin-bottom: 33px; }
.firmline.footer	{ border-bottom: 2px solid #702280; margin-bottom: 0; }

.logo img			{ width: 290px; height: 70px; }

.nav-main			{ font:12px/1 "DINM", Arial,sans-serif;  text-transform: uppercase; margin-top: 0; }
.nav-main .columns	{ padding-top: 14px; height:25px; line-height:18px}
.nav-main .columns.orange	{  z-index:1000; position:relative; text-align:center; padding-top: 12px; border-top: 4px solid #f7a600; margin-top:-4px}
.nav-main li		{ float: left; margin-right:20px; }
.nav-main .menu-item-selected a {text-decoration:none; color:#222}

/* alt navigation */
.nav-alt .block-grid				{ width: 102%; }
.nav-alt .block-grid.two-up>li 	{ margin: 0 2% 0 0; width: 48%; }
.nav-alt .block-grid.three-up>li 	{ margin: 0 2% 0 0; width: 32.333%; }
.nav-alt .block-grid.four-up>li 	{ margin: 0 2% 0 0; width: 23%; }
.nav-altline .twelve			{ height: 4px; background: #702280; }
.nav-alt ul, .nav-alt form		{ margin: 0; }
.nav-alt .tabs a			{ display:block; height: 40px; color: #702280; font:17px/1 "DINM", Arial,sans-serif; text-align:center; line-height: 45px; background-color: #e2d3e6; behavior: url(/bitrix/templates/vzaimobank_2012_06/csspie/PIE.htc); border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius:6px; text-transform: uppercase;}
.nav-alt .tabs a:hover 			{ color:#fff; background-color: #62277d;}
.nav-alt .tabs.active a			{ font-size:20px; text-decoration:none; color: #fff; background-color: #702280; behavior: url(/bitrix/templates/vzaimobank_2012_06/csspie/PIE.htc); border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; height: 45px; }
.nav-alt .tabs.active a:hover span{ background:none; }
.nav-alt .twelve		{ display: none; border-top: 4px solid #702280; }
.main-center a {text-decoration:none}

/* alt navigation @ index */
body.index .nav-alt .nine			{ border-bottom: 4px solid #702280; }
body.index .nav-alt .tabs a span 		{ background:url(../tpl/i/bord-dotted_purp.gif) repeat-x bottom left; }
body.index .nav-alt .tabs a:hover span 	{ background:url(../tpl/i/bord-dotted_wight.gif) repeat-x bottom left; }
body.index .nav-alt li.active.tabs a:hover span { background:none; }
body.index .nav-alt .tabs a {}

/* sidebar */
.aside {padding:0 0 20px 0}
.aside .banner {padding:0; text-align:center;  width:100%;margin-top:-20px}
.aside .block{padding:0;} 
.aside .block.btns {margin-bottom:40px}
.aside .banner a { behavior:url(/bitrix/templates/vzaimobank_2012_06/csspie/PIE.htc); }
.aside .banner img {border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; padding:0; margin:0; width:100%}
/*.aside .banner.color1 a {background:#64648a}
.aside .banner.color1 a:hover {background:#f7a600}
  */
/* aside navigation */
.nav-right 					{background:#f5f4f5; margin:20px 0 20px 0;}
.nav-right ul 				{ margin:0 20px; padding:15px 0; font-size:15px }
.nav-right ul li				{border-bottom:1px dashed #7f8b91; padding:0 0 10px 0}
.nav-right ul li.active a 		{color:#555; text-decoration:none} 
.nav-right ul li.active a:hover	{color:#f7a600;} 
.nav-right ul li.active li a 				{color:#702280; text-decoration:underline}
.nav-right ul li.active li a:hover 		{color:#f7a600;}
.nav-right ul li.active li.active a 		{color:#555; text-decoration:none}
.nav-right ul li.active li.active a:hover	{color:#f7a600;}
.nav-right ul li.active.parent a		{text-decoration:underline}
.nav-right ul ul 				{display:none; margin:10px 0 0 10px; padding:0}
.nav-right ul li.active ul		{display:block;}
.nav-right ul ul li				{padding:0;border:none; font-size:13px}
.nav-right ul li:last-child	{border:none; padding-bottom:0}

/* footer */
.footer .row					{ margin-top: -2px; padding-bottom: 30px; }
.footer .row .row			{ margin-top: 0; padding-bottom: 0; }
.footer .columns				{ padding-top: 30px; }
.footer .columns .columns	{ padding-top: 0; }
.footer .columns.orange		{ border-top: 2px solid #f7a600; padding-top: 20px; }

#foot-nav li {float:left; margin-right:20px}
#foot-nav li.mobile-part {display:none}
.razrab {font-size:13px}

/* popup enter */
#window_enter {border:1px solid #f8a100;  border-top:4px solid #f8a100; position:absolute; z-index:1000;background:#fff; width:100%; height:105px !important; top:-4px; left:-1px; display: none; border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; box-shadow: 0 5px 30px rgba(0,0,0,.3); behavior: url(/bitrix/templates/vzaimobank_2012_06/csspie/PIE.htc); }
#window_enter div {padding: 12px 0 0 0; width:200px; margin:0 auto}
#window_enter h3{text-align:left;  margin: 10px 0 0 46px}
#window_enter h3 a {font-size:14px;text-transform:none; color:#08628c; font-weight: normal; }
#window_enter h3 a:hover {color:#ff8f06}



/***** BLOCK TYPES *****/

.block				{ behavior: url(/bitrix/templates/vzaimobank_2012_06/csspie/PIE.htc); border-radius: 6px; -webkit-border-radius:6px; -moz-border-radius:6px; margin-bottom: 20px; }
.block.violet		{ background-color: #8d4e99; color: #fff; }
.block.grey			{ background-color: #f5f4f5; }
.container div.c	{ padding: 10px; }
.content .block div.c20	{ padding: 20px; }
.content .block div.c15c20 { padding: 15px 20px; }
.c200 {padding:20px 0 } 

.content .block div.c25	{ padding: 25px; }
.content .block div.c15	{ padding: 15px; }
.content .block div.c15c25с3с25	{ padding: 15px 25px 3px 25px; }

.aside .block .button	{ margin-top: 10px; width: 100%; padding-left: 0; padding-right: 0; }
.columns.three .button.orange	{ width: 100%; padding-top: 18px; padding-bottom: 18px; }
.formbtns {margin-top:30px}

/* popup forms */
div.popup form, div.popup form fieldset, .subscribe-popup	{ margin: 0; }
div.popup form .button.nice		{ clear: both; display: block; margin: 10px auto; }


/***** SPECIFIC BLOCKS *****/

/* product-list @ index */
.nav-index			{ behavior: url(/bitrix/templates/vzaimobank_2012_06/csspie/PIE.htc); border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; margin-bottom: 50px; }
.nav-index ul{margin-bottom:0}
.nav-index li			{ position: relative; margin-bottom:10px !important; margin-top:0 !important}
.nav-index li	p{padding:0}
.nav-index li a		{ padding-left:45px; display:block;}
.nav-index li h4 a {height:40px; padding-top:10px; font-weight: normal; }
.nav-index li a:hover	{background-position:bottom left}  
.nav-index li a.smaller {font-size:13px; color:#555}
.nav-index li a.smaller:hover { color: #ff8c00; }
.nav-index li h4 {line-height:18px;}
.nav-index li img.icon	{ position:absolute; }
.nav-index ul {margin-bottom:0}
.nav-index .tabs		{ display: none; }
.nav-index .tabs.active	{ display: block; }
.nav-index .link-all	{ font-size:15px; position: absolute; margin: 0px 0 0 -25px; background-color: #f5f4f5; behavior: url(/bitrix/templates/vzaimobank_2012_06/csspie/PIE.htc); border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; padding: 20px 20px 10px 0px;}
.nav-index .link-all a {padding-left:30px}

/* icons */
.raschet {background:url(../tpl/i/icon-raschet.gif) no-repeat 0 5px;}
.zp {background:url(../tpl/i/zp.gif) no-repeat 0 1px;}
.kredit {background:url(../tpl/i/kredit.gif) no-repeat 0 5px;}
.deposit {background:url(../tpl/i/deposit.gif) no-repeat 0 0px;}
.dist {background:url(../tpl/i/dist.gif) no-repeat 0 0px;}
.valuta {background:url(../tpl/i/valuta.gif) no-repeat 0 0px;}
.cart_corp {background:url(../tpl/i/kart_corp.gif) no-repeat 0 0px;}
.seif {background:url(../tpl/i/seif.gif) no-repeat 0 5px;}
.zalog {background:url(../tpl/i/zalog.gif) no-repeat 0 5px;}
.zp_cart {background:url(../tpl/i/zp_kart.gif) no-repeat 0 0px;}
.schet {background:url(../tpl/i/schet.gif) no-repeat 0 0px;}
.oplata {background:url(../tpl/i/oplata.gif) no-repeat 0 0px;}
.kredit_carant {background:url(../tpl/i/kredit_carant.gif) no-repeat 0 5px;}
.perevod {background:url(../tpl/i/perevod.gif) no-repeat 0 0px;}
/***/
.format-pdf {background:url(../tpl/i/icon-pdf.gif) no-repeat top left; padding: 5px 0 5px 25px !important; float:right; font-size:13px}
.pdf {background:url(../tpl/i/icon-pdf.gif) no-repeat top left; padding: 5px 0 5px 25px;  font-size:13px}
.doc {background:url(../tpl/i/doc.gif) no-repeat top left; padding: 5px 0 5px 25px;  font-size:13px}
.zip {background:url(../tpl/i/zip.gif) no-repeat top left; padding: 5px 0 5px 25px;  font-size:13px}
.xls {background:url(../tpl/i/xls.gif) no-repeat top left; padding: 5px 0 5px 25px;  font-size:13px}
.exe {background:url(../tpl/i/icon-exe.gif) no-repeat top left; padding: 5px 0 5px 25px;  font-size:13px}
.noicon  {padding: 5px 0 5px 25px;  font-size:13px}

/* banner slider @ index */
.slider				{ position:relative; height:150px; margin:20px 0 20px 0; }
.slider a 			{ ddisplay:block; /*max-height:120px; height:auto; width: 100%;*/ }
.slider .slide		{ width: 100%; bbackground-color:#702280; position: absolute; }
.slider img			{ width: 100%; height: auto; behavior: url(/bitrix/templates/vzaimobank_2012_06/csspie/PIE.htc); border-radius: 6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
.slides-nav 			{ position:absolute; bottom: 10px; left: 10px; mmargin:-37px 0 60px 10px; }
.slides-nav a.active	{ background-position: 0 -38px; }
.slides-nav a		{ width:23px; height:23px; float:left; text-decoration: none; margin-right:10px; background: url(../tpl/i/mainSlide.png) 0 4px no-repeat; }


/*** IRA ***/

#position-mobile {}
.tel{ font:25px/1 "DINM", Arial,sans-serif; text-transform: uppercase; color: #222;}
h2.news{margin-top:20px; font:20px/1 "DINM", Arial,sans-serif; text-transform: uppercase; color: #222;}
.m-20{margin-top:px}

.icon_office{padding:5px 0 5px 33px; background:url(../tpl/i/icon_office.gif) no-repeat 0 0; line-height:18px}
.icon_internet{ padding:5px 0 5px 33px !important; background:url(../tpl/i/icon_internet.gif) no-repeat 0 0px;}
.cont-footer div, .cont-head div{line-height:13px;padding:5px 0 10px 33px; background:url(../tpl/i/icon_tel.gif) no-repeat 0 0; margin:0 0 5px 0}
.cont-head{margin-top:12px; position:relative}
 

.incon_question {text-decoration:none; background:url(../tpl/i/icon_guestion.gif) no-repeat 0 0; padding:5px 0 5px 33px;}
.incon_question span {font-size:15px; background:url(../tpl/i/bord-dotted_purp.gif) repeat-x bottom left; color:#702280} /*border-bottom:1px dashed #702280;*/
.incon_question:hover span {color:#ff8c00; background:url(../tpl/i/bord-dotted_orang.gif) repeat-x bottom left}
.cont-footer  .incon_question {background:none}

.icon_facebook, .icon_vkont, .icon_ok   {position:absolute; text-indent:9999px; width:25px; height:25px; overflow:hidden; background:url(../tpl/i/icon_facebook.gif) no-repeat 0 0;}
.icon_facebook {background:url(../tpl/i/icon_facebook.gif) no-repeat 0 0; bottom:0; right:0}
.icon_vkont {background:url(../tpl/i/icon_vkont.gif) no-repeat 0 0; bottom:0; right:27px}
.icon_ok {background:url(../tpl/i/icon_ok.gif) no-repeat 0 0; bottom:0;  right:54px}

.date {font-size:11px; color:#555}
.news-list {margin-top:0; font: normal 13px/1.6 /*PT Sans, Arial,sans-serif*/;}
.news-list ul li {}
.news-list ul li a { display:block}

/* accordeon currencies */
.ulvaluta {margin-bottom:0px}
.ulvaluta li {clear:both}
.ulvaluta a.dottedpurp {text-decoration:none; color:#222}
.ulvaluta div {display:none;}       
.ulvaluta /*.active*/ div{ height:auto; ddisplay:block; margin:5px 0; padding:3px 0; background-color:#fff; width:100%; bbehavior: url(/bitrix/templates/vzaimobank_2012_06/csspie/PIE.htc); border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.ulvaluta /*.active*/ table { width:95%;border:0; margin:0 auto;}
.ulvaluta /*.active*/ table th {color:#777; text-align:left; padding:3px 9px}
.ulvaluta /*.active*/ table tr, 
.ulvaluta /*.active*/ table td {padding:3px 9px; /*background-color:#fff;*/ text-align:left; }
.ulvaluta /*.active*/ table .sel-bord{width:auto; border:1px solid #ccc; padding:2px; margin:0}
.ulvaluta /*.active*/ table  select {width:60px;padding:0; margin:0; border:0; font-size:10px; outline:none}
.ulvaluta /*.active*/ table  select option{ outline:none}
/*.ulvaluta .active table td {border-bottom:none}*/
.ulvaluta .up {background:url(../tpl/i/up.gif) no-repeat 100% 2px; padding-right:13px}
.ulvaluta .down {background:url(../tpl/i/doun.gif) no-repeat 100% 2px; padding-right:13px}

/***** CONTENT STYLES *****/

ul.list li{list-style:none; background: url(../tpl/i/icon_ul.gif) no-repeat 0 13px; padding:5px 0 5px 15px; margin:0}
ul.list li.active .dottedpurp span{color:#222; background:none} 
ul.list {margin:5px 0}

.textgray{border:1px solid #ccc; padding:2px; position:relative; width:90%}
.violet h3 {color:#fff; text-align:center;}

.block.btns a {text-align:left; }
.btns {display:block;}

.back {background:url(../tpl/i/back.gif) no-repeat 0 7px; padding:0 0 0 20px; font-size:15px}
.block-color {margin: 10px 0; color:#222; font-size:15px; background:#ffedba; behavior: url(/bitrix/templates/vzaimobank_2012_06/csspie/PIE.htc); border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.content .block-color div.c15	{ padding: 10px 15px; }
.block-info {}

.width100 {width:100%}

.tcenter span {margin:0 10px;}

/* slider horiz */
.prodSlider{ position:absolute; z-index:10; top:100px; display:block; width:22px; height:24px; background:url(../tpl/i/arSlide.png) no-repeat; }
.prodSlider.ars-L { width:22px; height:22px; left:-11px; background-position:0 0; display:block !important; background:url(../tpl/i/arSlide.png) no-repeat;}
.prodSlider.ars-L:hover { background-position:0 -33px; display:block; }
.prodSlider.ars-R { width:22px; height:22px;right:-11px; background-position:-38px 0; display:block !important; position:absolute; z-index:100}
.prodSlider.ars-R:hover { background-position:-38px -33px; display:block; }
h2.kreditSl{padding:0 15px}
.prodSlider.ars-L.inactive,
.prodSlider.ars-R.inactive	{ display: none !important; }

.sliderleft { width: 133.3%; height:230px; overflow:hidden; background-color: #F5F4F5; border-radius: 6px; }
body.mobile .sliderleft	{ width: 100%; }
.row .sliderleft li { width:33.3%; padding: 10px 0; height:210px !important; background:#f5f4f5; text-align:left; margin-right:0; margin-bottom:0; overflow:hidden; }
.sliderleft li p { wwidth:88%; margin:0 6%; }
.sliderleft li h3 { wwidth:88%; margin:0 6%; margin-top:10px; text-transform: none;font-size:20px ; line-height:20px}
.sliderleft li.active { border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;background-color:#702280; color:#fff; }
.sliderleft li.active h3 a {color:#fff; text-decoration:none; }
.sliderleft li.active a 	{ color:#fff; }

.block-prodslider { position:relative; margin: 10px 0; }

/* @offices */
.head_office h2 			{ margin:0; padding:0; }
.head_office p 			{ margin:0; padding:0; }
.office 					{ margin-bottom:20px; }
.office p 				{ font-size:12px; } 
.office ul 				{ margin: 0 0px;padding: 10px 0 10px 0; }
.office ul li 				{ border:none; padding:5px 20px; }
.office ul li.active		{ background:#fff; }
.office ul li.active a span 	{ background:none; color:#222; }
/*body.desktop #YMapsID	{ position:fixed; ttop: 200px; lleft: 100px; width: 720px; }*/

#bannersmall			{ width: 102%; }
#bannersmall div 			{ margin: 3px 2% 0 0; text-align:center; width:31.33%; float:left; text-align:center; ppadding:2px 0; }
/*#bannersmall div a 		{ display:block; height:134px; padding:3px 0 0 0; margin:0; background: #64648A; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; behavior: url(/bitrix/templates/vzaimobank_2012_06/csspie/PIE.htc); overflow:hidden; }
#bannersmall div a:hover 	{ background:#f7a600;}
*/#bannersmall div img		{ width: 100%;margin:0 auto; border-radius: 4px; behavior: url(/bitrix/templates/vzaimobank_2012_06/csspie/PIE.htc); }

/* @news-list */
.newshead .active		{ color:#fff; text-decoration:none; background:#f7a600; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; padding:2px 10px}
.newshead .noactive 		{ padding:2px 10px;}
.newshead .active,
.newshead .noactive		{ behavior: url(/bitrix/templates/vzaimobank_2012_06/csspie/PIE.htc); }
.newshead .active span,
.newshead .active:hover span	{ background: none; color: #fff; }
.newshead 				{ padding:10px 0 20px 0; clear:both}
.newshead .data 			{ padding-top:2px}

.news-list img			{ float:left; padding-right:10px; padding-bottom: 1px; padding-top:4px; height: 54px;}
.personal-item1 .news-date-time {    color: #555555;
    font-size: 12px;}
.personal-item li {margin:10px 0}
.personal-item li p, .personal-item li h3{margin-right:10px}

/* paginator block */
.paginator					{ list-style:none; }
.paginator li					{ float: left; width: 26px; height: 26px; margin: 0; line-height: 26px; text-align: center; font-size: 15px; color: #7D368B; }
.paginator li.arr				{ width: auto; }
.paginator li.arr.inactive	{ color: #555; margin-right: 8px; }
.paginator li.arr-left		{ margin-right: 10px; }
.paginator li.arr-right		{ margin-left: 10px; }
.paginator li.active 			{ text-decoration: none; background:#7d368b; color:#fff; border:none; cursor:default; margin: 0 5px; behavior: url(/bitrix/templates/vzaimobank_2012_06/csspie/PIE.htc); border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px; }
.paginator a					{ font-size:16px; color:#7d368b; }
.paginator a:hover 			{ color:#009BE3; }
.paginator li.active a			{ color:#fff; text-decoration: none; }
.paginator li.active a:hover 	{ color:#fff; border: none; }

/* @photos-list */
.photo li						{ float:left; }
.photo li a.img, .img-item-news, .licen a.img 				{background:#8d4e99;}

.licen a.img:hover, .photo li a.img:hover, .img-item-news:hover 	{background:#f7a600;}
.namenews 					{ padding-left:25px; background:url(../tpl/i/icon-news.gif) no-repeat 0 0;}
.namephoto 					{ padding-left:25px; background:url(../tpl/i/icon_foto.gif) no-repeat 0 0;}
.photo li:hover a.img 			{ background:#f7a600;}
.photo li:hover a 				{ color:#009be3;}
.cont-pres 					{ margin-top:30px}

.img-item-news 				{ margin:10px 20px 20px 0; }

/* @partners */
.partners li {margin-top:20px; }
.partner  {border:1px dashed #555; width:97%;}
.partners li:hover .partner{border:1px dashed #f7a600;}
.partner a, .partner .partner-img-wrapper { display:block;   text-align:center; height:125px; margin-left:25%}
.partner span { display:table-cell;  vertical-align:middle; height:125px;}
.partner span img {margin-left:-35%;}
.partners  a {color:#702280;}
.partners a:hover {color:#f7a600}
/*.partner  {border:1px dotted #555; display:table-cell; vertical-align:middle; height:125px; width:100% !important} */
  
/* vertical slider (opinions) @ partners */
.opinion {margin:20px 0 30px 0; position:relative; }
.opinion .opSlider{ left:45%; position:absolute; z-index:1000;  display:block; width:22px; height:24px; background:url(../tpl/i/arSlide-top.png) no-repeat; }
.opinion .opSlider.ars-L { top:32px; background-position:0 0; display:block; background:url(../tpl/i/arSlide-top.png) no-repeat;}
.opinion .opSlider.ars-L:hover { background-position:0 -33px; display:block;}
.opinion .opSlider.ars-R {bottom:-11px; background-position:-38px 0; display:block; position:absolute; z-index:100; }
.opinion .opSlider.ars-R:hover { background-position:-38px -33px; display:block;}
.slider-vertical ul	{ overflow: hidden; }

/* product-list @ korp & fiz */
.nav-index-page .block-grid.three-up {margin-left:0}
.nav-index-page {margin-bottom:0}
.nav-index-page a {color:#702280}
.nav-index-page a:hover {color:#f7a600}
.nav-index-page ul ul li p {padding-bottom:5px}
.nav-index-page ul ul li {width:100%}
.opinion .nav-right {margin-top:20px}

/*** scrollable table @ table ***/
/* DOM:
.filter-list ul#filter-cards li a
#compareBox #compareStatic table
#compareBox #compareSlideWrap #compareSlide #compareSlideHidden #compareTableBox table 
#compareBox #compareSlideWrap #compareSlide #compareSlideHidden #grWidth-L
#compareBox #compareSlideWrap #compareSlide #compareSlideHidden #grWidth-R
#compareBox a.arSlide.ars-L
#compareBox a.arSlide.ars-R
*/
/* headline */
.filter-list p 				{ color:#555; margin:10px 0 5px 0; font-size:13px }
.filter-list ul 				{ margin:0 0 20px 0px; padding:10px; list-style:none; overflow:hidden; clear:both; zoom:1; background:#eff0f1; behavior: url(/bitrix/templates/vzaimobank_2012_06/csspie/PIE.htc); border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.filter-list ul li 				{ font-size:14px; background:none; float:left; display:inline; margin:0 10px 5px 0; padding:0; height:25px; white-space:nowrap }
.filter-list ul li a 			{ color:#702280; float:left; padding:3px 0 0 0; margin:0 10px; text-decoration:none}
.filter-list ul li a span 		{background:url(../tpl/i/bord-dotted_purp.gif) repeat-x bottom left;} 
.filter-list ul li a:hover span 	{color:#f7a600; background:url(../tpl/i/bord-dotted_orang.gif) repeat-x bottom left;}
.filter-list ul li a.filter-list-active { behavior: url(/bitrix/templates/vzaimobank_2012_06/csspie/PIE.htc); border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;background:#f7a600; color:#fff; border:none; cursor:default; padding:3px 10px; margin:0;}
.filter-list ul li a.filter-list-active span {background:none;}
.filter-list ul li a.filter-list-active:hover span	{color:#fff; border:none;}
.filter-list ul li a.bordSol 		{ border-bottom:#009999 1px solid; }
.filter-list ul li a.bordSol:hover 	{ border-bottom:#004d4d 1px solid; }
.filter-list ul.alphabet li 		{ font-size:12px; margin:0; }
.filter-list ul.alphabet li a 		{ /*text-decoration:underline; border:none; float:left;*/ padding:2px 0 0 0; margin:0 7px }
.filter-list ul.alphabet li a:hover { /*text-decoration:underline;*/ }
.filter-list ul.alphabet li a.filter-list-active { padding:2px 7px; margin:0 }
.filter-list ul.textDec li a 		{ text-decoration:underline; border:none;}
.filter-list ul.textDec li a:hover 	{ text-decoration:underline; border:none;}
.filter-list ul.textDec li a.filter-list-active { text-decoration:none; border:none; }
.filter-list ul.textDec li a.filter-list-active:hover { text-decoration:none; border:none; }
.filter-list ul.credApplic li span 	{ display:inline-block; vertical-align:middle; margin:0 5px; }
.filter-list ul#filter-cards a.filter-list-active { cursor:pointer; }
.filter-list ul#filter-cards a.filter-list-active:hover { cursor:pointer; }

#compareBox 						{ position:relative; width:100%; overflow:hidden; clear:both; zoom:1; }

/* all tables */
#compareBox table					{ border:0; margin:0 0 30px 0}
#compareBox table td				{ padding: 5px 10px !important; }
#compareBox table th				{ color:#08628c; text-align:left; padding:5px 10px 5px 10px; font-size:16px; }
#compareBox table th.first			{ background:#fff !important;  padding:0;}
#compareBox table th a 				{ color:#08628c; }
#compareBox table th a:hover 		{ color:#009be3; }
#compareBox table th img 			{ margin:0 0 5px 0; }
#compareBox table .widtCols img		{ height:1px !important; }

/* arrows */
#compareBox #grWidth-L 	{ position:absolute; left:-1px; top:0; width:88px; height:100%; background:url(../img/grWhiteL.png) 0 0 repeat-y; display:none; }
#compareBox #grWidth-R 	{ position:absolute; right:-1px; top:0; width:88px; height:100%; background:url(../img/grWhiteR.png) 0 0 repeat-y; display:none; }
#compareBox .arSlide 	{ position:absolute; z-index:10; top:25px; display:block; width:22px; height:24px; background:#fff url(../tpl/i/arSlide.gif) no-repeat; box-shadow: 0 0 15px 15px white; display:none; }
#compareBox .ars-L		{ left:140px; top:30px; background-position:0 0; ddisplay:block !important; background:#fff url(../tpl/i/arSlide.gif) no-repeat;}
#compareBox .ars-L:hover	{ background-position:0 -33px; ddisplay:block !important;}
#compareBox .ars-R		{ right:0px; top:30px; background-position:-38px 0; ddisplay:block !important; position:absolute; z-index:100}
#compareBox .ars-R:hover	{ background-position:-38px -33px; ddisplay:block !important;}

/* static table */
#compareBox #compareStatic 				{ position:relative; z-index:2; width:150px; float:left; font-size:12px; mmargin-top:-18px }
#compareBox #compareStatic table			{ width:150px}
#compareBox #compareStatic td				{ border-bottom:1px dotted #ccc; }
#compareBox #compareStatic .widtCols td	{ border:none}

/* scrollable table */
#compareBox #compareSlideWrap 			{ width:100%; float:left; margin:0 0 0 -150px; }
#compareBox #compareSlide				{ position:relative; margin:0 0 0 150px; }
#compareBox #compareSlideHidden			{ width:99%; overflow:hidden; padding:0 0px;}
/*#compareBox #tableBox 				{ width:auto; height:100%; margin:0 auto}*/
#compareTableBox 						{ position:relative; z-index:10}
#compareTableBox table tr.product-name 		{ height:30px !important}
#compareTableBox table tr.product-name th 	{ padding-top:5px; white-space:nowrap}
#compareSlideWrap  td 					{ margin:0; border-bottom:1px dotted #ccc}
#compareSlideWrap .widtCols td			{ padding:0; margin:0; border-bottom:none}
#compareSlideWrap .widtCols 				{ height:1px !important}
.go-comp {text-align:right;margin-top:-20px; position:relative}

.mfeedback { margin-bottom:20px; background:#f5f4f5; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; padding:2px 10px; behavior: url(/bitrix/templates/vzaimobank_2012_06/csspie/PIE.htc);}
.mfeedback input.purpl {width:80%; margin:0 auto; display: block;}
.container div.personal-item  .news-item {padding:0px}
.personal-item  small {font: normal 14px/1.6 'PT Sans','Arial',sans-serif; padding:10px 0; line-height:10px}
.personal-item img {margin-right:30px}
.personal-item1 {padding:20px 0 15px 0; border-bottom: 1px dashed #555;}

.licen a.img img.preview_picture { border:1px solid #8d4e99; border-bottom:4px solid #8d4e99}
.licen a.img:hover img.preview_picture { border:1px solid #f7a600; border-bottom:4px solid #f7a600}
.news-list.licen img  {padding:0; height:170px}
.vacansiya li.active {border:1px dashed #849197; float:left;behavior: url(/bitrix/templates/vzaimobank_2012_06/csspie/PIE.htc); border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius:6px; }
ul.list.vacansiya li {background:none; margin:0 0 20px 0;width:100%}
ul.list.vacansiya {width:95%}
ul.list.vacansiya li dt, ul.list.vacansiya li dd {clear:both;}
ul.list.vacansiya li dt {width:100%; font-size:14px}
ul.list.vacansiya li dd {width:97%; margin-left:2%;font-size:13px; margin-bottom:20px}
.vacansiya li h3 {margin-top:-18px;}
.vacansiya li.active h3 span {background-color:#fff !important; padding: 0 4px; margin-left:-4px}

.photo-info-box {margin-top:15px}
.container table.form-table {margin-top:20px}
.container table.form-table tbody tr:nth-child(2n) {background:none; border:0}
hr {border-bottom:1 dashed #ccc; border-top:0; border-left:0; border-right:0; margin-bottom:10px}
.container table.form-table tbody tr td {border:0}
.form-table .inputtext {width:80%}

input.zayavka {width:150px; margin-right:20px}
input.zayavka-reset {background:none !important; text-decoration:underline; color:#08628c; border:none}
.textzayavka {margin-top:60px}
.search-page  a{font-size:15px}
.search-page small a{color:#222; font-size:12px}
.popup center .form-otvet{margin:15px 10px 20px 10px; position:relative }

.popup-window-message-wrapper-outer {
  margin: 0;
}
.popup-window-message-wrapper-inner {
  padding: 9px 9px 2px 9px; border: solid 1px #ddd; margin: 18px 0;
  min-height: 250px;
}
.popup-message-text {
  margin-top: 15px;
}
.vote-answer-table td {vertical-align:top; border-bottom:1px dashed #ccc; padding:3px 5px 3px 0}
.vote-answer-table td .vote-answer-counter {line-height:17px; color:#7d378b; font-size:16px}

#YMapsID img {
  max-width: none;
}
.opSlider.inactive { display: none !important; }

.mf-req {
  color: red;
}

.handle {text-decoration:none}

.map-level-2 {
  margin-left: 10px;
  margin-top: 10px;
}

.map-level-1 {
  margin-top: 10px;
}

div.three.columns.aside {margin-top:20px}
.yashare-auto-init {margin:30px 0}

.personal-item div {
font: normal 14px/1.6 'PT Sans','Arial',sans-serif;
padding-top: 10px;
line-height: 15px; }