/* Основное */
html { width: 100%; height: 100%; }

body { margin: 0; padding: 0; height: 100%; width: 100%; font-family: Arial, Tahoma, Verdana, sans-serif; color: #000000; background: #FFFFFF url("img/body_bgr.jpg") top left repeat-x;}


#body {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 770)? "770px" : "100%" && ((document.documentElement.clientWidth || document.body.clientWidth) > 1280)? "1280px" : "100%");
	min-width: 770px;
	max-width: 1200px;
	min-height: 100%;
	margin: 0 auto;
}

*html #body { height: 100%; }
img { border: 0; }
img.png {//background-image: none !important; behavior: url("../png.htc");}


table { border-spacing: 0px; border-collapse:collapse; }
	td { padding: 0px; }

*.block { display: block; }
*.fright { float:right; }
*.fleft { float:left; }
*.absolute { position:absolute; }
*.relative { position:relative; }
*.clear { clear:both; }
*.bold { font-weight:bold; }
*.italic { font-style:italic; }
*.arial { font-family:Arial; }
*.tahoma { font-family:Tahoma; }
*.georgia { font-family:Georgia; }
*.noWrap { white-space:nowrap; }

/* Ссылки и цвета */
a.menucolor { color: #3A5078; text-decoration: none;}
a.menucolor:hover { color: #FF8000; text-decoration: none; }
a.menu_active { color: #FF8000; text-decoration: none; font-weight:bold; }
a.opening {text-decoration: none; border-bottom: 1px dashed; cursor: pointer; cursor: hand;}
a.opened {text-decoration: none; cursor: pointer; cursor: hand;}
	.orange, a.orange, a.orange:hover, .orange a { color: #FF9000; }
	.blue, a.blue, a.blue:hover { color: #3366CC; }
	.white, a.white, a.white:hover { color:#FFFFFF; text-decoration: none; }
	.gray, a.gray, a.gray:hover { color: #888888; }
	.brown { color: #633f1f; }
	.red { color:#FF3300; }

/* Оформление текста */
p {padding: 0; line-height: 1.34em; margin: 0 0 1em 0; font-size: 84%;}
	.welcome { padding: 0; line-height: 120%; margin: 0 10px 1.1em 0;}
	.navmenu { padding: 0; margin-bottom: 6px; }
	.title { padding: 0; margin-bottom: 4px; }
	.title2 { padding: 0; margin-bottom: 0; }
	.title3 { padding: 0; margin-bottom: 1.8em; }
	.title4 { padding: 0; margin-bottom: 6px; }
	.additional { position:relative; padding:0; }
	.last { margin-bottom: 0; }

ul { font-size:84%; line-height: 1.34em; padding:0; margin: 0 0 1.7em; list-style-image:none; list-style-type:none; list-style-position:outside; }
ul li { background:transparent url(img/li-marker.gif) no-repeat scroll 0 0.35em; margin:0 0 0.6em; padding-left: 22px; }

.acronym { border-bottom:1px dashed; cursor:help; white-space:normal; }

h1 { font-family: Tahoma; font-size: 200%; padding: 0px; margin: 0 0 25px 0; font-weight:normal; letter-spacing: 0.01em; }
h2 { font-family: Tahoma; font-size: 120%; padding: 0px; margin: 0 0 12px 0; font-weight:normal; }
h3 { font-family: Tahoma; font-size: 110%; padding: 0px; margin: 0 0 12px 0; font-weight:normal; }
h4 { font-family: Tahoma; font-size: 110%; padding: 0px; margin: 0 0 2px 0; font-weight:normal; }
	
.letter { font-size: 200%; line-height: 0.95em;}
.xxx-large { font-size: 250%; line-height: 1em; }
.xx-large { font-size: 185%; line-height: 1.1em; margin-bottom: 0.6em; }
.x-large2 { font-size: 140%; line-height: 1.2em; margin-bottom: 0.8em; }
.x-large { font-size: 150%; line-height: 1.2em; margin-bottom: 0.8em; }
.larger { font-size: 130%; line-height: 1.4em; }
.large { font-size: 100%; line-height: 1.35em; }
.medium { font-size: 90%; line-height: 1.3em; }
.normal { font-size: 84%; line-height: 1.34em; }
.small, .comment { font-size: 70%; font-family:Tahoma; line-height:120%; }

.plus_icon { padding: 0 1.9em; margin-bottom: 10px; background: no-repeat 0 5px url("img/open.gif"); }
.minus_icon { padding: 0 1.9em; margin-bottom: 10px; background: no-repeat 0 5px url("img/close.gif"); }

/* Сетка, элементы */
#index_header { position:relative; width:100%; height:165px; }
#header { position:relative; width:100%; height:260px; }
	#left_cloud { position: absolute; top: 0px; left: -3%; width: 526px; height: 140px; }
	#right_cloud { position: absolute; top: 0px; right: 0%; width: 600px; height: 140px; }

#logo { position:absolute; left:5%; top: 32px; height: 94px; width: 223px; }
#content { relative" style="width:100%; z-index:3; }
#main { width:88%; z-index: 3;  position:relative; float:left; }
#container { width:88%; z-index: 3; position:relative; float:left; }
.wide { width:100%; clear:both; position:relative;  }
#container .wide .main { position:relative; width: 100%; } 

/* Колонки */
.columns { width:100%; clear: both; }

.c1_a { width: 32%; float: left; }
.c2_a { width: 66%; float: right; }
.a_spacer { float:left; width: 2%; }

.c1_b { width: 32%; float: left; }
.c2_b { width: 32%; float: left; }
.c3_b { width: 32%; float: right; }
.b_spacer { float:left; width: 2%; }

.rightShift { padding-left: 21px; }

.c1_c { width: 27%; float: left; }
.c2_c { float: left; width: 4%; }
.c3_c { width: 37%; float: left; }
.c4_c { float: left; width: 5%; }
.c5_c { width: 27%; float: right; }

.c1_d { width: 50%; margin-right: 5%; float: left; }
.c2_d { position:relative; width: 38%; float: right; }

.c1_e { width: 66%; float: left; }
.c2_e { width: 30%; float: right; }
.e_spacer { float:left; width: 4%; }

.cc1_e { float: left; width: 46%; }
.cc2_e { float: right; width: 49%; }
.e12_spacer { float:left; width: 5%; }

.c1_g { float: left; width: 72%; }
.c2_g { float:left; width: 5%; } 
.c3_g { float: right; width: 23%; }

.c1_f { width: 46%; float: left; }
.c2_f { position:relative; width: 50%; float: right; }

.c1_h { width: 32%; float: left; }
.c2_h { width: 32%; float: left; }
.c3_h { width: 28%; float: right; }
.h_spacer { float:left; width: 4%; }

.c_middle { width: 55%; float: left; margin-top: 25px; }

/* В теле */
.content-margin-1 { margin-left: 24px; }
.content-margin-2 { position: relative; margin: 30px 0 0 24px; }
.content-margin-3 { position: relative; margin: 60px 0 0 24px; }
.content-margin-4 { position: relative; margin-left: 24px; }

.citata_container { position: relative; margin-top: 30px; }
	.citation { margin-left: 30px; }
	.lKavichka { position: absolute; left:0px; top:3px; width: 18px; height: 18px; }
	.rKavichka { position: relative; right:-7px; bottom:-3px; width: 18px; height: 18px; }
	.podpis { margin-left: 30px; }

.addlinks { margin-top: 25px; }
.suggestion { margin-top: 1em; }

.video-news { margin:10px 0px; position:relative; float:right; height: 142px; width: 100%; }
.video-news .vnews-img { margin-right: 20px; width:187px; height: 141px; position:absolute; }
.video-news .vnews-text { padding-left:207px; }

.infoBlock { padding: 0; margin-top: 20px; }
.image { float:left; margin:0 20px 20px 0; }
.infoBlock .docImages { float:left; margin:0 15px 20px 0; }

.staffPic { float:left; margin:0 30px 30px 0; }
.textWithLeftPic { clear: both; display: block; } 
.infoBlock .textWithLeftPic p, .textWithLeftPic p.picBelong { display: block; margin: 0 0 0 208px; }
.textWithLeftPic p.staffPicBelong { display: block; margin: 2em 0 0 180px; }

.blockAfterTitle { margin: 60px 0 45px 0; }
.picAfterTitle { margin: 75px 0 30px 0; }

#galleryAfterPerson { margin:65px 0 0 30px; }
#galleryAfterPerson .pic { float:left; margin:0 12px 10px 0; height:70px; width:70px;}

.vtourPic { margin: 0 10px 10px 0; }

.icons { position:absolute; top: 0; left: 0; }

.answer { margin-top:25px; }
	.answer .In { padding:24px 24px 15px; min-height: 110px; }
	.answer .answerText { padding-left: 70px; background-image: url(img/blank.gif); background-repeat:repeat-y; }
	.answerText .author { margin-bottom: 1em; }
	.answer .photo { position:absolute; width: 50px; padding-top: 30px; }
	
#glossary-search #type { margin: 1px 0; width: 100%; }
.glossary { margin: 0 0 25px 1.5em; padding: 0; }
dl.glossary	dt { display: block; font-weight:bold; }
dl.glossary	dd { margin: 0 0 0.8em; padding: 0; }

/*Плашки*/
#menu table td.colored { background: #ff9b1d; }

.filled_area { position: relative; width: 100%; background-color: #ffeece; }
.big_inArea { padding: 23px 23px 15px 23px; color: #633f1f; }
.filled_area div.big_inArea form { margin: 0; padding: 0; width: 100%; }

#Lang td.colored { background-color:#7482CA; }

/* Уголки */
.filled_area, 
.filled_area-shape{
	position:relative;
	overflow:hidden;
	width: 100%; 
	background-color: #ffeece;
}

.filled_area .cn,
.filled_area-shape .cn{
	position:absolute;
	width:30px;
	height:30px;
	left:-15px;
	top:-15px;
	background:url(img/r-star.png);
}

.filled_area .cn2,
.filled_area-shape .cn2{
	position:absolute;
	width:40px;
	height:40px;
	left:-20px;
	top:-20px;
	background:url(img/r-star2.png);
}

.filled_area .cn.tr, .filled_area .cn.br,
.filled_area .cn2.tr2, .filled_area .cn2.br2,
.filled_area-shape .cn.tr, .filled_area-shape .cn.br {
	margin-left:100%;
}

.filled_area .cn.bl, .filled_area .cn.br,
.filled_area-shape .cn.bl, .filled_area-shape .cn.br {
	top:auto;
	margin-top: -15px;
}

.filled_area .cn2.bl2, .filled_area .cn2.br2 {
	top:auto;
	margin-top: -20px;
}

.filled_area-shape .cn{
	background:url(img/r-star.png);
}


.filled_area-shape .cn.tl, .filled_area-shape .cn.bl {
	width:100%;
} 

/* Футер */
#footer-home{ position:relative; height:160px; width: 100%; clear: both; margin-top: 50px; }
#footer{ position:relative; height:130px; width: 100%; clear: both; margin-top: 50px; }
	.map { padding-top: 0.2em; }
	
	#first { position:absolute; left: 6%; width:27%; }
	#first .prefix-mainpage { left:0; position: relative; margin-bottom: 1.1em; }
	#first .prefix { left:0; position: relative; margin-bottom: 0.8em; }
	#first .moscow-prefix { left: 0.4em; position: relative; margin-bottom: 0.8em; }			
	#first .mobile-phone { position:absolute; left: 75px; top: 0.8em; }
	#first .work-phones { position:absolute; left: 75px; top: 2.2em; }	
		
	#second { position:absolute; left: 36%; width:28%; }
	#second .prefix { left: 0; position: relative; margin-bottom: 0.7em; }
	#second .phone-1 { position:absolute; left: 50px; top: 0.8em; }
	#second .phone-2 { position:absolute; left: 75px; top: 2em; }	
	#second .mobile-phone { position:absolute; left: 50px; top: 0.8em; }

	#second-ver { position:absolute; left: 38%; width:28%; }
	#second-ver .prefix { left:-0.7em; position: relative; margin-bottom: 0.7em; }	
	#second-ver .mobile-phone { position:absolute; left: 55px; top: 0.8em; }

	#third { position:absolute; left: 68%; width:27%; }
	#third .prefix { left: 0; position: relative; margin-bottom: 0.8em; }	
	#third .mobile-phone { position:absolute; left: 50px; top: 0.8em; }

/* Меню */
#menu { position:absolute; top:38px; left:37%; width:40%; z-index:3; }
#menu .menu_item { margin: 0; padding: 11px; font-family: Tahoma; font-size:108%; white-space:nowrap; }
	.menu_cnr_tl { position: absolute; width: 6px; height: 6px; top: 0px; left: 0px; }
	.menu_cnr_tr { position: absolute; width: 6px; height: 6px; top: 0px; right: 0; }
	.menu_cnr_br { position: absolute; width: 6px; height: 6px; margin-top:-6px; right: 0px; }
	.menu_cnr_bl { position: absolute; width: 6px; height: 6px; margin-top:-6px; left: 0px;}

#menu .menu_item a { color: #3A5078; text-decoration: underline;}
#menu .menu_item a:hover { color: #FF8000; text-decoration: underline; }

#menu .main_active { position: relative; white-space:nowrap; color:#FFFFFF; padding: 9px 11px 9px 11px; font-family: Tahoma; font-size:108%; }
#menu .main_active a, .main_active.a:hover { color:#FFFFFF; text-decoration: underline; }

#subMenu { position:absolute; margin-top:15px; padding-left:10px; white-space:nowrap; font-size: 80%; z-index: 2;}
#subMenu div { margin-bottom:3px; }

#Lang { position:absolute; right:6%; top: 48px; z-index: 2;}

td.mm { background-image:none !important; }
	.lang-box { background-color:transparent; }
	.lang-box td div.corner { z-index:2; width:6px; height:6px; background-repeat:no-repeat; visibility:visible; }
	.lang-box td.lm, .lang-box td.rm, .lang-box td.tl, .lang-box td.tr, .lang-box td.bl, .lang-box td.br { width:6px; vertical-align:top; font-size:0px; line-height:0px; }
	.lang-box td.lm div.d, .lang-box td.rm div.d { width:6px; font-size:0px; line-height:0px; }
	.lang-box td.tm, .lang-box td.bm { height:6px; vertical-align:top; font-size:0px; line-height:0px; }
	.lang-box td.mm { padding:0px 2px 0px 2px; }

.lang-box td.colored { background-color:#7482CA; }	

.lang-box td.tl div.corner { background-image:url("img/menu/lang_cnr_tl.gif"); }
.lang-box td.tr div.corner { background-image:url("img/menu/lang_cnr_tr.gif"); }
.lang-box td.br div.corner { background-image:url("img/menu/lang_cnr_br.gif"); }
.lang-box td.bl div.corner { background-image:url("img/menu/lang_cnr_bl.gif"); }

#date_block { margin-bottom: 50px;}
#date_block p { margin:0 14px 0 0; padding-top: 5px; float:left;}
span.year { padding: 0 2px; }
.switcher div { font-weight:normal;	white-space:nowrap; }
/*.switcher div p.year { margin:0 14px 0 0; padding-top: 6px; float:left; } */
.switcher div a { padding: 5px 8px; cursor:pointer; position:relative; float:left; 	font-size:84%;}
.switcher div a.archive { margin-left: 20px; padding: 5px 8px; cursor:pointer; position:relative; float:left; }

.switcher div a.current, .switcher div a.current:hover {
	cursor:default;
	color:#fff;
	background-color:#34a6e8;
	text-decoration:none;
	margin-right:8px;
	font-size:84%;
}

#pager { margin-top: 15px; }
#pager span { margin:0 6px; }
#pager .pager_active { background: no-repeat 50% 50% url(img/menu/active_page.gif); padding: 10px 10px; color:#FFFFFF; }

/*Форма*/
form { margin:0; padding:0 }
	form table { width: 100%; }
	form table.search { width: auto; }
	form table td { padding: 3px 0 6px 0; vertical-align:top; }
	form table .description { width: 21%; padding-right: 20px; white-space:nowrap; }
	
.wide_str { width:98%; border:1px solid #a9a9a8; }
.area { width:98%; height:140px; border:1px solid #a9a9a8; }

/* Распорки */
.spacer_left {float: left; width: 6%;}
.spacer_left img {width: 1px; height: 1px;}
.spacer_right {float: right; width: 6%;}
.spacer_right img {width: 1px; height: 1px;}

.spacer_10px { height:10px; }
.spacer_25px { height:25px; }
.spacer_30px { height:30px; }
.spacer_40px { height:40px; }

div.spacer, div.empty { width:1px; height:1px; visibility:hidden; font-size:0px; line-height:0px; }
div.empty { visibility: visible; }