html { height:100%; margin:0px; padding:0px;}
body {min-height:100%; position:relative; min-width:1000px; text-align: center; 
   /* background: 
                url(img/bg2/fon11.png) fixed no-repeat 0% 20%,
                url(img/bg2/fon8.png) fixed no-repeat 5% 40%,
                url(img/bg2/fon3.png) fixed no-repeat 0% 60%,
                url(img/bg2/fon4.png) fixed no-repeat 5% 80%,
                url(img/bg2/fon5.png) fixed no-repeat 0% 100%,
                url(img/bg2/fon6.png) fixed no-repeat 95% 0%,
                url(img/bg2/fon7.png) fixed no-repeat 100% 20%,
                url(img/bg2/fon8.png) fixed no-repeat 95% 40%,
                url(img/bg2/fon9.png) fixed no-repeat 100% 60%,
                url(img/bg2/fon10.png) fixed no-repeat 100% 100%,
                url(img/bg2/fon11.png) fixed no-repeat 95% 80%,
           #eee url(img/bg2/fon12.png) fixed no-repeat 5% 0%; 
            background: url(img/bg/background_notes.png) fixed;*/
}
h1 { color:#0c0; font: 96px mirzvukov, Calibri, Verdana; margin:0px; padding:0px; text-align:center; }
h1 a.green { color:#00cc00; position: relative; z-index: 5;}
h1 a:hover.green { color:#0c0; }
h1 a:active.green { color:#0c0; }
.divheader_image { width: 0px; position: relative; height:0px; }
.header_image { width: 55px; position: relative; top:79px; left:228px; }


h2 { color:#000; font: bold 25px Calibri, Verdana; text-align:center; margin:0px; }
h3 { color:#000; font: bold italic 20px Calibri, Verdana ; text-align:left; margin:0px; }

#head h2 {font: 40px mirzvukov, Calibri, Verdana; margin-left: 50px;  }

#center li a { font: 23px/27px Verdana; margin: 15px 0px; display:inline-block;}

p, form { color:#000; font: 17px/24px Calibri, Verdana; text-align:justify;}
li, ul, ol { color:#000; font: 17px/24px Calibri, Verdana;}
.ok { color:#0f0; text-align: left;}
.shit { color:#f00; text-align: left;}
.news { border-top: solid 2px #aaa; padding-top:15px; }

.img_right {float:right; margin: 8px 0px 10px 20px;}
.img_left {float:left; margin: 8px 20px 10px 0px;}
.img_right_otstup { margin: 8px 50px 10px 20px; }


img {border:0;}

div { font: 17px/24px Calibri, Verdana;}
p { text-indent:30px; }
li, ul { text-indent:0px; }
ul li {list-style-image: url(img/disc.png);}
ul.circle li {list-style-image: url(img/circle.png);}
a { color:#0c0; text-decoration:none;} 
a:visited { color:#0c0; } 
a:active { color:#0c0; } 
a:hover { color:#0c0; } 

#all { width:1000px; margin:auto; border: 2px solid #aaa; padding:0px; text-align: left; border-radius: 17px; }

.back  {  background: url(main/piano.jpg) no-repeat 100% 100%, 
                url(konc-balet/koncertmeyster-balet.png) no-repeat 100% 0;  }



.wood0 { /*background: url(/img/bg/spring.jpg) no-repeat 0% 0px, */
/* background: url(/img/bg/bg_n_1.jpg) no-repeat 0% 0px,
background: url(/img/bg/bg_n_2.jpg) no-repeat 0% 0px, url(img/bg/0.gif) repeat-y; */}

.wood0 { background: url(/img/bg/bg_n_1.jpg) no-repeat 0% -31px, url(img/bg/0.gif) repeat-y; }


.wood1 { background:#f8f8f8 url(img/bg/1.gif) repeat-y;}
.wood2 { background:#f8f8f8 url(img/bg/2.gif) repeat-y;}
.wood3 { background:#f8f8f8 url(img/bg/3.gif) repeat-y;}
.wood4 { background:#f8f8f8 url(img/bg/4.gif) repeat-y;}
.wood5 { background:#f8f8f8 url(img/bg/5.gif) repeat-y;}
.wood6 { background:#f8f8f8 url(img/bg/6.gif) repeat-y;}
.wood7 { background:#f8f8f8 url(img/bg/7.gif) repeat-y;}
.wood8 { background:#f8f8f8 url(img/bg/8.gif) repeat-y;}
.wood9 { background:#f8f8f8 url(img/bg/9.gif) repeat-y;}
.wood10 { background:#f8f8f8 url(img/bg/10.gif) repeat-y;}
.wood11 { background:#f8f8f8 url(img/bg/11.gif) repeat-y;}

#head { height:190px; margin:5px 25px; }
#changelang { position: absolute; top:30px; width:60px; margin:0px 0px 0px 900px;}
#changelang img {border: 1px outset #0f0;}
#search { position: absolute; top:30px; width:260px; margin:0px 0px 0px 10px;}
#menutop { padding:0px 15px; border-bottom: 1px solid #ccc; height:46px; position: relative; z-index: 10; }
#center { width:65%; float:left; padding:45px 3px 5px 35px; margin-top:0px; clear:left;}
#right { width:28%; float:left; padding:65px 1px 5px 5px; }


#menubottom { clear:both; padding:45px 5px 5px 5px; text-align:center; }
#menubottom a { padding:0px 17px; color:#000; display: inline-block; }
#menutop a { color:#000; }



.rt { text-align: right; }

#right a { font: 24px Calibri, Verdana; }
#right li { margin: 7px 0px; }

.pictop { float:right; clear: top; padding:0px; margin:0px; }


#menutop .currentmenu, #menutop a:hover.currentmenu { border: 1px solid #ccc; border-bottom: 1px solid #fff;
background:#fafafa url(img/bg/menu_top_bg.png); color: #000;
background-image: linear-gradient(to bottom, #7c9, #d9d9d9 60%, #fff);}

#menutop a { float:left; margin: 0px 4px; font: 16px Verdana; height:35px; border: 1px solid #aaa; border-bottom: 1px solid #ccc; padding: 5px 20px; border-radius: 7px 7px 0px 0px; 
background:#fafafa url(img/bg/menu_top_bg.png); color: #999;
background-image: linear-gradient(to bottom, #ddd, #fff);}

#menutop a:hover { border: 1px solid #00cc00; border-bottom: 1px solid #ccc; background:#eee;  color: #666;}
#menutop a:active { border: 1px solid #00cc00; border-bottom: 1px solid #ccc; background:#ddd;  padding: 6px 19px 4px 21px; color: #333;}





#center a, #right a { color:#0a0; }
#center a:visited { color:#0a0; }
#center a:active { color:#0a0; }
#center a:hover, #right a:hover { color:#ff0250; }



#left a:hover  { color:#ff0250; }
#left a:active { color:#ff0000; }

div.infolink { 
width: 350px;
height: 105px;
margin: auto;
padding: 10px 10px 3px 10px;
border: solid 2px #aaa;
border-radius: 7px;
text-align: left;
vertical-align: top;
}
div.infolink img{ border-radius: 6px;}

#right a.razdel_color { color: #CC9FFF;}
a div.infolink {font: 25px Calibri, Verdana; }

#pp { width:240px; height:180px; border: solid 2px #aaa; padding: 8px; margin-left:10px; }

#pp a { color:#000; font: 20px Calibri, Verdana; }

#center a span { color:#000; font-style: italic; }
#center a:hover span { color:#00d; }

#rambler-counter {display:none; visibility:hidden;}

.spacer {border-top: solid 3px #ccc; margin-top:5px; margin-bottom:5px; }
.clear { clear:both;}

textarea, input { font: 17px/24px Calibri, Verdana; }

#center table { border-collapse: collapse;}
#center td {border: 1px solid #aaa; padding: 3px;}

#search td {border: 0px solid #aaa;}
.adm { color:#0c0; }

.yashare-auto-init { text-align:center;}

#side_social {position:fixed; left:0%; top:30%; text-align: left;}
#side_social a {opacity: 0.25}
#side_social:hover a {opacity: 0.7}

#ads_above_art { margin: 20px 10px 20px 10px; width: 630px; height: 140px;}
#ads_after_art_right {width: 290px; height: 150px;  float:left; }
#ads_after_art_left {width: 345px; height: 440px; float:left; border-right: #ccc solid 1px; margin-right: 10px;}
#ads_under_menu {width: 300px; height: 800px; margin-left: 10px; margin-top: 10px;}
#ads_above_comments  { width: 630px; height: 120px; margin-top: 25px;}


#ads_google_top {width: 970px; height: 90px; margin: 30px 0px 28px 15px; float:left;}
#ads_google_above_art {width: 345px; height: 300px; float:left;}
#ads_google_above_art_links {width: 200px; height: 90px; margin: 100px 40px 40px 40px; float:left;}
#ads_google_after_art_left { width: 345px; height: 280px; float:left; border-right: #ccc solid 1px; margin-right: 10px;}
#ads_google_after_art_right {width: 200px; height: 90px; float:left; margin-left: 40px;}
#ads_google_links_under_menu { width: 200px; height: 90px; margin-top: 20px; margin-left: 30px;}

div.listofpages {font: 21px Calibri; text-align: center; word-spacing: 15px; margin: 13px 0px; clear:both;}
.art_arrow {font-weight: bolder;}

#center img { border-radius: 7px; }


.ask_helpful .helpful_q { margin: 20px 0px; font-size: 30px; line-height: 35px; }
.ask_helpful { text-align: center; font-size: 30px; clear: both; padding-top: 30px;}
.ask_helpful input, .ask_helpful .helpful_result { width: 140px; height: 50px; margin: 0px 15px; font-size: 30px; }
.ask_helpful .helpful_result {display: inline-block; }


a.new_year_notes:before { content:""; background: url(/img/cr_tree.png); position: relative; width: 22px; height: 21px; display: block; left: -25px; top: 21px; margin-top: -21px; }

a.vic_day_notes:before { content:""; background: url(/img/georg.png) no-repeat; position: relative; width: 30px; height: 16px; display: block; left: -32px; top: 21px; margin-top: -16px; }

#center audio { width: 100%; /*height: 20px;*/ margin: 0px 0px 5px 0px; }
#center audio::-webkit-media-controls-current-time-display, 
#center audio::-webkit-media-controls-time-remaining-display { color: #0a0; font-family: Calibri; font-size: 140%;}
#center audio::-webkit-media-controls-panel { background-color: #f1f1f1; background: linear-gradient(to bottom, #f0f0f0, #c0c0c0); }
#center audio::-webkit-media-controls-enclosure { /* Основной контейнер */ max-width: 1000px;  }

#center audio::-webkit-media-controls-volume-slider-container { background-color: rgba(0, 255, 0, 0.4); border-radius: 5px; }
#center audio::-webkit-media-controls-volume-slider { background-color: rgba(0, 255, 0, 0.4); border-radius: 5px; }

#center audio::-webkit-media-controls-timeline { background-color: rgba(0, 235, 0, 0.6); border-radius: 6px; padding: 5px; }


#center audio::-webkit-media-controls-mute-button, 
#center audio::-webkit-media-controls-play-button { width: 20px; /*height: 20px;*/ }
#center audio::-webkit-media-controls-enclosure,
#center audio::-webkit-media-controls-panel  { /*height: 24px;*/  }



#go-top {top: 80%; background: url(img/go_top.png) no-repeat; margin-left:1005px;
width: 60px; height: 47px; position: fixed; cursor: pointer; opacity: 0.5;
}
#go-back {top: 70%; background: url(img/go_back.png) no-repeat; margin-left:1005px;
width: 60px; height: 47px; position: fixed; cursor: pointer; opacity: 0.5;
}


ins.adsbygoogle { margin: 40px 0px; }

.alpha_links { font-size: 19px; margin-bottom: 20px; }
.alpha_links a { font-size: 23px; margin-right: 10px; }

/*a.new_year_notes:link, a.new_year_notes:link span, a.new_year_notes:visited, a.new_year_notes:visited span { color:#e00 !important; }*/