/* Start:/bitrix/templates/clsl_courses/styles.css?17146626521*/
 
/* End */


/* Start:/bitrix/templates/clsl_courses/template_styles.css?171466265227846*/
/*--------------------
	reset
--------------------*/
html, body, div, span, p, img, li, ul, form, label, input, h1, h2 {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit}

/*--------------------
	other
--------------------*/
html, body {height: 100%}
body {font: 12px/16px Tahoma, "Geneva CY", sans-serif; color: #929292; background: #fff; min-width: 1024px; position: relative}
header, nav, section, article, aside, footer {display: block}

a, input:focus {outline: none}
a {color: #7e7e7e}
a:hover {text-decoration: none}
.fll {float: left; display: inline}
.flr {float: right; display: inline}
.clr {clear: both; font: 0/0 sans-serif}
.row {overflow: hidden}
.hidden {display: none}
.t_center {text-align: center}

/*--------------------
	fonts
--------------------*/
body, .form .title, input, .select, textarea, button {font-family: Tahoma, "Geneva CY", sans-serif}
aside .menu_left {font-family: Calibri, Tahoma, "Geneva CY", sans-serif}
.logo, aside input, aside select, aside .select {font-family: 'Roboto Condensed', sans-serif}
.title, h1 {font-family: 'Marmelad', sans-serif}
h1 {font-weight: normal}
h2 {font-weight: normal; color: #3d3e3d; font-size: 15px; line-height: 20px; padding: 0 0 7px}

/*--------------------
	border-radius
--------------------*/
button {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 5px}
input, .select, textarea {-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px}

/*--------------------
	form elements
--------------------*/
input, .select, select, textarea {color: #a3a3a3}
input, .select, textarea {border: 1px solid #dadadd; border-color: #dadadd #d5d6da #c6c7cb; height: 37px; line-height: 37px; padding: 0 14px; width: 225px; margin: 0 0 18px; background: #fff}
input.err, .select.err, textarea.err {border: 1px solid #ed1c24 !important}
/*
input:focus, .select.active .top {border-color: #84b5e3!important}
*/

.select_place .select {position: relative; overflow: hidden; display: inline-block; vertical-align: top; text-align: left}
.select_place .select .top {cursor: pointer}
.select_place .select .top b {position: absolute; right: -1px; top: 0; width: 40px; height: 37px; background: url(/bitrix/templates/clsl_courses/images/select_arrow.png) no-repeat 0 0}
button {cursor: pointer}
.select_place .select .drop {position: absolute; left: -1px; top: 37px; border: 1px solid #dadadd; border-top: 0; background: #fff; list-style: none; width: 100%; display: none; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px}
.select_place .select .drop li a {display: block; padding: 3px 13px; text-decoration: none}
.select_place .select .drop li a:hover {background: #f3f3f3}
.button.blue button {height: 50px; font-size: 21.52px; padding: 0 22px; color: #fff; text-shadow: 1px 1px 1px #677f94; border: 1px solid #6fa5d8; background: #5aafe0; -webkit-box-shadow: 0 2px 2px #d1cfce, inset 1px 1px 2px #a6cef0; -moz-box-shadow: 0 2px 2px #d1cfce, inset 1px 1px 2px #a6cef0; box-shadow: 0 2px 2px #d1cfce, inset 1px 1px 2px #a6cef0}
.button.blue button:hover {background: #4ca3d5}

.button.red button {height: 34px; font-size: 18px; padding: 0 22px 2px; color: #fff; text-shadow: 0 1px 0 #5d2c35; border: 1px solid #e8645a; background: #fc534c url(/bitrix/templates/clsl_courses/images/btn_red.png) repeat-x 0 0!important; -webkit-box-shadow: 0 2px 2px #35373d; -moz-box-shadow: 0 2px 2px #35373d; box-shadow: 0 2px 2px #35373d}

textarea {font-size: 12px; line-height: 20px; resize: none}


/*--------------------
	structure
--------------------*/
.wrapper {margin: 0 auto -252px; min-height:100%; height:auto !important; height:100%;}
.index .container {background: url(/bitrix/templates/clsl_courses/images/bg.png) repeat-x 0 0; min-height: 526px}
.index .container aside {background: 0}
.content-bg {float: left; width: 100%}
.inner .content-bg p {font-size: 11px; line-height: 14px; margin: 0 22px 11px 0; color: #8a8a8a}
.inner .content-bg h2 {margin: 21px 0 8px 0; padding: 0}
.down, footer .inner {height: 252px}
.inner, header {width: 1024px; margin: 0 auto}
.w_in {overflow: hidden; position: relative; width: 100%; z-index: 1}
.w_l {float: left; left: 50%; width: 100%; position: relative; z-index: 2}
.w_r {float:left; left: -50%; width: 100%; position: relative; z-index: 2}

.content-bg ul {padding-left: 30px;}
.content-bg ol {padding-left: 35px;}
/*--------------------
	header
--------------------*/
header {height: 130px; position: relative}
header .logo {float: left; display: inline; line-height: 18px; text-transform: uppercase; /*margin: 26px 0 0 27px*/}
header .logo a {text-decoration: none; display: block; padding: 10px 0 15px 57px; /*background: url(/bitrix/templates/clsl_courses/images/logo.png) no-repeat 0 0*/}
header .logo a span {display: block}
header .logo .fn {font-size: 18px; color: #57addd}
header .logo .slogan {font-size: 12px; color: #6e6e6e; padding: 2px 0 0}
header nav {overflow: hidden; font-size: 13px; line-height: 14px; text-transform: uppercase}
header nav ul {list-style: none; text-align: right; padding: 39px 37px 0 0}
header nav ul li {margin: 0 0 0 7px}
header nav ul li, header nav ul li a {display: inline-block; vertical-align: top}
header nav ul li a {color: #6a6a6a; text-decoration: none}
header nav ul li a, header nav ul li.active {padding: 9px 5px 10px; -moz-border-radius: 10px/5px; -webkit-border-radius: 10px/5px; border-radius: 10px/5px}
header nav ul li a:hover {background: #ebedf0}
header nav ul li.active {background: #e8645a; margin: 0 -5px 0 2px; padding-left: 10px; padding-right: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
header nav ul li a:hover, header nav ul li.active {color: #fff}
header .org_details {position: absolute; left: 27px; bottom: 0; padding: 3px 0; width: 200px; /*text-align: center;*/ color: #6e6e6e; font-size: 11px}
header .org_details .work_hours {margin: 0 0 0 7px}

/*--------------------
	content
--------------------*/
section {margin: 0 12px 0 330px; padding: 0 0 0 10px}
section .title {padding: 15px 0 9px}
section .title, section h1 {margin: 0 0 0 -10px}
section .title b, section h1 b {width: 89px}

.container .inner {position: relative}
.container .inner section a {color: #7cb2e3}
.container .inner > img {position: absolute; bottom: -13px; right: -20px}
.container .inner > img:first-child {bottom: 0; width: 20px; height: 100%}

.index section {margin: 0 28px 0 330px; padding: 0}
.index section, .menu_bot {margin: 0 28px 0 314px}
.index section .title {margin: 0}

.title, h1 {font-size: 14px; line-height: 20px; position: relative; overflow: hidden}
h1 {padding: 0 0 9px; margin-top: -22px!important}
.title {padding: 17px 0 9px}
.title b, h1 b {border-bottom: 1px solid #d0cfc9; font: 0/0 sans-serif; height: 15px; overflow: hidden; display: block}
.title b:first-child, .title span, h1 b:first-child, h1 span {float: left; display: inline; margin: 0 7px 0 0}
.title b:first-child, h1 b:first-child {width: 10px!important}
.title span, h1 span {text-transform: uppercase; color: #3d3e3d}

.slider_place {position: relative; margin: -22px 0 0; background: #e2e1e1; border: 1px solid #d9d5d3; border-top: 1px solid #dedddd; padding: 21px 21px 6px}
.slider_place > img {position: absolute; left: 0; bottom: -13px; width: 100%; height: 13px}
.slider_place > img:first-child {bottom: auto; top: -12px}
.slider_place .slider {overflow: hidden; border-bottom: 1px solid #f4f4f4}
.slider_place .slider,
.slider_place .slider div {height: 265px}
.slider_place .slider div {position: relative}
.slider_place .slider div a {color: #2d2d2d; text-decoration: none}
.slider_place .slider div span {display: block}
.slider_place .slider div .text_place {width: 100%; height: 93px; position: absolute; left: 0; bottom: 0; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.5); overflow: hidden}
.slider_place .slider div .text_place .name {color: #2D2D2D; padding: 5px 7px 0; font-size: 24px; line-height: 38px}
.slider_place .slider div .text_place .text {padding: 0 7px; font-size: 12px; line-height: 18px; color: #2f2f2f}
.slider_place .slider ul {list-style: none}
.slider_place .slider div {float: left; display: inline; width: 639px}
.slider_place .slider div img {width: 100%; min-height: 100%}
.slider_place .navig {padding: 8px 0 1px; text-align: center}
.slider_place .navig a {text-decoration: none; display: inline-block; vertical-align: top; width: 15px; height: 16px; margin: 0 2px; background: url(/bitrix/templates/clsl_courses/images/slider.png) no-repeat 0 0}
.slider_place .navig a:hover, .slider_place .navig a.selected {background-position: right 0}
.slider_place .navig a span {display: none}

.catalog {padding: 0 0 0 13px}
.catalog.courses {padding: 0}
.catalog .post {border: 1px solid #dfdde0; padding: 3px 10px 3px 3px; background: #fff; overflow: hidden; margin: 0 0 10px; position: relative}
.catalog .post > img {float: left; display: inline; margin: 0 12px 0 0; border: 1px solid #c4c5c5}
.catalog .post .name {font-size: 15px; line-height: 17px; color: #3d3e3d; padding: 0 0 3px}
.catalog .post .text {font-size: 11px; line-height: 14px; color: #8a8a8a}
.catalog .post .teacher {font-size: 10px; line-height: 12px; padding: 3px 0 0 160px}
.catalog .post .teacher .title {font-size: 10px; line-height: 18px; color: #3d3e3d; padding: 0; margin: 0}
.catalog .post .teacher .title b {height: 10px; width: 72px}
.catalog .post .teacher .title span {font-style: normal}
.catalog .post .teacher .fio {float: left; margin-right: 20px; color: #8a8a8a; text-transform: uppercase}
.catalog .post .popup {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%}
.catalog .post .popup .name, .catalog .post .popup .row {height: 100%}
.catalog .post .popup .name {float: left; display: inline; width: 412px; padding: 0 16px; line-height: 23px; text-align: center; color: #fff; font-size: 18px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.65); overflow: hidden}
.catalog .post .popup .row {background: #e8645a; padding: 2px 7px; color: #fff; font-size: 11px; line-height: 14px}
.catalog .post .popup .row .date {padding: 0 0 7px}
.catalog .post .popup .row .date span {padding: 0 0 0 4px}
.catalog .post .popup .row .price {padding: 7px 0 3px}
.catalog .post .popup .row .price span {padding: 0 0 0 4px}
.catalog .post .popup .row .more_white {text-align: center}
.catalog .post:hover .popup {display: block}

.more_white {font-size: 10px; line-height: 18px; text-transform: uppercase; padding: 3px 0 0}
.more_white a {color: #fff!important}

.two_cols {overflow: hidden}
.two_cols .col {float: right; display: inline; width: 49%}
.two_cols .col:first-child {float: left}
.two_cols .title {padding: 6px 0 9px}
.two_cols .title b {width: 154px}
.two_cols .who_we {width: 41%}
.two_cols .who_we .text {padding: 6px 0 0 13px}
.two_cols .who_we .text p {font-size: 12px; line-height: 16px; margin: 0}
.two_cols .news_place {width: 56%}
.two_cols .news_place .news {padding: 9px 13px 0}
.two_cols .news_place .more {margin-right: 12px}

.news .post {border-bottom: 1px dashed #787878; padding: 24px 0 12px}
.news .post:first-child {padding-top: 0}
.news .post .date {float: left; display: inline; padding: 0 0 0 3px; width: 27px; border-right: 1px solid #c7c7c7; font-size: 10px; line-height: 10px; color: #777; margin: 0 12px 0 0; text-transform: uppercase}
.news .post .date b {font-size: 18.18px; line-height: 20px; color: #f2ad03; display: block; padding: 0 0 1px}
.news .post .more {float: right; display: inline; margin: -1px 0 0; padding: 0}
.news .post .name {font-size: 14px; line-height: 18px; color: #3d3e3d; margin: -3px 0 5px}
.news .post .text {line-height: 14px}

.clients_place .title {padding: 3px 0 0}
.clients_place .title b {width: auto}
.clients_place .clients {height: 61px; line-height: 61px; text-align: center; margin: -3px 0 0}
.clients_place .clients img {vertical-align: bottom; max-height: 61px; margin: 0 24px}

.menu_bot {padding: 32px 0 13px; font-size: 13px; text-transform: uppercase}
.menu_bot ul {list-style: none; padding: 0 0 0 13px}
.menu_bot ul li {display: inline-block; padding: 0 5px 0 9px; border-left: 1px solid #888; vertical-align: top; height: 14px; line-height: 14px}
.menu_bot ul li:first-child {padding-left: 0; border: 0}
.menu_bot ul li a {color: #7e7e7e}

.gallery {width: 202px; padding: 0 12px 0 0}
.gallery .photo_big {width: 200px; overflow: hidden; border: 1px solid #8a8a8a}
.gallery .photo_big img {width: 100%; vertical-align: top}
.gallery p {padding: 9px 2px 8px; color: #3d3e3d; font-size: 11px}
.gallery .thumbs {margin: 0 -11px 0 0; list-style: none}
.gallery .thumbs li {margin: 0 11px 7px 0; float: left; display: inline}
.gallery .thumbs li a {display: block; width: 58px; height: 58px; overflow: hidden; border: 1px solid #8a8a8a}
.gallery .thumbs li a img {min-height: 100%}

.course p, .course h2 {margin: 0 !important}
.course h2 {padding: 0px 0px 7px !important}
.course .text_place {padding: 2px 0 0 6px; font-size: 11px; line-height: 14px; color: #747474}
.course .text_place .details {padding: 0 0 17px}
.course .text_place .details p {padding: 0 0 3px}
.course .text_place .text p {padding: 8px 0 6px; line-height: 13px}
.course .text_place .table {margin-left: -6px !important}

.table {background: #fff; border: 1px solid #ebecef; padding: 1px}
.table, .table table {-moz-border-radius: 7px 7px 2px 2px; -webkit-border-radius: 7px 7px 2px 2px; border-radius: 7px 7px 2px 2px}
.table table {font-size: 11px; width: 100%; background: #fff; border-collapse: collapse}
.table table th, .table table td {border: 2px solid #ebecef; background: #fff}
.table table th {padding: 0 1px; border-top: 0; border-bottom: 0; text-align: center; font-weight: normal; color: #3d3e3d; text-transform: uppercase}
.table table thead tr th:first-child {border-left: 0; padding-left: 0}
.table table thead tr th:first-child, .table table thead tr th:first-child div {-moz-border-radius: 7px 0 0 0; -webkit-border-radius: 7px 0 0 0; border-radius: 7px 0 0 0}
.table table thead tr th:last-child {border-right: 0; padding-right: 0}
.table table thead tr th:last-child, .table table thead tr th:last-child div {-moz-border-radius: 0 7px 0 0; -webkit-border-radius: 0 7px 0 0; border-radius: 0 7px 0 0}
.table table th div {background: #ebecef; height: 37px; line-height: 37px; padding: 0 0 2px}
.table table tbody {line-height: 11px}
.table table tbody td {padding: 4px 6px 6px}
.table table tbody tr td:first-child {border-left: 0}
.table table tbody tr td:last-child {border-right: 0}
.table table tbody tr:first-child td {border-top: 0}
.table table tbody tr:last-child td {border-bottom-width: 1px}
.course .table {margin-top: 18px}

.form.bg {background: #e0e1e6 url(/bitrix/templates/clsl_courses/images/bg_form.png) repeat-x 0 bottom; padding: 8px 18px 10px 12px; margin: 1px 0 17px; overflow: hidden}
.form.bg h2 {text-transform: uppercase; font-size: 14px; padding: 0 0 10px}
.form.bg input, .form.bg .select, .form.bg textarea {border: 1px solid #ececec; height: 27px; line-height: 27px; padding: 0 6px; width: 252px; margin: 0 0 7px; background: #fff; color: #b8b8b8}
.form.bg .col {overflow: hidden; padding: 0 0 5px}
.form.bg .col:first-of-type {float: left; display: inline; margin: 0 16px 0 0; width: 266px; overflow: visible}

.form.bg .select_place .select, .form.bg input, .form.bg textarea {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px}
.form.bg .select_place .select .top b {top: 0; width: 26px; height: 28px; background: url(/bitrix/templates/clsl_courses/images/select_arrow2.png) no-repeat 0 0}
.form.bg .select_place .select .drop {top: 27px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px}
.form.bg .select_place .select .drop li a {padding: 1px 6px; color: #b8b8b8}
.form.bg .select_place .select.active {-moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0}

.form.bg .note {font-size: 11px; line-height: 14px}

.area {padding: 0 30px 0 0}
.area textarea {padding: 1px 14px!important; width: 100%!important; height: 98px!important}

.file {overflow: hidden}
.file input {float: left; display: inline; width: 141px!important}
.file .button {float: right; display: inline; padding: 1px 0 5px!important}

.button.small button {height: 24px; font-size: 11px; padding-top: 1px!important; text-shadow: none; text-transform: uppercase; border: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px}
.button.blue.small button {background: #7fc2ea; -webkit-box-shadow: 0 2px 0 #57b0e6; -moz-box-shadow: 0 2px 0 #57b0e6; box-shadow: 0 2px 0 #57b0e6; width: 98px}
.button.blue.small button:hover {background: #69b8e7}

.button.red.small {padding: 3px 0 0!important}
.button.red.small button {background: #ff6459!important; -webkit-box-shadow: 0 2px 1px #df3c33; -moz-box-shadow: 0 2px 1px #df3c33; box-shadow: 0 2px 0 #ff4d3e; padding: 0 14px}
.button.red.small button:hover {background: #fc4d43!important}

.posts_short .post {border-top: 1px solid #e5e5e5; overflow: hidden; padding: 15px 0 14px; color: #8a8a8a; font-size: 11px; line-height: 14px}
.posts_short .post:first-child {border: 0; padding-top: 0}
.posts_short .post .photo {border: 1px solid #8a8a8a; width: 125px; margin: 0 14px 0 0; float: left; display: inline}
.posts_short .post .photo img {width: 100%; vertical-align: top}
.posts_short .post .name {font-size: 15px; line-height: 21px; padding: 5px 0 0}
.posts_short .post .name a {color: #3d3e3d; text-decoration: none}
.posts_short .post .name a:hover {text-decoration: underline}
.posts_short .post .text {padding: 2px 0 6px}
.posts_short .post .autor {color: #3d3e3d}

/*--------------------
	left
--------------------*/
aside {float: left; margin-left: -100%; width: 278px; padding: 0 18px; background: url(/bitrix/templates/clsl_courses/images/bg.png) repeat-x 0 0}
aside .title b {margin-right: 26px}
aside .form .title {font-size: 22px; line-height: 43px; color: #000; text-shadow: 1px 1px 1px #fff; padding: 7px 0 6px}
aside .form {text-align: center; height: 296px}
aside input, aside .select, aside select {font-size: 16px}
aside .select_place {text-align: center}

.form .button {padding: 19px 0 0}

.menu_left {margin: 0 12px 0 10px}
.menu_left ul {list-style: none; font-size: 14px; line-height: 14px; padding: 0 1px; border: 1px solid #f1eeec; border-top: 0; border-bottom: 0; background: #fff}
.menu_left ul li {border-top: 1px solid #d8d7d1; padding: 1px 0}
.menu_left ul li:first-child {border: 0}
.menu_left ul li a {color: #3d3e3d; text-decoration: none; display: block; padding: 10px 5px 11px}
.menu_left ul li a:hover {background: #ebecef}

.shadow_right {margin: 0 -7px -18px 0; height: 21px; background: url(/bitrix/templates/clsl_courses/images/shadow_right.png) no-repeat right 0}

.reviews {padding: 0 27px 0 0; font-size: 11px; line-height: 14px}
.reviews .post {border-bottom: 1px solid #e1e1e1; padding: 13px 0 17px 11px; overflow: hidden}
.reviews .post:first-child {padding-top: 7px}
.reviews .post img {float: left; display: inline; margin: 2px 13px 0 0; padding: 2px; background: #fff; border: 1px solid #c5c5c5; -webkit-box-shadow: 0 0 4px #EEEBEB; -moz-box-shadow: 0 0 4px #EEEBEB; box-shadow: 0 0 4px #EEEBEB}
.reviews .post .text {color: #3d3e3d; padding: 0 0 12px}
.reviews .post .autor {color: #aaaaaa}

.more {text-align: right; padding: 6px 0 2px; font-size: 12px!important; line-height: 16px!important}
.more a {color: #fff!important; text-decoration: none}
.more span, .more b {background: #7fc2ea; display: inline-block; vertical-align: top; margin: 0 0 0 -3px; padding-bottom: 1px!important; height: 15px}
.more span {padding: 0 6px}
.more b {font-size: 20px!important; line-height: 14px!important; font-weight: normal; padding: 0 5px 0 3px}
.more a:hover span, .more a:hover b {background: #4ca3d5}

.social_place {padding: 5px 0 20px}
.social_place a {margin: 0 0 0 -3px}
.social_place a:first-child {margin: 0}
.social_place a:hover img {filter:alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5}

/*--------------------
	footer
--------------------*/
footer {background: #595959; position: relative; z-index: 3; color: #fff}
footer .inner {position: relative}
footer .inner > img {position: absolute; left: 0; top: -14px; width: 100%; height: 14px}
footer  .col {display: inline-block; vertical-align: top}
footer .col .title {color: #fff; font-size: 14px; line-height: 34px; text-transform: uppercase; padding: 0 0 5px}
footer .map_place {width: 312px; /*background: url(/bitrix/templates/clsl_courses/images/shadow_map.png) no-repeat right bottom; */margin: 0 34px 0 0}
footer .map_place .map {margin: 0 14px 20px 0; padding: 4px 5px; background: #fff; -webkit-box-shadow: -1px 0 0 #b7b7b7; -moz-box-shadow: -1px 0 0 #b7b7b7; box-shadow: -1px 0 0 #b7b7b7}

footer input, footer .select {margin: 0 0 7px; height: 27px; line-height: 27px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 3px; width: 252px; padding: 0 6px; color: #b8b8b8}
footer .select_place .select .top b {width: 30px; height: 27px; background: url(/bitrix/templates/clsl_courses/images/arrow_down.png) no-repeat center center}
footer .select_place .select .drop {top: 29px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; height: 170px; overflow-y: auto}
footer .select_place .select .drop li a {padding: 2px 13px}
footer .select_place .select .drop li a.active {font-weight: bold}
footer .select_place .select.active {-moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0}
footer .form {width: 266px; margin: 0 73px 0 0}
footer .form .button {padding: 9px 0 0}

footer .vcard .title {padding: 0 0 12px}
footer .vcard div {padding: 0 0 0 36px; margin: 0 0 6px; height: 25px; line-height: 25px}
footer .vcard div:first-child {margin: 0}
footer .vcard .tel {background: url(/bitrix/templates/clsl_courses/images/ico_tel.png) no-repeat 4px center}
footer .vcard .email {background: url(/bitrix/templates/clsl_courses/images/ico_email.png) no-repeat 0 center; margin: 0 0 7px}
footer .vcard .skype {background: url(/bitrix/templates/clsl_courses/images/ico_skype.png) no-repeat 0 center; margin: 0 0 10px}
footer .vcard .icq {background: url(/bitrix/templates/clsl_courses/images/ico_icq.png) no-repeat 1px center}
footer .copy {position: absolute; right: 0; bottom: 12px; font-size: 11px; line-height: 18px; text-align: right}

/*--------------------
	popup_place
--------------------*/
.popup_place {position: absolute; left: 0; top: 0; width: 100%; display: none}
.popup_place .bg {background: rgb( 0, 0, 0); background: rgba( 0, 0, 0, 0.5); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100}
.popup_place .popup {background: #fff; margin: 0 auto; width: 327px; border: 1px solid #d1d1d1; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; position: relative; z-index: 101}
.popup_place .popup .close {position: absolute; right: 11px; top: 11px; width: 28px; height: 28px; text-indent: -9999px; overflow: hidden; text-decoration: none; background: url(/bitrix/templates/clsl_courses/images/close.png) no-repeat 0 0}
.popup_place .popup .in {padding: 16px 29px; font-size: 11px; line-height: 11px}
.popup_place .popup .in .text {padding: 0 0 19px}
.popup_place .popup .in .text p {padding: 4px 0 3px}
.popup_place, .popup_place input {color: #bbbbbb}

.popup_window .title {color: #747474; text-transform: uppercase; padding: 0 0 4px}
.popup_window .input input {height: 27px; line-height: 27px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 252px; padding: 0 6px; margin: 0 0 7px; border: 1px solid #ececec}
.popup_window .button.mid {padding: 18px 0 15px}
.popup_window .drop {margin: 20px}
.popup_window .drop li {list-style: none}
.popup_window .drop li a {display: block; height: 27px; line-height: 27px; padding: 3px 13px; text-decoration: none}
.popup_window .drop li a:hover {background: #f3f3f3}


.button.mid button {height: 33px; font-size: 18px; text-shadow: 0 1px 0 #2e5091; border: 1px solid #7bb0e1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #90bee7 url(/bitrix/templates/clsl_courses/images/button_blue_mid.png) repeat-x 0 bottom!important}
.button.blue.mid button {background: #7fc2ea; -webkit-box-shadow: 0 2px 3px #6f7175; -moz-box-shadow: 0 2px 3px #6f7175; box-shadow: 0 2px 3px #6f7175}

/* courses */
.courses {list-style: none; margin: 0; padding: 0}
.courses li {float: left; width: 151px; height: 246px; margin: 0 13px 13px 0; padding: 0; text-align: center; border: 1px solid #eeeeee; border-top: 0; border-bottom: 1px solid #cecece}
.courses li .img {margin: 16px auto 12px auto; width: 121px; height: 121px; overflow: hidden; border: 1px solid #939393}
.courses li .img img {width: 121px; height: 121px}
.courses li .c_title {height: 55px; padding: 0 2px; overflow: hidden; font-size: 12px; line-height: 17px; color: #3d3e3d}
.courses li:hover {background: #e8645a}
.courses li:hover .c_title {color: #fff}
.courses li .c_detail {display: block; line-height: 27px; font-size: 11px; color: #fff !important; text-transform: uppercase; border-radius: 2px; text-decoration: none; width: 98px; height: 27px; margin: 0px auto; text-align: center; background: url(/bitrix/templates/clsl_courses/images/c_detail_bg.png) repeat-x}


/* actions */
.action_item {float: left; width: 616px; font-size: 11px; line-height: 14px; color: #8a8a8a; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #e5e5e5}
.action_item:last-child {border: 0}
.action_item .a_img {width: 200px; height: 200px; border: 1px solid #8a8a8a; margin-right: 18px; float: left}
.action_item .a_img img {width: 200px; height: 200px}
.action_item .a_info {float: left; width: 396px; padding-top: 7px}
.action_item .a_period {margin-bottom: 12px}
.action_item .a_period span {color: #e8645a}
.action_item .a_name {font-size: 15px; line-height: 18px; color: #3d3e3d}
.action_item .a_text {margin-top: 11px}
.action_item .a_text_title {font-weight: bold; margin-bottom: 3px; color: #747474}


/* news */
.news_item {float: left; width: 616px; font-size: 11px; line-height: 14px; color: #8a8a8a; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #e5e5e5}
.news_item:last-child {border: 0}
.news_item .a_img {width: 125px; height: 125px; border: 1px solid #8a8a8a; margin-right: 18px; float: left}
.news_item .a_img img {width: 125px; height: 125px}
.news_item .a_info {float: left; width: 616px; padding-top: 7px}
.news_item .a_period {margin-bottom: 12px}
.news_item .a_period span {color: #e8645a}
.news_item .a_name {font-size: 15px; line-height: 18px; color: #3d3e3d}
.news_item .a_text {margin-top: 11px}
.news_item .a_date {font-size: 12px; color: #F2AD03}
.news_item .a_text_title {font-weight: bold; margin-bottom: 3px; color: #747474}
.news_item .more {float: right; display: inline; margin: 3px 0 0; padding: 0}

.news_detail {margin-bottom: 20px}
.news_detail .d_img {width: 200px; border: 1px solid #8a8a8a; margin-right: 18px; float: left; line-height: 0}
.news_detail .d_title {font-size: 15px; line-height: 18px; color: #3d3e3d; margin-bottom: 6px}
.news_detail .d_date {}
.news_detail .d_text {font-size: 11px; line-height: 14px; margin-top: 14px}


/* contacts */
.contacts_item {width: 615px; paddng-bottom: 29px; border-bottom: 1px solid #e5e5e5; margin-bottom: 29px}
.contacts_item .map {border: 1px solid #8a8a8a; float: left; margin-right: 13px}
.contacts_item .c_title {font-size: 15px; color: #3d3e3d; margin-bottom: 12px}
.contacts_item:last-child {border: 0}

#review_form textarea {overflow: hidden; line-height: 16px}
#review_form .result_text {font-size: 12px}

.p404 {text-align: center}
.p404 a {font-family: Tahoma; font-size: 11px; color: #565656 !important; display: block}
.clsl {text-decoration: none; color: #fff}

/*ie8*/
.slider_place .slider li .text_place {zoom:1; *background:#fff; background:#fff/9; filter:alpha(opacity=50)}
.catalog .post .popup .name {zoom:1; *background:#000; background:#000/9; filter:alpha(opacity=65); height: 116px/9; line-height: 116px/9}
.popup_place .bg {zoom:1; *background:#000; background:#000/9; filter:alpha(opacity=50)}
/* End */
/* /bitrix/templates/clsl_courses/styles.css?17146626521 */
/* /bitrix/templates/clsl_courses/template_styles.css?171466265227846 */