html, body
{
    height: 92%;
}
/*
body
{
    font: 12px 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Helvetica;    
    margin: 0;
    background: url(images/bg.png) repeat; 
}
*/
/*--------------------*/

#login
{
/*
    background-color: #CFCFCF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #CFCFCF, #eee);
    background-image: -moz-linear-gradient(top, #CFCFCF, #eee);
    background-image: -ms-linear-gradient(top, #CFCFCF, #eee);
    background-image: -o-linear-gradient(top, #CFCFCF, #eee);
    background-image: linear-gradient(top, #CFCFCF, #eee);  
opacity: 0.95;	*/
background-color: #17065E;	
/*color: green;	*/

/*    height: 240px;
    width: 400px;*/
	height: 900px;   /* высота ширина  всего блока  max-height: calc(100vh - 310px) */
	height: 85%; 
    width: 890px;
    margin: 40px 0 0 0px;
    padding: 30px;
    position: fixed;	
/*	position: relative;*/
	display: block; 
	overflow-y: auto;
/*    top: 50%;*/
    left: calc(50%-445px);
 top: -30px;
/*left: 40%;*/

    z-index: 9999999;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;  
    -webkit-box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,  
          0 7px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),  
          1px 1px   0 rgba(0,   0,   0,   .1),
          3px 3px   0 rgba(255, 255, 255, 1),
          4px 4px   0 rgba(0,   0,   0,   .1),
          6px 6px   0 rgba(255, 255, 255, 1),  
          7px 7px   0 rgba(0,   0,   0,   .1);
    box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),  
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,  
          0 7px 0 rgba(0, 0, 0, .2);
}

#login:before
{
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px dashed #ccc;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    -moz-box-shadow: 0 0 0 1px #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
}

/*--------------------*/

h1
{
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);
    text-transform: uppercase;
    text-align: center;
    color: #666;
    margin: 0 0 30px 0;
    letter-spacing: 4px;
    font: normal 26px/1 Verdana, Helvetica;
    position: relative;
}



/*--------------------*/

fieldset
{
    border: 0;
    padding: 0;
    margin: 0;
}





/*--------------------   url(http://www.red-team-design.com/wp-content/uploads/2011/09/login-sprite.png) no-repeat   */

#inputs input
{
    background: #f1f1f1 ;
    padding: 15px 15px 15px 30px;
    margin: 0 0 10px 0;
    width: 500px; /* 353 + 2 + 45 = 400 */
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
	font-size: 40px;  /* шрифт для логина и пароля*/
	display: block; 
}

#username
{
    background-position: 5px -2px !important;
	height: 70px;
}

#password
{
    background-position: 5px -52px !important;
	height: 70px
}

#inputs input:focus
{
    background-color: #fff;
    border-color: #e8c291;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset;
	
}

/*--------------------*/
#text_blok
{
   	font-size: 26px;  /* шрифт для текста*/
	line-height: 25px;
	white-space: nowrap;
	display: block; 
}

#actions
{
    margin: 25px 0 0 0;
	display: block; 
	
}
#submit
{		
    background-color: #676767;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#000080));
    background-image: -webkit-linear-gradient(top, #ffffff, #676767);
    background-image: -moz-linear-gradient(top, #ffffff, #676767);
    background-image: -ms-linear-gradient(top, #ffffff, #676767);
    background-image: -o-linear-gradient(top, #ffffff, #676767);
    background-image: linear-gradient(top, #ffffff, #676767);
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    
    border-width: 1px;
    border-style: solid;
    border-color: #000000 #000000 #000000 #00000;

  float: left;
/*     height: 35px;*/
    padding: 0;
/*    width: 120px;*/
height: 40px;
 width: 140px;
    cursor: pointer;
/*    font: bold 15px Arial, Helvetica;*/
	font: bold 30px Arial, Helvetica;
    color: #000000;
	display: block; 
}

#submit:hover,#submit:focus
{		
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#676767), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #676767, #ffffff);
    background-image: -moz-linear-gradient(top, #676767, #ffffff);
    background-image: -ms-linear-gradient(top, #676767, #ffffff);
    background-image: -o-linear-gradient(top, #676767, #ffffff);
    background-image: linear-gradient(top, #676767, #ffffff);
}	

#submit:active
{		
    outline: none;
   
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

#submit::-moz-focus-inner
{
  border: none;
}

#actions a
{
    color: #3151A2;    
    float: right;
    line-height: 35px;
    margin-left: 10px;
}

/*--------------------*/

#back
{
    display: block;
    text-align: center;
    position: relative;
    top: 60px;
    color: #999;
}

/* Стили бара vladmaxi, можно удалить */
.vladmaxi-top{
	line-height: 24px;
	font-size: 11px;
	background: rgba(0, 0, 0, 0.08);
	text-transform: uppercase;
	z-index: 9999;
	position: fixed;
	top:0;
	left:0;
	width:100%;
	font-family: calibri;
	font-size: 13px;
	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
	-webkit-animation: slideOut 0.5s ease-in-out 0.3s backwards;
}
@-webkit-keyframes slideOut{
	0%{top:-30px; opacity: 0;}
	100%{top:0px; opacity: 1;}
}

.vladmaxi-top a{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #333;
	text-shadow: 0px 1px 1px #fff;
	display: block;
	float: left;
}
.vladmaxi-top a:hover{
	background: #fff;
}
.vladmaxi-top span.right{
	float: right;
}
.vladmaxi-top span.right a{
	float: left;
	display: block;
}

button.new {
   background: -moz-linear-gradient(#FFE1B0, #F4EBD9, #FFE1B0);
   background: -webkit-gradient(linear, 0 0, 0  100%, from(#FFE1B0), to(#F4EBD9), color-stop(0.5, #F4EBD9));
 
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE1B0', endColorstr='#F4EBD9');
   padding: 3px 7px;
   color: #333; 
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   border: 1px solid #666;
}



a.button14 {
  display: inline-block;
  text-shadow: 1px 1px #fff;
  text-decoration: none;
  padding: .3em 1em;
  border: 1px solid #aaa;
  border-radius: 100px;
  outline: none;
  background: #d6dbbf no-repeat;
  background-image:
   linear-gradient(to left, #aaa, #aaa),
   linear-gradient(to left, #feffe8, #feffe8),
   linear-gradient(#feffe8, #d6dbbf);
  background-position: calc(100% - 2.7em) 0, calc(100% - 2.7em + 1px) 0, 0 0;
  background-size: 1px 100%, 1px 100%, auto auto;
  overflow: hidden;
}
a.button14:after {
  content: "\bb";
  position: relative;
  bottom: 0;
  display: inline-block;
  margin-left: 1.4em;
  vertical-align: middle;
  font-family: "Times","Times New Roman","serif","sans-serif","EmojiSymbols";
  font-weight: 700;
  font-size: 100%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
a.button14:hover {
  background-color: #fdfd9f;
  background-image:
   linear-gradient(to left, #aaa, #aaa),
   linear-gradient(to left, #feffe8, #feffe8),
   linear-gradient(#fffce7, #fdfd9f);
}
a.button14:active:after {
  bottom: -1.2em;
  transition: .3s;
  }
  

a.button141 {
  display: inline-block;
  text-shadow: 1px 1px #fff;
  text-decoration: none;
  padding: .3em 1em;
  border: 1px solid #aaa;
  border-radius: 100px;
  outline: none;
  background: #d6dbbf no-repeat;
  background-image:
   linear-gradient(to left, #aaa, #aaa),
   linear-gradient(to left, #feffe8, #feffe8),
   linear-gradient(#feffe8, #d6dbbf);
  background-position: calc(100% - 2.7em) 0, calc(100% - 2.7em + 1px) 0, 0 0;
  background-size: 1px 100%, 1px 100%, auto auto;
  overflow: hidden;
}
a.button141:after {
  content: "\bb";
  position: relative;
  bottom: 0;
  display: inline-block;
  margin-left: 1.4em;
  vertical-align: middle;
  font-family: "Times","Times New Roman","serif","sans-serif","EmojiSymbols";
  font-weight: 700;
  font-size: 100%;

}
a.button141:hover {
  background-color: #fdfd9f;
  background-image:
   linear-gradient(to left, #aaa, #aaa),
   linear-gradient(to left, #feffe8, #feffe8),
   linear-gradient(#fffce7, #fdfd9f);
}
a.button141:active:after {
  bottom: -1.2em;
  transition: .3s;
  }
  
  
  
.close {  
  width: 42px;
  height: 42px;
  position: relative;
  background: #000;  
  border-radius: 50%;    
  transform:rotate(45deg);
}
.close:after,
.close:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 2px;
  width: 80%;
  background: #45e5e9;
}
.close:before {
  transform: translate(-50%, -50%);
}
.close:after {
  transform: rotate(90deg) translate(-50%, -50%);
  transform-origin: 0 0;
}

.pop-block {
  display: inline-block;
  position: relative; /* указывать обязательно */
  width: 30%;
  height: 300px; /* высота всего блока */
  margin: 1%; 
}
.close-block {
  display: block;
  position: absolute;
  top: 8px;
  right: -8px;
  width: 16px;
  height: 16px;
 /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAElBMVEXqAAD8oaH/AAD/ra3/vr7///91+I/7AAAAQklEQVR42oXPwQoAIAgD0JXu/385FfTQgnYweKAp9pUXmE+swAFWAG8owQBTqjQQ8SQOcAdRQVtkqHy7dDFd/X/tAVqqAopyUfkOAAAAAElFTkSuQmCC);
  */cursor: pointer;
}
.pop-block p {
  width: 100%;
  height: auto;
}




.close_times{
    position: absolute;
    top: 5px;
    right:40px;
    

    height: 10px;
	width: 22px;
    cursor: pointer;
 /*    border: 4px solid #e62f57; */
	font-size: 4.0em;
COLOR: #e62f57;

}