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: #037ABA}
a:visited {color:  #037ABA}
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: #000;
    height: 37px;
    line-height: 37px
}
#wrap {min-width: 1000px}
#content {background: #fff url(../i/line_4.gif) left top repeat-x; margin: 0 220px 0 0}
#aside, #onair {width: 210px; background: #969696 url(../i/blockbg2.jpg) repeat-x; padding: 0 5px 0 0}
#onair {
	margin-left:10px;
}
#footer {
	clear: both; 
	background: #000 url(../i/line_2.gif) top repeat-x;; 
	height: 50px; 
	padding: 25px 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 {border-bottom: 1px dashed #eee;}
#top a:hover {color:#FDF74E;}

#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: 170px;
    padding: 22px 0 0 155px
}
.h-header {
    background: #000 url(../i/header-bg.jpg) top left repeat-x
}
.h-header2 {
    background: url(../i/headerrightpic.jpg) top right no-repeat
}
#header h2 {
	position: absolute;
    margin: 0;
    padding: 0;
    font-style: italic;
	font-size: 2.3em;
    color: #037ABA;
    left: 390px;
    margin-top: 40px;
}
#header h2 span {
    color: #e35351;
    padding-left: 40px;
    line-height: 44px
}
#onl{
	position: absolute;
	right: 15px;
	top: 36px;
}
/* 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: #fff url(../i/faux-column.gif) top right repeat-y;
}

/* nav */
.h-nav {background: #000 url(../i/line_1.gif) 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: 45px;
    text-align: center;
   /* background: url(../i/ulinemenu.jpg) bottom center no-repeat;*/
    line-height: 40px;
}
#nav ul li {float: left; position: relative}

#nav a {
    font-size: 12pt;
    border-bottom: 2px dotted #000;
    text-decoration: none;
    color: #fff;
    margin-left: 30px
}
#nav a:hover {
    border-bottom: 2px dotted #FDF74E;
    text-decoration: none;
    color: #FDF74E
}
#nav li ul li a {margin: 0;}
#nav ul li ul {
    text-align: left;
    display: none;
    line-height: 1.3em;
    background: #000;
    position: absolute;
    top: 40px; left: 21px
}
#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: #fff;
    line-height: 20px;
    width: 130px;
    border-bottom: 1px dashed #999;
    margin: 5px 10px 12px;
    display: block;
    text-decoration: underline
}
#nav li ul li a:hover {color: #FDF74E; border-bottom: 1px dashed #999;
}

/* aside */
#aside .aside-logo {border-left: 1px dotted #000}
.box {
    font-size: 9pt;
    padding: 0 0 20px;
    color: #fff;
}
.box a {
	color: #fff;
}
.box .title {
    font-size: 12pt;
	color: #000;
    padding: 5px 0 5px 10px;
    margin: 0 0 10px;
    font-weight: bold;
    text-transform: uppercase;
}
.box .partners{
	width:160px;
	background: #ff1301;
}
.box .adv{
	width:90px;
	background: #FDF74E;
}
.box .kurs{
	width:140px;
	background: #00dbfb;
}
.box .weather{
	width:80px;
	background: #00fbdb;
}
.box .calend{
	width:110px;
	background: #04d7fd;
}
.box .tops{
	width:200px;
	background: #d104fd;
}
.box .arh{
	width:170px;
	background: #04d7fd;
}
.box .chat{
	width:110px;
	background: #fd04b4;
}
#breadcumbs {
    padding: 20px 0 15px 10px;
    font-size: 12pt;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
}
#breadcumbs a {text-decoration: none; border-bottom: 1px dotted #e35351; color: #e35351}
.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: #FDF74E}
/* misc */

.spacer {
    height: 6px;
    font-size: 0;
    line-height: 6px;
    background-color: #e35351;
    margin-bottom: 15px;
    border-left: 20px solid #000;
}
.newsfeed {padding: 0 11px; font-size: 10pt}
.news {margin-bottom: 20px}
.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 dashed #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);

}

a.pl-png{width:180px;position:absolute;bottom:2px;left:2px;font:italic 16px Georgia;z-index:2;color:#f1ede9;padding:4px 7px;background:url(../i/png_1.png) repeat;}
div.pl-png {width:300px; height:36px; position:absolute; margin:-40px 0 0 0px; font:italic 16px Georgia; z-index:1;}
div.pl-png div{width:300px; height:28px; padding:8px 0 0 0; background:url(../i/png_1.png) repeat; color:#f1ede9; text-align:center;}
div.pl-png div a{color:#fdf74e; position:relative; z-index:3;}
div.pl-png span{font-size:12px; margin-left:3px;}

.rating{ margin-top:5px}