/* General site styles */

table,td,div,ul,li,input,select,form{margin:0; padding:0;}
table { border-collapse:collapse; margin:0; padding:0;}
img {border:none;}
html,body {height:100%;width:100%; margin:0; padding:0; }
td {font: 12px Arial, Helvetica, sans-serif;}
body {
	font: 12px Arial, serif;
	color:#292822;
	background:#fff;
}
body.body { 
	background:#fff url(img/fon_pix.gif) repeat-x top;
	text-align:center;
	min-width:1000px;
	 _width:expression((document.documentElement.clientWidth<1000)?'1002px':'auto');
}

div.m {
margin: 10px;
padding: 10px;
background: #FFF; 
}

a {
color:#292822;
text-decoration:underline;
}
a:hover {
color:#787878;
text-decoration:none;
}
/*---------------------- intro ------------------------------------------------------*/
body.intro { background:#030000 url(img/intro.jpg) no-repeat center center;}
#wrapper{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
	*overflow:hidden;
}
#wrapper_inner{
	display:table-cell;
	vertical-align:middle;
}
#formwrap{
	position:relative;
	left:50%;
	float:left;
	vertical-align:middle;	
	*top:50%
}
#form1{
	position: absolute;	
	left:-50%;
	*top:-50%	
}
.abc { position:absolute; left:-90px; top:30px;}
.abc img { border:none;margin:1em 0 0;padding:0;}
.abc a {display:block; text-align:center;}
.vhod {
	width:182px;
	height:45px;
	display:block;
	background:url(img/vhod.gif) no-repeat left top;
	text-decoration:none;
	margin:1em 0 0;
}
.vhod:hover { background-position:bottom;}
/***************************** Site styles *****************************/

#outer {min-height:100%;text-align:left; background:url(img/left_fon.jpg) no-repeat left top;}

* html #outer{height:100%;} /*for IE min-height */

#header {
height:290px;
background:url(img/right_fon1.gif) no-repeat right top; 

position:relative;
}
.header_inner {
background: url(img/header.jpg) no-repeat top center;
height:290px;
margin-left:195px;
position:relative;
}
.logo { 
	position:absolute;
	top:-13px;
	left:30px;
	z-index:10;
}
.logo a{ text-decoration:none; cursor:pointer;}

.menuTop {
position:absolute;
width:100%;
height:33px;
bottom:0;
}
.menuTop table { width:100%; height:33px;}
.menuTop table td.search { width:230px; padding:0;}
.menuTop table td.search td { padding:0;}
.menuTop table td { vertical-align:middle; padding-left:187px;}

#nav { width:100%; border-collapse:collapse;}

#nav td a,#nav td span {
display:inline-block;
height:26px;
cursor:pointer;
background-position:top;
position:relative;
}
#nav td a:hover,#nav td span {
background-position: left bottom;
}


.about { background:url(img/menu/about.png) no-repeat left top; width:72px;}

.presscentre { background:url(img/menu/presscentre.png) no-repeat left top; width:71px;}

.music { background:url(img/menu/music.png) no-repeat left top; width:72px;}

.chords { background:url(img/menu/chords.png) no-repeat left top; width:76px;}

.guestbook { background:url(img/menu/guestbook.png) no-repeat left top; width:76px;}

.contacts { background:url(img/menu/contacts.png) no-repeat left top; width:79px;}

.friends { background:url(img/menu/friends.png) no-repeat left top; width:66px;}





#nav td { text-align:center; width:15.5%; padding:0;}
#nav td.end {width:11%;padding:0; text-align:right;}
#nav td.first {width:13%;padding:0; text-align:center;}

#body { padding-bottom:76px; padding-top:22px;background:url(img/left_fon2.jpg) repeat-y left top;}
.main { width:100%; margin-bottom: 10px;}
.main td { vertical-align:top; padding-bottom:20px;}
/*.tdfon {width:155px;}*/
.leftCol { padding-top:20px; padding-left:195px; }
.rightCol { border-left: 3px dotted #ccc; width:180px; padding-right:15px; padding-left:35px;padding-top:20px;}
.centerCol { width:300px; padding-left:15px;}

.box_date {
	background:#292822;
 	-moz-border-radius: 10px;
	 -webkit-border-radius:10px;
	 behavior: url(ie-css3.htc);
	 border-radius:10px;
	 padding: 5px 10px;
	 position: relative;
	 font:12px Tahoma;
	 color:#fff;
	 margin-bottom: 10px;
}


.box_foto {
	 -moz-border-radius: 10px;
	 -webkit-border-radius:10px;
	 behavior: url(ie-css3.htc);
	 border-radius:10px;
	 background:#e7e7e5; 
	 padding: 20px 20px 0;
	 position: relative;
	 z-index:10;

}
.box_foto h2 { margin: 0 0 12px;}
.box_foto .inner a.img { border:2px solid #bec0bf; width:136px; padding:0; margin:0;}
.box_foto .inner a.img img { margin:0; padding:0;}
.box_foto .inner a.img:hover { border:2px solid #292822;}
.box_foto .inner a {text-align:left; display:block; margin-bottom:10px; width:140px; color:#4d4c45; font:12px Tahoma;} 
.box_foto  .inner a img { border:1px solid #fff;}
.inner { padding-bottom:45px; margin-bottom:40px; background:url(img/bg_fotos.gif) repeat-x bottom; }
.box_foto .end { background:none; margin-bottom:0;}

#footer {height:76px;margin-top:-76px; background:#292822; height:76px;}
#footer table { width:100%; height:76px;}
#footer table td { vertical-align:middle; padding:0 30px; color:#fff; font:13px Arial, Helvetica, sans-serif;}
#footer table td a { color:#fff;}
#footer table td p { margin:0;}
#footer table td.right { color:#888;}
#footer table td.right a { color:#888;}


/***************************** Standart styles (please don't edit it!) *****************************/
h1 { margin:0 0 20px; padding:0; font:bold 22px Arial narrow; text-transform:uppercase;}
h2 { margin:0 0 15px; padding:0;font:bold 20px Arial narrow; text-transform:uppercase;}
h3 { margin:0 0 10px; padding:0;font:bold 16px Arial narrow;}

.right { text-align:right;}
img {border: 0}

form {margin: 0; padding: 0}

ul, ol, li {padding: 0; margin: 0}

ul, ol, li {padding: 0; margin: 0}
ul, ol { margin:10px 0;}
ul ul, ol ol { margin:5px 0;}

li {margin-left: 25px; margin-bottom:3px;}

ol li {list-style-type: decimal}

ul li {list-style-type: disc;}

p { margin:0 0 10px;}

input, label {vertical-align: middle}

.inline {display: inline}

.red, .red a {color: red}

.darkred, .darkred a {color: #800000}

.green, .green a {color: #008000}

.blue, .blue a {color: blue}

.black, .black a {color: black}

.small, .small a {font-size: 10px}

.bold, .bold a {font-weight: bold}

.star {color: red}

.error {color: red}

.leftalign, .left {text-align: left}

.rightalign, .right {text-align: right}

.centeralign, .center {text-align: center}

.topvalign, .top {vertical-align: top}

.middlevalign, .middle {vertical-align: middle}

.bottomvalign, .bottom {vertical-align: bottom}

.absolute {position: absolute;}

.topbottom p {margin: 0px;}

/***************************** Admin Links (usually don't need editing) *****************************/
.leftalign,.divEdit,.adminDivCreate,.adminEditDelText,.leftalign a,.divEdit a,.adminDivCreate a,.adminEditDelText a,#flashUploadDiv a { font:11px Tahoma; color:#666;}
#outer .leftalign a,#outer .divEdit a,#outer .adminDivCreate a,#outer .adminEditDelText a,#flashUploadDiv a { text-decoration:underline;}
#outer .leftalign a:hover,#outer .divEdit a:hover,#outer .adminDivCreate a:hover,#outer .adminEditDelText a:hover,#flashUploadDiv a:hover { text-decoration:none;}

.divEdit {margin: 0 0 15px 0;}
.adminDivCreate {margin-bottom: 10px;}
.adminEditDelText {margin: 0;padding: 0;margin-bottom: 10px;}
.spanEditDel {padding: 0px 10px 0px;}
.spanEditDel a,.news_inner .spanEditDel a,.divNewsListTitle .spanEditDel a{ display:inline;}
.spanEditDel img, #mainContent .spanEditDel img {vertical-align: middle;margin: 0px 3px 0px;border: 0;}
.absolute .spanEditDel {position: relative; top: -20px;}
.divAddModule {	margin: 0 0 10px 0;}
.divAddModule .addModuleItem {}
.divMoveForm {margin: 15px 0 25px;}
.divMoveForm form {padding: 0;margin: 0;}

.spanSort {	padding: 0px 10px 0px;}
.spanSort input.inactive, .spanSort input.active, .spanSort input.error {border: 1px solid #000;width: 50px;height: 20px;padding-left: 15px;background: url(adminimg/sort_inactive.png) no-repeat left;color: #000;}
.spanSort input.active {	background: url(adminimg/sort_active.png) no-repeat left;}
.spanSort input.error {	background: url(adminimg/sort_error.png) no-repeat left;}

.pageEdit {	margin-top: 10px;}
.pageInput {width: 30px;padding: 0 5px;}
.pageButton {}

/* Group edit */
#groupEditor {padding: 0px 0px 20px 0px; background: #e9e9e4;border: 2px solid #82827F; width: 420px;}
#groupEditor .closeImg {text-align: right;}
#groupEditor .mainDiv {	margin: 20px 20px 0px 20px;}
#groupEditor table {margin: 15px 0px 0px 0px;}
#groupEditor .fieldGroupEditor {padding: 5px;}
#groupEditor .fieldGroupEditor input {width: 250px;}
#groupEditor .submitGroupEditor {padding: 5px;text-align: center;}
#groupEditor .error {font-size: 11px;font-weight: bold;	color: #E00000;}
#groupEditor .info {font-size: 11px;font-weight: bold;color: #00AF00;}

/* ModuleRights */
div.divModuleRights {position:absolute; top: 25px; right: 30px; border:1px solid black;width: 360px;padding: 2px;background-color: white;}
div.divModuleRights div.title {width:100%;text-align:center;font-weight:bold;}
div.divModuleRights div.title a{cursor: pointer;}
div.divModuleRights div.module {padding: 4px;margin:5px 2px;border:1px solid black;}
div.divModuleRights div.module div.role {clear: both;padding: 3px 0 3px 0;}

/* Top panel */
.adminTopPanel { border-bottom:1px solid #DCE0D4; width: 100%;  background-color: #F5F6EA; position:absolute;
z-index:200; }
.adminTopPanel a:hover, .adminTopPanel a:visited, .adminTopPanel a:link { color: #9D160A; }
.adminTopPanel .divEdit { margin-bottom: 0; color: #9D160A;}
.tdAdminTopPanel { }

.metaEditBlock { padding: 5px 10px; background-color: #F5F6EA; color: #000; }
.metaEdit { margin-top: 10px; position: absolute; z-index: 999; border:1px solid #DCE0D4; padding: 10px; width: 450px; background-color: #F5F6EA; }
.metaEdit .field { margin-bottom: 10px; }
.metaEdit input.visibleInput, .metaEdit textarea.visibleInput { width: 100%; }
.metaRed { font-weight: normal; color: #ff0000; }
.metaGreen { font-weight: normal; color: #009900; }

.podMenu { position: absolute; z-index: 999; visibility: hidden; width: 215px; background: #F5F6EA; border:1px solid #DCE0D4; margin-top: 5px; }
.podMenuRel { padding: 5px 0px 5px 5px; }

/* Spec texts for form */
.adminDivFormText {background: #F5F6EA; padding: 5px;border: 1px solid #DCE0D4; color: #000;}
.adminDivFormText a {color: #000;}
.adminDivFormText .adminEditDelText a {color: #9D160A;}
.adminDivFormText .adminEditDelText {font-size: 80%; }

/**************************  Common styles (could be edited) ******************************/

.icons { background:url(img/icons_bg.gif) no-repeat top center; width:177px;z-index: 10; float:right; margin-right:23px; margin-top:12px; }
.icons table  { height:33px;width:177px;}
.icons table td { vertical-align:middle; text-align:center;}
.icons table td a { 
	/*margin:0 13px;*/
	margin:0 10px;
	display:inline-block;	
	cursor:pointer;
	text-decoration:none;
	zoom:1;
	padding:0;
}

.home_i { background:url(img/home_ico.gif) no-repeat left top;}
.print_i { background:url(img/print_ico.gif) no-repeat left top;}
.contacts_i { background:url(img/mail_ico.gif) no-repeat left top;}
.map_i { background:url(img/sitemap_ico.gif) no-repeat left top;}
.search_i { background:url(img/search_ico.gif) no-repeat left top;}
.icons a:hover,.icons span { background-position:bottom;}
.icons span { cursor:inherit;}


.have_ear {width:177px;z-index: 10; float:right; margin-right:23px; margin-top:22px; text-align:center; clear:both;}
.have_ear a { background:url(img/have_ear.png) no-repeat center top; width:159px; height:104px; margin:0 auto; display:block; cursor:pointer;}
.have_ear a:hover { background:url(img/have_ear.png) no-repeat center bottom;}

.center { text-align:center;}/* Forms */
.divFormSubmited { } /* Заявка отправлена успешно */
.formField table td { padding-bottom:0;}

/* Error list */
.divListErrors {margin: 10pt 0;}
.divListErrorsHead {font-weight: bold;padding: 0;margin: 0;margin-bottom: 10pt;}
.divListErrors .divError {color: #FF0000;margin: 3pt 0;padding-left: 10pt;}
.divListErrors .desc {font-size: 90%;color: #333333;}

/* Form element */
.divFormSubmited { } /* Заявка отправлена успешно */
.divForm { font:12px Arial, Helvetica, sans-serif; }
.divForm .divFormButton { margin-top: 10px; width:70%; clear:both; }
.divForm .divFormButton input,.button {
	background:#727272;
	height:auto;
	padding:3px 10px;
	*padding:3px 5px;
	color:#fff;
	font:12px Arial, Verdana;
	border:none;
}
.divForm .divFormStar {margin: 10pt 0;}

/* Error list */
.divListErrors {margin: 10pt 0;}
.divListErrorsHead {font-weight: bold;padding: 0;margin: 0;margin-bottom: 10pt;}
.divListErrors .divError {color: #FF0000;margin: 3pt 0;padding-left: 10pt;}
.divListErrors .desc {font-size: 90%;color: #333333;}

/* Form element */
.formField { margin-bottom: 6pt;}
.formField select, .formField input, .formField textarea,.subscribeInput { 
	font:12px Arial, Verdana;
	margin-top: 1pt;
	border:1px solid #707070;
}
input,select,textarea {font:12px Arial, Verdana;}
input.checkbox, input.radio {width: 15px;}
#body .formField table {border:none;}
.formField input,.search_input,.subscribeInput {
	height:23px;
	line-height:23px;
	padding:0 3px;
	/*width:300px;*/
	width:70%;
}
.search_input { width:400px;}
.subscribeInput { width:250px;}
.formField textarea {width:70%;}
.formField label {margin-left: 4pt;}
.formField  textarea.mono {font-size: 11pt;font-family: "Courier New", Courier, monospace;}


.divFormStruct {padding-top: 6px;}
.divFormStruct ul li {list-style-type: none;}
.divFormStruct .inactive {	font-weight: bold;/*margin-left: 25px;*/}

.listExtraField {margin-top: 10px;}
.listExtraField input {	width: 50%;}

/* Document list */

.docList {}
.docList .listItem {margin-bottom: 15px;}
.docList .listPhoto {float:left; margin-right: 10px;}
.docList .listDate {font-size: 80%; margin-right: 5px;}
.docList .listTitle, .docList .listTitle a {font-weight: bold;}
.docList .listPreview {margin-top: 3px; }
.docList .listPages {}

.docItem {}
.docItem .docDate {font-size: 80%;}
.docItem .docText {margin-top: 3px; }
.docItem .docBack {text-align: right;}


/*------------------  search -----------------------*/
.search { width:230px;}
.search form { padding:0px 15px 0px 43px; background:url(img/menu/search_input.gif) no-repeat 35px top;}
.search form input { font:12px/12px Arial, Helvetica, sans-serif; *height:12px; padding:0; border:none; margin-right:15px; width:95px; color:#292822;background:none;}
.search form input.btn_search {font:bold 12px Arial, Helvetica, sans-serif;color:#292822;border:none; width:auto; margin:0; cursor:pointer; }
.search form table { height:33px; width:auto;}
.search form table td { vertical-align:middle;}


.news {}
.news_inner {
	margin:0 0 15px;
	font:12px Arial, Helvetica, sans-serif;
}
.news_inner a,.divNewsListTitle a {
	display:block;
	font:bold 13px Arial, Helvetica, sans-serif;
}
.news_inner p a { display:inline;  font:normal 12px Arial, Helvetica, sans-serif;}
.news_inner p { margin:0;}
.date { 
	font:12px Arial, Helvetica, sans-serif; 
	display:block;
	margin:0 0 1px;
}
.banners { margin:0 0 20px; font:12px Tahoma;}
.banners a { font:bold 13px Tahoma;}
.banners_inner { margin-bottom:10px;}

.afisha { margin:0 0 20px;}

.afisha_inner { 
	margin:0 0 15px;
}
.afisha_inner .box_date { float:left;}
.afisha_inner a {
	font:12px Tahoma;
	text-decoration:none;
	display:block;
	padding:2px 2px;
	margin:0;
	clear:both;
	*width:176px;
}
.title_afisha {
	font:12px Tahoma;
	text-decoration:none;
	display:block;
	padding:2px 2px;
	margin:0;
	clear:both;

}
.clear { clear:both;}
.afisha_inner a:hover { text-decoration:underline;}
.afisha_inner a span,.address {
	font:11px Tahoma;
	color:#808080;
	display:block;
}


.navigator { margin-top:-20px; margin-bottom:20px; font:11px Arial, Helvetica, sans-serif; color:#787878;}
.navigator a { color:#787878;}
.navigator span {color:#292822;}

.yearLine { margin-bottom:25px;}
.yearLine span { padding:0 8px;}

.articles table { width:100%;}
.articles table td { vertical-align:top; padding-bottom:15px;}
.articles table td.img { padding-right:15px; text-align:right; width:20%;}
.chord .divNewsListTitle a {color: #097A14;}
.albom td { padding:0 0 10px;}
.albom td.img { padding:0 15px 10px 0;}
.img { padding-right:15px;}
.fleft { float:left;}
.fright { float:right;}

#print h1.printVersion { text-transform:none;}


.divFilter { margin:15px 0; padding:10px;  border:1px dashed #727272; background:#fff; font:12px "Trebuchet MS", Arial, Verdana;}
.divContacts {margin:15px 0; padding:10px;}
.divContacts table { width:auto;}
.divContacts table td { vertical-align:middle; padding:5px;}


.divFilter table { width:auto;}
.divFilter table td { vertical-align:middle; padding:5px;}
.divFilter table td input[type="text"]  { margin-right:10px;}

.tab1 { width:auto;border:none; margin:0 0 10px;}
.tab1 td { vertical-align:middle; padding-right:15px;}

.captcha { float:left; width:280px; padding-bottom:10px;}
.captcha input {
	border:1px solid #707070;
	height:23px;
	line-height:23px;
	padding:0 3px;
}
.captcha img { float:left; margin-right:10px;}

.words { margin-bottom:25px;font:bold 12px Arial, Verdana;}
.small { font-size:11px; color:#666;}
.words_txt {font: 11px Arial, Verdana;}
.faqtxt { margin:15px 0; }
.faqtxt strong a {
	color: #9D160A;
	font-size: 13px;
}
.hr {border-bottom:1px dashed #a4a4a4;}
.answer_button { float:right; margin-top:-1px; position:relative; z-index:2;}

.dates { color:#787878;}
.answer {
background:#EFEFEF;
margin:5px 0 0 15px;
padding:5px;
}
.answer p{ margin:0;}

h2 a { text-decoration:none; border:none;}

#gallery table { width:100%;}
#gallery table table { width:auto;}
#gallery table table td { width:auto;}
#gallery table td { padding:0 0 15px;width:33%;}
#gallery table td td { padding: 5px;}
.main td .fotoopis { font:bold 13px Arial, Helvetica, sans-serif; height:40px; vertical-align:bottom;}
#gallery table tr.end td { padding-bottom:0;}
#gallery table tr.end td td { padding:0 0 5px;}

.left { text-align:left;}
.albom { border-collapse:collapse; width:100%; margin:0 0 10px;}
.albom td { vertical-align:top;}
.albom td.img { width:35%; padding-right:35px;}
.albom td.img .box_foto { padding:20px;}
.images { margin-bottom:10px;}

#tabsongs { width:100%; margin:10px 0; border-collapse:collapse;}
#tabsongs td { padding:5px; border-top:1px dashed #babbb3;border-bottom:1px dashed #babbb3; vertical-align:top;}
.docItemTitle { font:12px Arial, Helvetica, sans-serif;}
.docItemTitle #lyrics { font:normal 12px Arial, Helvetica, sans-serif;}
#tabsongs td.textsong { padding-bottom:15px;padding-left:20px;font-size:11px; color:#555;}
.textsong1 { padding:20px 0;/*font-size:11px; color:#555; float:right; width:35%;*/ }
.Fleft_block { /*width:100%; float:left;*/ margin:10px 0;}

.grey { color:#6b6b6b; font:bold 16px Arial, Helvetica, sans-serif;}
.mb10 { margin-bottom: 10px; }
#flashUploadDiv { margin-bottom: 10px; }

#lyrics { 
position:relative;

}
.divArtBack,.docBack,.divBack {background:url(img/back.gif) no-repeat left; padding:5px 5px 5px 20px; float:right;}
.divArtBack a,.docBack a,.divBack a{ font:bold 12px Arial, Helvetica, sans-serif;}

.rss { padding:5px 5px 5px 20px; cursor:pointer; display:inline-block;}

.divBack {margin-top: 10px;}

.content {padding-right:70px;}

.faqform_button, #form, divFormSubmited {
	margin-bottom: 15px;
}

.divFormSubmited { font-weight: bold; }

.photoTbl {
	width: 100%;
}

.photoTbl .listItem {
	text-align: center;
	width: 30%;
}

.photoTbl .listItem .listPhoto {
	float: none;
	margin: 0 0 15px 0;
}

.photoTbl .listItem .listTitle {
	padding-bottom: 10px;
	text-align: center;
}

.photoTbl .fotoLink {
	font-size: 14px;
}

.videoTitle {
	margin: 10px 0 0 0;
}

.imageGallery {
	text-align: center;
}