/*@font-face {
    font-family: 'dol';
    src: url('dol.eot');
    src: url('dol.eot?#iefix') format('embedded-opentype'),
         url('dol.woff') format('woff'),
         url('dol.ttf') format('truetype'),
         url('dol.svg#dol') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

@font-face {
    font-family: 'Proun';
    src: url('proun.eot');
    src: url('proun.eot?#iefix') format('embedded-opentype'),
         url('proun.woff') format('woff'),
         url('proun.ttf') format('truetype'),
         url('proun.svg#Proun') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	margin: 0 auto;
	height: 100%;
	width:1000px; 
	font-family: Arial, Verdana, Tahoma;

}
#body{
    background: #576B4B url(/images/bg.jpg) repeat;
/*    background-size: cover; */
}
#backgr_l{
    height: 100%;
    width: 50%;
    position: fixed;
    top: 0;
    left: 0;
    background-image:url(/images/backg_l.jpg);
    z-index:-1;
}
#backgr_r{
    height: 100%;
    width: 50%;
    position: fixed;
    top: 0;
    right: 0;
    background-image:url(/images/backg_r.jpg);
    z-index:-1;
}
.head {
	/*float:left; */
	/*background: url(headerbg.gif) top right no-repeat;    */
	width: 450px;
	height: 217px;
    
	margin: 0 auto 0;
	z-index: 999;
	position: relative;
}

.logotip {
   float:left;
   width: 220px;
   height: 146px;
}

.img_logo {
   border-style: none;
}

.topadvert {
  float: right;
  width: 728px;
  height: 90px;
  border: 1px solid #cc8319;
  background-color: #000000;
  margin: 25px 25px 0 0;
}

.contenttank {
	/*float:left;*/
	padding: 10px;
    margin: 00px auto 0;
    
	float: left;
    z-index: 1;
    position: relative;
}



.tank_cont {
   float:left;
   width: 1000px;
   min-height: 700px;
   background-color: #261909;
   border-radius: 7px;
   padding-bottom: 10px;
   /*border: solid #FF7F00 3px;*/
}

.cntwrap_bottom {
   float:left;
   width: 984px;
   height: 7px;
   background: url(cntwrap0.gif) top left no-repeat;
}


.goodgame {
  float:left;
  width: 300px;
  margin: 0px 0 0 10px;
}

.goodgame h3 {
	font: 25px Proun;
	color: #ffffff;
	text-transform: uppercase;
	padding: 10px 0 21px 48px;
	margin: 0 0 0 0px;
	background: url(populari.gif) no-repeat;
	background-position: 3px 5px;
}


.goodgame div {
  float:left;
  width: 126px;
  height: 100px;
  border: 2px solid #FF7F00;
  margin: 0 5px 15px;
  padding: 5px;
  border-radius: 5px;
}

.goodimg {
  border-style: none;
  width: 128px;
  height: 96px;
  border: 0;
}

.adv_box {
   float:left;
   width: 300px;
   height: 250px;
   margin: 50px 5px 5px 11px;
   border: 1px solid #363636;
   font: 12px arial;
   color: #5d5d5d;
}

.best_c {
   float: right;
   width: 344px;
   height: 322px;
   background-position: 0px 40px;
   margin: 0px 17px 0 0;
}

.best_c h3 {
  float:left;
  font: 25px Proun;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px 0 5px 45px;
  margin: 0 0 0 0;
  background: url(featicon.gif) no-repeat;
  background-position: 0px 4px;
  letter-spacing: 1px;
overflow: visible;
}   

.featpagi, .featpagi a {
  float: right;
  font: 12px arial;
  color: #fff;
  text-decoration: none;
  margin: 23px 0 0 0;
}

.prev { 
  padding: 0 10px 0 0;
}

.fimg {
  border-style: none;
  width: 314px;
  height: 196px;
  margin: 0 0 3px 0;
}

.featimgcont {
   width: 314px;
   position: absolute;
}

.featclassimg {
   float:left;
   width: 314px;
   height: 235px;
   margin: 10px 0 0 14px;
   overflow:hidden;
   position:relative;
}


.featimgcont p {
   font: 12px arial;
   color: black;
   padding: 0;
   margin:0;
   line-height: 15px;
   background-color: #B5DE18;
}

.featimgcont p a {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  padding:0;
  margin:0;
}

.featimgcont p a:hover {
  color: #ffc600;
}

.featcontbg {
    height: 240px;
    width: 341px;
    margin-top: 3px;
    border: 2px solid #FF7F00;
    border-radius: 7px;
    background-color: #B5DE18;
   
    float:left;
}

.box {
   width: 100%;
   margin: 0px 0px 10px 0px;
   clear: both;
}

.gboxbg {
   width: 958px; ;
   min-height: 200px;
/*background-color: #003E4D;
   border: 2px solid #FF7F00;*/
   border-radius: 7px;
   padding: 5px;
   margin-left: 8px;
}

.games {

   min-height: 200px;
   /*background-color: #690200;*/
   /*border: 1px solid #f20006;*/
   /*background-color: #407380;*/
   /*border: 3px solid #FF7F00;*/
   border-radius: 7px;
   padding: 5px;
}



 #adBox {
   float:left;
   width: 700px;
   min-height: 200px;
   margin: 20px 0 0 7px;
   text-align: center;
 }

 #adBox p {
   font: 12px arial;
   color: #ffffff;
   padding: 5px 0 5px 0px;
   margin:0;
   text-align: center;
}

.gboxbg li {
  float:left;
  width: 208px;
  height: 275px;
  font: 11px arial;
  color: #ffffff;
  text-align: center;
  margin: 5px;
}

.item a h2 {
  font: 24px Proun;
  color: #FFDD00;
  text-align: left;
}

.item a:hover h2 {
  color: #FFFFFF;
}

.item h2 { margin: 0px; padding: 0px; }

.item {
  float:left;
  width: 240px;
  height: 392px;
  font: 12px arial;
  color: #ffffff;
  text-align: justify;
  text-decoration: none;
  margin: 5px 0px 0px 5px;
}

.gbimg {
  border: 2px solid #FF7F00;
  border-radius: 5px;
}

img.lazy  {
  border: 2px solid #FF7F00;
  border-radius: 5px;
}

.gboxbg li a {
  color: #ffffff;
  text-decoration: none;
}
.gboxbg div a {
  color: #ffffff;
  text-decoration: none;
}

.right {
  float: right;
  width: 231px;
  margin: 10px 10px 0 0;
}

.menu {
  float:left;
  width: 229px;
  min-height: 150px;
  /*background-color: #191919;*/
  /*border: 1px solid #373737;*/
  background-color: #115E6D;
  border: 2px solid #EBD221;
  border-radius: 7px;
  padding: 10px 0 10px 0;
}

.left {
  padding-bottom: 10px;
  padding-left: 0px;
  margin: 0 auto;
  overflow: hidden;
  clear: both;
  width: 990px;
}


.menu div {
  width: 220px;
  height: 60px;
  font: 11px arial;
  padding: 5px 0 0px 0;
  margin: 0 0 0 6px;
  background: url(sep00000.gif) bottom left repeat-x;
  line-height: 13px;
}

.menu, .games, div a {
  color: white;
  text-decoration: none;
  font-weight: bold;
 }

 .menu, .games, div a:hover {
   color: #FFDD00;
 }
.games{
    margin: 0 auto;   
}

.align{
    zoom: 1;
    overflow: hidden;
    margin: 0 auto;
}

.sbimg {
  float:left;
  border: 1px solid #EBD221;
  width: 50px;
  height: 50px;
  padding: 0 0 0 0;
  margin: 0 10px 0 0;
}

.rightbox {
  float:left;
  width: 229px;
  padding: 0;
}

.descr {
  width: 100%;
  min-height: 10px;
}

.descrbg {
  width: 938px;
  min-height: 7px;
  /* background-color: #407380; */
  padding: 10px;
  border-radius: 7px;
  color: white;
}

.descrbg h1 {
  font: 35px Proun;
  font-weight: bold;
  padding: 5px 0 5px 0;
  margin: 0 0 0 0;
  text-align: center;
  letter-spacing: 1px;
}

.descrbg p {
  font: 12px arial;
  line-height: 24px;
  padding: 5px 0 5px 0;
  margin: 0 0 0 0;
}

.foot {
	/*float:left;*/
	width:1000px;
    padding: 5px 10px 5px 10px;
    margin: 0 auto;
}

.foot p, .foot p a {
  font: 11px arial;
  color: #FFF2E6;
  line-height: 20px;
}

.foot p a:hover {
  text-decoration: none;
}

.foot span {
  font: 12px arial;
  color: #FFFFFF;
}

/*Back to top button*/ 

#back-top {
    position: fixed;
    bottom: 0; 
    z-index:999; 
    right: 1%;
}
#back-top a {
    width: 100px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
    /* background color transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover {
    color: #000;
}
/* arrow icon (span tag) */
#back-top span {
    width: 100px;
    height: 100px;
    display: block;
    margin-bottom: 35px;
    background: /*#ddd*/ url(bottom_mouse_top.png) no-repeat center center;
    /* rounded corners */
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /* background color transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

.raiting_blank, .raiting_votes, .raiting_hover {height:16px; position:absolute;}
.raiting_blank { background:url(/images/raitings.png); width:83px; } 
.raiting_votes {background:url(/images/raitings.png) 0 -16px} 
.raiting_hover {background:url(/images/raitings.png) 0 -32px; display:none}  



#raiting {position:relative; height:16px; cursor:pointer; width: 85px; float:left; margin: 0 20px 0 0;  overflow: hidden;} 
#raiting_blank, #raiting_votes, #raiting_hover {height:16px; position:absolute;}
#raiting_blank { background:url(/images/raitings.png); width:83px; } 
#raiting_votes {background:url(/images/raitings.png) 0 -16px} 
#raiting_hover {background:url(/images/raitings.png) 0 -32px; display:none}  
#raiting_info { font-family: Arial; font-size: 12px; color: #FFDD00; float: left; height: 40px;}
#raiting_info img{vertical-align:middle; margin:12px 5px 0 5px; display:none}
#raiting_info h3 {margin: 0; font-size: 12px; font-weight: normal;}
#raiting_info h3 b{color: red; font-size: 15px; }
#raiting_info h3 span{color: red; font-weight: normal;}

.raiting_star{
    height: 16px;
    margin: 25px 0 10px 0px;
    float: left;
}
.item .raiting_star{
    margin-top: 5px;
}

#raiting_star{
    height: 16px;
    margin: 25px 0 10px 0px;
    float: left;
}
.item #raiting_star{
    margin-top: 5px;
}

.mouse_left {
    float: left;
    width: 49px;
    height: 35px;
    background: url(/images/how_to_play.png) no-repeat top;
    text-align: center;
    margin: 5px;
    color: black;
    line-height: 35px;
}

.game_control {
    line-height: 35px;
    margin: 5px;
 /*   padding: 0 0 0 40px; */
    color: FFDD00;
    font-size: 12px;
    font-family: arial;
    font-weight: normal;
    float: right;
}

.desc_game {
    font-family: Arial; 
    font-size: 12px;
    text-align: justify;
    font-weight: normal;
    margin: 10px auto 10px;
}
.desc_game, .descrbg  p{
  color: #ffffff;
}

.desc_game a {
  color: #FFDD00;
}

.main_page_game_desc {
    color: #ffffff;
    padding-right: 7px;
}

.i_head h1 {
    text-align: center;
    color: white;
    /* font-family: Proun; */
    font-family: Arial;     
    font-size: 18px;
    letter-spacing: 0px;
    margin: 5px;
}
#body #game_control{
    margin: 10px 0 10px 0;
}
#game_control{
    margin: 10px 0 10px 50px;
}

.raiting_game_page {
padding: 10px;
}

.b_items{
    float: left;
    height: 150px;
    margin: 0 7px;
}

.b_i_head{ 
    font-family: Arial; 
    width: 80px;
    height: 40px;
    text-align: center;
}

.b_i_head p{
    margin: 0;
    font-size: 13px;
    line-height: 15px;
}
.tank_cont, .games{
	border: 3px solid white;
}
.gbimg, .goodgame div, .featcontbg, .gboxbg, #bot_menu{
	border: 2px solid white;
}
#bot_menu{
	width: 967px; 
	height: 320px; 
	border-radius: 7px; 
	padding: 5px 0 8px 0px; 
	margin-left:9px;
}
#bot_menu, .games, .gboxbg, .descrbg{
	background-color: #0043A6;
}