/* --------------- reset.css --------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;                               /* обнуляем отступы и убираем бордюры */
	vertical-align: baseline;          /* приводим все к одной базовой линии */
	background: transparent;      /* чтобы не проскакивали левые фоны, установленные по умолчанию */
	font-size: 100%;                     /* размер шрифта всем одинаковый */
}
a {                                      	     /* ссылка не в общем списке чтобы не сбрасывать outline по умолчанию */
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	outline:none;
}
table {						/* устраняем отступы между ячейками таблицы */
	border-collapse: collapse; 
	border-spacing: 0;
}
td, td img {
	vertical-align: top;			/* возвращаем привычное вертикальное выравнивание */
} 
input, select, button, textarea {
	margin: 0; 				/* убираем отступы по умолчанию для элементов форм (в частности для checkbox и radio) */
	font-size: 100%; 			/* делаем размер шрифтов везде одинаковым */
	outline: none;
}
input[type="text"], input[type="password"], textarea {
	padding: 0; 				/* убираем внутренние отступы для текстовых полей */
}
input[type="checkbox"] { 		/* вертикальное выравнивание чекбоксов и радиобатонов относительно меток */
	vertical-align: bottom;
}
input[type="radio"] {
	vertical-align: text-bottom;
}
sub {
	vertical-align: sub;
	font-size: smaller;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul {
	 list-style:none;
}
/* --------------- /reset.css --------------- */

header  {background: ghostwhite; overflow: hidden; mrgin-bottom:10px; }
	.center-block-main {margin: 0 auto; max-width: 1000px; padding-top: 20px; }
	.header-logo-img	{float:left; height: 150px; margin-top:15px; mrgin-bottom:20px; }	
	.header-text				{ float:right; color: #c86400; padding:10px 20px; font-size:1.9em;  text-align: right; }	/* "фирменный цвет пуза дракона"*/
		
	.topMenu {float:right; }
	.topMenu li { float: left; font-size:16px; font-weight: 600;}
	.topMenu li a { color:green; text-decoration: none; padding: 30px 25px; display:block;  border-bottom: 3px solid ghostwhite;}
	.topMenu li a:hover {color:green; border-bottom: 3px solid green;}


.content {border-right: 1px solid lightgrey; border-left: 1px solid lightgrey;}

main {float: left; width:63%; margin-top:40px; }
	article {margin-bottom:70px; border: 1px solid lightgrey; padding-bottom: 10px; border-left: none;  }
	article>header{font-size: 0; background: none; margin-bottom:10px;}
	article>h1 {font-size: 1.75em; font-weight: bold; text-transform: uppercase; line-height: 1.1;  margin: 0 0 40px 20px; color: green; }
	article>p { margin: 0 0 20px 20px; color: black; line-height: 1.1; }
	.article-image {hight: 100px; width:100%; }
	a.more { color: green; border: 2px solid darkslategrey;  padding: 7px 20px;  display:inline-block; 	text-decoration:none; border-radius: 20px; margin-left:20px;}
	a:hover.more {color: green; border-color: green; }
	
aside {float: right; width:33%; backgrund: yellow; margin-top: 20px; }


.widget {margin-bottom: 50px; }
	.widget h2 {text-transform: uppercase; color: darkslategrey; background: #f8f8f8; border-left: 3px solid grey; padding: 10px 70px 15px 20px; font-weight: bold; margin-bottom:20px;}
	.email-img {width:30px; }
	.search  {color: darkslategrey; font-size: 0.75em; width:100%; border: 1px solid grey; padding: 10px 15px; border-right: none; }
	.widget>nav { margin-left: 20px; font-size:1.2em; }
	.email {position: relative; width:100%; HEIGHT: 50PX;}
	.email-input { color: darkslategrey; font-size: 0.75em; width:100%; border: 1px solid grey; padding: 15px 20px; box-sizing: border-box; position:absolute; top:0; left:0; border-right:none; }
	.email-img { position: absolute; right: 15px; top:10px; }

.pager {border-top: 2px solid darkgrey; font-size: 1.2em; text-transform:uppercase; font-weight: bold; padding: 30px;  }
.pager a{color: black; text-decoration: none; }
.pager a:hover {text-decoration: underline; color:green; }
.prev-link {float:left; color: green; }
.next-link {float: right; color: green; }

footer{ background: #292929; color: yellow; border-top: 1px solid green; text-align: center; font-size: 1.1em; padding: 20px; }
footer p {margin-bottom:20px; }
footer img{margin: 0 auto 20px auto;}
.counterLI {loat: left; }

/*--- АДАПТИВНАЯ ВЕРСТКА --- */

@media screen and (max-width:768px)
{
	aside {float: none; width:100%;  }
	main {float: none;  width:100%;  margin-top: 20px;}
	.article-image {width:100%; hight: 100px; }
	.logo {height: 150px; margin-top:15px;}
	.topMenu li a { padding: 20px 25px; }	
}

@media screen and (max-width:620px)
{
	.logo {float: none; margin: 20px auto; display:block; }
	.main-text {float:none; margin: 0 auto;}
	.topMenu li a { padding: 10px 25px; }	
	.topMenu {float:none; width:100%; }
	.header-text {font-size: 1em; }
}

/*    02022023  МОИ СОБСТВЕННЫЕ СТИЛИ   */

.insertNewBtn{
	margin-top: 20px;
	font-size: 1.8em;
	padding: 20px;
	border: 1px solid #eee;
}

/* --------------- базовые настройки ---------*/
html {
	min-height:100%; /* всегда показываем вертикальную полосу прокрутки  */
}
body {
	color: #000;
	text-align: left;
	font-size: 1em; /* используем безопасные шрифтовые CSS стеки */
	min-height:100%;
}
a, a:visited { /* порядок правил для ссылок имеет значение */
	color: #e6618c;
	text-decoration: underline;
}
a:hover {
	color: #fdf208;
	text-decoration:none;
}
a:focus, a:active {
	color: #c83867;
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}
img{

	max-width:100%;
}
.clr{
	clear:both;
}
.clearfix:after {
    clear: both;
    content: "";
    display: table;
}
/* --------------- /базовые настройки ---------*/
	h1  	{font-family: Arial;	font-size: 1.2em;	color: #191970;}
	h2  	{font-family: Arial;	font-size: 1.4em;	color: green;}
	h3  	{font-family: Arial;	font-size: 1.2em;	color: red;}
	p 	{font-family: Verdana; 	font-size: 1em;		color: blue;}
	th 	{font-family: Verdana; 	font-size: 1.2em;		color: magenta; padding: 20px 20px;
			text-align: center;     vertical-align: middle;	}
	td 	{padding: 10px 10px;}