/*кнопка google*/

#___savetodrive_0 iframe
{
	
	width: 100px !important;

} 
/*кнопка google конец*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	background-color:#333333;
}


/* Headers */

H1, .H1, H2, .H2, H3, .H3, H4, .H4  {
	font-family:Arial, Helvetica, sans-serif;

}

H1, .H1 {
	font-size:24px;
	text-align: left;
	text-indent: 20px;
	color:#FFFFFF;	
}
H2, .H2 {
	font-size:18px;
	text-align: center;
}
H3, .H3 {
	font-size:medium;
}
H4, .H4 {
	font-size:14px;
}

/* Hyperlinks */

a {
	color: #3366cc;
	text-decoration:none;
}



a:link {
	color: #3366cc;
	border-bottom:0px solid #999999;
	text-decoration:none;
}

a:visited {
	color: #3366cc;
	border-bottom:0px solid #999999;
	text-decoration:none;
}
a:hover {
	color: #0066FF;
	border-bottom:2px solid #111111;
	text-decoration:none;
}
a:active {
	color: #FF0000;
	border-bottom:1px solid #111111;
	text-decoration:none;
	font-weight: bold;
}
.headtable {
	width: 1024px;
	border: 1px solid #999;
	background-color: #336666;
}
.header {
	font-size:24px;
	text-align: left;
	text-indent: 20px;
	color:#FFFFFF;
	margin-top: 10px;
	font-weight: bold;
}
.headdiv {
	text-align: left;
	text-indent: 20px;
	color: #FFFFFF;
	margin-top: 10px;
	font-size: 15px;
}
.headdiven {
	text-align: left;
	text-indent: 20px;
	color: #FFFFFF;
	margin-top: 10px;
	font-size: 18px;
}

.issn {
	text-align: right;
	color: #FFFFFF;
	margin-top: 10px;
}
.flag {
	text-align: right;
	margin-top: 3px;
}

.topmenu {
	width: 1200px;
	/*background-color: #99cc99;*/
	margin-top: 5px;
}
.maintable {
	width: 1024px;
	border: 1px solid #999;
	background-color: #336666;
	margin-top: 10px;
}



.mainbox {
	width: 768px;
	background-color: #ddd;
	border: 3px solid #3e4547;
	margin-top: 15px;
	text-align: left;
	padding: 10px;
	border: 3px solid #3e4547;
	box-shadow: 2px 2px 8px #000000;
	
}
.bottable {
	color: #FFFFFF;
	background-color: #333333;
	margin-top: 10px;
	width: 1024px;
	text-align:left;
}

.bottable a {
	color: #FFFFFF;
}
.bottable a:hover {
	color: #999999;
}
.bottable div {
	margin-bottom: 4px;
}


.blue {
	color: #0000FF;
}
.red {
	color: #FF0000;
	text-align: center;
	font-size: 18px;
}
.centerp {
	text-align: center;
}


/*===============pay================*/
 .row { vertical-align: top; height:auto !important; }
 .list {display:none; }
 .list li {list-style-type : none;}
 .list ol li {list-style-type : decimal;}
 #uli li {list-style-type : disc;}
.utv {
	text-align: center;
	width: 250px;
	padding-left: 500px;
}
.rem {
	font-size: small;
}

.sub {
	padding-left: 400px;
	text-align: left;
}


 .show {display: none; }
 .hide:target + .show {display: inline; }
 .hide:target {display: none; }
 .hide:target ~ .list {display:inline; }
 @media print { .hide, .show { display: none; } }
.question {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #000066;
	padding-top: 10px;
}
.answer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #333333;
	padding: 5px;
	border:1px solid #bbb;
	margin-left: 15px;
}



/*==============pay list end================*/
.section {
	color: #FFFFFF;
	text-align: center;
	background-color: #333333;
	padding: 5px;
	font-size: medium;
	font-weight: bold;
	border-top:solid, #333333;
}

.sectionall {
	color: #333;
	text-align: center;
	background-color: #ccc;
	padding: 13px 5px 13px  5px;
	font-size: medium;
	font-weight: bold;

}

.fig {
margin: -8px 0px 0px 0px;
float: right;
}

.pdf {
	padding-right: 5px;
	padding-left: 5px;
}

.artname {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
}

.arthead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000099;
}

.artkey {
	padding-top: 5px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

.artnameen {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding-top: 5px;
}

.artheaden {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000099;
	padding-bottom: 10px;
}

.arten {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding-top: 2px;
}
.banner {
	padding-top: 5px;
}

.textbanner1 {
	/*width: 95%;*/
	border: 2px solid #336666;
	border-radius: 5px;
	margin: auto;			/*выравнивание по центру*/
	background: #7EFBFC;	/*Для старых браузров */
	background: linear-gradient(to bottom right, #00E4E6, #ABFBFC);
	padding: 5px;
	color: #E6001F;
	text-align: center;
	font-weight: bold;
}

.textbanner2 {
	/*width: 95%;*/
	border: 2px solid #336666;
	border-radius: 5px;
	margin: auto;			/*выравнивание по центру*/
	background: #ADFFD8;	/*Для старых браузров */
	background: linear-gradient(to bottom right, #6AFBB6, #ADFFD8);
	padding: 5px;
	color: #E6001F;
	text-align: center;
	font-weight: bold;
}

.textbanner3 {
	/*width: 95%;*/
	border: 2px solid #336666;
	border-radius: 5px;
	margin: auto;			/*выравнивание по центру*/
	background: #FDDDDF;	/*Для старых браузров */
	background: linear-gradient(to bottom right, #FFA8AE, #FDDDDF);
	padding: 5px;
	color: #E6001F;
	text-align: center;
	font-weight: bold;
}

.textbanner4 {
	/*width: 95%;*/
	border: 2px solid #336666;
	border-radius: 5px;
	margin: auto;			/*выравнивание по центру*/
	background: #CEF5BC;	/*Для старых браузров */
	background: linear-gradient(to bottom right, #93FF61, #CEF5BC);
	padding: 5px;
	color: #E6001F;
	text-align: center;
	font-weight: bold;
}

.textbanner1 a {
	 display: block; /* Ссылка как блочный элемент */
     /*height: 100%;  Высота на весь слой */
     color: #E6001F; /* Цвет ссылки */
	 }
.textbanner2 a {
	 display: block; /* Ссылка как блочный элемент */
    /* height: 100%;  Высота на весь слой */
     color: #E6001F; /* Цвет ссылки */
	 }
.textbanner3 a {
	 display: block; /* Ссылка как блочный элемент */
     /*height: 100%;  Высота на весь слой */
     color: #E6001F; /* Цвет ссылки */
	 }	 
	
.textbanner4 a {
	 display: block; /* Ссылка как блочный элемент */
     /*height: 100%;  Высота на весь слой */
     color: #E6001F; /* Цвет ссылки */
	 }		
	 
li.arten  a{
    color:#336666
}

.textborder
{
	border: 2px solid black;
	padding: 2px;
	
}


/* left menu ======================================================================================*/
ul.nav {
  padding: 0;
    border:3px solid #3e4547;
    box-shadow:2px 2px 8px #000000;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;  
}
ul.nav li {
  background-color: #ddd;
  border: 1px solid #ddd;
  list-style: none;
  width: 200px; 
}
ul.nav li a {
  text-decoration: none;
  display: block;
  padding: 5px 5px 5px 15px; 
    color:#000;
    font-size:12px;
    font-weight:bold; 
}
ul.nav li a.sub {
  background:#d4d5d8 url("img/down.png") no-repeat;
}
ul.nav li ul {
 display: none;  
}
 
ul.nav li:hover {
  position: relative;
  background: #bbb;
}
ul.nav li:hover > ul {
  display: block;
}

ul.nav li:hover ul{
  position: absolute;
  top: 0;
  left: 200px;
    color:#000;
    font-size:12px;
    font-weight:bold;  
}
/*====================end of left menu==============================*/
.edit {
	font-size:18px;
	text-align: left;
	color:#0420F6;
	font-style:italic;
}
.edittop{
	color:#666;
	font-style:italic;
	font-size: 12px;
}


/*===куки====*/
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #333;
    color: #fff;
    padding: 15px;
    text-align: center;
    display: none; /* Скрыт по умолчанию */
    z-index: 9999;
}
.cookie-banner.show {
    display: block; /* Показываем, если есть класс .show */
}
.cookie-banner button {
    margin-left: 10px;
    padding: 5px 10px;
    cursor: pointer;
}
/*===конец куки====*/