/* CSS Document */
/* Author: Astronim* [http://astronim.com] */

/* RESET  можно редактировать*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 100%; background: #fff;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
input.btn { cursor: pointer; cursor: hand; }

/*  MUSTHAVE неприкасаем */
.gray, .grey { color:#A5A5A5; font-size:10px; line-height:10px; }
.red, .error { color:#731b78 }
.sstr { font-weight:bold; }
.star { color: #7E0423; margin:  0 0 0 3px;}

.clr {clear:both; float:none !important; height:1px !important; font-size:1px !important; border:none; margin:0 !important; padding:0 !important; background:transparent !important; visibility:hidden !important}


/*pngfix*/
a, img, div, input { behavior: url("../js/iepngfix.htc") }
img.nopngfix,
#sitemap, 
#mail, 
#vis-left, 
#vis-right, 
#menuLeft li.current span span.c, 
#menuLeft li.current span span.b,
#menuTop li a span { behavior: none !important }

/* index */
html { min-height: 100%; }
body { min-height: 100%; font-family:Arial, Tahoma; font-size: 70%; color: #3a404d; background: #98acaf; }
#main {position: relative;}
#main, #mainInner {  width: 100%;  background:  url(../i/bg.jpg) top no-repeat; min-height: 100%;  }



#main { border-bottom: 1px solid #98ABAF; height: auto !important;  min-width: 990px; width:expression((document.compatMode && document.compatMode == 'CSS1Compat') ? (document.documentElement.clientWidth < 990 ? '990px' : '100%') : (document.body.clientWidth < 990 ? '990px' : '100%'))}
#main { height: auto !important;  }  /* IE 7 BUGfix */
#mainInner { min-width: 880px; width: 880px;  position: relative; margin: 0 auto;  background: none; z-index: 200; position: relative;  }

#footer { position: relative;   }

#logo { display: block; width: 98px; height: 80px; background: url(../i/logo_i.png) no-repeat;  position: absolute; top: 47px; left: 14px; cursor: pointer; cursor: hand; }
#logo span { display: none; }

#slogan, #copyr { width: 309px; height: 19px; background: url(../i/t_dostoinyi.png);  position: absolute; top: 47px; left: 197px; }
#copyr { position: absolute; top: auto; bottom: 30px; left: 105px; background: none; }

#sitemap, #mail { width: 18px; height: 14px; display: block; background: url(../i/icons_sl.png) 18px 0;  position: absolute; top: 30px;   right: 0; }
#mail { background: url(../i/icons_sl.png) 0 0;  right: 24px;}
#sitemap:hover { background-position:18px -14px; }
#mail:hover { background-position:0 -14px; }

#lang { color:#55585f; position: absolute;  top: 30px; right: 64px; font-size: 1em; }
#lang a { color: #7b001f; text-decoration: underline; }
#lang a:hover { text-decoration: none; }

#menuTop { position: absolute; top: 111px; left: 181px; }
#menuTop li { float: left; display: block; height: 24px;  }
* html #menuTop li { width: 1%; }
#menuTop li a { margin: 0 8px; cursor: pointer; cursor: hand;}
#menuTop li a, #menuTop li a span {display: block; height: 24px; position: relative;}

/*
#menuTop li a:hover, #menuTop li.current a, #menuTop li a.here { background: url(../i/me_sl.png) 0 0 no-repeat; padding-left: 12px;  margin: 0 -4px 0 -4px; position: relative}
#menuTop li a.here{}
#menuTop li a:hover span, #menuTop li.current a span, #menuTop li a.here span { background: url(../i/me_sl.png) 100% -24px no-repeat; padding-right: 12px; }
#menuTop li span span, #menuTop li.current span span { padding: 5px 5px 0 7px !important;  height: 19px; }
#menuTop li a:hover span span, #menuTop li a.here span span { background: url(../i/me_sl.png) 0 -48px; }

*/

#menuTop li.current a, #menuTop li a.here { background: url(../i/me_sl.png) 0 0 no-repeat; padding-left: 12px;  margin: 0 -4px 0 -4px; position: relative; }
#menuTop li a.here{}
#menuTop li.current a span, #menuTop li a.here span { background: url(../i/me_sl.png) 100% -24px no-repeat; padding-right: 12px; }
#menuTop li span span, #menuTop li.current span span { padding: 5px 5px 0 7px !important;  height: 19px; }
#menuTop li a.here span span { background: url(../i/me_sl.png) 0 -48px; }

#menuTop li a, #menuTop li a img {position: relative; }
#menuTop li a:hover span.blank {border-bottom: 1px solid #000 !important; }
#menuTop li a img {position: relative; z-index: 98; }
#menuTop li a span.blank, 
#menuTop li a:hover span.blank, 
#menuTop li a.here span.blank {position: absolute !important;  z-index: 99; top: 5px; left: 7px; background: url(../i/blank.gif) !important; width: 20px; height: 15px !important; padding: 0 !important; margin: 0 !important; }


#menuLeft { position: absolute;  top: 173px; left: 10px; color: #000; font-size: 1.2em; line-height: 1.2em; width: 160px; }
#menuLeft li { padding: 4px 0 4px 4px; position: relative; }
#menuLeft li ul { }
#menuLeft a{ color: #1e3667; text-decoration: underline;  position: relative; }
#menuLeft a:hover { text-decoration: none;}


#menuLeft li ul { font-size: 0.8em; line-height: 1.2em; }
#menuLeft li li a {  background: url(../i/dot_sl.gif) no-repeat 0 4px ; padding: 0 0 0 12px; margin-left: -4px; display: block; z-index:990;}
#menuLeft li li.current a {text-decoration: none; color:#000; background-position:0 -996px ;}
#menuLeft li li.current a:hover { text-decoration: underline;}

#menuLeft li.current span { display: block; position: relative; width: 162px; margin: 4px 0 2px 0; left: -26px; }
#menuLeft li.current span span {margin:0; left: 0;  }
#menuLeft li.current span span.c { background: url(../i/me_sl.png) no-repeat 0 -72px; z-index: 999; }
#menuLeft li.current span span.c span { margin-top: 0px; bottom: -4px; padding: 0 0 0 25px; color:#fff; width: 130px;  } 
*html #menuLeft li.current span span.c span { top: 3px; margin-bottom: -2px; }
#menuLeft li.current span span.c span a { color: #fff; text-decoration: none; }
#menuLeft li.current span span.c span a:hover { color: #fff }
html>body #menuLeft li.current span { margin-top: -2px;}
#menuLeft li.current span span.b { background:url(../i/me_sl.png) no-repeat 0 -167px; height: 10px; z-index: 997;}

#footer { }
	#footer .inner { width: 580px; position: relative; margin: 0 auto; }
	#footer .content {}
#astronim { position: absolute; bottom: 22px; left: auto;  right: 78px; width: 80px; height: 24px; background: url(../i/astronim.png); cursor: pointer; cursor: hand;  }


#center { width: 565px;  position: absolute; top: 173px; left: 225px;  padding-bottom: 85px; z-index: 999; }

#vis-left { position: absolute; left: 0; top: 0px; width: 262px; height: 428px; z-index: 9; display: none; }
#vis-right { position: absolute; right: 0;/* top: 162px; */ top: 112px; width: 140px; height: 368px; }
#vis-shad {position: absolute; left: 0; top: 0px; width: 255px; height: 159px; background: url(../i/shad.png) no-repeat; z-index: 8;}

/*  CONTENT настраивается, здесь можно использовать 'em' */
.content2 {margin-left: 140px; position: relative; z-index: 990;}
#content {  position: relative; font-size: 1.1em; line-height: 1.4em; color: #000; position: relative; z-index: 1; }
#content h1#pageHeader { margin: 0 0 6px 0 /*33px*/; color:#7e0423; font: normal /* 2.166667em*/ 1.7em 'FreeSetC',Arial; line-height: 1.2em; }
#content.content2 h1#pageHeader { display: block; position: relative; left: -142px; margin: 0 -142px 6px 33px; }
#scroller { margin-top: 40px; }

#content a {color: #7e0423; text-decoration: underline;}
#content a:hover {text-decoration: none;}
#content p, #content div {padding:  10px 0 0 0 !important;}
#content p, #content h4, #content h5 {  }
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	font-weight:bold;  
	margin: 15px 0 0 0 !important;
	padding: 0 !important; 
	color: #414141; 
}
#content h1{ 
	font-size: 1.5em; /* 18 */
	line-height: 1.166667em; 
}
#content h2{ 
	font-size: 1.333333em;/* 16 */
	line-height: 1.3125em;
}
#content h3{ 
	font-size: 1.166667em;/* 14 */
	line-height: 1.5em;
}
#content h4{ 
	font-size: 1em;/* 12 */
	line-height: 1.75em;
	color: #212121; 
}
#content h5, #content h6{ 
	font-weight: bold;
	color: #111111; 
}

#content ul { margin: 5px 0 10px 0; }
#content ul li { list-style: none; }
#content li {padding:0 0 2px 20px; margin:  0 0 0 10px;  list-style: none; position: relative;  background: url(../i/dot_sl.gif) no-repeat 0 6px;}

#content table.tbl { width:100%; border:0; border-collapse:collapse; border-bottom:1px solid #798b91; margin-bottom:5px }
#content table.tbl td.theader { border-bottom:0; background-color:#788a90; padding: 3px 10px; font-weight:bold; color: #d6dedf }
#content table.tbl td { border-bottom:1px solid #798b91; border-left:1px solid #798b91; padding: 3px 10px }
#content table.tbl td.first { border-left:none; }
#content .lefttd { position: relative; padding:3px 10px }

#content input, #content textarea { border: 1px solid #74878d; padding: 1px 3px; font-size: 1em; line-height: 1.1em; font-family:Arial, Tahoma !important; color: #000; background: transparent; }

#content input.btn { background: #74878d; color: #fff; line-height: 1.3em; }

#content .news .item { margin:  0 0 10px 0;}
#content .news .item div {margin:0; padding: 0 !important; }
	#content .news .item .date { color: #444444; font-size: 11px; }
	#content .news .item a {color: #1e3567; }
	#content .news .dt { margin-top:-5px !important; padding-top:0 !important }

#content .sitemap li a { font-size: 14px; font-weight:bold; text-decoration:none }
#content .sitemap li a:hover { text-decoration:none }
#content .sitemap li li a { font-size: 14px; font-weight:normal; text-decoration:underline }
#content .sitemap li li li a { font-size: 12px; }
#content .sitemap li li li li li a { font-size: 11px; }