html, body {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	}
a {
color: #9c3936;
}
body{		
	background-color: #444;
	font-size: 14pt;
	font-family: "Times New Roman", serif;
	line-height: 1.5;
}
#branding_link
{
	background: url(../images/bg2.jpg) center top no-repeat;
	border: red;
	display: block;
	height: 800px;
	position: absolute;
	width: 100%;
margin: 0;
	padding: 0;
	z-index: 0;
}
.razdel {
float: left;
padding: 5px 20px 5px 0px;
}
#vk_comments {
width: 100% !important;
}
.razdel ul{
	list-style: none;
padding-left: 0px;
} 
.razdel ul li {
padding-left: 0px;
} 

.razdel ul li  a, .razdel ul li a:visited {
display: block;
padding: 5px 5px 0 5px;
margin: 2px;
color: white;
background-color: #761f1d;
width: 300px;
height: 30px;
text-decoration: none;
border-color: transparent transparent transparent #9c3936;
	border-style: solid;
	border-width: 4px 4px 4px 5px;

}

.razdel ul li a:hover {
color: white;
background-color: #9c3936;
text-decoration: none;
}


.tegs {
	float:left;
	width: 278px;
	height:70px;
	margin: 0;
	padding: 0;
	background-color: #80ff80;
	
}



.mainmenu {
	width: 1280px;
	height:60px;
	margin: 0 auto;
	padding: 0px;
	background-color: eeeeff;
z-index: 10;
}

#m_menu{
	padding: 0;
	margin: auto;
	list-style: none;
max-width:100%

} 
#m_menu li {
float: left;
} 

#m_menu li  a, #m_menu li  a:visited {
display: block;
padding: 5px 5px 0 5px;
margin-left: 2px;
color: white;
background: linear-gradient(to top, #444,#111);
width: 116px;
height: 60px;
text-align: center;
text-decoration: none;

}

#m_menu a:hover {
color: white;
background: linear-gradient(to top, #9c3936,#761f1d);
text-decoration: none;
}

.content{
	width: 1280px;
	margin: 0 auto;
	padding: 0;
	background-color: #f0f0f0;
	position: relative;

}


.rightcol {
	width: 400px;
	height:auto;
	margin: 0px 0px 10px 0px;
	padding: 0;
	background-color: #f0f0f0;
	float:right;
}
.link_block {
margin:3px;
width: 96%;
}

.link_block a{
color:#003380;
display: block;
text-decoration: none;
font-weight: bold;
text-align:left;
padding: 1px 1px 1px 1px;
margin: 1px;

}
.link_block a:hover {
color:black;
text-decoration: none;
font-weight: bold;
text-align:left;
}


.main  {
	width: 800px;
	height:auto;
	margin: 0px 2px 0px 2px;
	padding: 5px 5px 5px 10px;
	background-color: #f0f0f0;
	float:left;

}
.footer {
	width: 1280px;
	height:auto;
	margin:  0px auto;
	padding: 0;
	overflow: hidden;
	background-color: #f0f0f0;
	border-top: 1px solid black;

}
.adr{
	width: 100%;
	height:auto;
	background-color: white;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
.adr a{
color:#003380;
text-decoration: none;
}
.part_block {
	float:left;
	width: 30%;
}

.part_block  a{
	display: block;
	height:28px;
	background-color: #9c3936;
	color:white;
	text-decoration: none;
	text-align: center;
}
.part_block  a:hover{
	display: block;
	color:white;
	text-decoration: none;
	text-align: center;
}
.razdel_block {
	float:left;
	width: 28%;
}
.razdel_block a{
	display: block;
	height:28px;
	background-color: #9c3936;
	color:white;
	text-decoration: none;
	text-align: center;
}
.razdel_block a:hover{
	display: block;
	color:white;
}

.strela1 {
	border-color: transparent transparent transparent #9c3936;
	border-style: solid;
	border-width: 14px 14px 14px 15px;
	height: 0px;
	width: 0px;
	margin: 0;
	padding: 0;
	float:left;
}
.strela12 {
	border-color: #9c3936 #9c3936 #9c3936 transparent;
	border-style: solid;
	border-width: 14px 15px 14px 14px;
	height: 0px;
	width: 0px;
	margin: 0;
	padding: 0;
	float:left;
}
.strela2{
	border-color: transparent transparent transparent #9c3936;
	border-style: solid;
	border-width: 14px 14px 14px 14px;
	height: 0px;
	width: 0px;
	float:left;
}


h1{
width:100%;
margin: 8px 0px 8px 0px;
border-top: 1px solid black;
border-bottom: 1px solid black;
padding: 0px;
color: #111;
}
.quote {
width:100%;
min-height: 60px;
height: auto;
padding: 8px 0px 8px 0px;
margin: 8px 0px 8px 0px;
border-top: 1px solid black;
border-bottom: 1px solid black;
background-color: #a7ffa7;
}
.data {
width:25%;	
height: 60px;
float:left;	
background-color: #a7ffa7;
text-align: left;
color:gray;
}
.box{
width:40%;	
height: auto;	
background-color: #a7ffa7;	
border: 1px solid black;
float:right;
margin: 8px;
padding: 4px;
}
.box em{
color: gray;
}
.main p{
margin: 2px;
padding: 2px;
text-indent: 10px;
}

.green_line {
width:100%;
height: 28px;
border-top: 1px solid black;
border-bottom: 1px solid black;
display: block;
color:black;
text-align: center;
text-decoration: none;
background-color: white;
margin: 0;
padding: 0;
}

.bl_line {
width:100%;
height: 28px;
border-top: 1px solid black;
border-bottom: 1px solid black;
display: block;
color:white;
text-align: center;
text-decoration: none;
background-color: #111;
margin: 5px 0px 5px 0px;
padding: 0;
}

.pig {
border-top: 1px solid black;
border-bottom: 1px solid black;	
text-align: center;
text-decoration: none;
background-color: #80ff80;
margin: 0;
padding: 0;
width:100%;
min-height: 110px;
text-align: left;
}
.pig img{
float:left;
height: 100px;
margin: 0;
padding: 0;
}

.pig p{
margin: 10px;
padding: 10px;
font-style: italic
}
.blue_line{
margin: 10px 0px 0px 0px;
padding: 0px;
width:100%;
height: 28px;
background-color: #003380;
background: linear-gradient(to left, #90a6c8, #003380);

}
.blue_line em{
color:white;
float:left;
}
.blue_line strong{
color:black;
float:right;
}
.blue_line strong a{
color:black;
text-align:right;
text-decoration: none;
}
.blue_line strong a:hover{
color:#80ff80;
text-align:right;
text-decoration: none;
}
.news_box{
margin: 0px  0px  40px 0px;
padding: 0px;
width:100%;
min-height:150px;
background-color: f0f0f0;
border-bottom: 1px solid #444;

}
.news_box a img{
padding: 10px;
max-height:100px;
height: auto;
float:left;
}
.news_box h3 a{
text-decoration: none; 
color:#9c3936;
padding:3px;
margin:2px;
}
.news_box h3 a:hover{
text-decoration: none; 
color:black;
}
.ramka {
margin: 8px;
padding: 4px;	
border: 1px solid #003380;
height: auto;
display:inline-block
}
.ramka hr {
	border:0;
	border-bottom: 1px dotted #003380;
	margin: auto;
	width: 90%;
}

.textline
{
     text-decoration: underline;
 }
.wblock
{
background-color: #FFF;
color: #000;
border: 1px solid #999999; 
border-radius: 10px 10px;
-moz-border-radius: 10px 10px;
-webkit-border-radius: 10px 10px;
box-shadow: 2px 2px 3px #999;
-webkit-box-shadow: 2px 2px 3px #999;
-moz-box-shadow: 2px 2px 3px #999;
margin: 8px;
padding: 5px;
}
.gblock
{
background-color: #f0f0f0;
color: #000;
border: 1px solid #9C3936; 
border-radius: 10px 10px;
-moz-border-radius: 10px 10px;
-webkit-border-radius: 10px 10px;
box-shadow: 2px 2px 3px #999;
-webkit-box-shadow: 2px 2px 3px #999;
-moz-box-shadow: 2px 2px 3px #999;
margin: 8px;
padding: 5px;
}
.vline {
border: dotted #000 1px;
border-left:solid #9C3936 5px;
margin:10px 40px;
padding:15px;
color:#000;
font-style:italic;
background:#f0f0f0;
}
.coment {
margin:5px auto;
width: auto;
}
.bl_text {
	color:  #003380;
	
}
.bl_text a{
	color:  #003380;
	text-decoration: none;
}
.bl_text a:hover{
	color:  black;
	text-decoration: none;
}
.page  {
	width: 40px;
	height: 26px;
	margin: 2px;
	padding: 4px 0 0 0;
	display: inline-block;
	font: 14pt sans-serif;
	text-align: center;
	text-decoration: none;
	background-color: #80ff80;
	border: 1px solid #003380;
	color:#003380;
}

.page:hover{
	color:black;
	text-decoration: none;
	border: 1px solid #80ff80;
}
.tpage  {
	width: 40px;
	height: 26px;
	margin: 2px;
	padding: 4px 0 0 0;
	display: inline-block;
	font: 14pt sans-serif;
	text-align: center;
	text-decoration: none;
	background-color: white;
	border: 1px solid #003380;
	color:black;
}

.buy a {
	width: 150px;
	height: 32px;
	margin: auto;
	padding: 10px;
	display: block;
	font: 18pt sans-serif;
	text-align: center;
	text-decoration: none;
	color:white;
	font-weight: bold;
	background-color: #5d5d5d;
	background: linear-gradient(to top, #111111, #5d5d5d);
	border: 1px solid #111111;
}

.buy a:hover {
	background-color: #111111;
	background: #111111;
	text-decoration: none;
}

.cost {
	width: 150px;
	height: 32px;
	margin: 5px auto;
	padding: 10px;
	display: block;
	font: 18pt sans-serif;
	text-align: center;
	text-decoration: none;
	color:black;
	background-color: #f0f0f0;
	border: 1px solid #111111;
}
.redMenu {
border-top: 1px solid #003380;
}
.liv
{
	margin: 10px 30px;
}
.gblock table
{
align: center;
bgcolor:#fff;

}
.gblock table tr td
{
text-align: center;
bgcolor:#fff;
}
.gblock table tr td:first-child
{
border-right:2px dotted #000;
}
.gblock table tr
{
align: center;
bgcolor:#fff;

}

.hat {
width: 100%; 
background-color: white;
}
.ship{
width: 30%; 
height: 150px; 
float: left;
}	
.name {
width: 30%; 
float: left; 
background-color: white; 
color: black; 
font-weight: bold; 
font-size: 30px;
margin-top: 10px;
}
.p_wins{
width: 100%; 
color: #095344; 
color: linear-gradient(to top, #02332f, #095344);
background-color: white; 
font-weight: bold; 
font-size: 45px;
margin-top: 50px;
}
.main_stat {
width: 20%; 
float: left; 
background-color: white;	
}
.main_stat  ul {
margin-left: 3px;
padding-left: 3px;
}
.main_stat  ul li{
list-style-type: none;
}
.rang {
width: 20%; 
color: black; 
font-weight: bold; 
font-size: 20px; 
margin-left: 80%;	
padding-top: 15px;
}
.max_frag {
clear: left;	
}
.wows_logo {
position: absolute; 
left: 670px; 
top: 230px; 
z-index: 10;	
}
.wows_logo2 {
position: absolute; 
left: 670px; 
top: 358px; 
z-index: 10;	
}
.wowp_logo2 {
position: absolute; 
left: 670px; 
top: 445px; 
z-index: 10;	
}
.sc_logo2 {
position: absolute; 
left: 670px; 
top: 550px; 
z-index: 10;	
}
.wot_logo2 {
position: absolute; 
left: 670px; 
top: 257px; 
z-index: 10;	
}
.wows_line{
width: 100%; 
height: 53px; 
background: #002524; /* Для старых браузров */
background: linear-gradient(to top, #002524, #095344);
margin-bottom:45px;
}
.search{
color: white; 
float: left; 
font-size: 18px;
position: relative;
top: 15px;
left: 8px;
}
#st_form {
margin-left: 45%;
background: #white;
position: relative;
top: 15px;
left: 8px;
}
.wows_line h1{
text-align: left;
color: white;
position: relative;
top: 5px;
left: 8px;
border: none;
}

.wot_line h1{
text-align: left;
color: white;

position: relative;
top: 5px;
left: 8px;
border: none;
}

.wowp_line h1{
text-align: left;
color: white;
position: relative;
top: 5px;
left: 8px;
border: none;
}
.states h2 {
color: #095344; 
color: linear-gradient(to top, #02332f, #095344);
}
.states table {
border-collapse: collapse;
width:100%;
}
.states table tr td{
    padding: 3px; /* Поля вокруг содержимого таблицы */
    border-bottom: 1px solid black; /* Параметры рамки */
	text-align:right;
}
.states table tr td:first-child{
	text-align:left;
}
.states table tr:nth-child(2n+1) {
    background: white;
   }
#battery {
border-collapse: collapse;
width:100%;
}
#battery  tr td{
    padding: 3px; /* Поля вокруг содержимого таблицы */
    border: 1px solid black; /* Параметры рамки */
	text-align:center;
}
#battery  tr th{
    padding: 3px; /* Поля вокруг содержимого таблицы */
    border: 1px solid black; /* Параметры рамки */
	text-align:center;
	background: #002524; /* Для старых */
	background: linear-gradient(to top, #002524, #095344);
	color: white;
}
#battery  tr td:first-child{
	text-align:left;
}
#battery  tr:nth-child(2n+1) {
    background: white;
   }


#boi {
border-collapse: collapse;
width:100%;
}
#boi tr td{
    padding: 3px; /* Поля вокруг содержимого таблицы */
    border: 1px solid black; /* Параметры рамки */
	text-align:center;
}
#boi tr th{
    padding: 3px; /* Поля вокруг содержимого таблицы */
    border: 1px solid black; /* Параметры рамки */
	text-align:center;
	background: #191814; /* Для старых */
	background: linear-gradient(to top, #191814, #5e5349);
	color: white;
}
#boi tr td:first-child{
	text-align:left;
}
#boi tr:nth-child(2n) {
    background: #f0f0f0;
   }
#boi tr:nth-child(2n) td{
    background: #f0f0f0;
   }



#plane {
border-collapse: collapse;
width:100%;
}
#plane tr td{
    padding: 3px; /* Поля вокруг содержимого таблицы */
    border: 1px solid black; /* Параметры рамки */
	text-align:center;
}
#plane tr th{
    padding: 3px; /* Поля вокруг содержимого таблицы */
    border: 1px solid black; /* Параметры рамки */
	text-align:center;
	background: #1b4475; /* Для старых */
	background: linear-gradient(to top, #1b4475, #41addc);
	color: white;
}
#plane tr td:first-child{
	text-align:left;
}
#plane tr:nth-child(2n) {
    background: #f0f0f0;
   }
#plane tr:nth-child(2n) td{
    background: #f0f0f0;
   }

.search{
color: white; 
float: left; 
font-size: 18px;
position: relative;
top: 15px;
left: 8px;
}
.wot_line{
width: 100%; 
height: auto; 
background: #191814; /* Для старых */
background: linear-gradient(to top, #191814, #5e5349);
margin-bottom:45px;
}
.wowp_line{
width: 100%; 
height: 53px; 
background: #1b4475; /* Для старых */
background: linear-gradient(to top, #1b4475, #41addc);
margin-bottom:45px;
}
.wt_line{
width: 100%; 
height: 53px; 
background: #170000; /* Для старых */
background: linear-gradient(to top, #170000, #5a0e00);
margin-bottom:45px;
}
.sc_line{
width: 100%; 
height: 53px; 
background: #4a0c00; /* Для старых */
background: linear-gradient(to top, #4a0c00, #b21e01);
margin-bottom:45px;
}
#form_menu
{
margin:10px;
}
 
#form_menu input[type="text"]
{
border: 2px black solid;
}

#form_menu input[type=text] {
    color:#999;
}
#form_menu input[type=text]:focus {
    color:#000;
}
#form_menu input[type="radio"]
{
margin-left:60px;
border: 1px black solid;
}
#ship_table{
    border: 1px solid black; /* Параметры рамки */
	
	width:100%;
	border-collapse: collapse;
}
#ship_table tr th{
border: 1px solid black; /* Параметры рамки */
text-align:center;
background: #002524; /* Для старых браузров */
background: linear-gradient(to top, #002524, #095344);
}
#ship_table tr th h4{
color: white;
}
#ship_table tr td{
border: 1px solid black; /* Параметры рамки */
text-align:left;
}
#ship_table tr td ol li a {
	color: #9c3936;
}
#ship_table tr td ol li a:hover {
	color: #9c3936;
}
#ship_table tr td ol li:nth-child(2n) {
    background: white;
}
.sc_line h1{
text-align: left;
color: white;
position: relative;
top: 5px;
left: 8px;
border: none;
}
#battery tr td a {
	color: #9c3936;
}
#battery tr td a:hover {
	color: #9c3936;
}
.max_frag a {
	color: #9c3936;
}
.max_frag a:hover {
	color: #9c3936;
}

#boi tr td a {
	color: #9c3936;
}
#boi tr td a:hover {
	color: #9c3936;
}
.rang a {
	color: #9c3936;
}
.rang a:hover {
	color: #9c3936;
}
.hat p a {
	color: #9c3936;
}
.hat p a:hover {
	color: #9c3936;
}
.mainNews p a {
	color: #9c3936;
}
.mainNews p a:hover {
	color: #9c3936;
}

.buy a {
	width: 150px;
	height: 32px;
	margin: auto;
	padding: 10px;
	display: block;
	font: 18pt sans-serif;
	text-align: center;
	text-decoration: none;
	color:white;
	font-weight: bold;
	background-color: #5d5d5d;
	background: linear-gradient(to top, #111111, #5d5d5d);
	border: 1px solid #111111;
}

.buy a:hover {
	background-color: #111111;
	background: #111111;
	text-decoration: none;
}

.cost {
	width: 150px;
	height: 32px;
	margin: 5px auto;
	padding: 10px;
	display: block;
	font: 18pt sans-serif;
	text-align: center;
	text-decoration: none;
	color:black;
	background-color: #f0f0f0;
	border: 1px solid #111111;
}
.right{
float: right;
margin: 8px;
}

.left{
float: left;
margin: 8px;
}
.green{
color:#095344;
font-weight: bold;
}

.blue{
color:#1B4475;
font-weight: bold;
}
.greenb {
border-top: 1px solid black;
border-bottom: 1px solid black;	
text-align: center;
text-decoration: none;
background-color: #33FF66;
box-sizing: border-box;
margin: 0 0 10px 0;
padding: 10px;
width:100%;
min-height: 110px;
text-align: left;
}
.greenb img{
float:left;
height: 100px;
margin: 0;
padding: 0;
}

.greenb p{
margin: 3px;
padding: 3px;
font-style: italic
}
.redb{
border-top: 1px solid black;
border-bottom: 1px solid black;	
text-align: center;
text-decoration: none;
background-color: #FF6666;
margin: 0 0 10px 0;
box-sizing: border-box;
padding: 10px;
width:100%;
min-height: 110px;
text-align: left;
}
.redb img{
float:left;
height: 100px;
margin: 0;
padding: 0;
}

.redb p{
margin: 10px;
padding: 10px;
font-style: italic
}

#crTable {
border-collapse: collapse;
width:100%;
font-size: 10pt;
font-stretch: ultra-condensed;
}

#crTable tr td{
    padding: 3px; /* Поля вокруг содержимого таблицы */
    border: 1px solid black; /* Параметры рамки */
	text-align:center;
}
#crTable tr th{
    padding: 3px; /* Поля вокруг содержимого таблицы */
    border: 1px solid black; /* Параметры рамки */
	text-align:center;
	background: #191814; /* Для старых */
	background: linear-gradient(to top, #191814, #5e5349);
	color: white;
}
#crTable tr td:first-child{
	text-align:left;
}



#crTable2 {
border-collapse: collapse;
width:100%;
font-size: 11pt
}
#crTable2 tr td{
    padding: 3px; /* Поля вокруг содержимого таблицы */
    border: 1px solid black; /* Параметры рамки */
	text-align:center;
}
#crTable2 tr th{
    padding: 3px; /* Поля вокруг содержимого таблицы */
    border: 1px solid black; /* Параметры рамки */
	text-align:center;
	background: #191814; /* Для старых */
	background: linear-gradient(to top, #191814, #5e5349);
	color: white;
}
#crTable2 tr td:first-child{
	text-align:left;
}



@media screen and (min-width: 1024px) {
    .yan {
        width:800px;
        height:800px;
    }
}

@media screen and (max-width: 720px) {
    .yan {
        width:200px;
        height:300px;
    }
}

@media screen and (max-width: 720px) {
    .yand1 {
        width:200px;
        height:300px;
    }
}

@media screen and (min-width: 1024px) {
    .yand1 {
        width:728px;
        height:300px;
    }
}
