/*start reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {

margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ul {
list-style:none;
}
caption,th {
text-align:left;
}
h2 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
}
h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;

}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}
/*end reset*/

html, body {
min-height: 100%;
}
body {
font-family:14px/18px Arial, san-serif;
font-size:17px;
color:#111;
background:url(../images/body.jpg) repeat;
}
header, aside, section, footer/*, nav*/ {
display:block;
}
.wraper {
position: relative; 
min-height: 100%;
}

/*resolution < 1000px*/
@media (max-width : 999px) {
	.content_wrap {
		width:98%;
	}
	.header_center,  footer {
		width:100%;
	}
	footer {
		padding-left:0;
		padding-right:0;
	}
	.center_colum {
		width:64.5%;
	}	
	.menu_top {
		margin-right:5px;
	}
	a.logo {
		margin-left:10px;
		width:16%;
		height:10%;
	}
	a.logo img {
		width:100%;
	}
	.slider ul {
		height:auto;
	}
	.slider li img {
		width:100%;
	}
	.slider_text {
		margin:-91px 0 0 0;
		top:50%;
		left:10%;		
	}
	.slider a.next, .slider a.prev {
		margin-top:-30px;
		top:50%;
	}
}

resolution < 768px
@media (max-width : 767px) {
	.content_fon {
		padding-bottom:40px;
	}
	.header_center {
		padding-bottom:0;
		text-align:center;
	}
	.header_center span {
		padding:0 8px;
		float:none;
		font-size:0.9em;
	}
	a.logo {
		padding-top:5%;
	}
	nav, .menu_top {
		width:100%;
		float:none;	
	}
	.menu_top {
		margin-top:10px;
		text-align:center;
	}
	.menu_top a {
		padding:0 15px;
	}
	.slider {
		display:none;
	}
	aside {
		width:100%;
		float:none;
		position:relative;
	}
	a.twitter, a.vk, a.button, a.button-act {
		margin:-135px 0 0 0;
		padding:0;
		height:auto;
		line-height:normal;
		position:absolute;
		top:0;
		font-size:.9em;		
		background:none !important;		
	}
	a.vk {
		right:0;
	}
	a.twitter {
		right:0;
	}
	a.button {
		right:160px;
	}
	a.button-act {
		right:160px;
	}
	.center_colum {
		margin:0;
		width:100%;
	}
	footer {
		padding:0;
	}
	footer p {
		font-size:.7em;
	}
	footer img {
		display:none;
	}
}

/*==========================header======================*/
header {
width:100%;
font-weight:bold;
font-size:14px;
background:url(../images/phone_panel.png) repeat-x;
}
.header_center {
margin:0 auto;
padding-bottom:60px;
width:980px;
position:relative;
}
.header_center span {
padding:0 20px 0 5px;
float:right;
line-height:48px;
color:#fff;
font-style:italic;
text-shadow:0 1px #000;
} 
.header_center a, .header_center img {
display:block;
}
a.logo {
padding-top:86px;
width:158px;
height:106px;
}
a.mail {
width:13px;
height:9px;
position: absolute;
left: 170px;
top: 87px;
}

/*start nav*/
a.mmorpg {
    background: url(../images/buttons/mmorpg-but.png); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 107px; /* Ширина рисунка в пикселах */
    height: 38px; /* Высота рисунка */
   }

a.mmorpg:hover {
    background-position: 0 -38px;
	no-repeat /* Смещение фона */
   }

a.action {
    background: url(../images/buttons/action-but.png); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 107px; /* Ширина рисунка в пикселах */
    height: 38px; /* Высота рисунка */
   }
a.action:hover {
    background-position: 0 -38px; /* Смещение фона */
   }

a.rpg {
    background: url(../images/buttons/rpg-but.png); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 107px; /* Ширина рисунка в пикселах */
    height: 38px; /* Высота рисунка */
   }
a.rpg:hover {
    background-position: 0 -38px; /* Смещение фона */
   }

a.racing {
    background: url(../images/buttons/racing-but.png); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 107px; /* Ширина рисунка в пикселах */
    height: 38px; /* Высота рисунка */
   }
a.racing:hover {
    background-position: 0 -38px; /* Смещение фона */
   }

a.strat {
    background: url(../images/buttons/strat-but.png); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 107px; /* Ширина рисунка в пикселах */
    height: 38px; /* Высота рисунка */
   }
a.strat:hover {
    background-position: 0 -38px; /* Смещение фона */
   }

a.gmmorpg {
    background: url(../images/buttons/mmorpg-but.png); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 117px; /* Ширина рисунка в пикселах */
    height: 38px; /* Высота рисунка */
   }

a.gmmorpg:hover {
    background-position: 0 -38px;
	no-repeat /* Смещение фона */
   }

a.gaction {
    background: url(../images/buttons/action-but.png); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 117px; /* Ширина рисунка в пикселах */
    height: 38px; /* Высота рисунка */
   }
a.gaction:hover {
    background-position: 0 -38px; /* Смещение фона */
   }

a.grpg {
    background: url(../images/buttons/rpg-but.png); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 117px; /* Ширина рисунка в пикселах */
    height: 38px; /* Высота рисунка */
   }
a.grpg:hover {
    background-position: 0 -38px; /* Смещение фона */
   }

a.gracing {
    background: url(../images/buttons/racing-but.png); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 117px; /* Ширина рисунка в пикселах */
    height: 38px; /* Высота рисунка */
   }
a.gracing:hover {
    background-position: 0 -38px; /* Смещение фона */
   }

a.gstrat {
    background: url(../images/buttons/strat-but.png); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 117px; /* Ширина рисунка в пикселах */
    height: 38px; /* Высота рисунка */
   }
a.gstrat:hover {
    background-position: 0 -38px; /* Смещение фона */
   }


nav, .menu_top {
float:right;
}
.menu_top {
margin-top:-62px;
}
.menu_top li {
height:40px;
*padding-left:4px;
display:inline-block;
*display:inline;
*zoom:1;
position:relative;
}
.menu_top li:hover {
height:38px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-top:1px solid #ffeeab;
border-bottom:1px solid #ffffff;
background-color:#ea8002;
}
.menu_top a {
margin-top:1px;
padding:0 20px;
line-height:38px;
float:left;
color:#222;
text-shadow:0 1px #000;
text-transform:uppercase;
text-decoration:none;
}
.menu_top a:hover {
margin-top:0;
height:44px;
line-height:38px;
color:#fff;
background:url(../images/marker_nav.png) no-repeat 50% bottom;
}
/*end  nav*/
/*start  menu_two*/
.menu_two {
float:right;
}
.menu_two {
margin-top:-62px;
}
.menu_two li {
height:40px;
*padding-left:4px;
display:inline-block;
*display:inline;
*zoom:1;
position:relative;
}
.menu_two li:hover {
height:38px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-top:1px solid #ffeeab;
border-bottom:1px solid #ffffff;
background-color:#ea8002;
}
.menu_two a {
margin-top:1px;
padding:0 20px;
line-height:38px;
float:left;
color:#222;
text-shadow:0 1px #000;
text-transform:uppercase;
text-decoration:none;
}
.menu_two a:hover {
margin-top:0;
height:44px;
line-height:38px;
color:#fff;
background:url(../images/marker_nav.png) no-repeat 50% bottom;
}
/*==========================header======================*/

/*==========================content_wrap======================*/
.content_wrap {
margin:0 auto;
width:980px;
padding: 0 0 140px;
}
.content_fon {
padding:40px 40px 80px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
box-shadow:0 0 10px 4px #d1d1d1;
-moz-box-shadow:0 0 10px 4px #d1d1d1;
-webkit-box-shadow:0 0 10px 4px #d1d1d1;
background-color:#fff;
behavior: url(PIE.htc);
}

/*start slider*/
.slider  {
margin-bottom:40px;
width:100%;
float:left;
position:relative;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
behavior: url(PIE.htc);
}
.slider ul  {
width: 100%;
height:260px;
display: block;	
position: relative;
overflow:hidden;
}
.slider li {
height:100%;
display:none;
}
.slidesplash {
width: 100%;
height:100%;
display:none;
background-color:#000;
position:absolute;
left:0;
top:0;
z-index:4;
border-radius: 4px;
-webkit-border-radius: 4px; 
-moz-border-radius: 4px;
behavior: url(PIE.htc);
}
.slider a.next, .slider a.prev {
width:60px;
height:60px;
position:absolute;
top:100px;
background:url(../images/slider_nav.png) no-repeat;
z-index:5;
}
.slider a.next {
right:0;
background-position:-60px 0;
}
.slider a.next:hover {
background-position:-60px -60px;
}
.slider a.prev {
left:0;
background-position:0 0;
}
.slider a.prev:hover {
background-position:0 -60px;
}


.slider_text {
width:511px;
height:183px;
position:absolute;
top:50px;
left:90px;
background:url(../images/slider_fon.png) no-repeat;
}
.slider_text h2 {
padding-bottom:15px;
font-family:Cricket;
font-size:30px;
color:#fff;
text-transform:uppercase;
text-indent:-9999px;
}
.slider_text p {
padding:55px 0 0 45px;
width:390px;
color:#bab7b7;
font-size:11px;
font-family:Arial;
}
.slider_text p a {
padding-top:5px;
display:block;
color:#ffcc00;
}
.slider_text p a:hover {
text-decoration:none;
}
/*end slide*/

/*start aside*/
aside {
width:220px;
float:left;
}
aside a {
margin-bottom:20px;
padding-left:10px;
height:50px;
line-height:71px;
display:block;
font-size:10px;
color:#333;
text-decoration:none;
text-transform:uppercase;
}
aside a:hover {
color:#000;
}
aside a.button {
font-family:TimesNewRoman;
font-size:13px;
color:#000;
background:url(../images/button.png) no-repeat 0 0;
}
aside a.button:hover {
font-family:georgia;
font-size:13px;
color:#0000f6;
background:url(../images/button.png) no-repeat 0 -52px;
}
aside a.button-act {
font-family:TimesNewRoman;
font-size:13px;
color:#000;
background:url(../images/button-act.png) no-repeat 0 0;
}
aside a.button-act:hover {
font-family:georgia;
font-size:13px;
color:#0000f6;
background:url(../images/button-act.png) no-repeat 0 -52px;
}
aside a.vk {
background:url(../images/vk.png) no-repeat 0 0;
}
aside a.vk:hover {
background:url(../images/vk.png) no-repeat 0 -50px;
}
aside a.twitter {
background:url(../images/twitter.png) no-repeat 0 0;
}
aside a.twitter:hover {
background:url(../images/twitter.png) no-repeat 0 -50px;
}
/*end aside*/

/*start section*/
.center_colum {
margin-left:240px;
width:660px;
}
.center_colum h1 {
padding-bottom:24px;
font-size:20px;
color:#000;
font-weight:bold;
text-transform:uppercase;
}
.center_colum p {
padding-bottom:20px;
}
/*end section*/
/*=====================end content_wrap======================*/

/*==========================footer======================*/
footer {
margin: -120px auto 0;
padding:20px 40px; 
width:900px;
height: 80px; 
overflow: hidden; 
position: relative;
text-align:center;
color:#333;
text-shadow:0 1px #fff; 
}
footer img {
float:left;
}
footer p {
margin-top:10px;
}
/*==========================end footer======================*/