* {margin:0px;padding:0px;list-style-type:none;border:none; }
html {background:url(bg.gif);height:100%;}
body {height:100px;height:100%;}
a{color:#4988BB;} a:hover{text-decoration:none;} 
a:visited{color:#999;} a:active{color:#fff; background-color:#a5c7e2;}
a img {border:none;}
a img:hover, a img:visited, a img:active {background:#fff;} 
/* layout styles */



#main {position:absolute; z-index:2; width:970px;  margin:15px 0; left:50%;margin-left:-485px;background:url(bg_main.gif) center top;}
#ccode {clear:both;display:none;}
#header {width:970px; height:14px;background:url(up_bg.gif) no-repeat top left;}
#logo {position:relative;float:left;width:211px;height:70px;padding:20px 0 20px 34px;}
#center {position:relative;float:left;width:482px;height:577px;padding:0px 0 0 0;background:url(bg_center.gif) top center repeat-y; }
#right_side {float:left;width:203px;height:573px;padding:10px 14px 10px 26px;background:url(bg_left.gif) right bottom no-repeat; }
#left_side {position:absolute;margin-left:-485px;left:50%;top:125px;z-index:1;clear:both;width:180px;height:482px;padding:0 25px 0 35px;background:url(bg_left.gif) left bottom no-repeat; }
#coil_right, #coil_left {position:absolute;z-index:3;width:50px;height:400px;top:100px;left:50%; margin-left:215px; background:url(coil.gif) repeat-y;} 
#coil_left {margin-left:-265px;}
#footer {position:absolute;left:50%;padding:0; margin:0 0 0 -242px;width:484px;top:606px;background:url(bg_bottom.gif) center top no-repeat; z-index:1;  height:17px;}


/* ceinter styles */
h1 {font:normal 17px/17px Tahoma;  padding:0 22px;  margin:20px 9px 5px 9px; color:#000;  }
h1.home {margin: 8px 9px 9px 18px; color:#3F79A9;}


/* h1 {font: bold 13px Tahoma; text-transform:none; padding:8px 22px;  margin:0 9px 8px 9px; background:url(h1_bg.jpg) repeat-x; color:#fff;}
h1.home {width:377px;margin: 0px 22px 0px 30px; }*/


h2 {font: bold 12px Tahoma; padding:8px 24px 6px 30px; color:#000;}
h2.news {font: bold 11px Tahoma; padding:8px 24px 2px 30px; color:#666;}

h2 a {font: bold 12px Tahoma; }
h2 a:visited {color:#666;}

h3 {font: bold 11px/11px Tahoma; padding:8px 24px 2px 30px; color:#4988BB; }
h3.partners {padding:12px 24px 2px 22px; }


a.s1, a.s2, a.s3, a.s4, a.s5 {display:inline; padding-right:5px; text-decoration:none;}
a.s1:hover, a.s2:hover, a.s3:hover, a.s4:hover, a.s5:hover { text-decoration:underline;}



.s1 {font: normal 10px Tahoma; }
.s2 {font: normal 11px Tahoma; }
.s3 {font: bold 12px Tahoma; }
.s4 {font: bold 14px Tahoma; }
.s5 {font: normal 17px Tahoma; }

.tagcloud {padding:2px 10px 5px 20px;}

p.tags a.ditto_tag {padding-left:3px;}

p {font: normal 12px Tahoma; color:#333; padding:4px 24px 2px 30px; }
p.highlight {font: normal 12px Tahoma; color:#427eb0; padding:4px 24px 2px 30px; }
p.contacts {padding:12px 24px 2px 30px; }
p.mobile {padding-left:90px;}
p.tags {font: normal 11px Tahoma; color:#333; padding:0px 24px 2px 30px;}

img.left {float:left; margin:0 15px 10px 0;}
img.right {float:right; margin:0 0 10px 15px;}
img.splash {margin:0 0 2px 30px; width:425px; height:260px;}
img.partners{float:left;margin:12px 15px 0 30px;}
img.photo {float:left;margin:12px 25px 0 30px;padding:5px;border:1px solid #dfeaf3;}

img.proj_image {float:left;margin:0 12px 0 20px;}
#center ul {clear:both;background:none; padding:6px 0 6px 35px; }
#center li {width:80%;padding:0 24px 4px 13px;font: normal 12px/12px Tahoma; color:#333;background:url(details_bg.gif) left 5px no-repeat;}
#center li a {font: normal 12px/12px Tahoma;color:#427eb0;}
#center ol {clear:both;background:none; padding:6px 0 6px 35px; }
#center a.details{padding:2px 9px; font:normal 11px Tahoma;background:url(details_bg.gif) no-repeat 0 7px;margin:3px 0; line-height:13px;}
#center a.details:hover {background:url(details_bg_hover.gif) no-repeat 0 7px;}
#center div.page_block {padding:0 5px 20px 35px;}
#center div.page_block img {float:left;padding:30px 15px 20px 0;}
#center div.left_column {float:left;width:227px;padding:0 0 0 10px;}
#center div.left_column h2 {padding:0 0 0 25px;}
#center div.left_column img {padding:5px 0 10px 20px;}
#center div.right_column {float:left;width:217px;padding:13px 5px 0 0;}
#center div.right_column h2 {padding:0 0 0 25px;}
#center div.right_column img {padding:5px 0 10px 20px;}

#center  a.word {margin-top:10px;padding:0 0 4px 22px;background:url(ico_word.gif) left 0px no-repeat;}
#center  a.excel {margin-top:10px;padding:0 0 4px 22px;background:url(ico_excel.gif) left 0px no-repeat;}
#center  a.pdf {margin-top:10px;padding:0 0 4px 22px;background:url(ico_pdf.gif) left 0px no-repeat;}
#center a.avi {margin-top:10px;padding:0 0 4px 22px;background:url(ico_avi.gif) left 0px no-repeat;}


















#container {position:absolute;float:left;width:482px;top:548px;background:url(bg_center.gif) repeat-y;}
#para {width:482px; left:50%;margin-left:0px;background:url(bg_center.gif) repeat-y;}
#page_` {position:absolute;  width:464px;  top:522px ; left:50%;margin-left:-232px;line-height:12px; text-align:center; }
div.cont_block {float:left;margin-bottom:20px;}
div.cont_block h2 {font: bold 13px Tahoma; padding:12px 24px 6px 0;}
div.cont_block h3 {margin-right:50px;font: bold 12px Tahoma; padding:8px 24px 2px 0; }
div.cont_block p.contacts {padding:12px 24px 2px 0; }
div.cont_block {float:left;width:453px;margin-bottom:20px;}
div.cont_block h2 {text-align:right;padding-right:10px;font-size:13px;}

/*#page_nav {float:left; width:453px; background:url(bg_bottom.gif) center bottom no-repeat; border:1px dotted green;}*/


div.nav {position:absolute;top:570px;left:50%;  z-index:5;  width:464px; margin-left:-232px;} 

div.nav ul#pages {float:left;clear:none;position:absolute;margin:6px 0 0 0;padding:0; left:50%;margin-left:-22%;}
div.nav ul#pages li {display:inline;width:10px;margin:0;padding:0 3px;font:normal 18px/16px Tahoma, Verdana, Ariel;color:#4988BB;background:none;}
div.nav ul#pages li a {margin:0;padding:0;font-size:13px;color:#444;background:none; font-weight:bold;text-decoration:none;}
div.nav ul#pages li a:hover {background:none;text-decoration:underline;color:#4988BB;}



a#close {float:left; width:445px; font:normal 12px Tahoma; padding:0 6px 25px 30px;background:url(bg_bottom.gif) center bottom no-repeat; }

a.next_page { float:right; height:19px; text-align:right;
background:url(next.gif) bottom right no-repeat;
font:normal 12px Tahoma, Ariel; color:#3674A7;
padding:9px 55px 10px 0;}
a.next_page:hover {background:url(next_hov.gif) bottom right no-repeat;  text-decoration:none;}
a.next_page:active {color:#3674A7;}
a.prev_page { clear:none;float:left; height:19px; text-align:right;
background:url(prev_hov_page.gif) bottom left no-repeat;
font:normal 12px Tahoma, Ariel; color:#3674A7;
padding:9px 0 10px 50px;  }
a.prev_page:hover {background:url(prev_page.gif) bottom left no-repeat;  text-decoration:none;}
a.prev_page:active {color:#3674A7;}

a.all_proj{ float:right; height:19px; text-align:right;
background:url(next.gif) bottom right no-repeat;
font:bold 12px Tahoma, Ariel; color:#3674A7;
padding:9px 55px 10px 0;  }
a.all_proj:hover {background:url(next_hov.gif) bottom right no-repeat;  text-decoration:none;}


.block {float:left; width:474px; margin:5px 0 0 0;background:url(bg_block.gif) top center no-repeat; padding-right:7px; }
.block img {float:left;margin:8px 10px 2px 30px;}
.block h2 {font: bold 13px Tahoma; margin:12px 0 2px 0;padding:0 10px 0 0;line-height:12px;}
.block h2 a{font: bold 13px Tahoma;line-height:13px;color:#000;text-decoration:none;}
.block h2 a:hover {text-decoration:underline;}
.block a {font: normal 12px Tahoma; }
.block a.read_more {padding:0 0 2px 20px;font: normal 12px Tahoma;color:#3674a7;background:url(read_more_bg.jpg) 0px 2px  no-repeat; line-height:18px; }







/* right_side styles */
#right_side h2 { padding:7px 16px;  margin-bottom:8px; background:url(h2_left_bg.gif) repeat-x; color:#fff;}
#right_side h3 {margin-bottom:5px;font:bold 13px/15px Tahoma;color:#000; padding:8px 10px 2px 10px; }
#right_side h3 a{font:bold 13px/15px Tahoma;color:#000;text-decoration:none;}
#right_side h3 a:hover{text-decoration:underline;}
#right_side p {font: normal 12px/12px Tahoma; color:#333; padding:0 4px 5px 5px; }

#right_side a.news_header {display:block; font:normal 11px/10px Tahoma; color:#333; margin:0px 2px 6px 16px;text-decoration:none;  }
#right_side a.news_header:hover {text-decoration:underline;}

#right_side p.date {font: bold 11px/18px Tahoma; color:#000; padding:0 4px 2px 16px;}


#right_side a.services {float:left; margin:0; font:bold 11px Tahoma;  padding:5px 3px 5px 32px;background:url(checkit.gif) 14px 7px no-repeat; color:#444; line-height:11px;text-decoration:none; }
#right_side a.services:hover {text-decoration:underline;}

#right_side a.all {clear:both; float:none; margin:0; font:bold 11px Tahoma;  padding:7px 38px 7px 32px;background:url(all_arrow.gif) bottom right no-repeat;}
#right_side a.all:hover {background:url(all_arrow_hover.gif) bottom right no-repeat;}

#right_side a.list_of_proj {clear:both; float:none; margin:0; font:bold 11px Tahoma;  padding:7px 0 7px 42px;background:url(all_arrow.gif) left 11px no-repeat;}
#right_side a.list_of_proj:hover {background:url(all_arrow_hover.gif) bottom left no-repeat;}
#right_side a.classification{float:left;margin:10px 0;padding:10px 9px 15px 62px; font:bold 13px/13px Tahoma;color:#000;background:url(classification.jpg) 5px 3px no-repeat;text-decoration:none;}
#right_side a:hover.classification{text-decoration:underline;}
#right_side h2.resume{float:left;margin:10px 0;padding:10px 9px 15px 62px; font:bold 13px/13px Tahoma;color:#000;background:url(resume.jpg) 10px 3px no-repeat;text-decoration:none;}



#right_side .banner {margin:3px 0 8px 0; padding:15px 0 18px 24px; background:url(banner_bg.gif) no-repeat; }
#right_side .banner h2, #right_side .banner h2 a {color:#4988BB;font-size:12px; background:white none;padding:0;margin:0 12px 10px 0; text-decoration:none;}
#right_side .banner h2 a:hover {text-decoration:underline;}

#right_side .banner h3 {color:#fff;font:bold 11px/12px Tahoma;padding:0;margin:0;}
#right_side .banner p {font-weight:bold; margin:0;padding:2px 0; color:#fff;}
#right_side .banner a.more {font:normal 11px Tahoma;  padding:4px 42px 7px 0;background:url(more_arrow.gif) bottom right no-repeat; color:#fff;}
#right_side .banner a.more:hover {background:url(more_arrow_hover.gif) bottom right no-repeat; }
#right_side a.details{ padding:2px 9px; font:normal 11px Tahoma;background:url(details_bg.gif) no-repeat 0 7px;margin:3px 0; line-height:13px;}
#right_side a.details:hover { background:url(details_bg_hover.gif) no-repeat 0 7px;}

#right_side dl {padding:0px 16px 6px 16px; clear:both;font:normal 11px Tahoma, Verdana, Ariel;color:#444; line-height:11px;}
#right_side dl dt{font-weight:bold;color:#000; margin:7px 0 5px 0;}
#right_side dl dd a.details{ padding:2px 9px; background:url(details_bg.gif) no-repeat 0 7px;margin:3px 0;font-size:11px; line-height:13px;}
#right_side dl dd a.details:hover { background:url(details_bg_hover.gif) no-repeat 0 7px;}

#right_side p.seminar_date {font-size: 20px; line-height: 36px; color: #3674a7}
#right_side p.place {font-size: 20px; line-height: 18px}
#right_side a.yandex_reg {color: #9a7434;font-size: 18px; padding:0 4px 2px 5px;}
#right_side a.yandex_reg:hover {word-spacing:8px;}



ul#services_menu{margin:0 0 0 16px;padding:0; clear:none;}
ul#services_menu li {margin:0 0 7px 0;padding:0 0 0 18px;font:bold 12px/12px Tahoma, Verdana, Ariel;color:#444;list-style-type:none;background:url(bg_li_right_side.gif) left 2px no-repeat;}
ul#services_menu li.in {color:#4988bb;background:url(checkit.gif) left 2px no-repeat;}
ul#services_menu li.in a {color:#4988bb;line-height:12px;}
ul#services_menu li a {margin:0;padding:0;font:bold 12px/12px Tahoma, Verdana, Ariel;color:#444;text-decoration:none;}
ul#services_menu li a:hover {text-decoration:underline;}
ul#services_menu li ul {margin:7px 0 0 0;padding:0; clear:none; }
ul#services_menu li ul li {margin:0 0 4px 0;padding:0;font:normal 11px Tahoma, Verdana, Ariel;color:#4988bb;list-style-type:none;background:none;line-height:11px;}
ul#services_menu li ul li.in {margin:0 0 4px 0;padding:0;font:normal 11px Tahoma, Verdana, Ariel;color:#4988bb;list-style-type:none;background:none;line-height:11px;}
ul#services_menu li ul li a {font:normal 11px Tahoma, Verdana, Ariel;color:#444;line-height:11px;}
ul#services_menu li ul li ul {margin:4px 0 0 5px;padding:0; clear:none; line-height:10px;}
ul#services_menu li ul li ul li {margin:0 0 4px 0;padding:0 0 0 10px;font:normal 11px Tahoma, Verdana, Ariel;color:#4988bb;list-style-type:none;background:url(details_small.gif) left 5px no-repeat;line-height:11px;}
ul#services_menu li ul li ul li a {font:normal 11px Tahoma, Verdana, Ariel;color:#444;line-height:11px;}

ul#projects_menu {margin:0 0 0 16px;padding:0; clear:none; }
ul#projects_menu li {margin:0 0 7px 0;padding:0 0 0 25px;font:bold 12px Tahoma, Verdana, Ariel;color:#444;list-style-type:none;background:url(checkit.gif) left 3px no-repeat;line-height:11px;}
ul#projects_menu li a {margin:0;padding:0;font:bold 12px Tahoma, Verdana, Ariel;color:#444;text-decoration:none;line-height:11px;}
ul#projects_menu li a:hover {text-decoration:underline;}
ul#projects_menu li ul {margin:7px 0 0 0;padding:0; clear:none; line-height:10px;}
ul#projects_menu li ul li {margin:0 0 4px 0;padding:0;font:normal 12px Tahoma, Verdana, Ariel;color:#4988bb;list-style-type:none;background:none;line-height:11px;}
ul#projects_menu li ul li a {font:normal 12px Tahoma, Verdana, Ariel;color:#444;line-height:11px;}

ul#sitemap {width:205px;margin:5px 0 0 27px;padding:0;}
ul#sitemap li {margin:0;padding:5px 0 5px 20px;font:bold 12px Tahoma, Verdana, Ariel;color:#000;list-style-type:none;background:url(checkit.gif) left 8px no-repeat;line-height:11px;}
ul#sitemap li a {margin:0;padding:0;font:bold 12px Tahoma, Verdana, Ariel;color:#000;text-decoration:none;line-height:11px;}
ul#sitemap li a:hover {text-decoration:underline;}
ul#sitemap li ul  {margin:7px 0 7px 0;padding:0;}
ul#sitemap li ul li {margin:0;padding:7px 0 0 0;font:bold 12px Tahoma, Verdana, Ariel;color:#4988bb;list-style-type:none;background:none;line-height:11px;}
ul#sitemap li ul li a {margin:0;padding:0;font:bold 12px Tahoma, Verdana, Ariel;color:#4988bb;text-decoration:none;line-height:11px;}
ul#sitemap li ul li ul {margin:3px 0 1px 15px;padding:0;}
ul#sitemap li ul li ul li {margin:0;padding:3px 0 0 0;font:normal 12px Tahoma, Verdana, Ariel;color:#4988bb;list-style-type:none;background:none;line-height:11px;}
ul#sitemap li ul li ul li a {margin:0;padding:0;font:normal 12px Tahoma, Verdana, Ariel;color:#4988bb;text-decoration:none;line-height:11px;}

input#search_form {float:left;width:122px;margin:3px 0 0 21px;padding:3px 0;font:normal 12px Tahoma, Verdana, Ariel;color:#000;border:1px solid #6096c2;}
input#search_button {float:left;width:52px;margin:3px 0 0 2px;padding:4px 5px 3px 5px;font:normal 11px Tahoma, Verdana, Ariel;color:#fff;background:url(button_bg.gif);}

#right_side form {margin-left:17px;}
#right_side input, textarea {margin:5px 0;border:1px solid #6096c2;}
#form_button {width:89px;padding:3px 5px;background:url(butt_right.jpg) left top no-repeat;border:none;}


/* left_side styles */
#nav {width:90px; float:left;  background:url(nav_bg.gif) no-repeat right top; }
#nav img {float:right; margin-left:27px; }
#nav img.last {float:right; margin:0; }
#sctrl {float:left; width:71px; margin-right:10px; }

ul#main_menu {clear:both; height:186px; list-style-type:none; background:url(main_menu_bg.gif) no-repeat; }
ul#main_menu li {  height:29px; padding: 8px 0 0 36px;  }
ul#main_menu li a{ font:bold 13px Tahoma, Verdana, Ariel;text-transform:uppercase; text-decoration:none; color:#000;}
ul#main_menu li a:hover {text-decoration:underline; color:#4988BB;}

#left_side p.contact_us { font:bold 12px Tahoma, Verdana, Ariel; color:#4988BB;background:url(contacts_bg.gif) no-repeat 6px 0; padding:8px 0 14px 61px; margin-top:10px;}
#left_side p {padding:0 6px; margin:0;}
#left_side p strong {float:right; padding:0; margin:0;clear:right;  font:bold 12px/22px Tahoma, Verdana, Ariel;color:#444;}
#left_side dl {padding:0 6px; clear:both;font:normal 11px Tahoma, Verdana, Ariel;color:#444;}
#left_side dl dt {float:left;margin-bottom:3px;}
#left_side dl dd {text-align:right;margin-bottom:3px;padding:0;}
#left_side dl dd img {vertical-align:middle;}
img.counter {clear:both; margin:8px 50px 0 0; float:right;}

#bottom {position:absolute;top:569px;left:50%;  z-index:5;  width:464px; margin-left:-232px;}


/* {{{ styles for popups */
div.ss{display: none; position: absolute;background-color: #FFFFFF;border: 1px solid #80ACCF; padding: 10px;z-index: 999;}
div.ss div {position: absolute;background-image:url(loading.gif);background-repeat:no-repeat; background-position:center;}
div.ss img {border:none;}
/* }}} */
















div.right {float:right;width:178px;padding-right:0px;}
div.right a {padding-right:55px;background:url(all_arrow.gif) 125px 5px no-repeat;}
div.right a:hover {background:url(all_arrow_hover.gif) 125px 5px no-repeat;}

#center p.tag {font-size:11px;}
#center p.tag a{text-decoration:none;}
#center p.tag a:hover{text-decoration:underline;}

#left_side p.contact_us a {color:#4988BB;text-decoration:none;}
#left_side p.contact_us a:hover {color:#4988BB;text-decoration:underline;}
#left_side p.contact_us a:active {color:#4988BB;}
#left_side p.contact_us a:visited {color:#4988BB;}




