* { margin: 0; padding: 0 }
html, body { width: 100%; background: #fff }
body { color: #464646; font-family: Calibri; font-size: 14px;background:url(images/bg_body.jpg) repeat fixed }
img { border: 0 none }
a { color: #005689; text-decoration: underline }
a.grey { color: #464646; text-decoration: none }
h2, div.h2 { font-size: 26px; font-weight: normal }
div.h2 a { color: #464646;text-decoration:none; }
h3 { font-size: 24px; font-weight: normal; }
h4 { font-size: 18px; font-weight: normal; }

div.clear { clear: both!important; height: 21px }
hr { background: none; border: 0 none; border-bottom: 1px dotted #999; margin: 3px 0; }
ul { padding-left: 15px }
ul li { color: #ed2024; list-style-type: disc; list-style-position: outside; }
ul span, ul a { font-size: 13px }
ul span { color:#464646 }
#fancybox-thumbs ul li { list-style-type: none; list-style-position: inside }
#fancybox-thumbs ul li.active { opacity:1 }
/*#fancybox-thumbs ul { padding: 1px 0 }*/
#fancybox-thumbs { background: #fff }

.hide { display: none }
.grey { color:#737373!important }
.red { color: #ed2024!important }
.blue { color: #005689!important }
a.blue { border-bottom: 0 none!important; }
.center { text-align: center!important }
.dblock { display: block }
.upper { text-transform: uppercase!important }
.fright { float:right!important }
.fclear { clear: both!important }
.bold { font-weight:bold!important }
.sign { float: right; clear: right; margin: 3px 0 }

.sn-api { clear: both }
.sn-api .views { padding: 5px 23px 0 0 }
#vk_comments { margin-top: 20px } 

#main { margin: 0 auto; width: 1259px; min-height: 100%; height: auto !important; height: 100% }
#header { background: #2e566d url(images/bg_head.jpg) no-repeat -10px 0; height: 150px }
#header * { position: relative }
#header a { color: #fff; font-size: 16px; line-height: 27px }
#header ul li { list-style: none }
#logo { float: left; left: 25px; top: 15px; width: 179px }
#menu { float: left; left: 85px; top: 35px }
#menu ul { float: left }
#menu li { height: 37px; margin-bottom: -12px; /*width: 130px*/ }
#menu li a { display:block; margin-left: 20px; padding-top: 3px; padding-right: 18px; height: 34px; }
#menu li:hover { list-style-image: url(images/list-style.gif) }
#menu li.curr { background: url(images/bg_curr.png) no-repeat; list-style-image: none }
#menu li.curr a { color: #224a60; cursor: default; text-decoration: none }
#menu li.selected { background: url(images/bg_menu_selected_ls.png) no-repeat; }
#menu li.selected a { color: #005689; background: url(images/bg_menu_selected_rs.png) no-repeat right 1px }

#vk, #tw, #rss { display: block; width: 30px; height: 30px; position: absolute; background: url(images/sn.png) no-repeat; }
#vk { margin: 4px 0 0 162px; }
#tw { margin: 4px 0 0 248px; background-position:-60px 0; }
#rss{ margin: 4px 0 0 205px; background-position:-30px 0; }

#search { border: 0 none; left: 5px; top: 82px; width: 270px }
#yandexform0 .yaform__submit_image { background: url(images/icon_search.png) no-repeat !important; background-position: 0 -1px !important; }
.yaform .yaform__input-text { border: 0px none !important; }
#h-right { background: url(images/bg_search.png) no-repeat 4px 0; float: right; height: 150px; right: 18px; top: 5px; width: 285px }
#h-right ul { overflow: hidden; padding: 0; top: 100px; left: 30px }
#h-right ul li { border-left: 2px solid #fff; float: left; margin: -2px 0 0 -2px; padding: 0 9px 0 7px }
#h-right a { font-size: 15px; line-height: 14px; text-decoration: none }

#content { background: #fcfaf9 url(images/bg_cnt.jpg) no-repeat -10px -17px; float: left; padding-bottom: 117px; width: 100% }
#c-top { background: /*#c23a35*/ url(images/bg_ctop.png) no-repeat -10px 0; height: 17px; margin-bottom: 5px; position: relative; z-index: 1; }

#navbar { margin-bottom: 8px; color:#a9a9a9; }
#navbar a { text-decoration:none; color:#a9a9a9; }
#navbar span,
#navbar a.curr { color:#464646 }

#bandmenu.mg { margin: 7px 0; }
#bandmenu { padding: 0 0 8px 0; float: left; }
#bandmenu li { list-style: none; float: left; margin:0 10px 0 3px }
#bandmenu li a { font-size: 14px }
#bandmenu li a.curr { text-decoration: none; color: #ed2024!important }

#cnt { float:left; clear:left; width: 546px; margin-right:20px }
#c-bg { background-repeat: no-repeat; width: 586px; height: 600px; position: absolute; z-index: 0; }
#c-bg.car { background-image: url(images/bg_car.png); background-position: 0px 50px; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; }
#c-bg.cap { background-image: url(images/bg_cap.png); background-position: 0px 50px; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; }
#c-bg.clock { background-image: url(images/bg_clock.png); background-position: 20px -60px; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; }
#c-bg.alarmclock { background-image: url(images/bg_alarmclock.png); background-position: 0px -30px; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; }
#c-bg.bag { background-image: url(images/bg_bag.png); background-position: 0px 45px; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; }
#c-bg.glasses { background-image: url(images/bg_glasses.png); background-position: 10px 0px; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
#c-bg.glasses.gr { background-position: 255px 10px }
#c-bg.headphones { background-image: url(images/bg_headphones.png); background-position: 0px -140px; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; }
#c-bg.guitar { background-image: url(images/bg_guitar.png); background-position: 60px 0px; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
#c-bg.shoe { background-image: url(images/bg_shoe.png); background-position: 20px 10px; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; }
#c-bg.vinyl { background-image: url(images/bg_vinyl.png); background-position: 0px -140px; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; }
#c-pane h1 { display: none; }
#c-pane { width:946px; margin-left:27px; position: relative; z-index: 1; }
#band-bar { width:935px; height:35px; background:url(images/bg_band.png) no-repeat;position: relative; left: -5px; padding: 5px 10px; color:#fff; font-size: 26px }
#col1 { float:right; width: 380px }
#col2 { float:right; margin-right:26px; width: 240px }
#footer { background: #fcfaf9 url(images/bg_footer.png) no-repeat -10px bottom; /*float: left; width:100%;*/height: 117px; position: relative; clear: both; margin: -117px auto 0; width: 1259px }
#footer hr { border-bottom: 2px solid #cf0105; margin: 0 auto; width: 1100px }
#f-left { color: #ccc; float:left; margin: 45px 0 0 40px }
#f-right { float:right; margin: 45px 40px 0 0 }
#col3 { clear: both; float: right; margin-right: 26px; width: 640px; text-align: center; }

#like-buttons { float:left }
#share-buttons { float:right;position: relative; top: -4px; right: -2px }
#share-buttons div { float:left }
#share-buttons .lj { background: url(images/lj.png) no-repeat; width: 16px; height: 16px; margin: 6px 0;}
#share-buttons .gplus { margin: 6px 5px; }

.right { color:#737373; float: right; text-align: right; }

.preview .title { float: left; font-size: 20px; margin-bottom: 7px }
.preview .text { float:left; width: 325px }
.preview img { float:left; margin-right: 20px; width: 200px; clear: left; }
.preview p { margin-bottom: 14px }
.preview { float:left; margin: 5px 0 }

.news-list { clear: both }
.news-list .r-items { float: right; width: 220px }
.news-list .l-items { float: left; width: 300px }
.news-list .l-items.w100 { width: 546px!important }
.news-list .l-items img { clear: left; float: left; margin: 7px 20px 0 0; width: 60px }
.news-list span { border-top: 1px solid #999; float: left; line-height: 22px; margin: 7px 0; width: 220px }
.news-list .w100 span { width: 466px }
.news-list a { border-top: 1px dotted #999; display: block; line-height: 1; padding-top: 4px }

/*ul span { display: block }
.short .icon { margin: -12px 0 0 -68px; overflow: hidden; position:absolute; height: 60px; width: 60px }
.short .icon img { height: 60px; position: relative }*/
.tabs div ul, .rblock ul { background: url(images/list-style-red.png) no-repeat 0px 7px; }
.short img { float:left; height: 60px; margin: 4px 8px 2px 0; position:relative }
.short { }

.tt { border-top: 1px dotted #999; margin: 7px 0 }
.tt div { margin: 7px 0 }
.tt div i { color: #a9a9a9; font-style: normal }

#nmechart { /*background: url(images/bg_nme.png) no-repeat right 0;*/ }
#nmechart table { border-collapse: collapse; width: 100%; cursor: pointer }
#nmechart thead td { color: #900; padding: 6px 0; }
#nmechart .alt { background: #e5ebfe }
#nmechart th { font-weight: normal; font-size: 28px; padding: 0 2px; vertical-align: middle }
#nmechart .w40 { width: 45px; text-align: center }
#nmechart td { vertical-align: middle; padding: 5px 0; }
#nmechart td.img { width: 15px }
#nmechart td b { font-weight: normal; color: #005689 }
#nmechart span { display: block }
#nmechart a.icon-video { width: 17px; height: 19px; background: url(images/icon_video.png) no-repeat; display: block; margin: 0 14px; }
#nmechart .right a { display: block }
div.pos { background: url(images/bg_nmepos.png) no-repeat; height: 8px; margin: 0 10px; width: 11px }
div.pos.up { background-position: 0 }
div.pos.down { background-position: -11px 0 }
div.pos.new { background-position: -33px 0 }
div.pos.back { background-position: -44px 0 }
div.pos.nc { background-position: -22px 0 }
#nmechart-desc { font-size: 80%; table-layout:fixed; }

.tabs ul li { clear: left; }
.tabs ul.t-items { border-bottom: 1px dotted #999; float: left; margin-bottom: 7px; padding: 0; width: 100% }
.tabs ul.t-items li { float: left; list-style: none; padding: 3px 20px 7px 1px; clear:none; }
.tabs ul.t-items li a { color: #464646; font-size: 16px; text-decoration: none }
.tabs div { clear: left }

.ui-tabs-hide { display: none }
.tabs ul li.ui-tabs-active a { color: #ed2024 }

.video_all { position: absolute; margin: 18px 0 0 230px }

.tabs.video ul.t-items li { background: url(images/blue_tab.png) no-repeat; height: 50px; width: 94px; padding: 0 0 0 7px; margin: 10px 10px 10px 0; } 
.tabs.video ul.t-items li a { color:#fff; background: url(images/arrow_tab.png) no-repeat #00578b; background-position: 75px 35px; width: 93px; display: block; height: 36px; padding: 7px 0; }
.tabs.video ul.t-items li.ui-tabs-active { background: url(images/yellow_tab.png) no-repeat; }
.tabs.video ul.t-items li.ui-tabs-active a { background-color: #D39325; cursor: default; }

.video div ul.video_list { background: none; padding: 0px }
ul.video_list li { clear:none; list-style: none; float: left; width: 127px; padding: 4px }
ul.video_list li.start { clear: left }
ul.video_list li a { text-decoration: none; color: #464646 }
.yt-thumb img { display: inline-block; vertical-align: middle; width: 115px; }
.yt-thumb-holder { width: 115px; height: 70px; display: block; padding: 5px; border: 1px solid #D2D2D2; margin-bottom: 8px; }
.yt-thumb { display: block; width: 115px; height: 67px; position: relative; overflow: hidden; }
.yt-thumb-clip { position: absolute; bottom: -100px; top: -100px; left: -100px; right: -100px; text-align: center; white-space: nowrap; word-break: normal; }
.yt-thumb-clip-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.yt-thumb-clip-inner .vertical-align { height: 100%; display: inline-block; vertical-align: middle; }

.big .yt-thumb img { width: 480px; }
.big .yt-thumb-holder { width: 480px; height: 360px; margin: 0 auto; }
.big .yt-thumb { display: block; width: 480px; height: 360px; }
.play { display: block; vertical-align: middle; width: 86px; height: 60px; position: absolute; background: url(/css/images/play.png) no-repeat; z-index: 1000; margin: 245px 296px; background-position: 0 -60px;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85;
 }
.yt-thumb-holder:hover .play { background-position: 0 0px;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
 }


.image_carousel { position: relative; padding: 8px 23px; }
.image_carousel img { width:85px; display: block; margin: 0 8px 5px 8px }
.image_carousel ul, .image_carousel li { float: left; margin: 0; padding: 0; list-style: none; }
.image_carousel li a { display: block; width: 101px; text-align: center; }


.item-list .img,
.item-list .block { float: left; padding: 0 10px }

.item-list .img { width: 150px; padding: 10px!important }

.item-list .img-clip { overflow: hidden; position: relative; height: 150px }

.item-list .img-inner { position: absolute; left: -100px; right: -100px; text-align: center; white-space: nowrap; word-break: normal }

.item-list .img a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.item-list .img a.cust { padding: 15px 0; background: #000; height: 150px; }
.item-list .img a.cust img { height: 120px; }

.item-list img { height: 150px }
.item-list .block { width: 350px }
.item-list a.title { font-size: 19px }
.item-list .author { color: #ed2024!important; padding: 2px 0px; }
.item-list span.location { font-size: 90%; color:#464646; text-decoration:none; }
.item-list a.desc { color:#464646; display: block; text-decoration: none }
.item-list .bordered-top { border-top: 1px dotted #999999; padding-top: 8px; margin-top: 7px }
.bordered-top ol { padding-left: 30px }

.pager { margin: 0 20px; }
.pager a { text-decoration: none }
.pager .red { font-size: 16px }

.tv-host { overflow: hidden; width: 570px;position: relative; left: -15px; top: 10px; }
.tv-shadow { position: absolute; width: 570px; height: 431px; background: url(images/tv_shadow.png) no-repeat transparent; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=36); -moz-opacity: 0.36; -khtml-opacity: 0.36; opacity: 0.36;}
.tv { width: 540px; height: 434px; position: relative; top: -56px;  left: 15px;}
.tv-container { margin: 0 29px; position:relative;z-index:2;}
.tv-pane { width: 540px; height: 430px; background: url(images/tv.png) no-repeat transparent;position:absolute;z-index:1;margin-top: 56px; }
.tv-top { position:absolute; z-index:3; background:url(images/tv_top.png) no-repeat bottom;width:540px;height:82px; }
.tv-bottom { position:absolute; z-index:3; background:#fcfbf9 url(images/tv_bottom.png) no-repeat;width:540px;height:76px;margin-top: 376px; }

.full-item { float: left; margin: 5px 0; width: 100%; }
.full-item a.title { font-size: 20px; float: left; cursor: default }
.full-item .link { margin-top: 20px }
.full-item .img-holder { float: left }
.full-item ol { float: left; width: 256px; margin-left: 30px }
.full-item .img { float: left; height: 250px; margin: 2px 20px 18px 0 }
.full-item .img.w240 { width:240px; height:auto; }
.full-item .date { margin: 4px 0 }
.full-item>div { clear: left; float: left; }
.full-item .text { width: 100% }
.full-item .text p { line-height: 18px; margin: 0 0 18px 0 }
.full-item .text a { color: #464646; text-decoration: none; border-bottom: 1px dotted #464646 }
.full-item .text a:hover { color: #005689; border-bottom: 1px solid #005689 }
.ann { position: absolute; width: 250px; margin-top: 202px; height: 50px }
.ann .shadow { position: absolute; z-index: 1; background: #464646; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65); -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65; width: 100%; height: 50px }
.ann .info { padding: 5px 10px; width:230px; position: relative; z-index: 2 }
.ann div { overflow: hidden; white-space: nowrap; float:left; color: #fff; line-height: 20px }

.gallery-preview img { height:332px; cursor:pointer }
.gallery-preview {
text-align: center;
width: 546px;
margin-top: 10px;
}
.gallery { float: left; width: 500px; height: 72px }
.gallery ul { height:72px; overflow:hidden }
.gallery a { float: left; width: auto!important }
.gallery a img { height: 72px; width:auto!important;margin: 0px 8px  }

a.prev, a.next { background: url(images/carousel_buttons.png) no-repeat transparent; width: 23px!important; height: 30px; display: block; padding:0!important; position: absolute; top: 40px; }
a.prev { left: 0; background-position: -115px 0; }
a.prev:hover { background-position: -69px 0; }
a.prev.disabled { background-position: -92px 0 !important; }

a.next { right: 0; background-position: 0 0; }
a.next:hover { background-position: -46px 0; }
a.next.disabled { background-position: -23px 0 !important; }
a.prev.disabled, a.next.disabled { cursor: default; }



#photo_prev, #photo_next { top:30px }


#contacts-list, #contacts-list img { float: left }
#contacts-list .item { width: 252px; padding: 3px 15px 3px 6px; float:left }
#contacts-list img { height: 85px; margin-right: 6px; }
#contacts-list b { width: 160px }
#contacts-list span { font-size: 13px }
#contacts-list hr { width: 547px; margin: 6px 0;}
#contacts-list .item-first { width: 100%; line-height: 2 }
#contacts-list .item-first * { font-size: 14px; width: 380px }
#contacts-list .item-first img { width: 150px!important; margin-right: 17px }
#contacts-list .item-first b { font-size: 16px }
#contacts-list .item-first * {
display: block;
}

.afisha-img { background:#000;margin-top: 10px;position:relative; clear: left; }
#afisha-img { padding-left: 0;width:546px;  }
#afisha-img li { list-style:none;text-align: center;width:546px; }
#afisha-img img { height: 360px }
#afisha-img .ann { width:546px; margin-top: 312px; }
#afisha-img .ann .info { width: 526px; text-align: center; }
#afisha-img .ann .info div { float: none }
.afisha-img a.prev {left: 30px; top: 160px;}
.afisha-img a.next {right: 30px; top: 160px;}

.rblock { border-top: 1px dotted #999; padding-top: 7px }

ul.letters { padding:0px }
ul.letters li {float: left; list-style: none;padding: 2px; width:17px}
ul.letters li.first { clear:left; }

.bands { clear:left; }
.bands img { height:auto!important; }
.bands .img .letter { display: block;
position: absolute;
color: #fff;
width: 150px;
height: 150px;
z-index: 1;
font-size: 130px;
text-align: center; }
.bands .back-holder { width: 150px;
height: 150px;
display: block;
position: absolute;
background: #000;
z-index: 1;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=4); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; }

ul.list { border-top: 1px dotted #999; margin: 10px 0; padding-top: 8px; padding-left: 0; }
ul.list li { color: #464646; list-style: none; padding-left: 30px; height: 25px; }
.discography li { background: url(images/list-style-discography.gif) no-repeat }
.songs li { background: url(images/list-style-songs.gif) no-repeat }
.links li { background: url(images/list-style-links.gif) no-repeat }

.table-item {
border-top: 1px dotted #999;
padding: 5px 0 5px 40px;
position: relative;
float: left;
width: 506px;
}
.table-time {
float: right;
font-size: 90%;
/*color: red;*/
}
.table-date {
display: block;
position: absolute;
left: 4px;
font-size: 125%;
}
.table-date i {
display: block;
font-size: 65%;
}
.table-band {
float: left;
font-size: 110%;
margin-right: 5px;
}
.table-address {
float: left;
clear: left;
color: #464646;
font-style: italic;
text-decoration: none;
}
#afisha ul.t-items { border-bottom:0px none; }

#fmenu a { color:#fff; visibility:hidden }
#footer:hover a { visibility:visible }
#fbanner {
clear: both;
text-align: center;
position: relative;
top: 30px;
}
.promo { font-size: 11px; width:240px; overflow: hidden }
.promo a { text-decoration:none;color:#464646; }

.art-error { font-size:12px }