@charset "utf-8";
/* CSS Document */

body{	
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:22px;	
	text-align:center;
	background:#FFFFFF;
	/*
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;

	*/
	margin: 0;
	width:100%;
}

#body_index{
	background:#FFFFFF;
}

body > p{
	width:22cm;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

.cap{
	position: relative;
	margin-top: -10px;
	background:#64727C;
	color:#FFFFFF;
	text-align:center;	
}

.cap #main_link {
	float:left;
	margin-left: 40px;
}
	
.cap #local_link{
	float:right;		
}

.cap #lang_link{
	float:right;
	margin: 0 40px;
}

.cap #orange{
	color:#FF6600;	
}

.cap #mini{
	font-size:10px;	
}

.cap p{
	position:relative;
	top:40px;
	font-size:36px;
}

.cap > div{
	padding: 12px 0;
	word-spacing:5px;
}

.cap p span{
	font-size:50px;
}

.cap a{
	color:#FFFFFF;
	text-decoration:none;	
	font-size:14px;
	padding: 6px;
	border: 1px solid #5A6771;
}

.cap a:hover{
	border: 1px solid #FFFFFF;	
}

.cap h1{
	position:relative;
	top:40px;
	font-size:36px;
}

.video_place {
	background:#FABF8F;
	padding: 50px 0 50px;
	margin: 60px 0 25px;
}

/* Button > */
.b-button {
	padding: 9px 10px;
	border: 1px solid #596770;
	font: 700 14px/18px Arial, Tahoma, sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
	/*text-transform: uppercase;*/
	background-color: #596770;
	white-space: nowrap;
	cursor: pointer;
}
.b-button.b-link {
	line-height: 20px;
}

.b-button_viewtype_standart {
	background-color: #7fb24a;
}
.b-button_viewtype_standart:hover,
.b-button:hover {
	/*border: 1px solid #BBE5F7;*/
	text-shadow: 0 0 0.5em #FFF;
	background-color: #fff;
	color: #596770;
}
.b-button_viewtype_alt {
	background-color: #dfae31;
}
.b-button_viewtype_alt:hover {
	background-color: #efbe41;
}
.b-button_viewtype_alt-2 {
	background-color: #7d7d7d;
}
.b-button_viewtype_alt-2:hover {
	background-color: #939393;
}
.b-button_viewtype_inactive,
.b-button_viewtype_inactive:hover {
	background-color: #7d7d7d;
	text-shadow: none;
	cursor: default;
	opacity: 0.2;
}

.b-button_size_xxs {
	width: 40px
}
.b-button_size_xs {
	width: 60px
}
.b-button_size_s {
	width: 100px
}
.b-button_size_m {
	width: 120px
}
.b-button_size_l {
	width: 140px
}
.b-button_size_xl {
	width: 180px
}
.b-button_size_xxl {
	width: 200px
}
/* Button > */

#buttons{
	margin: 60px;
}

#buttons a{
	padding: 15px 40px 15px;
	margin: 0 20px 0;
	color:#FF6600;
	text-decoration:none;	
	font-size:18px;
	font-weight:600;
	border: 1px solid #FF6600;
}

#buttons a:hover{
	background:#FF6600;
	padding: 15px 40px 15px;
	margin: 0 20px 0;
	color:#FFFFFF;
	text-decoration:none;	
	font-size:18px;
	font-weight:600;
	border: 1px solid #FF6600;
}

#resent_button:hover{
	color:#FF6600;
}

.pics{
	background:#D8DBDD;
	width: 22cm;
	padding-left:70px;
	margin-bottom: 1.5cm
}

#table_pics{
	margin:auto;
	margin-bottom:2cm;
	padding:1.5cm 3cm 1.5cm;
	background:#D8DBDD;
}

.pics img{
	margin: 30px 20px 20px 30px; 
}

#table_img{
	margin:auto;
	width:20cm;
	padding-top:1.5cm;	
}

#courses_img{
	text-align:center;
	margin-bottom:2cm;]
	margin-top:2cm;
}

ul{
	list-style-type: none; /* Убираем маркеры */
}

#alert_text_login2{
	position:absolute;
	margin-left: -150px;
}

.foo{
	background:#000000;
	color:#FFFFFF;	
}

.foo p{
	font-size:14px;	
}

.foo #orange{
	color:#FF6600;	
}

.foo #mini{
	font-size:10px;	
}

.foo > div{
	padding-top:50px;
	padding-bottom: 150px;
	word-spacing:5px;
}

.foo p span{
	font-size:50px;
}

.foo a{
	color:#FFFFFF;
	text-decoration:none;	
	font-size:14px;
	padding: 6px;
	border: 1px solid #000000;
}

.foo a:hover{
	border: 1px solid #FFFFFF;	
}

.foo #main_link {
	float:left;
	margin-left: 40px;
	font-size:14px;	
	text-align:left;
	line-height:21px;
	word-spacing:1px;
}
	
.foo #local_link{
	float:right;
	margin-right: 40px;		
}

.foo #local_link img{
	position:relative;
	left: 26%;	
}

#no_border{
	border:0;
}

.img_block .content_block {
    width:193px;
    height: 129px;
    text-align:center;
    min-height:129px;
    font-family: 'Roboto', sans-serif;
    font-weight:400;	
}
.img_block a.content_block {
    display:block;
    position: relative;
    overflow:hidden;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;	
}
.img_block a.content_block span {
    background: rgba(90,103,113, 0.7);
    width:100%;
    height:0px;
    font-size:16px;
    line-height:16px;
    position:absolute;
    display:block;
    bottom:0px;
    left:0;
    z-index: 9910;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.img_block a.content_block span p {
	padding:5px;	
}

.img_block a.content_block:hover span {
    bottom:0;
    height:100%;
    color: #ffffff;
}

input {
	font-size: 16px;
	width: 100%;
}