html{
	 box-sizing: border-box;
margin:0px;
padding:0px;
background-image:url(img/fon1.png);
background-size:100% 100%;
text-align:center;
background-color:#87CEFA;
}

*, *:before, *:after {
  box-sizing: inherit;
}

.column {
  float: right;
  width: 49%;
  margin-bottom: 16px;
  padding: 0 8px;
}

@media screen and (max-width: 650px) {
  .column {
    width: 100%;
    display: block;
  }
}


.container {
  padding: 0 16px;
}

.container::after, .row::after {
  content: "";
  clear: both;
  display: table;
}



.column {
  float: left;
  width: 49%;
  margin-bottom: 16px;
  padding: 0 8px;
}

.brd  {
		margin-top: 100px;
		width: 330px;
    border: 4px double black; /* Параметры границы */
    background: #DCDCDC; /* Цвет фона */
    padding: 10px; /* Поля вокруг текста */
}

.brdr  {
		margin-top: 100px;
    width: 330px;
    border: 4px double black; /* Параметры границы */
    background: #DCDCDC; /* Цвет фона */
    padding: 10px; /* Поля вокруг текста */
}


@media screen and (max-width: 650px) {
  .column {
    width: 100%;
    display: block;
  }
}



.aauth {
    color: #7c9ab7;
    font-weight: bold;
    text-decoration: none;
}

p {
    margin: 10px 0;
}

.authfrm {
    display: flex;
    flex-direction: column;
    width: 300px;
}

input {
    margin: 1px 0;
    padding: 5px;
    border: unset;
    border-bottom: 2px solid #e3e3e3;
    outline: none;
}

.buttonin {
	color: #fff;
    padding: 10px;
    background: #696969;
    border: unset;
    cursor: pointer;
}

.msg {
    border: 2px solid #ffa908;
    border-radius: 3px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
}

.logout {
    color: #b7625c;
}

/**//**//**//**//*607B86*/

body, html{
margin:0px;
padding:0px;
text-align:center;
background-color:#91B9CA;
}
#container{
/*width:100%;*/
margin:0 auto;
text-align:left;
background-color:#91B9CA;
height:100%;
}
#container_sotr{
/*width:100%;*/
margin:0 auto;
text-align:left;
background-color:#91B9CA;
height:100%;
}
#header{
height:50px;	
background-color:#607B86;
}
#left{
/*height:92%;*/
background-color:#607B86;
/*height:100%;
width:250px;*/
float:left;
/*height: 100%;*/
}
#left_sotr{
/*height:92%;*/
background-color:#28597A;
width:2px;
float:left;
/*height: 100%;*/
}
#content{
/*height:92%;*/
/*background-color:#999;*/

/*margin-left:132px;*/

margin-right:10px;
height: 100%;
}
#content_sotr{
/*height:92%;*/
/*background-color:#999;*/
margin-left:2px;
margin-right:10px;
height: 100%;
}
#right{
/*height:92%;*/
background-color:#2F4F4F;
width:100px;
float:right;
} 
#clear{
height:0px;
forn-size:1px;
line-height:0px;
clear:both;
}
#footer{
background-color:#111;
}
/* МЕНЮ С ЛЕВА *//* МЕНЮ С ЛЕВА *//* МЕНЮ С ЛЕВА *//* МЕНЮ С ЛЕВА *//* МЕНЮ С ЛЕВА */
#nav,#nav ul{
margin:0px;
padding:0px;
border:1px solid #000;
list-style:none;
width:250px;
height:100%;
border-bottom:0px;
}
#nav li{
position:relative;
}
#nav ul{
position:absolute;
top:-1px;
Left:250px;
display:none
}
#nav li:hover ul{
display:block;
}
#nav a{
color:#E6E6E6;
display:block;
padding:5px 10px;
text-decoration:none;
background-color:#607B86;
font:12px Verdana, Arial, Helvetica, sans-serif;
border-bottom:1px solid #000;
}
#nav a:hover{
color:#000;
background-color:#ccc;
}
* html #nav a{height:1%}
/* МЕНЮ С ЛЕВА *//* МЕНЮ С ЛЕВА *//* МЕНЮ С ЛЕВА *//* МЕНЮ С ЛЕВА *//* МЕНЮ С ЛЕВА */



.divheader {
 display:inline-block;
 background-color:#607B86;
}

/**/
a.button9 {
  position: relative;
  display: inline-block;
  color: #777674;
  font-weight: bold;
  text-decoration: none;
  text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.3) 3px 7px 3px;
  user-select: none;
  margin-top:10px;
  padding: 5px 1em;
  outline: none;
  border-radius: 3px / 100%;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5));
  background-repeat: no-repeat;
  background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px;
  background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
  box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px;
}
a.button9:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
}
a.button9:active {
  top: 1px;
/**/

/**/
.atuin-btn {
    display: inline-flex;
    margin: 2px;
    text-decoration: none;
    border: 2px solid #BFE2FF;
    position: relative;
    overflow: hidden;
    font-size: 15px;
    line-height: 10px;
    padding: 5px 15px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase; 
    font-family: 'Roboto Condensed', Тahoma, sans-serif;
    background: #337AB7;
    transition: box-shadow 0.3s, transform 0.3s;
    cursor: pointer;
}
.atuin-btn:hover,
.atuin-btn:active,
.atuin-btn:focus {
    transform: translateY(-4px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);
    color: #FFF;
}
.atuin-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(-45deg, transparent, rgba(191, 226, 255, 0.3), transparent);
    transition: left 0.7s;
}
.atuin-btn:hover:before,
.atuin-btn:active:before,
.atuin-btn:focus:before {
    left: 100%;
}
/**/