/* ------------------ all style ------------------ */
html, body
{
	height:100%;
	margin: 0px;
}

body
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #242424;
}

table
{

}

img
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

caption, th, td
{
	font-weight: normal; 
	text-align: left;
	vertical-align: top;
}

div, form
{
	margin: 0px;
	padding: 0px;
}

/* -- forms -- */
fieldset { border: none; margin: 0px; padding: 0px; }
label,label * { vertical-align: middle;}
input.checkbox { margin:1px 2px; height:15px; width:15px;}
input.radio { margin:0 2px 1px; height:18px; width:15px;}
input.text_field, textarea, select
{ 
	vertical-align: middle; 
	padding: 1px;
	font: 11px Verdana; 
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

select
{ 
	padding: 1px;
	height: 18px;
}

input.text_field
{
	height: 17px;
	padding: 1px 6px 0px 6px;
}

.clear, .clear_lf, .clear_rt
{
	font-size: 0px;
	height: 0px;
	line-height: 0px;
	clear: both;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

.clear_lf {clear: left;}
.clear_rt {clear: right;}
.float_right {float: right;}
.float_left {float: left;}

.footer_bottom
{
	clear: both;
	height: 180px;
}

/* ----------- all style text ------------ */

h1, h2, h3, h4, h5, h6, .h1
{
	margin: 0px;
	padding: 0px;
	color: #727272;
	font-family: Tahoma;
	font-weight: normal;
}

h1, .h1
{
	font-size: 20px;
	margin: 0px 0px 32px 0px;
}

h2
{
	font-weight: bolder; 
	font-size: 17px;
	margin: 0px 0px 27px 0px;
}

h3
{
	font-weight: bolder; 
	font-size: 15px;
	margin: 0px 0px 27px 0px;
}

h4
{
	font-weight: bolder; 
	font-size: 13px;
	margin-bottom: 22px;
}

h5
{
	font-weight: bolder; 
	font-size: 12px;
	margin-bottom: 18px;
}

.padd
{
	padding-left: 101px; 
}

p
{
	padding: 0px;
	margin: 0px 0px 20px 0px;
}

a
{
	text-decoration: underline;
	color: #1278e1;
	cursor: pointer;
}

a:hover
{
	text-decoration: none;
}

.red {color: #f11428;}
.blue {color: #1461b1;}
h1 a, .h1 a, h2 a, h3 a, h4 a
{
	text-decoration: none;
	color: #727272;
}

/* ---------- all structure ---------- */
* html #main
{
	height: 100%;
}

html>body #main {height:auto;}

div#main
{
	margin: 0 auto;
	width: 980px;
	min-height: 100%;
	margin-bottom: -180px;
	text-align: left;
	background: url(/frontend/Gui/metronom/images/gray_px.gif) 218px top repeat-y;
}

/* --- Header --- */
#header
{
	position: relative;
	background: url(/frontend/Gui/metronom/images/body_bg_top.jpg) left top repeat-x #FFFFFF;
	zoom: 1;
	padding: 0px 0px 52px 0px;
}

#logo, #logo_df
{
	position: absolute;
	left: 30px;
	top: 30px;
}

#logo_df
{
	left: 30px;
	top: 20px;
}

#logo a, #logo_df a
{
	outline: none;
	cursor: pointer;
	position: relative;
}

.flash_ban, .flash_ban_df
{
	padding: 70px 0px 0px 30px;
	font-size: 0px;
	line-height: 0px;
}

.flash_ban_df {padding-top: 91px;}

.ban
{
	font-size: 0px;
	line-height: 0px;
	position: relative;
}

.up_nav, .up_nav_df
{
	position: absolute;
	left: 16px;
	top: 32px;
}

.up_nav_df
{
	top: 12px;
}

.up_nav ul, .up_nav_df ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.up_nav ul li, .up_nav_df ul li
{
	margin: 0px 10px 0px 0px;;
	padding: 0px;
	float: left;
}

.up_nav ul li a, .up_nav_df ul li a
{
	display: block;
	width: 31px;
	height: 30px;
	line-height: 0px;
	font-size: 0px;
	outline: none;
	position: relative;
}

/* navigation line */
.nav_line
{
	color: #b5d6f8;
	font-family: Tahoma;
	font-size: 11px;
	line-height: 13px;
	position: absolute;
	top: 0px;
	left: 224px;
	padding-right: 30px;
}

.nav_line table
{
	border-collapse: collapse;
}

.nav_line table tr td
{
	padding: 0px;
	vertical-align: middle;
	height: 70px;
}

.nav_line a
{
	color: #FFFFFF;
}

.nav_line .cur_page
{
	color: #b5d6f8;
	text-decoration: none;
}
/* / navigation line */

/* --- / Header --- */

/* --- ����������� ������� --- */
.center
{
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.wrap_col_m
{
	width: 100%;
	float: right;
	margin: 0px 0px 0px -218px;
}

/* left column */
#lf_col
{
	width: 218px;
	float: left;
	margin: 0px -218px 0px 0px;
}

.lf_kord
{
	margin: 0px 0px 0px 21px;
}

.lf_menu
{
	
}

.lf_menu ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.lf_menu ul li
{
	margin: 0px 0px 10px 10px;
	padding: 0px;
}

.lf_menu ul li.level0
{
	padding-left: 0px;
}
.lf_menu ul li.level1
{
	padding-left: 10px;
        font-size:11px;
}
.lf_menu ul li.level2
{
	padding-left: 20px;
        font-size:11px;
}


.lf_menu ul li div
{
	float: left;
}

.lf_menu ul li div 
{
	float: left;
	padding: 2px 10px 4px 10px;
}

.lf_menu ul li div a
{
	color: #1278e1;
}

.lf_menu ul li.act
{
	padding: 0px;
	background: url(/frontend/Gui/metronom/images/gray_px.gif) left center repeat-x;
	margin-bottom: 7px;
}

.lf_menu ul li.act div
{
	background: url(/frontend/Gui/metronom/images/gray_px.gif) left top repeat-x #FFFFFF;
	float: left;
}

.lf_menu ul li.act div div
{
	background: url(/frontend/Gui/metronom/images/gray_px.gif) left bottom repeat-x;
	float: left;
}

.lf_menu ul li.act div div div
{
	background: url(/frontend/Gui/metronom/images/gray_px.gif) left top repeat-y;
	float: left;
}

.lf_menu ul li.act div div div div
{
	background: url(/frontend/Gui/metronom/images/gray_px.gif) right top repeat-y;
	float: left;
}

.lf_menu ul li.act div div div div div
{
	background: url(/frontend/Gui/metronom/images/con_rt_dn.gif) right bottom no-repeat;
	float: left;
}

.lf_menu ul li.act div div div div div div
{
	background: url(/frontend/Gui/metronom/images/con_rt_tp.gif) right top no-repeat;
	float: left;
}

.lf_menu ul li.act div div div div div div div
{
	background: url(/frontend/Gui/metronom/images/con_lf_tp.gif) left top no-repeat;
	float: left;
}

.lf_menu ul li.act div div div div div div div div
{
	background: url(/frontend/Gui/metronom/images/con_lf_dn.gif) left bottom no-repeat;
	float: left;
}

.lf_menu ul li.act div div div div div div div div div
{
	background: transparent;
	float: left;
	padding: 2px 10px 5px 10px;
}

.lf_menu ul li.act div div div div div div div div div
{
	background: transparent;
	float: left;
}

.lf_menu ul li.act div div div div div div div div div a
{
	color: #737373;
	text-decoration: none;
}

.lf_menu ul li div.clear
{
	float: none;
}

/* / left column */

/* right column */
#rt_col_m
{
	margin: 0px 0px 0px 218px;
}

.rt_col_m_kord
{
	margin: 0px 40px 0px 30px;
	padding: 0px 0px 18px 0px;
}

.adv
{
	margin: 0px 0px 29px 0px;
	padding: 5px 0px 0px 0px;
}
 
.adv table
{
	border-collapse: collapse;
}

.adv table tr td
{
	padding: 0px;
}

.gray_bulet, .blue_bulet, .red_bulet
{
	background: url(/frontend/Gui/metronom/images/gray_bulet.gif) left 5px no-repeat;
	position: relative;
	padding-left: 37px;
	margin-left: -37px;
	zoom: 1;
}

.blue_bulet {background: url(/frontend/Gui/metronom/images/blue_bulet.gif) left 5px no-repeat;}
.red_bulet {background: url(/frontend/Gui/metronom/images/red_bulet.gif) left 5px no-repeat;}

/* stend */
.fix_stend
{
	width: 157px;
}

.stend
{
	float: left;
	margin: 0px 0px 15px 0px;
	padding: 0px 11px 0px 0px;
	font-size: 11px;
	font-family: Tahoma;
}

.stend p
{
	margin: 0px;
	padding: 0px 0px 15px 1px;
	
}

.stend .img
{
	float: left;
	background: url(/frontend/Gui/metronom/images/gray_px.gif) left top repeat-x;
}

.stend .bot
{
	background: url(/frontend/Gui/metronom/images/stend_bot.gif) center bottom no-repeat;
	float: left;
	padding: 0px 0px 20px 0px;
}

.stend .img 
{
	background: url(/frontend/Gui/metronom/images/gray_px.gif) left top repeat-x;
}

.stend .img div
{
	background: url(/frontend/Gui/metronom/images/gray_px.gif) left bottom repeat-x;
}

.stend .img div div
{
	background: url(/frontend/Gui/metronom/images/gray_px.gif) left top repeat-y;
}

.stend .img div div div
{
	background: url(/frontend/Gui/metronom/images/gray_px.gif) right top repeat-y;
}

.stend .img div div div div
{
	background: url(/frontend/Gui/metronom/images/con_lf_tp.gif) left top no-repeat;
}

.stend .img div div div div div
{
	background: url(/frontend/Gui/metronom/images/con_rt_tp.gif) right top no-repeat;
}

.stend .img div div div div div div
{
	background: url(/frontend/Gui/metronom/images/con_rt_dn.gif) right bottom no-repeat;
}
 
.stend .img div div div div div div div
{
	background: url(/frontend/Gui/metronom/images/con_lf_dn.gif) left bottom no-repeat;
	padding: 1px 0px 0px 0px;
}
 
.stend .img div div div div div div div div
{
	background: url(/frontend/Gui/metronom/images/stend_cen.gif) center top repeat-y;
	padding: 3px 4px 4px 4px;
	font-size: 0px;
	line-height: 0px;
}
/* / stend */

/* list news */
.list_news
{
	border-collapse: collapse;
	padding: 0px;
	font-size: 11px;
	margin: 0px 0px -40px 0px;
}

.list_news tr td
{
	padding: 0px;	
}

.new
{
	width: 212px;
}

.kord_new
{
	padding-right: 36px;
}

.date_new
{
	color: #a4a4a4;
	margin: 0px 0px 5px 0px;
}

.new p
{
	margin: 0px;
	color: #5f5f5f;
}

.full_info
{
	background: url(/frontend/Gui/metronom/images/full_info_icon.gif) left 5px no-repeat;
	padding: 0px 3px 0px 4px;
	text-decoration: none;
	outline: none;
}
/* / list news */

/* / right column */

.wrap_col
{
	width: 100%;
	float: left;
	margin-right: -196px;
}

#cen_col
{
	margin-right: 196px;
}

/* content list news */
.cont_list_news
{
	
}

.c_new
{
	font-size: 11px;
	color: #5f5f5f;
	margin: 0px 0px 28px 0px;
}

.c_calendar
{
	background: url(/frontend/Gui/metronom/images/calendar.gif) left top no-repeat;
	width: 22px;
	height: 21px;
	margin-bottom: 3px;
}

.c_calendar div
{
	text-align: center;
	padding: 3px 0px 0px 0px;
	color: #f11428;
}

.c_new h5
{
	margin-bottom: 6px; 
}

.c_new p
{
	margin: 0px 0px 3px 0px; 
}

.c_new .stend
{
	margin-bottom: 0px;
}

.c_new .wrap
{
	width: 100%;
	float: right;
	margin-left: -186px;
	padding: 0px;
	margin: 0px;
}

.c_new .rt_col
{
	margin-left: 186px;
	padding-right: 20px;
}

.c_new .lf_col
{
	width: 186px;
	float: left;
	margin-right: -186px;
}
/* / content list news */

#right_col
{
	float: right;
	width: 196px;
	margin-left: -196px;
}

#right_col .gray_bulet, #right_col .blue_bulet, #right_col .red_bulet
{
	position: relative;
	padding-left: 12px;
	margin-left: -12px;
	zoom: 1;
}

.rt_menu
{
	padding: 1px 0px 0px 0px;
}

.rt_menu ul li
{
	margin: 0px 0px 9px 10px;
}

.rt_menu ul li ul li
{
	margin: 0px 0px 0px -8px;
	//margin-bottom: 3px;
}

.rt_menu ul li ul li.act
{
	margin-top: 2px;
	margin-bottom: 1px;
	//margin-bottom: 3px;
}

.rt_menu ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.rt_menu ul li a
{
	color: #a4a4a4;
	font-size: 18px;
}

.rt_menu ul li.cur a
{
	text-decoration: none;
}

.rt_menu ul li ul li a
{
	color: #a4a4a4;
	font-size: 11px;
}

.rt_menu ul li.cur ul li a
{
	text-decoration: underline;
}

.rt_menu ul li.cur ul li a:hover
{
	text-decoration: none;
}

.rt_menu ul li ul li.act  div div div div div div div div div
{
	padding: 0px 10px 3px 10px;
	//padding: 2px 10px 4px 10px;
}

.arrow
{
	background: url(/frontend/Gui/metronom/images/arrow_gray.gif) left 11px no-repeat;
	padding: 0px 3px 0px 4px;
}


/* --- / ����������� ������� --- */

/* --- Footer: ������ ---*/
div#footer
{
	margin: 0 auto;
	width: 980px;
	text-align: left;
	height: 180px;
	color: #67686b;
	font-family: Tahoma;
	font-size: 11px;
	background: url(/frontend/Gui/metronom/images/body_bg_bot.jpg) left bottom repeat-x;
}

.phone
{
	margin: 0px 0px 0px 256px;
}

.phone span
{
	font-size: 11px;
	color: #a4a4a4;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.phone p
{
	margin: 0px;
	font-size: 28px;
	line-height: 28px;
	color: #1461b1;
}

.phone p span
{
	color: #f1192c;
	font-size: 28px;
	line-height: 28px;
	padding: 0px;
	font-family: Tahoma;
}

.bot_info
{
	padding: 60px 0px 0px 0px;
}

.bot_info .wrap
{
	width: 100%;
	float: right;
	margin: 0px 0px 0px 0px;
}

.bot_info .lf_col
{
	float: left;
}

/* maker and counters */
.makandco
{
	float: left;
	padding: 0px 0px 0px 31px;
	width: 224px;
}

.counters
{
	padding: 0px 0px 11px 0px;
}

.counters div
{
	float: left;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 5px 0px 0px;
}

.counters div.clear
{
	float: none;
}

.maker a
{
 color: #1278e1;
}

/* / maker and counters */

.cont_info
{
	float: left;
}

.cont_info a
{
	color: #949494;
}

/* -- copyrights -- */
#copyrights { padding: 0px 42px 0px 0px; float: right;}
#copyrights .text {color: #a4a4a4;}
.search
{
	padding: 0px 0px 10px 0px;
}

.frm_sch
{
	position: relative;
}

.kord_inp
{
	position: absolute;
	top: 1px;
	left: 8px;
}

.kord_inp input
{
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 0px;
	background-color: #FFFFFF;
	width: 154px;
	color: #747474;
}

.btn_sch
{
	background: transparent;
	background: url(/frontend/Gui/metronom/images/btn_sch.gif) left top no-repeat;
	width: 15px;
	height: 13px;
	border: 0px;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 166px; 
}

.input
{
	background: url(/frontend/Gui/metronom/images/input_bg.gif) left top repeat-x;
	height: 19px;
	width: 186px;
}

.input div
{
	background: url(/frontend/Gui/metronom/images/input_bg_lf.gif) left top no-repeat;
	height: 19px; 
}

.input div div
{
	background: url(/frontend/Gui/metronom/images/input_bg_rt.gif) right top no-repeat;
	height: 19px; 
}
/* -- / copyrights -- */

/* --- / Footer: ������ ---*/