/* Start:/bitrix/templates/MAIN/template_styles.css?15602667078564*/
html, body {height: 100%;  min-height: 100%; width: 100%; min-width: 1340px;}
body { margin: 0; padding: 0;  background: #ffffff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 15px; color: #000000;}

a, a:link, a:visited, a:active {cursor: pointer; font-size: 15px; font-weight: 400; text-decoration: none; color: #0f5893;}
a:hover {text-decoration: none; color: #f38c01;}

#top-menu a {font-size: 12px; font-weight: 700; text-decoration: none; color: #000000;}
#top-menu a:hover {font-size: 12px; font-weight: 700; text-decoration: none; color: #f47f20;}
.top-menu-act {font-size: 12px; font-weight: 700; color: #b1550b;}

.cb {clear: both;}

.main-div{
  width: 1290px;
  min-width: 1290px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.content{
  width: 1220px;
  min-width: 1220px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.cont-min{
  width: 1140px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

p {margin: 0px 0px 15px 0px;}

.elow-div {background-color: #ffd800; }

.blue-div {background-color: #cce9f7; }

ul.clubs {padding: 0 0 0 20px; margin: 15px 0px;}
ul.clubs li {list-style-image: url(/images/top_bullet.png); margin: 0 0 10px 0;}
ul.clubs li a {font-size: 15px; font-weight: 700; text-decoration: none; color: #0f5893; }
ul.clubs li a:hover {text-decoration: none; color: #f38c01;}

a.top-link {color: #000000; font-size: 12px; font-weight: 700;}

a.top_sc {display: inline-block; width: 46px; height: 46px; margin-left: 15px;}
a.tsc-1 {background: url(/images/top_fb.png) 0px 0px no-repeat;}
a.tsc-1:hover {background: url(/images/top_fb_over.png) 0px 0px no-repeat;}
a.tsc-2 {background: url(/images/top_vk.png) 0px 0px no-repeat;}
a.tsc-2:hover {background: url(/images/top_vk_over.png) 0px 0px no-repeat;}
a.tsc-3 {background: url(/images/top_in.png) 0px 0px no-repeat;}
a.tsc-3:hover {background: url(/images/top_in_over.png) 0px 0px no-repeat;}

a.b-zap {display: block; width: 210px; height: 37px; margin: 25px 0 0 0px; background: url(/images/b_mail.png) 0px 0px no-repeat;}
a.b-zap:hover {background: url(/images/b_mail_over.png) 0px 0px no-repeat;}

#overlay {
    z-index: 40; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
    position: fixed; /* всегдa перекрывaет весь сaйт */
    background-color: #000000; /* чернaя */
    opacity: 1.0; /* нo немнoгo прoзрaчнa */
    width: 100%; 
    height: 100%; /* рaзмерoм вo весь экрaн */
    top: 0; /* сверху и слевa 0, oбязaтельные свoйствa! */
    left: 0;
    display: none; /* в oбычнoм сoстoянии её нет) */
}

#overlay > div {
    z-index: 41;
    position: fixed; 
    background-color: #cce9f7;
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0;
}

#modVideo {
	width: 660px; 
  /*   height: 560px; Рaзмеры дoлжны быть фиксирoвaны */
    position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */
    top: 40px; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */
    left: 50%; /* пoлoвинa экрaнa слевa */
    margin-left: -330px; /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */
    display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
    z-index: 50; /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
}

#modVideo > div {
	position: relative;
	padding: 10px;
	border-radius: 10px;
	background: #fff;
}

a.modVideoPrevVideo {display: block; width: 22px; height: 50px; position: absolute; left: -34px; top: 165px; background: url(/images/b_prev_blue.png) 0px 0px no-repeat;}
a.modVideoPrevVideo:hover {background: url(/images/b_prev_blue_over.png) 0px 0px no-repeat;}

a.modVideoNextVideo {display: block; width: 22px; height: 50px; position: absolute; right: -34px; top: 165px; background: url(/images/b_next_blue.png) 0px 0px no-repeat;}
a.modVideoNextVideo:hover {background: url(/images/b_next_blue_over.png) 0px 0px no-repeat;}

a.modVideoClose {display: block; width: 29px; height: 29px; position: absolute; right: -14px; top: -14px; background: url(/images/b_close.png) 0px 0px no-repeat;}
a.modVideoClose:hover {background: url(/images/b_close_over.png) 0px 0px no-repeat;}

@media only screen and (min-width: 1100px) and (min-height: 760px){
	#modVideo  { width: 980px; margin-left: -480px;}
	#ytplayer  { width: 960px; height: 540px;}
	a.modVideoPrevVideo {top: 255px;}
	a.modVideoNextVideo {top: 255px;}
}

a.vid_prev {display: block; width: 46px; height: 46px; position: absolute; left: 0px; top: 75px; background: url(/images/b_prev_video.png) 0px 0px no-repeat;}
a.vid_prev:hover {background: url(/images/b_prev_video_over.png) 0px 0px no-repeat;}
a.vid_next {display: block; width: 46px; height: 46px; position: absolute; right: -0px; top: 75px; background: url(/images/b_next_video.png) 0px 0px no-repeat;}
a.vid_next:hover {background: url(/images/b_next_video_over.png) 0px 0px no-repeat;}

a.all_video {display: block; width: 271px; height: 35px; background: url(/images/b_video_all.png) 0px 0px no-repeat;}
a.all_video:hover {background: url(/images/b_video_over.png) 0px 0px no-repeat;}

.metod-left {float: left; margin-right: 20px; width: 240px; height: 310px; background: url(/images/kurses_line_white.png) 50% 50% no-repeat;}
.kurs-1-top {float: left; margin-left: 27px; width: 175px; height: 80px; background: url(/images/kurs_1.png) 0% 0% no-repeat;}
.kurs-2-top {float: left; margin-left: 27px; width: 175px; height: 80px; background: url(/images/kurs_2.png) 0% 0% no-repeat;}
.kurs-3-top {float: left; margin-left: 27px; width: 175px; height: 80px; background: url(/images/kurs_3.png) 0% 0% no-repeat;}
.kurs-4-top {float: left; margin-left: 27px; width: 175px; height: 80px; background: url(/images/kurs_4.png) 0% 0% no-repeat;}

a.teac_prev {display: block; width: 22px; height: 50px; position: absolute; left: 0px; top: 210px; background: url(/images/b_prev_blue.png) 0px 0px no-repeat;}
a.teac_prev:hover {background: url(/images/b_prev_blue_over.png) 0px 0px no-repeat;}

a.teac_next {display: block; width: 22px; height: 50px; position: absolute; right: 0px; top: 210px; background: url(/images/b_next_blue.png) 0px 0px no-repeat;}
a.teac_next:hover {background: url(/images/b_next_blue_over.png) 0px 0px no-repeat;}

a.rew_prev {display: block; width: 46px; height: 46px; position: absolute; left: 0px; top: 350px; background: url(/images/b_prev_feedback.png) 0px 0px no-repeat;}
a.rew_prev:hover {background: url(/images/b_prev_feedback_over.png) 0px 0px no-repeat;}
a.rew_next {display: block; width: 46px; height: 46px; position: absolute; right: -0px; top: 350px; background: url(/images/b_next_feedback.png) 0px 0px no-repeat;}
a.rew_next:hover {background: url(/images/b_next_feedback_over.png) 0px 0px no-repeat;}

.rew-div {float: left; margin: 23px 0; width: 610px; height: 566px; overflow: hidden;}
.rew-div > div {margin: 0 auto; width: 544px; height: 564px; border: 1px solid #7fc9eb; background-color: #fff; overflow: hidden;}
.rew-div-main {float: left; margin: 23px 0; width: 590px; height: 590px;}
.rew-div-main > div {margin: 0 auto; width: 544px; height: 580px; border: 1px solid #7fc9eb; background-color: #fff; overflow: hidden;}

a.all_reviews {display: block; width: 274px; height: 38px; background: url(/images/b_feedback_all.png) 0px 0px no-repeat;}
a.all_reviews:hover {background: url(/images/b_feedback_all_over.png) 0px 0px no-repeat;}

a.futer-a {color: #000000;}
a.futer-a:hover {text-decoration: underline;}

a.bot_sc {display: inline-block; width: 46px; height: 46px; margin-left: 15px;}
a.btsc-1 {background: url(/images/footer_fb.png) 0px 0px no-repeat;}
a.btsc-1:hover {background: url(/images/footer_fb_over.png) 0px 0px no-repeat;}
a.btsc-2 {background: url(/images/footer_vk.png) 0px 0px no-repeat;}
a.btsc-2:hover {background: url(/images/footer_vk_over.png) 0px 0px no-repeat;}
a.btsc-3 {background: url(/images/footer_in.png) 0px 0px no-repeat;}
a.btsc-3:hover {background: url(/images/footer_in_over.png) 0px 0px no-repeat;}

a.b_show_more {display: block; width: 271px; height: 35px; background: url(/images/b_more.png) 0px 0px no-repeat;}
a.b_show_more:hover {background: url(/images/b_more_over.png) 0px 0px no-repeat;}

.about-r {float: right;  width: 430px; magrin: 40px;}
.about-r p {background: url(/images/about_bullet.png) 0px 50% no-repeat; padding: 5px 0px 5px 50px; color: #0f5893; font-size: 18px; margin-bottom: 40px;}

/* End */
/* /bitrix/templates/MAIN/template_styles.css?15602667078564 */