html {font: 100.1% Arial, Verdana, sans-serif}
html, body, h1, h2, h3, h4, ul, li, ol, dl, dt, dd, p, form, fieldset, label, img, table, #nav ul, #nav li {
  padding: 0; margin: 0; font-size: 100%; font-weight: normal; border: 0
}

body {
  color: #000;
  background: #fff;
  font: normal 75%/1.3em Arial, Helvetica, sans-serif;
}
/* links */
a {color: #0054a6}
a:visited {color:  #4aa8de}
a:hover {text-decoration: none}
img {border: 0}
/* headers, paragraphs */
p {margin: .5em 0}
h1 {font-size: 2em}
h2 {font-size: 14pt}
h3 {font-size: 125%}
h4 {font-size: 110%; font-weight: bold}
/* lists */
ul, ol {list-style-position: inside}
dt {font-weight: bold}
dd {padding-left: 30px}
/* common useful styles */
.wrap, #page, .h-page, .pager ul {overflow: hidden}
.left, #top .aside, #aside, #footer .counters, .pager ul li, .news .title {float: left}
.right, #top .misc, #onair, .news .date, .news .misc .meta, #footer .misc {float: right}
.a-center {text-align: center}
.a-left, #footer .counters {text-align: left}
.a-right, #top .misc, #footer .misc {text-align: right}
.nolist, #nav ul, .pager ul {list-style: none outside}

/* layout */

#top {
    background: #c74140;
    height: 37px;
    line-height: 37px
}
#wrap {min-width: 1000px}
#content {background: #f7f7f7 url(../i/blockbg.jpg) repeat-x; margin: 0 190px 0 0}
#aside, #onair {width: 180px; background: #cdd3e1 url(../i/blockbg.jpg) repeat-x; padding: 0 5px}
#footer {clear: both; background: #245ee3; height: 50px; padding: 7px 47px 8px 20px; color: #fff}

/* top */
#top a {
    font-size: 9pt;
    color: #fff;
    margin-left: 10px
}
#top a:hover, #top .aside a {text-decoration: none}
#top .aside a {border-bottom: 1px dashed #fff}
#top .aside a:hover {color: #eee; border-bottom: 1px dashed #eee}

#top .aside, #top .misc {padding: 0 25px; width: 40%}
#top .misc {padding-right: 35px}
#top .aside .home, #top .aside .home:hover {
    background: url(../i/home.gif) left center no-repeat;
    padding: 0 4px 0 7px;
    border: 0
}

#top .feedback {
    background: url(../i/sys_mail.gif) left center no-repeat;
    padding-left: 20px
}
#top .feedback:hover {background-image: url(../i/sys_mail_dis.gif)}
#top .rss {
    background: url(../i/rss_b.gif) left center no-repeat;
    padding-left: 30px
}

/* header */
#header {
    background: url(../i/headerleftpic.jpg) top left no-repeat;
    height: 108px;
    padding: 90px 0 0 430px
}
.h-header {
    background: #cdd3e1 url(../i/headergrad.jpg) top left repeat-x
}
.h-header2 {
    background: url(../i/headerrightpic.jpg) top right no-repeat
}
#header h2 {
    margin: 0;
    padding: 0;
    font-style: italic;
	font-size: 2.3em;
    color: #0048ea;
}
#header h2 span {
    color: #e35351;
    padding-left: 40px;
    line-height: 44px
}

/* wraps */
.h-wrap {background: url(../i/main-back.jpg) top left repeat-y}
.h-wrap2 {background: url(../i/main-right-back2.jpg) top right repeat-y}
#page {
    padding: 0 15px 0 12px;
    background: url(../i/faux-column.gif) 12px 0 repeat-y;
}
.h-page {
    background: #f7f7f7 url(../i/faux-column.gif) top right repeat-y;
}

/* nav */
.h-nav {background: #f4f4f4 url(../i/menugrad.jpg) top left repeat-x}
.h-align-center {position: relative; width: 100%}
.h-align-center:after {content: ''; display: block; clear: both}
.h-align-center-left {position: relative; right: 50%; float: right}
.h-align-center-right {position: relative; z-index: 1; right: -50%}
#nav {
    height: 55px;
    text-align: center;
    background: url(../i/ulinemenu.jpg) bottom center no-repeat;
    line-height: 40px;
}
#nav ul li {float: left; position: relative}
#nav .left-arrow, #nav .right-arrow {width: 25px; height: 35px}
#nav .left-arrow {
    background: url(../i/strelka2.gif) left bottom no-repeat;
}
#nav .right-arrow {
    background: url(../i/strelka1.gif) right bottom no-repeat;
    margin-left: 20px
}
#nav a {
    font-size: 10pt;
    border-bottom: 2px dotted #000;
    text-decoration: none;
    color: #000;
    margin-left: 20px
}
#nav a:hover {
    border-bottom: 2px dotted #0048ea;
    text-decoration: none;
    color: #0048ea
}
#nav li ul li a {margin: 0}
#nav ul li ul {
    text-align: left;
    display: none;
    line-height: 1.3em;
    background: #f3f2f2;
    border: 1px solid #999;
    width: 150px;
    position: absolute;
    top: 28px; left: -1px
}
#nav ul li ul li {
    display: list-item
}
#nav ul li:hover ul, #nav ul li.hover ul {
    display: block; z-index: 200
}
#nav li ul li a {
    font-size: 9pt;
    color: #555;
    line-height: 20px;
    width: 130px;
    border-bottom: 1px solid #999;
    margin: 5px 10px 12px;
    display: block;
    text-decoration: underline
}
#nav li ul li a:hover {background-color: #c74140; color: #fff; border-bottom: 1px solid #999}

/* aside */
#aside .aside-logo {border-left: 1px dotted #000}
#onair .aside-logo {border-right: 1px dotted #000; margin-left: 4px}
.box {
    font-size: 9pt;
    padding: 0 0 10px;
    border-bottom: 1px dotted #000;
}
.box .title, #breadcumbs {
    font-size: 12pt;
    color: #b10000;
    padding: 5px 0 5px 10px;
    margin: 0 0 10px;
    font-weight: bold;
    border-bottom: 1px dotted #000
}
#breadcumbs {
    border-top: 1px solid #86a3e3;
    border-bottom: 0;
    padding: 17px 0 25px 10px;
    background: #f7f7f7;
    margin: 20px 0 0;
}
#breadcumbs a {text-decoration: none; border-bottom: 1px dotted #b10000; color: #b10000}
.box .title a {
    color: #b10000;
    border-bottom: 1px dotted #b10000;
    text-decoration: none
}
/* footer */
#footer .counters, #footer .misc {width: 50%} 
#footer a {color: #fff; text-decoration: none}
#footer a:hover {text-decoration: underline}
#footer .well {color: #ffd3a3}
/* misc */
.m-wrap {
    border: 1px dotted #000;
    border-width: 0 1px;
    padding: 0 10px;
    margin-top: 10px
}
.spacer {
    height: 6px;
    font-size: 0;
    line-height: 6px;
    background-color: #b10000;
    margin-bottom: 15px;
    border-left: 20px solid #ffd3a3;
}
.newsfeed {padding: 0 11px; font-size: 10pt}
.news {margin-bottom: 30px}
.news .title, .news .date {color: #343434}
.news .title {width: 80%; line-height: 1em}
.news .date {
    font-weight: bold;
    text-align: right;
    width: 19%
}
.news .misc {padding-top: 4px}
.news .misc .meta {margin-top: -1.2em}
.news .content {padding: 10px; border-bottom: 1px dotted #000; overflow: hidden}

/* navigation */
.pager {margin: 20px 0}
.pager a {
    display: block;
    width: 38px;
    height: 28px;
    line-height: 28px;
    text-decoration: none;
    font-size: 11px;
	color: #000000;
    margin: 10px 3px;
    text-align: center
}
.pager .disabled a{
    background: #64a3d9 url(../i/nav-none.png) no-repeat;
}
.pager a:hover {
	background: #64a3d9 url(../i/nav-hover.png) no-repeat;
	color: #fff;
}

/* Навигационные кнопки
------------------------------ */
.navigation {
	border: none;
	margin: 20px 0 20px 0;
}
.navigation a:link, .navigation a:visited, .navigation a:hover, .navigation a:active, .navigation span {
    display: inline-block;
    width: 38px;
    height: 28px;
    line-height: 28px;
    text-decoration: none;
    font-size: 11px;
	color: #000000;
    margin: 10px 3px;
    text-align: center;
}
.navigation a:hover {
	background: url(../image/nav-hover.png) no-repeat #64a3d9;
	color: #FFFFFF;
	text-align: center;
}
.navigation span {
	background: url(../image/nav-none.png) no-repeat #64a3d9;
}
.cntr {
	text-align:center;
}

.news .content {overflow: hidden}

#banners a img {

opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);

}


#banners a:hover img {

opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);

}