* {
margin: 0;
padding: 0;
}

h1{
	font-size: 14px;
}
body {
	color: #101800;
	background-color: #000;
	font: 14px/18px Tahoma, Verdana, sans-serif;
/*	text-shadow: #c5c1b4 1px 1px 1px; */
        height:100%;
}

input[type=text].g-button {
height:20px;
border:1px solid;//граница
font-size: 12px;//шрифт
padding: 5px 10px;//отступы, если необходимо
-webkit-border-radius: 6px;//скругляем углы
-moz-border-radius: 6px;
border-radius: 6px;
border-color:rgba(25,255,25,.75);
box-shadow:0 0 8px rgba(25,255,25,.5);//описываем тень
-moz-box-shadow:0 0 8px rgba(25,255,25,.5);
-webkit-box-shadow:0 0 8px rgba(25,255,25,.5);
transition:border linear .2s,box-shadow linear .2s;//время смены цвета тени
-moz-transition:border linear .2s,-moz-box-shadow linear .2s;
-webkit-transition:border linear .2s,-webkit-box-shadow linear;}
input[type=text].g-button:focus{ 
outline:none;//отменяем стандартный прямоугольник
-webkit-border-radius: 6px;//круглим углы
-moz-border-radius: 6px;
border-radius: 6px;
border-color:rgba(25,25,255,.75);//меняем цвет
box-shadow:0 0 8px rgba(25,25,255,.5);
-moz-box-shadow:0 0 8px rgba(25,25,255,.5);
-webkit-box-shadow:0 0 8px rgba(25,25,255,.5); }


input.button4 {
  /* Positioning & Box Model */
  position: relative;
  display: inline-block;
  padding: 0.6em 2em;
  cursor: pointer;
  
  /* Typography */
  font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  text-decoration: none;
  user-select: none;
  letter-spacing: 0.5px;
  
  /* Visual Styling */
  border: none;
  border-radius: 12px;
  outline: none;
  background: linear-gradient(145deg, 
    #0d7377 0%, 
    #0a5d60 30%, 
    #084a4d 60%, 
    #063a3d 100%);
  
  /* Effects */
  box-shadow: 
    0 4px 15px rgba(0, 0, 0, 0.3),
    0 0 10px rgba(34, 180, 180, 0.5),
    inset 0 1px 1px rgba(255, 255, 255, 0.15),
    inset 0 -2px 5px rgba(0, 0, 0, 0.3);
  
  /* Animation & Transition */
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  animation: pulse-glow 2s infinite alternate;
}

/* Hover Effect */
input.button4:hover {
  transform: translateY(-3px);
  background: linear-gradient(145deg, 
    #0e8589 0%, 
    #0b6b6e 30%, 
    #09575a 60%, 
    #074548 100%);
  box-shadow: 
    0 6px 20px rgba(0, 0, 0, 0.35),
    0 0 15px rgba(44, 200, 200, 0.6),
    inset 0 1px 1px rgba(255, 255, 255, 0.2),
    inset 0 -2px 5px rgba(0, 0, 0, 0.25);
}

/* Active Effect (Click) */
input.button4:active {
  transform: translateY(1px);
  background: linear-gradient(145deg, 
    #0a5d60 0%, 
    #084a4d 30%, 
    #063a3d 60%, 
    #042c2e 100%);
  box-shadow: 
    0 2px 5px rgba(0, 0, 0, 0.3),
    inset 0 2px 8px rgba(0, 0, 0, 0.4),
    inset 0 -1px 2px rgba(255, 255, 255, 0.1);
}

/* Focus Effect */
input.button4:focus {
  outline: 2px solid rgba(60, 180, 180, 0.6);
  outline-offset: 2px;
}

/* Dark Teal Glow Animation */
@keyframes pulse-glow {
  0% {
    box-shadow: 
      0 4px 15px rgba(0, 0, 0, 0.3),
      0 0 10px rgba(34, 180, 180, 0.5);
  }
  100% {
    box-shadow: 
      0 4px 20px rgba(0, 0, 0, 0.4),
      0 0 15px rgba(44, 200, 200, 0.7);
  }
}

/* Subtle shine effect (teal version) */
input.button4::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 30%;
  background: linear-gradient(to bottom, 
    rgba(255, 255, 255, 0.12) 0%, 
    rgba(200, 240, 240, 0.05) 50%, 
    transparent 100%);
  border-radius: 12px 12px 0 0;
  pointer-events: none;
}

a {
	color: #00323f;
	outline: none;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

p {
	margin: 0 0 18px
}

img {
	border: 0;
}

input {
	vertical-align: middle;
}

#wrapper {
	overflow: hidden;
	position:relative;
	margin:0 auto;
	width: 100%;
	min-width: 1020px;
	height:100%;
}

/*------------------header---------------------------------------*/

#logo{ 
 background: url(../img/bg/1.jpg) no-repeat center;
 margin:0 auto;
 width:100%;
 height:150px;
 }
 
 #video{ 
 background: url(../img/bg/2.jpg) no-repeat center;
 margin:0 auto;
 width:100%;
 height:134px;
 }
 
 #videobox{
	 top:12px;
         left:-5px;
	 width:138px;
	 height:119px;
	 position:relative;
	 margin:0 auto;
	 }




 /*------------------menu---------------------------------------*/
 
 #menubg{ 
 background: url(../img/bg/3.jpg) no-repeat center;
 margin:0 auto;
 width:100%;
 height:144px;
 }
 
 #statusbox{
	 position:absolute;
	 width:120px;
	 height:80px;
	 left:88px;
	 top:35px;
	 text-align:center;
	 font: Arial, Helvetica, sans-serif;
	 color:#6eb272;
	 text-shadow: black 1px 1px 2px;
	 }
	 
#menu{
	position:absolute;
	left:244px;
	top:71px;
	width:502px;
	height:49px;
	}
#menu li{
	float:left;
	display:inline;
	}
 
 /*------------------main--------------------------------------*/
 
 #box1{ 
 background: url(../img/bg/4.jpg) no-repeat center;
 margin:0 auto;
 width:100%;
 height:96px;
 }
 
 /*------------------leftmenu--------------------------------------*/
 
 #menu_l{
	 position:absolute;
	 width:266px;
	 height:261px;
	 }
	 
#menu_l li{
	 text-decoration: none;
	 list-style:none;
	}
/*------------------newsbox--------------------------------------*/
#news_box{
	position:absolute;
	left:295px;
	width:430px;
	height:560px;
        z-index:5;
	}
	
#news_box h1{
	font: 18px/22px Tahoma, Geneva, sans-serif;
/*	 text-shadow: #a2baa8 1px 1px 1px; */
 font-weight: bold;
	 text-align:center;
	color:#00323f;
        z-index:5; }
#news_box h2{
	font: 16px/20px Tahoma, Geneva, sans-serif;
/*	 text-shadow: #a2baa8 1px 1px 1px; */
        font-weight: bold;
	 text-align:center;
	color:#00323f;
        z-index:5; }
#news_box h3{
	font: 14px/18px Tahoma, Geneva, sans-serif;
/*	 text-shadow: #a2baa8 1px 1px 1px; */
font-weight: bold;
	 text-align:center;
	color:#00323f;
        z-index:5; }
/*------------------empty--------------------------------------*/
 #box2{ 
 background: url(../img/bg/5.jpg) no-repeat center;
 margin:0 auto;
 width:100%;
 height:197px;
 }
 /*------------------forum-------------------------------------*/
 #box3{ 
 background: url(../img/bg/6.jpg) no-repeat center;
 margin:0 auto;
 width:100%;
 height:173px;
 z-index:1;
 }
 
 #forum_box{
	 position:absolute;
	 left:65px;
	 top:60px;
	 width:182px;
	 height:360px;
	 color: #94dfd2;
	 font: 10px/14px Arial, Helvetica, sans-serif;
	 text-shadow:  #000 1px 1px 1px;
z-index:1;
	 }

	
* #forum_box h2{
        color: #c1d494;
	font: 14px/18px Arial, Helvetica, sans-serif;
	text-shadow:  #000 1px 1px 1px;
        margin-top:8px;
        bottom:5px;
        top:5px;
}

#forum_box a{
        color: #c1d494;
        outline: none;
	text-decoration: none;
        font: 14px/18px Arial, Helvetica, sans-serif;
	text-shadow:  #000 1px 1px 1px;
}	 

 
 #box4{ 
 background: url(../img/bg/7.jpg) no-repeat center;
 margin:0 auto;
 width:100%;
 height:200px;
 }
 
  /*------------------footer---------------------------------------*/
 #footer{ 
 background: url(../img/bg/8.jpg) no-repeat center;
 margin:0 auto;
 width:100%;
 height:35px;
 }
 
 /*------------------l2top---------------------------------------*/
 
 #l2top{ 
 position:relative;
 float:right;
 top:20px;
 width:86px;
 height:31px;
 left: 30px; }

#l2top a img {  opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90);  } 
#l2top a:hover img {  opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100) ;} 

 #l2topsite { 
    position: relative;
    float: right;
    top: 60px;
    width: 86px;
    height: 31px;
    left: 116px; }

#l2topsite a img {  opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90);  } 
#l2topsite a:hover img {  opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100) ;} 

#vkontakte{ 
 position:relative;
 float:right;
 width:100px;
 height:75px;
 top:50px;
 left: 123px; }

#vkontakte a img {  opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90);  } 
#vkontakte a:hover img {  opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100) ;} 

#vk_like{
position:absolute;
left:800px;
top:-50px;
}

#vk_groups{
position:absolute;
left:800px;
top:-380px;
}
 
 #copy{
	 font:Arial, Helvetica, sans-serif;
	 text-align:center;
	 padding: 0px 20px;
         
	 color:#5e5e5e;
/*         text-shadow: #c5c1b4 0px 0px 0px; */
	 }
	
#studio{
	 position:absolute;
	 top:0px;
	 left:745px;
	 }
#liveinternet{
	 position:absolute;
	 top:-15px;
	 left:40px;
z-index:2;
	 }
#liveinternet a img {  opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90);  } 
#liveinternet a:hover img {  opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100) ;} 

 
 /*====================================ADDING====================================================*/
 

 .center{
	 position:relative;
	 margin:0 auto;
	 height:100%;
	 width:1020px;
}


/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */
#mycustomscroll { overflow-y:scroll; height:585px; position: relative; margin: 0; padding: 1px; text-align: justify; outline: 0;}
/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width:3px;
height: 585px;
background-color: #567f75;
background-repeat: no-repeat;
}
.vscrollerbar {
width: 4px;
/* following is the bit that allows us fixed height scrollbars */
height: 200px !important;
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/

background-image: url(../img/scrollbar.png);
 background-position:center;
/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}

* html .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='scrollbar.png');
background-image: none;
}


/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {height: 1px;}
.hscrollerbar {height: 1px; background-color: transparent;}

.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 0;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 5px;
height: 100px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #0F6;
}

input#character {background: transparent; border: 1px solid #999; color: #eee;}

select#nselect {background: #000; border: 1px solid #999; color: #eee;}

/* Scroll Bar Master Styling Ends Here */