@keyframes imganim {
    0% { opacity: 0; animation-timing-function: ease-in;  z-index: 10;}
    8% { opacity: 1; animation-timing-function: ease-out; }
    17% { opacity: 1 }
    35% { opacity: 0 }
    100% { opacity: 0; z-index: 0; }
}
@-webkit-keyframes imganim {
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; z-index: 10;}
    8% { opacity: 1; -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    35% { opacity: 0 }
    100% { opacity: 0; z-index: 0;}
}
@-moz-keyframes imganim {
    0% { opacity: 0; -moz-animation-timing-function: ease-in; z-index: 10;}
    8% { opacity: 1; -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    35% { opacity: 0 }
    100% { opacity: 0; z-index: 0;}
}
@-o-keyframes imganim {
    0% { opacity: 0; -o-animation-timing-function: ease-in; z-index: 10;}
    8% { opacity: 1; -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    35% { opacity: 0 }
    100% { opacity: 0; z-index: 0;}
}


@font-face {
    font-family: 'roboto';
    src: url('type/Roboto-Regular-webfont.eot');
    src: url('type/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/Roboto-Regular-webfont.woff') format('woff'),
         url('type/Roboto-Regular-webfont.ttf') format('truetype'),
         url('type/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_medium';
    src: url('type/Roboto-Medium-webfont.eot');
    src: url('type/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/Roboto-Medium-webfont.woff') format('woff'),
         url('type/Roboto-Medium-webfont.ttf') format('truetype'),
         url('type/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_bold';
    src: url('type/Roboto-Bold-webfont.eot');
    src: url('type/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/Roboto-Bold-webfont.woff') format('woff'),
         url('type/Roboto-Bold-webfont.ttf') format('truetype'),
         url('type/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_black';
    src: url('type/Roboto-Black-webfont.eot');
    src: url('type/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/Roboto-Black-webfont.woff') format('woff'),
         url('type/Roboto-Black-webfont.ttf') format('truetype'),
         url('type/Roboto-Black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_thin';
    src: url('type/Roboto-Thin-webfont.eot');
    src: url('type/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/Roboto-Thin-webfont.woff') format('woff'),
         url('type/Roboto-Thin-webfont.ttf') format('truetype'),
         url('type/Roboto-Thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_light';
    src: url('type/Roboto-Light-webfont.eot');
    src: url('type/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/Roboto-Light-webfont.woff') format('woff'),
         url('type/Roboto-Light-webfont.ttf') format('truetype'),
         url('type/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

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 }

body{padding: 0; margin: 0; background: #fff; color: #000; font-family: 'roboto', Arial, sans-serif; font-size: 14px;}
body strong{font-weight: normal; font-family: 'roboto_bold', Arial, sans-serif;}

h1, h2, h3, h4 {font-weight: normal; font-family: 'roboto_bold', Arial, sans-serif;}

.fs_14{font-size: 14px;}
.fs_20{font-size: 20px;}
.fs_22{font-size: 22px;}
.fs_24{font-size: 24px;}
.fs_26{font-size: 26px;}
.fs_28{font-size: 28px;}

.align_left{text-align: left;}
.align_right{text-align: right;}
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}


.wrapper{width: 100%;}
.container{width: 1160px; position: relative; margin: 0 auto; z-index: 5;}

.header{height: 304px;}
.header h1{margin: 12px 0 0 12px; padding: 0; display: inline-block; width: 162px; height: 83px; background: url('../img/logo.png') 0 0 no-repeat;}
.header h1 span{margin-left: -999em;}

.sub_header{background: url('../img/slider/slider1.jpg') center no-repeat;}

.slideshow,
  .slideshow:after {max-height: 304px; height: 304px;}

.slideshow {display: block; list-style: none; padding: 0; margin: 0;}
.slideshow,
  .slideshow:after {position: absolute; left: 0; top: 0; width: 100%; top: 0px; left: 0px; z-index: 0;}

.slideshow li {width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; color: transparent; background-position: center; background-repeat: no-repeat; opacity: 0; z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imganim 24s linear infinite 0s;
    -moz-animation: imganim 24s linear infinite 0s;
    -o-animation: imganim 24s linear infinite 0s;
    animation: imganim 24s linear infinite 0s;
}
.slideshow li a{display: block; width: 100%; height: 100%;}

.slideshow li:nth-child(1) { background-image: url(../img/slider/slider1.jpg); }
.slideshow li:nth-child(2) {background-image: url(../img/slider/slider2_.jpg); -webkit-animation-delay: 8s; -moz-animation-delay: 8s; -o-animation-delay: 8s;  animation-delay: 8s; }
.slideshow li:nth-child(3) {background-image: url(../img/slider/slider3.jpg); -webkit-animation-delay: 16s; -moz-animation-delay: 16s; -o-animation-delay: 16s; animation-delay: 16s; }


.menu_wrapper{height: 36px; background: #8ba520;
  background: -moz-linear-gradient(top, #8ba520 0%, #a0bd2e 50%, #8ba520 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ba520), color-stop(50%,#a0bd2e), color-stop(100%,#8ba520));
  background: -webkit-linear-gradient(top, #8ba520 0%,#a0bd2e 50%,#8ba520 100%);
  background: -o-linear-gradient(top, #8ba520 0%,#a0bd2e 50%,#8ba520 100%);
  background: -ms-linear-gradient(top, #8ba520 0%,#a0bd2e 50%,#8ba520 100%);
  background: linear-gradient(to bottom, #8ba520 0%,#a0bd2e 50%,#8ba520 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ba520', endColorstr='#8ba520',GradientType=0 );
}

.menu{height: 36px; overflow: hidden;}
.menu ul{list-style: none; padding: 0; margin: 0;}
.menu ul li{float: left;}
.menu ul li a{display: block; padding: 0 30px; height: 36px; line-height: 36px; text-decoration: none; color: #fff; border-left: 1px solid #afd02e; text-align: center; font-family: 'roboto_medium', Arial, sans-serif; font-size: 16px;}
.menu ul li:first-child a{border: none;}

.menu ul li a.active, .menu ul li a:hover {color: #000; background: #e8e8e8; border-color: #e8e8e8;
  background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 50%, #f0f0f0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#e8e8e8), color-stop(100%,#f0f0f0));
  background: -webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 50%,#f0f0f0 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#e8e8e8 50%,#f0f0f0 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#e8e8e8 50%,#f0f0f0 100%);
  background: linear-gradient(to bottom, #ffffff 0%,#e8e8e8 50%,#f0f0f0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
}

.mboxs{padding: 10px 0 30px 0;}
.mboxs ul{list-style: none; padding: 0; margin: 0;}
.mboxs ul li{display: inline-block; margin-top: 20px;}
.mboxs ul li:nth-child(odd){margin-right: 20px;}
.mboxs ul li a{display: block; color: #000; text-decoration: none;}
.mboxs ul li a .title{display: block; height: 30px; line-height: 30px; font-family: 'roboto_bold', Arial, sans-serif; font-size: 20px;}
.mboxs ul li a .title .arrow{display: block; float: left; width: 30px; height: 30px; line-height: 30px; color: #fff; background: #ff0066; text-align: center; font-size: 30px; margin-right: 10px;}
.mboxs ul li a .img{display: block; margin-top: 8px;}


.footer_wrapper{background: #f1f1f1;}
.footer {padding: 30px; color: #fff; background: #8ba520;
  background: -moz-linear-gradient(top, #a0bc2e 0%, #8ba520 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0bc2e), color-stop(100%,#8ba520));
  background: -webkit-linear-gradient(top, #a0bc2e 0%,#8ba520 100%);
  background: -o-linear-gradient(top, #a0bc2e 0%,#8ba520 100%);
  background: -ms-linear-gradient(top, #a0bc2e 0%,#8ba520 100%);
  background: linear-gradient(to bottom, #a0bc2e 0%,#8ba520 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0bc2e', endColorstr='#8ba520',GradientType=0 );
}
.footer a{text-decoration: none; color: #fff;}
.footer a:hover{text-decoration: underline;}

.footer ul{list-style: none; padding: 0; margin: 0;}
.footer ul li{display: inline-block; margin-left: 60px; vertical-align: top;}
.footer ul li:first-child{margin: 0;}

.copyright{padding: 15px 0; text-align: right; font-size: 12px; color: #555;}
.copyright a{text-decoration: none; color: #555;}
.copyright a:hover {text-decoration: underline;}

.hr{height:1px;font-size:1px;background: #b1b1b1;}

.article{padding-bottom: 20px;}
.article h2{border-bottom: 1px solid #b1b1b1; font-size: 20px; margin: 0 0 10px; padding: 10px 0 0;}
.article ul{list-style: square;}
.article section a, .a_kontakt a {text-decoration: none; color: #80a800;}
.article section a:hover, .a_kontakt a:hover {text-decoration: underline;}
.article img{vertical-align: middle;}

.smenu ul {list-style-type: none; margin: 0; padding: 0;}
.smenu li {float: left; padding-right: 5px;}
.smenu a {background-color: #ececec; color: #000; display: block; font-family: 'roboto_bold', Arial, sans-serif; height: 24px; line-height: 24px;  padding: 0 25px; text-decoration: none;}
.smenu a.active, .smenu a:hover { background-color: #ff0066; color: white;}

.ftab{border-collapse: collapse; border: 1px solid #b1b1b1; width: 95%}
.ftab th{font-weight: normal; font-family: 'roboto_bold', Arial, sans-serif;}
.ftab th, .ftab td {padding:4px;border:1px solid #b1b1b1; text-align:center;}

.tb_of{border-collapse: collapse; border: 1px solid #b1b1b1;}
.tb_of th{font-weight: normal; font-family: 'roboto_bold', Arial, sans-serif;}
.tb_of th, .tb_of td{padding: 4px; border: 1px solid #b1b1b1;}

.gmap{float: right; width: 800px; height: 480px;}
.gmap iframe{border: none;}

.gal{}
.gal a{display: block; float: left; width: 260px; height: 195px; margin: 10px;}

.ul_links li{margin-bottom: 20px;}
.ul_links img{vertical-align: middle;}

.pp a{text-decoration: none; color: #80a800;}
.pp a:hover{text-decoration: underline;}