html, body{margin:0; padding:0; }
body{background:#F5F4F2 url(../img/bg.gif); height:100%}
body, td{color:#252525; font:12px Verdana, Arial, Helvetica, sans-serif}
a{color:#2A6099}
a:hover{text-decoration:underline !important}
img{border:0;}
:root img{vertical-align:top}
form{border:0}
h1, h2{font:bold 18px Verdana, Arial, Helvetica, sans-serif; margin: 20px 0 7px}
h3{font:bold 13px Verdana, Arial, Helvetica, sans-serif; margin: 18px 0 0; /*text-transform:uppercase*/}
h4, h5, h6{font:bold 12px Verdana, Arial, Helvetica, sans-serif;}
p{margin:7px 0 14px}


.clear{clear:both}
.red{color:#F82F1C;}
.blue{color:#2A6099}
.small, .small *{font-size:10px}

/*layout*/
#wrap{margin:0 auto; width:980px; wid\th:950px;  height:100%; padding: 0 15px;}
.sidebg{background:url(../img/sidebg.png) repeat-y center top}
* html body{text-align:center}
* html #wrap{text-align:left}
* html .sidebg{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='common/img/sidebg.png',sizingMethod='scale');}
.main_cen {position:relative; z-index:99; zoom:1;}
#top img, #headline img, .menuBox img{vertical-align:top}
#headline{position:absolute; left: -26px; z-index:2; width:700px;}
#headline a{color:#F82F1C; text-decoration:none}
#headline .bg1{background:url(../img/head1.png) no-repeat; padding-left:55px}
#headline .bg2{background:url(../img/head2.gif) no-repeat top right; padding-right:40px}
#headline .bg2 div { height:34px; hei\ght:26px; padding:8px 20px 0 5px; background:url(../img/headbg.png) repeat-x; font:bold 10px Verdana; color:#F82F1C; text-transform:lowercase; vertical-align:middle; margin:0}
#headline h1{display:inline; font:bold 10px Verdana; color:#F82F1C; text-transform:lowercase; margin:0}
* html #headline .bg1{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='common/img/head1.png',sizingMethod='crop'); height:34px}
* html #headline .bg2 div{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='common/img/headbg.png',sizingMethod='scale'); }
* html #headline a{position:relative;}

table#center{width:100%; border-collapse:collapse; table-layout:fixed; background:url(../img/leftmenu-bg.gif) repeat-y; position:relative;}
#center .left{width:203px; background:#2A6099 url(../img/leftmenu-bg.gif) repeat-y; vertical-align:top; padding:0}
#center .left .shadow{background:url(../img/lefttop.gif) no-repeat; height:7px}
#center .leftbot{vertical-align:bottom; background:url(../img/leftbot.gif) no-repeat bottom; padding: 10px 15px 35px 25px; position:relative;}
#center .right{background:url(../img/righttop.gif) repeat-x; padding:50px 32px 20px 39px; position:relative; vertical-align:top;}

#center_bottom{border-top:24px solid #D9E6FF; padding:9px 5px; background:#fff; }

#footer{border-top:24px solid #D9E6FF; position:relative; padding-bottom:10px}
#footer .left{float:left; width:231px; text-align:right; padding:19px 0 10px}
#footer .right{float:right; width:231px;  padding:19px 0 10px}

#index table#center{background:none; border:1px solid #fff; border-width:0 1px 1px 0}
#index #center .left{background:#fff url(../img/ind_cellbg.gif) repeat-y top right; width:403px;}
#index #center .middle{background:#fff url(../img/ind_cellbg.gif) repeat-y top right; width:384px; vertical-align:top; padding:0}
#index #center .right{background:#EBEBEB url(../img/ind_rttop.gif) repeat-x;  padding: 32px 15px 16px 14px; position:static}
#index #center .rightbot{background:#EBEBEB;  vertical-align:bottom; padding: 0 14px 8px 14px}
#index #center .left .shadow,
#index #center .middle .shadow{background:url(../img/righttop.gif) repeat-x; height:7px; margin-bottom:15px}
#index #center .left .inner{padding:9px 16px 16px 18px}
#index #center .middle .inner{padding:9px 21px 16px 17px; }
#index #center .middle .top{background:url(../img/ind_cellbg.gif) repeat-x bottom left; margin-right:5px; padding-right:16px; padding-bottom: 37px}

body#print{background:#fff; padding:0 40px 20px; color:#000}
#print #top{border-bottom:1px solid #000; padding-bottom:10px}
#print a{color:#000 !important}
#print .botBlock{border:none; font-size:11px; margin-top:0; color:#000}
#print .copyright{position:static; width:auto; border-top:1px solid #000; padding-top:10px; margin-top:20px; color:#000}
@media print{
 body#print{padding:0}
}
/* /layout*/

/*шапка*/
#top{position:relative}
#top div.logo{margin:0}
#top .logo2{position:absolute; top:28px; right:11px}
* html #top .logo2{right:22px}

/*меню*/
.menuBox{height:41px; background:url(../img/menubox-bg.gif) repeat-x;}
ul#metaMenu{margin:0; padding:0; float:right;  background:url(../img/mmenu-bg.gif) repeat-x; position:relative}
ul#metaMenu li{float:left; list-style:none; background:url(../img/mmenu-sp.gif) no-repeat top left; padding:0 7px 0 9px}
ul#metaMenu li.first{background:url(../img/menu-join.gif) no-repeat; padding-left:55px}

ul#mainMenu{margin:0; padding:0; margin-left:27px;}
ul#mainMenu li{position:relative; float:left; list-style:none; background:url(../img/menu-sp.gif) no-repeat top left; padding-left:1px;}
ul#mainMenu li.first{background:none;padding-left:0}


#subMenu{position:absolute; top:41px; left:0px; right:0px; width:100%;}
#subMenu,#subMenu  a{font-size:10px; text-transform:lowercase}

ul#leftMenu{margin:50px 2px 20px 2px; padding:0; position:relative}
ul#leftMenu li{list-style:none; color:#F93320; font-weight:bold; background:url(../img/leftmenu-li.gif) no-repeat left center; padding:8px 3px 10px 24px; 1margin-bottom:14px}
ul#leftMenu li a{color:#fff; font-weight:bold; text-decoration:none}
ul#leftMenu li.selected{color:#F93320; font-weight:bold; background:#fff; border-left:6px solid #F93320}

/*баннеры вертикально*/

#social-media{
		margin:5px 0px;
		/*border:1px solid #d9d9d9;*/
		padding:4px 5px 5px 5px;
	}
	#social-media a.social,
	#social-media span{
		display:-moz-inline-stack;
		display:inline-block;
		background-repeat:no-repeat;
		background-position:center;
		width:24px;
		height:24px;
		text-indent:-9999px;
		margin-right:3px;
		vertical-align:text-bottom;
	}
	#social-media span{
		text-indent:0px;
		vertical-align:bottom;
	}
	#social-media span.media-txt{
		width:90px;
		font-weight:bold;
		text-align:center;
	}
	#twitter{
		background-image:url('/templates/social/ico/twitter.png');
	}
	#facebook{
		background-image:url('/templates/social/ico/facebook.png');
	}
	#livejournal{
		background-image:url('/templates/social/ico/livejournal.png');
	}
	#liveinternet{
		background-image:url('/templates/social/ico/liveinternet.png');
	}
	#vkontakte{
		background-image:url('/templates/ico/vkontakte.png');
	}
	#mailru{
		background-image:url('/templates/social/ico/mailru.png');
	}




.banner{text-align:center; color:#FFFFFF;}
.banner a { color:#FFFFFF; text-decoration:none;}
.banner a:hover { color:#FFFFFF; text-decoration:underline;}
.banner img{margin-bottom:10px}
#index .banner{padding-left:6px}

/*баннеры внизу горизонтально */
#center_bottom .banner{text-align:center}
#center_bottom .banner img{margin: 0 15px}


/*копирайт*/
.copyright {position:absolute; left:266px; width:418px; color:#00369E; font-size:9px; text-align:center; padding: 12px 0 10px 0;}
.copyright a { color:#00369E; text-decoration:none}
* html .copyright{left:35px}


/*оформление текста*/
.title{background:#fff; float:left; margin-top:0; padding-right:20px; max-width:580px}
* html .title{width:expression((offsetWidth<580)? 'auto' : '580px')}
#content .date{background:#D9E6FF; color:#2A6099; font-size:10px; font-weight:bold; text-align:right; margin-top:6px; padding:1px}

.botBlock{clear:both; font-size:10px; color:#2A6099; border-top:1px solid #C7C7C7; margin-top:14px; padding-top:10px}
.botBlock a{color:#2A609}
.print{float:right; background:url(../img/print.gif) no-repeat right; padding:2px 28px 3px}

table.contentTable{border-collapse:collapse}
table.contentTable th{border:1px solid #fff; background:#F81A0A; color:#fff; text-transform:uppercase; padding: 6px 5px 4px}
table.contentTable td{border:1px solid #C4C9D2; background:#F0F0F0; padding: 6px 5px 6px}
table.contentTable tr.even td{background: #E3E3E3}

.blockText{BORDER: #c4c9d2 1px solid; PADDING: 10px;BACKGROUND: #f0f0f0; float:right; MARGIN-LEFT: 10px;  WIDTH: 180px; LINE-HEIGHT: 1.5}

/*список новостей, статей, интервью */
.list{}
.list h3{color:#2A6099; font-size:12px; text-transform:none; margin: 3px 0 12px}
.list img{border:1px solid #DBE7FF; margin-bottom: 10px}
.list p{margin-bottom:5px}
.img-left{float:left; margin-right:10px;border:1px solid #DBE7FF; margin-bottom: 10px}
.img-right{float:right; margin-left:10px;border:1px solid #DBE7FF; margin-bottom: 10px}
.list .spacer{border-top:1px solid #C7C7C7; font-size:1px; line-height:1px; margin:23px 0 22px}
#index .right .list{padding-left:7px}
#index .date, #content .list .date{text-align:right; font-weight:bold; font-size:10px; color:#F82F1C; background:none}
a.more{font-size:10px}
.small p{margin-top:31px; margin-bottom:34px}

/*о журнале*/
.blockTitle{color:#F82F1C; font-size:12px; font-weight:bold; text-transform:none; margin: 3px 0 12px}
.blockTitle a{color:#F82F1C}
.magazine {zoom:1}
* html .magazine{position:relative}
.magazine .more{clear:both; font-size:10px; font-weight:bold; text-decoration:none; text-align:right;}
.magazine .more a{text-decoration:none;}
:root .magazine .more{padding-top:12px}/* FF*/

/* статьи для конференции */
.articles {padding-top:20px; color:#000080;}
.articles b {font-size:16px;}
.anounce {font-size:14px; margin-bottom:15px;}

.articles_item {padding-top:20px; font-size:16px; color:#000080;}
.articles_item h2{font-size:18px;}
.source {text-align:right; font-style:italic;}
/*pager*/
.pager{margin-top:30px; font-size:11px;}
.pager span{border:1px solid #252525; padding:2px; }
.pager a{text-decoration:none; border:1px solid #2A6099; padding:2px; }
.pager .arr{letter-spacing:-2px}
