@CHARSET "UTF-8";

html, body{ width: 100%; height: 100%; background: #fff url(../img/bg.gif) repeat scroll 0 0;	color: #fff;	margin: 0;	padding: 0;	text-align: center;	font-family:tahoma,verdana,arial;	font-size:11px;	font-weight: normal;}

a {text-decoration: none; color: #fff; font-style: normal;}
a.sel,a:hover { color: #ddd; }
a:focus {outline: none;}
ol,ul {padding-left: 30px;}
.clear{  clear: both;  display: block;  width: 0px;  height: 0px; }
html{overflow-y: auto; overflow-x: hidden; }
p {padding: 0px; margin: 1em 0px;} 
html, div, map, dt, isindex, form {display:block;}
fieldset { display: block; border: 0px none; margin: 0px; padding: 0px;}


div#site { width: 827px; padding: 0px; background: transparent url(../img/menu.jpg) no-repeat scroll 0 0;  min-height: 331px; margin: 0px auto; }
ul#menu,ul#langs { float: left; height: 14px; line-height: 14px; list-style-type: none; padding: 14px; margin: 0px; margin-bottom: 13px;}
ul#menu li,ul#langs li { display: inline;}
ul#menu li a,ul#langs li a { padding: 0px 10px; border-left: 1px solid #fff; }
ul#menu li.first a,ul#langs li.first a { border-left: 0px none;}
ul#menu li.sel a { font-weight: bold;} 
ul#langs li a { color: #ddd;}
ul#menu { float: right;}

#top { clear: both; width: 827px; height: 255px; position: relative;}

h1#logo { width: 827px; height: 255px; margin: 0px; padding: 0px;  left: 0px; top: 0px;position: absolute; z-index: 80;  background: transparent url(../img/top.png) no-repeat scroll 0 0; }
h1#logo a { display: block; width: 100%; height: 100%; text-indent: -5555px;  }
#slides { position: absolute; left: 276px; top: 0px; width: 551px; height: 255px;}


ul#boxes { list-style-type: none; padding: 0px; margin: 0px; height: 142px; margin-top: 12px; margin-bottom: 12px;  background: transparent url(../img/top.jpg) no-repeat scroll 0 0; }
.intro ul#boxes {  background: transparent url(../img/belka.jpg) repeat-y scroll 0 0; }
ul#boxes li { display: block; float: left; color: #ec8a74; width: 243px; height: 112px;  position: relative; padding: 30px 16px 0px; text-align: left;}
ul#boxes li strong { font-size: 12px; padding-bottom: 1em; color: #fff; display: block;}
ul#boxes li a { display: block; height: 142px;color: #ec8a74;}
ul#boxes li span { color: #fff; font-weight: bold; display: block; position: absolute; bottom: 20px; right: 16px;}


#left{ float: left; margin-bottom: 12px; width: 277px; background: transparent url(../img/news_center.jpg) repeat-y scroll 0 0; text-align: left;}
#left h2 { height: 38px; line-height: 38px; padding: 0px 22px; display: block; font-size: 12px;  margin: 0px;  background: transparent url(../img/news_top.jpg) no-repeat scroll 0 0; }
#left .pager { height: 33px; line-height: 33px;  padding: 0px 20px; text-align: right;    background: transparent url(../img/news_bottom.jpg) no-repeat scroll 0 0; }
#left .slides { width: 277px; overflow: hidden;}
#left .news { padding: 0px; color: #2b5159; width: 277px; }
#left .news cite { padding: 0px 20px 12px; background: transparent url(../img/newsc.png) repeat-y scroll 0 0; display: block; font-style: normal; }
#left .news strong { display: block; padding: 18px 20px 0px; background: transparent url(../img/newst.png) no-repeat scroll 0 5px;  }
#left .news span { display: block; text-align: right; }
#left .news a  { display: block; text-align: right; color: black; padding: 0px 20px 12px; background: transparent url(../img/newsb.png) no-repeat scroll 0 100%;  }
#left .pager a { color: white;padding-left: 2px; }
#left .pager a.activeSlide { color: red; font-weight: bold;  }

#right { text-align: left; padding: 0px; width: 542px; float: right; background: #597f88 url(../img/text_bottom.jpg) no-repeat scroll 0 100%; margin-bottom: 12px; }
#right .module { padding: 0px 22px;}
#right h2 { padding:12px 22px 0;margin: 0px -22px; display: block; font-size: 12px;  margin: 0px;  background: transparent url(../img/text_top.jpg) no-repeat scroll 0 0; }
#right h2 a{ float: right; font-size: 11px; font-weight: normal;}

div#footer { clear: both; color: white; line-height: 40px; padding: 0px 16px; text-align: left; height: 40px; background: transparent url(../img/footer.jpg) no-repeat scroll 0 0; }
.intro div#footer { background: #295358;}
div#footer a { color: white;}
a#activelogo {  width: 33px; height: 15px; background: transparent url(../img/adlogo.jpg) no-repeat scroll 0 0;  float: right; text-indent: -5555px; margin: 13px 10px 0px 0px;}

div#gallery { margin-right: -6px; }
div#gallery a { float: left; margin-right: 6px; margin-bottom: 6px; padding: 0px; }
div#gallery a img { border: 1px solid #965156;}

div#gallery2 { margin-right: -6px; }
div#gallery2 a {float: left; margin-right: 6px; margin-bottom: 6px; padding: 0px; text-align: center; width: 88px;}
div#gallery2 a.first { clear: both;}
div#gallery2 a img {  margin: 0px auto; border: 1px solid #965156; display: block;}
div#gallery2 a .empty { margin: 0px auto; border: 1px solid #965156; display: block; width: 88px; height: 88px; background: #965156;; }


#top_distance  { display: inline;float: right;height: 50%;margin-top: -251px;width: 100%;}
.intro div#site { height: 503px; width: 980px;  margin: 0px auto; padding: 0px; clear: both; position: relative; }
.intro div#slides { position: absolute; z-index: 30; left: 276px;  top: 38px; width: 704px; height: 302px; background: transparent url(../img/flash.jpg) no-repeat scroll -1px 0; }
.intro #over { position: absolute; z-index: 80; background: transparent url(../img/intro.png) no-repeat scroll 0 0; width: 980px; height: 503px; left: 0px; top: 0px;}
.intro #top { height: 302px; width: 980px;}
.intro h1#logo { height: 302px; width: 980px; background-image: none;}
.intro ul#menu,.intro ul#langs {  padding: 12px; margin: 0px;}
.intro ul#boxes { margin: -5px 0px 0px; height: 130px; background-image: none;}
.intro ul#boxes li { width: 294px; height: 100px;}