html {height: 100%;}
img {border: none;}
* html img {behavior: url(/js/iepngfix.htc);}
td {vertical-align: top; padding: 0;}
a {outline: none;}
table, div {border-collapse: collapse;}

p {margin: 0 0 10px 0;}
.date {font-size: 7pt;}
p.date {margin: 0 0 5px 0;}
.eight {font-size: 8pt;}

p.title {margin: 0 0 8px 0 !important; font-size: 10pt;}
p.vynos {margin: 0 0 20px 0 !important;}

form {margin: 0;}
.news {margin: 0 0 20px 0 !important;}
li {margin-bottom: 8px;}


/* ============= colors ============ */

body {height: 100%; margin: 0; padding: 0; background: #ddd url(/img/bg_body.gif) top center repeat-y;}
body, td, th {font: 10pt century gothic, Arial, Tahoma, Helvetica, sans-serif; color: #000; text-align: left;}

hr {border: none; color: #eee; background-color: #eee; height: 1px; margin-top: 5px; margin-bottom: 12px;}
input, textarea, select, submit {font: 9pt century gothic, Arial, Tahoma; color: #4a4d4f;}

h1 {font-size: 11pt; font-weight: bold; color: #333; margin: 0 0 7px 0; text-transform: uppercase;}
h2 {font-size: 10pt; font-weight: bold; color: #333; margin: 0 0 10px 0; text-transform: uppercase;}
h3 {font-size: 10pt; font-weight: normal; color: #555; margin: 0 0 25px 0; line-height: 1.7em;}
h4 {font-size: 11pt; font-weight: bold; color: #333; margin: 25px 0 8px 0;}
h4.sitemap {font-size: 11pt; font-weight: bold; color: #333; margin: 0px 0 8px 0; padding-top: 25px;}
h5 {font-size: 10pt; font-weight: bold; margin: 20px 0 8px 0; color:#333;}
h6 {font-size: 8pt; font-weight: bold; margin: 20px 0 6px 0;}


a:link {color: #000; text-decoration: underline;}
a:visited {color: #000; text-decoration: underline;}
a:active {color: #000; text-decoration: none;}
a:hover {color: #000; text-decoration: none;}



.SiteContainer {width: 100%; min-width: 970px;}

/* ============= header ============ */
div.HeaderContainer {width: 970px; margin: 0 auto;}
div.Header {width: 878px; margin: 0 46px;}

table.HeadTab {width: 878px;}
table.HeadTab td.HeadLeft {width: 222px; padding: 20px 28px 0 0; vertical-align: bottom;}
table.HeadTab td.HeadRight {width: 581px; padding: 5px 47px 0 0; vertical-align: bottom;}

div.TopSub {text-transform: uppercase; font-size: 7pt; text-align: right; margin: 0 0 7px 0;}
div.TopSub a:link {color: #666 !important; text-decoration: none;}
div.TopSub a:visited {color: #666 !important; text-decoration: none;}
div.TopSub a:hover {color: #000 !important; text-decoration: underline;}
div.TopSub span {margin: 0 4px;}

div.TopMenu {text-transform: uppercase; font-size: 8pt; font-weight: bold; padding: 13px 0 0 0;}
div.TopMenu a {float: left; margin: 0 22px 0 0; padding: 0 0 10px 0;}
div.TopMenu a:link {color: #444 !important; text-decoration: none;}
div.TopMenu a:visited {color: #444 !important; text-decoration: none;}
div.TopMenu a:hover {color: #444 !important; text-decoration: underline;}
div.TopMenu a.active {background: transparent url(/img/tma.gif) bottom center no-repeat; }

div.Entrance {float: right; text-transform: uppercase; font-size: 8pt; font-weight: bold; background: #ddd url(/img/entra.gif) top left no-repeat; padding: 13px 0 0 27px;}
div.Entrance a {margin: 0;}
div.Entrance a:link {color: #444 !important; text-decoration: none;}
div.Entrance a:visited {color: #444 !important; text-decoration: none;}
div.Entrance a:hover {color: #444 !important; text-decoration: underline;}


/* ============= logo top  ============ */
div.LogoContainer {width: 970px; margin: 0 auto;}
div.Logo {width: 878px; margin: 0 46px; background: #fff;}

table.LogoTop {width: 878px;}
table.LogoTop td.LogoLeft {width: 220px; height: 113px; padding: 0 30px 0 0; vertical-align: bottom;}
table.LogoTop td.LogoLeft img {margin: -7px 47px 8px 47px; position: relative; z-index: 10;}
table.LogoTop td.LogoRight {width: 581px; height: 113px; padding: 0 47px 0 0; vertical-align: bottom;}
table.LogoTop td.LogoRight div.welcome {padding: 15px 0 5px 0; font-size: 9pt;}
table.LogoTop td.LogoRight div.welcome span {font-size: 11pt; font-weight: normal; }

div.Breadcrumbs {font-size: 7pt; padding: 0 0 50px 0;}
div.Breadcrumbs span {margin: 0 5px;}
div.Breadcrumbs a:link {color: #333; text-decoration: none;}
div.Breadcrumbs a:visited {color: #333; text-decoration: none;}
div.Breadcrumbs a:hover {color: #000; text-decoration: underline;}


/* ============= face  ============ */
div.FaceContainer {width: 100%; margin: 0 auto; }
table.FaceTab {width: 100%;}
table.FaceTab td.FaceLeft {width: 50%; background: #ddd url(/img/bg_face_l.gif) top right no-repeat;}
table.FaceTab td.FaceCenter {width: 970px; background: #ddd url(/img/bg_face.gif) top center no-repeat;}
table.FaceTab td.FaceRight {width: 50%; background: #ddd url(/img/bg_face_r.gif) top left no-repeat;}

div.ufaceLeft {width: 62px; height: 250px; position: absolute; z-index: 20; margin: 19px 0 0 0;}
div.ufaceRight {width: 62px; height: 250px; position: absolute; z-index: 20; margin: 19px 0 0 908px;}


div.Face {position: relative; top:0; left: 0; width: 970px; height: 250px; padding: 19px 0; overflow: hidden;}
div.SliderContainer {width: 10000px; height: 250px; margin: 0 0 0 -65px;}

div.Slide {
	position: absolute;
	left: -65px;
	width: 970px;
	height: 250px;
	z-index: 1;
	margin: 0px;
	cursor: Pointer;
}
div.Slide img.arrow {position: relative; z-index: 2; margin: 0 0 0 685px; }
div.Slide div.faceTitle {position: absolute;  z-index: 3; width: 225px; margin: 108px 0 0 707px; color: #fff; font-size: 11pt; line-height: 1.1em; padding-bottom: 5px;}
div.Slide div.photos {position: relative; padding: 0px; margin: 0px; top: -250px; width: 950px; height: 250px; overflow: hidden;}

div.switch {position: absolute; z-index: 10; width: 735px; margin-top: -23px; margin-left: 0;}
div.switch div.name {float: right; margin: 0 35px 0 0; font-size: 8pt; text-align: right; color: #999; line-height: 1em; white-space: nowrap;}
#switchBox img {float: right; margin: 0 3px 0 0; background: #ddd; cursor: pointer;}


/* ============= content  ============ */
div.Content {width: 970px;}

table.ContentTab {width: 878px; height: 280px;}
table.ContentTab td.LeftContent {width: 173px; padding: 10px 30px 25px 47px;}
table.ContentTab td.RightContent {width: 581px; padding: 7px 47px 25px 0;}

div.LeftMenu {width: 173px;}
div.LeftMenu p {margin: 0 0 18px 0; font-size: 10pt;}

div.SubMenu {width: 155px; padding: 0 0 10px 18px; font-size: 8pt; position: relative; margin: -5px 0 0 0;}
div.SubMenu p {margin: 0 0 12px 0 !important;}
div.SubMenu div {position: relative; margin: 0 0 0 -13px; float: left; display: inline; color: #333;}

ul.SubMenu {padding: 0 0 10px 18px; font-size: 8pt; position: relative; margin: -5px 0 0 0;}
ul.SubMenu li {list-style-type: square; margin: 0 0 12px 0; padding: 0;}
ul.SubMenu ul.InsideMenu {margin: 10px 0 15px 0 !important; padding: 0;}
ul.SubMenu ul.InsideMenu li {list-style-type: disc; padding: 0; margin: 0px 0 10px 20px; !important}

div.InsideContainer {width: 581px;}

div.RightFoto {width: 300px; height: 250px; float: right; position: relative; z-index: 10; margin: 0 -92px 20px 25px; display: inline; background-position: top left !important; background-repeat: no-repeat !important;}
div.RazdelFoto {width: 328px; height: 250px; float: right; position: relative; z-index: 10; margin: 0 -92px 20px 25px; display: inline; background-position: top left !important; background-repeat: no-repeat !important;}

table.person {width: 580px;}
table.person td {padding: 0 33px 10px 0;}
table.person td.name {width: 85%;}
table.person td p {margin: 0 0 4px 0;}

table.Tab2News {width: 579px;}
table.Tab2News td.LeftNews {width: 376px;}
table.Tab2News td.RightNews {width: 173px;}
table.Tab2News td.spacen {width: 30px;}
table.Tab2News td.spacen span {display: block; width: 30px;}

div.prolist {padding: 10px 0 3px 40px;}
div.prolist p {margin: 0 0 3px 0;}
div.prolist h5 {margin: 0 0 3px 0;}

div.sitemap {padding: 10px 0 3px 40px;}
div.sitemap ul.SubMenu {padding: 12px 0 10px 18px;}


/* ============= main  ============ */
div.MainContainer {width: 970px; margin: 0 auto;}
div.WhiteContainer {width: 878px; margin: 0 auto; background: #fff; padding: 12px 0 1px 0;}
div.Main {width: 784px; margin: 0 47px;}

table.Tab4Tab {width: 782px; margin: 0 0 40px 0;}
table.Tab4Tab td {width: 173px; font-size: 9pt;}
table.Tab4Tab td.space4 {width: 30px;}
table.Tab4Tab td.space4 span {display: block; width: 30px;}
table.Tab4Tab td p {margin: 0 0 8px 0;}
table.Tab4Tab td p.date {margin: 0 0 5px 0 !important;}
table.Tab4Tab td p.eight {margin: 0 0 4px 0 !important;}
table.Tab4Tab td p.name {margin: 0 0 10px 0 !important; line-height: 1.3em;}
table.Tab4Tab td p.name a {font-size: 9pt !important; }

table.Tab3Tab {width: 579px;}
table.Tab3Tab td {width: 173px; padding: 0 0 10px 0;}
table.Tab3Tab td.space3 {width: 30px;}
table.Tab3Tab td.space3 span {display: block; width: 30px;}

table.Tab2Tab {width: 782px; margin: 0 0 40px 0;}
table.Tab2Tab td {width: 376px; font-size: 9pt; padding-top: 10px;}
table.Tab2Tab td h2 {margin: 0 0 12px 0 !important;}
table.Tab2Tab td.space2 {width: 30px;}
table.Tab2Tab td.space2 span {display: block; width: 30px;}

table.Tab2Tab td p.date {margin: 0 !important; padding: 2px 0 0 0;}
table.Tab2Tab td p.title {margin: 0 0 3px 0 !important;}
table.Tab2Tab td p.cutnews {margin: 0 0 10px 0 !important;}

div.TimeLine {width: 385px; height: 80px; background: #fff url(/img/timeline.gif) 4px 30px no-repeat; position: relative;  padding: 12px 0 0 0; margin: 0 0 0 -9px;}
div.TimeLine div {position: absolute;  z-index: 10; background-image: url(/img/em.gif); text-align: center; color: #000; font-size: 11pt;}
div.TimeLine div p {margin: 0 0 17px 0; font-size: 8pt !important;}
div.TimeLine div span {cursor: pointer; visibility: hidden;}
div.TimeLine div.moscow {width: 65px; margin: 0;}
div.TimeLine div.orenburg {width: 80px; margin: 0 0 0 88px;}
div.TimeLine div.yakutsk {width: 80px; margin: 0 0 0 185px;}
div.TimeLine div.sahalinsk {width: 120px; margin: 0 0 0 262px;}
div.TimeLine div.moscow_shade {width: 50px; height: 44px; z-index: 5 !important; margin: 22px 0 0 8px; visibility: hidden;}   
div.TimeLine div.orenburg_shade {width: 50px; height: 44px; z-index: 5 !important; margin: 22px 0 0 104px; visibility: hidden;}   
div.TimeLine div.yakutsk_shade {width: 50px; height: 44px; z-index: 5 !important; margin: 22px 0 0 200px; visibility: hidden;}   
div.TimeLine div.sahalinsk_shade {width: 50px; height: 44px; z-index: 5 !important; margin: 22px 0 0 296px; visibility: hidden;}   



/* ============= footer ============ */
div.FooterContainer {width: 970px; margin: 0 auto;}
div.Footer {width: 878px; margin: 0 46px;}

table.FooterTab {width: 878px;}
table.FooterTab td.FooterLeft {width: 222px; padding: 0 28px 15px 0;}
table.FooterTab td.FooterRight {width: 581px; padding: 15px 47px 15px 0; font-size: 7pt;}
div.Copyright {padding: 3px 0;}
div.Copyright a:link {color: #333;}
div.Copyright a:visited {color: #333;}
div.Copyright a:hover {color: #000;}
div.Counter {float: right; padding: 0 0 0 27px;}

div.BottomSearch {float: right; width: 378px; padding: 5px 0;}
div.BottomSearch td {padding: 0 3px 0 0;}
input.botsearch {width: 350px; color: #777;}

div.printpage {font-size: 7pt; position: absolute; width: 581px; text-align: right;}