@charset "utf-8";

/* Общие стили для всей страницы  */
html, body{
	margin: 0px;
	padding: 0px;
	height:100%;
	background:url("/img/blank.gif") fixed;
	background-color: white;
	}
#body {
	width:100%;
	height:100%;
	}
* {
	margin:0px;
	padding:0px;
	}
div, img, a {
	border:0px;
	}
a {
	color:#000;
	text-decoration:none;
	cursor:pointer;
	}
.img_l {
	float: left;
	margin-right: 15px;
	}
.img_r {
	float: right;
	margin-left: 15px;
	}
.left {
	float:left;
	}
.right {
	float:right;
	}
.center {
	text-align:center;
	}
.clear {
	clear:both;
	font-size:0px;
	}
.iepng a {
	position:relative;
	}
#wrap {
	width:100%;
	height:100%;
	font-family:'tahoma', arial, helvetica, sans-serif;
	font-size:12px;
	}
#wrap_c {
	width:1000px;
	position:relative;
	background:url('/img/wrap_c_bg.gif') center top repeat-y;
	margin:0px auto;
	}	
.big_basis #wrap_c {
	background:url('/img/big_basis_c.gif') center top repeat-y;
	}
/*#############################*/

/* Стили для шапки */

#head {
	width:100%;
	height:198px;
	text-align:center;
	position:absolute;
	left:0px;
	top:0px;
	}

/* Логотип */
#logo img {
	vertical-align:top;
	}

/*#################*/


/* Стили для основного меню */

#menu {
	width:100%;
	font-family:'lucida sans unicode', arial, helvetica, sans-serif;
	font-size:24px;
	line-height:26px;
	color:#006699;
	position:absolute;
	top:198px;
	left:0px;
	z-index:100;
	}
#menu table {
	width:560px;
	height:43px;
	list-style:none;
	margin:0px auto;
	}
#menu table td {
	height:43px;
	padding:0px 2px;
	vertical-align:top;
	}
#menu table td div {
	position:relative;
	}
#menu table td div a {
	display:block;
	height:43px;
	line-height:35px;
	color:#006699;
	text-decoration:underline;
	}
#menu table td div a span {
	display:block;
	height:43px;
	padding:0px 20px;
	}
#menu table td div a:hover, #menu table td div a.act {
	background:#f3f3f3 url('/img/menu_r.gif') right top no-repeat;
	text-decoration:none;
	}
#menu table td div a:hover span, #menu table td div a.act span {
	background:url('/img/menu_l.gif') left top no-repeat;
	}
#menu table td div a.hover span, #menu table td div a.hover:hover span {
	background:url('/img/menu_l_hover.gif') left top no-repeat;
	}
#menu table td div a.hover, #menu table td div a.hover:hover {
	background:url('../img/menu_r_hover.gif') right top no-repeat;
	text-decoration:none;
	}
/* Подменю */
#menu table td div .submenu {
	display:none;
	width:100%;
	font-family:'tahoma', arial, helvetica, sans-serif;
	position:absolute;
	left:0px;
	top:35px;
	z-index:10;
	}
#menu table td div .submenu dl {
	background:#f3f3f3;	
	padding-right:10px;
	}
#menu table td div .submenu a {
	color:#336699;
	font-size:12px;
	line-height:14px;
	height:auto;
	padding:4px 0px 0px 33px;
	}
#menu table td div .submenu a:hover {
	background:none;
	}
#menu table td div .submenu_bl {
	height:17px;
	margin-right:17px;
	background:url('/img/submenu_b_l.png') left top no-repeat;
	position:relative;
	-background:none;
	-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/submenu_b_l.png',sizingMethod='crop');
	}
#menu table td div .submenu_br {
	height:17px;
	width:17px;
	background:url('/img/submenu_b_r.png') left top no-repeat;
	position:absolute;
	right:0px;
	bottom:0px;
	-background:none;
	-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/submenu_b_r.png',sizingMethod='crop');
	}
/*##########################*/

/* Название раздела */
#partition {
	width:100%;
	color:#336699;
	font-family:'lucida sans unicode', arial, helvetica, sans-serif;
	font-size:18px;
	line-height:20px;
	position:absolute;
	top:241px;
	left:0px;
	}
#partition div {
	width:506px;
	height:35px;
	padding:36px 0px 0px 0px;
	margin:0px auto;
	}
#partition div a {
	color:#336699;
	text-decoration:underline;
	}
#partition div a:hover {
	text-decoration:none;
	}
#partition h1 {	
	font-family:'lucida sans unicode', arial, helvetica, sans-serif;
	font-size:18px;
	line-height:20px;
	font-weight: normal;
	display: inline;
}
/*###################*/

/* Стили для основной части страницы */
#basis_t {
	width:532px;
	height:10px;
	padding-top:312px;
	font-size:0px;
	margin:0px auto;
	background:#fff url('/img/basis_t.gif') left 312px no-repeat;
	}
.big_basis #basis_t  {
	width:616px;
	background:#fff url('/img/big_basis_t.gif') left 312px no-repeat;
	}
#basis_b {
	width:532px;
	height:10px;
	clear:both;
	font-size:0px;
	margin:0px auto;
	background:url('/img/basis_b.gif') left bottom no-repeat;
	}
.big_basis #basis_b  {
	width:616px;
	background:url('/img/big_basis_b.gif') left bottom repeat-y;
	}
#basis {
	width:458px;
	margin:0px auto;
	position:relative;
	z-index:20;
	overflow:hidden;
	}
.big_basis #basis {
	width:542px;
	}
	
/* Центральная часть */
#center_frame {
	padding:10px 0px;
	width:1850px;
	float:left;
	}
.big_basis #center_frame {
	width:2200px;
	}
.center_block {
	width:458px;
	float:left;
	min-height:204px;
	position:relative;
	left:-458px;
	}
.big_basis .center_block {
	width:542px;
	left:-542px;
	}
.center_frame-cont {
	min-height:204px;
	position:relative;
	padding:1px 41px 1px 49px;
	}
.big_basis .center_frame-cont {
	padding:0px;
	min-height:10px;
	}
#center_frame h1, #center_frame .h1 {
	font-family:'lucida sans unicode', arial, helvetica, sans-serif;
	font-size:15px;
	line-height:17px;
	font-weight:normal;
	color:#336699;
	padding:10px 0px 6px;
	}
#center_frame h2, #center_frame .h2 {
	font-family:'lucida sans unicode', arial, helvetica, sans-serif;
	font-size:14px;
	line-height:15px;
	font-weight:normal;
	color:#336699;
	padding:8px 0px;
	}
#center_frame h3, #center_frame .h3 {
	font-family:'lucida sans unicode', arial, helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	color:#336699;
	padding:8px 0px;
	}
#center_frame ul {
	list-style:none;
	padding:6px 0px 11px;
	}
#center_frame ul li {
	font-size:11px;
	line-height:13px;
	color:#336699;
	padding:3px 0px 2px 15px;
	background:url('/img/list_dot.gif') 8px 9px no-repeat;
	}
#center_frame p {
	line-height:18px;
	color:#999;
	padding:8px 0px 8px 2px;
	}
#center_frame a {
	color:#336699;
	text-decoration:underline;
	}
#center_frame a:hover {
	text-decoration:none;
	}
.big_basis #center_frame p, .big_basis #center_frame ul {
	padding-left:38px;
	padding-right:38px;
	}
.big_basis #center_frame .center_frame-cont h1, .big_basis #center_frame .center_frame-cont h2,
.big_basis #center_frame .center_frame-cont h3 {
	padding-left:38px;
	padding-right:38px;
	}
/* Картинки на главной странице */
.home_img {
	width:100%;
	text-align:center;
	}
.home_img td {
	height:204px;
	vertical-align:middle;
	}
.home_img td img {
	vertical-align:top;
	}
/* Информер о сайте */
.sait_info {
	height:40px;
	margin:0px 30px;
	position:relative;
	}
.sait_info .menu {
	width:308px;
	height:18px;
	font-size:11px;
	line-height:17px;
	position:absolute;
	right:0px;
	top:11px;
	}
.sait_info .menu span {
	color:#cc9933;
	display:block;
	float:left;
	height:18px;
	margin-right:1px;
	}
.sait_info .menu a {
	display:block;
	height:18px;
	float:left;
	padding:0px 5px;
	margin:0px 2px;
	}
#center_frame .sait_info .menu a:hover, #center_frame .sait_info .menu a.act {
	background:#e9e8e8;
	text-decoration:none;
	}
/* Скриншет с названием */
.sait_scrin {
	margin:0px auto;
	padding-top:23px;
	position:relative;
	}
.sait_img {
	background:url('/img/sait_img/sait_img_border_01.gif') left top repeat-y;
	}
.sait_img div {
	background:url('/img/sait_img/sait_img_border_01.gif') right top repeat-y;
	}
.sait_img div div {
	background:url('/img/sait_img/sait_img_border_02.gif') left top repeat-x;
	}
.sait_img div div div {
	background:url('/img/sait_img/sait_img_border_02.gif') left bottom repeat-x;
	}
.sait_img div div div div {
	background:url('/img/sait_img/sait_img_corner_01.gif') left top no-repeat;
	}
.sait_img div div div div div {
	background:url('/img/sait_img/sait_img_corner_02.gif') left bottom no-repeat;
	}
.sait_img div div div div div div {
	background:url('/img/sait_img/sait_img_corner_03.gif') right bottom no-repeat;
	}
.sait_img div div div div div div div {
	background:url('/img/sait_img/sait_img_corner_04.gif') right top no-repeat;
	padding:7px 0px;
	}
.sait_img div div div div div div div div {
	margin:0px 7px;
	padding:0px;
	background:#fff;
	}
.sait_img img {
	margin:0px;
	padding:0px;
	vertical-align:top;
	}
.sait_img_title {
	height:14px;
	position:absolute;
	right:11px;
	top:9px;
	font-size:11px;
	line-height:14px;
	color:#999;
	font-style:italic;
	}
.img_title {
	height:14px;
	/*
	position:absolute;
	right:11px;
	top:9px;
	*/
	font-size:11px;
	line-height:14px;
	color:#999;
	font-style:italic;
	text-align: right;
	margin-right: 40px;
	margin-top: 12px;
	margin-bottom: 4px;
	}
/*-------------------*/

/*###################################*/

/* Ссылки и стрелки */
#arrow {
	width:100%;
	min-width:1000px;
	height:74px;
	position:fixed;
	top:397px;
	left:0px;
	z-index:10;
	}
.arrow_static_b #arrow {
	position:absolute;
	top:auto;
	bottom:204px;
	}
#arrow_links {
	width:532px;
	height:74px;
	margin:0px auto;
	position:relative;
	}
.big_basis #arrow_links {
	width:616px;
	}
#arrow_l {
	width:74px;
	height:74px;
	display:block;
	position:absolute;
	left:-37px;
	top:0px;
	}	
#arrow_l img {
	vertical-align:top;
	}
#arrow_l span {
	width:130px;
	display:block;
	color:#999;
	text-decoration:underline;
	text-align:right;
	position:absolute;
	right:93px;
	top:25px;
	}
#arrow a:hover span {
	text-decoration:none;
	color:#336699;
	}
#arrow a span img {
	-moz-opacity: 0.2; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.2; /* Konqueror 3.1, Safari 1.1 */
	opacity: 0.2; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); /* IE 5.5+*/
	}
#arrow a:hover span img {
	-moz-opacity: 1.0; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 1.0; /* Konqueror 3.1, Safari 1.1 */
	opacity: 1.0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
	}
#arrow_r {
	width:74px;
	height:74px;
	display:block;
	position:absolute;
	right:-37px;
	top:0px;
	}	
#arrow_r span {
	width:130px;
	display:block;
	color:#999;
	text-decoration:underline;
	position:absolute;
	left:93px;
	top:25px;
	}
#arrow_r img {
	vertical-align:top;
	}
/*##################*/

/* Стили для нижней части страницы */

#footer {
	height:47px;
	padding-top:72px;
	text-align:center;
	background:#fff url('/images/footer_bg3.gif') center 74px no-repeat;
	color:#000;
	font-size:11px;
	line-height:13px;
	}
#footer div {
	width:100%;
	height:47px;
	-moz-opacity: 0.3; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.3; /* Konqueror 3.1, Safari 1.1 */
	opacity: 0.3; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* IE 5.5+*/
	}
/*#################################*/
.displaynone
{
    display: none;
}

#vrWrapper
{
    position: relative;
    margin: auto;
    margin-top: 100px;
    width: 380px;
    overflow: hidden;
}
#vrWrapper .wr
{
    width: 2000px;
}
.loginBlock
{
    width: 260px;
    border: solid 1px Silver;
    text-align: center;
    margin: 20px 40px;
    background: #fafafa url('/images/bg.jpg') repeat-x left -1px;
    padding: 20px;
    float: left;
}
.loginBlock .error
{
    background: #F7C0A8;
    margin: 12px 10px 10px 10px;
    border: solid 1px #cc1111;
    font-size: 8pt;
    font-weight: bold;
    color: #cc1111;
    padding: 5px;
}
.loginBlock .message
{
    background-color: #C7FFB1;
    margin: 12px 10px 10px 10px;
    border: solid 1px Green;
    font-size: 8pt;
    font-weight: bold;
    color: Green;
    padding: 5px;
}
.loginBlock label
{
    margin-top: 4px;
    display: block;
    font-size: 8pt;
    font-weight: bold;
    color: Gray;
}
.loginBlock .description
{
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    width: 250px;
}
#indicator
{
    display: none;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 43px;
    top: 25px;
    background: url(../images/ajax-loader.gif) left top no-repeat;
}
.buttonDiv
{
    margin: 15px 0 10px 0;
}
.loginBlock input
{
    color: #333;
}
.loginBlock input.textinput
{
    width: 160px;
    padding: 2px;
}
.loginBlock .buttonDiv input
{
    padding: 0 8px;
}
.additional a
{
    color: Black;
    font-size: 9pt;
    margin: 0 5px;
}
.additional a:hover
{
    color: Black;
}
#wr
{
    margin-left: -382px;
}
.goHome
{
    position: absolute;
    font-size: 10pt;
    top: 10px;
    left: 10px;
}
/*********************************/