body { font-family: "Arial", sans-serif; color: #4d4d4d; background: #fff; font-size: 12px; margin: 0;}
html, p{  margin: 0; padding: 0; }
img {border: none;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: bold;}
h1 {margin: 0 0 20px 0; text-transform: uppercase;}
h1, h1 a:link, h1 a:visited { color: #960c27; font-size: 18px; font-weight: normal;} 
h2, h2 a:link, h2 a:visited { color: #960c27; font-size: 18px; font-weight: normal;}
h3, h3 a:link, h3 a:visited { color: #054cac; font-size: 18px; font-weight: normal;}
h4, h4 a:link, h4 a:visited { color: #001544; font-size: 16px;}
h5, h5 a:link, h5 a:visited { color: #054cac; font-size: 16px;}
h6, h6 a:link, h6 a:visited { color: #052b9c; font-size: 14px;}

a {color: #054cac; outline: none;}
a:link, a:visited {text-decoration: underline;}
a:hover { text-decoration: none; color: #960c27;}

hr{ height: 1px; width: 100%; color: #c9c9c9; border: none; border-top: 1px solid #c9c9c9; overflow: hidden; clear: both; margin: 10px 0;}

.clear{ clear: both;}
.fl{ float: left; }
.fr{ float: right; }

address {font-size: 11px; color: #505050; font-style: italic; padding-top: 15px;}

.gray, .gray a:link, .gray a:visited {color: #ccc;}
.red, .red a:link, .red a:visited {color: #960c27;}
.blue, .blue a:link, .blue a:visited {color: #054cac;}

ul li{ list-style-image: url("/im/li.png"); padding-bottom: 5px;}
ul {padding-left: 20px;}

blockquote  { margin-left : 40px;} 

table, table td  {border-collapse: collapse; border: none;} 
table th {background: #eee; padding: 10px; border-bottom: 1px solid #999;}
table td { padding: 10px; border-bottom: 1px solid #ccc;}
tr:nth-child(2n) {background: #fff;}


/* Top
-----------------------------------------------------------------------------*/
.bg {min-width: 1200px;}
.width {position: relative; width: 1200px; margin: 0 auto;}

.headerh {position: relative; height: 155px;}
.header {position: fixed; z-index: 900; height: 155px; width: 100%; min-width: 1200px; background: url("/im/header_bg.jpg") no-repeat 50% 0 #000a20;}
.header .title {width: 500px; font-size: 40px; color: #fff; text-shadow: 1px 1px 1px #000; letter-spacing: 1px; position: absolute; top: 40px; left: 50%; margin-left: -390px;}
.header .logo {position: absolute; top: 15px; left: 50%; margin-left: -580px; background: url("/im/logo_n.png") no-repeat 0 0;}
.header .logo, .header .logo a {display: block; width: 115px; height: 90px;}

.header .search {width: 195px; position: absolute; top: 60px; left: 50%; margin-left: 330px;}
.content .search {width: 520px; position: relative; margin: 0 0 30px 0;}
.search input {width: 150px; padding: 0 5px; height: 21px; line-height: 21px; color: #fff; border: none; background: url("/im/icons.png") 0 0;}
.search a {width: 38px; height: 21px; display: block; position: absolute; top: 0; right: 0; background: url("/im/icons.png") -161px 0;}
.search a:hover { background-position: -161px 100%;}
.search label { color: #7891b5; line-height: 20px; font-size: 12px; position: absolute; top: 0; left: 10px; z-index: 2;}
.content .search input {color: #000;}
.content .search input {width: 480px; background: none; border-bottom: 1px solid #001544;}
.content .search a {background-position: -161px -25px;}
.content .search a:hover { background-position: -161px -25px;}

.icon {width: 70px; height: 21px; position: absolute; top: 60px; left: 50%; margin-left: 530px; overflow: hidden;}
.icon a { display: block; width: 32px; height: 21px; float: left; overflow: hidden;}
.icon .home { background-position: 0 0;}
.icon .map { background-position: -198px 0; background-image: url("/im/icons.png");}
.icon .favorite { background-position: -230px 0; background-image: url("/im/icons.png");}

.icon .home:hover { background-position: 0px 100%; }
.icon .map:hover { background-position: -198px 100%; background-image: url("/im/icons.png");}
.icon .favorite:hover { background-position: -230px 100%; background-image: url("/im/icons.png");}

.header .lang { color: #7993bd; line-height: 21px; text-decoration: none; width: 60px; height: 21px; position: absolute; top: 90px; left: 50%; margin-left: 530px; text-align: right;}
.header .lang:hover { color: #fff;}

.test {width: 380px; position: absolute; top: 20px; left: 50%; margin-left: 245px; color: #7891b5; font-size: 12px;}
.test, .test a, .test a:link, .test a:visited { color: #7891b5;}

/* Middle
-----------------------------------------------------------------------------*/

.mid {background: url("/im/bg.jpg") no-repeat 50% 155px #1d3065; min-width: 1200px; background-attachment: fixed}
.mid .width {background: url("/im/mid_bg.png") repeat-y 50% 0;}

.leftcolumn {width: 246px; float: left; position: relative;}
.rightcolumn {width: 232px; float: right; position: relative;}
.midcolumn {float: left; width: 706px; position: relative;}

.content {padding: 30px; position: relative; line-height: 20px;}
.content h1 { line-height: 30px;}
.content h2, .content h3 { line-height: 25px;}

.printlink {text-align: right; margin-top: 20px; padding-top: 5px; font-size: 11px;}

.block {background: #fff; border: 1px solid #d4d4d4;}

.icon_social {height: 55px; overflow: hidden; margin-left: 0px;}
.icon_social a {display: block; float: left; width: 25px; height: 25px; margin: 17px 7px; background-image: url("/im/social_n.png"); background-repeat: no-repeat; overflow: hidden;}
.icon_social .yt {background-position: 0 0;}
.icon_social .go {background-position: -40px 0;}
.icon_social .vk {background-position: -80px 0;}
.icon_social .tw {background-position: -120px 0;}
.icon_social .rt {background-position: -160px 0;}
.icon_social .fb {background-position: -200px 0;}
.icon_social .ig {background-position: -240px 0;}
.icon_social a:hover {opacity: 0.5;}

/*---
.icon_social a {display: block; float: left; width: 30px; height: 30px; margin: 12px 6px; background-image: url("/im/social_30.png"); background-repeat: no-repeat; overflow: hidden;}
.icon_social .yt {background-position: 0 0;}
.icon_social .go {background-position: -40px 0;}
.icon_social .vk {background-position: -80px 0;}
.icon_social .tw {background-position: -120px 0;}
.icon_social .rt {background-position: -160px 0;}
.icon_social a:hover {opacity: 0.5;}
--
.icon_social .yt:hover {background-position: 0 100%;}
.icon_social .go:hover {background-position: -60px 100%;}
.icon_social .vk:hover {background-position: -120px 100%;}
.icon_social .tw:hover {background-position: 100% 100%;}
---*/

.leftmenu {background-color: rgba(4,10,29,0.7); padding: 20px; margin: 0 0 30px 0; background: #242a45 !ie6;}
.leftmenu p { font-size: 14px; margin: 4px 0;}
.leftmenu a {display: block; line-height: 27px;}
.leftmenu, .leftmenu a, .leftmenu h4 {color: #fff;}
.leftmenu h1, .leftmenu h2, .leftmenu h3, .leftmenu h4 {margin: 0 0 10px 0;}

.pusk {margin-top: 15px;}
.pusk table {background: #fff; width: 100%;}
.pusk table th { background: #ccc; border: none; text-align: right; color: #02081d; font-weight: normal; max-width: 97px; overflow: hidden;}
.pusk table .pict, .pusk table .pict p {padding: 0; width: 0%;}
.pusk table .pict img {margin: 0 -1px;}
.pusk table td {padding: 10px; border: none; line-height: 20px; vertical-align: top;}
.pusk .date p {padding: 10px;}
.pusk .red, .pusk .date { border-top: 1px solid #ccc;}

.bans img {border: 1px solid #ccc; border-bottom: 5px solid #ccc;}



/* Bottom
-----------------------------------------------------------------------------*/
.footer { position: relative;}
.footer .content {background: url("/im/line_dotted.png") no-repeat 0 0;}
.footer a:link, .footer a:visited {a:link, a:visited {color: #00a1ed;}}

.ray { text-align: right; font-size: 10px; position: absolute; right: 20px; bottom: 30px; text-shadow: 1px 1px 2px #001f4b;}
.ray a, .ray a:link, .ray a:visited {color: #879ee2;}
.ray a:hover{ color: #fff;}

.footer .rightcolumn, .footer .leftcolumn {text-align: center; color: #fff;}
.footer .rightcolumn img {margin: 10px;}


/* Menu
-----------------------------------------------------------------------------*/
.tm *, .menu * { margin: 0; padding: 0; }
.tm li, .menu li { list-style: none;}
.tm {height: 35px; position: relative; top: 120px; background: #001544; text-align: center;}

.tm .active { background: #054cac;}

.tm a, .tm a:link, .tm a:visited {color: #fff;}

.tm .lvl1_ {}
.tm .lvl1 {display: inline-block; display: inline !ie6;}
.tm .lvl1 a {display: block; display: inline !ie6;}
.tm .lvl1 a:hover {background: #054cac;}
.tm ._lvl1 { font-size: 15px; padding: 0 18px; line-height: 35px; letter-spacing: 1px;}

.tm .lvl2_ {position: absolute; top: 35px; z-index: 99; text-align: left; background: #054cac; box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.4);}
.tm .lvl2 {display: block;}
.tm .lvl2 a {padding: 10px 25px; display: block;}
.tm .lvl2 a:hover {background: #031f6e;}

.tm .lvl3_ {font-size: 11px;}
.tm .lvl3 a {padding: 10px 15px 10px 40px; border: none;}




/* Modul
-----------------------------------------------------------------------------*/
.printpage {padding: 20px; background: #fff;}
.printpage h1 {border-bottom: 2px solid #d31313; margin-bottom: 20px;}
.path {font-size: 11px; line-height: 18px; margin: -15px 0 20px 0;}
.path span { margin: 0 5px; }
.path, .path a, .path a:link, .path a:visited { color: #999; }
.path .home, .path .home:link, .path .home:visited { color: #030c24; }
.path a:hover {color: #054cac}

form, input { padding: 0; margin: 0;}
input, textarea, select, button {font-family: "Trebuchet MS", "Segoe UI", sans-serif; font-size: 13px; border: 1px solid #cbcfd7; background: #fff; color: #000;}
input:focus {outline: 0 none;}
button {background: #0076af; color: #fff; height: 30px; padding: 0 20px; border: none; cursor: pointer;}

.newslist {position: relative;}
.article { position: relative; margin: 0 0 30px 0;}
.article .date {position: absolute; top: 50%; line-height: 31px; margin-top: -15px; left: 0; font-size: 13px; font-weight: bold; display: block; color: #fff; text-align: right; width: 170px;}
.article .name {position: relative; margin-bottom: 15px; margin-left: -29px; color: #001544; min-height: 31px; line-height: 22px; text-decoration: none; font-size: 17px; border-right: 20px solid #001544; background: url("/im/news_date.png") no-repeat 0 50% #ccc;}
.newslist .article .name { cursor: pointer;}
.article .name strong { display: block; position: relative; padding: 6px 0 6px 210px;}
.newslist .article .name strong { width: 440px; position: absolute !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newslist .article .name:hover { background: url("/im/news_date.png") no-repeat 0 50% #eee;}
.newslist .name, .newslist p {display: block;}
.newslist p {float: right; width: 455px; margin: 0 10px 0 0;}
.newslist .pict {width: 160px; height: 120px; float: left;}

.filmoteka .name {position: relative; margin-bottom: 15px; margin-left: -29px; color: #001544; min-height: 31px; line-height: 22px; text-decoration: none; font-size: 17px; border-right: 20px solid #001544; background: #ccc;}
.filmoteka .name strong { padding: 6px 0 6px 30px !important;}
.newslist .filmoteka .name:hover { background: #eee;}

.newsarchive { margin-left: -29px; margin-right: -30px; text-align: center; margin-bottom: -28px;}
.newsarchive h2 {display: inline-block; padding: 0 20px; line-height: 31px; background: #eee;}
.newsarchive .years {position: relative; padding-top: 20px;  font-size: 18px; line-height: 30px; background: #eee;}
.newsarchive .year {position: absolute; width: 40px; color: #001544;}
.newsarchive .years a {display: inline-block; width: 60px; color: #001544; text-decoration: none;}
.newsarchive .years a:hover {background: #eee;}
.newsarchive .years .selected, .newsarchive .years .selected:hover { background: #054CAC; color: #fff;}
.newsarchive .months {background: #054CAC; line-height: 40px;}
.newsarchive .months a {display: inline-block; padding: 0 7px; color: #7a94d1; text-decoration: none; cursor: default;}
.newsarchive .months a:hover {text-decoration: none;}
.newsarchive .months .active { color: #fff; cursor: pointer;}
.newsarchive .months .active:hover {background: #001544;}

.newslast {margin: 0 0 10px 0;}
.newslast .news {position: relative;}
.newslast .date {position: absolute; left: 0; top: 12px; padding: 0;}
.newslast .text {padding: 10px 0 0 70px;}

.pages { margin: 20px 0 0 0; position: relative;}
.pages div {margin: 0 0 0 80px; position: relative;}
.pages p {position: absolute; top: 5px; width: 80px; color: #999;}

.pages a, .pages span { display: block; float: left; width: 25px; height: 25px; line-height: 25px; text-align: center; margin: 0 10px 0 0; background: #ccc; text-decoration: none;}
.pages a:hover { background: #d4d4d4; }
.pages span { background: #fff; color: #001544;}

.res {padding: 10px 0 0 0; color: #999;}
.res span {color: #000;}
.result {position: relative; color: #999; margin: 10px 0; font-size: 11px;}
.result .num {position: absolute; top: 4px; left: 0; width: 20px; color: #565c5e;}
.result p { padding: 3px 0;}
.result .text {margin: 0 0 20px 20px;}
.result .name {font-size: 14px; font-weight: bold;}

.album {text-align: center; margin-top: 15px;}
.album a {display: block; width: 160px; height: 120px; margin: 10px; position: relative; text-decoration: none; display: inline-block;} 
.album .title { width: 160px; padding: 5px 0; display: block; position: absolute; bottom: 0; z-index: 10; background: rgba(0, 0, 0, 0.506); font-size: 10px; color: #fff; line-height: 13px;}
.album a:hover .title {display: none;}
.album .iconvideo, .slider .iconvideo {display: block; width: 20px; height: 18px; position: absolute; top: 10px; left: 10px; z-index: 9; background: url("/im/icon_video.png") no-repeat 0 0;}

.photoslider * { margin: 0; padding: 0;}
.photoslider {width: 960px; margin-top: 30px; position: relative;}
.photoslider ._window {width: 900px; height: 130px; overflow: hidden; margin: 0 auto; position: relative;}
.photoslider li { list-style: none; float: left; margin: 5px 10px; position: relative;}
.photoslider ._next, .slider ._prev {display: block; width: 30px; height: 120px; position: absolute; top: 0; cursor: w-resize;}
.photoslider ._next {right: 0; background: url("/im/arrows.png") no-repeat 100% -130px;}
.photoslider ._prev {left: 0; background: url("/im/arrows.png") no-repeat 0 -130px;}

.photoslider li img, .album img { width: 160px;}


.send div {position: relative;}
.send h2 {padding-top: 20px;}
.send label {position: absolute; color: #999; top: 3px; left: 5px;}
.send input {width: 200px; height: 20px;}
.send textarea {width: 95%;}
.send input, .send textarea {margin: 0 0 10px 0;}
.send p {font-size: 11px; margin: 0 0 5px 0; color: #838383;}
.send ._error {padding: 10px 20px; margin: 10px 0; color: #fff; font-weight: bold; background: #d31313;}
.error_input {border-color: #d31313;}

.send .codeleft {float: left; margin-right: 100px;}
.send .code {background: #d7dbe3; padding: 10px 0; float: left; width: 410px; margin: 20px 50px 20px 0;}
.send .code input {margin: 0 10px 0 0; width: 120px;}
.send .code img {float: left; margin: 0 10px;}
.send button {margin-top: 20px;}

.list a {display: block; position: relative; height: 80px; width: 280px; overflow: hidden; margin: 15px; float: left; text-decoration: none;}
.list span { display: block;}
.list .pict { position: absolute; width: 110px;}
.list .pict img {width: 100px; display: block;}
.list a:hover img {opacity: 0.7;}
.list .text {margin-left: 110px; line-height: 15px;}
.list .name {font-weight: bold; font-size: 14px; margin: 0 0 5px 0;}
.list .anons {font-size: 11px; color: #000;}
.listtitle a {font-weight: bold; font-size: 14px; text-decoration: none;}

.listtable a {display: block; position: relative; height: 170px; width: 100px; margin: 13px; overflow: hidden; float: left; text-decoration: none;}
.listtable span { display: block;}
.listtable .pict {width: 100px; height: 120px; overflow: hidden; margin: 0 0 5px 0;}
.listtable .pict img {width: 100px; display: block;}
.listtable a:hover img {opacity: 0.7;}
.listtable .name {font-weight: bold; line-height: 15px; margin-right: 10px;}

.videocode {margin-bottom: 15px;}
.newsitem, .article {position: relative;}
.share {position: absolute; top: -25px; height: 25px; right: 0;}
.share img {margin: 0 2px;}


/* Map
-----------------------------------------------------------------------------*/
.m1, .m2, .m3, .m4 {margin: 10px 0;}
.m1 {font-weight: bold;}
.m2 {font-weight: normal;}

/* Main
-----------------------------------------------------------------------------*/
.main { background: #000e2e;}
.promo {height: 420px; position: relative; margin: 0 auto; max-width: 1700px; overflow: hidden;}
.promo .text h2 {color: #fff; font-weight: normal; font-size: 22px; padding: 0; margin: 0;}
.promo .text p {line-height: 18px; margin: 20px 0; max-height: 108px; overflow: hidden;}
.promo .text a {position: absolute; bottom: 10px; color: #fff; display: inline-block; height: 30px; padding-left: 40px; line-height: 35px; background: url("/im/mainslider_look.png") no-repeat 0 0;}
.promo .text a:hover {text-decoration: none;}

.promo .slider {
   position: absolute;
   top: 340px;
   left: 50%;
   width: 400px;
   height: 42px;
   margin-left: 103px;
   overflow: hidden;
   z-index: 20;
}

.promo .slider ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}

.promo .slider ul li {
   float: left;
   margin-right: 5px;
   padding: 0;
   width: 75px;
   height: 42px;
   border: 0px none;
   outline: 0px none;
   font-size: 100%;
   background: none repeat scroll 0% 0% transparent;
   text-decoration: none;
}

.promo .slider ul li a {
   position: relative;
   display: block;
   width: 75px;
   height: 42px;
   overflow: hidden;
   color: rgb(255, 255, 255);
   outline: 0px none;
}

.promo .slider ul li.active a {

}

.promo .slider ul li a img {
   width: 75px;
   height: 42px;
   margin: 0px;
   opacity: 0.7;
}
.promo .slider ul li.active a img {
   opacity: 1;
}
.promo .slider ul li span {
   position: absolute;
}
.promo .slider ul li.active span {
   position: absolute; top: 0; z-index: 35;
   display: block;
   width: 75px;
   height: 42px;
   background: url("/im/mainslider_active.png") no-repeat 0 0; 
}

.promo .background {
   z-index: 10;
   position: absolute;
   top: 0px;
   left: 50%;
   width: 1700px;
   height: 420px;
   overflow: hidden;
   margin: 0 0 0 -850px;
}

.promo .background .item {
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: 10;
   width: 1700px;
   height: 420px;
   margin: 0px;
   padding: 0px;
   display: none;
}

.promo .text {
   z-index: 32;
   position: absolute;
   top: 90px;
   left: 50%;
   margin-left: 103px;
   width: 395px;
   height: 225px;
   overflow: hidden;
   padding: 0;
   color: #fff;
   background-color: rgba(3,11,34,0.8);
}

.promo .text .item {
   position: absolute;
   top: 20px;
   left: 20px;
   z-index: 16;
   width: 355px;
   height: 195px;
   margin: 0px;
   display: none;
   overflow: hidden;
}

.promo .nav {
   position: absolute;
   top: 160px;
   z-index: 33;
   width: 100px;
   height: 100px;
   text-align: center;
   background-image: url("/im/mainslider_arrow.png"); 
   background-repeat: no-repeat;
   outline: 0px none;
}

.promo .left {
   left: 10px;
   background-position: 0 0;
}
.promo .right {
   right: 10px;
   background-position: 100% 0;
}
.promo .nav:hover {opacity: 0.5;}

.promo .shadowleft, .promo .shadowright {
   position: absolute; 
   top: 0; 
   z-index: 19;
   width: 260px;
   height: 420px;
   background-image: url("/im/mainslider_shadow.png"); 
   background-repeat: no-repeat;
}

.promo .shadowleft {
   left: 0px; 
   background-position: 0 0;
}
.promo .shadowright {
   right: 0px; 
   background-position: 100% 0;
}