@font-face {
font-size: 11px;
font-family: Topaz;
src: url(Topaz.ttf);
}

@font-face {
font-size: 11px;
font-family: comfort;
src: url(comfort.ttf);
}

@font-face {
font-size: 11px;
font-family: ariales-matic;
src: url(ariales-matic.ttf);
}

html {margin:0; padding:0;}

body{


	margin:auto;

	min-width:240px;

	max-width:450px;

	font-size:13px;

	font-family:verdana;

	font-style:normal;

	color:#bce4f4;

	background-color:#170d0d;}


img {border:0; margin: 3px; vertical-align:bottom;}


a{
color: #FFDAB9;
text-decoration: none;
}

a:hover, a:focus {
color: #FFDAB9;  
text-shadow: 0px 0px 1px #D1D1D1;
}

.line2 {
  background: url(img/line2.png) left bottom repeat-x #a16b40;
  height: 3px;
}


ris {text-align: right; }
lf {text-align: left; }
green{color: #17e81e;}
red{color: #fa0f00;}

.msg-obv{
    margin: 5px;
    padding: 3px;
    border: 1px solid #735250;
    border-radius: 5px;
    background-color: #523d3c;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.55);
    color: #8C5D3F;
}

.nv-obv{
  padding: 10px 5px;
  background: #633d3c;
  text-align: center;
  margin-top: 10px;
  color: #dca692;
  border-top: 1px solid #56362c;
  border-radius: 4px;
  font-size: 12px;

}

.navi_act {
     display: inline; 
     margin: 1px;
     background: #8a5e54;
     padding: 3px 5px 3px 5px;
  border: 1px solid #9c6f65;
  border-radius: 4px;
  color: #FFFFFF;
}





centr{
  text-align: center;  
   	font-family:Topaz; 
   		font-size:18px;
}
atack{
  text-align: center;  
   	font-family:ariales-matic; 
   		font-size:19px;
}

a.btn4 {
  background: url(/design/img/bleft.png) right center no-repeat, 
  url(/design/img/bright.png) left center no-repeat, 
  url(/design/img/bcenter.png) center repeat-x;

  color: #a25e4b;
  text-decoration: none;
  font-size: 12px;
  padding: 13px 15px;
  margin: 3px 5px;
}



.line {
	background: url(img/line.png) no-repeat;
	width: 302px;
	height: 4px;
	margin: 5px auto;
}



.head {

 background: #633d3c;

  padding: -6px;
  display: block;
  font-size:14px;

}




.rzd {
  background:#FFDAB9;
  padding: 6px;
  display: block;
  color: #FFFFFF;
}


.lin {
     display: block; 
margin: 5px;
     background-color: #523d3c;
     padding: 8px;
   color: #8C5D3F;
   border: 1px solid #735250;
   font-size:11px;
   border-radius: 5px;
  }

.lin:hover {
     display: block; 
     margin: 5px;
     background-color: #614847;
     padding: 8px;
   border: 1px solid #735250;
   border-radius: 5px;

}


.lin2 {
    font-size:11px;
     display: block; 
margin: 3px;
     background: #4d483d;
     padding: 8px;
  border: 1px solid #5e5747;
  color: #FFFFFF;
  border-radius: 2px;
}



.foot {
  background-color: #312424;
  padding: 12px;
  display: block;
  color: #FFFFFF;
}


.main_user{    
    display: block;   
    margin: 3px;
    padding: 6px;
    border: 1px solid #754a49;
    border-radius: 5px;
    background-color: #633d3c;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.55);
    color: #8C5D3F;
}

cr{
    display: flex;
    align-items: center;
}

.b_mony{    
    margin: auto;
    padding: 3px;
    border-radius: 5px;
    background-color: #633d3c;
    color: #8C5D3F;
}



.money{    

    margin: 3px;
    padding: 2px;
    border: 1px solid #754a49;
    border-radius: 5px;
    background-color: #633d3c;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.55);
    color: #8C5D3F;
    
}



.nv {
     color: #D2691E;
     background: #BDB76B;
     padding: 8px;
     border: 1px solid #808000;
text-align: center;
}


.main {

    padding: 8px;
    border: 1px solid #433332;
    background-color: #312424;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.55);
}

.menu {
    
    margin: 5px;
    padding: 3px;
    border: 1px solid #433332;
    border-radius: 6px;
    background-color: #312424;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.55);

}




.news {
  padding: 5px;
  background: #967968;
  margin: 3px;
  color: #dca692;
  border-top: 1px solid #826553;
  border-radius: 4px;
  font-size: 10px;

}

input[type="submit"] {
	background: #4a3535;
	padding:6px;
	color:#ab8080;
	border: 1px solid #402b2b;
	margin: 5px 0 3px 4px;
	width:180px;
	border-radius: 3px;
	font-weight: 700;
}


input[type="text"], input[type="password"], input[type="email"] {

padding:7px 0 8px;

text-indent:6px;

font-size:small;

color:#F6C67E;

background-color:#1A140F;

}

select,

textarea {

padding:7px 15 8px;

text-indent:0px;

font-size:14px;

color:#F6C67E;

background-color:#1A140F;

}




.err {
  color: #FFFFFF;
  background: #633d3c;
  border: 1px dashed #312424;
  padding: 5px;
  display: block;
  margin: 5px;
  font-size: smaller;
}
.ok {
  color: #FFFFFF;
  background: #006400;
  border: 1px dashed #301810;
  padding: 5px;
  display: block;
  margin-bottom: 5px;
  margin-top: 3px;
  font-size: smaller;
}




.btn4{
    text-decoration: none;
    display: inline-block;
    border: 1px solid #3d4508;
    padding: 4px 4px;
    background-color: #2F4F4F ;
    color: white;
    border-radius: 5px;
      font-size: 12px;
}

.btn4:hover {
   border: 1px solid #FFBF00;
   background-color: #3d4508;
}



.fn {
    background: #FFE4C4;
    color: #B8860B;
    text-shadow: 0 0px #B3ACAC;
    padding: 5px 10px 5px 8px;


    border-radius: 4px 4px 4px 4px;
    margin: 4px 4px 4px 4px;

}

   
.prof {
  background:#a6a63a;
padding: 8px;
border-radius: 5px;
margin: 3px;
text-align: center;
border: 1px solid #FFDEAD;
}
.menu-lin {
    text-align: center;
    display: block;   
    margin: 3px;
    padding: 8px;
    border: 1px solid #735250;
    border-radius: 5px;
    background-color: #523d3c;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.55);
}


.menu-lin:hover {
display: block;
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);
}




input.gl {
  background: #633d3c;
  border: none;
  padding: 10px 10px 10px 10px;
  border-radius: 4px;
  margin: 5px;
  border: 1px solid #433332;
  border-bottom: 1px solid #674537;
  color: #fff;
  width: 70%;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.55);
}

.msgi {
  background: #633d3c;
  border: none;
  padding: 10px 10px 10px 10px;
  border-radius: 4px;
  margin: 5px;
  border: 1px solid #433332;
  border-bottom: 1px solid #674537;
  color: #fff;
  width: 70%;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.55);
}

.gl_min {
  background: #442b22;
  border: none;
  padding: 5px 5px 5px 5px;
  border-radius: 4px;
  margin: 5px;
  border-top: 1px solid #351c14;
  border-bottom: 1px solid #674537;
  color: #fff;

}

input.gl:hover {
  background-color: #4a3027;
  transition: .8s;
}

input.sub-gl {
  background: #4a3535;
  border: none;
  border-radius: 4px;
    width: 70%;
  padding: 10px;
  margin: 10px 10px 10px 2px;
  display: block;
  color: #968484;
  font-weight: bold;
}

button.sub-gl {
  background: #4a3535;
  border: none;
  border-radius: 4px;
  max-width: 70px;
  width: 100%;
  padding: 10px;
  margin: 10px 10px 10px 2px;
  display: inline-block;
  color: #968484;
  font-weight: bold;
}

button.sub-gl:hover {
  background: #4f3c3c;
  cursor: pointer;
  transition: .5s;
  color: #5a5224;
}

input.sub-gl:hover {
  background: #4f3c3c;
  cursor: pointer;
  transition: .5s;
  color: #968484;
}


.gl-obv{
  padding: 10px 5px;
  background: #633d3c;
  text-align: center;
  margin: 8px 10px 10px 20px;
  color: #dca692;
  border-top: 1px solid #56362c;
  border-radius: 4px;
  font-size: 12px;
}
.gl-new{
     display: block; 
margin-top: 5px;
     background: #4a3535;
     padding: 8px;
  border: 1px solid #4d3232;
  border-radius: 4px;
}

.gl-new:hover {
  background: #4f3c3c;
  cursor: pointer;
  transition: .5s;
  color: #968484;
}

/* Перевод в новые дивы */




.progres-bg{
        border: 1px solid #735250;
    border-radius: 3px;
    background-color: #523d3c;
/*box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.55);*/
box-shadow:inset 2px 2px 5px #000;
    padding: 0px;
    height: 13px;
}

.progres1{
background: repeating-linear-gradient(
  -45deg,
  #45633c,
  #45633c 10px,
  #268a1d 10px,
  #268a1d 20px
);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#273c52', endColorstr='#273c52',GradientType=0 );
	height: 13px;
	border-radius: 3px;
	
}

.progres2{
background: repeating-linear-gradient(
  -45deg,
  #de6e04,
  #de6e04 10px,
  #de3704 10px,
  #de3704 20px
);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd671b', endColorstr='#b70003',GradientType=0 );
	height: 13px;
	border-radius: 3px;

}





.progres3{
background: repeating-linear-gradient(
  -45deg,
  #633d3c,
  #633d3c 10px,
  #312424 10px,
  #312424 20px
);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#273c52', endColorstr='#273c52',GradientType=0 );
	height: 13px;
	border-radius: 3px;
	box-shadow:inset 0px 15px 10px -15px #000;
}








.lin-red {
     display: block; 
margin: 3px;
     background-color: #633d3c;
     padding: 8px;
   color: #8C5D3F;
   border: 1px solid #693d3c;
   font-size:11px;
   border-radius: 2px;
  }

.lin-red:hover {
display: block;
box-shadow: inset 0px 0px 10px rgba(128, 93, 91);
}


.menu-btn {
    text-align: center;
    display: block;   
    margin: 1px;
    padding: 4px;
    border: 1px solid #735250;
    border-radius: 4px;
    background-color: #523d3c;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.55);
    font-size: 12px;
}


.menu-btn:hover {
display: block;
box-shadow: inset 0px 0px 10px rgba(128, 93, 91);
}




otstup {
    text-align: center;
    margin-left: 5px;
}

.DefaultMsg {
    font-size:11px;
     display: block; 
      margin: 3px;
       background: #4d483d;
         padding: 8px;
          border: 1px solid #5e5747;
           color: #FFFFFF;
            border-radius: 2px;
       }

.banner {
    margin: 5px;
    padding: 1px;
    border: 1px solid #735250;
    border-radius: 5px;
    background-color: #633d3c;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.55);
    color: #8C5D3F;

}
.banner h1 {
    font-size:19px;
text-align: center;
	font-family:ariales-matic;
    margin: 5px;
    padding: 1px;
}
.smile {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  cursor: pointer;
}