A.menuStyle:active {

	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #0000FF; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none




}

a.button9 {
  position: relative;
  display: inline-block;
  color: #777674;
  font-weight: bold;
  text-decoration: none;
  text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.3) 3px 7px 3px;
  user-select: none;
  padding: 1em 2em;
  outline: none;
  border-radius: 3px / 100%;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5));
  background-repeat: no-repeat;
  background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px;
  background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
  box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px;
}
a.button9:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
}
a.button9:active {
  top: 1px;
}

a.button13 {
	
  display:block;
  width: 25em;
  font-size: 80%;
  color: rgba(255,255,255,.9);
  text-shadow: #2e7ebd 0 1px 2px;
  text-decoration: none;
  text-align: center;
  line-height: 1.1;
  white-space: pre-line;
  padding: .7em 0;
  border: 1px solid;
  border-color: #60a3d8 #2970a9 #2970a9 #60a3d8;
  border-radius: 10px;
  outline:  none;
  background: #60a3d8 linear-gradient(#89bbe2, #60a3d8 50%, #378bce);
  box-shadow: inset rgba(255,255,255,.5) 1px 1px;
}
a.button13:first-line{
  font-size: 170%;
  font-weight: 700;
}
a.button13:hover {
  color: rgb(255,255,255);
  background-image: linear-gradient(#9dc7e7, #74afdd 50%, #378bce);
}
a.button13:active {
  color: rgb(255,255,255);
  border-color: #2970a9;
  background-image: linear-gradient(#5796c8, #6aa2ce);
  box-shadow: none;
}


A.menuStyle:link {

	FONT-WEIGHT: normal;

	FONT-SIZE: 12px;

	COLOR: #000099;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;

}

A.menuStyle:visited {

	FONT-WEIGHT: normal;

	FONT-SIZE: 12px;

	COLOR: #000099;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;

}

A.menuStyle:hover {

	FONT-WEIGHT: normal;

	FONT-SIZE: 12px;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;

	color: #000099;

}



A.slink:active {

	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #0000FF; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none

}

A.slink:link {

	FONT-WEIGHT: normal;

	FONT-SIZE: 10px;

	COLOR: #000099;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;

}

A.slink:visited {

	FONT-WEIGHT: normal;

	FONT-SIZE: 10px;

	COLOR: #000099;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;

}

A.slink:hover {

	FONT-WEIGHT: normal;

	FONT-SIZE: 10px;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	

	color: #FF0000;

	text-align: center;

}

A.slink2:active {

	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #000066; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none

}



A.slink2:link {

	FONT-WEIGHT: normal;

	FONT-SIZE: 9px;

	COLOR: #000000;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;

}

A.slink2:visited {

	FONT-WEIGHT: normal;

	FONT-SIZE: 9px;

	COLOR: #000000;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;

}

A.slink2:hover {
	FONT-WEIGHT: normal;
	FONT-SIZE: 9px;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	color: #000;
    text-decoration: underline; 
}



A.slink3:active {

	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000099; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none

}

A.slink3:link {

	FONT-WEIGHT: bold;

	FONT-SIZE: 11px;

	COLOR:black ;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;
#000099
}

A.slink3:visited {

	FONT-WEIGHT: bold;

	FONT-SIZE: 11px;

	COLOR: black;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;

}

A.slink3:hover {

	FONT-WEIGHT: bold;

	FONT-SIZE: 11px;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	color: #0000FF;

}


A.slink4:active {

	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: red; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none

}

A.slink4:link {

	FONT-WEIGHT: bold;

	FONT-SIZE: 12px;

	COLOR:red;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;

}

A.slink4:visited {

	FONT-WEIGHT: bold;

	FONT-SIZE: 12px;

	COLOR: red;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;

}

A.slink4:hover {

	FONT-WEIGHT: bold;

	FONT-SIZE: 12px;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	color: red;

}



A.slink5:active {

	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR:white; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none

}

A.slink5:link {

	FONT-WEIGHT: bold;

	FONT-SIZE: 12px;

	COLOR:white;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;

}

A.slink5:visited {

	FONT-WEIGHT: bold;

	FONT-SIZE: 12px;

	COLOR: white;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;

}

A.slink5:hover {

	FONT-WEIGHT: bold;

	FONT-SIZE: 12px;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	color: black;

}
A.longlink:active {

	FONT-WEIGHT: normal;

	FONT-SIZE: 11px;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;

	color: #000000;

}

A.longlink:link {

	FONT-WEIGHT: normal;

	FONT-SIZE: 11px;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;

	color: #000000;

}

A.longlink:visited {

	FONT-WEIGHT: normal;

	FONT-SIZE: 11px;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;

	color: #000000;

}

A.longlink:hover {

	FONT-WEIGHT: normal;

	FONT-SIZE: 11px;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION:  none;

}



.chief {

	font-family: Arial;

	font-weight: bold;

}

.number {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}

.head {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	text-align: left;

}

.bl {

	color: #00F;

	font-weight: bold;

	font-family: "Lucida Console", Monaco, monospace;

}

.inst {

	font-weight: bold;

	color: #000000;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

}

.slinktxt {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

}

A.slinklook:active {



	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #0000FF; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none

}

A.slinklook:link {



	FONT-WEIGHT: normal;

	FONT-SIZE: 10px;

	COLOR: #000099;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;

}

A.slinklook:visited {



	FONT-WEIGHT: normal;

	FONT-SIZE: 10px;

	COLOR: #000099;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;

}

A.slinklook:hover {



	FONT-WEIGHT: normal;

	FONT-SIZE: 10px;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION:  none;

	color: #FF0000;

}

.cr {

	color: #FFCC99;

	font-weight: bold;

	font-size: 10px;

}

.gusdo {
	font-family: "Courier New", Courier, mono;
	font-weight: bold;
	font-size: 18px;
	color: #000099;
	letter-spacing: 1px;



}

.smallnum {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9px;

	font-weight: normal;

}

A.smallLink:active {





	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #0000FF; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: 

}

A.smallLink:link {





	FONT-WEIGHT: normal;

	FONT-SIZE: 10px;

	COLOR: #000099;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;

}

A.smallLink:visited {





	FONT-WEIGHT: normal;

	FONT-SIZE: 10px;

	COLOR: #000099;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION:  none;

}

A.smallLink:hover {

	FONT-WEIGHT: normal;

	FONT-SIZE: 10px;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	color: #FF0000;

	text-decoration:  none;

}

A.slink1:active {



	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #0000FF; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none

}

A.slink1:link {



	FONT-WEIGHT: normal;

	FONT-SIZE: 12px;

	COLOR: #000099;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;

}

A.slink1:visited {



	FONT-WEIGHT: normal;

	FONT-SIZE: 12px;

	COLOR: #000099;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;

}

A.slink1:hover {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;


	TEXT-DECORATION: 

	color: #0000FF;
	text-align: right;

}

.slinktxt {



	FONT-WEIGHT: normal;

	FONT-SIZE: 9px;

	FONT-STYLE: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;

}

.line {
	color: #B9CCE7;
	font-size: 10px;

}

.GenTitle {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16pt;

	color: #000000;

	font-weight: bold;

}

#path {

	background-color: #EAF4FF;

	padding: 2px 0px 2px 9px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #0099FF;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #0099FF;

	border-left-color: #0099FF;

}

.ds {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #FFFF00;

}

.golovna {



	FONT-WEIGHT: 600; FONT-SIZE: 12px; COLOR: #000066; FONT-FAMILY: Arial, Helvetica, Sans-Serif; TEXT-DECORATION: none

}

.hl {

	font-weight: bold;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	letter-spacing: 1px;

	list-style-type: none;

}

.hlb {



	font-weight: bold;

	color: #000000;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	letter-spacing: 1px;

}

.lst {

	list-style-type: none;

}

.lst1 {



	list-style-image:     url("right.gif");

}

.slinktxtB {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: center;

}

.lst2 {

	list-style-image:     url(right1.gif);

}

.tableLines {

BORDER-LEFT: #000099 1px solid; BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-BOTTOM: #000099 1px solid;

}

.lineTR {

BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid;

}	

.lineT {

	BORDER-TOP: #000099 1px solid;

}

.lineL {

	BORDER-LEFT: #0033CC 1px solid;

}

.head1 {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #000033;
	letter-spacing: 1px;

}

.lineLTR {

BORDER-LEFT: 1px solid #000099; BORDER-RIGHT: 1px solid #000099; BORDER-TOP: 1px solid #000099;

}

.tableLines1 {

	border: 1px solid #7198CC;

}

.tableLines2 {

	BORDER-LEFT: #000099 1px solid;

	BORDER-RIGHT: #000099 1px solid;

	BORDER-TOP: #000099 1px solid;

	BORDER-BOTTOM: #000099 1px solid;

	padding: 10px;

}

.lineBR {

	BORDER-RIGHT: 1px solid #6699CC;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #6699CC;

}

.lineTL {

	border-top-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-left-style: solid;

	border-top-color: #6699CC;

	border-left-color: #6699CC;

}

.lst3 {



	list-style-image:     url(bookl.gif);

}

.lineBR1 {



	BORDER-RIGHT: 1px solid #000099;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #000099;

}

.Welcome {

	font-family: "Times New Roman", Times, serif;

	font-weight: normal;

	text-align: center;

	color: #000033;

	letter-spacing: 2px;

	font-size: 12px;

}

.lineT1 {
	text-align: center;
	color: #F00;
	font-size: 14px;

}

.lst4 {





	list-style-image:     url(tick.gif);

}

.gusdo1 {



	font-family: "Courier New", Courier, mono;

	font-weight: bold;

	font-size: 16px;

	color: #000000;

	letter-spacing: 1px;

}

.searchform {

	display: inline;

	zoom: 1; /* ie7 hack for display:inline-block */















































	*display: inline;

	border: 1px solid #d2d2d2;

	padding: 3px 5px;

	-webkit-border-radius: 2em;

	-moz-border-radius: 2em;

	border-radius: 2em;

	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);

	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);

	box-shadow: 0 1px 0px rgba(0,0,0,.1);















































	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */

	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */

	font-size: 16px;

	background-color: #999;

	background-position: top;

	color: #999;

	font-family: "Arial Black", Gadget, sans-serif;

	font-weight: bolder;

}

.searchform input {

	background-color: #999;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-style: normal;

	line-height: 100%;

	font-weight: normal;

	font-variant: normal;

	color: #999;

	border-top-style: dashed;

	border-right-style: dashed;

	border-bottom-style: dashed;

	border-left-style: dashed;

}

.searchform .searchfield {

	padding: 6px 6px 6px 8px;

	width: 202px;

	border: solid 1px #bcbbbb;

	outline: none;

	-webkit-border-radius: 2em;

	-moz-border-radius: 2em;

	border-radius: 2em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);

	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);

	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);

	color: #999;

	background-color: #06F;

}

.searchform .searchbutton {

	color: #fff;

	border: 1px solid #494949;

	font-size: 18px;

	height: inherit;

	width: 50px;

	text-shadow: 0 1px 1px rgba(0,0,0,.6);

	-webkit-border-radius: 2em;

	-moz-border-radius: 2em;

	border-radius: 2em;

	background: #5f5f5f;









	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */

	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */

	background-color: #06F;

	background-position: top;

	font-style: oblique;

	position: absolute;

}
a.st .img{width:130px;height:180px;overflow:hidden;}

a.st .img img{width:130px;height:180px;}

a.st:hover .img{width:130px;height:180px;overflow:visible;visibility:hidden;}

a.st:hover .img img{visibility:visible;width:260px;height:360px;position:absolute;z-index:150;}
.tableLines1 tbody tr td .smallnum strong {
	font-family: Verdana, Geneva, sans-serif;
}
.tableLines1 tbody tr td .smallnum strong {
	font-family: Verdana, Geneva, sans-serif;
}
.tableLines1 tbody tr td .smallnum strong {
	font-family: Verdana, Geneva, sans-serif;
}
.tableLines1 tbody tr td .smallnum strong {
	color: #000;
}
.tableLines1 tbody tr td .smallnum strong {
	color: #000;
}
.tableLines1 tbody tr td .smallnum {
	font-family: Verdana, Geneva, sans-serif;
}
.tableLines1 tbody tr td .smallnum strong {
	color: #000;
}
.tableLines1 tbody tr td .smallnum strong {
	font-family: Verdana, Geneva, sans-serif;
}
.tableLines1 tbody tr td .smallnum strong {
	color: #000;
}
.tableLines1 tbody tr td .smallnum {
	color: #000;
}
.slinktxt table tr td p .slink2 {
	font-size: 11px;
}
.slinktxt table tr td .line tr td p .slink2 strong {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
}
.slinktxt table tr td .slink2 .smallnum td p .slink2 strong {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
}

    <style type="text/css">
.blok1 {position: relative; cursor:pointer; display: inline-block;}
.blok1 img + img {position:absolute; left: 0; top:0; z-index:130; display: none;}
.blok1:hover img + img {display: block;}
</style>
 <style>
             #blink1 {
  -webkit-animation: blink1 3s linear infinite;
  animation: blink1 3s linear infinite;
}
@-webkit-keyframes blink1 {
  0% { color: rgba(34, 34, 34, 1); }
  50% { color: rgba(34, 34, 34, 0); }
  100% { color: rgba(34, 34, 34, 1); }
}
@keyframes blink1 {
  0% { color: rgba(34, 34, 34, 1); }
  50% { color: rgba(34, 34, 34, 0); }
  100% { color: rgba(34, 34, 34, 1); }
}
   <style type="text/css">
.blok1 {position: relative; cursor:pointer; display: inline-block;}
.blok1 img + img {position:absolute; left: 0; top:0; z-index:130; display: none;}
.blok1:hover img + img {display: block;}
</style>
 <style>
             #blink1 {
  -webkit-animation: blink1 3s linear infinite;
  animation: blink1 3s linear infinite;
}
@-webkit-keyframes blink1 {
  0% { color: rgba(34, 34, 34, 1); }
  50% { color: rgba(34, 34, 34, 0); }
  100% { color: rgba(34, 34, 34, 1); }
}
@keyframes blink1 {
  0% { color: rgba(34, 34, 34, 1); }
  50% { color: rgba(34, 34, 34, 0); }
  100% { color: rgba(34, 34, 34, 1); }
}
</style>

  <style>
   #blink5 {
  -webkit-animation: blink5 1s linear infinite;
  animation: blink5 1s linear infinite;
}
@-webkit-keyframes blink5 {
  0% { color: rgb(0, 0, 128); }
  50% { color: rgb(25, 25, 112); }
  100% { color: rgb(0, 100, 0); }
}
@keyframes blink5 {
  0% { color: rgb(0, 0, 128); }
  50% { color: rgb(25, 25, 112); }
  100% { color: rgb(0, 100, 0); }
}
  
  
  @-webkit-keyframes flicker {
  50% {background-size: 7px 7px, 3px 3px;}
  100% {background-size: 3px 3px, 7px 7px;}
}
@keyframes flicker {
  50% {background-size: 7px 7px, 3px 3px;}
  100% {background-size: 3px 3px, 7px 7px;}
}
#blink3 {
  position: relative;
  font-weight: bold;
  color: #30084f;
}
#blink3:before {
  content: "";
  position:absolute; top: 0; left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(rgba(255,255,255,1) 1px, rgba(255,255,255,0) 1px), radial-gradient(rgba(255,255,255,1) 1px, rgba(255,255,255,0) 1px);
  background-size: 3px 3px, 7px 7px;
  background-position: 0% 50%;
  -webkit-animation: flicker .5s linear infinite alternate;
  animation: flicker .5s linear infinite alternate;
}
  
  
  
 .border:hover {
	border: 1px dotted   ; /* Параметры границы */
    background: #0000FF; /* Цвет фона */
    padding:-1px ; /* Поля вокруг текста */
	margin-bottom:-1px;
    margin-top:-1px;
	 
	}
	.border2:hover {
	 border: 3px dotted   ; /* Параметры границы */
    background: #D3E9FF   ; /* Цвет фона */
    padding:0px ; /* Поля вокруг текста */
	margin-bottom:0px;
    margin-top:0px;
  
  
  }
   
  
  #outerdiv 
{ 
width:756px; 
height:496px; 
overflow:hidden; 
position:relative; 
}
  
   #innerIframe 
{ 
position:absolute; 
top:auto; 
left:auto; 
width:auto; 
height:auto; 
}
   
  
  
   	 .btn-oval {
  display: inline-block;
  width: 240px;
  height: 50px;
  box-sizing: border-box;
  text-align: center;
  color: red;
  text-decoration: none;
  background: linear-gradient(#87CEEB, #0000FF);
  background-color: blue;
  border-radius: 35px;
  border: 1px solid #579a00;
  font: bold 14px/50px Arial;
  box-shadow:
    inset 0 2px 2px #87CEEB,
    inset 1px 0 3px blue,
    inset -1px 0 3px blue,
    inset 0 -2px 2px blue,
    0 0 3px rgba(0, 0, 0, 0.24);
  position: relative;
  text-shadow: 0 1px blue;
  outline: none;
}
.btn-oval:before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 100%;
  height: 100%;
  padding: 10px;
  background: blue;
  z-index: -1;
  border-radius: 50px;
  box-shadow: inset 0 1px 2px #bbb;
}
.btn-oval:hover {
  background: linear-gradient(blue, blue);
  box-shadow:
    inset 0 1px 0 #e2f498,
    inset 0 2px 0 #ceec87,
    inset 0 3px 0 #c3e67c,
    inset 0 5px 0 #bae475,
    inset 1px 0 3px #b2dc2d,
    inset -1px 0 3px #b2dc2d,
    inset 0 -2px 2px #89d301,
    0 0 3px rgba(0, 0, 0, 0.24);
}
.btn-oval:active {
  background: linear-gradient(blue, blue);
  box-shadow: inset 0 3px 7px blue;
  padding: 1px 0 0 1px;
}

.img {
	position: relative;
	 background-image:url(../albom/1.png);
	 display: block;
	 width:53px;
	}
	
	.img:hover {
	 
	 background-image:url(../albom/2.png);
	
  
	  
	}
	
	
  
	  
	}
	
	
	.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 80px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
  overflow:auto
}

.dropdown:hover .dropdown-content {
  display: block;
}

body {
  cursor: url("cursor-.cur"), auto;
}

.nr {
   color:red;
   font-family: Snell Roundhand, cursive  ;
   font-size:18px;
   font-weight:bold;
   



  -webkit-animation: blink5 2s linear infinite;
  animation: blink5 2s linear infinite;
}
@-webkit-keyframes blink5 {
  0% { color: rgb(128, 0, 0); }
  50% { color: rgb(183, 65, 14); }
  100% { color: rgb(128, 0, 0); }
}
@keyframes blink5 {
  0% { color: rgb(128, 0, 0); }
  50% { color: rgb(183, 65, 14); }
  100% { color: rgb(128, 0, 0); }
}

   </style>


  

/* Add a black background color to the top navigation */
.topnav {
    background-color: #333;
    overflow: hidden;
}


/* Add a black background color to the top navigation */
.topnav {
    background-color: #333;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Add an active class to highlight the current page */
.active {
    background-color: #4CAF50;
    color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

/* Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon */
function myFunction() {
    var x = document.getElementById("myTopnav");
    if (x.className === "topnav") {
        x.className += " responsive";
    } else {
        x.className = "topnav";
    }
}



/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 10px 16px;
  background-color: #f1f1f1;
  cursor: pointer;
}

/* Style the active class (and buttons on mouse-over) */
.active, .btn:hover {
  background-color: #666;
  color: white;
}

// Get the container element
var btnContainer = document.getElementById("myDIV");

// Get all buttons with class="btn" inside the container
var btns = btnContainer.getElementsByClassName("btn");

// Loop through the buttons and add the active class to the current/clicked button
for (var i = 0; i < btns.length; i++) {
  btns[i].addEventListener("click", function() {
    var current = document.getElementsByClassName("active");
    current[0].className = current[0].className.replace(" active", "");
    this.className += " active";
  });
}



.pagination {
	
    display:inline-block;
	height: auto;
	width: 600px;
	padding:auto ;
	margin: auto ;
}

.pagination a {
    color: black;
    float: left;
    padding: 4px 8px;	
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid  #ddd;
	margin: 0 4px;
}

.pagination a.active {
    background-color:#ddd;
    color: black;
    border: 1px solid #ddd;
	text-decoration:underline;
	border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
}
		

.pagination a:hover:not(.active) {background-color:dodgerblue;
		}
		
  .dropbtn {
	  
	width: auto;
	height: 24px;
    background-color: #ddd;
    color: black;	  
    padding:auto;
	margin: auto ;
    font-size: 16px;
    border: none;
	border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
}

.dropdown {
	
    
    display:inline-block;
	position:relative;
	width:30px;
	margin-left:0px;	
	float: left;
	
	
	
}

.dropdown-content {
    
    display:none;
    position:absolute;
    background-color: #f1f1f1;
    min-width: 60px;
	padding: 0 0 0 0;
	
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1; left: 0px; top: 24px;
	overflow:scroll;
	height: 120px;
		
  
}

.dropdown-content a {
	
    color: black;
    padding: 1px 1px;
	margin: auto;
    text-decorations:none;
    display: block;
	
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #ddd;} 


.dropbtn1 {
	  
	width: auto;
	height: 24px;
    background-color: #ddd;
    color: black;	  
    padding:auto;
	margin: auto ;
    font-size: 16px;
    
	
}

.dropdown1 {
	
    
    display:inline-block;
	position:relative;
	width:30px;
	margin-left:0px;	
	float: right;
	
	
	
	
}

.dropdown-content1 {
    
    display:none;
    position:absolute;
    background-color: #f1f1f1;
    min-width: 60px;
	padding: 0 0 0 0;
	
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1; left: 0px; top: 24px;
	overflow:scroll;
	height: 120px;
	float: right;	
    border: solid black 1px;
}

.dropdown-content1 a {
	
    color: black;
    padding: 1px 1px;
	margin: auto;
    text-decorations:none;
    display: block;
	
}

 .dropdown-content1 a:hover {background-color: #ddd;}

.dropdown1:hover .dropdown-content1 {display: block;}

.dropdown1:hover .dropbtn1 {background-color: #ddd;} 




<style> 
* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
</style>