/*
############### reset browser rules ###############*/
body {
	font: 11px Verdana, Helvetica, Arial, sans-serif; color: #464646; 
	padding: 0px;
	margin: 0 0 20px 0;
	color: #464646;
	background-color: White;
}

a img { border-width: 0px; }
a { color: #2c71b4; text-decoration: none;}
a:hover { text-decoration: underline; }

h1 {	font-size: 20px; margin: 0 0 20px 0; padding: 0; color: #464646; text-align: left; }
h2 {	font-size: 16px; font-weight: normal; margin: 0 0 10px 0; padding: 0; color: #2c71b4; text-align: left; }
h3 {	font-size: 14px; font-weight: normal; margin: 0 0 10px 0; padding: 0; color: #2c71b4; text-align: left; }
h4 {	font-size: 12px; font-weight: normal; margin: 0 0 10px 0; padding: 0; color: silver; text-align: left; }
h5 {	font-size: 11px; font-weight: normal; margin: 0 0 10px 0; padding: 0; color: #2c71b4; text-align: left; }

p {
	padding: 0;
	margin: 0 0 10px 0;
	line-height: 140%;
}

ol, ul, li {
	 padding: 0;
	 margin: 0;
}

input, textarea, option, select {
	font: 10px Verdana, Helvetica, Arial, sans-serif; margin: 0; padding: 0;
}
.noMargin { margin: 0 !important; }
/*
############### header ###############*/
#head-back {
	height: 130px; border: solid #2c71b4; border-width: 1px 0 0 0; 
}

#head { width: 980px; height: 130px; overflow: hidden; margin: auto; }

.logo { float: left; padding-top: 15px; width: 330px; text-align: left;   }

.search { float: left; padding-top: 45px; margin-bottom: 35px; }
.search div { float: left; margin-right: 5px; }
.search input { width: 285px; height: 17px; border: solid 1px #aeaeae; margin: 0; padding: 3px 0 0 5px; font-size: 12px; color: gray;    }

.phone {	float:  right; padding-top: 45px;}

.head-link { float: left; text-align: left; color: #464646; width: 610px; }
.head-link a { margin: 0 2px 0 2px; color: #464646;  }

.lang {	float: right;}
.lang img {	 border: solid 1px #464646;}

/*
############### fond ###############*/
.fond-back { background-image: url(../img/fond-back.gif); background-repeat: repeat-x; background-color: #f3f3f3; height: 295px;
	margin-bottom: 5px; 
}
.fond-frame { width:980px; margin:auto; position:relative; }
.fond-photo {
	position:absolute; top: 0px; left: 0px;
}
.fond-text {
	position:absolute; top: 15px; left: 20px; color: white; font-size: 20px; line-height: 150%; font-weight: bold; /*z-index:10; */
}
.fond-text a { color: white; font-size: 12px;}
.fond-text a:hover { color: #2c71b4;  text-decoration: none; }

.fond-shadow {
	width:980px; height: 295px; background-image:url(../img/fond-back-2.png); position:absolute; top: 0px; left: 0px;
}
* html .fond-shadow {
	margin: 0;
	background-image: none;
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fond-back-2.png', sizingMethod='crop');
}

#wrapping {
	width: 980px; margin: auto;  
}

.fond-menu { 
  height: 90px; background-image: url(../img/fond-menu.gif); background-repeat: repeat-x; margin-bottom: 10px;		
}
.fond-menu-wrap {
	width: 980px; margin: auto; overflow: hidden;
}

.fond-menu-wrap .arrow { width: 65px; height: 90px; float: left; text-align: center; }
.fond-menu-wrap .arrow a { margin: 0; width: 65px; height: 90px; }
.fond-menu-wrap .arrow a:hover { margin: 0; width: 65px; height: 90px;  }

.fond-menu-wrap .fond-btn a { float: left; display: block; width: 170px; height: 90px; margin: 0 33px 0 33px;  }
.fond-menu-wrap .fond-btn a:hover, .fond-menu-wrap .fond-btn a.s { background-image: url(../img/fond-menu-a-hover.gif); background-repeat: no-repeat; }

.fond-menu-wrap.index .fond-btn a { float: left; display: block; width: 170px; height: 90px; margin: 0 2px 0 0; cursor: pointer;  }

.fond-menu-wrap.index a:hover, .fond-menu-wrap.index a.s { background-image: url(../img/fond-menu-a-hover.png); background-repeat: no-repeat; }

* html .fond-menu-wrap.index .fond-btn a:hover, * html .fond-menu-wrap.index .fond-btn a.s {
	background-image: none;
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fond-menu-a-hover.png', sizingMethod='crop');
	width: 170px;
}

.submenu  { color: #464646; }
.submenu span { color: #2c71b4; font-weight: bold; }
.submenu a { display: block; color: #464646;  padding: 5px 0px 5px 0px; border: dotted #2c71b4; border-width: 0 0 1px  0; }
.submenu a:hover { color: #2c71b4; text-decoration: none;  }
.submenu a.subsel { color: #2c71b4; font-weight: bold;}

/*
############### left col ###############*/
.left_col {
	width: 220px;
	float: left;
	padding: 0;
	margin-right: 10px; 
}

.left_col.indx { width: 320px; }

.banner1 {
	overflow: hidden; margin-bottom: 15px;
}

/*
############### middle col ###############*/
.middle_col {
	width: 320px;
	float: left;
	padding: 0;
	margin-right: 10px; 
}

/*
############### right col ###############*/
.right_col {
	width: 320px;
	float: right;
	padding: 0;
	overflow: hidden;
}

/*
############### panel ###############*/
.panel1-top { width: 220px; height: 10px; background-image: url(../img/panel1-top.gif); background-repeat: no-repeat;}
.panel1-bottom { width: 200px; background-image: url(../img/panel1-bottom.gif); background-repeat: no-repeat; background-position:  bottom;
	padding: 0 10px 10px 10px; margin-bottom: 15px;
}

.all-tab { float: right; padding-right: 10px; font-size: 10px; color: white; line-height: 20px;}
.all-tab a { color: white;}

.panel3-top { 
	width: 319px; height: 40px; padding-left: 1px; background-image: url(../img/panel3-top.gif); background-repeat: no-repeat;
	overflow: hidden;
}
.panel3-top-title { color: white; font-weight: bold; height: 20px; line-height: 20px; padding-left: 9px; }

.panel3-bottom { width: 300px; padding: 5px 10px 10px 10px; 
	background-image: url(../img/panel3-bottom.gif); background-repeat: no-repeat; background-position:  bottom; margin-bottom: 15px; 
}

/*----------------- panel3-tabs -----------------*/
.panel3-tabs { height: 20px; line-height: 25px; color: white; font-weight: bold; overflow: hidden;  }
.panel3-tabs div { float: left; line-height: 20px; }
.panel3-tabs div a { 
	display: block; float: left; height: 20px; 
	color: white; text-decoration:  underline; 
	padding-right: 15px;
	padding-left: 15px; 
}
.panel3-tabs div a:hover {	text-decoration: underline; 
	/*background-image: url(../img/panel3-tabs-a.gif); background-position: right; background-repeat: no-repeat; background-color: white;*/
}
.panel3-tabs div.selected { background-image: url(../img/panel3-tabs-li.gif); background-repeat: no-repeat; background-position: top left;	
}
.panel3-tabs div.selected a { color: #2c71b4; text-decoration: none; text-decoration: none;    
	background-image: url(../img/panel3-tabs-a.gif); background-position: right; background-repeat: no-repeat;
}
.panel3-tabs div.selected.first { background-image: url(../img/panel3-tabs-li-first.gif); background-repeat: no-repeat; }
.panel3-tabs div.selected.first a{ padding-left: 9px;  }

.panel3-bottom table { width: 100%; border-collapse: collapse; }
.panel3-bottom th { padding: 2px; }
.panel3-bottom td { padding: 5px 3px 5px 3px; font-size: 10px; border: solid #2c71b4; border-width: 0 0 1px 0; }

.panel4-top { width: 750px; height: 10px; background-image: url(../img/panel4-top.gif); background-repeat: no-repeat; margin: 0; padding: 0;}
.panel4-bottom { width: 750px; height: 10px; background-image: url(../img/panel4-bottom.gif); background-repeat: no-repeat;}
.panel4-middle { width: 748px; border: solid #2c71b4; border-width: 0 1px 0 1px; overflow: hidden;  }

/*----------------- panel4-tabs -----------------*/
.panel4-tabs { width: 748px; height: 20px; padding-top: 5px; line-height: 25px; color: white; font-weight: bold;
	background-image: url(../img/panel4-tabs.gif); background-repeat: no-repeat;
}
.panel4-tabs div { float: left; height: 20px; margin: 0 10px 0 10px; line-height: 19px;}

.panel4-tabs div a { color: white; text-decoration: none; float: left;}

.panel4-tabs div.selected1 { background-image: url(../img/panel4-tabs-li.gif); background-repeat: no-repeat;}

.panel4-tabs div.selected1 a { color: #2c71b4; text-decoration: none; display: block; height: 20px; padding: 0 20px 0 20px;   
	background-image: url(../img/panel4-tabs-a.gif); background-position: right; background-repeat: no-repeat;
}
.panel4-tabs div.selected1.first { background-image: url(../img/panel4-tabs-li-first.gif); background-repeat: no-repeat;	margin: 0 2px 0 0; }
.panel4-tabs div.selected1.first a { padding: 0 20px 0 20px; }

.panel4-tabs.short { 
	width: 748px; height: 15px; background-image: url(../img/panel4-tabs-short.gif); background-repeat: no-repeat;
}

/*-------------------------zona----------------------------------*/
.zona-bottom { width: 300px; height: 345px; padding: 0px 10px 10px 10px; 
	background-image:  url(../img/zona_bottom.gif); background-repeat: no-repeat; background-position:  bottom; margin-bottom: 15px; 
}
.zona-top { 
	color: white; font-weight: bold; height: 20px; line-height: 20px; font-size: 11px;
	margin-bottom: 10px; 
}
.zona-txt { height: 230px; overflow: hidden; color: white; text-align: left; font-size: 14px;}
.zona-btn { 
	width: 175px; height: 30px; line-height: 30px; padding-left: 15px; 
	color: #2c71b4; font-weight: bold; 
	background-image: url(../img/zona-btn.png); background-repeat: no-repeat; 
}
.zona-btn a { width: 160px; height: 30px; display: block; color: #464646; position: absolute; }
.zona-btn a:hover { text-decoration: none; color: #2c71b4; }

* html .zona-btn {
	margin: 0;
	background-image: none;
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/zona-btn.png', sizingMethod='crop');
}

.news-index {  overflow: hidden; border: solid #2c71b4; border-width: 0 0 1px 0; padding: 3px 0px 4px 0px; }
.news-index .date { color: #464646; font-weight: normal; font-size: 10px; }
.news-index p { line-height: normal; padding: 0; margin: 0;  }
.news-index a { color: #464646; }

.news-index-img { float: left; width: 50px; height: 50px; margin-right: 10px; overflow: hidden; }
.news-index-img img { height: 50px;}

.news-list { margin-bottom: 8px; border: solid #E6E6FA; border-width: 0 0 1px 0; padding-bottom: 5px; }
.news-list h4 { margin-bottom: 5px; }
.news-list .date { color: #464646; font-weight: bold; font-size: 10px;  }

.inside-content {
	width: 750px;
	float: left;
	margin-bottom: 15px;
}
.content { padding: 20px 20px 0px 20px;}
.content .date { 
	margin-bottom: 10px; 
}
.content ul, .content ol { padding-left: 30px;  }
.content li { padding: 5px; color: #004665; }

.content table { border-collapse: collapse; margin-bottom: 10px; }
.content th { padding: 3px; background-color: #2C71B4; color: white;  }
.content td { padding: 3px 10px 3px 10px; font-size: 10px; border: solid #2C71B4 1px; vertical-align: top;}

.trcolor-skyblue {	background-color: #acc1d2;}

.fond-zag { float: left; width: 280px; }
.fond-title { padding-left: 20px; padding-right: 10px; }
.fond-title.f { margin: 0px; height: 60px; }
.fond-title-cot {color: #2c71b4; font-weight: normal; font-size: 2.2em; padding-left: 20px;  }

.big-photo { float: left; width: 450px; overflow: hidden; }
.big-photo img { width: 450px; }

.track { text-indent: 20px; height: 24px; line-height: 24px; color: #464646; margin-bottom: 15px; }
.track a { color: #2c71b4; margin-right: 5px;}
.track a:hover {	color: #464646; text-decoration: none;}

.date { color: silver;}
.more { color: #2c71b4;}
a.more { color: #2c71b4;}

.color-DarkBlue { color: #004665;}

/*
############### footer ###############*/

.footer-link { text-align: center; border: solid #2c71b4; border-width: 1px 0 0 0; color: #2c71b4; line-height: 150%; padding-top: 5px; font-size: 10px; }
.footer-link a { color: #2c71b4; }
.footer-link a.sel { color: #464646; font-weight: bold; }

.footer { width: 980px; margin: auto; height: 20px; line-height: 19px; 
	text-align: center; border: solid #2c71b4; border-width: 1px 0 0 0; 
	background-image: url(../img/top-nav.gif); background-repeat: no-repeat; background-position: top center; 
	color: white;
	margin-bottom: 10px;  
}
.footer a { color: white; }

.important {
	font-size: 10px; color: silver; text-align: justify;
	width: 980px; margin: auto;
}

.branch_network {  }
.branch_network table { border-collapse: collapse; width: 100%; }
.branch_network th { background-color: white; color: #2c71b4; background-image: url(../img/logo-map.png); background-repeat: no-repeat; height: 34px; text-align: left; text-indent: 25px; vertical-align: middle;
	padding: 0; margin: 0; border: solid silver; border-width: 0 0 1px 0; }
.branch_network td { border: none; padding: 3px; margin: 0; color: silver;}
.branch_network .address { font-weight: bold; color: #004665;} 

.doc-panel {
	margin-bottom: 10px;
}
.doc-panel a {	 color: #464646;}

.tr_head {
	background-color: #2c71b4; color: white;  
}
.tr_skyblue {
	background-color: #E2ECF2; color: #464646; 
}

/*----------------------------------------filter-------------------------------------------*/
.filter { margin-bottom: 10px; height: 22px;}
/*.filter input, .filter select {
	color:#666666;
	font-family:Tahoma;
	font-size:1em;
	padding: 2px 5px 2px 2px;
	vertical-align:middle;
	border: none;
	background-image: url(../img/filter-input-back.gif); background-repeat: no-repeat; 
	width: 100px; height: 20px;
}*/
/*html*.filter input, html*.filter select {
	background: transparent scroll 100% 0 !important; background-image: url(../img/filter-input-back.gif); background-repeat: no-repeat;
}*/

.filter div { float: left; height: 20px; line-height: 20px; padding-right: 10px; }

.filter-left { float: left;
	background-image: url(../img/filter--back-left.gif); background-repeat: no-repeat;
	padding: 1px 3px 0px 10px;
	margin-right: 0px;

}
.filter-right {  float: right;
	background-image: url(../img/filter--back-right.gif); background-repeat: no-repeat; width: 7px;
	margin: 0; padding: 0;
}


.filter-left select, .filter-left option {
	color: #2c71b4;
	margin: 1px 2px 0 0;
	padding: 0;
	height: 17px;
}
html*.filter-left select {
	]margin: -1px 2px 0 0;	/*IE 7*/
}


.filter-btn {
	background-image: url(../img/filter-input-back.gif); background-repeat: no-repeat; 
	width: 100px; height: 20px; 
}
.filter-btn input {
	border: none !important;
	background: none !important;
	cursor: pointer;
	color: #2c71b4;
	width: 100px; height: 18px; 
	margin: 0; padding: 0; 
}

.filter-select {
	background-image: url(../img/filter-select.gif); background-repeat: no-repeat; 
	width: 100px; height: 20px; 
}
.filter-select input {
	border: none !important;
	background: none !important;
	cursor: pointer;
	color: #2c71b4;
	width: 100px; height: 18px; 
	margin: 0; padding: 0; 
}

.filter-select1 {
	background-image: url(../img/filter-select1.gif); background-repeat: no-repeat; 
	width: 50px; height: 20px; 
}
.filter-select input {
	border: none !important;
	background: none !important;
	cursor: pointer;
	color: #2c71b4;
	width: 50px; height: 18px; 
	margin: 0; padding: 0; 
}

.filter.news_filter { padding-left: 120px;  }

.otchet {	border-collapse: collapse;}
.otchet td { border: none; padding: 10px 5px 10px 25px; background-image: url(../img/icon_pdf.gif); background-repeat: no-repeat; background-position: center left; width: 50%; }
.otchet td a { display: block; color: #464646; }

td.word {
	background-image:url(../img/word-icon.gif);
}

.staff {  
	margin-bottom: 10px; 	
}
.staff_image {
	float: left; width: 130px; margin-right: 20px; margin-bottom: 10px;	
}
.staff_info {
	float: left; width: 550px; margin-bottom: 10px;	border: solid Gray; border-width: 0 0 1px 0; padding-bottom: 10px; 
}
.staff_info .staff_position {
	font-weight: bold; margin-bottom: 5px;
}
.show-hide {
	cursor: pointer; color: #2c71b4;
}
div.hide_graphic {float:right; width:84.6%; height:14px; position:relative; top:-12px;background-color:white;}

div.right_date {width:26%; float:right; padding-top:3px;text-align:left;color:#2c71b4;}
div.left_date {width:20%; float:left; padding-top:3px;text-align:left;color:#2c71b4;}
div.graph {text-align:right; padding-right:12%; }

.branches {width: 220px; float:left; padding: 8px;  }
.branches h4 { color: #2c71b4; margin-bottom: 5px; }
.branches p { margin: 0; font-size: 10px; line-height: 120%;  }

.city-filter {
	text-align: right; padding-right: 10px; margin-bottom: 15px; color: #2c71b4;  
}
.city-filter select {
	padding: 2px; font-size: 11px; margin: 0; 
}

.filter-year { margin-bottom: 20px; border: none; border-collapse: collapse;}
.filter-year td { border: none; border-collapse: collapse; padding: 2px 3px 2px 3px; }
/*.filter-year input, .filter-year select {
	padding-top:2px;
	color: #2c71b4;
	height: 20px;
}*/

table.cutirovki_table {width:60%; text-align:center;padding-left:10%}

.gr_day {width:40px; /*background-image:url('/ov.gif')*/ }
.gr_month {width:80px; /*background-image:url('/ov.gif')*/ }
.gr_year {width:60px; /*background-image:url('/ov.gif')*/ }

table.contact_mail {border: none; width:60%;}
input.mail_input {width:250px; height: 18px; font-size: 11px; }

td.mail_message {border:none; }
textarea.mail_input {width:250px; height:86px;}

.contact_mail input, .contact_mail textarea {border: #e6e6fa 1px solid; }

div.increase_decrease_font {cursor:pointer; height:18px; padding-right: 3px; }
div.increase_decrease_font div { float: right; margin-right: 7px;}

table.positions, td.positions {border:none; padding-top:8px;}
td.positions_title {border:none; padding-top:8px;width:14%;text-align:right;padding-right:4px;}

div.text_network {float:left;width:460px;}

.pagination { font-size: 10px; }
.pagination.srch { margin-bottom: 15px;  }

.pagination a { padding: 1px 3px 1px 3px; }
.pagination a.pagesel { background-color: #e2ecf2;  }
