body {font-size: 62.5%; margin: 0; padding:0px; background: #fff; color:#79828f; font-family:  Arial, Tahoma, sans-serif;}
html, body {height:100%;}

/*---Global tags---*/
img {border:0;}
form {padding:0; margin:0;}
a {color:#618DC4;text-decoration:underline;}
a:hover {color:#6777C7;text-decoration:none;}
a:visited {color:#90A6C2;}


hr {border:0px solid #7F7F7F; border-bottom:1px solid #7F7F7F;}
h1, h2, h3, h4 {}
h1 { font-size:1.15em;  font-weight:bold; color:#445b7d;  font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; padding:10px 0; margin:0;}
h2 {font-size:1.1em; margin:0; padding:4px 0; color:#92A7C3; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;}
h3 {color:#445b7d; font-size:2em; margin:0; padding:0 0 3px 0; font-weight:normal;}
h4 {font-size:1em; color:#445b7d; margin:0; padding:0 0 10px 0;}


ul {margin-top:5px;}
ul li {}

p {margin:0; padding:6px 0;}
fieldset {padding:0; border:none; border:0px solid #000; margin:0;}
table {border-collapse: collapse;}
textarea, input {font-family:Arial;}

small {font-size:0.9em;}

.cl {clear:both; font-size:0;}

#main_global {min-width:1000px; max-width:1500px; margin:0 auto; min-height:100%; margin-top:-70px;}
#container {position:relative; width:100%; font-size: 1.2em; padding:70px 0 0 0;}
/*---header---*/
#header {position:relative; zoom:1;}
.header_grid {padding:0 21px 0px 18%;}
#logo {position:absolute; z-index:5;  margin-top:14px; margin-left:46px; }
#slogan {float:left; margin:24px -5px 0 8px;  width:24%;}
#block_tel {float:left; width:51%;  padding:0 0 30px 0px;}

.line_tel {font-size:0; line-height:0; margin: 0 2px 0 4px; border-top:3px solid #5b6f8d;}
#tel {position:relative;margin:18px -2px 0 0; padding:10px 0 10px 0; color:#7994b8; font-size:22px; text-align:center; border-left:1px solid #e2e4e6; border-right:1px solid #e2e4e6;}
#text_tel {padding:0 0 0 70px; background:url(/images/call_title.gif) 0 8px no-repeat;}

#ico_block {right:0; padding:27px 30px 0 0; position:absolute; z-index:2; }
#ico_block a {display:block; width:21px; height:21px; float:left; background-position: 0 0; background-repeat:no-repeat;}
#ico_block a.ico_home {background: url(/images/ico_home.gif);}
#ico_block a.ico_map {background: url(/images/ico_map.gif);}
#ico_block a.ico_search {background: url(/images/ico_search.gif);}
#ico_block a.ico_mail  {background: url(/images/ico_mail.gif);}
#ico_block a.active, #ico_block a:hover {background-position:0 -21px;} 
#ico_block .separ {height:21px; display:block; float:left; width:50px; background: url(/images/separ_01.gif) 50% 50% no-repeat;}

#main_menu {list-style-type:none;padding:0; clear:both; margin:0px 21px 11px 20px;  background: #e9f0f8; height:26px; font-size:15px; line-height:26px;}
#main_menu li {float:left;border-left:1px solid #fff; width:10%; text-align:center; height:26px; color:#fff;}
#main_menu li.active {background:#445b7d; position:relative; z-index:2;}
#main_menu li.active_arr {background:#445b7d url(/images/mm_ico.gif) 100% 0 no-repeat; margin-right:-3px;position:relative; z-index:1;}
#main_menu li a {display:block; height:26px; color:#445b7d;}
#main_menu li a:hover {background:#F1F6FB; color:#4a6ea2; text-decoration:underline;}
#main_menu li.active a, #main_menu li.active a:hover {color:#fff; background:none;  text-decoration:none;} 

#last_work {margin:0 14px; padding:6px; border:1px solid #eaf1f8;}
#last_work a{display:block; height:154px; text-decoration:none;}
.last_work_caption {display:block; float:left; height: 25px; line-height:25px; color:#fff; font-size:14px; padding:0 25px; background:#4496cb;}

.header_line {margin:0 21px; border-top:3px solid #5b6f8d;}

.sm_design {margin:0 21px; height:75px; background:#859bc1 url(/images/sm_design.jpg) 0 0 no-repeat; position:relative; }
.sm_blue {margin:0 21px; height:75px; background:#72beff url(/images/sm_blue.jpg) 0 0 no-repeat; position:relative; }
.sm_blue1 {margin:0 21px; height:75px; background:#60b0c9 url(/images/sm_blue1.jpg) 0 0 no-repeat; position:relative; }
.sm_red {margin:0 21px; height:75px; background:#b885c1 url(/images/sm_red.jpg) 0 0 no-repeat; position:relative; }

.sm_design  #img_design {position:absolute; z-index:1; left:0;  width:420px; height:288px; background:url(/images/img_design.jpg) 8px 24px no-repeat;}
#img_web {position:absolute; z-index:1;   left:83px; top:24px; width:296px; height:246px; background:url(/images/img_web.png) 0px 0px no-repeat;}
.sm_red #img_promotion {position:absolute; z-index:1;  left:0px; top:0px; width:379px; height:247px; background:url(/images/img_promotion.jpg) 0px 0px no-repeat;}
.sm_blue1 #img_contact {position:absolute; z-index:1;  left:61px; top:34px; width:362px; height:223px; background:url(/images/img_contact.jpg) 0px 0px no-repeat;}
.sm_design  #img_def {position:absolute; z-index:1;  left:111px; top:21px;  width:296px; height:246px; background:url(/images/img_default.png) 0px 0px no-repeat;}

.sub_menu {list-style-type:none; padding:44px 0 0 400px; margin:0 0 0 7%; line-height:31px;}
.sub_menu li {float:left; padding:0 15px; height:31px; color:#fff;}
.sub_menu li.active {background:#5B6F8D;}
.sub_menu li a {color:#fff !important;}
.sub_menu li.active a, .sub_menu li a:hover {text-decoration:none;}

#sm_descr {margin:48px 0 30px 7%; position:relative; z-index:2;}
#sm_descr td {padding:0px 0 0 435px; height:100px; width:240px; margin:0 0 0 7%; background:url(/images/decsr_img.gif) 368px 50% no-repeat;}


/*---/header---*/
/*---content---*/
#content {padding:11px 0 30px 0; position:relative; z-index:2;}
.top_menu {padding: 0 21px 20px 18%; background: url(/images/top_menu_cation.gif) 4% 40px no-repeat; font-size:0.9em;  text-transform:uppercase; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;}
.top_menu table {width:100%;}
.top_menu td {width:23%;}
.top_menu a {color:#7399c9; }
.top_menu a:hover {color:#83acdf;text-decoration:underline;}

.top_menu_text {padding:12px 8px 0 8px; height:68px; }
.tm_title {font-size:1.3em; font-weight:bold;}
a.tm_img {display:block; height:100px; background: url(/images/tm_img_bg.gif) 0 0 repeat-x;}
a:hover.tm_img {background-position: 0 -100px;}
a.tm_img span { display:block; height:100px; background-position: 15% 0; }
a:hover.tm_img span{background-position: 15% -100px;}

.tm_design { background: url(/images/tm_design.jpg) no-repeat;}
.tm_web { background: url(/images/tm_web.jpg) no-repeat;}
.tm_promotion { background: url(/images/tm_promotion.jpg) no-repeat;}
.tm_order { background: url(/images/tm_order.jpg) no-repeat;}
.top_menu td.grey_line {width:2%; background: url(/images/grey_line.gif) 50% 0 repeat-y;}

.block_2x2 { clear:both; position:relative; min-height:200px; overflow:hidden;}
.block_2x_bg_left {position:absolute; z-index:2; background:#fff; top:0; left:0; height:3000px;} 
.block_2x_bg_right {position:absolute; z-index:2; background:#fff; top:0; right:0; height:3000px;} 
.block_2x, .block_x2  {position:absolute; z-index:3; height:200px; overflow:hidden; line-height:100%; top:0%; margin-top:25px;}
.block_2x a, .block_x2  a {display:block; width:100%; max-width:206px; height:193px;}
.block_2x  {left:0; background: #fff  url(/images/2x_bg.gif) 100% 0px no-repeat;}
.block_2x  a {float:right;}
.block_x2  {right:0; background: #fff  url(/images/x2_bg.gif) 0 0px no-repeat;}
.block_x2  a {float:left;}



.content_text {margin: 0 21px 0 18%; background: url(/images/grey_line.gif) 50% 0 repeat-y; zoom:1;}
.content_left {float:left; padding:6px 0 0 8px; width:45%;}
.content_right {float:right; padding:6px 0 0 1%; width:49%; border-top:3px solid #ccd3dc;}
.content_right_text {padding:0 0 0 8px; width:60%;}
.content_center {margin: 0 18%;}

ul.list {list-style-type:none; padding:0; margin:0;}
ul.list li {padding:5px 0; margin:0;}
.list a {padding-left:14px; background:url(/images/arr_01.gif) 2px 5px no-repeat;}

.weblog {background:#f2f5f8; padding-right:8px; padding-bottom:20px;}
.weblog  form table {width:100%; font-size:0.9em; }
.weblog  form table td {padding: 2px 10px 2px 3px; text-align:right;}
.inp_text {width:98%; margin:1px;}
html:first-child  textarea.inp_text {width:99%;}
.inp_text:focus {border:3px solid #C8D0DB; margin:0px;}
.td_label {width:90px;}
.vatop { vertical-align:top;}

.send_go {padding:2px 5px; font-size:13px; color:#fff; border:0;   background:#6e91bf; cursor:pointer;}

.catalog {border-top:1px solid #E2E4E6; padding:10px 0; zoom:1; }
.catalog .element {display:block; float:left; line-height:0; font-size:0; zoom:1;}
.catalog .element a {display:block; float:left;}
.catalog .element img {display:block;}

.catalog_menu {font-size:14px; font-weight:bold; color:#445b7d; padding: 0 0 10px 0;}
.catalog_menu span {display:block; float:left; padding:6px 17px; margin-right:5px; background:#e9f0f8;}
.catalog_menu a {display:block; float:left; color:#618dc4; margin:6px 22px 6px 17px;}

.catalog_show { float:right; font-size:11px; color:#445b7d; padding: 6px 0 0px 0;}
.catalog_show span {display:block; float:left; padding:2px 15px 2px 7px; margin-left:5px;  background:#e9f0f8 url(/images/show_arr.gif) 100% 50% no-repeat;}
.catalog_show a {display:block; float:left; color:#8c98a9; margin:2px 15px 2px 12px;}

.pages {font-size:1.3em; color:#90a6c2; padding:0 0 10px 0;}
.pages span {color:#5b6f8d; font-weight:bold;}
.pages a {color:#90a6c2; text-decoration:none; font-weight:bold;}
.pages a:hover {color:#90a6c2; text-decoration:underline;}

.descr_project td {vertical-align:top;}
.img_project {padding-right:30px;}

.cite {padding:10px 15px; margin:10px 0; background:#f2f5f8; font-size:1.33em; font-weight:bold;}
.cite a {color:#5283c0;}
.cite a:hover {text-decoration:none;}
.s_content p {margin:0; padding:6px 0;}

/*---/content---*/
/*---footer---*/
#footer {font-size:1.2em; min-width:1000px; max-width:1500px; height:70px; margin:0 auto;}
#footer1 {width:100%; position:relative; overflow:hidden;}
#footer_left {float:left; margin:0 0 -26px 0;}
#footer_left_text {padding: 5px 0 5px 46px; height:16px; background:url(/images/footer_bg.gif) 0 0 no-repeat;}
#footer_left_text a {color:#618DC4;}
#footer a:hover {text-decoration:underline;}

#footer_center {background:none; margin:0 21px 0 18%; }
#footer_right_white {float:right; width:15%; height:30px; background:#fff; margin:0 0 -30px 0; position:relative;}

#footer_menu {float:left;list-style-type:none; padding:0; margin:0 0px 0 -2%; height:26px; line-height:26px; width:51%;  padding: 0 0 0 8px; zoom:1; }
#footer_menu li {float:left;border-left:1px solid #fff; text-align:center; height:26px; color:#445b7d; margin:0; zoom:1;}
#footer_menu li.active a {color:#445b7;}
#footer_menu li.separ {width:4%; margin-left:4%; border-left:1px solid #e2e4e6; height:20px; line-height:0; margin-top:3px;}
#footer_menu li.separ_active {width:4%; margin-left:4%; border-left:3px solid #5b6f8d;}
#footer_menu li.separ_left {margin-left:0 !important; position:relative;}

#footer_right {float:right; width:49%; padding:0 0 0 1%; background:#f2f5f8; height:26px; line-height:26px; }
#footer_right1 {padding:0 0 0 8px;}

.slogan_l {font-size:18px; color:#a5b7cf; font-weight: bold;}
.slogan_l span {color:#445b7d }

/*---/footer---*/