﻿body {
	background-position : center top;
	border-width : 6px;
	border-color : #3d4c73;
	color: #808000;
	background-repeat : repeat;
	border-top-style : solid;
	background-image : url("../img/tlo.jpg");
	background-attachment : fixed;
	font-family: Arial;
}
* {
margin : 0;
padding : 0;
outline : 0;
}
.wrap {
background-position : center top;
width : 100%;
background-repeat : repeat-x;
background-image : url(../img/wrap.png);
}
.slidercontainer {
max-width : 900px;
margin : 0 auto;
}
.abs {
z-index : 1001;
width : 100%;
}
nav {
margin : auto;
background-position : center top;
padding : 20px 0;
text-align : center;
color : #000;
min-height : 24px;
z-index : 999;
}
#menu ul {
list-style-type : none;
min-height : 24px;
padding : 0;
margin : 0 auto;
text-align : center;
margin : 0 0 0 auto;
}
#menu li {
list-style-type : none;
min-height : 24px;
margin : 0 0 0 6px;
padding : 0;
display : inline-block;
width:25px;
}
#menu li a {
border : #3d4c73 solid 1px;
text-decoration : none;
color : #000;
font-size : 14px;
display : flex;
flex-direction : column;
align-items : center;
min-height : 14px;
font-weight : 300;
text-transform : uppercase;
line-height : 14px;
padding : 3px 5px 3px 5px;
background-color : #FF6D01;
}
#menu li a:hover, #menu li a.active {
color : #733155;
background-color : #fff;
border : #3d4c73 solid 1px;
}
#menu li img {
vertical-align : middle;
border : none;
width: 15px;
height: 15px;
}
header, .header {
	background-position : center center;
	overflow : hidden;
	text-align : left;
	z-index : 998;
	margin-right : auto;
	margin-left : auto;
	color: #FFFFFF;
	font-weight : normal;
	max-width : 900px;
	padding : 10px 0 0 0;
	background-repeat : no-repeat;
	min-height : 110px;
	background-image : url(../img/logo.jpg);
	background-color: #FFFFCC;
}
#logo {
background-position : left top;
position : absolute;
width : 253px;
height : 71px;
z-index : 999;
margin-left : 0;
margin-top : 0;
text-align : left;
background-repeat : no-repeat;
text-transform : none;
font-size : small;
color : #000;
line-height : 1.1em;
padding-left : 18px;
padding-top : 18px;
font-family : Arial, Helvetica, sans-serif;
}
h1, h4 {
border-color : #3d4c73;
background-position : center top;
padding : 5px 20px 5px 20px;
overflow : hidden;
margin : 0 auto;
font-size : medium;
color : #572D16;
font-weight : 300;
text-align : center;
letter-spacing : 0;
min-height : 16px;
text-indent : 0;
max-width : 860px;
line-height : 1em;
text-transform : uppercase;
border-top-style : solid;
border-top-width : 1px;
font-family : Arial, Helvetica, sans-serif;
}
h4 {
background-color : #757814;
color : #FFFFFF;
font-family : Arial, Helvetica, sans-serif;
font-size : medium;
font-weight : normal;
}
h6 {
color : #000;
font-size : 14px;
text-align : right;
margin : 0 0 0 auto;
font-weight : 300;
padding : 5px 0 0;
}
h6 a {
text-decoration : none;
font-size : 16px;
font-weight : 600;
color : #76b729;
}
h6 a:hover {
color : #333;
}
.ru {
font-size : 16px;
}
.container {
max-width : 900px;
background-color : #fff;
margin-right : auto;
margin-left : auto;
color : #222;
}
.top {
position : absolute;
z-index : 999;
margin-top : 83px;
width : 430px;
height : 44px;
color : #9d701c;
padding-top : 20px;
padding-left : 20px;
font-size : 24px;
font-weight : 700;
line-height : 24px;
}
.top-bottom {
position : absolute;
height : 80px;
width : 100%;
margin-top : -136px;
}
.top-b {
max-width : 960px;
margin : auto;
}
h2 {
padding : 5px 0 5px 0;
overflow : hidden;
margin : 0 auto;
font-size : medium;
color : #000000;
font-weight : bold;
text-align : center;
letter-spacing : 0;
min-height : 24px;
text-indent : 0;
line-height : 24px;
background-color : #DE6219;
max-width : 960px;
font-family : Arial, Helvetica, sans-serif;
font-style : normal;
}
h3 {
color : gray;
font-weight : 400;
}
article {
margin-right : auto;
margin-left : auto;
padding : 0;
}
.tresc {
padding : 25px;
font-size : medium;
line-height : 1.25em;
text-align : justify;
font-weight : normal;
color : #000000;
font-family : "Bookman Old Style";
}
#author {
min-height : 15px;
padding-top : 15px;
padding-bottom : 15px;
font-size : 11px;
padding-left : 0;
text-align : center;
background-color : #ccc;
}
.photos {
padding : 0;
text-align : left;
letter-spacing : 4px;
}
.photos img {
margin-bottom : 5px;
}
.film {
padding : 5px;
height : 160px;
margin : auto;
width : 280px;
text-decoration : none;
border : 0;
}
footer {
margin : 0 auto;
max-width : 900px;
color : #555;
padding-top : 0;
padding-bottom : 0;
background-color : #FFFFFF;
}
#foot {
padding : 0;
margin-right : auto;
margin-left : auto;
}
footer a {
color : #000;
font-family : Arial, Helvetica, sans-serif;
font-size : medium;
font-weight : normal;
}
footer #contact {
background-position : right center;
min-height : 40px;
padding : 20px;
text-align : center;
letter-spacing : 0;
font-size : medium;
line-height : 1.5;
background-repeat : no-repeat;
font-family : Arial, Helvetica, sans-serif;
font-weight : normal;
color : #000000;
}
footer #contact strong {
font-weight : 700;
font-size : 16px;
}
footer a:hover {
color : #555;
}
#author img {
border-style : none;
}
#author img.counter {
vertical-align : -30%;
}
#author {
color : #222;
max-width : 900px;
margin : auto;
}
#author a {
color : #222;
}
.prod {
margin-right : auto;
margin-left : auto;
padding-top : 25px;
max-width : 935px;
background-color : #fff;
padding-left : 25px;
padding-bottom : 15px;
}
.prod .item {
float : left;
text-align : center;
width : 213px;
height : 216px;
padding-top : 0;
padding-bottom : 0;
margin-right : 18px;
margin-left : 0;
margin-bottom : 18px;
}
.prod .item a {
color : gray;
font-weight : 700;
font-size : 16px;
text-decoration : none;
line-height : 1em;
}
.prod .item a:hover {
color : #9d701c;
}
.prod .item img {
border-style : none;
width : 213px;
height : 156px;
}
.clear {
clear : both;
height : 0;
}
h2 img {
border-style : none;
}
.large {
font-size : 23px;
font-weight : 400;
line-height : 60px;
letter-spacing : -2px;
word-spacing : 4px;
}
.floating {
float : right;
margin-left : 20px;
margin-top : 25px;
margin-right : 20px;
border : none;
}
.floatingleft {
float : left;
margin-left : 0;
margin-top : 0;
margin-right : 25px;
}
.google-maps {
border-style : none;
border-width : 0;
padding : 0;
height : 320px;
margin : auto;
width : 100%;
}
.spacer {
width : 100%;
margin-right : auto;
margin-left : auto;
}
.mark2 {
color : #9d701c;
}
.foto img {
padding : 3px;
background-color : #eee;
margin : 2px;
width : 200px;
height: 100%;
}
.foto {
padding : 0 10px 30px;
text-align : center;
}
.foto img:hover {
background-color : #ccc;
}
.bar {
background-repeat : repeat-x;
background-position : center top;
height : 15px;
width : 100%;
margin-right : auto;
margin-left : auto;
}
.box {
width : 100%;
background-repeat : repeat-x;
background-position : center top;
}
.logo p {
max-width : 1280px;
margin : auto;
z-index : 998;
text-align : right;
font-size : 15px;
line-height : 17px;
color : #fff;
}
.logo a {
color : #fff;
text-decoration : none;
font-weight : 700;
}
.logo a:hover {
color : #fff;
}
.logo {
background-position : center top;
width : 100%;
height : 45px;
z-index : 999;
margin-top : 0;
margin-left : 0;
text-align : center;
z-index : 999;
background-repeat : no-repeat;
padding : 13px 0;
}
#slideshow img {
border : none;
}
.c1_2 {
float : left;
width : 50%;
padding-top : 25px;
padding-bottom : 25px;
}
.boxcontainer {
width : 100%;
padding : 0;
}
.bgins2 {
background-color : #fff;
}
.fotos {
line-height : 0;
}
.fotos img {
width : 25%;
}
.left {
text-align : left;
}

.ytcontainer{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
    justify-content: center;
}
.wrapper {
	max-width: 280px;
	max-height: 160px;
	width:40%;
	padding:5px;
	display: inline-block;
}
.youtube {
	background-color: #000;
	margin-bottom: 30px;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor:pointer;
	height: 100%;
	width: 100%;
}

.youtube img {
	width: 100%;
	top: -16.82%;
	left: 0;
	opacity:0.7;
}

.youtube .play-button {
	width: 90px;
	height: 60px;
	background-color: #333;
	box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
	z-index: 1;
	opacity: 0.8;
	border-radius: 6px;
  }
  .youtube .play-button:before {
	content: "";
	border-style: solid;
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #fff;
  }
  .youtube img,
  .youtube .play-button {
	cursor: pointer;
  }
  .youtube img,
  .youtube iframe,
  .youtube .play-button,
  .youtube .play-button:before {
	position: absolute;
  }
  .youtube .play-button,
  .youtube .play-button:before {
	top: 50%;
	left: 50%;
	transform: translate3d( -50%, -50%, 0 );
  }
  .youtube iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
  }
