﻿* {
	margin : 0;
	padding : 0;
	}
	body {
	margin : 0;
	background-position : right top;
	padding : 0;
	margin : 0;
	background-repeat : repeat-x;
	}
	html, body {
	height : 100%;
	font-family : "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	}
	#mask {
	min-height : 100%;
	width : 100%;
	margin : 0 auto;
	}
	#wrapper {
	margin : 0 0 0 0;
	font-weight : normal;
	}
	#logo {
	position : absolute;
	width : 115px;
	height : 110px;
	padding : 0 0;
	z-index : 999;
	margin : 0 0 0 0;
	}
	#head {
	padding : 0;
	margin : auto;
	height : 90px;
	max-width: 960px;
	background-color : #FFFFFF;
	background-size : 200px;
	background-position : 0 24px;
	max-width : 960px;
	padding-top: 10px;
	margin : auto;
	background-repeat : no-repeat;
	min-height : 70px;
	background-image : url("../img/logo.png");
	}
	.wrap {
	max-width : 1026px;
	padding-right : 56px;
	margin : auto;
	}
	.google-maps {
	border-width : 0;
	border-color : #FFFFFF;
	padding : 0;
	height : 320px;
	margin : 0;
	width : 100%;
	}
	@media (max-width: 1084px) {
	ul {
	margin-top : 5%;
	}
	}
	.video {
	width : 100%;
	height : 100%;
	border : 0;
	}
	.auto-style1 {
	text-align : center;
	font-family : Arial, Helvetica, sans-serif;
	font-size : medium;
	font-weight : normal;
	font-style : normal;
	color : #000000;
	line-height: 1.5;
	}
	.google-maps {
	border-width : 0;
	border-color : #FFFFFF;
	padding : 0;
	height : 160px;
	margin : 0;
	width : 100%;
	}
	/*header {
	background-size : 200px;
	background-position : 0 0;
	max-width : 946px;
	padding : 0 60px 0 0;
	margin : auto;
	background-repeat : no-repeat;
	min-height : 70px;
	background-image : url("../img/logo.png");
	}*/
	nav {
	/*display : flex;
	justify-content : center;*/
	float : right;
	line-height : 10px;
	min-height : 20px;
	}
	#menu ul {
	list-style-type : none;
	text-align : right;
	padding : 7px 20px 10px 20px;
	max-width : 960px;
	margin : auto;
	}
	#menu li {
	border-width : 1px;
	border-color : #ccc;
	display : inline-block;
	margin : 0 0;
	border-left-style : solid;
	text-align : center;
	}
	#menu li:first-child {
	border-left-style : none;
	}
	#menu li a {
	display : block;
	padding : 0 5px 0 6px;
	text-decoration : none;
	font-weight : bold;
	font-size : 10px;
	text-transform : uppercase;
	color : #595959;
	}
	#menu li a.active, #menu li a:hover {
	color : #000;
	}
	@media (max-width: 319px){
		#head {
			background-position: center bottom;
			height: 160px;
		}
		#menu ul {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}
	}
	@media (min-width: 320px) and (max-width: 499px){
		#head {
			background-position: center bottom;
			height: 140px;
		}
		#menu ul {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}
	}
	@media (min-width: 500px) and (max-width: 850px){
		#menu ul {
			padding-left: 200px;
		}
	}
	h1 {
	color : #999999;
	font-size : 14px;
	font-weight : normal;
	text-align : center;
	width : 100%;
	font-family : Arial, Helvetica, sans-serif;
	letter-spacing : -1px;
	text-shadow : 1px 1px 1px rgb(255, 255, 255, 0.5);
	text-transform : uppercase;
	text-indent : -140px;
	}
	.prod {
	display : flex;
	justify-content: space-around;
	flex-wrap : wrap;
	align-items : stretch;
	margin-right : auto;
	margin-left : auto;
	padding-top : 25px;
	max-width : 900px;
	padding-bottom : 15px;
	}
	.prod1 {
	display : flex;
	justify-content : center;
	margin-right : auto;
	margin-left : auto;
	padding-top : 25px;
	max-width : 900px;
	padding-bottom : 15px;
	}
	.prod .item {
	display : flex;
	justify-content : center;
	align-items : stretch;
	text-align : center;
	max-width : 210px;
	height : 220px;
	padding-top : 0;
	padding-bottom : 0;
	box-shadow : 0 2px 4px #DDDDDD;
	margin-right : 15px;
	margin-left : 0;
	margin-bottom : 15px;
	background-color : #FFFFFF;
	transition: 1s;
	}
	.prod .item:hover {
		transition: 1s;
		border-radius: 25px;
	}
	@media (max-width: 720px) {
	.prod .item {
	display : flex;
	justify-content : center;
	align-items : stretch;
	text-align : center;
	max-width : 200px;
	height : 220px;
	padding-top : 0;
	padding-bottom : 0;
	box-shadow : 0 2px 4px #DDDDDD;
	margin-right : 15px;
	margin-left : 0;
	margin-bottom : 15px;
	background-color : #F2F2F2;
	}
	}
	footer #contact {
	box-shadow : 0 0 140px 30px rgb(244, 244, 244, 0.25);
	margin : 0 auto 0 auto;
	max-width : 900px;
	color : #000;
	padding-top : 25px;
	padding-bottom : 5px;
	transition-duration : 0.4s;
	text-decoration : none;
	background : linear-gradient(to bottom, rgb(255, 255, 255, 0) 0, rgb(255, 255, 255, 0.5) 100px, rgb(255, 255, 255, 0.7) 200px) #f0f0f0;
	background-color : #F2F2F2;
	}
	footer #contact strong {
	font-weight : bold;
	font-size : 16px;
	}
	#contact a {
	text-decoration : none;
	color : #595959;
	}
	#contact a:hover {
	color : black;
	}
	footer a:hover {
	color : #000;
	text-decoration : none;
	}
	footer a:hover {
	color : #000;
	}
	footer img {
	border-style : none;
	}
	footer img.counter {
	vertical-align : -30%;
	}
	footer img.counter:hover {
	opacity : 0.65;
	}
	.foto {
	padding : 0 10px 30px;
	text-align : center;
	}
	.prod .item a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-content: flex-end;
	}
	.prod .item a, .prod .item a p {
	color : #595959;
	font-weight : normal;
	text-align : center;
	font-size : 17px;
	text-decoration : none;
	transition-duration : 0.6s;
	}
	.prod .item a:hover {
	color : #00ADEF;
	transition-duration : 0.6s;
	}
	.prod .item img {
	border-style : none;
	transition-duration : 0.6s;
	max-width : 220px;
	padding-top : 9px;
	vertical-align : middle;
	border-radius : 30px;
	}
	.prod .item img:hover {
	transform : translateY(-4px);
	transition-duration : 0.6s;
	}
	h3 {
	display : flex;
	justify-content : center;
	text-decoration : none;
	font-size : 16px;
	text-align : center;
	color : black;
	}
	.syla {
	display : flex;
	justify-content : center;
	text-decoration : none;
	font-size : 16px;
	text-align : center;
	color : black;
	margin : 20px 0 10px 0;
	transition: 0.5s;
	}
	.syla1 {
	display : flex;
	justify-content : center;
	text-decoration : none;
	font-size : 16px;
	text-align : center;
	color : black;
	margin : 20px 250px 10px 0;
	}
	.syla:hover {
	transition: 0.5s;
	color : #297dae;
	}
	h2 {
	background-position : center center;
	border-radius : 10px;
	padding : 10px 20px 10px 20px;
	font-size : 14px;
	color : #FFFFFF;
	font-weight : normal;
	text-align : center;
	font-family : Verdana, Geneva, Tahoma, sans-serif;
	margin-bottom : 20px;
	width : auto;
	height : 14px;
	background-image : url("../img/menu-bg.png");
	background-repeat : repeat-x;
	text-shadow : 1px 1px 2px rgb(0, 0, 0, 0.6);
	}
	article p {
	font-size : 13px;
	font-weight : normal;
	text-align : justify;
	font-family : Verdana, Geneva, Tahoma, sans-serif;
	}
	article .tresc {
	font-size : small;
	color : #666666;
	font-weight : normal;
	text-align : justify;
	padding-right : 20px;
	padding-left : 20px;
	font-family : Verdana, Geneva, Tahoma, sans-serif;
	}
	h2 a {
	color : #FFFFFF;
	text-decoration : none;
	display : block;
	}
	h2 a:hover {
	color : #CCCCCC;
	text-decoration : underline;
	}
	.photos {
	margin-right : auto;
	margin-left : auto;
	width : auto;
	padding : 5px 0 20px 0;
	text-align : center;
	height : auto;
	}
	.photos img {
	box-shadow : 0 0 10px 0 rgb(255, 255, 255, 0.3);
	margin : 5px 3px 5px 4px;
	border : rgb(224, 224, 224) solid 1px;
	transition-duration : 0.4s;
	}
	.photos img:hover {
	transform : scale(1.04);
	transition-duration : 0.4s;
	}
	.photos2 {
	margin-right : auto;
	margin-left : auto;
	width : auto;
	padding : 5px 0 20px 0;
	text-align : center;
	}
	.photos2 img {
	box-shadow : 1px 1px 5px 0 #C0C0C0;
	margin : 5px 2px 5px 1px;
	border : #734871 solid 1px;
	}
	article {
	font-size : 13px;
	color : #FFFFFF;
	font-weight : normal;
	text-align : justify;
	font-family : Verdana, Geneva, Tahoma, sans-serif;
	padding : 25px 0 85px 0;
	max-width : 960px;
	margin-right : auto;
	margin-left : auto;
	}
	.contain {
	margin : 0 auto 0 auto;
	background-position : center top;
	padding : 0;
	background-repeat : repeat;
	background-color : #F4F4F4;
	background-attachment : fixed;
	}
	.content {
	padding : 0;
	margin : 0 auto 0 auto;
	z-index : 10;
	}
	.content h6 {
	border-radius : 10px;
	box-shadow : 0 5px 10px 0 rgb(244, 244, 244, 0.45);
	margin : -39px auto 0 auto;
	padding : 6px 0 0 0;
	background-position : center bottom;
	color : #ffffff;
	display : block;
	text-align : center;
	font-size : 14px;
	font-family : Verdana, Geneva, Tahoma, sans-serif;
	background-repeat : repeat-x;
	text-shadow : 1px 1px 2px rgb(0, 0, 0, 0.7);
	z-index : 0;
	height : 32px;
	font-weight : normal;
	max-width : 500px;
	transition-duration : 1s;
	text-indent : 0;
	background-image : url("../img/menu-bg.png");
	}
	.content h6.active {
	border-width : 0;
	border-style : none;
	}
	.content h6:hover {
	background-position : center top;
	cursor : help;
	background-repeat : repeat-x;
	z-index : 20;
	text-decoration : blink;
	color : #DFDFDF;
	transition-duration : 1s;
	background-color : rgb(255, 255, 255, 0.7);
	text-shadow : 1px 1px 0 #000000;
	}
	.content div {
	margin-bottom : -25px;
	}
	#author {
	text-align : center;
	max-width : 900px;
	font-size : 11px;
	padding-left : 0;
	line-height : 1em;
	margin-right : 0;
	margin-bottom : 0;
	margin-left : 0;
	height : 30px;
	padding-top : 15px;
	padding-bottom : 30px;
	color : #000;
	}
	#author a {
	text-decoration : none;
	transition-duration : 1s;
	color : #000;
	}
	#author a:hover {
	transition-duration : 1s;
	color : #000000;
	}
	#author img {
	border-style : none;
	}
	b a{
		color: #297dae;
		transition: 0.8s;
	}
	b a:hover{
		color: #4ebeff;
		font-weight: bold;
		text-decoration: none;
		transition: 0.8s;
	}
	.marki-box {
			background-image: linear-gradient(
			  180deg,
			  hsl(199deg 72% 62%) 0%,
			  hsl(200deg 58% 55%) 20%,
			  hsl(202deg 52% 48%) 40%,
			  hsl(203deg 57% 41%) 60%,
			  hsl(205deg 64% 34%) 80%,
			  hsl(206deg 76% 27%) 100%
			);
			padding: 0 5px 35px 5px;
			border-radius: 25px;
	}
	.marki-box h3 {
		color: #fff;
		padding: 25px;
		text-shadow: 0px 0px 8px black;
	}
	.marki-box img {
		width: 175px;
		border-radius: 15px;
		margin: 6px;
		box-shadow: 8px 5px 15px black;
		transition: 1.3s;
		transform: scale(1);
	}
	.marki-box img:hover {
		transition: 1.3s;
		transform: scale(1.1);
	}
	.marki {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.lata-na-rynku{
		background-image: linear-gradient(
			  180deg,
			  hsl(199deg 72% 62%) 0%,
			  hsl(200deg 58% 55%) 20%,
			  hsl(202deg 52% 48%) 40%,
			  hsl(203deg 57% 41%) 60%,
			  hsl(205deg 64% 34%) 80%,
			  hsl(206deg 76% 27%) 100%
			);
			border-bottom-left-radius: 25px;
			border-bottom-right-radius: 25px;
			display: flex;
			justify-content: center;
			margin-top: -3px;
	}
	@media (max-width: 805px){
		.lata-na-rynku img{
			width: 100%;
			height: auto;
		}
	}
	.tab {
	margin : 30px auto 30px auto;
	border-width : 1px;
	border-color : #C0C0C0;
	max-width : 910px;
	border-spacing : 0;
	caption-side : top;
	padding-bottom : 20px;
	text-align : center;
	color : #000000;
	padding-top : 20px;
	border-top-style : solid;
	border-bottom-style : solid;
	}
	td a {
	color : #000000;
	text-decoration : none;
	font-weight : bold;
	}
	.logo_katalogu {
	margin-top : 0;
	margin-bottom : 4px;
	}
	.highlight {
	text-decoration : blink;
	color : #DFDFDF;
	text-shadow : 1px 1px 0 #000000;
	}
	.second {
	border-width : 1px;
	border-color : #000000;
	border-top-style : solid;
	padding-top : 20px;
	margin-top : 10px;
	}
	#controls div {
	overflow : visible;
	display : inline-block;
	padding : 4px;
	margin : 25px 1px 1px 1px;
	color : #999999;
	border : #666666 solid 1px;
	border-radius : 4px;
	font-size : 11px;
	font-family : Verdana, Geneva, Tahoma, sans-serif;
	transition : background-color 2s;
	transition : color 1s;
	}
	#controls div:hover:not(.counter) {
	background : rgb(255, 255, 255, 0.9);
	color : #000;
	transition : background-color 1s;
	transition : color 1s;
	}
	#controls div:not(.counter) {
	background : rgb(0, 0, 0);
	cursor : pointer;
	}
	#controls.fullScreen_controls div:hover:not(.counter) {
	background : rgb(255, 255, 255, 0.9);
	color : #000;
	}
	#controls.fullScreen_controls div:not(.counter) {
	background : rgb(0, 0, 0, 0.82);
	cursor : pointer;
	}
	#controls div.sel {
	background : rgb(255, 255, 255, 0.9);
	}
	.imgContainer {
	max-width : 100px;
	height : 100px;
	overflow : hidden;
	display : inline-block;
	}
	.imgContainer img {
	width : 160px;
	}
	.counter {
	border-style : none;
	vertical-align : -30%;
	}
	footer a:hover {
	color : #FFFFFF;
	}
	.tab td {
	font-size : 11px;
	vertical-align : top;
	}
	.tab img {
	border : #A87A5A solid 1px;
	}
	.floating {
	float : right;
	margin-left : 25px;
	margin-bottom : 12px;
	margin-top : 17px;
	box-shadow : 1px 1px 5px 0 #C9AE98;
	border : #A27353 solid 1px;
	}
	h2 {
	padding : 10px 20px 10px 20px;
	font-size : 14px;
	color : #FFFFFF;
	font-weight : normal;
	text-align : center;
	font-family : Verdana, Geneva, Tahoma, sans-serif;
	background-color : rgb(0, 0, 0, 0.3);
	margin-bottom : 20px;
	width : auto;
	height : 20px;
	margin-top : 0;
	}
	#logo img {
	border-style : none;
	}
	.photos a {
	text-decoration : none;
	}
	.ru {
	font-size : 12px;
	}
	.ua {
	font-size : 13px;
	}
	.google-maps {
	border-width : 0;
	border-color : #FFFFFF;
	padding : 0;
	height : 160px;
	margin : 0;
	width : 100%;
	}