body {
	position: relative;
	padding-top: 50px;
	max-width: 1920px !important;
	min-width: 300px !important;
	margin:auto !important;
}

html, body {
  	height: 100%;
}
.my_row {
	width:100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	margin: 0 auto -3em;
}
.footer, .push {
	height: 3em;
	clear: both;
}
.copy-rit {
	height: 100%;
	text-align: right;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	color:#B5B5B5;
	background-color:#f5f5f5;
	border:1px solid #f3f3f3;
}
.copy-rit p {
	height: 100%;
	padding: 12px 15px 15px 15px;
	margin:0px !important;
}
.copy-rit a {
	color: #8DB6CD;
	}
.copy-rit a:hover {
	color: #00CD00;
	text-decoration:none;
}
.myorphus {
	padding: 0px 5px 0 5px;
}
.myorphus img{
	margin:5px 10px 0px 0px;
}
.myorphus span{
	font-size: 12px;
	padding-left:20px;
	color: #31708F;
}
.myorphus span:hover{
	color: #19334a;
}
.myorphus a:hover{
	text-decoration:none;
}
.block1 {
	width:100%;
	max-width:1920px;
	background-image: url('../img/mainpicture3.png');
	min-height: 700px;
	position:fixed;
	top:50px;
	z-index:1;
	background-position: 15% 0%;
/* 	opacity: 0.6; */
/*     filter: alpha(opacity=60); */
/*     -moz-opacity:0.60; */
/*     -khtml-opacity: 0.60; */
}
.block1 > .text-on-block1 {
	padding: 0px 0px 0px 0px;
	z-index: 5;
/* 	color: #a94442;  */
	color: #d9534f;
	text-shadow: black 2px 1px 3px;

}
.block1 > .text-on-block1 > .myline{
	background-color: rgba(10,49,92,0.6);
	font-family:'Times New Roman';
	color:#efc37f !important;
}
.block2 {
	position:relative;
	z-index: 10;
	width:100%;
	max-width:1920px;
	background-color:white;
	margin: 700px 0 0 0;
	padding: 0px;
}
/* .block2 > .toptext { */
/* 	margin-right: 0px; */
/* 	padding-right: 0px; */
/* 	background-color: #0a315c; */
/* 	background-image: -moz-linear-gradient(top, #08457e, #0a315c); */
/* 	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08457e), to(#0a315c)); */
/* 	background-image: -webkit-linear-gradient(top, #08457e, #0a315c); */
/* 	background-image: -o-linear-gradient(top, #08457e, #0a315c); */
/* 	background-image: linear-gradient(to bottom, #08457e, #0a315c); */
/* 	background-repeat: repeat-x; */
/* 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff08457e', endColorstr='#ff0a315c', GradientType=0); */
/* 	border-color: #003366; */
/* } */
/* .block2 > .toptext h2 { */
/* 	margin: 5px 0 5px 0; */
/* 	 */
/* 	color:#efc37f; */
/* 	text-shadow: black 1px 1px 1px; */
/* } */
/* .block3 { */
/* 	background-color: trasparent !important; */
/* 	background-image: url('../img/block2.jpg') !important;  */
/* 	min-height: 600px; */
/* 	background-position: 90% 30%; */
/* 	position:relative; */
/* 	z-index: 10; */
/* } */
/* .block3 .text-on-block3 { */
/* 	position: absolute; */
/* 	right:60px; */
/* 	top: 250px; */
/* 	color: white; */
/* 	z-index: 5; */
/* } */
/* .block4 { */
/* 	position:relative; */
/* 	z-index: 10; */
/* 	background-color:white; */
/* 	width:100%; */
/* } */
.my-play-but {
	background-image: url('../img/play-button.png');
	height: 90px;
	width: 90px;
	margin-left: -45px;
	margin-top: -45px;
	position: absolute;
	overflow: hidden;
	text-indent: -999px;
	top: 50%;
	left: 50%;
}
.my-galary-ident {
	position: absolute;
	height: 50px;
	left: 20%;
	width:330px;
	cursor: pointer;
}
.my-galary-ident > .my-gallary-but {
	background-image: url('../img/galary-button_new.png');
	height: 70px;
	width: 70px;
	overflow: hidden;
	text-indent: -999px;
	float:left;
	margin-top:-80px;
}
.my-galary-ident > .my-gallary-but-text {
	color:white;
	font-size: 25px;
	float:right;
	margin-top:-80px;
	padding:20px 40px 20px 0;
	opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    /*font-style:italic;*/
}
.my-galary-ident > .my-gallary-but-text > a {
	text-decoration: none;
	color:white;
}
.my-galary-ident > .my-gallary-but-text > a:hover {
	text-decoration: none;
	color:white;
}
@media (min-width: 1750px)
{
	.my-galary-ident {
		left: 30%;
	}
}

.under-image-text {
	padding: 10px 20px 10px 20px;
	color: grey;
	font-size: 12px;
	/*margin: 0px !important;*/
	text-align: center !important;
}
.under-image-text p {
	margin: 0px !important;
	text-align: center !important;
}
.animate {
	opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
}
/* .navbar-default { */
/* 	background-color: #E7E7E7; */
/* 	border-color: #E6E6E6 !important;	 */
/* } */
.navbar-default {
 //background-color: #0a315c;
  background-image: -moz-linear-gradient(top, #08457e, #0a315c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08457e), to(#0a315c));
  background-image: -webkit-linear-gradient(top, #08457e, #0a315c);
  background-image: -o-linear-gradient(top, #08457e, #0a315c);
  background-image: linear-gradient(to bottom, #08457e, #0a315c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff08457e', endColorstr='#ff0a315c', GradientType=0);
  border-color: #003366;
}
.navbar-default .navbar-brand,
.navbar-default .nav > li > a {
  color: #bbcbdf;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar-default .navbar-brand:hover,
.navbar-default .nav > li > a:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .nav > li > a:focus {
  color: #ffffff;
}
.test2 {
	min-width: 300px !important;
	max-width: 1920px !important;
}
@media (min-width: 1921px)
{
	.test2 {
  	width: 1000px;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	}
}
.book-menu {
	position:fixed;
	right: 5px;
	height:92%;
	width: 280px;
	margin-top:20px;
	z-index: 1000;

}
.book-menu .hide-book-menu {
	position:relative;
	top:30%;
	width: 30px;
	height: 140px;
	padding-left: 5px;
	background-color: #CFCFCF;
	float: left;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.book-menu .book-menu-content {
	padding: 5px 5px 10px 5px;
	border-radius: 3px;
	width: 250px;
	border: 1px solid #EEE8CD;
	background-color: #F5F5F5;
	height:92%;
	float:right;
	overflow-y:scroll;
	overflow-x:hidden;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.book-menu a {
	text-decoration: none;
}
.book-menu li {
	font-size: 13px;
	font-style: italic;
}
.book-menu .myactive a {
	color: grey !important;
}
.book-menu .myactive a:hover {
	color: #4F4F4F !important;
}
.book-menu .active a {
	color: grey !important;
	background-color: #f2f2f2;
	border-left:2px solid silver;
	margin-left:-2px;
}
.book-menu .active a:hover {
	color: #4F4F4F !important;
}
.my-buttoms {
	margin-bottom: 30px;
}
@media (min-width: 992px)
{
	.my-book p,ul,ol{
		margin-right: 300px;
		text-align: justify;
	}
	.my-book ol > ul {
	margin-right: 0px;
	}
	.my-book ul > ol {
	margin-right: 0px;
	}
	.my-book .fullscreenimage {
		margin-right: 300px;
	}
	.my-book h1,h2,h3,h4,h5  {
		margin-right: 200px;
	}
	.my-buttoms a {
		margin-right: 300px;
	}
}
@media (min-width: 768px) and (max-width: 991px)
{
	.my-book p,ul,ol  {
	margin-right: 150px;
	text-align: justify;
	}
	.my-book ol > ul {
	margin-right: 0px;
	}
	.my-book ul > ol {
	margin-right: 0px;
	}
	.my-book .fullscreenimage {
		margin-right: 150px;
	}
	.my-book h1,h2,h3,h4,h5  {
		margin-right: 100px;
	}
	.my-buttoms a {
		margin-right: 150px;
	}
}
@media (max-width:767px)
{
	.my-book p,ul,ol {
	margin-right: 0px;
	text-align: justify;
	}
	.my-book ol > ul {
	margin-right: 0px;
	}
	.my-book ul > ol {
	margin-right: 0px;
	}
	.my-book .fullscreenimage {
		margin-right: 0px;
	}
	.my-book h1,h2,h3,h4,h5  {
		margin-right: 0px;
	}
	.my-buttoms a {
		margin-right: 0px;
	}
	.book-index .mygrid {
		margin-top: 10px !important;
	}
}
.my-book h3 {
	color: #b94a48;
}
.my-book .table td {
	vertical-align: middle !important;
}
.book-index p,a,h1,h2,h3,h4,h5,table {
	margin-right: 0px;
}
.book-index a {
	color:#333;
	text-decoration: none;
}
.book-index a:hover {
	color:#494949;
}
.book-index .tile {
/* 	min-height: 250px; */
	border:1px solid #e9e9e9;
	border-radius:10px;
	background-color: #fafafa;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	padding:10px;
}
.book-index .tile:hover {
	background-color: #f4f3f3;
}
/* ����� ��� ������� Orphus */
.orphus {
    background-color: #F5F5F5;
    border: 1px solid #EEE8CD;
    border-radius: 5px;
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    padding:1em;
}
.orp-header {
    font-weight: bolder;
    padding-bottom: 0.2em;
}
.orp-quote {
    padding: 0 0 1em 1em;
    font-style: italic;
}
.orp-quote strong {
    color: #b94a48;
}
.mynews .newscontent {
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #F5F5F5;
}
.newscontent > .content-header > p {
	font-size: 20px;
	font-weight:bold;
	padding:10px;
	margin: 0px;
}
.newscontent > .content-text {
	margin-top:10px;
	margin-bottom: 20px;
}
.newscontent > .content-text > p {
	font-size: 12px;
}

.mynews .newsbuttons {
	padding: 5px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #F5F5F5;
}
/* Styles of screens.php */

.screenscontainer > .lms-screen > .radio,.checkbox {
	padding: 5px 0px 5px 30px;
    font-weight: normal !important;
}
.screenscontainer > .lms-screen > .text {
    padding: 10px 0px 10px 10px;
    font-weight: normal !important;
}

 .checkboximage {
    padding-left: 30px;
}

 .lms-screen label.text {
    margin-top: 5px;
 }

.lms-screen label.checkboximage {
    margin-top: 10px;
    margin-bottom: 10px;
}

.lms-screen b {
    width: 100%;
    padding: 10px 10px 10px 10px;
    background-color: #E7E7E7;
    display: block;
    border-radius: 5px;
}
.pdf_div {
	margin-top: 30px;
	padding-left: 20%;
}
.pdf_div > a {
	text-decoration:none;
	text-align:center;
}
.pdf_div > a > #icon {
	margin-right:10px;
	display: inline-block;
}
.pdf_div > a > #text {
	display: inline-block;
	margin-top:-25px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 23px;
	vertical-align: middle;
}
@media (max-width:470px) {
	.pdf_div {
		padding-left: 0px;
	}
	.pdf_div > a > #text {
		display: block;
		margin-top: 0px;
		text-align: center
	}
	.pdf_div > a > #icon {
		display: block;
		text-align: center
	}
}

img.logo-rounded {
	border-radius: 20px;
}
@media (min-width: 768px)
{
	.mycollapse {
		float: right !important;
	}	
	.vk-avatar>img {
		margin: 5px 5px 5px 0;
	}
}
@media (max-width: 767px)
{
	.vk-avatar>img {
		margin-left: 15px;
	}
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  /*padding-bottom: 56.25%;*/
  padding-bottom: 47%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}