* {
	margin: 0;
	padding: 0;
	/*border: 0*/
}
html { height:100%  }
body {
	font-family:Tahoma;
	font-size:14px; color:#000000; background-color:#895690; background-image:url('/images/fon.jpg'); background-repeat:repeat-x
}

a {color: #883295; text-decoration:none; }
a:link {color: #883295; }
a:hover {color: #883295;}
a:active {color: #883295;}

a.link1 { font-size:16px; color: #883295; text-decoration:none;  font-weight:bold}
a:hover.link1 {font-size:16px; color: #883295; text-decoration:underline;  }
a:active.link1 {font-size:16px; color: #883295; text-decoration:none; }

a.link2 { font-size:12px; color: #1b3a2b; text-decoration:none; }
a:hover.link2 {font-size:12px; color: #8d8e8d; text-decoration:none;  }
a:active.link2 {font-size:12px; color: #8d8e8d; text-decoration:none; }

a.link3 { font-size:14px; color: #883295; text-decoration:none;  }
a:hover.link3 {font-size:14px; color: #883295; text-decoration:underline;  }
a:active.link3 {font-size:14px; color: #883295; text-decoration:none; }

a.link4 { font-size:14px; color: #883295; text-decoration:underline;  font-weight:bold}
a:hover.link4 {font-size:14px; color: #883295; text-decoration:none;  }
a:active.link4 {font-size:14px; color: #883295; text-decoration:none; }

a.link5 { font-size:14px; color:#000000; text-decoration:none}
a:hover.link5 {font-size:14px; color:#000000; text-decoration:underline;  }
a:active.link5 {font-size:14px; color:#000000; text-decoration:none; }

a.link6 { font-size:13px; color:#d1bdd3; text-decoration:none}
a:hover.link6 {font-size:13px; color:#d1bdd3; text-decoration:underline;  }
a:active.link6 {font-size:13px; color:#d1bdd3; text-decoration:none; }

a.link7 { font-size:14px; color:#000000; text-decoration:none; font-weight:bold}
a:hover.link7 {font-size:14px; color:#883295; text-decoration:underline;   font-weight:bold}
a:active.link7 {font-size:14px; color:#883295; text-decoration:none;  font-weight:bold}

a.link8 { color:#d1bdd3; font-size:10px; text-decoration:none; }
a:hover.link8 {color:#d1bdd3; font-size:10px; color:#883295; text-decoration:underline;   }
a:active.link8 {color:#d1bdd3; font-size:10px; color:#883295; text-decoration:none;  }



#galleria{z-index:1;
                width:980px;
                height:279px;
                
                }

h1  {
    font-family:Tahoma;
	font-size: 18px;
	margin-bottom: 10px;
	color: #000000; font-weight:bold

}
h2 {
    font-family:Tahoma;
	font-size: 17px;
	margin-bottom: 0px;
	color: #000000; font-weight:bold
	}
	
h3 {
    font-family:Tahoma;
	font-size: 15px;
	margin-bottom: 0px;
	color: #000000; font-weight:bold
	}


.date{

  color:#7E7E7E; font-size:12px; font-style:oblique; padding-bottom: 15px;
}

.footer{

  color:#d1bdd3; font-size:10px; padding-top:15px; padding-bottom: 20px
}

ul, ol{
    margin-left: 20px;}
    
 a.rollover {
    background: url(/images/new.jpg); 
    display: block; 
    width: 252px; 
    height: 67px; 
   }
   a:hover.rollover {
    background: url(/images/new2.jpg); 
   }

 a.rollover2 {
    background: url(/images/otp-st.jpg); 
    display: block; 
    width: 243px; 
    height: 100px; 
   }
   a:hover.rollover2 {
    background: url(/images/otp-st2.jpg); 
   }

 a.rollover3 {
    background: url(/images/Tepen_Main2.jpg); 
    display: block; 
    width: 243px; 
    height: 100px; 
   }
   a:hover.rollover3 {
    background: url(/images/Tepen_Main.jpg); 
   }


.slide-1{ 
	width:980px; 
	}
.slide-1 .slider{ 
	width:980px;
	height:279px;
	overflow: hidden;
	position:relative;}
.slide-1 .slide{ 
	width:980px;
	height:279px;
	}
.sli-links{ 
    top: -46px;
	text-align:center;
	position:relative;
	z-index:2;
	overflow: hidden;}

.sli-links{margin-top:0px;
	text-align:center; 
}

.sli-links .control-slide{
	margin:2px;
	display:inline-block;
	width:16px;
	height:16px;
	overflow:hidden;
	text-indent:-9999px;
	

	background:url(/hwSlider2/radioBg.png) center bottom no-repeat;}	
.sli-links :hover.control-slide{
	cursor:pointer;
	background-position:center center;}
.sli-links .control-slide.active{
	background-position:center top;}
.prewbutton, .nextbutton{ 
	display:block;
	width:30px;
	height:100%;
	position:absolute;
	top:0;
	overflow:hidden;
	text-indent:-999px;
	background:url(/images/str4.png) left center no-repeat;
	opacity:0.8;
	z-index:3;
	outline:none !important;}
.prewbutton{left:397px; top: 103px}
.nextbutton{
	right:397px;top: 103px;
	background:url(/images/str5.png) right center no-repeat;}
.slide-1 :hover.prewbutton, :hover.nextbutton{
	opacity:1;}
	


.textinputs {
	font-family:Tahoma;
	font-size:14px; color:#908f8f; padding-left: 10px; padding-right: 10px}

.textinputs2 {
	font-size: 9pt;
	color: #a6a6a6;
	margin-left:10px; padding-bottom: 3px 
}
	
	
.textinputs3 {
	font-size: 9pt;
	color: #666666;
	border: 1px solid #95AEC5; padding-bottom: 2px 
}

div#vn{
  padding-top: 140px; padding-bottom: 10px;
  width: 100%;

}

div#vn2{
  padding-bottom: 20px; padding-top: 20px;
 left: 32%; width: 1100px;
}

#main_image {
	width:500px;
	
	border:#333333 0px solid;
}

#wrapper{
	margin:0 auto;
	width:900px;
	position:relative;
}

/*Back to top button */
#back-top{
	position:fixed;
	bottom:50px;
	right:70%;
	
}

#back-top a{
	width:64px;
	display:block;
	text-align:center;
	font:11px/100% Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#bbb;
	/* background color transition */
	-webkit-transition:1s;
	-moz-transition:1s;
	transition:1s;
}

#back-top a:hover{color:#000;}
/* arrow icon (span tag) */

#back-top span{
	width:64px;
	height:64px;
	display:block;
	margin-bottom:7px;
	background:#ddd url(/images/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	/* background color transition */
	-webkit-transition:1s;
	-moz-transition:1s;
	transition:1s;
}

#back-top a:hover span{background-color:#777}
	
.gallery {list-style:none; width:500px; margin:0; padding:0;}
.gallery li{display:block;width:80px;height:60px;overflow:hidden;float:left;margin:10px 15px 10px 0px;border:#CCCCCC 0px solid}
.gallery li a{display:none}
.gallery li div{position:absolute;display:none;top:0;left:180px}
.gallery li div img{cursor:pointer}
.gallery li.active div img,.gallery li.active div{display:block}
.gallery li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:75px;height:50px;border:#CCCCCC 0px solid}
.gallery li .caption{display:block;padding-top:.5em}
.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 1.0em;	
	font-weight: lighter;
	font-size: 13px;	
	font-family: arial;
	border: 0px solid #334143;
	background: #000000;
}
.caption-top {
   border-width: 0px 0px 0px 0px;
}
.caption-bottom {
   border-width: 0px 0px 0px 0px;
}
.caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0em;
}
.caption a:hover, .caption a:hover, .caption a:visited {
	background: #202020;
	text-decoration:none;
	color:#FFFFFF;
}
.caption-wrapper {
	float: left;
	margin:0px;
	padding:0px;
}
br.c { clear: both; }
img.captify {
	
}


/** слайдер **/
#mySlider{
  width:100%; 
  height:70%; 
  max-height:500px;  
  overflow:hidden;
  position:relative;
}
#mySliderUl {
  white-space: nowrap;
  position:absolute;
  top:0; left:0;
  letter-spacing: -0.3em;
  height:100%;
  transition: left ease-out 0.5s;
}
#mySliderUl a{
  height:100%;
  display:block;
}
#mySliderUl a img{
  max-height: 100%;
  width: auto;
}
#mySlider li { 
  display:inline-block; 
  height:100%;
}

#mySlider .gallery-prev{
    left: 0px;
}
#mySlider .gallery-next, #mySlider .gallery-next a, #mySlider .gallery-next a > span{
    right: 0px;
}
#mySlider .gallery-controls  {
    position: absolute;
    top:0;
    width:120px;
    height: 100%;    
}
#mySlider .gallery-controls a {
    position: absolute;    
    display: block; 
    width: 120px;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.01);
    height: 100%;
    border:0;
        
}
#mySlider .gallery-controls a > span{
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1);
    color: #FFF;        
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 42px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    vertical-align: middle;
    text-align: center;
    font-weight: normal;
    font-style: normal;
}    
#mySlider .gallery-controls a:hover > span {
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
}