/* clear

---------------------------------------------------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

margin: 0;

padding: 0;

border: 0;

outline: 0;

font-size: 100%;

vertical-align: baseline;

background: transparent;

}

body {line-height: 1; background-color: #000000;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

:focus {outline: 0;}

ins {text-decoration: none;}

del {text-decoration: line-through;}

table {border-collapse: collapse; border-spacing: 0;}

/* -------------------------------------------------------------------------------------------------------------------------------- */



body {font-family: "Georgia"; font-size: 12px; line-height: 14px;}



/* default */

a 		{text-decoration: none; color: #3F6144}

a:hover	{text-decoration: underline;}

hr		{display: block; height: 0; border: 0; border-bottom: 2px dotted #4c764e; margin: 0; padding: 0;}



/* global */

.fl		{float: left;}

.fr		{float: right;}

.clear {clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden;}

.separator {height: 2px; overflow: hidden; background: transparent url(/source/img/bg_separator.gif) repeat-x 0 0;}



.container {width: 1024px; margin: 0 auto 0; zbackground: #ccc;}



.top {height: 40px; background: #8ca17d url(/source/img/bg_top.jpg) no-repeat 0 0;}



/*



.top a {font-family: "Times New Roman"; color: #dae5ce; font-size: 24px; line-height: 26px;}



.top a:hover {text-decoration: none;}







.top .register {float: right; margin: 13px 100px 0 0; background: url(bg_top_a.gif) repeat-x bottom;}



.top .login {float: right; margin: 13px 159px 0 0; background: url(bg_top_a.gif) repeat-x bottom;}



*/



.top .logo {display: block; float: left; width: 400px; height: 39px;}

.wrap {background: #ededec url(/source/img/bg_lgray.gif) no-repeat 0 0; }

.photo {background: url(/source/img/bg_photo.png) no-repeat fixed 50% 300px;}



/* main_menu */

.main_menu					{height: 30px; background: #000; border-bottom: 2px solid #000; padding: 6px 0 6px;}

.main_menu ul				{}

.main_menu li				{display: block; float: left; height: 31px; background: url(/source/img/bg_menu_border.gif) no-repeat right; }

.main_menu li a				{display: block; float: left; height: 19px; background: url(/source/img/bg_menu.gif) no-repeat; margin-top: 8px;}

.main_menu li a:hover,

.main_menu li a.current		{background-image: url(/source/img/bg_menu_hover.gif);}

.main_menu li.news			{padding: 0 18px 0 24px;}

.main_menu li.afisha		{padding: 0 18px 0 11px;}

.main_menu li.materials		{padding: 0 20px 0 11px;}

.main_menu li.friends		{padding: 0 18px 0 11px;}

.main_menu li.visitor		{padding: 0 20px 0 15px;}

.main_menu li.contacts		{padding: 0 20px 0 14px;}

.main_menu li.biography		{padding: 0 21px 0 12px;}

.main_menu li.buy			{padding-left: 12px; background: none;}

.main_menu li.news a 		{background-position: 0 0;		width: 94px;}

.main_menu li.afisha a 		{background-position: -123px 0; width: 76px;}

.main_menu li.materials a 	{background-position: -228px 0; width: 120px;}

.main_menu li.friends a 	{background-position: -379px 0; width: 71px;}

.main_menu li.visitor a 	{background-position: -483px 0; width: 94px;}

.main_menu li.contacts a 	{background-position: -611px 0; width: 107px;}

.main_menu li.biography a 	{background-position: -750px 0; width: 114px;}

.main_menu li.buy a 		{background-position: -897px 0; width: 85px;}



.ornament {background: #000 url(/source/img/bg_ornament.png) no-repeat 0 0; padding-bottom: 2px; overflow: hidden;}

.ornament .light {height: 126px; overflow: hidden; background: url(/source/img/bg_submenu.png) no-repeat center; background-position:-1000px;}

.ornament .up {height: 56px;}

.sub1 {padding-left: 242px; padding-top: 9px; display: block; }

.sub2 {padding-left: 395px; padding-top: 9px; display: block; }

.submenu ul {display: block; float: left; height: 44px; background: #000}

.submenu li {float: left; padding: 14px 10px 0;}

.submenu li a {display: block; float: left; background: no-repeat 0 0;}



.submenu li.audio a {width: 71px; height: 18px; background-image: url(/source/img/submenu_audio.gif);}

.submenu li.lyric a {width: 150px; height: 16px; background-image: url(/source/img/submenu_lyric.gif);}

.submenu li.photo a {width: 59px; height: 16px; background-image: url(/source/img/submenu_photo.gif);}

.submenu li.video a {width: 69px; height: 17px; background-image: url(/source/img/submenu_video.gif);}

.submenu li.press a {width: 79px; height: 16px; background-image: url(/source/img/submenu_press.gif);}

.submenu li.colleagues a {width: 90px; height: 16px; background-image: url(/source/img/submenu_colleagues.gif);}

.submenu li.fans a {width: 152px; height: 16px; background-image: url(/source/img/submenu_fans.gif);}

.submenu li.collective a {width: 118px; height: 16px; background-image: url(/source/img/submenu_collective.gif);}



.submenu li.audio a:hover,

.submenu li.audio a.current {background-image: url(/source/img/submenu_audio_on.gif);}

.submenu li.lyric a:hover,

.submenu li.lyric a.current {background-image: url(/source/img/submenu_lyric_on.gif);}

.submenu li.photo a:hover,

.submenu li.photo a.current {background-image: url(/source/img/submenu_photo_on.gif);}

.submenu li.video a:hover,

.submenu li.video a.current {background-image: url(/source/img/submenu_video_on.gif);}

.submenu li.press a:hover,

.submenu li.press a.current {background-image: url(/source/img/submenu_press_on.gif);}

.submenu li.colleagues a:hover,

.submenu li.colleagues a.current {background-image: url(/source/img/submenu_colleagues_on.gif);}

.submenu li.fans a:hover,

.submenu li.fans a.current {background-image: url(/source/img/submenu_fans_on.gif);}

.submenu li.collective a:hover,

.submenu li.collective a.current {background-image: url(/source/img/submenu_collective_on.gif);}



.text {font-family: "Georgia";}

.text h2 {color: #3f6144; font-style: italic; font-size: 26px; line-height: 40px; font-weight: normal;}

.text p {display: block; color: #575e53; font-size: 20px; line-height: 24px}



/* page text song  */

.textsong .text {margin: 15px 0 30px 78px; width: 590px;}

.textsong .text h2 {font-size: 29px; margin-bottom: 6px;}

.textsong .text p {}



/* page events */

.events						{background: #e0e3e2 url(/source/img/bg_separator1.gif) repeat-x 0 0; padding: 1px 0; margin-bottom: 30px;}

.events .preview			{background: url(/source/img/bg_event1.gif) no-repeat 0 0; cursor:pointer;}

.events .preview .title		{color: #3f6144; font-family: "Georgia"; font-style: italic; line-height: 54px; font-size: 30px; height: 54px; overflow: hidden; background: url(/source/img/bg_separator1.gif) repeat-x 0 0;}

.events .preview .day		{color: #74A986; font-family: "Times New Roman"; font-style: normal; display: block; width: 93px; float: left; font-size: 50px; line-height: 50px; padding-left: 11px;}

.events .preview .info		{display: none; margin-left: 103px; font-family: "Georgia"; font-size: 24px; line-height: 30px; padding-bottom: 10px; color: #3f6144;}

.events .open				{background: #c6cac9 url(/source/img/bg_event2.gif) no-repeat 0 0;}

.events .open .title		{background: url(/source/img/bg_separator1.gif) repeat-x 0 0;}

.events .open .day			{color: #537158;}

.events .open .info			{margin-left: 103px; font-family: "Georgia"; font-size: 24px; line-height: 30px; padding-bottom: 10px; color: #3f6144;}

.events .separator			{height: 1px; margin-top: -1px;}

.events .vm					{vertical-align: middle;}

.events img.kassir			{vertical-align: middle; margin: 10px 0 0 10px;}



/* news */

.header						{background: #d9d9d8 url(/source/img/bg_separator.gif) repeat-x 0 0; height: 54px;}

.header .title				{color: #3f6144; font-family: "Georgia"; font-style: italic; line-height: 54px; font-size: 30px; height: 54px; overflow: hidden; background: url(/source/img/bg_separator.gif) repeat-x 0 100%;}

.header .date				{background: url(/source/img/bg_day.gif) no-repeat right; height: 54px; float: left; margin-right: 34px;}

.header .date .cont			{width: 97px; height: 54px; padding-left: 9px; background: #000; margin-right: 20px;}

.header .date span			{display: block; float: left; color: #74A986; font-family: "Times New Roman"; font-style: normal;}

.header .date .day			{font-size: 50px; line-height: 50px; width: 55px; background: url(/source/img/bg_date_sep.gif) no-repeat right;}

.header .date .month		{font-size: 26px; margin-left: 9px; line-height: 17px; margin-top: 8px;}

.header .date .year			{font-size: 26px; margin-left: 9px; line-height: 17px; margin-top: 2px;}

.news p {margin: 0 auto 20px; width: 710px; color: #3f6144; font-family: "Georgia"; font-size: 20px; line-height: 22px;}

.news .image {text-align: center; margin: 44px 0 40px;}



/* navigation */

.nav		{height: 38px; overflow: hidden; margin-top: -2px; background: #ededec; border-top: 1px solid #8d8d8d;}

.nav a		{display: block; height: 38px; font-style: italic; line-height: 38px; font-size: 30px; color: #3f6144; font-family: "Georgia"; margin-top: -1px;}

.nav .prev	{background: url(/source/img/bg_nav.gif) no-repeat 0 0; float: left; padding-left: 83px; text-align: left;}

.nav .next	{background: url(/source/img/bg_nav.gif) no-repeat right -38px; float: right; padding-right: 83px; text-align: right;}



/* biography */

.biography			{background: url(/source/img/bg_separator.gif) repeat-x 0 100px;}

.biography .text	{width: 550px; margin-left: 40px; margin-bottom: 30px;}

.biography .text p	{color: #3f6144; font-family: "Georgia"; font-size: 20px; line-height: 24px;}

.biography .text h2	{font-size: 35px; line-height: 43px; width: 600px; margin: 6px 0 41px;}



/* gallery */

.sort {display: block; float: right;}	

.sort li {float: left; display: block; margin-left: 1px;}

.sort li.sort_title {text-align: right; zwidth: 300px; padding-right: 15px; color: #75ab87; font-size: 20px; line-height: 26px; height: 31px;}

.sort a {display: block; background: url(/source/img/bg_gallery_order.gif); width: 210px; height: 31px; line-height: 24px; color: #75ab87; font-size: 20px; padding-left: 15px;}

.sort a.current {text-decoration: underline;}



.gallery {border-right: 1px solid #777777; border-left: 1px solid #cacaca; background: #000; border-top: 1px solid #595b5a;}

.gallery table {width: 1028px; margin: 39px 0 25px 30px; overflow: hidden;}

.gallery table img {margin-bottom: 2px;}

.gallery table span {color: #cc0000; color: #70a381; font-style: italic; font-size: 20px; line-height: 30px; margin-left: 4px;}



/* navigation black */

.nav_black			{height: 40px; overflow: hidden; margin: 0 14px 0 16px;}

.nav_black a		{display: block; height: 40px; font-style: italic; line-height: 37px; font-size: 24px; color: #75ab87; font-family: "Georgia"; }

.nav_black .prev	{background: url(/source/img/bg_nav_black.gif) no-repeat 0 5px; float: left; padding-left: 39px; text-align: left;}

.nav_black .next	{background: url(/source/img/bg_nav_black.gif) no-repeat right -33px; float: right;padding-right: 41px; text-align: right;}



/* afisha */



/* month */

.block_afisha .month {width: 310px; float: left; margin-left: 15px; padding-top: 10px;}

.block_afisha .month .name {width: 220px; margin: 0 auto; text-align: center; font-size: 39px; font-family: "Georgia"; color: #3f6144; text-transform: uppercase; line-height: 39px;}



/* circle button */

.btn_cl,

.btn_cr {display: block; width: 27px; height: 28px;}

.btn_cl {background: url(/source/img/btn_cl.gif) no-repeat 0 0; float: left;}

.btn_cr {background: url(/source/img/btn_cr.gif) no-repeat 0 0; float: right;}



/* circle buttons big */

.btn_cl2,

.btn_cr2 {display: block; width: 38px; height: 38px;}

.btn_cl2 {background: url(/source/img/btn_cl2.gif) no-repeat 0 0; float: left;}

.btn_cr2 {background: url(/source/img/btn_cr2.gif) no-repeat 0 0; float: right;}



/* select */

div.select		{width: 250px; height: 28px; float: left; margin: 15px 10px 0;}

div.select div 	{margin: 0 auto; text-align: center; width: 230px; padding-top: 2px;}

select.album,

select.composition {display: block; margin: 2px auto 0; width: 182px; height: 24px; color: #3f6144; font-family: "Georgia"; font-size: 18px; line-height: 20px; border-width: 1px; border-color: #c8c8c8 #fafafa #f6f7f6 #bbbbbb;}



/* headers */

.block {height: 60px;}

.block_title {height: 100px}

.block_textsong {height: 89px;}

.block_afisha {height: 103px;}

.block_matgallery {height: 72px;}

.block_biography {height: 100px;}



/* login */

#login {height: 33px; background: url(/source/img/bg_login.png) no-repeat 0 0; font-family: "Georgia"; margin-top: 37px;}

#login .form {float: right; padding-right: 10px;}

#login input {display: block; border: 1px solid; border-color: #1a211a #515b51 #5b645b #1b231b; margin-top: 7px; margin-right: 10px; background: #283428; color: #fff; width: 77px; height: 15px; line-height: 15px; float: left;}

#login .pass {margin-right: 0px;}

#login .back {font-style: italic; color: #568b6c; float: left; font-size: 18px; line-height: 30px; background: url(/source/img/bg_login_back.gif) no-repeat 0 7px; display: block; padding-left: 25px; margin-left: 8px;}

#login .rights {font-style: italic; color: #90c9ce; float: left; font-size: 18px; line-height: 30px; background: url(/source/img/bg_login_rights.gif) no-repeat 0 7px; display: block; padding-left: 25px; margin-left: 20px;}

#login .reg {text-decoration: underline; font-style: italic; color: #568b6c; font-size: 18px; line-height: 30px; float: left; margin-right: 15px;}

#login .enter {color: #90c9ce; font-size: 18px; font-style: italic; float: left; line-height: 30px; margin-right: 10px;}

#login .logout {font-size: 18px; float: left; line-height: 30px; color: #3F6144; margin-right: 10px;}



#title {font-size: 39px; font-family: "Georgia"; color: #3f6144; line-height: 39px; text-transform: uppercase; display: block; float: left; padding: 11px 0 0 36px;}



/* choose */

.choose_menu {margin: 0 auto; width: 470px; padding-top: 413px;}

.choose_menu a {display: block; height: 18px;}

.choose_menu a.flash {float: left; width: 225px; text-align: center; background: #000;}

.choose_menu a.html {float: right; width: 226px; text-align: center; background: #000;}