html, body {
    background:url("files/theme/logo.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment:fixed;
	font-family: Arial, Verdana;
    font-size: 0.9em;
	
	text-align: center;
	margin: 0;
}

.top {
   display: flex;
   z-index: 2;
   position: relative; 
}

.top > div {
	flex-grow: 1
}

.center {
	width: 1000px;
}


.page {

	min-height: calc(100vh - 42px);
    background-color: #444C58;/*#f8f8f8;*/
    border: 1px solid #dedede;
    background: linear-gradient(to bottom, #dedede 100px, #f8f8f8 250px );
	box-shadow: 0 0 10px 1px #808080;
  }
  
  .side-left,
  .side-right {
	 flex-basis: 300px;
  }
  
  .side-right {
	 margin-left: 10px;
  }
  .side-right > div {
	  padding: 15px;
	background-color: #444C58;/*#f8f8f8;*/
    border: 1px solid #dedede;
    background: linear-gradient(to bottom, #dedede 100px, #f8f8f8 250px );
	box-shadow: 5px 5px 10px 1px #808080;
	margin-top: 10px;
	margin-right: 10px;
	border-radius: 4px;
	
	position: fixed;
	opacity: 0.6;
  }
  
  .side-right1{
      flex-basis: 300px;
  }
  .side-right1{
      margin-left: 100 px;
  }
  .side-right1 > div {
	  padding: 15px;
	background-color: #444C58;/*#f8f8f8;*/
    border: 1px solid #dedede;
    background: linear-gradient(to bottom, #dedede 100px, #f8f8f8 250px );
	box-shadow: 5px 5px 10px 1px #808080;
	margin-top: 170px;
	margin-right: 10px;
	border-radius: 4px;
	
	position: fixed;
	opacity: 0.6;
  }
  
.header {
    text-align: center;
	height: 694px;
    width: 100%;
	margin-top: 0;
    margin: 0;
	font-family:"Times New Roman", Times, serif;
	background: url("files/theme/logo.png") no-repeat center top;
    background-position: center;
	color: red;
	margin-top: 10px;
}

.header-text{
    font-size: 40px;
    font-weight: bold;
}

.main {
   margin: 0px 20px 30px 40px;

}

.footer {
    height: 20px;
    margin-top: 2px;
	color: white;
}

.footer > span>a:link,
.footer > span>a:visited,
.footer > span>a:active,
.footer > span {
	
	color: white;

}
.center { text-align: center; }
 
.left {	float: left; }

.right { float: right; }

.hidden { display: none; }

.opacity05 {
    opacity: 0.5;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.flag {
    height: 32px;
    width: 32px;
    float: right;
}
.ru { background: url("../content/flag_of_russia.png") no-repeat; }

.en { background: url("../content/flag_of_united_kingdom.png") no-repeat; }

h1 {
 font-size: 24px;
 font-weight: bold;
 margin: 0;
 font-family:"Times New Roman", Times, serif;
 padding-left: 40px;
}

.content {
    vertical-align: top;
}

.content>ul{
    padding:0;
    margin: 0;
}

.content li{
    margin-bottom: 5px;
}

.content-r{
    width: 300px;
    text-align: center;
}

.content-r>hr{
    width: 80%;
    color: #C8D4DB;
}

.content-r>a>img{
    width: 100px;
}

.description {  
    font-size: 0.8em;
    width: 200px;
    padding-left: 50px;
}

a:link {  
    text-decoration: none;
}
a:hover {  
    text-decoration: underline;
}

table{
    padding: 0;
    margin: 0;
}

.ramka{
    border: 1px solid #000000;
    padding: 1px;
}

.otstup{
    padding-left: 24px;
}

.link{
    cursor: pointer;
}
.blueText {
	color: blue;
}
.greenText {
	color: green;
}
.brownText {
	color: brown;
}
.redText {
	color: red;
}

.pinText {
	color: #FF1493;
}
.darkText {
	color: #000;
}
.skyText {
	color: #87CEEB;
}
.azureText {
	color: #008080;
}

.blueLink a, .blueLink a :hover {
color: blue;
}
.greenLink a, .greenLink a:hover {
color: green;
}
.brownLink a, .brownLink a:hover {
color: brown;
}
.redLink a, .redLink a:hover {
color: red;
}
.pinkLink a, .pinkLink a:hover {
color: #FF1493;
}
.darkLink a, .darkLink a:hover {
color: #000;
}
.skyLink a, .skyLink a:hover {
color: #87CEEB;
}
.azureLink a, .azureLinka:hover {
color: #008080;
}