html, body{min-height:100%;
background-color:#000;
//background-image:url('/img/fon1.jpg');
}
#main{background-color:rgba(255,255,255,0.95);margin:0;padding:1em;height:100%; z-index:100;}

#header{overflow:hidden;position:relative;background-image:url('/img/fon1.jpg');}
#login{display:table-cell;width:210px;}
#login>div{float:right;text-align:center;transform:scale(0.9);width:100px;border:1px solid #c3c3c3;background-color:#f3f3f3;
}
#login>div:hover{transform:scale(1)}
#login a{color:#818226;font-size:1.1em}
.top_menu{background:linear-gradient(to right, rgba(255, 255, 255, 0) 1%, #dedede 5%,#dedede 85%, rgba(255, 255, 255, 0) 95%);padding-left:5%;float:left;clear:right;width:100%}
.top_menu a{padding:5px 10px;display:inline-block;font-size:1.2em}
.top_menu a:hover{background-color:#CECECE;color:red}
#content{height:100%;overflow:hidden;}

#right_block{width:20%;float:right;min-height:250px;padding:1.5em;-webkit-box-sizing: border-box; /* Для Safari и Chrome */
    box-sizing: border-box;
background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #dedede 15%,#dedede 85%, rgba(255, 255, 255, 0) 95%);
}

#right_block h2{font-size:1.2em; color:#1600bb;}

#text{width:70%;float:left;z-index:100}
.clear{clear: both;}
.anim {
    -webkit-transition: background-color 0.7s, color 1s, opacity 0.5s;
    -ms-transition: background-color 0.7s, color 1s, opacity 0.5s;
    -o-transition: background-color 0.7s, color 1s, opacity 0.5s;
    -moz-transition: background-color 0.7s, color 1s, opacity 0.5s;
    transition: background 0.7s, color 0.7s, opacity 1s, transform 0.7s;
}