@import url("template_styles.css");

/* Styles to show in WYSIWYG */
html, body {
	font: 16px/1.2	'PT Sans', arial, helvetica, sans-serif;
	color: #333;
}
*,a:focus {outline:none}
a {
	text-decoration:none;
	color:#2e2b50;
	-webkit-transition: .25s ease-out;
	-moz-transition: .25s ease-out;
	-o-transition: .25s ease-out;
	transition: .25s ease-out;
}
a:hover{
	color:#eb3f41;
	text-decoration:none;
}
p {
	margin:0;
	padding:0.6em 0;
}

img{
	border:0;
}


h1, h2, h3, h4, h5, h6, .h {
	font-weight:bold;
	line-height:1.2;
	margin:0;
	padding:0.4em 0;
	font-family:'Lora','Georgia', 'Times New Roman', serif;
	font-weight:normal;
	text-align:center;
}
h1, .h1, h2, .h2 {
	font-size:2.25em;
	text-transform:uppercase;
	padding:0.7em 0;
}
h3, .h3 {font-size:2.25em;padding:0.7em 0;}
h4, .h4 {font-size:1.5em}
h5, .h5 {
	font-size:1.875em;
	text-transform:uppercase;
	font-family:'PT Sans', arial, helvetica, sans-serif;
	padding:0.4em 0;
}
h6, .h6 {
	font-size:1.125em;
	font-weight:bold;
	text-transform:uppercase;
	font-family:'PT Sans', arial, helvetica, sans-serif;
	line-height:1.26;
	padding:40px 0 19px 0
}

h1{
	padding-bottom: 0px;
}

.btn {
	color:#2e2b50;
	background:none;
	border:1px solid #2e2b50;
	height:43px;
	line-height:41px;
	min-width:218px;
	border-radius:0;
	outline:none !important;
	-webkit-transition:0.1s ease-out;
	-moz-transition:0.1s ease-out;
    -o-transition:0.1s ease-out;
	transition:0.1s ease-out;
	text-decoration:none;
	box-sizing:border-box;
	display:inline-block;
	position:relative;
	text-align:center;
	margin:0 9px;
}
.btn:hover, .btn:active, .btn:focus {
	/*color:#eb3f41;*/
	color:#fff;
	border-color:#eb3f41;
	background-color:#eb3f41;
}
.btn-white {
	color:#fff;
	background:#b662c0;
}
.btn-white:hover {
	color:#fff;
	border-color:#eb3f41;
	background:#eb3f41;
}
.btn-blue {
	color:#fff;
	border-color:#0a4595;
	background:#0a4595;
}
.btn-blue:hover {
	color:#fff;
	border-color:#eb3f41;
	background:#eb3f41;
}
.btn-red {
	color:#fff;
	border-color:#eb3f41;
	background:#eb3f41;
}
.btn-red:hover {
	color:#fff;
	border-color:#ff585a;
	background:#ff585a
}
.btn-white-bg {
	background-color:#fff;
}
ul.marker {
    padding:0;
    overflow: hidden;
	list-style:none;
}
ul.marker li {
	padding:2px 0 3px 20px;
	position:relative;
}
ul.marker li:before {
	content:'\2022';
	position:absolute;
	display:block;
	left:0;
	top:-1px;
	font-size:1.2em
}
ul.marker li a {text-decoration:none}
ul.marker li a:hover {text-decoration:underline}

ul.marker-check li {padding-left:28px;}
ul.marker-check li:before {
	content:'';
	width:17px;
	height:14px;
	background:url('/bitrix/templates/vib/img/marker-check.png') no-repeat 0 0;
	top:4px;
}




.gray {color:#999}

.contable {
	width:100%;
	margin-bottom:50px
}
.contable1 {
	width:50%;
	float: left;
	margin-bottom:50px
}
.contable p {
	padding:0.2em 0;
}
.contable p.post {
	padding:0.5em 0 0.8em 0;
}
.contable td {
	padding:20px 0 20px 20px;
	vertical-align:top;
	width:33%
}
.contable tr td:first-child {padding-left:0;}
.contable tr td.img {width:90px}

.wrapper table.striped td{
	border-width: 0px;
}
.striped tr, .striped td {position:relative;}
.striped tr .strip-bg {position:absolute; left:0; width:50%}
.striped tr:nth-child(even) .strip-bg:before {
	content:'';
	display:block;
	width:10000px;
	height:100%;
	width:100%;
	top:0;
	bottom:0;
	left:0;
	position:absolute;
}
ol {
	margin:0 0 0 20px;
	padding:19px 0
}
ol li {padding:0 0 1px 10px}
ol ul {
	margin:0;
	list-style:none;
	padding:1px 0 19px 30px
}

img.f_left {margin:0 25px 5px 0}
.hr {
	clear:both;
	width:100%;
	border-top:1px solid #cad6e1;
	margin:54px 0;
}

.table-pics {
	margin:45px auto 21px auto;
	max-width:100%
}
.table-pics td {
	vertical-align:top;
	padding:40px 0 0 20px;
	text-align:center;
	text-transform:uppercase;
}
.wrapper .table-pics td{
	border-width: 0px;
}
.table-pics tr:first-child td {padding-top:0}
.table-pics tr td:first-child {padding-left:0}
.table-pics td img {
	margin-bottom:10px;
	max-width:100%
}
.table-pics td a {text-decoration:none}


.center{
	text-align: center;
}

.border {border:1px solid #ccc}

.table-teachers td {width:50%}
.table-teachers td.img {width:90px}

.wrapper table.border th,
.wrapper table.border td{
	border: 1px solid #555;
	padding: 10px;
}
img{
	margin-right: 10px;
}

@media (max-width: 768px) {
	.hr {margin:30px 0}
}
@media (max-width: 650px) {
	img.f_left {max-width:50%}
	.table-pics, .table-pics tbody, .table-pics tr {display:block; width:100%}
	.table-pics td {display:block; clear:both; padding:0 0 25px 0; width:100%}
	.table-pics td img {margin-bottom:10px}
}
@media (max-width: 400px) {
	.hr {margin:15px 0}
}
.example {
    position:relative;
   /* background : url('../img/bgp.jpg');*/
    /*width:100%;*/
    overflow:hidden;
    margin:20px auto;
    padding:20px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}