html, body {
height: 100%;
margin: 0;
padding: 0;
background-color:#232323;
font-family:tahoma;
font-size:14px;
color: #000;
}
a {color: #eb8510; }
h1,h2,h3 {color: #eb8510;}
.clearing {height: 0px;font-size: 0px;clear: both;}
.Container {height:100%;}
.SubContainer {position: relative; margin-bottom:-27px;min-height: 100%;}
.Container2 {padding-bottom:27px;}
.Content { padding-top: 40px; width: 1030px; text-align:left;position: relative;}
.Header {width: 1030px; height: 299px;background: url(images/top-bg.png) no-repeat; position: relative }
.Header .radio{cursor: pointer;position:absolute; left:55px; top:-5px; width:307px;height:237px;background: url(images/top-radio.png) no-repeat 0 0;}
.Header .radio:hover{background: url(images/top-radio.png) no-repeat 0 -237px;}
.Header .tv{cursor: pointer;position:absolute; right:55px; top:0px;width:342px;height:250px;background: url(images/top-tv.png) no-repeat 0 0;}
.Header .tv:hover{background: url(images/top-tv.png) no-repeat 0 -251px;}
.Header .menu {position: absolute;left:0px; bottom: -40px;width:100%;z-index:100;}
.Header .Bar {width: 800px; height: 121px;position: relative; bottom:0px;display:inline-block;text-align:center;}
.Header .Bar .Left-Bar{width: 80px; height:121px; background: transparent url(images/obj-bg.png?v2) no-repeat 0px 0px;float: left;position: relative;}
.Header .Bar .Right-Bar{width: 80px; height:121px; background: transparent url(images/obj-bg.png?v2) no-repeat -80px 0px;float: right;position: relative;}
.Header .Bar .Bar-Body{width:640px; margin-left:80px;height:121px;line-height:121px; background: transparent url(images/obj-bg.png?v2) repeat-x 0 -119px; position: relative;}
.Header .Bar a {color: #fff; font-size:17px; text-decoration: none;}
.Header .Bar ul {list-style-type: none;list-style-position:outside;list-style-image:none;margin:0px;padding:0px}
.Header .Bar li {display: inline; padding: 10px 30px; position: relative;}
.Header .Bar ul li ul{position: absolute; left: 0; top: 30px; line-height: 17px; text-align: left;}
.Header .Bar ul li ul li {padding: 0 30px; display: block; white-space: nowrap;}
.Header .Bar ul li ul li a{font-size: 12px; text-decoration: underline;}
.Header .Bar ul li ul li a:hover {color: #eb8510;}
.Header .logo {width:359px;height:263px;cursor: pointer; background: url(images/top-logo.png) no-repeat; z-index:400;position: absolute; top:0px;left:340px;}
.Header .logo h1 {color: #fff;font-size:22px;font-weight: normal;padding:0px;margin:0px;}
.content-box{
position:relative; text-align:left;
}
.left-content{width: 730px; float:left;}
.right-content{width: 300px; float: right;}
.content-box .box-ug { width:25px; height: 25px;position:relative;}
.content-box .top-left{ float:left; background: transparent url(images/box-bg.png) no-repeat 0px 0px;}
.content-box .top-right{ float:right; background: transparent url(images/box-bg.png) no-repeat -25px 0px;}
.content-box .top-border{height: 25px;background: transparent url(images/box-bg.png) repeat-x 0 -50px;overflow:hidden;}
.content-box table{ width: 100%;}
.content-box .border-left{min-height:100px; width:25px;position:relative;background: transparent url(images/box-bg-hor.png) repeat-y 0 0; }
.content-box .border-right{min-height:100px; width:25px;position:relative;background: transparent url(images/box-bg-hor.png) repeat-y -25px 0; }
.content-box .center{min-height:100px; background-color: #fff;overflow:hidden;}
.content-box .bottom-left{ float:left; background: transparent url(images/box-bg.png) no-repeat 0px -25px;}
.content-box .bottom-right{ float:right; background: transparent url(images/box-bg.png) no-repeat -25px -25px;}
.content-box .bottom-border{height: 25px;background: transparent url(images/box-bg.png) repeat-x 0 -75px;overflow:hidden;}
.footer {width: 1030px; height: 27px;background: url(images/bottom-bg.png) no-repeat; position: relative;}
.footer .copy { font-size:11px; padding-top:10px; }
/* Links */
#links {
/* float: right; */
width: 200px;
padding-left: 20px;
/* background: url(images/img05.gif) repeat-y; */
}
#links ul {
margin: 0;
padding: 0;
list-style: none;
}
#links li ul {
padding: 5px 0 30px 0;
}
#links li li {
padding: 7px 10px;
background: url(images/img06.gif) repeat-x left bottom;
}
#links li a {
text-decoration: none;
}
#links li a:hover {
text-decoration: underline;
}
#links li i {
font-style: normal;
font-size: 9px;
}
#links li h2 {
text-align: left;
font-size: 14px;
}
/* for radio spizheno from radio.akado.ru */
div.st {
/* background: transparent url(/images/radio/bg.gif) repeat-x scroll 0 -93px; */
/* background: transparent url(/images/radio/bg.gif) repeat-x scroll 0 -98px; */
float: left;
height: 93px;
padding: 3px;
width: 334px;
border: 0 none;
margin: 0;
}
div.st .l {
/*background: #f6f6f6 url(/images/radio/bg.gif) 5px 0 no-repeat; */
width: 5px;
background: transparent url(/images/radio/bg.gif) no-repeat scroll 0 0;
display: inline;
float: left;
height: 93px;
margin: 0 -10px 0 0;
position: relative;
/* width: 10px; */
z-index: 2;
}
div.st .r {
/* background: #f6f6f6 url(/images/radio/bg.gif) -5px 0 no-repeat; */
background: transparent url(/images/radio/bg.gif) no-repeat scroll -5px 0;
display: inline;
float: right;
height: 93px;
position: relative;
width: 5px;
z-index: 3;
}
div.st img.logo {
float: left;
height: 80px;
margin: 6px -101px 0 11px;
width: 90px;
}
div.st h4 {
display: inline;
float: left;
font-weight: normal;
margin: 8px 0 5px 113px;
padding: 0;
width: 120px;
}
div.st span {
color: gray;
display: inline;
float: left;
font-size: 0.9em;
line-height: 120%;
margin: 0 0 5px 7px;
padding: 0;
width: 100px;
}
div.st div.radio-waves {
display: inline;
float: left;
margin-left: 106px;
width: 140px;
}
div.st div.play {
display: inline;
float: left;
margin: 0 0 0 2px;
}
div.st h4 a, ol a {
color: #000000;
font-size: 13px;
font-weight: normal;
margin: 0;
padding: 0;
text-decoration: none;
width: 120px;
}
.right-content-menu{width: 210px; float: right;}