html { overflow-y: scroll;}
body{	font-family: "Trebuchet MS", "Segoe UI", sans-serif; color: #666; background: #fff; font-size: 14px; margin: 0;}
html, p{  margin: 0; padding: 0; }
img {border:0px; }
h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-weight: bold;}
h1 { color : #0066cc; font-size : 24px; } 
h2, h2 a:link, h2 a:visited  { color: #333; font-size: 18px; text-transform: uppercase;}
h2 a:hover  { color : #0066cc;} 
h3, h3 a:link, h3 a:visited  { color: #0066cc; font-size: 16px; text-decoration: none;}
h3 a:hover  {color : #d71921;} 
h4, h4 a:link, h4 a:visited  { color: #d71921; font-size: 16px; text-decoration: none;}
h5, h6  {color : #0066cc;}

a{color: #327fcd;}
a:link, a:visited {text-decoration: underline;}
a:hover{ text-decoration: none; color: #d71921;}

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

.clear{ clear: both;}
.fl{ float: left; }
.fr{ float: right; }
small {font-size: 10px;}

.red, .red a, .red a:link, .red a:visited {color: #d71921;}
.red a:hover {color: #0066cc;}
.blue, .blue a, .blue a:link, .blue a:visited {color: #0066cc;}
.blue a:hover {color: #d71921;}
.black, .black a, .black a:link, .black a:visited {color: #000;}
.black a:hover {color: #d71921;}

.bg_gray {background: #e8e8e8; padding: 10px; }
.bg1  { background : #9c1111; padding : 10px;  } 
.bg1, .bg1 p, .bg1 h1, .bg1 h2, .bg1 h3  { color : #fff; } 
.bg2  { background : #fcf1d8; padding : 10px; } 
.b1  { border : #917d65 solid 1px; padding : 10px;} 
blockquote  { margin-left : 40px;  } 
table  { border-collapse : collapse; border: #cbd2e2; } 
table td, table th { border: #fff solid 1px; padding: 5px;}
table td {background: #ececf4;}
table th {background: url("im/footer.png") repeat-x 0 0; color: #fff; font-weight: normal;}

/* Top
-----------------------------------------------------------------------------*/
.width {position: relative; width: 1200px; margin: 0 auto;}
.header { background: url("im/header_.jpg") no-repeat 50% 0 #000; position: relative; min-width: 1200px;}
.hmain {height: 681px;}
.hinfo {height: 360px;}
.logo {height: 140px; width: 410px; display: block; position: absolute; top: 97px; left: 50%; margin-left: -205px;  z-index: 2;}
.topbg { background: url("im/gray_lines.png") no-repeat 5px 0;}

/* Bottom
-----------------------------------------------------------------------------*/
.footer {height: 55px; border-top: 1px solid #ccc; padding: 30px;}
.footer .copy { width: 230px; float: left; margin-right: 80px;}
.foter .contact { width: 500px; float: left; }
.ray {  text-align: right; float: right; width: 250px; line-height: 22px; position: relative; top: -22px;}
.ray a {white-space: nowrap;}
.ray a, .ray a:link, .ray a:visited{ color: #ccc; font-size: 10px;}
.ray a:hover{ color: #666;}


/* Middle
-----------------------------------------------------------------------------*/
.left, .right{ position: relative; width: 295px; margin: 30px 0 30px 5px;}
.left{margin-right: 30px;}
.right{margin-left: 30px; }

.main { border-top: 11px solid #1b1d20; margin-top: -45px; position: relative; z-index: 5; min-height: 500px; height: 500px; height: auto !important; height: 500px !ie6;}

.main .issue { background: #2e3033;   padding-bottom: 1px; width: 535px;}

.last_issue {position: relative; min-height: 235px; height: 235px; height: auto !important; height: 235px !ie6;}
.last_issue img {position: absolute; top: 25px; left: 25px; }
.main .last_issue {color: #fff; }
.content .last_issue { background: #e8e8e8;}
.content .last_issue img { border: 1px solid #d8d7d7; }
.last_issue h1 {margin: 0 0 20px 0; }
.content .last_issue h1 {color: #d71921;}
.main .last_issue h1 {color: #fff;}
.last_issue div { margin-left: 170px; padding: 25px 0 10px 25px;}
.last_issue p { margin-top: 15px; }

.main .article { background: #3b3c3f; color: #ccc; margin: 0 10px 15px 0; position: relative; min-height: 290px; height: 290px; height: auto !important; height: 290px !ie6;}
.main .article .rubrika {background: url("im/rubr_name.png") no-repeat 0 0; height: 45px; width: 234px; position: absolute; top: 20px; left: -9px; z-index: 2;}
.main .article .rubrika h3 {color: #fff; margin: 7px 0 0 35px;}
.main .article h3 a { color: #3399ff; }
.main .article h3 a:hover {  color: #d71921;}
.main .article .text { margin-left: 245px; padding: 0 20px 20px 0; line-height: 16px;}
.main .article .text h3 { margin-bottom: 10px; line-height: 21px; min-height: 38px; height: 38px; height: auto !important; height: 38px !ie6;}
.main .article .pict { width: 200px; position: absolute; top: 75px; left: 25px;}
.main .article .str { visibility: hidden;}

.content .article { border-top: 1px solid #d8d7d7; position: relative; min-height: 265px; height: 265px; height: auto !important; height: 265px !ie6;}
.content .article .rubrika {background: url("im/rubr_name_s.png") no-repeat 0 0; height: 35px; width: 195px; position: absolute; top: 180px; left: -7px; z-index: 2;}
.content .article .rubrika h3{ font-size: 12px; color: #b6d9fd; margin: 5px 0 0 40px;}
.content .article .str { width: 30px; color: #b6d9fd; position: absolute; top: 185px; left: 0px; z-index: 2; font-size: 12px; font-weight: bold;}
.content .article .text { margin-left: 220px;  padding: 20px 20px 20px 0;}
.content .article .text h3 { padding-bottom: 10px; line-height: 19px;}
.article .text h3 a{ display: block; }
.content .article .text h3, .content .article .text h3 a:link, .content .article .text h3 a:visited  { color: #0066cc; font-size: 16px; text-decoration: none;}
.content .article .text h3 a:hover  {color : #d71921;} 
.content .article .pict { width: 200px; position: absolute; top: 20px; left: 0;}
.readmore { display: block; width: 100px; padding-top: 10px; font-size: 11px; letter-spacing: 1px;}


.chrono {  position: relative; }
.chrono h2 { padding-bottom: 15px;}
.chrono .date { color: #0066cc; font-weight: bold; padding: 15px 0 10px 0;}
.chrono p { font-size: 12px; line-height: 15px;  padding-bottom: 15px;}
.chrono .chrono_prev, .chrono .chrono_next { display: block; height: 13px; background: url("im/chrono.png") no-repeat; overflow: hidden; }
.chrono .chrono_prev {  background-position: 0 0; position: absolute; top: 5px; right: 0; width: 100px;}
.chrono .chrono_prev:hover {  background-position: 0 -13px;}
.chrono .chrono_next {  background-position: 100% -31px; position: relative; right: 0; margin-top: 15px;}
.chrono .chrono_next:hover {  background-position: 100% -44px;}

.search { width: 205px; height: 25px; background: url("im/search_bg.png") no-repeat 0 0; position: relative; margin: 30px 0;}
.search input{width: 175px; height: 25px; color: #fff;  font-style: italic; font-size: 11px; font-size: 12px; border: none; background: none; margin-left: 8px;}
.search a{position: absolute; right: 0; top:0; height: 25px;  width: 25px; display: block; background: url("im/search.png") no-repeat 0 0;}
.search a:hover { background-position: 0 -25px; }
.search label {position: absolute; color: #fff; font-style: italic; font-size: 11px;  top: 5px; left: 8px;}

.content { width: 700px; padding-bottom: 40px; position: relative; }
.titlepage { padding: 0 0 5px 0;  margin: 0 0 15px 0; border-bottom: 1px solid #d8d7d7; text-transform: uppercase;}



/* Menu
-----------------------------------------------------------------------------*/
.tm { position: relative; top: 258px; left: 50%; margin-left: -452px; width: 904px;  font-size: 13px; }
.tm a { display: block; width: 172px; height: 170px; background: #fff; float: left; margin: 4px;}
.tm a, .tm a:link, .tm a:visited, .tm a:hover { color: #525050; text-decoration: none;}
.tm a:hover {background-position: 0 -170px;}
.tm em, .tm span{ padding: 0 15px; display: block;}
.tm em { font-style: normal; margin-top: 95px; margin-bottom: 5px; font-weight: bold;}
.tm .orbit { background: url("im/menu_orbit.jpg") no-repeat 0 0;}
.tm .archive { background: url("im/menu_archive.jpg") no-repeat 0 0;}
.tm .podpiska { background: url("im/menu_podpiska.jpg") no-repeat 0 0;}
.tm .reklama { background: url("im/menu_reklama.jpg") no-repeat 0 0;}
.tm .contact { background: url("im/menu_contact.jpg") no-repeat 0 0;}
.tm .photowin { background: url("im/menu_photo.jpg") no-repeat 0 0;}
.tm .journal { width: 352px; background: url("im/menu_journal.jpg") no-repeat 0 0; font-size: 24px; font-weight: bold; text-shadow: 1px 1px 3px #000;}
.tm .journal, .tm .journal:link, .tm .journal:visited, .tm .journal:hover, .tm .photowin, .tm .photowin:link, .tm .photowin:visited, .tm .photowin:hover { color: #fff; }
.journal span { padding: 15px; }

.lvl1 { text-align: center; text-transform: uppercase; font-weight: bold;}
.lvl1 *, .lvl2 *, .menu * { margin: 0; padding: 0; }
.lvl1 li, .lvl2 li  { list-style: none; display: inline;}
.lvl1 a { display: block; width: 172px; height: 30px; line-height: 30px; background: #fff;}
.lvl1, .lvl1 a, .lvl1 a:link, .lvl1 a:visited  {color: #525050; text-decoration: none;}
.lvl1 a:hover { background: #eee;}
.lvl1 .active  {background: #327fcd; background: #eee;}
.menu { padding-bottom: 40px; }
.lvl2 {  text-transform: uppercase; font-weight: bold;}
.lvl2 a {background: #e8e8e8;  padding: 7px 10px; display: block; margin-bottom: 10px;}
.lvl2, .lvl2 a, .lvl2 a:link, .lvl2 a:visited  {color: #525050; text-decoration: none;}
.lvl2 a:hover { color: #d71921; }
.lvl2 .active  {color: #d71921;}
.lvl3 {  text-transform: none; }
.lvl3 a {background: none;  padding: 0; display: block; margin: 0 0 10px 30px; }

/* Modul
-----------------------------------------------------------------------------*/
.printpage {padding: 20px;}
.path { margin: 22px 0; font-size: 10px;}
.path span {  color: #9797a5; margin: 0 5px; }
.path, .path a, .path a:link, .path a:visited { color: #5b5b5b; }
.path .home, .path .home:link, .path .home:visited { color: #327fcd; }

form, input { padding: 0; margin: 0; }
input, textarea, select, button { font-family: "Trebuchet MS", "Segoe UI", sans-serif; font-size: 14px; border: 1px solid #b5b8d7;}
input:focus {outline: 0 none;}
button {background: url("im/button.png") no-repeat 0 0; border: none; color: #fff; height: 25px; margin: 20px 0; width: 150px;}

.news { border-bottom: 1px solid #d8d7d7;  padding-bottom: 5px; margin-bottom: 30px;}
.news .date { color: #000; padding: 0 0 10px 0;  }
.news h3 { padding-bottom: 10px; }
.news .pict { float: right; width: 200px;}
.news .text { float: left; width: 470px; }

.pages {color: #000; margin: 20px 0 0 0;}
.pages a, .pages span { display: block; float: left; width: 25px; height: 25px; line-height: 25px; text-align: center; margin: 0 10px 0 0; border-left: 1px solid #d8d7d7;}
.pages a { text-decoration: none;  font-weight: bold;}
.pages a:hover { background: #e8e8e8; }

#album  { width: 700px; overflow: hidden;} 
#album a  { display: block; width: 210px; height: 197px; overflow: hidden; position: relative; text-decoration: none; margin: 0 20px 20px 0; float: left;} 
#album span {background: url("im/foto_video.png") no-repeat #333; display: block;	height: 40px; width: 210px; overflow: hidden; position: absolute; bottom: 0; left: 0; z-index: 5;}
#album a:hover span {background-color: #1d5fa3;}
#album .popup span { background-position: 0 0;}
#album .video span { background-position: 0 -40px;}
#album em {padding: 5px 5px 5px 50px; color: #fff;  display: block; font-size: 11px; }

.menu_years { color : #0066cc; font-size : 24px; background: url("im/scale.png") repeat-y 0 0; font-weight: bold; padding: 5px 0 4px 13px; margin: 65px 0 0 152px;}
.menu_years a { display: block; padding-left: 20px; line-height: 50px; background: url("im/arrs.png") no-repeat 0 14px; text-decoration: none;}
.menu_years a:hover {  background-position: 0 -86px;}
.menu_years .num a { display: block; background: Navy; width: 25px; height: 25px; margin: 10px; float: left; line-height: 25px; padding: 0; color : #fff; font-size: 14px; text-decoration: none; text-align: center;}
.menu_years .num a:hover {  background: #666;}

.journal_year .title, .lastcover .title { background: url("im/arr_gray.png") no-repeat 0 50%; padding-left: 20px; color: #c7c6c6; line-height: 25px; font-weight: bold; margin-bottom: 15px;}
.journal_year .title span { color: #d71921; font-size: 18px;}
.journal_year a{ display: block; width: 140px; height: 210px; float: left; margin: 0 30px 30px 0; text-align: center; text-decoration: none;  font-size: 13px; border: 1px solid #d8d7d7;}
.journal_year a:link, .journal_year a:visited { color: Black;}
.journal_year a:hover{ color: #d71921;}
.journal_year img { display: block;  padding-bottom: 3px;}

.left .journal_year a{ width: 70px; height: 105px; font-size: 6px; text-align: center; margin: 0 20px 20px 0; overflow: hidden; white-space: nowrap;}
.left .journal_year img { width: 70px;   padding-bottom: 2px;}

.article_page h2 { padding: 0 0 15px 0; }
.article_page .anons { color: #000; padding: 0 0 30px 15px; }
.article_page .date { color: #000; padding: 0 0 10px 0; }


.articles { padding-bottom: 10px; }
.cover { margin-bottom: 30px; position: relative; height: 185px; overflow: hidden;}
.cover img { border: 1px solid #d8d7d7;}
.cover span {display: block; position: absolute; top: 125px; left: 160px; font-size: 18px; color: #d71921; }
.cover div {display: block; position: absolute; top: 157px; left: 160px; font-size: 30px; line-height: 30px; color: #d71921; font-weight: bold;}
.articles a, .articles div {display: block; margin: 0 20px 20px 0; text-decoration: none;}
.articles a:hover .title { color: #d71921;  }
.articles .title { display: block; border-bottom: 1px solid #d8d7d7; padding: 3px 0; color: #327fcd;}
.articles .rubr { display: block; color: #999; font-size: 11px;}
.articles em { font-size: 11px; color: #999; position: relative; top: -20px; text-align: right; display: block;}
.articles .rubr:hover, .articles em:hover { color: #999;}

.lastcover { margin-bottom: 30px; }
.lastcover p { margin: -10px 0 10px 0; }