<style type="text/css">
a img {      
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);      
-moz-opacity: 0.5; /* Mozilla 1.6 */      
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */      
opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */      
filter: alpha(opacity=50); /* IE 5.5+*/      
}
a:hover img {      
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);      
-moz-opacity: 0.5; /* Mozilla 1.6 */      
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */      
opacity: 1.0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */      
filter: alpha(opacity=50); /* IE 5.5+*/      
}
</style>

<!--Вкладки и слайдер-->
<script type="text/javascript">
$(document).ready(function() {


	$(".tab_content").hide(); 
	$("ul.tabs li:first").addClass("active").show();
	$(".tab_content:first").show();
	
	$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn(700);
    return false;
	});

  (function ($) {
var hwSlideSpeed = 700;
var hwTimeOut = 3000;
var hwNeedLinks = false;

$(document).ready(function(e) {
	$('.slide').css(
    {"position" : "absolute",
     "top":'0', "left": '0'}).hide().eq(0).show();
	var slideNum = 0;
	var slideTime;
	slideCount = $("#slider .slide").size();
	var animSlide = function(arrow){
    clearTimeout(slideTime);
    $('.slide').eq(slideNum).fadeOut(hwSlideSpeed);
    if(arrow == "next"){
    	if(slideNum == (slideCount-1)){slideNum=0;}
    	else{slideNum++}
    	}
    else if(arrow == "prew")
    {
    	if(slideNum == 0){slideNum=slideCount-1;}
    	else{slideNum-=1}
    }
    else{
    	slideNum = arrow;
    	}
    $('.slide').eq(slideNum).fadeIn(hwSlideSpeed, rotator);
    $(".control-slide.active").removeClass("active");
    $('.control-slide').eq(slideNum).addClass('active');
    }

	var $adderSpan = '';
	$('.slide').each(function(index) {
    	$adderSpan += '<span class = "control-slide">' + index + '</span>';
    });
	$('<div class ="sli-links">' + $adderSpan +'</div>').appendTo('#slider-wrap');
	$(".control-slide:first").addClass("active");
	$('.control-slide').click(function(){
	var goToNum = parseFloat($(this).text());
	animSlide(goToNum);
	});
	var pause = false;
	var rotator = function(){
    	if(!pause){slideTime = setTimeout(function(){animSlide('next')}, hwTimeOut);}
    	}
	$('#slider-wrap').hover(	
    function(){clearTimeout(slideTime); pause = true;},
    function(){pause = false; rotator();
    });
	rotator();
});
})(jQuery);
  
});
</script>

<style type="text/css">
#pun {
  width : 850px;
  margin: 0px auto auto auto;
}
</style>]