﻿body {
  background-color: #f7f7f7;
}

/* Убираем лишние отступы */
* + * {
  margin-top: 0rem;
}

.container {
  max-width: 56em;
  margin: 0 auto;
}

.container > * {
  border: 1px solid #e6e6fa;
  padding: 1rem;
  background: #fff;
}

/* Grid включается только при поддержке */
@supports (display: grid) {
  @media screen and (min-width: 30em) {
    .container {
      margin: 0 auto;
      max-width: none;

      display: grid;
      grid-template-rows: repeat(4, min-content);
      grid-template-columns: 1fr minmax(0, 1fr) minmax(0, 1fr) 1fr;
      grid-template-areas:
        " . header header . "
        " . content content . "
        " . aside1 aside2 . "
        " . footer footer . ";
      grid-gap: 1rem;
    }

    .container > * {
      margin: 0;
    }

    .header {
      grid-area: header;
    }
    .content {
      grid-area: content;
    }
    .aside1 {
      grid-area: aside1;
    }
    .aside2 {
      grid-area: aside2;
    }
    footer {
      grid-area: footer;
    }
  }

  @media screen and (min-width: 50em) {
    .container {
      grid-template-rows: repeat(4, min-content);
      grid-template-columns: 1fr 2fr 1fr 1fr;
      grid-template-areas:
        " . header header . "
        " . content content . "
        " . footer footer . ";
    }
  }

  @media screen and (min-width: 60em) {
    .container {
      grid-template-rows: repeat(3, min-content);
      grid-template-columns:
        1fr
        minmax(auto, 36em)
        minmax(auto, 36em)
        minmax(290px, 310px)
        1fr;
      grid-template-areas:
        " . header header header . "
        " . content content aside2 . "
        " . footer footer footer . ";
      grid-gap: 1.5rem;
    }
  }
}

/* Мобильная верстка — без grid */
@media screen and (max-width: 30em) {
  .container {
    display: block;
    padding: 0 1rem;
  }

  .container > * {
    margin-bottom: 1rem;
  }
}












.header-line{
	display: inline; 
	width:100%;
}


@media only screen and (max-width : 767px) {
	.header-line {
		height:100px;
	}
}







/* LOGO */
.logo{
	float: left;
	margin:7px 100px 0 20px;
	font-size:13px;	
	color:#00796b;
	
}

.logo img{
	height:45px;
}






.navBar{
  background-color: #fff;
  text-transform: uppercase;
  margin:15px 0 0 0;
  

}



/*Floats each item to the left with padding of 14 & 16 px.
Removes the underline with text decoration = none.*/
.navBar a{

  color: #515151 !important;
  padding: 1px 5px;
  text-decoration: none;
  font: bold 14px/28px Helvetica Neue,Helvetica,Arial,Utkal,sans-serif !important;
  letter-spacing: 0.15pt;
}

/*Background color change during hover state*/
.navBar a:hover{
  color: #00638d !important;
}

/*Hides the menu Icon which will show when the nav needs to be responsive*/
.navBar .icon{
  display: none;
}

/*Set your custom screen width here replacing 700*/
@media (max-width: 800px){
/*Ignores the first link (which is Home) in the div and       applies 'display = none' to everything else.   Basically hiding everything but Home*/
  .navBar a:not(:first-child){
    display: none;
  }
/*Brings the menu icon into view and floats it to the right*/
  .navBar a.icon{
    display: block; float: right;
  }
  
/*The navBar class will be changed to 'navBar responsive' using JS. This chunk of CSS makes the menu icon stay where it is by making the position absolute within it's parent 'right top corner'. Without this, the icon will get kicked around when the items are collapsed and expanded*/
  .navBar.responsive {
    position: relative;
  }
  .navBar.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  
/*Removes the originally set float and brings them to view*/
  .navBar.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

@media only screen and (max-width : 1290px){
	.navBar a{
	font-size:12px;
	
	margin:5px 0 5px 0;
	padding: 1px 5px;
	}
	
}


@media only screen and (max-width : 1080px){

.navBar{
  background-color: #fff;
  text-transform: uppercase;
  	line-height:0.3;
	margin:5px 0 5px 0;
	padding: 1px 5px;
}

.navBar a{
	font-size:12px;

	}
}



.navBar_lang-select {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items: flex-start;
  gap: 20px;
  text-align: center;
  margin: 20px auto;
}

.navBar_lang-select a {
  width: 50px;           /* фиксируем ширину блока под флаг и текст */
  text-decoration: none;
  color: #222;
  font-weight: normal;
  font-size: 11px;
  transition: transform 0.2s;
}

.navBar_lang-select img {
  display: block;
  margin: 0 auto 8px;
  width: 25px;
  height: auto;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.navBar_lang-select a:hover {
  transform: scale(1.05);
}


/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */



a:link {
	color: #0066cc;
	text-decoration:none;
}
a:visited {
	color: #743399;
	text-decoration:none;
}
a:active,
a:hover {
	color: #ff4b33;
	text-decoration:underline;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}






/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
}
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
input[type=submit] {
	font-family: Arial, Helvetica, sans-serif;
}
pre {
	font-family: Arial, Helvetica, sans-serif;
}
code {
	font-family: Arial, Helvetica, sans-serif;
}








/*
Footer
*/


.footer_text {
	margin:0 0 10px 0;
	font-family: sans-serif;
	font-size:13px;
	line-height:1.4;
	letter-spacing: 0.2px;
	}


@media only screen and (max-width : 767px) {
	.footer_text {
	font-size:12px;
	}
}
	




.footer_text a{
	color: #0645ad;
	font-family: sans-serif;
	text-decoration: none;
	font-size:13px;
	font-weight:normal;
	letter-spacing: 0.2px;
}

.footer_text a:hover {
	text-decoration: underline;
}


@media only screen and (max-width : 767px) {
	.footer_text a{
	font-size:12px;
	}
}







.content_header {
    color: #000;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.3em;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 10px;
	margin-left: 20px;
    border-bottom: 0px solid Gray;
    padding-bottom: 0px;
    letter-spacing: 0px;
    font-family: Helvetica Neue,Helvetica,Arial,Utkal,sans-serif !important;
}

@media only screen and (max-width : 767px) {
	.content_header {
	font-size:26px;
	}
}






/* =Стили для шорткодов.
-------------------------------------------------------------- */

.shortcodes {
	clear:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px; 
	line-height: 1.6em; 
	font-weight:normal; 
	color:#666666;
	margin-top:25px !important;
	margin-bottom:25px !important;
	margin-left:1px !important;
	margin-right:10px !important;
	padding:0px 0px 0px 0px; 
	vertical-align: center;
	}

.shortcodes td{
	height:60px !important;
	text-align:center !important;
    vertical-align:middle !important;
	font-size:15px !important;
	padding:10px 20px 10px 20px !important;
	line-height:1.7;
	font-family: Helvetica Neue,Helvetica,Arial,Utkal,sans-serif !important;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	}

	
	


/* =Наборы цветовых сочетаний ячеек для шорткодов
-------------------------------------------------------------- */
.td1 {background: #EBEFF9;
	text-align:center; 
    vertical-align:middle;
	}

.td2 {background: #F8F7F2;
	vertical-align: top;
	font-size:12px;}


	

.td3 {background: #EBEFF9;
	text-align:center; 
    vertical-align:middle;
	}

.td4 {background: #F8F7F2;
	vertical-align: top;
	font-size:12px;}


	/* =для вертикальных вариантов таблички -- */

	
.td5 {background: #EBEFF9;
	text-align:center; 
    vertical-align:middle;
	}

.td6 {background: #D2B48C;
	vertical-align: top;
	font-size:12px;}

	
		/* =используется в шорткоде a1022 Страны и регионы -- */
.td7 {background: #F3F8FB;
 	text-align:center;
	
    vertical-align: middle;
	}

.td8 {background: #CFDFFF;
	vertical-align: middle;
	font-size:11px;}



		/* =используется в перелистовках text -- */
.td9,
.td9 td
{background: #FFF !important;
 	text-align:center !important;
    vertical-align: middle !important;
	padding:0 5px 0 0 !important;
	}
	
.td9 img {
	height:25px;
}

.td10,
.td10 td{
	background: #f2f2f2 !important;
	text-align:center !important;
    vertical-align:middle !important;
	font-size:13px !important;
	padding:10px 40px 10px 40px !important;
	line-height:1.7;
	font-family: Helvetica Neue,Helvetica,Arial,Utkal,sans-serif !important;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	}
	
		/* =используется в перелистовках карты сайта http://pandia.ru/text/77/228/1.php -- */
.td11 {background: #F3F8FB;
 	text-align:center;
    vertical-align: middle;
	}

.td12 {background: #D7FFC7;
	text-align:center; 
    vertical-align:middle;
	font-size:11px;}

	
		/* = объявление для карты сайта http://pandia.ru/text/77/228/1.php-- */
.td13 {background: #FFF;
	text-align:center; 
    vertical-align:middle;
	}

.td14 {background: #FFF;
	vertical-align: top;
	font-size:12px;}
	
	
	
	
.td15 {background: #FFF;
	  vertical-align:top;
	}


	/* =Оформление алфавита рубрик на главной
-------------------------------------------------------------- */	
.td16 {background: #FFF;
	font-size:14px;
	font-weight:bold;
	color: #D62002;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom: 5px;
	}
	
hr.td16 {
	border-bottom: 1px dotted #386749;
	text-align: left;
	margin-left:-15px;
	margin-right:10px;
	}







/* = Прописка css в верхние заголовки под главным заголовком статьи */

.toparticlecatandauthor	{
	float: left;
	max-width:100%;
	min-width:795px;
	
	/*max-height:70px; */ /* = Ограничить высоту блока ссылок на рубрики над статей */
	margin: 1px 30px 0px 20px; /* Отступы */
	padding:2px 3px 5px 1px;
	display: inline;
	border: 0px solid #D6D3D3;
	border-bottom: 0px solid whitesmoke;
	border-radius: 0px;
	position:relative;           
	z-index:1;
	
}


.author_profile_at_article	{
	
	float: left;
	position:relative;
	background-color:#FFF;
	margin:0 15px 0 0;
	min-width:100px;
	padding:2px 20px 0px 0px;
	
	}

#apaa_1	{
	float: left;
	padding:0 5px 0 0;
	display: inline-block;
    width:1px;
	height:1px;
    overflow: hidden;
    border: 0px;
    background: #FFFFFF;
    
    
	}
	
#apaa_1	img {
	
	display: none;
    
	
	 }

#apaa_2	{
	float: left;
	padding:0 2px -15px 0px;
	font-family: Helvetica Neue,Helvetica,Arial,Utkal,sans-serif !important;
	font-size:14px;
	font-weight:bold;
	color:black;
	}
	
#apaa_2	a{
	color:black;
	}



	
.topcatblock {
	display: inline;
	}


#topcats {
	margin: 0 4px 2px 5px; /* Отступы */
    font-size: 12px; /* Размер шрифта */	
	line-height: 1.5em;
	}


@media only screen and (max-width : 768px) {
	#topcats {
	font-size:14px;
	}
}



  #topcats img {
	margin: 4px 0 0 0; /* Отступы */
	height: 10px;
	}

#topcats a {
		color: #778899;
		background-color:#FFF;
        text-decoration: none;
		}

#topcats a:hover{
		color: #778899;
		text-decoration: underline;
        }
		
		
		


.inside_row {
	margin:1px 0 10px 20px;
	display:inline-block;
	}

.inside_row  a{
	text-decoration: underline;
    border-bottom: 1px dashed #000080;
    color: #f00000;
	vertical-align:middle;
   }
   
.inside_row  a:hover {
	color: red;
	text-decoration: none;
	border-bottom: 1px dashed #CCC;
    }

.inside_row:before{
	content: '';
	background: url(../../../pics/green-24.png);
	background-repeat:no-repeat;
	float: left; 
	position: relative;
	z-index:100000;
    left: -10px;
    top: -10px;
	display: block;  
	height:50px;
	width:50px;
}
   

   

   
   
   
   
   
		
.inside_row2 {
	display:inline-block;
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif !important;
	margin:1px 0 10px 150px;
	}

.inside_row2 a{
	font-size:14px !important;
	text-decoration: none !important;
    border-bottom: 1px dashed #000080;
	vertical-align:middle;
	
   }
   
.inside_row2 a:hover {
	color: red !important;
	text-decoration: none !important;
	border-bottom: 1px dashed #CCC !important;
    }

.inside_row2 a:visited {
    color: rgb(29, 103, 164); /* Цвет посещенных ссылок */
   }

.inside_row2:before{
	content: '';
	background: url(../../../pics/green-24-2.png);
	background-repeat:no-repeat;
	float: left; 
	position: relative;
	z-index:100000;
    left: -10px;
    top: -10px;
	display: block;  
	height:50px;
	width:50px;
}
   
   
   







/* ------------------------ 
Стиль тела самой статьи
------------------------*/
.articlebody  { 
	font-size:15px; /* Шрифт самой статьи*/
	line-height:1.8 !important;
	overflow: hidden !important;
	margin-top:30px;
	padding:2px 30px 2px 20px;
	}

@media only screen and (max-width : 768px) {
	.articlebody  { 
	font-size:12px !important;
	}
}



.articlebody span 
	{ 	
	margin-left:0pt !important;
	position:static !important;
	font-size: 16px !important;
	font-family: Helvetica Neue,Helvetica,Arial,Utkal,sans-serif !important;
	}

@media only screen and (max-width : 768px) {
	.articlebody span { 
	font-size:18px !important;
	}
}




.articlebody p 
	{ 	
	margin-left:0pt !important;
	margin: 2.1em 0;
	line-height:1.8 !important;
	
	}

.articlebody  strong{
	font-size: 22px !important;
	font-weight: bold !important;
}



.articlebody  table{ 	
	
	background-color: #fff !important; /* Цвет таблицы в статьях */
	border-collapse: collapse !important;
	border: 0px !important;
	border-left: 0px solid #417ac9 !important;
	margin-top:20px !important;
	margin-bottom:20px !important;
	margin-left:0 !important;
	min-width:100%;
	font-size:12px !important;
	
    }


.articlebody  td{
	vertical-align: top !important;
	text-align: left !important;
	border: 1px solid #ddd !important;
	margin-left:0pt !important;
	
	padding:3px !important;
	margin:0px !important;
	font-size:12px !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

.articlebody  tr:nth-child(odd){
background-color: #f2f2f2;
	}
	
.articlebody  tr:nth-child(even){
background-color: #fff;
	}
	
 

.articlebody  tr:hover{
	background: #f7f7f7;
	}


.articlebody  td p{
	margin:0 !important;
	padding:10px 5px 10px 15px !important; /* Отступы внутри ячеек */
	font-size:14px !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

.articlebody  td span{
	margin:0 !important;
	padding:0 !important;
	font-size:14px !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

.articlebody  td{
	margin:0 0 5px 0 !important;
	padding:10px 5px 10px 5px5px !important;
	font-size: 12px !important;
	font-weight: normal !important;
}

.articlebody h1
	{ 	
	font-size: 30px !important;
	font-weight: bold;
	padding-bottom: 7px;	
	margin-top: 10px;
	margin-left: 3px;
	border-bottom: 1px solid #ccc !important;
	line-height:1.4;
	letter-spacing: 0.4pt;
	}

.articlebody  h2 {
	font-size: 20px !important;
	margin: 60px 15px 20px 0px !important;
	padding: 0 0 0 15px !important;
	border-left: 2px solid #417ac9;
  
}


.articlebody  h2  b{
	font-size: 12px !important;
	margin: 40px 15px 40px 5px;
	padding: 0 0 6px 20px;
	border-left: 1px solid #417ac9;
  
}


.articlebody  h3{
	font-size: 26px !important;
	font-weight: bold !important;
}

.articlebody  td h3{
	font-size: 16px !important;
	font-weight: bold !important;
}

.articlebody  td ul{
	font-size: 12px !important;
	
}

.articlebody img {
    display: block;
    max-width: 700px;
    max-height: 500px; /* ограничим высоту */
    height: auto;
    margin: 1em auto;
    object-fit: contain; /* чтобы картинка красиво ужималась */
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}


.articlebody a:link {
	color: #216fdb;
	text-decoration:none;
}
.articlebody a:visited {
	
	text-decoration:none;
}
.articlebody a:active,
.articlebody a:hover {
	
	text-decoration:underline;
}


.articlebody li 
	{ 	
	margin-bottom:20px !important;
	}

















/* = Превьюшки-галерея в статьях
-------------------------------------------------------------- */ 



/* Контейнер с превьюшками */
.articlebody .preview-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: flex-start;
  margin: 3px;
}

/* Сами превьюшки */
.articlebody .preview-gallery img.preview-thumb {
  width: 193px;
  height: 250px;
  object-fit: cover;
  border-radius: 4px;
  cursor: pointer;
  transition: transform 0.2s ease;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.articlebody .preview-gallery img.preview-thumb:hover {
  transform: scale(1.05);
}

/* Модальное окно */
.image-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
}

.image-modal img {
  max-width: 90%;
  max-height: 90%;
  border-radius: 8px;
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
}

.image-modal.active {
  display: flex;
}




/* Модалка */
.image-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.image-modal.active {
  display: flex;
}

.image-modal img {
  max-width: 90%;
  max-height: 90%;
  border-radius: 8px;
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
  transition: opacity 0.3s ease;
}

/* Стрелки */
.image-modal .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 50px;
  color: white;
  padding: 0 20px;
  cursor: pointer;
  user-select: none;
  z-index: 10000;
}

.image-modal .arrow.left {
  left: 20px;
}

.image-modal .arrow.right {
  right: 20px;
}












/* =Резервная ссылка
-------------------------------------------------------------- */ 



.reserv_link a
 {
	font-size:13px !important;
	color: #bbb !important;
	text-decoration:none !important;
}




/* =Категории, дополнительные ссылки 1
-------------------------------------------------------------- */ 



.additional_important_1
 {
	letter-spacing: normal;
	font-size: 17px;
    font-family: Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	color: #696969;
	margin:0 0 5px 0;
}


.additional_important_1 a {
	font-size: 17px;
	text-decoration: none;
}



.additional_important_1:before
{
	content:"";
}

.additional_important_1:after 
{
	content:"";
}


	
@media only screen and (max-width : 767px) {
.additional_important_1
	{
	font-size: 15px;
	}
	
.additional_important_1 a {
	font-size: 15px !important;
	}
}

	
		
@media only screen and (max-width : 320px) {
.additional_important_1
	{
	font-size: 14px !important;
    }
.additional_important_1 a {
	font-size: 14px !important;
	}
}








.additional_important_2
 {
	letter-spacing: normal;
	font-size: 17px;
	display: inline; 
	font-weight:bold !important;
}
	
@media only screen and (max-width : 767px) {
.additional_important_2
	{
	font-size: 15px;
	}
}

	
		
@media only screen and (max-width : 320px) {
.additional_important_2
	{
	font-size: 14px !important;
    }
}








.additional_important_3
 {
	margin-top:20px;
}






/* =Спойлеры Spoilers
-------------------------------------------------------------- */ 
 
 
.spoiler-wrap{
	clear:both; 
	width:100%;

	margin:1px 0 0 0; 
	padding:1px;
	border: 1px solid #CCC;
	font-family: sans-serif;
	font-size: 1px;
	}

.spoiler-head {
	margin:0; 
	padding:5px 0;
	font-size: 13px;
	font-weight:bold;
	text-align:center;
	}

@media only screen and (max-width : 767px) {
	.spoiler-head {
	font-size: 12px;
	}
}


	

.spoiler-head img{
	height:14px;
	float:left;
	margin:0 0 0 5px;
	}
	
 
.spoiler-body {
	clear:left;
	margin:0px;
	padding:10px;
	line-height:2;
	font-size:12px;
	font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
	font-weight: normal;
	}


.spoiler-body td{
	vertical-align: top;
	}

	
.spoiler-body a{
	color:#0066cc;
	}

	
.spoiler-body hr{
	height: 1px;
	border: none;
	color: #eee;
	background: #eee;
	margin:10px 0; /* устраняем начальный отступ для всех браузеров (в ие6 не работает) */
}


.spoiler-body table h2 {
    margin: 10px 0 25px 0 !important;
    color: black;
    font-size: 26px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif !important;
    padding-bottom: 7px;
    border-bottom: 1px solid #ccc !important;
    line-height: 1.3;
}

.spoiler-body h3{
	margin:0px;
	}


	
	
	
	


.after_article_reference {
  font-size: 15px;
  font-family: Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
  line-height: 1.7em;
  text-decoration: none;
  overflow: hidden;
  position:relative;
  margin: 0;
}


@media only screen and (max-width : 768px) {
	.after_article_reference {
	font-size:18px !important;
	}
}



.after_article_reference h1 { 
  margin: 20px 0 5px 0 !important;
  color: black;
  font-size: 26px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif !important;
	padding-bottom: 7px;	
	border-bottom: 1px solid #ccc !important;
	line-height:1.3;
}


.after_article_reference h2 { 
  margin: 10px 0 5px 0 !important;
  color: black;
  font-size: 26px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif !important;
	padding-bottom: 7px;	
	border-bottom: 1px solid #ccc !important;
	line-height:1.3;
}


.after_article_reference ul { 
  margin: 0 0 40px 0 !important;
  
}

.after_article_reference li { 
  font-size: 14px !important;
  padding:0 5px 0 1px;
  line-height: 1.4em;
  margin-top:2px;
}


@media only screen and (max-width : 767px) {
	.after_article_reference li { 
	font-size: 12px !important;
	margin:1px 0 10px 0;
	}
}



.after_article_reference img { 
	max-width:30px;
	max-height:30px;
}














.myButtonNauka1 {
	box-shadow:inset 0px 1px 0px 0px #ff9000;
	background-color:#ff9000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ff9000;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family: Arial;
	font-size:16px;
	font-weight:bold;
	letter-spacing: 0.1pt;
	padding:14px 22px;
	text-decoration:none;
	margin:30px 0 30px 0;
	width:100% !important;
	max-width:280px !important;
	text-align: center;
	
}

.myButtonNauka1 a {
	color:#ffffff !important;
}

.myButtonNauka1:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff7b00), color-stop(1, #ff9b1a));
	background:-moz-linear-gradient(top, #ff7b00 5%, #ff9b1a 100%);
	background:-webkit-linear-gradient(top, #ff7b00 5%, #ff9b1a 100%);
	background:-o-linear-gradient(top, #ff7b00 5%, #ff9b1a 100%);
	background:-ms-linear-gradient(top, #ff7b00 5%, #ff9b1a 100%);
	background:linear-gradient(to bottom, #ff7b00 5%, #ff9b1a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9000', endColorstr='#ff9b1a',GradientType=0);
	background-color:#ff7b00;
	color:#ffffff !important;
}

.myButtonNauka1:active {
	position:relative;
	top:1px;
	color:#ffffff !important;
}


@media only screen and (max-width : 767px) {
.myButtonNauka1 { 
	font-size: 18px !important;
	width:100% !important;
	max-width:350px !important;
	display:inline-block;
	padding:10px 10px;
	text-decoration:none;
	margin:3px 0 3px 0;
	text-align: center;
	color:#ffffff !important;
	}

}

	
		
@media only screen and (max-width : 320px) {
.myButtonNauka1 { 
	font-size: 18px !important;
	max-width:300px !important;
	width:100% !important;
	display:inline-block;
	color:#ffffff !important;
	}
	
}




.myButtonNauka2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}
.myButtonNauka2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809;
	color:#ffffff !important;
}
.myButtonNauka2:active {
	position:relative;
	top:1px;
	color:#ffffff !important;
}




.myButtonNauka3 {
	-webkit-box-shadow:none !important;
	box-shadow:none !important; 
	width: 100% !important; 
	padding:0px !important; 
	margin:10px 0 80px 0 !important;
	
}







/* =Стили для шорткодов в категории.
-------------------------------------------------------------- */

.categ-shortcodes table {
	clear:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px; 
	line-height: 1.6em; 
	font-weight:normal; 
	color:#000000;
	margin-top:25px !important;
	margin-bottom:25px !important;
	margin-left:1px !important;
	margin-right:10px !important;
	padding:0px 0px 0px 0px;
	vertical-align: center;
	border: 0px solid #ddd !important;
	}
	
	
.categ-shortcodes tr {
	background-color: #fff !important;
	}
	
	
.categ-shortcodes td {
	border: 0px !important;
	}
	
	
	
/* =Category link navigation
-------------------------------------------------------------- */

.categ-navigation {
	color: black !important;
	font-size: 18px;
	line-height: 40px;
	overflow: hidden;
	border: 0px solid #ddd !important;
	padding: 5px 15px;
	}




.categ-navigation .nav_ext{
	padding: 14px;
	}
	
.categ-navigation .nav_current{
	color: black !important;
	background-color: #CCC !important;
	padding: 14px !important;
	border-radius: 5px !important;
	font-size: 18px !important;
	}

.categ-navigation a:link,
.categ-navigation a:visited {
	color: black !important;
	text-decoration: none;
	}

	.categ-navigation a:active {
	}
	
.categ-navigation a:hover {
	color: red;
	border: 0px solid #DFB14F;
	background-color: #CCC !important;
	border-radius: 5px;
	}
	
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}


.nav_grand_block {
	
	text-align: left;
	width: 100%;
	color: grey !important;
	font-size: 14px;
	margin: 0 0 0 10px;
	
}

.nav_grand {
	
	text-align: left;
	width: 100%;
	color: grey !important;
	font-size: 12px;
	
	
	margin: 0 10px 0 0;
}













/*
Блок описаний категорий!
Верхняя часть категории
*/



.categ-infoblock {
	margin:20px !important;
}

.categ-infoblock a {
	letter-spacing: normal;
	font-size: 15px;
    font-family: Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	line-height: 24px;
	
}

.categ-infoblock  table{ 	
	
	background-color: #fff !important; /* Цвет таблицы в статьях */
	border-collapse: collapse !important;
	border: 0px !important;
	border-left: 0px solid #417ac9 !important;
	margin-top: 0px !important;
	margin-bottom:0px !important;
	margin-left:0 !important;
	width:700px !important;
	max-width:700px !important;
	max-height:700px !important;
	font-size:12px !important;
	
    }
	


.categ-infoblock  td{
	vertical-align: top !important;
	text-align: left !important;
	border: 0px solid #ddd !important;
	margin-left:0pt !important;
	padding:10px !important;
	margin:0px !important;
	font-size:14px !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

.categ-infoblock  tr:nth-child(odd){
background-color: #fff;
	}
	
.categ-infoblock  tr:nth-child(even){
background-color: #fff;
	}
	
 

.categ-infoblock  tr:hover{
	background: #fff;
	}


.categ-infoblock  td p{
	margin:0 !important;
	padding:0 5px 0 15px !important; /* Отступы внутри ячеек */
	font-size:14px !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

.categ-infoblock  td span{
	margin:0 !important;
	padding:0 !important;
	font-size:14px !important;
	font-family: Arial, Helvetica, sans-serif !important;
}





@media only screen and (max-width : 1024px) {
.categ-infoblock  table{ 
	font-size: 12px !important;
	width:700px !important;
	}
	
}




@media only screen and (max-width : 767px) {
.categ-infoblock  table{ 
	font-size: 12px !important;
	max-width:350px !important;
	}
	
.categ-infoblock  td{
	max-width:340px !important;
	}
}

	
		
@media only screen and (max-width : 320px) {
.categ-infoblock  table{ 
	font-size: 12px !important;
	max-width:300px !important;
	}
	
.categ-infoblock  td{
	max-width:280px !important;
	}
}

	
	
.categ-infoblock h1{
	font-size:24px;
	font-weight:normal;
	margin-top:30px;
	margin-bottom:5px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 7px;
	}


.categ-infoblock h2{
	font-size:24px;
	font-weight:normal;
	margin-top:30px;
	margin-bottom:5px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 7px;
	}


.categ-infoblock ul {
	margin:0px;
	padding-inline-start: 25px;

}


.categ-infoblock li {
	margin:0px;
	line-height: 22px;
}











/*
Блок описаний категорий!
Нижняя часть категории
*/





.categ-infoblock-bottom {
	margin:20px 0 20px 0 !important;
}

.categ-infoblock-bottom a {
	color: #216fdb;
	letter-spacing: normal;
	font-size: 15px;
    font-family: Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
	line-height: 24px;
	}


.categ-infoblock-bottom a:visited {
    color: #216fdb;
	}
	
.categ-infoblock-bottom  table{ 	
	
	background-color: #fff !important; /* Цвет таблицы в статьях */
	border-collapse: collapse !important;
	border: 0px !important;
	border-left: 0px solid #417ac9 !important;
	margin-top: 0px !important;
	margin-bottom:0px !important;
	margin-left:0 !important;
	width:700px !important;
	max-width:700px !important;
	max-height:700px !important;
	font-size:12px !important;
	
    }
	


.categ-infoblock-bottom  td{
	vertical-align: top !important;
	text-align: left !important;
	border: 0px solid #ddd !important;
	margin-left:0pt !important;
	padding:10px !important;
	margin:0px !important;
	font-size:14px !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

.categ-infoblock-bottom  tr:nth-child(odd){
background-color: #fff;
	}
	
.categ-infoblock-bottom  tr:nth-child(even){
background-color: #fff;
	}
	
 

.categ-infoblock-bottom  tr:hover{
	background: #fff;
	}


.categ-infoblock-bottom  td p{
	margin:0 !important;
	padding:0 5px 0 15px !important; /* Отступы внутри ячеек */
	font-size:14px !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

.categ-infoblock-bottom  td span{
	margin:0 !important;
	padding:0 !important;
	font-size:14px !important;
	font-family: Arial, Helvetica, sans-serif !important;
}





@media only screen and (max-width : 1024px) {
.categ-infoblock-bottom  table{ 
	font-size: 12px !important;
	width:700px !important;
	}
	
}




@media only screen and (max-width : 767px) {
.categ-infoblock-bottom  table{ 
	font-size: 12px !important;
	max-width:350px !important;
	}
	
.categ-infoblock-bottom  td{
	max-width:340px !important;
	}
}

	
		
@media only screen and (max-width : 320px) {
.categ-infoblock-bottom  table{ 
	font-size: 12px !important;
	max-width:300px !important;
	}
	
.categ-infoblock-bottom  td{
	max-width:280px !important;
	}
}

	
	
.categ-infoblock-bottom h1{
	font-size:24px;
	font-weight:normal;
	margin-top:30px;
	margin-bottom:5px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 7px;
	}


.categ-infoblock-bottom h2{
	font-size:24px;
	font-weight:normal;
	margin-top:30px;
	margin-bottom:10px !important;
	border-left: 0px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 14px !important;
	}


.categ-infoblock-bottom ul {
	margin:0px;
	padding-inline-start: 25px;

}


.categ-infoblock-bottom li {
	margin:0px;
	line-height: 22px;
}









/*
Редко (от 20 01 2024) цитаты в инфо блок категориях
*/


.qoutes-categ {
	border: 1px solid #D6D3D3;
	border-bottom: 2px solid #C4C2C2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	margin:10px 0 0 0;
	padding:20px;
	font-size:13px;
	width:500px;
	}
	
	
	
	
	
	
	
	
[class^="inarticle_block_"] {
    background-color: #f5f5f5;
    border: 1px solid #f3f0ff;
    border-bottom: 2px solid #C4C2C2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    margin: 10px auto;
    padding: 40px;
    font-size: 16px;
	font-weight: 550; 
    max-width: 700px; 
}

[class^="inarticle_block_"] p {
    margin: 0;
    padding: 0;
}



	
[class^="inarticle_2_block_"] {
    background-color: #f5f5f5;
    border-left: 5px solid #6DAA6B;
    margin: 35px;
	padding: 5px 75px 5px 60px;
	
}

[class^="inarticle_2_block_"] p {
    line-height: 2 !important;
	color: #4f5257;

	font-size: 16px;
	font-weight: 500; 
}
