﻿* {
	margin : 0;
	padding : 0;
	outline : 0;
	}
	body {
	background-position : center top;
	font-family : Comfortaa, Arial, Verdana, sans-serif;
	color : #999;
	font-size : 12px;
	background-repeat : repeat;
	}
	#menu {
	margin : auto;
	background-position : center top;
	padding-top : 0;
	text-align : right;
	color : #000000;
	font-size : small;
	max-width : 960px;
	min-height : 30px;
	z-index : 999;
	overflow : hidden;
	font-family : Arial, Helvetica, sans-serif;
	}
	#menu ul {
	list-style-type : none;
	min-height : 80px;
	padding : 0;
	margin : 0 10px 0 0;
	text-align : right;
	max-width : 940px;
	}
	#menu li {
	list-style-type : none;
	float : right;
	min-height : 80px;
	margin : 0 5px 0 5px;
	padding : 10px 0 0 0;
	}
	#menu li a {
	text-decoration : none;
	color : #999;
	font-size : 11px;
	display : block;
	height : 30px;
	font-weight : 700;
	text-transform : uppercase;
	line-height : 20px;
	font-family : Comfortaa;
	}
	#menu li a.active {
	color : #000;
	}
	#menu li a:hover {
	color : #000;
	}
	header {
	background-position : center top;
	overflow : hidden;
	height : 185px;
	text-align : center;
	z-index : 998;
	max-width : 960px;
	margin : auto;
	background-image : url("../img/top.png");
	background-repeat : no-repeat;
	}
	#head {
	background-position : 25px 25px;
	margin : 0 auto 0 auto;
	background-repeat : no-repeat;
	color : #000000;
	font-weight : bold;
	text-align : right;
	height : 185px;
	overflow : hidden;
	background-image : url("../img/logo.png");
	padding-left : 25px;
	padding-right : 25px;
	padding-top : 43px;
	}
	h1 {
	margin : 0 auto 0 0;
	line-height : 54px;
	font-size : 18px;
	color : #333;
	font-weight : 400;
	text-align : center;
	letter-spacing : 0;
	background-repeat : no-repeat;
	font-family : Comfortaa;
	height : 54px;
	text-transform : uppercase;
	padding-top : 30px;
	}
	h1.cz {
	font-size : 16px;
	}
	h2 {
	padding-top : 15px;
	margin : 0 0 0 0;
	padding-bottom : 15px;
	font-size : 20px;
	color : #333;
	text-align : center;
	font-weight : 700;
	min-height : 30px;
	line-height : 30px;
	background-color : #fafafa;
	}
	h2 img {
	border-style : none;
	}
	h2 a {
	text-decoration : none;
	color : #808080;
	}
	h2 a:hover {
	color : #333333;
	}
	h3 {
	font-family : Comfortaa;
	font-size : 18px;
	font-weight : 400;
	color : #666;
	line-height : 1.1em;
	padding-bottom : 16px;
	}
	h3 a {
	color : #000;
	font-size : 20px;
	font-weight : 500;
	}
	h3 a:hover {
	color : #666;
	}
	h6 a {
	color : #523907;
	text-decoration : none;
	background-color : rgb(255, 255, 255, 0.5);
	display : block;
	line-height : 50px;
	font-size : 18px;
	font-weight : bold;
	height : 50px;
	text-indent : 230px;
	}
	h6 a:hover {
	color : #edb231;
	background-color : rgb(255, 255, 255);
	}
	@media (max-width: 650px) {
	#head {
	background-position : center 20px;
	padding-top : 130px;
	text-align : center;
	padding-left : 0;
	padding-right : 0;
	}
	h3 {
	display : none;
	}
	h1 {
	padding-top : 0;
	}
	}
	@media (max-width: 364px) {
	#head {
	background-size : 80%;
	}
	}
	#art {
	margin-right : auto;
	margin-left : auto;
	max-width : 960px;
	margin-top : 5px;
	background-color : #fff;
	background-color : rgb(255, 255, 255, 0.86);
	}
	article .tresc {
	padding : 20px;
	font-size : 14px;
	color : #333;
	line-height : 1.35em;
	text-align : justify;
	font-weight : 400;
	}
	article .tresc a {
	color : #808080;
	text-decoration : none;
	font-weight : bold;
	}
	article .tresc a:hover {
	color : #666666;
	text-decoration : none;
	font-weight : bold;
	}
	.photos {
	padding : 0;
	text-align : left;
	letter-spacing : 4px;
	}
	.photos img {
	box-shadow : 0 0 3px 0 rgb(0, 0, 0, 0.2);
	border : rgb(255, 255, 255, 0.1) solid 1px;
	margin-bottom : 5px;
	}
	footer {
	padding : 0 0 0 0;
	margin : 0 auto 0 auto;
	max-width : 960px;
	transition-duration : 0.4s;
	background-color : #fff;
	}
	#foot {
	max-width : 960px;
	margin-right : auto;
	margin-left : auto;
	}
	footer a {
	color : #888;
	transition-duration : 0.4s;
	}
	footer #author {
	width : 100%;
	min-height : 30px;
	padding-top : 15px;
	font-size : 11px;
	padding-left : 0;
	opacity : 0.8;
	color : #4f412f;
	text-align : center;
	padding-bottom : 15px;
	}
	footer #contact {
	padding-top : 15px;
	padding-bottom : 20px;
	text-align : center;
	letter-spacing : 0;
	font-size : 15px;
	line-height : 1.35em;
	color : #222;
	width : 100%;
	min-height : 100px;
	}
	footer #contact strong {
	font-weight : bold;
	font-size : 16px;
	}
	footer a:hover {
	color : #000;
	}
	footer img {
	border-style : none;
	}
	footer img.counter {
	vertical-align : -30%;
	}
	footer img.counter:hover {
	opacity : 0.65;
	}
	.prod {
	width : 960px;
	margin-right : auto;
	margin-left : auto;
	}
	.prod .item {
	background-position : center top;
	float : left;
	text-align : center;
	width : 50%;
	height : 340px;
	padding-bottom : 0;
	background-repeat : no-repeat;
	}
	.prod .i01 {
	background-image : url("../img/cat1.jpg");
	}
	.prod .i02 {
	background-image : url("../img/cat2.jpg");
	}
	.prod .item a {
	color : #000000;
	font-weight : bold;
	font-size : 22px;
	text-decoration : none;
	transition-duration : 0.3s;
	height : 340px;
	display : block;
	width : 100%;
	}
	.prod .item a:hover {
	color : #c00418;
	transition-duration : 0.3s;
	}
	.prod .item a p {
	background-color : rgb(255, 255, 255, 0.75);
	margin : 200px auto 0 0;
	width : 260px;
	height : 60px;
	line-height : 60px;
	}
	.prod .i02 a p {
	margin : 200px 0 0 auto;
	}
	.prod .item a p:hover {
	background-color : #fff;
	}
	.prod .item img:hover {
	transform : translateY(-4px);
	transition-duration : 0.6s;
	}
	.clear {
	clear : both;
	height : 0;
	}
	.large {
	font-size : 20px;
	font-weight : 700;
	line-height : 28px;
	color : #000000;
	}
	.google-maps {
	border : none;
	padding : 0;
	height : 320px;
	margin : 0;
	width : 100%;
	}
	.film {
	border : none;
	border-width : 0;
	padding : 0;
	height : 315px;
	margin : 0;
	width : 560px;
	text-align : center;
	}
	.auto-style1 {
	width : 100%;
	background-color : #fff;
	padding-bottom : 30px;
	padding-top : 10px;
	text-align : center;
	}
	.auto-style1 a img{
		width: 99px;
		height: 42px;
	}
	.foto img {
	padding : 0;
	margin : 3px;
	border-width : 0;
	border-style : none;
	transition : opacity 0.3s;
	height : 100%;
	width : 150px;
	border : rgb(255, 255, 255, 0.3) solid 2px;
	}
	.foto {
	max-width : 960px;
	margin : 0 auto 0 auto;
	padding : 30px 0 0 0;
	text-align : center;
	}
	.foto img:hover {
	opacity : 0.7;
	transition : opacity 0.3s;
	border : rgb(255, 255, 255, 0.9) solid 3px;
	}
	.icon {
	color : #3b2110;
	font-size : 46px;
	margin-top : 20px;
	opacity : 0.8;
	transition-duration : 0.35s;
	}
	.icon:hover {
	transform : scale(1.14);
	transition-duration : 0.35s;
	opacity : 1;
	}
	.contain {
	background-repeat : repeat;
	width : 100%;
	padding-bottom : 25px;
	}
	.floating {
	float : right;
	margin-left : 20px;
	margin-bottom : 20px;
	padding-top : 2px;
	width : 217px;
	height: 100%;
	}
	@media (max-width: 640px) {
	.floating {
	width : 160px;
	}
	}
	@media (max-width: 480px) {
	.floating {
	width : 120px;
	}
	}
	@media (max-width: 440px) {
	.floating {
	display : none;
	}
	}
	.floating_l {
	float : left;
	margin-right : 20px;
	margin-bottom : 20px;
	}
	.middle {
	vertical-align : middle;
	}
	.cat {
	width : 100%;
	background-color : #fff;
	padding-bottom : 30px;
	padding-top : 10px;
	}
	.black {
	color : #000000;
	}
	.boxes {
	max-width : 980px;
	margin : auto;
	padding : 20px 0 0 0;
	}
	.box {
	float : left;
	margin : 0% 1% 0% 1%;
	width : 31.33333%;
	background-color : #fff;
	text-align : center;
	}
	.box a {
	display : block;
	color : #000;
	color : rgb(0, 0, 0, 0.5);
	min-height : 170px;
	padding-top : 30px;
	padding-bottom : 15px;
	font-size : 15px;
	}
	.box a:hover {
	color : rgb(0, 0, 0);
	}
	@media (max-width: 570px) {
	.box a {
	font-size : 12px;
	min-height : 150px;
	}
	}
	@media (max-width: 319px) {
	.box {
	display : none;
	}
	}
	.mark3 {
	opacity : 0.45;
	padding-bottom : 20px;
	}
	.film {
	border : none;
	border-width : 0;
	padding : 0;
	height : 160px;
	margin : 0;
	width : 280px;
	text-align : center;
	}
	h1 {
	margin : 0 auto 0 0;
	font-size : small;
	color : #000000;
	font-weight : normal;
	text-align : center;
	letter-spacing : 0;
	background-repeat : no-repeat;
	font-family : Comfortaa;
	height : 30px;
	text-transform : uppercase;
	padding-top : 10px;
	}
	h1.cz {
	font-size : 16px;
	}
	h2 {
	padding-top : 15px;
	margin : 0 0 0 0;
	padding-bottom : 15px;
	font-size : 20px;
	color : #333;
	text-align : center;
	font-weight : 700;
	min-height : 30px;
	line-height : 30px;
	background-color : #fafafa;
	}
	h2 img {
	border-style : none;
	}
	h2 a {
	text-decoration : none;
	color : #808080;
	}
	h2 a:hover {
	color : #333333;
	}
	h3 {
	font-family : Comfortaa;
	font-size : 18px;
	font-weight : 400;
	color : #666;
	line-height : 1.1em;
	padding-bottom : 16px;
	}
	h3 a {
	color : #000;
	font-size : 20px;
	font-weight : 500;
	}
	h3 a:hover {
	color : #666;
	}

	.slide img{
		width: 448px;
		height: 597px;
	}
	@media (max-width:1368px) {
		.slide img{
			width: 30%;
			height: 100%;
		}
	}