#topMenu{ font-size:105%; width: 100%;  position: fixed; background:rgba(0,0,0,0.5); /*background:url(/style/img/topmenu.png) no-repeat center bottom;*/
padding: 13px 0 0 0; text-transform: uppercase; 	z-index: 100;  height: 50px; overflow: hidden; white-space: nowrap; 
text-align: center; box-sizing: border-box; opacity:1;
}
/*#topMenu:hover{ height: 60px; padding-top: 16px; }*/
#topMenu a{	color: #fff;  margin: 0 25px 0 25px; text-decoration: none; display: inline-block; font-weight: bold }
#topMenu a:hover{	opacity:1;text-decoration: none;  color: #ffc800; }
#topMenu:hover #topMenu2{	 display: block; } 

#topMenu.hide{
 opacity:0;
}

#topMenu1{ font-size:105%; width: 100%;  position: fixed; background:rgba(0,0,0,0.25); /* background:url(/style/img/topmenu.png) no-repeat center bottom;*/;  
padding: 9px 0 0 0; text-transform: uppercase; 	z-index: 100;  overflow: hidden; height: 45px; opacity: 1; overflow: hidden; white-space: nowrap; 
text-align: center; box-sizing: border-box }
#topMenu1:hover{ background:rgba(0,0,0,0.4); height: 84px; padding-top: 14px; opacity: 1;}
#topMenu1 a{	color: #fff;  margin: 0 25px 0 25px; text-decoration: none; display: inline-block;  }
#topMenu1 a:hover{	opacity:1;text-decoration: none;  color: #ffc800; }
#topMenu1:hover #topMenu2{	 display: block; } 


#topMenu2{ 	width: 100%;  line-height: 200%; margin: 8px 0 0 -50px; padding: 0 0 0 50px; 
	z-index: 101;  overflow: hidden; height: 40px; font-size: 80%; background-color: rgba(0,0,0,0.2);}
#topMenu2 a{ color: #fff;  margin-right: 30px;  text-decoration: none;}


#topMenu.color{ background:rgba(0,0,0,0.3) }
#topMenu.color:hover{	background:rgba(0,0,0,0.5) }

#MobileMenu{
	background: url(/img/menu_icon.png) no-repeat; width:100px; background-size: 80px; height:100px; position: fixed; top: 30px;
	left: 30px; z-index: 100; opacity:1; cursor: pointer; transform:scale(1);
}
#MobileMenu.black{background-image:url(/img/menu_icon3.png) !important;  opacity:0.2 }
#MobileMenu.black:hover{opacity:0.7 }

#MobileMenu2{background: rgba(25,20,15,0.8); display: inline-block; position: fixed; top:0;	left: -1000px; z-index: 101; padding:20px 50px 0 50px; min-height:100%;}
#MobileMenu2 a{display: block; color:#fff; margin:10px 0 35px; text-transform: uppercase; font-size: 140%; text-decoration: none; white-space: nowrap;}
#MobileMenu2 a:active{	color:#ff3000;}
#MobileMenu2 a:hover{color: #ffc800; padding-left:30px; margin-right: -30px;  }

#full_rasp{
	display: none;	width: 100%; left: 0; position: absolute; background: #fff; height: 0px !important; opacity:0; padding: 0 0 600px 0;    /* display: block; z-index: 1000; */  }
#full_rasp.on{
	display: block; height: auto  !important; opacity:1; z-index: 18000;
}
#full_rasp tr{  }
#full_rasp a{ color: #303030; text-decoration: none }
#full_rasp b{ color: #505050; }
#full_rasp a:hover{ text-decoration: underline; }
#close_full_rasp{
	width: 18px; height: 17px; display: block; margin: 0 10px; background: url(/img/x2.png) no-repeat; opacity:0.7;
	z-index: 1001;
}
#close_full_rasp:hover{
	 opacity:1;
}
#full_rasp table{
	width: 100%; background: white;
}

#full_rasp table td{
	text-align: center; border-right:1px solid #fff; font-size: 85%; padding: 2px;
}

#full_rasp span{
	font-size: 75%;
}

.rasp_head{
	background: #de6ea9 !important; color: white; font-weight: bold; font-size: 90% !important;
}
tr.row2 td{
	background: #f5f5f5;
}
#full_rasp tr td.col2{ background: #f9f9f9;} 
#full_rasp tr.row2 td.col2{ background: #f0f0f0;} 

.rasp_time{
font-weight: bold; font-size: 80% !important;
}
tr.row2 .rasp_time{} 

/*
#topMenu:hover a{ opacity: 0.8 }
#topMenu:hover a:hover{ opacity: 1 }
*/





/*

@media only screen and (max-width: 800px) {
	#topMenu{ font-size:110%;}
	#topMenu a{	color: #fff; margin: 0 10px 0 10px; }
}
@media only screen and (max-width: 1000px) {
	table.infoblock font { padding-left: 20px !important; padding-right: 20px !important; }
}

*/

#up, #down{ display: block; position: fixed; z-index: 500; bottom: 30px; opacity: 0; width: 100px; height: 80px;   	transform: scale(0.001); }
#up{ right: 100px; background: url(/img/up.png) no-repeat center center #5a7d93; }
#down{	right: 10px; background: url(/img/down.png) no-repeat center center #5a7d93;  }
#up.visible, #down.visible{transform: scale(0.8); opacity: 0.5; }
#up.visible:hover, #down.visible:hover{ /* box-shadow: 0px 0px 50px rgba(255,255,255,0.8); */ opacity: 0.75;   }


.daniilyoll{ background: url(/_admin/img/logo.jpg) no-repeat 0 2px; color:#8DB8A6; text-decoration: none; background-size: 65px;  display: block; 
height: 80px;  line-height: 23px; clear: both; width: 400px; }
.daniilyoll:hover{ color:#7D89AC; text-decoration: none;}
.daniilyoll div{ background: url(/_admin/img/logo_on.jpg) no-repeat 0 2px; background-size: 65px; width: 75px; height: 80px; float: left; opacity: 0;}
.daniilyoll:hover div{ opacity: 1;}
.daniilyollDiv{
	padding:20px 50px 20px 0;border-top:10px solid #e0e0e0; 
}

h3.head_white{ color: #fff !important; font-size: 300%; margin: 90px 0 0 0 !important; text-shadow: 0 0 30px rgba(60,60,0,0.1); }

.bg_dark ul li a{ color:#fff !important; text-decoration: none }
.bg_dark ul li a b{ color:#FFD200 !important; }
.bg_dark ul li a:hover, .bg_dark ul li a:hover b { color: #FF9600 !important; text-decoration: underline }

p.small{
	font-size: 11px; font-weight: bold; line-height: 110%; margin: 0;clear:both;
}

.rasp_date{
	display: block; color:#505050;text-align: center;  margin: 10px 0 0px 0;
}
.rasp_info {
	width: 160px; color: #fff; margin: 0 0 0 0;line-height: 100%;
	border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:8px;border-top-right-radius:8px;}
.rasp_about{
	padding: 0 0 0 5px; margin: 3px 0 30px 0;  white-space: nowrap; font-size: 11px; font-weight: bold; line-height: 110%;
}
.rasp_info i{
	background: #f0f0f0; display: block; font-style: normal; text-align: center;font-size: 70%; font-weight: bold; white-space: nowrap;
	border-top-left-radius:4px;border-top-right-radius:4px; 
}
.rasp_info u{
	display: block; font-style: normal; text-align: center; text-decoration: none; text-transform: uppercase; margin-top: 5px;
}
.rasp_info b{
	display: block; font-weight: normal; text-align: center; font-size: 75%;margin-top: 1px; 
}
.rasp_info a{
	color:#fff; text-decoration: none;
}
.rasp_info a:hover{
	text-decoration: underline;
}
.arr_l, .arr_r{
	background: url(/img/arr4.png) no-repeat; position: absolute; width: 21px; height: 50px; transform:scale(0.8); opacity:0.7; 	
	top:300px; right: 70px; }
.arr_l{	background: url(/img/arr3.png) no-repeat; left: 70px; right: auto; }
.arr_r:hover, .arr_l:hover{
	transform:scale(1);  cursor: pointer; z-index:1000; 
}



div.ta3{
	display: block; width: 300px; position: relative; top:0; float: left;
}

._01{ background: #8bad3b; } ._01 i{ color:#8bad3b; }
._02{ background: #6d824c; } ._02 i{ color:#6d824c; }




h1{
	font-family: Gulim, "Fira Sans OT Light", Cuprum; color: #404040; font-size: 280%;
}
h2{
	font-family: Gulim, "Fira Sans OT Light", Cuprum;
}
h3{
	font-family: Gulim, "Fira Sans OT Light", Cuprum; 
}



#slider_rasp {	 width: 940px; margin: 0 auto 0 auto; overflow: hidden; position: relative; }
#slider_rasp viewport { height: 100%; overflow: hidden; position: relative; }
#slider_rasp .overview { width: 900px;height: 100%; list-style: none; position: absolute; padding: 0; margin-left: 20px;  }
#slider_rasp li {  width: 900px; float: left; margin: 0; padding: 0; 	 height: 100%; list-style: none;  }
#slider_rasp .buttons {  display: block; position: absolute; top: 110px; 
    width: 20px;   height: 49px; opacity:0.5;  background-size:100%; }
#slider_rasp .buttons:hover { opacity:0.8; }
#slider_rasp .prev{ left:0; background: url(/style/img/larr.png) no-repeat 0 0; }
#slider_rasp .next { right: 0; background: url(/style/img/rarr.png) no-repeat 0 0;  }
#slider_rasp .disable, #slider_rasp .disable:hover { opacity: 0.05 } 

#rasp_date{
 margin: 3px 0;
}
#rasp_date a{  text-decoration: none; color:#606060 }
#rasp_date a:hover{  text-decoration: none; color:#606060; background: #e9e9d3; }
#rasp_date a#cur{
	color:#fff;background-color: rgb(128, 128, 0);
}

table.raspisanie { border-spacing: 0; overflow: hidden;}
table.raspisanie tr td{ padding:10px 10px 10px 10px; vertical-align: top; font-size: 110%; overflow: hidden;}
table.raspisanie .rasp { background: #EEE8CF;}
table.raspisanie a { color: #505050; }

	@media only screen and (max-width: 1200px) {
		table.raspisanie tr td{ padding:10px 5px 10px 5px; font-size: 100%; }
	}

	@media only screen and (max-width: 1100px) {
		table.raspisanie tr td{ padding:10px 5px 10px 5px; font-size: 90%; }
	}
.raspis{ width: 814px; }
.raspis td{ vertical-align: top; font-size: 13px; text-align: center; padding: 5px 5px 5px 5px; background: #F8F2E3; border-right:1px solid #fff;}
.raspis .rhead{font-size: 30px; background: #E7D2A1; height: 80px; color: white;  width: 100px; vertical-align: middle !important; }

.raspis u { display: block; margin: 7px 0 4px 0;  text-decoration: none; color: #fff; background: rgba(100,70,0,0.35); border-radius: 10px; padding-top: 1px; }
.raspis b { display: block; font-size: 120%; line-height: 90%;}
.raspis b a{	color: inherit; text-decoration: none; }
.raspis b a:hover{	color: inherit; text-decoration: underline; }

.raspis i { display: block; font-style: normal; margin: 2px 0 10px 0;line-height: 90%;}
#courseExplane { z-index:20000; position: absolute; display: none; width:400px; padding:0 40px 10px 40px; border-radius:30px; font-size: 75% !important;
background:#fff; box-shadow: 0 0 50px rgba(0,0,0,0.1); transition:none;    -webkit-transition:none;    -moz-transition:none;    -o-transition:none;}
#courseExplane.on{ display:block; }
#courseExplane .close_expl{ width: 18px; height: 17px; opacity: 0.3; position: absolute; right: 12px; top: 12px; cursor: pointer; }
#courseExplane .close_expl:hover{ opacity: 0.7; }
#courseExplane .expl_img{ margin:30px 30px 20px 0;float:left;width:170px }
#courseExplane h3{ margin-bottom: 5px; }

#raspisanie_block{ padding: 0; text-align: center;  }
#raspisanie_block h3{ margin: 0 0 -10px 0;  color: #fff; font-size: 130%; background: rgba(30,20,0,0.4); padding: 80px 0 22px 0;}
#raspisanie_block u { text-decoration: none; color: #fff; background: rgba(100,70,0,0.3); border-radius: 10px; padding: 2px 5px 0 5px; 
margin: 20px 0 0 0; display: inline-block; font-size: 80%; }
#raspisanie_block b { display: block; font-size: 150%; font-weight: normal; line-height: 80%; margin: 5px 0 0 0; }
#raspisanie_block i { display: block; font-style: normal; color: #808080;  }
#raspisanie_block a{ text-decoration: none; color: inherit;  }
#raspisanie_block a:hover{ text-decoration: none; color: inherit;}



#slider_instr {	 width: 950px;   margin: -50px auto 0 auto; overflow: hidden; position: relative;  }
#slider_instr viewport { height: 100%; overflow: hidden; position: relative;  }
#slider_instr .overview { height: 100%; list-style: none; position: absolute; padding: 0; margin-left: 20px;  }
#slider_instr .overview li {  float: left; margin: 0; padding: 0; 
	 height: 100%; list-style: none; vertical-align: middle;  width: 950px; }
#slider_instr .buttons {  display: block; position: absolute; top: 140px; width: 20px;   height: 49px; opacity:0.5;  background-size:100%; 
z-index: 20000; }
#slider_instr .buttons:hover { opacity:0.8; }
#slider_instr .prev{ left:0; background: url(/style/img/larr.png) no-repeat 0 0; }
#slider_instr .next { right: 0; background: url(/style/img/rarr.png) no-repeat 0 0;  }
#slider_instr .disable, #slider_instr .disable:hover { opacity: 0.05 }


@media only screen and (max-width: 1000px) {	#slider_instr{ transform:scale(0.9); } }
@media only screen and (max-width: 900px) {	#slider_instr{ transform:scale(0.8); margin-left: -50px;} }
@media only screen and (max-width: 800px) { 	#slider_instr{ transform:scale(0.7); margin-left: -100px; } }
@media only screen and (max-width: 700px) { 	#slider_instr{ transform:scale(0.7); margin-left: -150px; } }


.instr { margin: 40px 0 0 0; width: auto; padding: 0 0 0 30px; }
.instr a{ color: inherit; text-decoration: none }
.instr h4 a:hover{ text-decoration: underline }
.instr div{ display: block; position: relative;  background: #efeee9; padding: 15px; margin: 0 20px 0 0; float: left; border-radius:10px; 
width: 200px; height: 100%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;}
.instr img {  width: 100%;}
.instr img:hover {}
.instr h4 { margin: 30px 0 0 0; text-align: left; font-size:115%; }
.instr p { margin: 10px 0 0 0; text-align: left;}

#courseExplane { z-index:20000; position: absolute; display: none; width:500px; padding:30px 40px 20px 40px; border-radius:20px;
background:#fff; box-shadow: 0 0 50px rgba(0,0,0,0.1); opacity:0; font-size: 90%; }
#courseExplane.on{ display:block; opacity:1; }
#courseExplane .close_expl{ width: 18px; height: 17px; opacity: 0.3; position: absolute; right: 12px; top: 12px; cursor: pointer; }
#courseExplane .close_expl:hover{ opacity: 0.7; }
#courseExplane .expl_img{ margin:30px 30px 20px 0;float:left;width:170px }
#courseExplane h3{ margin-bottom: 5px; }

.descr2{
	 color: #fff; margin: 10px 0 0 -10px; padding: 0 10px 0 10px; display: inline; 
}
.descr2inf{
	 color: #fff; margin-left:-30px; padding: 0 15px 0 30px; display: inline; 
}
.descr2page{
	 color: #fff; padding: 0 30px 0 30px; display: inline; 
}