content {
	display:block;
	position:relative;
	box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
    padding: 40px;
}

content h1 {
	margin-top: 0;
    margin-bottom: 7px;
    word-wrap: break-word;
    font-size: 41px;
    line-height: 50px;
}

content h2 {
	font-size: 27px;
    line-height: 38px;
    margin-top: 30px;
    margin-bottom: 20px;
}
content h3 {
	font-size: 22px;
    line-height: 30px;
    margin-top: 27px;
    margin-bottom: 17px;
}
content h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #933;
	text-transform: uppercase;
	margin-bottom:20px;
}

content p {
	font-family: 'PT Serif', serif;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size:18px;
}

content p.avtor {
	color:#966; 
	font-style:italic;
}	
content p.podpis {
	font-size: 80%;
    font-style: italic;
    font-weight: normal;
    line-height: 17px;
    color: #444;
    margin: 0 20px 20px 10px;
}	

content p.right {	
	text-align:right;
}
content p.small{
	font-size:80%;
	line-height: 1em;
}

content i {
	color:#666;
	font-style:italic;
}
content strong {
	color:#333;	
}
content hr {
	color:#a23232;
}
content  img {
	margin:10px;
	max-width: 700px;
}
content ul, ol {
	margin-left:50px;
	font-size:98%;
	}
content li {
	padding-bottom:6px;
}
content b, strong{
	font-weight:bold;
	font-size: 18px;
}

/* span class="klava" для клавиш клавиатуры */
content p span.klava {
background-color:black;
font-size:10px;
color:white;
text-shadow: 0 2px 2px #ccc;
padding:5px;
margin: 0 5px;
border-radius:5px;
}

/*   Хлебные крошки */

content #kroshki {
	width: auto; /* Общая ширина страницы */
	font-size: 14px; /* Размер шрифта */
	color: #666; /* Цвет текста, который не является ссылкой */
	text-align: left; /* Прижимаем текст к левому краю страницы */
	margin: 3px 30px 0px 30px; /* Внешние отступы */
	padding-bottom: 5px; /* Внутренние отступы */
	border-bottom: 2px solid #ccc; /* Добавляем разделительную черту снизу */
} 

content #kroshki a{
color: #610301; /* Цвет ссылки */
text-decoration: none; /* Отменяем подчеркивание ссылок */
}
/* цвет ссылок при наведении курсора */
content #kroshki a:hover, #kroshki a:active {
color: red; /* цвет ссылки при наведении курсора */
text-decoration: none; /* Отменяем подчеркивание ссылок при наведении курсора */
}
	
/*  Таблицы с кодом, например, JavaScript от Самоделкина */	
table.list { 
	display:block;
	font-family: monospace, Sans-Serif; 
	font-size:14px;
	background-color: #D6EBFF; 
	} 
	table.list td {
		padding:5px;
		}

table.price {
	border-spacing: 0;
	margin-bottom:20px;
}
table.price th {
	background: #BCEBDD;
	color: #666;
	font-weight:bold;
}
table.price th, td {
	font-size: 14px;
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: white;
	padding:5px;
	vertical-align:middle;
}
table.price th:first-child {
text-align: center;
}
table.price td:first-child {
text-align: left;
}
table.price td {
padding: 10px 20px;
background: #F8E391;
}
table.price tr:last-child td:first-child {
border-radius: 0 0 0 10px;
}
table.price tr:last-child td:last-child {
border-radius: 0 0 10px 0;
}
table.price tr td:last-child {
border-right: none;
}

		
code {
	font-family:monoscript;
	font-size:16px;
	color:black;
}		
xmp {
	display:block;
    font-family:"Courier New", Courier, monospace;
	font-size:16px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
	padding-bottom:20px;
	padding-left:10px;
	}
	
xmp {
    -o-tab-size: 2; /* Opera */
    -moz-tab-size: 2; /* Firefox */
   }

input[type="button"]{
	align-items: flex-start;
	font-size:16px;
	padding: 1px 6px;
	text-align: center;
    cursor: pointer;
    color: buttontext;
    background-color: buttonface;
	margin:10px;
	border:1px solid #333;
}

input:hover[type="button"]{
	align-items: flex-start;
	font-size:16px;
	padding: 1px 6px;
	text-align: center;
    cursor: pointer;
    color: red;
    background-color: #333;
	margin:10px;
	border:1px solid #333;
}

/* объединенный медиа для средних и маленьких размеров*/
@media screen  and (max-width:1023px){
	content img {max-width:90%;height:auto;}	
	img.birds {width:100%;}		
}

   
ul.pagination {
	width:100%;
	background:#ccc;
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: #fff;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}

ul.pagination li a.active {
    background-color: #4CAF50;
    color: white;
}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}

div.imagecaption {
	float: left;
	width: 220px;
	margin: 0 1em 1em 1em;
	padding: 15px 15px 20px 15px;
	display: inline;
	text-align: center;
	font-size:90%;
	border-color: #CCC #999 #999 #CCC;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	background: #fff ;
	}
div.imagecaption img {
	border-color: #000 #ccc #ccc #000;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	}
div.imagecaption a {
	color: #333;
	padding:5px;
	}

p.ingrad {
	padding-left:5px;
	color:green;
	font-size:90%;
	border-left:2px #333 solid;
	}
/* пагинация по страницам */	
#pages {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align:center;
	}
	
figure.alignright,
figure.alignleft,
figure.aligncenter {
  margin-bottom: 0;
  width:250px;
  border:1px solid #666;
}

figure img {
	width:225px;
}
.alignnone img,
.aligncenter img {
  max-width: 100%;
}
.alignleft {
  float: left;
  margin-top: 6px;
  margin-right: 24px;
  margin-bottom: 6px !important;
  /* hack for tinyMCE / post content diffs*/
  margin-left: 0;
  /* responsive landscape tablet */
  /* responsive portrait tablet */
  /* responsive portrait phone - just a bit, after 500px we make it non float */
  /* responsive phone CUSTOM - align the image on center */
}
.alignright {
  float: right;
  margin-top: 6px;
  margin-right: 0;
  margin-bottom: 6px !important;
  /* hack for tinyMCE / post content diffs*/
  margin-left: 24px;
  /* responsive landscape tablet */
  /* responsive portrait tablet */
  /* responsive portrait phone - just a bit, after 500px we make it non float */
  /* responsive phone CUSTOM  - align the image on center */
}
figcaption {
	font-size: 11px;
    font-style: italic;
    font-weight: normal;
    line-height: 17px;
    color: #333;
	margin: 0 10px;
}


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


/* в категории */
.parkNewsLast {
	padding-right:0px !important;
}
.parkNews li {
	list-style: none;
	width: 31.42857142857143%; /* 220px/700px */
	display: inline;
	float: left;
	padding-right: 02.85714285714286%;
}
/* for 480px or less */
@media screen and (max-width: 480px) {
	.parkNews li {
		display:block;
		width:auto;
		padding-right:0 !important;
		padding-bottom:20px;
	}
	
.clearfloat { 
	clear: both;
	height: 0;
	line-height: 0px;
}