* {
	margin: 0;
	padding: 0;
}
body {
	font-family: 'Cutive', serif;
	font-size: 100%;	
	background: url(/i/siteBackground.jpg);
	margin: 0;
	padding: 0;
	color: #666;
	/* text-shadow: 0 0px, 1px 1px #ffffff; */
	font-size:120%;
}
html {
	max-width: 1200px;
	margin: 0 auto;
	}
h1.header {
	color: #9B8B3F;
	font-size: 3.428571428571429em;
	font-family: 'Fredericka the Great', cursive;
	font-weight: normal;
}
h1.header a {
	color:#9B8B3F;
	float:left;
	padding:10px 0;
	-webkit-font-smoothing: antialiased;
	letter-spacing: 1.3px;
	text-shadow: 0 1px 1px  #676767;
}


h1 {color: #363636;
	font-size: 3em;
	font-family: 'Stoke', serif;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom:30px;
}

h2, h3 {
	color: #363636;
	font-size: 1.714285714285714em;
	font-family: 'Stoke', serif;
	font-weight: normal;
	margin-bottom:20px;
}

h2 {
	border-bottom: 1px solid #D34E16; /* Добавляем подчёркивание */
    padding-bottom: 5px; /* Расстояние от текста до линии */
}

h2 a:hover {
	color: #D34E16;
}
a h3{
	color:#333;
	}
h4 {
	border-bottom: 1px solid #858585;
	padding-bottom:5px;
	margin:20px 0;
}
a h4{
	color:#333;
	}
h4{
	padding-top:10px;
	font-size:1.5em;
	}
	
a img { 
	border: none;
}
a {
	color: #9B8B3F;
	text-decoration: none; 
}
a:hover, a:active, a:focus { 
	color: #d34e16;
	text-decoration: none;
}

span {
	color:#D34E16;
	}
img {
	max-width: 100%;
	height: auto;
	width: auto;
}
.mainContent a {
	color: #337AB7;
}
.mainContent img {
	margin-bottom:30px;
}
p {
	line-height: 140%;
	margin-bottom:20px;
}
hr {
	margin:5px 0 15px 0;
	background:#858585;
	height:1px;
	border:0;
}


#kroshki{
	margin:20px;
	background:#ccc;
	padding:10px;
	}
	#kroshki a {
		color:#000;
		}
		#kroshki a:hover{
			color:#D34E16;
			}

.more {
	padding-top:5px;
}
.wrapper {
	width: 93.75%; /* 960px/1024px  */
	margin: 0 auto
}
.headerPicContainer {
	background:#e7e7e7;
}
.websiteDescription {
	padding:20px;
}
.mainContent {
	float: right;
	width: 72.91666666666667%; /* 700px/960px  */
	border-left: 1px solid #f0e6e6;
	padding-left: 20px;
	}
	.mainContent h2 {
		margin-bottom:15px;
		}
	.mainContent ul {
		margin-left:20px;
		margin-bottom:20px;
		}
	.mainContent ol {
		margin-left:20px;
		margin-bottom:20px;
		}
	.mainContent li{
		padding-bottom:5px;
		color:#333;
		margin-bottom: 10px;
		}
.parkNewsLast {
	padding-right:0px !important;
}
.parkNews li {
	list-style: none;
	width: 31.42857142857143%; /* 220px/700px */
	display: inline;
	float: left;
	padding-right: 02.85714285714286%;
}
.blockTitle {
	color: #363636;
	padding: 0 0 10px 0;
}
.birchNews {
	float: left;
	width: 65.71428571428571%; /* 460px/700px */
}
.birchNews li {
	list-style:none;
	display:block;
	float:left;
	padding-bottom:24px;
}
.birchNewsLast, .ourParkLast {
	padding-bottom:0px !important;
}
.birchNewsPic {
	float:left;
	width: 47.82608695652174%; /* 220px/460px */
}
.birchNewsContent {
	padding-left: 52.17391304347826%; /* 240px/460px */
}
.ourPark {
	margin-left:68.57142857142857%; /* 480px/700px */
}
.ourPark li {
	padding-bottom:20px;
	list-style:none;
}
.sidebar {
	margin:0 75% 0 0 ; /* 720px/960px  */
	font-size:80%;
	padding-right: 20px;
}
.sidebarFirst {
	border-top:1px solid #858585;
}
.sidebar li {
	list-style:none;
	width:100%;
	border-right:1px solid #858585;
	border-bottom:1px solid #858585;
	border-left:1px solid #858585;
}
.sidebar li a {
	display:block;
	background:#ffffff url(/i/p.png) no-repeat 10px 17px;
	padding:7px 10px 7px 17px;
}
.sidebar li a:hover {
	background:#e7e7e7 url(/i/p2.png) no-repeat 10px 17px;
	color:#363636;
}

footer {
	background: #f3f3f3;
	margin-top:20px;
}
footer ul {
	padding: 20px 0;
	text-align:center;
}
footer li {
	display: inline;
	padding: 0 1%;
}
footer li span {
	color: #363636;
}
footer a {
	text-decoration: underline;
}
.clearfloat { 
	clear: both;
	height: 0;
	line-height: 0px;
}
/**************************/
/*********************************Begin main menu****************************************/
/**************************/
nav {
	float:right;
	padding-top:40px;
}
nav li {
	display: inline;
	list-style: none;
	padding:1px;
}
nav li a {
	font-size:1.285714285714286em;
	display:inline;
	color:#ffffff;
	text-shadow: none;
	background:#363636;
	padding:4px 7px;
}
nav li a:hover {
	background:#d34e16;
	color:#ffffff;
}
nav #active a {
	background:#d34e16;
	color:#ffffff;
}
/**************************/
/*********************************End main menu****************************************/
/**************************/
/*********************************Begin Media Queries****************************************/
/**************************/
/* for 960px or less */
@media screen and (max-width: 960px) {
	.wrapper {
		width:93.75%; /* 960px/1024px  */
		margin:0 auto;
	}
	.headerPic {
		width: auto;
		float: none;
		padding:20px;
	}
	.websiteDescription {
		margin-left:0;
	}	
}
/* for 768px or less */
@media screen and (max-width: 768px) {
	.birchNews {
		float:none;
		width:auto;
	}
	.ourPark {
		margin-left:0;
	}
	.mainContent {
		float:none;
		width:auto;
	}
	.sidebar {
		margin:0;
	}
	h1.header {
		text-align:center;
	}
	h1.header a {
		float:none;
	}
	nav {
		float: none;
		padding-top: 10px;
	}
	nav li {
		display: block;
		list-style: none;
		padding:1px;
		text-align:center;
	}
	nav li a {
		display: block;
	}
}
/* for 480px or less */
@media screen and (max-width: 480px) {
	.parkNews li {
		display:block;
		width:auto;
		padding-right:0 !important;
		padding-bottom:20px;
	}
	h1.header {
		text-align:center;
		font-size:2.42857em;
	}
	h1.header a {
		float:none;
	}
	nav {
		float: none;
		padding-top: 10px;
	}
	nav li {
		display: block;
		list-style: none;
		padding:1px;
		text-align:center;
	}
	nav li a {
		display: block;
	}
	.birchNewsPic {
		float:none;
		width:auto;
	}
	.birchNewsContent {
		padding-left:0;
	}
}
@media (min-width: 981px) {
	.headerPic {
		width:500px;
		float:left;
		padding:20px;
	}
	.websiteDescription {
		margin-left:500px;
	}	
	.birchNews {
		float:none;
		width:auto;
	}
	.birchNews li {
		display: inline;
		float: left;
		list-style: none outside none;
		padding-right: 2.85714%;
		width: 31.4286%;
	}
	.birchNewsPic {
		float:none;
		width:auto;
	}
	.birchNewsContent {
		padding-left:0;
	}
	.birchNewsLast {
		padding-right:0 !important;
	}
	.ourPark {
		margin-left:0;
	}

}
/**************************/
.product-line{
	/*overflow:hidden;
	margin:0 10px 35px 15px;
	padding:10px;
	border: 1px solid #ccc; */
width:95%;
margin: 5px auto;
padding: 1em;
box-shadow:
0 1px 4px rgba(0, 0, 0, .3),
-23px 0 20px -23px rgba(0, 0, 0, .8),
23px 0 20px -23px rgba(0, 0, 0, .8),
0 0 40px rgba(0, 0, 0, .1) inset;
}
	.product-line-img{
		float:left;
		margin:5px;
	}	
	.product-line-opis{
		font:14px Verdana, Geneva, sans-serif;
		padding:0 50px 0 150px;
		min-height:120px;
	}
		.product-line-opis h3{
			font:20px Verdana, Geneva, sans-serif;
			color:#D34E16;
			margin:0;
			border-bottom:none;
		}
			.product-line-opis h3 a{
				color:#D34E16;
			}
			.product-line-opis h2 a:hover{
				text-decoration:none;
			}
			.product-line-opis p{
				margin:0;
				padding:0;
				}
table.price {
	width:90%;
	font-size:80%;
	border-collapse:collapse;
	margin-bottom:20px;
	}
	table.price th{
		border: 1px solid #000;
		text-align:center;
		padding:5px;
		}
	table.price td{
		border:1px solid #000;
		padding:5px;
		}	

p.podpis {font-size:90%;
	margin-bottom:10px;
	font-weight:bold;}	
	
figure {
width: 650px;
padding: 20px;
margin: 10px auto;
box-shadow: 0 0 6px rgba(0, 0, 0, .4);
}
figcaption {
font-weight: bold;
font-style: italic;
text-align: right;
color: green;
}
figure img {
border: 2px solid #ccc;
padding: 3px;
}
	
	
	figure.left {
	width:180px;
	float:left;
	text-align:center;
	vertical-align:top;
	display: inline-block;
    margin-right: 10px;
    padding: 2px;
	border:1px solid #ccc;
}
figure.left img {	
	width:auto;
	height:200px;
	padding:5px;
}

figcaption {
	font-size:small;	
	text-shadow: none;
	color:#000;
}
	
blockquote {
	color: #D34E16;
	border: 2px solid #9B8B3F;
    margin: 16px 31px 31px 16px;
    padding: 16px 24px;
    position: relative;
    box-shadow: 5px 5px 0 0 #d2e0eb;  
}	

	
i {color:#337AB7;
	font-size:90%;}	
	

.rec_01 {
	padding: 5px;
	margin-bottom: 20px;
	background: #333;
}

.rec_02 {
	background: #333;
	padding: 1px;
}

.rec_03 {
	padding: 3px;
	width: 100%;
}

.moe {
	background: #333;
	padding: 3px;
	text-align: center;
	width: 100%;
}
	
/* Адаптивное видео */	
.thumb-wrap {
	position: relative;
	padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
	height: 0;
	overflow: hidden;
  }
  .thumb-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-width: 0;
	outline-width: 0;
  }

 /*для картинки слева и описания справа*/ 
  .container {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
  }  
  .image {
	width: 200px;
	height: 200px;
	margin-right: 20px;
  }  
  .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
  }  
  .text {
	flex: 1;
  }