@charset "windows-1251";
/* CSS Document */
body {
	margin:0;
	padding:10px 8px 20px 8px;
	font-family:"Trebushet MS", Verdana, Arial, sans-serif;
	font-size:0.75em;
	letter-spacing:-0,5 px;
	line-height:160%;
	background:#fff;
}
img {border:none}
a {
	line-height:1;
	outline:none;
	text-decoration:none;
}
#preloader {
	background-image:url(../images/acktiv.gif);
	background-image:url(../images/arrow_d.gif);
	background-image:url(../images/bg_b_l_hover.gif);
	background-image:url(../images/bg_b_r_hover.gif);
	background-image:url(../images/bg_t_l_hover.gif);
	background-image:url(../images/bg_t_r_hover.gif);
	background-image:url(../images/hover.gif);
	background-image:url(../images/menu_b_l.gif);
	background-image:url(../images/menu_b_r.gif);
	background-image:url(../images/menu_hover_index_b_l.gif);
	background-image:url(../images/menu_hover_index_b_r.gif);
	width:0;
	height:0;
	display:inline;
}

/*SUP&SUB*/
.sup { vertical-align: baseline; position: relative; top: -0.4em; }
.sub { vertical-align: baseline; position: relative; bottom: -0.4em; }

/*TOP PICTURES*/
#visual_sience, #illustrations, #general, #modelling, #molvis, #classic, #educational, #models, #prj {
	background-repeat:no-repeat;
	background-position:96% 17px;
}
#general {background-image:url(../images/general.jpg)}
#modelling {background-image:url(../images/modelling.jpg)}
#visual_sience, #molvis, #prj {background-image:url(../images/model.jpg)}
#classic {background-image:url(../images/classic.jpg)}
#educational {background-image:url(../images/educational.jpg)}
#models {background-image:url(../images/model.jpg)}

/*TOP,MENU,SUBMENU*/
#top {background:url(../images/bg_top.gif) repeat-x top}
#top img {margin:40px 0 0 42px}
#top_table {margin:-11px 8px 0 8px}
#top_table table {
	text-align:center;
	width:100%;
	border:hidden;
	border-collapse:collapse;
}
#top_table span, #menu a, #content ul, .prj_th a {display:block}
#top_table td {width:25%}

#menu {background:#838486 url(../images/bg_btn.gif) repeat-x top;
font-family:Arial;
letter-spacing: +0,8 px}

#menu a {
	color:#464646;
	width:100%;
	font-weight:bold;
	background:url(../images/separator.gif) no-repeat right;
}
a#exclusion {background:none}
#menu a:hover {
	background:url(../images/hover.gif) repeat-x;
	color:#fff;
}
#menu td#current a, #menu td#current a:hover, #menu a:active {
	background:url(../images/acktiv.gif) repeat-x;
	color:#fff;
}

#submenu {background:#626366}
#submenu .middle_btn {padding:16px 0}
#submenu a, #submenu td#current a, #submenu .middle_btn:active {padding:5px 10px}
#submenu a {
	color:#ccc;
	font-size:0.9em;
}
#submenu td#current a, #submenu a:hover {color:#fff}
#submenu td#current a, #submenu a:active {background:url(../images/arrow_d.gif) no-repeat left 8px}
#submenu td#current a:active {background:none}

/*CONTENT*/
#visual_sience #content, #modelling #content, #general #content, #molvis #content, #prj #content {
	min-height:500px;
	height:auto !important;
	height:500px;
	padding: 0px;
}
#content {
	color:#333;
	font-size:1.1em;
	margin:41px 7px 4px 7px;
	line-height:1.4;
}
#molvis #content {
	margin:7px;
	font-size:1em;	
}
#content table {
	width:100%;
	margin:0 auto;
	clear:both;
}
#prj #content table {margin-top:-10px}

#content a {
	color:#222;
	text-decoration:underline;
}

#content a:visited {
	color:#666;
	text-decoration:underline;
}

table#main tr td {
	width:25%; /*33%*/
	text-align:center;
}/*main_page only*/
.prj_th img {
	width:100px;
	height:100px;
}/*inside of illustrations, models*/
.prj_th a {line-height:1.3;}

/*project only*/
#prj h1 {
	color:#000;
	font-weight:normal;
	margin:0;
	font-size:0.9em;
	letter-spacing: -1px;
}
/*project only*/

#prj #content img.pre_img {
  opacity:0.8; filter:alpha(opacity=80);
  cursor:pointer;
}

#visual_sience h1 {font-size:100%; font-weight:normal; margin:0; padding:0;} /*main only*/

#content table#main {
	border-collapse:collapse;
/*	margin-bottom:40px;*/
	font-size:0.9em;
}/*main page only*/
#content table#main img {
	width:200px;
	height:200px; 
}/*main_page only*/
td#txt {
	width:50%;
	line-height:1.4;
	vertical-align:top;
	text-align:left;
}
td#txt p {margin-top:0}
#visual_sience td#right, #prj td#right {
	padding-top: 14px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}/*main, project*/
#visual_sience td#right, #molvis td#right {
	vertical-align:top;
	text-align: left;
}
#prj td#right {
	vertical-align:top;
	font-size:x-small;
}/*project only*/
.prj_th {
	text-align:left;
	width:170px;
	float:left;
	height:150px;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 35px;
	padding-left: 20px;
}/*inside of illustrations, models*/

/*LISTS OF CONTENT*/
#prj #content ul {
	font-size:1.6em;
	padding:0;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15;
	margin-left: 40px;
}/*project only*/
#content ul {list-style-image:url(../images/bullet.gif)}
#prj ul {list-style-image:url(../images/bullet2.gif)}

#molvis ul img {
	width:100px;/*delete it */
	height:100px;
	display:inline;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
}
#molvis td#right ul {
	margin-top:26px
}
#visual_sience td#right ul {
	margin: 0px;
	padding: 5px 0 0 17px;
}/*main only*/
#molvis td#right ul li {
	padding:0;
	margin-top:56px;
}
#content td#right ul li#exclusion {
	margin-top:-10px;
	padding-left; 15px;
}
#content dl {
	font-size:0.85em;
	width:55%;
	padding:20px 0 0 30px;
}

/*news only*/
#content dl dd {
	margin:0;
	padding-bottom:30px;
	font-size:1.15em;
}/*news only*/

/*BOTTOM*/
#bottom {
	background:#626366;
	color:#fff;
	margin:0 8px;
	clear:both;
}
#bottom span {
	float:right;
	margin-top:3px;
}
#bottom big {font-size:1.4em}
#bottom a {color:#fff}
#banners a {
	text-decoration:underline;
}
#banners {
	font-size:0.9em;
	color:#666;
	float:right;
	text-align:left;
	margin-top: 5px;
	margin-right: 35px;
	margin-bottom: 15px;
	margin-left: 35px;
}
#partners a img, #friends a img, #vacancy a{

	border:none;
	display:block;
	padding:10px 10px 20px 10px;
}

#vacancy a {text-decoration:underline; padding:10px 0 0 20px;}

#contacts {padding:20px 0 0 30px}

#prj #content img {
	float:left;
	padding: 0 0 20px 20px;
	}
	
	
/* pubmed icon */	
#prj #content #right img {
	float:none;
	margin-bottom: -3px;
	padding: 0;
}

/*project switch*/
div.related {margin:-10px 0 20px 20px; font-size:0.9em;}
#content div.related a.this {color:#000; background-color:#e1e0e0; text-decoration:none;}
#content div.related a, div.related a:visited {
	padding:2px 4px 2px 6px;
	color:#333333;
}
#content div.related a:visited {
	padding:2px 4px 2px 6px;
	color:#999999;
}
#content div.related a:hover {padding:2px 4px 2px 6px; color:#000;}
#content div.related a.store  {color:#FF6A61}
#content div.related a.store:hover {color:#ff0000;}
#content div.related a.this-store {color:#FFF; padding:2px 4px 2px 6px; background-color:#c52728;  text-decoration:none;}

/*project date*/
#content span.date {float:right; font-size:0.9em; color:#666; padding:0 35px 5px 0}

/*rss*/
#rss {
	font-size:0.9em; 
	color:#666;
	float:right;
	text-align:right;
	margin:23px 35px 15px 15px;}

#content ul.mdash {list-style:none; padding: 0}
ul.mdash li:before {content:'— '}
ul.mdash li  {
        	z-index: expression(
            	runtimeStyle.zIndex = 1,
                innerHTML = "— " + innerHTML
            );
        }