/******************************************************************
	Fonts
******************************************************************/
						

@font-face {
    font-family: 'fonts';
  font-style: normal;
  font-weight: 400;
  src: url("../style/fonts.ttf"); 
}
									
/******************************************************************
	This is the CSS Reset
******************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1.6em;
	background:#000000;
		font-size: 17px;
	color: #616161;
			  font-family: "fonts";
}

html, body {
	width: 100%;
	height: 100%;

}

.padd {padding: 0 25px 5px 0;}

.cat {
width:20%;
padding-bottom:15px;
}

.cat a:hover{
text-decoration: none;
opacity:0.7;
}

img:hover { opacity:0.7;}

/******************************************************************
	General
******************************************************************/								
a {
  font-family: "fonts";


	color: #616161;
}
a:hover {
	color: #1d1d1d;
}
strong, b{ color: #cccccc;}
p {
  font-family: "fonts";



}
h1 {
  font-family: "fonts";
	line-height: 1.6em;
	color: #454544;
	text-decoration: none;
	font-size: 40px;
}
h2 {
  font-family: "fonts";
	line-height: 2.6em;
	color: #cccccc;
	text-decoration: none;
	font-size: 20px;
}
h3 {
  font-family: "fonts";
	line-height: 1.6em;
	color: #cccccc;
	text-decoration: none;
	font-size: 18px;
}
h4 {
  font-family: "fonts";
	line-height: 2.6em;
	color: #cccccc;
	text-decoration: none;
	font-size: 18px;
}
h5 {
  font-family: "fonts";
	line-height: 1.6em;
	color: #cccccc;
	text-decoration: none;
	font-size: 16px;
}
h6 {
  font-family: "fonts";
	line-height: 1.6em;
	color: #cccccc;
	text-decoration: none;
	font-size: 14px;
}
.hidden {
	display: none;
}
.block {
	display: block;
}

.clear {
	clear: both;
}

/******************************************************************
	Main
******************************************************************/
.content {
	max-width: 960px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -48px;
	line-height:20px;
		font-weight: 400;
}

.main {
	margin: 0 auto 50px auto;
}

div.section {
	width: 100%;
	height: 40px;
	border-top: 1px solid #1d1d1d;
	text-align: left;
	margin-top: 40px;

}

div.section div{

	color: #666666;
	background-color: #1d1d1d;
	margin-top: -20px;
	max-width: 960px;
	width: 97%;
	margin-left: auto;
	margin-right: auto;
	line-height:38px;

}

div.section2 {
	width: 100%;
	height: 40px;
	border-top: 1px solid #1d1d1d;
	text-align: center;
	margin-top: 100px;
	margin-bottom: 20px;
}

div.section2 h2 {
	font-weight: 400;
	color: #999999;
	background-color: #1d1d1d;
	margin-top: -20px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	font-size: 24px;
	text-transform: uppercase;
	line-height:38px;
}

div.section2 h2 span {text-shadow: 0px 0px 6px rgba(255,255,255,0.7);}

/******************************************************************
	Hero Images
******************************************************************/
.hero {
		width: 100%;
	height: 165px;
}
.home.hero {
	background-image: url("../images/home_bg.jpg");
	background-size: cover;
}
.overlay {
background: url("../images/Alien-.png") no-repeat;
	position: absolute;
	width: 100%;
	height: 128px;
top:40px;
}

.herowrapper {
	position: absolute;
	top: 50px;

	width: 100%;
}
.herowrapper h1 {
	text-align: center;

	font-size: 40px;
	font-weight: 500;
  font-family: "fonts";
}
.herowrapper h1 a{
text-decoration:none;
	color: #000000;

}

/******************************************************************
	Footer
******************************************************************/
.footer {
	width: 100%;
	margin-top: 98px;
	height: 80px;
	text-align: center;
	line-height: 50px;
	background: url("../images/home_bg.jpg") center 36%;
	background-size: cover;
}
.footer {

}
.overlay2 {
background-image: url("../images/Alien.png");
	width: 100%;
	height: 128px;
	position:absolute;
	    background-position: right bottom; /* Положение фона */
    background-repeat: no-repeat; /* Отменяем повторение фона */
	text-align:center;
	font-size:15px;
}
.overlay2 a {
	color:#000000;
}

.overlay2 span {
  background: #f2fa03;
  background-image: -webkit-linear-gradient(top, #f2fa03, #ff0303);
  background-image: -moz-linear-gradient(top, #f2fa03, #ff0303);
  background-image: -ms-linear-gradient(top, #f2fa03, #ff0303);
  background-image: -o-linear-gradient(top, #f2fa03, #ff0303);
  background-image: linear-gradient(to bottom, #f2fa03, #ff0303);
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  color: #000000;
  font-size: 20px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

/******************************************************************

******************************************************************/

.isicons li {
    width: 17px;
    height: 17px;
    padding: 2px 2px 2px 0;
}

.isicons li img {
    display: block;
}

.reset, .reset li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.bhinfo {
    height: 21px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dbe8ed;
    margin-bottom: 10px;
}

.baseinfo {
    padding: 0 8px 0 18px;

    color: #6c838e;
    float: left;
    height: 21px;
    background: #f1f5f7 url("../images/baseinfo.png") no-repeat 5px 50%;
}

.bhinfo, .bhinfo ul, .bhinfo ul li {
    height: 19px;
}

.bhinfo ul, .bhinfo ul li {
    float: left;
}

.isicons li {
    width: 17px;
    height: 17px;
    padding: 2px 2px 2px 0;
}

.isicons li img {
    display: block;
}

.lcol, .rcol {
    display: inline;
}

.lcol {
    float: left;
}

 .rcol {
    float: right;
}
.clr {
    clear: both;
}

.speedbar {font-size: 0.9em;}
.speedbar a{color: #6c838e;}
.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}
.alignleft {
	float: left;
	margin: 4px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 4px 0 5px 10px;
}
.aligncenter {
	text-align: center;
}
.hidden {
	display: none;
}
/*---navigation---*/
.storenumber {
    font-weight: bold;
}

.basenavi {

    height: 29px;
}

.bnnavi {
    margin-right: 5px;
    padding-left: 5px;
    height: 29px;

}

.navigation {
    margin-top: 5px;
}

.navigation, .navigation a, .navigation span, .bnnavi, .nextprev, .nextprev .thide {
    float: left;
}

.navigation a {
    text-align:center;
    padding: 0 7px;
    height: 19px;
    line-height: 19px;
	border:1px solid #d9d9d9;
	border-radius:0;

	margin:0 3px 0 0;
}

.navigation span {
    text-align:center;
    padding: 0 7px;
    height: 19px;
    line-height: 19px;
	border:1px solid #1e9bc0;
	border-radius:0;

	margin:0 3px 0 0;
}

.navigation a, .navigation span.nav_ext {
    color: #d9d9d9;
}

.navigation a:hover {
    background-color: #1e9bc0;
    color: #fff;
}

.navigation span {
    color: #1e9bc0;
}

.nextprev .thide, .toptop {
    width: 26px;
    padding-top: 29px;
    background: url("../images/basenavi.png") no-repeat;
}

.nextprev a span {
    cursor: pointer;
}

.nextprev span .pnext {
    background-position: -26px -29px;
}

.nextprev a .pnext {
    background-position: -26px -87px;
}

.nextprev a:hover .pnext {
    background-position: -26px -58px;
}

.nextprev span .pprev {
    background-position: 0 -29px;
}

.nextprev a .pprev {
    background-position: 0 -87px;
}

.nextprev a:hover .pprev {
    background-position: 0 -58px;
}

.toptop {
    background-position: 0 -116px;
    width: 29px;
}

.toptop:hover {
    background-position: 0 -145px;
}

/*---forms---*/
.baseform {

}

.tableform {
    width: 100%;
}

.tableform td {
    ;
}

.tableform td.label {
    width: 20%;
    vertical-align: top;
    padding-right: 0;
    font-weight: bold;
}

.fieldsubmit, .tableform td {
    padding: 10px 15px;
    border-top: 1px solid #fff;
}

.addnews {
    font-weight: bold;
}

.impot {
    color: #96c;
    font-weight: normal;
}

.checkbox {
    padding: 4px 0;
    line-height: 1em;
}

.checkbox input {
    margin-top: -2px;
    vertical-align: middle;
}

.f_input {
    width: 300px;
    padding: 1px;
}

.f_textarea {
    width: 458px;
}

.fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .xprofile textarea,.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select {
    padding: 2px;
    background: #fff url("../images/fields.png") repeat-x;
    border: 1px solid #bcc0c2;
}

.f_textarea, .editor_button select {
    padding: 0;
}

.textin {
    padding: 2px;
}

.echo { position: absolute;
left:-9999px;
}