{
   line-height: 120%;
}
 img::after {
   content: ' (' attr(title) ') ';
  }
 div.sp-img {
   display: inline;  
 }  
  div.sp-img, div.sp-img>span {
   position: inherit;

  }
 div.sp-img>span {
   left: 0;
   font-style: italic;
   display: block;
 } 
  #hpvgd,.h-mdiv,.h-mdiv2,.h-ldiv,.h-rdiv {background:#eee; color:#333;}
  #hpvgd {width:100%; z-index:100; border: 1px solid #333;}
  .h-mdiv {display:none; position:inherit; margin:auto; text-align:center;}
  .h-mdiv2 {display:none; position:inherit; margin:auto; text-align:center; width:400px; height:200px;}
  .h-ldiv {float:left; padding:7px 10px 7px 0px;}
  .h-rdiv {position:absolute; top:7px; right:0px; text-align:right;}
  .h-ni {display:none !important;}
  a.hcmaf {color:red; margin-left:5px; font-size:20px; font-weight:bold;}
  a.h-anl {color:#2a72cc;}
  a.h-al {color:#ED664B;}
  .h-fi {font-weight:bold; border-radius:20%; padding:0px 8px; margin-right:5px; font-size:19px;}
  .h-background-1 {color:#fff !important; background:#000 !important;}
  .h-background-2 {color:#000 !important; background:#fff !important;}
 


BODY {
	FONT-FAMILY: arial; tahoma; verdana;  MARGIN: 0px
}
BODY {
	SCROLLBAR-FACE-COLOR: #e5edcc; SCROLLBAR-HIGHLIGHT-COLOR: #eeeeee; SCROLLBAR-SHADOW-COLOR: #cccccc; SCROLLBAR-ARROW-COLOR: #000080; SCROLLBAR-TRACK-COLOR: #f5fcf3; SCROLLBAR-DARKSHADOW-COLOR: #808080; SCROLLBAR-BASE-COLOR: #f5fcf3
}
BODY {
	BACKGROUND-COLOR: ./flash/sharik.jpg right no-repeat scroll
}
BODY TD {
	 FONT-SIZE: 14px 
}
IMG {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-TOP: 0px
}
IMG.foto {
	
}
.left_block {
	BACKGROUND-COLOR: #e5edcc; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid
}
H1 {
	FONT-SIZE: 150%
}
H1.alpha {
	FONT-WEIGHT: bold;
	COLOR: ff6600; FONT-SIZE: 100% FONT-FAMILY: verdana; arial; MARGIN: 0px; bold
}
H1.list {
	COLOR: navy
}
H2 {
	FONT-SIZE: 150%; FONT-WEIGHT: 100
}
H3.zag { FONT-WEIGHT: bold; TEXT-ALIGN: left; FONT-FAMILY: tahoma; COLOR:  }
H3.zag3 { FONT-WEIGHT: bold; COLOR: maroon; TEXT-ALIGN: center; FONT-FAMILY: Arial }
H4.zag4 { FONT-WEIGHT: bold; COLOR: teal; TEXT-ALIGN: left; FONT-FAMILY: Arial; FONT-SIZE: 150%}
.li_ {
	PADDING-LEFT: 10px PADDING-TOP: 5px
}

table.teni {
padding:0 10px 0 10px; 
background: url(gradient.jpg) repeat-y top left;
border:none;
}

table.boxShadow {
  width: 100%;
  max-width: 300px;
  margin: 0 em auto;
  padding: 0,5 em;
  box-shadow: 0px 1px 12px -1px #808080;
}

table.boxShadow1 {
  width: 100%;
  max-width: 610px;
  margin: 0 em auto;
  padding: 0,5 em;
  box-shadow: 0px 1px 12px -1px #808080;
}

table.boxShadow2 {
  width: 100%;
  max-width: 215px;
  margin: 0 em auto;
  padding: 0,5 em;
  box-shadow: 0px 1px 12px -1px #808080;
}


TD.1px {
	BACKGROUND-COLOR: #dfdfdf; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid
}
.adv_head {
	COLOR: gray; FONT-SIZE: 70%; FONT-WEIGHT: 600
}
.date {
	COLOR: gray; FONT-SIZE: 70%; FONT-STYLE: italic; FONT-WEIGHT: 400
}
A {
	COLOR: navy; TEXT-DECORATION: none
}
A:link {
	COLOR: 003399; TEXT-DECORATION: bold
}
A:visited {
	COLOR: 003399; TEXT-DECORATION: none
}
A:hover {
	COLOR: 0066cc; TEXT-DECORATION: underline  
}
A:active {
	COLOR: gray; TEXT-DECORATION: underline
}
A.structure_link {
	COLOR: navy; TEXT-DECORATION: underline
}
A.structure_link:link {
	COLOR: navy; TEXT-DECORATION: underline
}
A.structure_link:visited {
	COLOR: navy; TEXT-DECORATION: underline
}
A.structure_link:hover {
	COLOR: red; TEXT-DECORATION: underline
}
A.structure_link:active {
	COLOR: red; TEXT-DECORATION: underline
}
.normal_button {
	BACKGROUND-COLOR: #f4f7f8; BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; CURSOR: auto; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px
}
.normal_button1 {
	BACKGROUND-COLOR: #eeffe8; BORDER-BOTTOM: #44ab8d 1px solid; BORDER-LEFT: #44ab8d 1px solid; BORDER-RIGHT: #44ab8d 1px solid; BORDER-TOP: #44ab8d 1px solid; CURSOR: auto; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; border-radius:7px;
}
.normal_button2 {
	BACKGROUND-COLOR: #eeffe8; BORDER-BOTTOM: #2cc6ba 2px solid; BORDER-LEFT: #2cc6ba 2px solid; BORDER-RIGHT: #2cc6ba 2px solid; BORDER-TOP: #2cc6ba 2px solid; CURSOR: auto; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; border-radius:15px;
}
.normal_button3 {
	BACKGROUND-COLOR: #fff3fc; BORDER-BOTTOM: #f77fff 2px solid; BORDER-LEFT: #f77fff 2px solid; BORDER-RIGHT: #f77fff 2px solid; BORDER-TOP: #f77fff 2px solid; CURSOR: auto; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; border-radius:15px;
}
.normal_button4 {
	BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #ff92fb  3px solid; BORDER-LEFT: #ff92fb  3px solid; BORDER-RIGHT: #ff92fb 3px solid; BORDER-TOP: #ff92fb 3px solid; CURSOR: auto; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; border-radius:15px;
}
.normal_button5 {
	BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #e6b6ff 3px solid; BORDER-LEFT: #e6b6ff 3px solid; BORDER-RIGHT: #e6b6ff 3px solid; BORDER-TOP: #e6b6ff 3px solid; CURSOR: auto; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; border-radius:15px;
}
.normal_button6 {
	BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #7bf1ce 3px solid; BORDER-LEFT: #7bf1ce 3px solid; BORDER-RIGHT: #7bf1ce 3px solid; BORDER-TOP: #7bf1ce 3px solid; CURSOR: auto; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; border-radius:15px;
}
.normal_button7 {
	BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #b2fcd2 3px solid; BORDER-LEFT: #b2fcd2 3px solid; BORDER-RIGHT: #b2fcd2 3px solid; BORDER-TOP: #b2fcd2 3px solid; CURSOR: auto; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px; border-radius:15px;
}
.normal_button8 {
	BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #97def8 3px solid; BORDER-LEFT: #97def8 3px solid; BORDER-RIGHT: #97def8 3px solid; BORDER-TOP: #97def8 3px solid; CURSOR: auto; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px; border-radius:20px;
}
.normal_button9 {
	BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #8dedef 3px solid; BORDER-LEFT: #8dedef 3px solid; BORDER-RIGHT: #8dedef 3px solid; BORDER-TOP: #8dedef 3px solid; CURSOR: auto; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; border-radius:20px;
}
.normal_button10 {
	BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #b5f6f7 3px solid; BORDER-LEFT: #b5f6f7 3px solid; BORDER-RIGHT: #b5f6f7 3px solid; BORDER-TOP: #b5f6f7 3px solid; CURSOR: auto; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; border-radius:15px;
}
.over_button {
	BACKGROUND-COLOR: #aaf9fa; BORDER-BOTTOM: navy 1px solid; BORDER-LEFT: navy 1px solid; BORDER-RIGHT: navy 1px solid; BORDER-TOP: navy 1px solid; CURSOR: hand; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px
}
.button {
	COLOR: 003399; FONT-FAMILY: verdana; FONT-SIZE: 13px; FONT-WEIGHT: bold;  TEXT-DECORATION: none
}
.button:link {
	COLOR: 003399; FONT-FAMILY: verdana; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.button:visited {
	COLOR: 003399; FONT-FAMILY: verdana; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.button:hover {
	COLOR: 0066cc; FONT-FAMILY: verdana; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.button:active {
	COLOR: teal; FONT-FAMILY: verdana; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
H5.zag5 { FONT-WEIGHT: bold; COLOR: teal; TEXT-ALIGN: left; FONT-FAMILY: Arial }


TH {FONT-WEIGHT: bold; COLOR: 003399; TEXT-ALIGN: left; FONT-FAMILY: verdana; FONT-SIZE: 13px
}
P {
	BACKGROUND-COLOR: cñf7e1; FONT-FAMILY: verdana; FONT-SIZE: 13px; COLOR: teal; 
}

P.text {
	BACKGROUND-COLOR: cñf7e1; FONT-FAMILY: arial; FONT-SIZE: 13px; COLOR: #330033; 
}
P.zag {
	BACKGROUND-COLOR: fbd3b8; FONT-FAMILY: verdana; FONT-SIZE: 13px; COLOR: teal; 
}
P.zag1 {
	 FONT-FAMILY: arial; FONT-SIZE: 15px; FONT-WEIGHT: bold; COLOR: #003399; 
}
P.zag2 {
	 BACKGROUND-COLOR: 3fb5a8; FONT-FAMILY: arial; FONT-SIZE: 15px; FONT-WEIGHT: bold; COLOR: ffffff; 
}
P.zag3 {
	  FONT-FAMILY: helvetica; FONT-SIZE: 13px; FONT-WEIGHT: 400; COLOR: #0261e4; BACKGROUND-COLOR: eeffe8;
}
P.zag4 {
	  FONT-FAMILY: helvetica; FONT-SIZE: 12px; FONT-WEIGHT: 800; COLOR: #0261e4; BACKGROUND-COLOR: e9ffe1;
}
P.zag5 {
	  FONT-FAMILY: arial; FONT-SIZE: 13px; FONT-WEIGHT: 400; COLOR: #003399; 
}

P.ch {
	BACKGROUND-COLOR: defeff; FONT-FAMILY: verdana; FONT-SIZE: 12px; COLOR: blue; 
}
P.ch1 {
	 FONT-FAMILY: verdana; FONT-SIZE: 12px; COLOR: 003399; 
}
P.ch2 {
	 FONT-FAMILY: verdana;  COLOR: 0261e4; BACKGROUND-COLOR: eeffe8;
}
P.ch3 {
	 FONT-FAMILY: verdana;  COLOR: 003399; 
}

P.ch4 {
	FONT-FAMILY:  arial; FONT-SIZE: 13px; COLOR: #0261e4;
BACKGROUND-COLOR: eeffe8;
}
P.sh {
	FONT-FAMILY:  arial; FONT-SIZE: 13px; COLOR: 0261e4;
	border-left-widht: medium; border-left-style: double; border-left-color: 99ffcc;
BACKGROUND-COLOR: eeffe8;
}
P.sh1 {
	border-left-widht: medium; border-left-style: double; border-left-color: fbd3b8;
BACKGROUND-COLOR: f6ede8;
}
P.zag6 {
	 FONT-FAMILY: arial; FONT-SIZE: 15px; COLOR: ffffff; 
}
P.zag7 {
	 FONT-FAMILY: verdana; FONT-SIZE: 13px; COLOR: 0261e4; 
}



ul#navlist {margin-left: 0; padding-left: 0; white-space: nowrap;}
#navlist li {display: inline; list-style-type: none;}
#navlist a {padding: 3px 10px;}
#navlist a:link, #navlist a:visited {color: 0066cc; BACKGROUND-COLOR: ebfcff; TEXT-DECORATION: none;}
#navlist a:hover {color: 003399; BACKGROUND-COLOR: 99ffcc; TEXT-DECORATION: none;}



<style type="text/csst">
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
 .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
 .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
</style>