﻿@font-face {
    font-family: 'FuturaTrNormal';
    src: url('fonts/futuratr.eot');
    src: url('fonts/futuratr.eot') format('embedded-opentype'),
         url('fonts/futuratr.woff') format('woff'),
         url('fonts/futuratr.ttf') format('truetype'),
         url('fonts/futuratr.svg#FuturaTrNormal') format('svg');
}
body { 
	background-color:#FFFFFF;
	background-image:url(images/top_bg.png);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#000; 
	line-height:1.4em; 
	text-align:left; 
	margin:0; 
	padding:0;
}
img, a {border:0;outline:0;}

h1{ font-family:'FuturaTrNormal', Helvetica, Arial; color:#247027; font-size:20px; margin:0px 0px 0px 0px;}
h2{ font-family:'FuturaTrNormal', Helvetica, Arial; font-size:20px; color:#333333; margin:0px 0px 0px 0px; font-weight:normal;}
h3{ font-family:'FuturaTrNormal', "Times New Roman", Times, serif; font-size:18px; color:#247028; padding-left:5px; margin:5px 0px 5px 0px; font-weight:lighter;}
h5{ font-family:'FuturaTrNormal', Helvetica, Arial; font-size:16px; color:#FFFFFF; margin:0px 0px 0px 0px; font-weight:normal;}
h4{ font-family:'FuturaTrNormal', Helvetica, Arial; font-size:19px; color:#FFFFFF; margin:0px 0px 0px 0px; font-weight:lighter;}

.now {float:left;font-family: 'FuturaTrNormal'; font-weight:bold;font-size:14px;color:#fff;margin-top:10px;}
.lang{float:right; text-align:right; position:relative; z-index:10000;margin-top:10px; }
.lang a{ text-decoration:none; font-family:'FuturaTrNormal'; font-size:14px; color:#FFFFFF; font-weight:bold;}
 
.main_container{ width:920px; margin:0 auto;}
.top{ float:left; width:920px; position:relative; height:450px;}
.center{ float:left; width:920px;margin-top:40px;}
.footer{ float:left; width:100%; background-color:#E7E7E7; color:#999999; font-size:10px; height:75px;}

.top_alt{ float:left; width:920px; position:relative; height:200px;}

.logo{ margin-top:53px; width:146px; z-index:3; position:absolute;}
.logo img{ border:none;}
.menu{ float:left; margin-top:20px; width:660px; margin-left:10px; margin-right:10px; z-index:3; position:absolute; right:0px; top:0px;}
.top_flash{ float:left; width:951px; position:relative; z-index:1; }

.menu_list{ float:right; margin-top:50px; }
.menu_arr_left{ float:left; width:11px; height:10px; padding-top:30px;display:none;}
.menu_arr_right{ float:left; width:11px; height:10px; margin-left:10px;display:none;}
.menu_list ul{ float:left; list-style:none; margin:0px; padding:0px;}
.menu_list ul li{ float:left; margin-top:10px; font-family: 'FuturaTrNormal'; font-size:16px; margin-left:5px;font-weight:bold;}
.menu_list ul li span{ padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px; display:block;}
.menu_list a{ text-decoration:none; color:#1d3262;}
.menu_list a:hover{}


.content_container{ float:left; width:920px; background-color:#FFFFFF; position:relative;}
.main_page_content{ position:relative; width:920px; top:-25px; left:0; z-index:5; padding-bottom:20px;}

.left_stun_container{ float:left; margin-bottom:20px; width:515px; background-color:#FFFFFF;}
.right_stun_container{ float:right; width:385px; margin-bottom:20px; background-color:#FFFFFF;}

.left_top_container{ width:515px; float:left;}
.right_top_container{float:left; width:385px;}

.left_top_header{ float:left; width:485px; padding-left:20px; padding-top:10px; padding-right:10px; overflow:visible; line-height:1.8em;}
.right_top_header{ float:left; width:375px; background-color:#034F92; color:#FFFFFF; padding-top:10px; padding-left:10px; padding-bottom:6px;}

.right_top_header span.text{ display:block; float:left; width:315px;}
.right_top_header span.arrow{ display:block; float:left; margin-right:5px; margin-top:-2px;}

.right_top_header span.arrow img{ border:none;}

.right_work_image{ float:left; width:385px; margin-top:1px;}
.right_work_image .image{ float:left; width:385px; height:118px; background-position:center; background-repeat:no-repeat; overflow:hidden; }
.right_work_image img{ border:none;}
.right_work_text{ float:left; width:385px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:10px;}

.right_work_text span.text{ float:left; display:block; width:375px; margin-left:10px;}

.right_work_text span.more{ float:left; display:block; width:375px; margin-left:10px; text-align:right; font-weight:bold; color:#F9B000;}

.right_work_text span.more a{ text-decoration:none; color:#F9B000;}
.right_work_text .link{text-decoration:none; color:#F9B000; float:left; display:block; width:375px; margin-left:10px; text-align:right; font-weight:bold; }

.left_top_text{ float:left; width:475px; padding-left:20px; margin-top:10px; font-family:Arial, Helvetica, sans-serif;}
.left_top_text span{ float:left; display:block; width:475px; margin-top:10px;}
.left_top_text ul{ list-style:circle; padding-left:20px; margin:0px;}

.right_bottom_container{ float:left; width:385px;}
.right_bottom_left{ float:left; width:86px;}
.right_bottom_right{ float:left; width:299px;}

.right_bottom_logo{ float:left; width:86px;}
.right_bottom_arrows{ float:left; margin-top:5px; margin-left:10px; width:76px;}
.right_bottom_arrows span.arrow{ display:block; float:left; margin-right:5px; width:28px;}

.right_bottom_head{ float:left; background-color:#247028; color:#FFFFFF; height:29px; width:289px; padding-top:10px; padding-left:10px; margin-top:6px;}
.right_bottom_text{ float:left; width:299px; margin-top:10px;}
.right_bottom_text span.sub_head{ float:left; width:299px; font-size:16px; font-weight:bold; margin-bottom:5px; display:block;}
.right_bottom_text span.text{ float:left; width:299px; margin-bottom:5px;}
.right_bottom_text span.more{ float:left; display:block; width:299px; text-align:right; font-weight:bold; color:#F9B000;}
.right_bottom_text span.more a{ text-decoration:none; color:#F9B000;}

.footer_content{ margin:0 auto; width:920px;}
.footer_menu{ float:left; width:670px; margin-top:5px;}
.footer_menu ul{ float:left; list-style:none; margin:0px; padding:0px;}
.footer_menu ul li{ float:left; margin-left:10px;}
.footer_menu ul li a{ text-decoration:none; color:#999999;}
.footer_menu ul li a:hover{ color:#333333;}
.dprotein{ float:right; text-align:right; margin-top:5px;}
.dprotein a{ text-decoration:none; color:#999999;}
.dprotein a:hover{ color:#E20538;}

.footer-img {
    float: right;
    padding-top:10px;
}
h3.partner-title {
    padding-top: 6px;
}

#slideshow{margin:0 auto;width:385px;height:263px;position:relative;}
#slideshow #slidesContainer{margin:0 auto;width:385px;height:263px;overflow:auto;position:relative;}
#slideshow #slidesContainer .slide{margin:0 auto;width:385px;height:263px;}
.control{width:23px;height:27px;text-indent:-10000px;position:absolute;cursor: pointer;}
.zem{width:65px;height:27px;text-indent:-10000px;position:absolute;}
#leftControl{margin-left:331px;top:5px;left:0;background:transparent url(../css/images/arrow_back.jpg) no-repeat 0 0;z-index:100;}
#rightControl{margin-left:355px;top :5px;left:0;background:transparent url(../css/images/arrow_next.jpg) no-repeat 0 0;z-index:100;}
#zemin{margin-left:320px;top :3px;left:0; background-color:#034F92; no-repeat 0 0;z-index:0;}

.swipe {
	overflow: hidden;
	position: relative;
	max-width: 951px;
	width: 100%;
	height: 320px;
	margin: 100px auto 0;
}
.swipe-wrap {
	overflow: hidden;
	position: relative;
}
.swipe-wrap > div {
	float: left;
	width: 100%;
	position: relative;
}
.swipe .nav {
	position: absolute;
	width:34px;
	height:34px;
	z-index: 10;
	text-align: center;
	line-height: 40px;
	display: inline-block;
	color: #fff;
	top: 40%;
	cursor: pointer;

}
.swipe .nav.next {
	right: 5px;
	background:url(images/right.png) no-repeat;
	
}
.swipe .nav.prev {
left:5px;
	background:url(images/left.png) no-repeat;
}