html,body {height: 100%; margin: 0; padding: 0}
body {font: 11px Verdana, Tahoma, Arial; color:#FFF}
img {border: 0}
ul,ol,p,h1,h2,h3,form {padding: 0; margin: 0}
a,a:link {color:#FFF; text-decoration: none}
a:hover {text-decoration: underline}
a:focus {outline: 0}

html > body #site {height:auto}
#site {margin: 0 auto; width: 572px; position: relative; min-height:100%; height: 100%}
#header {padding-top: 50px}
.logo {position:relative; height: 148px; margin:0 0 20px}
.logo img {position: absolute; left:-78px}
.player {position:relative; overflow: hidden; zoom: 1}
.player img {display: block; float: left; width: 9px; height: 9px; margin-right: 4px; cursor: pointer}
.player img[rel=prev] {background: url(../img/player_buttoms.png) no-repeat left top}
.player img[rel=prev]:hover {background: url(../img/player_buttoms.png) no-repeat left bottom}
.player img[rel=next] {background: url(../img/player_buttoms.png) no-repeat -10px top}
.player img[rel=next]:hover {background: url(../img/player_buttoms.png) no-repeat -10px bottom}
.player img[rel=stop] {width: 7px; background: url(../img/player_buttoms.png) no-repeat right top}
.player img[rel=stop]:hover {width: 7px; background: url(../img/player_buttoms.png) no-repeat right bottom}
.player img[rel=play] {width: 4px; background: url(../img/player_buttoms.png) no-repeat -15px top}
.player img[rel=play]:hover {width: 4px; background: url(../img/player_buttoms.png) no-repeat -15px bottom}
.main-menu {margin: 5px auto 10px; font-size: 12px; overflow: hidden; zoom: 1}
.main-menu li {display: block; float:left;  margin-right: 3px; background-color: #000; list-style-image:none; list-style-type:none; background-color:transparent; background-position: 0 0; background-repeat: no-repeat;}
#playbill {background-image: url(../img/mmenu/bg_bt_1.png)}
#biography {background-image: url(../img/mmenu/bg_bt_2.png)}
#news {background-image: url(../img/mmenu/bg_bt_3.png)}
#music {background-image: url(../img/mmenu/bg_bt_4.png)}
#foto {background-image: url(../img/mmenu/bg_bt_5.png)}
#video {background-image: url(../img/mmenu/bg_bt_6.png)}
#forum {background-image: url(../img/mmenu/bg_bt_7.png)}
#contacts {background-image: url(../img/mmenu/bg_bt_8.png); margin: 0 !important}
.main-menu a {display: block; color:#C1C5C6; padding: 6px 10px}
.main-menu a:hover {color:#FFF; text-decoration: none}
#cnt {padding: 0 0 100px 0}
#footer {position: absolute; left: 0; bottom: 0; height: 52px; width: 100%}
.footer-menu li {float:left; list-style-image:none; list-style-type:none}
.footer-menu  a {height:52px; margin-right: 19px; width:178px; display: block; background: transparent url(../img/social-links.png) no-repeat left top}
.footer-menu  a:hover{text-decoration: none}
#a_yt {background-position: -178px top}
#a_vk {background-position: -356px top; margin:0}
/*Стартовая*/
.index-inf {position:relative; overflow: hidden; zoom: 1}
.index-inf  > div {float: left; display: block}
.index-news {margin-right: 7px; width: 429px}
/*Каручель с наградами*/
.medal-wheel {position:relative; height: 73px; margin-bottom: 7px; overflow: hidden; zoom: 1}
.medal-wheel div {position: absolute; top: 0}
.medal-wheel .arr {width: 8px; height: 73px; background: transparent url(../img/arr_medal_wheel.png) no-repeat 0 0; cursor: pointer; z-index: 20}
.medal-wheel .left {left: 0}
.medal-wheel .right {right: 0; background-position: -8px 0}
.medal-wheel .list {position: absolute; left: 0; top: 0; width: 135px; list-style-image:none; list-style-type:none; z-index: 10}
.medal-wheel .list li {float: left; display: block}
.index-playbill {width: 136px}
/*.index-playbill .cnt img {margin: 0 0 13px; display: block; border: 1px solid #FFF}*/
.index-playbill .playbill-menu {list-style-type: none}
.index-playbill .playbill-menu li {margin-top: 17px}
.index-playbill .medal-list {margin-bottom: 7px; cursor: pointer}
.index-playbill .medal-list img {display: block}
.first {margin: 0 !important}

/*Биография*/
.biografy {font-size: 11px; text-align:justify; padding: 4px 16px}
.biografy .ttl {font-size: 14px; margin: 0 0 10px}
.biografy .paste {margin: 16px 52px; font-size: 11px; padding-left: 6px; border-left: 1px solid #80C29B}
.biografy  p {margin: 10px 0}
.biografy span {color: #80C29B; font-weight:bold}
.biografy  img {border: 1px solid #FFF}
.biografy .left {float: left; padding: 0 10px 0 0}
.biografy .right {float: right; padding: 0 0 0 10px}
.biografy .center {margin: 0 0 10px}

/*Сатья/новость*/
.topic {font-size: 11px; text-align:justify; padding: 4px 16px}
.topic .ttl {font-size: 14px; margin: 0 0 10px}
.topic  p {margin: 10px 0}
.topic span {color: #0DBCF0; font-weight:bold}
.topic img {border: 1px solid #FFF}
.paste {margin: 16px 52px !important; font-size: 11px; padding-left: 6px; border-left: 1px solid #0DBCF0}
.news-big {overflow:hidden}
.news-big .ttl a {padding-right: 15px; margin-right: 4px; background: transparent url(../img/arr_news_ttl.png) no-repeat right 7px}
.topic .left {float: left; padding: 0 10px 0 0}
.topic .right {float: right; padding: 0 0 0 10px}
.topic .center {margin: 0 0 10px}

/*Афиша*/
.pl-wheel {position: relative}
.pl-wheel > img {position: absolute; display: block; top: 68px; width: 23px; height: 24px; background: url(../img/arr_pb_wheel.png) no-repeat left top; z-index: 40; cursor: pointer}
.pl-wheel .pl-right-arr {right: 0px; background-position: right top}
.pl-wheel .pl-block {margin: 0 14px; height: 159px; position: relative; overflow: hidden; zoom: 1}
.pl-wheel ul {position: absolute; left: 0; top: 0; width: 2720px; list-style-image:none; list-style-type:none; z-index: 30;}
.pl-wheel .bord-bg {float: left; display: block; padding: 16px 17px}
.act-bg {background: url(../img/bg_pb_wheel.png) no-repeat left top}
.act-bg .txt {display: none}
.bord {position: relative; display: block;  border: 1px solid #FFF}
.bord:hover {text-decoration: none; cursor: pointer}
.bord img {width: 100px; height: 125px; display: block}
.bord .txt {position: absolute; top: 0; left: 0; background: transparent url(../img/bg-poster.png) repeat scroll 0 0}
.bord .txt table {width: 100px; height: 125px; padding: 5px; font-size:11px}
.act-txt img {border: 1px solid #FFF}
.act-txt .left {float: left; padding: 0 10px 0 0}
.act-txt .right {float: right; padding: 0 0 0 10px}
.act-txt .center {margin: 0 0 10px}

.playbill-txt .ttl{font-size: 14px}
.playbill-txt p {text-align:justify; margin: 10px 0}
.playbill-txt > div {display: none}
.act-txt {display: block !important}

/*Контакты*/
.contacts {font-size: 14px; position:relative; overflow: hidden; zoom: 1}
.contacts > div {float: left; display: block}
.contacts .column {width: 255px; margin-right: 7px}
.contacts .column .list {padding:17px 0 2px;}
.contacts .column .list .card {font-size: 10px; margin: 0 0 11px}
.contacts .column .list .card a {color: #AA4A96}
.contacts .form {width: 310px}
.contacts .form .ttl {line-height:12px; margin:0 0 10px}
.contacts .form .ttl span {font-size: 10px;}
.contacts .form input,textarea {width: 240px; color: #8b8b8b; font-family:verdana; font-size:10px}
.contacts .form input{margin: 0 0 6px;}
.contacts .form textarea {height: 122px; margin: 0}
#csub {width: 60px; height: 16px; margin: 6px 0 0}

/*News*/
.news {font-size:14px; position: relative; overflow: hidden; zoom: 1}
.news  > div{float: left; display: block; position:relative}
.news  .txt {width: 296px; padding: 0 0 0 8px; margin: 0 0 0 8px; border-left: 1px solid #0DBCF0; font-size: 11px}
.news  .txt .ttl {font-size:14px}
.news  .txt p {margin: 8px 0 5px}
.news  .txt .more {color:#0DBCF0; padding:0 8px 0 0; background: transparent url(../img/arr_news_more.gif) no-repeat right 7px}
.big {width: 420px !important}
.news-rar .ttl {font-size: 14px; margin: 0 0 10px;}
.news-rar .head {font-size: 10px; padding: 1px 0 0; height: 14px; margin: 2px 0; cursor: pointer; position: relative; overflow: hidden; zoom: 1}
.news-rar .head b {margin: 0 390px 0 12px}
.news-rar .head div {float: left}
.news-rar .head img {width: 16px; height: 15px; float: right; background: transparent url(../img/arr_00.png) no-repeat left top}
.news-rar .mlist {margin: 10px 0}
.news-rar .mlist div {margin-top: 4px; padding-left: 3px; position: relative; overflow: hidden}
.news-rar .mlist span {float: left}
.news-rar .mlist a {width: 461px; float: right; padding-left: 5px; border-left: 1px solid #0DBCF0}
.dblue {background: transparent url(../img/bg_hnews_dblue.gif) repeat-y left top}
.blue {background: transparent url(../img/bg_hnews_blue.gif) repeat-y left top}
.b-g {background: transparent url(../img/bg_hnews_b-g.gif) repeat-y left top}
.lb-g {background: transparent url(../img/bg_hnews_lb-g.gif) repeat-y left top}

/*Foto*/
.album {position: relative; overflow: hidden; zoom: 1}
.album div {float: left; display: block}
.album .ttl {width: 142px; font-size: 14px}
.album .ttl div {padding-left: 10px; position: absolute; left: 0; bottom: 0; font-size: 10px; color: #6E4CFC; cursor: pointer; background: url(../img/arr_foto.png) no-repeat left 4px}
.album .ttl .carr {background: url(../img/arrc_foto.png) no-repeat left 4px}
.album .foto {width: 395px; overflow: hidden; height: 151px; border-left: 1px solid #6E4CFC}
.album .foto a {float: left; display: block; margin: 0 0 7px 7px; border: 1px solid #FFF; background-color: #000}
.album .foto img {width: 70px; height: 70px; display: block; cursor: pointer}

/*Video*/
.video {padding: 10px; text-align: center}

/*Music*/
.songs .ttl {font-size: 16px; margin-bottom: 10px}
.songs .list {position: relative; overflow: hidden; zoom: 1}
.songs .song {float: left; width: 260px; margin-bottom: 15px}
.song img {width: 100px; height: 100px; border: 1px solid #FFF; margin-right: 10px}
.song .ttl {font-size: 14px; color:#0DBCF0; margin-bottom: 10px}
.song .player {width: 137px; height: 10px; padding: 4px 0 0}

/*404*/
.e404 {padding: 10px; text-align: center}
.e404 .ttl{font-size: 16px; margin-bottom: 10px}

/*Окна*/
.window {margin: 0 0 7px}
.window .cnt {padding: 8px 17px; background: transparent url(../img/windows/bg.png) repeat scroll 0 0;}
.window .emp {width: 100%; background: transparent url(../img/windows/bg.png) repeat scroll 0 0;}
.top-angles  div {height: 9px; background: transparent url(../img/windows/win-angles.png) no-repeat left top}
.window .left {padding-left:9px;}
.window .right {padding-right:9px; background-position: right -9px}
.bttm-angles  div {height: 9px; background: transparent url(../img/windows/win-angles.png) no-repeat left bottom}
.bttm-angles .right {background-position: right -18px}