html {
  height: 100%;
}

body {
	background-image: url("../img/1.gif");
    background-repeat: repeat; 
    position: relative;
    min-height: 100%;
    color: #C4C4C4;
        font-family: Tahoma, Trebuchet MS, sans-serif;
    font-size: 11px;
    
	margin: 0;
    
	padding: 0;
    -webkit-user-select: none;
    
   
}
button
{border: 1px solid;border-color: #303030;

}





.line {
	margin: 4px -8px;

	opacity: 0.2;
	
	

	width: 249px;
}

.ac_block {
	cursor: default;
	text-align:center;
	padding: 4px 26px;}
	
.ac_block77 {
	cursor: default;
	text-align:center;
	padding: 3px 26px;
	padding-top: 4px 26px;}

.ac_block2 {
	padding: 7px 0px;
	margin: -6px 3px;
	margin-right: 1px;
}
	
.button31 {Width: 33%; height: 21px;
font-family: "Arial"; 
font-size:10px;
color: #D5D5D5;
cursor: default;
margin: 1px -1px; 
padding: 0px;
text-align: center;
} 

.button313 {Width: 33%; height: 21px;
font-family: "Arial"; 
font-size:10px;
color: #D5D5D5;
cursor: default;
margin: 1px -1px; 
padding: 0px;
text-align: center;
} 


.button32 {Width: 33%; height: 21px;
font-family: "Arial"; 
font-size:10px;
white-space: nowrap;
color: #D5D5D5;
cursor: default;
margin: 1px -1px; 
padding: 0px;
text-align: center;
} 

.button33 {Width: 33%; height: 21px;
font-family: "Arial"; 
font-size:10px;
color: #D5D5D5;
cursor: default;
margin: 1px -1px; 
padding: 0px;
text-align: center;
} 

.button21 {Width: 49.5%; height: 21px;
font-family: "Arial"; 
font-size:10px;
color: #D5D5D5;
white-space: nowrap;
cursor: default;
margin: 1px -1px; padding: 0px;
text-align: center;
} 

.button211 {Width: 49.5%; height: 21px;
font-family: "Arial"; 
font-size:10px;
color: #D5D5D5;
white-space: nowrap;
cursor: default;
margin: 1px -1px; padding: 0px;
text-align: center;
} 

.button22 {Width: 50%; height: 21px;
font-family: "Arial"; 
font-size:10px;
color: #D5D5D5;
white-space: nowrap;
cursor: default;
margin: 1px -1px; padding: 0px;
text-align: center;
} 

.button222 {Width: 50%; height: 21px;
font-family: "Arial"; 
font-size:10px;
color: #D5D5D5;
white-space: nowrap;
cursor: default;
margin: 1px -1px; padding: 0px;
text-align: center;
} 


.button1 {Width: 100.2%; height: 21px;
font-family: "Arial"; 
font-size:10px;
color: #D5D5D5;
cursor: default;
margin: 1px -1px;}

.button01 {Width: 20%; height: 21px;
font-family: "Arial"; 
font-size:10px;
color: #D5D5D5;
cursor: default;
margin: -1px;}


.button02 {Width: 20%; height: 21px;
font-family: "Arial"; 
font-size:10px;
color: #D5D5D5;
cursor: default;
margin: -1px;}

.button03 {Width: 20%; height: 21px;
font-family: "Arial"; 
font-size:10px;
color: #D5D5D5;
cursor: default;
margin: -1px;}


.button04 {Width: 19%; height: 21px;
font-family: "Arial"; 
font-size:10px;
color: #D5D5D5;
cursor: default;
margin: -1px;}


.button05 {Width: 19%; height: 21px;
font-family: "Arial"; 
font-size:10px;
color: #D5D5D5;
cursor: default;
margin: -1px;}


button:active {
	
background: #000000 !important;  
}


.color1 {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#396e73), color-stop(100%,#264c43));
}

.color1:hover {
	color: #00d9ce;
	background: #2a2a2a;
    border: 1px solid;
border-color: #404040;
}

.color2 {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#395e73), color-stop(100%,#26424c));	
}

.color2:hover {
	color: #008dd9;
	background: #2a2a2a;
    border: 1px solid;
border-color: #404040;
}

.color3 {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#394873), color-stop(100%,#26344c));
}

.color3:hover {
	color: #003eda;
	background: #2a2a2a;
    border: 1px solid;
border-color: #404040;
}

.color4 {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#394173), color-stop(100%,#342A52));	
}

.color4:hover {
	color: #3f3fd3;
	background: #2a2a2a;
    border: 1px solid;
border-color: #404040;
}

.color5 {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#713973), color-stop(100%,#3c264c));	
}

.color5:hover {
	color: #bd3ada;
	background: #2a2a2a;
    border: 1px solid;
border-color: #404040;
}

.color6 {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73395a), color-stop(100%,#4c2643));		
}

.color6:hover {
	color: #d90091;
	background: #2a2a2a;
    border: 1px solid;
border-color: #404040;
}

.color7 {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#733949), color-stop(100%,#4c2627)); 

}

.color7:hover {
	color: #d3294a;
	background: #2a2a2a;
    border: 1px solid;
border-color: #404040;
}

.color8 {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#727272), color-stop(100%,#474747));	
}

.color8:hover {
	color: #ffffff;
	background: #2a2a2a;
    border: 1px solid;
border-color: #404040;
}









.div1 {padding-left:3px;width: 362px;}
.link {text-align:right;
    margin-right: -11px; 
	padding: 8px;
    margin-top: 0px;
    cursor: pointer;
    }

	    
html, body {
height: 100%;
overflow: hidden;
}

a {
    color: #f8d960;
    font-size: 13px;
    text-decoration: none;
}



.block-center {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    overflow: auto;
    white-space: nowrap;
    text-align: center;
    font-size: 0;
    
    &:before {
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        content: '';
    }
}

.block-pref {
    display: none;
    /* background-image: url("../img/1.gif"); */
    /* background-repeat: repeat; */ 
    background-color: #393939;
    height: 539px;
}


.block-title {
    padding-top: 5px;
}

br {
    line-height: 0;
}


::-webkit-scrollbar {
	width: 0;
	height: 15px;
}

ul.tabs {
	width: auto;
    height: 28px;
	margin: 0px;
	list-style: none;
	overflow: hidden;
    padding: 0;
    
}

ul.tabs li {	
	float: left;
	width: 50%;
	
}

ul.tabs li a {
	position: relative;
	display: block;
	height: 17px;
	padding: 7px 0 10px 0;
	text-align: center;	
	text-decoration: none;
	color: #D5D5D5;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#727272), color-stop(100%,#474747));

    
	cursor: pointer;
    font-size: 11px;
	
}
ul.tabs li a:hover {
	height: 17px;
	color: #ffffff;
	background: #2a2a2a;
}
ul.tabs li a.active {
	background-image: url("../img/1.gif");
    background-repeat: repeat; 
	color: #D5D5D5;
	
}

.ac_block7 {
	
	height: 58px !important;
	padding: -17px 0px;
	box-shadow: inset 0 0px 0px -2px rgba(255, 255, 255, 1), inset 0 2px 0px -9px transparent, 0 3px 7px rgba(0, 0, 0, 0.19), 0 0px -14px rgba(0, 0, 0, 2.1);
	border-color: #535353;
	position: bottom !important;
	}

.link1 {text-align:right;
    text-align:bottom;
    margin-right: 10px; 
	padding: 8px;
    margin-top: 1px;
    cursor: pointer;
    position: bottom !important;
    }
.link1:hover {
	color: #00a6ff;
    text-align:bottom;
    margin-right: 10px; 
	padding: 8px;
    margin-top: 1px;
    cursor: pointer;
    position: bottom !important;
}

.texture3 {
    background-color: #535353;
    height: 119px !important;
	padding: -17px 0px;
    border-top: 1px solid;
    border-color: #616161;
    position: relative; 
    bottom: 0;
}
    
ul.tabs {
    
	border-bottom: 1px solid;
    border-color: #535353;
    height: 30px;
	
    list-style: none;
	
    overflow: hidden;
    padding: 0;
    
}

ul.tabs li {
    
    background-repeat:no-repeat !important;
    background-position: center !important;
	
    /* float: left; */
	
    width: 50%;

	background: #535353; 
  
}

ul.tabs li a {
	background-repeat:no-repeat !important;
   
	background-position: center !important;
    
	background-size: 18px 18px !important;
	position: relative;
	/* display: block; */
	height: 17px;
	padding: 6px 0 7px 0;
	text-align: center;	
	text-decoration: none;
	color: #37BAEC;
    
	
	/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#242424), color-stop(100%,#222)); */

    
	cursor: pointer;
    font-size: 11px;
}
ul.tabs li:hover {
	height: 17px;
	color: #ffffff;
	background: #393939;
}
ul.tabs li a.active {
    background: #393939;;
	  
    /* border: 1px solid; */
    /* border-color: #646464; */
    background-size: 18px 18px !important;
	
    
}
.noborder {
border-right: none !important;	
}

.one1 {
	
	background-image: url("../img/1-1.png")!important;
	background-position: 5px 5px !important;
}

.one2 {
	border: 1px solid #393939;
    
	background-position: 5px 5px !important;
	background-image: url("../img/1-2.png")!important;
}

.two1 {
	background-image: url("../img/2-1.png")!important;
	
}

.two2 {
	border: 1px solid #393939;
    
	background-image: url("../img/2-2.png")!important;
	
	
}

.texture {
    background-color: #303030;
}

.texture4 {
    background-color: #333333;
    height: 2px;
	
}

.layer1 {
    font-size:10px;
    text-align:center;
    padding: 5px; 
    float: left; 
    width: 44%; 
   }
.layer2 {
    font-size:10px;
    text-align:center;    
    padding: 5px;
    width: 44%; 
    float: left; 
   }
   
   .link3 {text-align:center;
    font-size: 11px;
    
	padding: 3px;
    margin-top: 2px;
    cursor: pointer;
   
    }
    
.link3:hover {
	color: #00a6ff;
	text-align:center;
    font-size:11px;
  
	padding: 3px;
    margin-top: 2px;
    cursor: pointer;
   
    }

.stroke1 {
	
  
	padding: 3px -14px;
    
	margin-top: 4px;
   
   
    }