@charset "utf-8";

body { margin:0; padding:0; width:100%; ; background:#e8e8e8}

html { padding:0; margin:0;}

a img { border:none}

/* main */

.main {width:100%; padding:0; margin:0 auto; background:#275d8e;}

.resize { width:985px; margin:0 auto;}



/********** header **********/

.header { background:url(images/head_bg.jpg) center top repeat-x; padding:0; margin:0 auto; background-color:#214c73 }



.block_header {margin:0 auto; width:982px; padding:0;}

/* logo */

.logo { float:left; padding:0; margin:40px 0 40px 40px; width:206px;}

.slogan {float:left; padding:0; margin:60px 0 30px 70px; width:500px; color:#FFFFFF}

.slogan h2 { font:italic 24px Arial, Helvetica, sans-serif; /*color:#2a2a2a;*/ color:#fff; margin:0;}

/* menu */	

.block_main_menu {background-image:url(images/m_bg.jpg); background-position:left top; background-repeat:repeat-x; border-bottom:4px solid #d7d7d7; border-top:2px solid #467db5}

.main_menu {margin:0 auto; width:982px; padding-left:25px}

.menu {padding:0; margin:0;}

.menu ul {  padding:0; margin:0; list-style:none; border:0;}

.menu ul li { float:left; margin:0; padding:1px 1px 0 0; border:0;}

.menu ul li a { float:left; margin:0; padding:5px 60px 8px 10px; color:#fff; font:bold 16px Arial, Helvetica, sans-serif; text-decoration:none;}

.menu ul li a:hover { color:#144e84;}

.menu ul li.active a {color:#144e84;}

.menu ul li ul {display: none;}

/*top_sup*/

.top_sup { padding:0; margin:0; background:#000;}

.top_sup_resize { width:982px; margin:0 auto; padding:0;}

.top_sup_resize p { font:normal 11px Arial, Helvetica, sans-serif; color:#4d4d4d; padding:5px; margin:0; line-height:1.8em;}

.top_sup_resize span { font: normal 12px Arial, Helvetica, sans-serif; color:#9f9f9f;}

.top_sup_resize2 { width:982px; margin:0 auto; padding:20px 0;}

.top_sup_resize2 h2 { font: normal 32px Arial, Helvetica, sans-serif; color:#fff; padding:0 0 0 20px; margin:0; width:200px; float:left;}

.top_sup_resize2 p { width:540px; float:right; text-align:left; font:normal 11px Arial, Helvetica, sans-serif; color:#4d4d4d; padding:5px; margin:0; line-height:1.8em;}

/* search */

.search { padding:10px 0 0 0; margin:0; float:right; width:180px;}

.search form { display:block; float:right; padding:5px 0;}

.search span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:114px; padding:0 5px; height:34px;}

.search form .keywords { line-height:14px; float:left; border:0; width:114px; padding:5px 0; height:14px; background:none; margin:0; font:normal 14px Arial, Helvetica, sans-serif; color:#9c9c9c;}

.search form .button { float:left; margin:0; padding:0;}

/********** slider **********/

.slider_top {background:#000; margin:0 auto; padding:15px 0 0 0; height:300px;}

/*header_text*/

.header_text { margin:0 auto; padding:0; width:982px;}

/********** block index **********/

.body { background: #f1f1f1;}

.body_resize { width:982px; margin:0 auto; padding:0;}

.body h2 { font:normal 30px Arial, Helvetica, sans-serif; /*color:#2a2a2a;*/ color:#006BA2; padding:15px 5px; margin:0; border-bottom:1px solid #e1e1e1;}

.body h3 { font:normal 24px Arial, Helvetica, sans-serif; /*color:#2a2a2a;*/ color:#006BA2; padding:10px 5px; margin:0; border-bottom:1px solid #e1e1e1;}

.body h4 { font:normal 18px Arial, Helvetica, sans-serif; /*color:#2a2a2a;*/ color:#006BA2; padding:10px 5px; margin:0; border-bottom:1px solid #e1e1e1;}

.body h5 { font:bold 16px Arial, Helvetica, sans-serif; /*color:#2a2a2a;*/ color:#5f5f5f; padding:5px 5px; margin:0;}

.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:10px 5px; margin:0; line-height:1.8em;}

.body p span { color:#a4a4a4; font: normal 11px Arial, Helvetica, sans-serif;}

.body p.bodrded { border:1px solid #ebebeb; margin:5px 0; padding:10px 0;}

.body ul { list-style:none; margin:10px auto; padding:0;}

.body li { padding:5px 20px; margin:0; background:url(images/ul_li.gif) left no-repeat; font: normal 12px Arial, Helvetica, sans-serif; color:#5c5c5c;}

ul.circle { list-style: disc; margin:10px 0px 10px 30px; padding:0;}

ul.circle li { padding:5px 0px; margin:0; font: normal 12px Arial, Helvetica, sans-serif; color:#5c5c5c;}

.body a { color:#1286a2; text-decoration:underline;}

.body a.bold { color:#fff; font:bold 11px Arial, Helvetica, sans-serif; background:#000; margin:0; padding:3px 5px; float:left; text-decoration:none;}

.body img { float:left; margin:7px 15px 15px 0; padding:0;}

.body img.port { float:left; margin:10px 15px; padding:0;}

.chat {color:#1286a2; text-decoration:underline; font-variant:normal; cursor:pointer; margin-top:-20px;}

.full  { width:952px; float:left; margin:0; padding:10px 15px;} 

.sotrudnich {float:left; width:280px; padding:10px}

.3column {float:left; width:240px; border:1px solid #00CC99}

.3columnSmall {float:left; width:155px; margin:0 10px; border:1px solid #00CC99}

.left  { width:310px; float:left; margin:0; padding:10px 15px;} 

.mic { width:286px; border:2px solid #eaeaea; background:#f7f7f7;}

.mic:hover {background:#f2f2f2;}

.right  { width:600px; float:right; margin:0; padding:10px 10px 10px 15px;} 

.right p { font:normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:10px 5px; margin:0; line-height:1.8em; text-align:justify}
.right ul li ul li a {color: #666666; font-weight:normal}

.blog { width:290px; margin:10px auto; padding:10px 0px; /* border:2px solid #eaeaea; background:#f7f7f7;*/} 

.blog p { font:normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:10px 5px; margin:0; line-height:1.8em; text-align:left}



.blog ul{ list-style:none; padding:5px; margin:0;}

.blog ul li { background:url(images/right_ul_li_bg.gif) top left no-repeat; /*border-bottom:1px solid #cecece;*/ padding:5px 15px; margin:0;}

.blog ul li.active a { font-weight:bold; color:#CC0033} 
.blog ul li.active ul li a {color: #666666; font-weight:normal}
.blog ul li ul li a {color: #666666; font-weight:normal}
.blog ul li.active ul li.active a {font-weight:bold; color:#CC0033}

/*.blog img { border:4px solid #dfdfdf}*/

/********** contact form **********/

#contactform { margin:0; padding:5px 10px;}

#contactform * { color:#F00;}

#contactform ol { margin:0; padding:0; list-style:none;}

#contactform li { margin:0; padding:0; background:none; border:none; display:block;}

#contactform li.buttons { margin:5px 0 5px 0;}

#contactform label { margin:0; width:110px; display:block; padding:10px 0; color:#5f5f5f; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}

#contactform label span { color:#F00;}

#contactform input.text { width:440px; border:1px solid #dcdcdc; margin:10px 0; padding:5px 2px; height:16px; background:#fff; float:left;}

#contactform textarea { width:440px; border:1px solid #dcdcdc; margin:10px 0; padding:2px; background:#fff; float:left;}

#contactform li.buttons input { padding:3px 0 3px 110px; margin:0; border:0; color:#FFF; float:left;}

p.response { text-align:center; color:#F00; font: normal 11px  Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;}

/********** footer **********/

.footer { margin:0; padding:10px 0 0 0; background:#e8e8e8; border-top:1px solid #d9d9d9; }

.footer_resize { margin:0 auto; padding:10px 0; width:980px;}

.footer ul { margin:0; padding:20px 10px 10px 10px; list-style:none; float:left;}

.footer img { display:inline; margin:5px 10px; padding:0;}

.footer ul li { margin:0; padding:0 10px; float:left;}

.footer p { margin:0; padding:20px 20px 10px 20px; color:#6d6d6d; font:normal 12px Arial, Helvetica, sans-serif; line-height:1.8em;}

.footer a { color:#6d6d6d; font:bold 12px  Arial, Helvetica, sans-serif; text-decoration:none; line-height:1.8em;}

.footer a:hover { text-decoration:underline;}



p.clr, .clr { clear:both; padding:0; margin:0; background:none;}

li.bg, .bg { clear:both; border-top:1px solid #e2e2e2; padding:0; margin:10px 0; background:none; line-height:0;}