/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left {
	float:left
}

.right {
	float:right
}

.wrapper {
	width:100%;overflow:hidden
}


.file {
	width: 200px;
	text-align: center;
	font-size: 16px;
	float: right;
	padding: 5px;
	margin: 5px;
	border: solid 4px #759D00;
	box-shadow: 0px 0px 5px #759D00;
	border-radius: 8px;
	border-top-right-radius: 20px;
	text-decoration: none;
}

.file:hover {
	box-shadow: 0px 0px 5px #86AE11;
	border: solid 4px #86AE11;
}

.file div img {
	width: 18px;
}

.filedv {
	width: 98%;
	float: left;
	text-align: center;
	font-size: 16px;
	padding: 5px;
	margin: 5px;
	border: solid 4px #759D00;
	box-shadow: 0px 0px 5px #759D00;
	border-radius: 8px;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	text-decoration: none;
}

.filedv:hover {
	box-shadow: 0px 0px 5px #86AE11;
	border: solid 4px #86AE11;
}

.filedv div img {
	width: 18px;
}

.zn {
	font-weight: 700;
	font-size: 14px;
	font-family: monospace;
	letter-spacing: 10px;
	margin-top: 20px;
	margin-left: 500px;
	position: absolute;
	text-shadow: 0px 0px 10px #5D8D00;

}

.zn img {
	width: 100px;
	float: right;
}

/* Global properties */
body {
	background:#454545;
	border:0;font:13px monospace;
	color:#818181;
	line-height:18px
}

.ic, .ic a {
	border:0;
	float:right;
	background:#fff;
	color:#f00;width:50%;
	line-height:10px;
	font-size:10px;
	margin:-220% 0 0 0;
	overflow:hidden;
	padding:0
}

.main {
	margin:0 auto;
	width:980px
}

.body1 {
	background:url(../images/bg_top.gif) top repeat-x #f2f2f2
}

.body2 {
	background:#e6e6e6;
	border-bottom:1px solid #4e4e4e
}

/* main layout */
a {
	color:#000;
	text-decoration:underline;
	outline:none
}

a:hover {
	text-decoration:none
}

h1 {
	float:left;
	padding:23px 0 0 30px
}

h2 {
	font-size:36px;
	color:#000;
	line-height:1.2em;
	padding:36px 0 21px 0;
	letter-spacing:-1px
}

h2.pad_bot1 {
	padding-bottom:11px
}

h2.pad_top1 {
	padding-top:10px
}

h3 {
	font-size:24px;
	line-height:1.2em;
	color:#000;
	padding:37px 0 13px 0;
	letter-spacing:-1px
}

p {
	padding-bottom:18px
}

/* header */
header {
	height:181px;
	width:100%;
	overflow:hidden;
	background:url(../images/bg_header2.jpg) center 131px no-repeat
}

#top_nav {
	float:right;
	padding:5px 32px 0 0
}

#top_nav li {
	float:left;
	padding-right:8px;
	margin-right:7px;
	background:url(../images/line_top.gif) right 5px no-repeat
}

#top_nav li a {
	color:#000;
	text-decoration:none;
	font-size:12px
}

#top_nav li a:hover {
	text-decoration:underline
}

#top_nav .end {
	padding-right:0;
	margin-right:0;
	background:none
}

.date {
	float:left;
	font-size:12px;
	color:#000;
	padding:5px 0 0 32px
}

#logo {
	display:block;
	background:url(../images/logo.png) 0 0 no-repeat;
	width:209px;
	height:68px;
	text-indent:-9999px
}

#menu {
	float:right;
	padding:52px 0 0 0
}

#menu li {
	float:left;
	padding-left:1px
}

#menu li a {
	display:block;
	font-size:15px;
	color:#000;
	text-decoration:none;
	line-height:60px;
	background:url(../images/menu_bg.gif) top repeat-x;
	height:56px;overflow:hidden;cursor:pointer
}

#menu li a span {
	display:block;
	background:url(../images/menu_bg_left.gif) top left no-repeat
}

#menu li a span span {
	background:url(../images/menu_bg_right.gif) top right no-repeat;
	padding:0 32px;
	height:56px
}

#menu li a:hover, #menu #menu_active a {
	color:#fff;
	background:url(../images/menu_bg_active.gif) top repeat-x
}

#menu li a:hover span, #menu #menu_active a span {
	background:url(../images/menu_bg_left_active.gif) top left no-repeat
}

#menu li a:hover span span, #menu #menu_active a span span {
	background:url(../images/menu_bg_right_active.gif) top right no-repeat
}

#menu .nav3 a:hover, #menu .nav3#menu_active a {
	background:url(../images/menu_nav3_bg.gif) top repeat-x
}

#menu .nav3 a:hover span, #menu .nav3#menu_active a span {
	background:url(../images/menu_nav3_left.gif) top left no-repeat
}

#menu .nav3 a:hover span span, #menu .nav3#menu_active a span span {background:url(../images/menu_nav3_right.gif) top right no-repeat
}

#menu .nav4 a:hover, #menu .nav4#menu_active a {
	background:url(../images/menu_nav4_bg.gif) top repeat-x
}

#menu .nav4 a:hover span, #menu .nav4#menu_active a span {
	background:url(../images/menu_nav4_left.gif) top left no-repeat
}

#menu .nav4 a:hover span span, #menu .nav4#menu_active a span span {background:url(../images/menu_nav4_right.gif) top right no-repeat
}

#menu .nav5 a:hover, #menu .nav5#menu_active a {
	background:url(../images/menu_nav5_bg.gif) top repeat-x
}

#menu .nav5 a:hover span, #menu .nav5#menu_active a span {
	background:url(../images/menu_nav5_left.gif) top left no-repeat
}

#menu .nav5 a:hover span span, #menu .nav5#menu_active a span span {
	background:url(../images/menu_nav5_right.gif) top right no-repeat
}

.text {
	font-size:20px;
	line-height:1.2em;
	color:#fff;
	padding:43px 0 0 45px;
	letter-spacing:-1px;
	float:left;
	width:340px;
	position:relative;
}

.text p span {
	display:block;
	margin-top:-4px;
}

.text p {
	padding-left:5px;
	padding-bottom:0px
}

.text .tittle {
	font-size:75px;
	line-height:1.2em;
	display:block;
	letter-spacing:-2px;
	margin-bottom:-10px
}

.text .tittle span {
	font-size:46px;
	line-height:1.2em;
	color:#000;
	display:block;
	margin-top:-22px;
	letter-spacing:-1px
}

.text .button1 {
	display:block;
	position:absolute;
	top:295px;
	left:49px;
	background:url(../images/button_1.png) 0 0 no-repeat;
	width:158px;
	height:56px;
	text-align:center;
	font-size:24px;
	line-height:46px;
	color:#3d6c00;
	text-transform:uppercase;
	text-decoration:none
}

.text .button1:hover {
	color:#000
}

.roundabout-holder {
 height:5em
}

.roundabout-moveable-item {
	cursor:pointer;
	width:394px;
	height:307px;
	margin-top:178px;
	padding-bottom:20px
}

.roundabout-in-focus {
	cursor:auto
}

#gallery {
	position:relative;
	height:413px;
	width:530px;
	float:right;
	padding-right:30px
}

#gallery img {
	display:block;
	width:100%;
	height:100%
}

#gallery li {
	background:url(../images/img_bg.png) center 2px no-repeat;
	overflow:hidden
}

/* content */
#content {
	padding-bottom:48px;width:100%;overflow:hidden
}
#content2 {
	padding-bottom:49px;width:100%;overflow:hidden
}
.marg_right1 {
	margin-right:19px
}

.pad_bot1 {
	padding-bottom:6px
}

.pad_bot2 {
	padding-bottom:18px
}
.pad_bot3 {
	padding-bottom:12px
}

.pad_top1 {
	padding-top:6px
}

.pad_left1 {padding-left:40px
}

.color1 {
	color:#000
} 

.link1 {
	text-decoration:none
}

.link1:hover {color:#76a300
}

.button {
	display:inline-block;
	background:url(../images/button_2.png) 0 0 no-repeat;
	width:129px;
	height:44px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	line-height:36px;
}

.button:hover {
	color:#76a300
}

.list1 li {
	font-size:12px;
	line-height:24px
}

.list1 li a {
	padding-left:8px;
	background:url(../images/marker_1.gif) 0 5px no-repeat
}

.list2 {
	margin-top:-6px
}

.list2 li {
	line-height:24px
}

.list2 li a {
	padding-left:8px;
	background:url(../images/marker_1.gif) 0 5px no-repeat
}

#newsletter {}

#newsletter .bg {
	background:url(../images/newsletter_input.png) 0 0 no-repeat;
	min-height:43px
}

#newsletter .input {
	background:none;
	padding:7px 10px;
	width:231px;
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
	color:#c0c0c0;
	height:14px
}

#icons {}

#icons li {
	line-height:24px;
	font-size:12px
}

#icons img {
	float:left;
	margin-right:10px;
	margin-top:4px
}

.address {
	width: 200px;
	 line-height:24px;
	 font-size:12px
	}

.address span {
	width:57px;
	float:left;
	color:#000}

.address a {
	color:#76a300
}

/* footer */
footer {
	color:#aaa;
	font-size:12px;
	padding:27px 0 36px 0;
	text-align:center;
	width:100%;
	overflow:hidden
}

footer a {
	color:#fff
}

footer a:hover {}

/* forms ======= */
#ContactForm {
	padding-top:1px
}

#ContactForm span {
	float:left;
	width:94px;
	line-height:28px;
	color:#000
}

#ContactForm .wrapper {
	min-height:34px
}

#ContactForm .bg {
	float:left;
	background:#fff;
	border-left:1px solid #bfbfbf;
	border-top:1px solid #bfbfbf;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	position:relative
}

#ContactForm .textarea_box {
	height:140px;
	width:100%;
	overflow:hidden
}

#ContactForm a {
	margin-left:2px;
	float:right
}

#ContactForm .input {
	width:230px;
	background:none;
	padding:6px 10px;
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
	color:#000;
	height:15px;
	margin:0
}

#ContactForm textarea {
	overflow:auto;
	width:434px;
	background:none;
	padding:6px 10px;
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
	color:#000;height:100px;margin:0
}

#gallery {
	margin-top: -50px;
}

.h_1 {
	color: #fff;
	font-size: 30px;
	font-weight: 500px;
	margin-top: -20px;
	text-shadow: 0px 0px 10px #000;
	font-family: monospace;
}

.h_2 {
	color: #020200;
	font-size: 30px;
	margin-top: 60px;
	font-weight: 500px;
	margin-top: -20px;
	text-shadow: 0px 0px 10px #fff;
	font-family: monospace;
}

.texts {
	margin-top: 60px;
	margin-left: 20px;
}

.text_p {
	width: 360px;
	color: #fff;
	font-size: 20px;
	font-family: Arial,Helvetica,sans-serif; 
	margin-top: 250px;
	margin-left: 31px;
	display: flex;
	font-weight: 100;
}

.h_3 {
	font-size: 40px;
	margin: 0;
	margin-bottom: 30px;
	margin-left: -30px;
	font-weight: 500;
	color: #0E0E0E; 

}

.col11 {
	margin-top: 30px;
}

.foto_admin {
	width: 180px;
	border-radius: 20px;
	margin-left: -250px;
	margin-top: 50px;
	box-shadow: 0px 0px 10px #000;
}

.pro_tx {
	color: #86AE00;
	font-weight: 900px;
	font-size: 50px;
}

.pro_tx:hover {
	color: #fff;
	font-weight: 900px;
	font-size: 50px;
}

.pro_tx:active {
	color: #fff;
}

.photo-inner {
	float:left;
	background:url(../images/photo-inner.png) no-repeat;
	width:192px;
	height:212px;
	padding:12px 0 0 20px;
	margin-left: -260px;
	margin-top: 50px;
	}

.photo-inner img {
	background-color:#FFF;
	}

.marquee {
	font-size: 20px;
	font-family: monospace;
	color: #000;
	margin-top: 50px;
	margin-left: -30px;
	border: 0px solid #fff;
	border-radius: 5px;
	padding: 4px;
	background-color: #F2F2F2;
	box-shadow: 0px 0px 5px;
	font-weight: 500;
	}

.marquee {
    display: block;
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
}
 
.marquee span {
    display: inline-block;
    padding-left: 100%;
    -webkit-animation: scroll 20s infinite linear;
    -moz-animation: scroll 20s infinite linear;
    animation: scroll 20s infinite linear;
}

.col1 {
	margin-top: 0px;
}

.img_pro {
	width: 50px;
}

a.button14 {
  	display: inline-block;
  text-shadow: 1px 1px #fff;
  text-decoration: none;
  padding: .3em 1em;
  border: 1px solid #aaa;
  border-radius: 100px;
  outline: none;
  background: #d6dbbf no-repeat;
  background-image:
   linear-gradient(to left, #aaa, #aaa),
   linear-gradient(to left, #feffe8, #feffe8),
   linear-gradient(#feffe8, #d6dbbf);
  background-position: calc(100% - 2.7em) 0, calc(100% - 2.7em + 1px) 0, 0 0;
  background-size: 1px 100%, 1px 100%, auto auto;
  overflow: hidden;
  float: right;
}

a.button14:after {
  content: "\bb";
  position: relative;
  bottom: 0;
  display: inline-block;
  margin-left: 1.4em;
  vertical-align: middle;
  font-family: "Times","Times New Roman","serif","sans-serif","EmojiSymbols";
  font-weight: 700;
  font-size: 140%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

a.button14:hover {
  background-color: #fdfd9f;
  background-image:
   linear-gradient(to left, #aaa, #aaa),
   linear-gradient(to left, #feffe8, #feffe8),
   linear-gradient(#fffce7, #fdfd9f);
}

a.button14:active:after {
  bottom: -1.2em;
  transition: .3s;
}

.button14 {
	float: right;
}

.div_pro {
	display: inline;
}

.cont_tex {
	display: inline;
}

.protree {
	color: #fff;
}

.sect_pro {
	margin: 20px;
	background-color: #E6E6E6;
	width: 900px;
	border-radius: 20px;
	padding: 20px;
	box-shadow: 1px 0px 10px #7BA600;
}

.kont_pro {
	font-size: 20px;
	text-decoration: none;
	float: right;
}

.chat {
	float: left;
}

.table {
	border: solid 1px;
	margin: 10px;
}

.table td {
	border: solid 1px #90B600;
	padding: 10px;
}

/* сочетание цветов бесподобно, как-будто кнопка загорается */

a.button15 {
  display: inline-block;
  text-shadow: 1px 1px #fff;
  text-decoration: none;
  padding: .3em 1em;
  border: 1px solid #aaa;
  border-radius: 100px;
  outline: none;
  background: #d6dbbf no-repeat;
  background-image:
   linear-gradient(to left, #aaa, #aaa),
   linear-gradient(to left, #feffe8, #feffe8),
   linear-gradient(#feffe8, #d6dbbf);
  background-position: calc(100% - 3.2em) 0, calc(100% - 3.2em + 1px) 0, 0 0;
  background-size: 1px 100%, 1px 100%, auto auto;
  overflow: hidden;
  width: 90px;
  margin: 10px;
}

a.button15:after {
  content: "\bb";
  position: relative;
  bottom: 0;
  display: inline-block;
  margin-left: 1.4em;
  vertical-align: middle;
  font-family: "Times","Times New Roman","serif","sans-serif","EmojiSymbols";
  font-weight: 700;
  font-size: 140%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

a.button15:hover {
  background-color: #fdfd9f;
  background-image:
   linear-gradient(to left, #aaa, #aaa),
   linear-gradient(to left, #feffe8, #feffe8),
   linear-gradient(#fffce7, #fdfd9f);
}

a.button15:active:after {
  bottom: -1.2em;
  transition: .3s;
}

.td_size {
	width: 120px;
	color: #000;
}

.table tr td img {
	margin: 5px;
}

.list2 a {
	text-decoration: none;
}

.list2 a:hover {
	color: #7BA600;
	font-size: 15px;
}

.kont_pro a {
	text-decoration: none;
}

.kont_pro a:hover {
	color: #7BA600;
	font-size: 24px;
}

.td_widh {
	width: 639px;
}

.veb_cont {
	font-size: 20px;
	line-height: 20px;
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #BFBFBF;
	border-radius: 10px;	
}

.a0 img {
	width: 20px;
	margin-left: 4px;
}

.a1 img {
	width: 25px;
}

.a2 img {
	width: 20px;
	margin-left: 4px;
}

.a3 img {
	width: 20px;
	margin-left: 4px;
}

.a4 img {
	width: 20px;
	margin-left: 4px;
}

.a5 img {
	width: 20px;
	margin-left: 4px;
}

.supp {
	margin-left: 700px;
	margin-top: -427px;
}





	@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}
 
@-moz-keyframes scroll {
    0% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -moz-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}
 
@keyframes scroll {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0)
    }
}