@charset "utf-8";
/* CSS Document */

html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, span, a, img,em  {margin: 0px; padding: 0px;}
html {height: 100%; background: #ebebeb url(../images/fon.jpg) repeat;}
body {font:14px/20px 'Trebuchet MS',Georgia, "Times New Roman", Times, serif;  color: #000; position: relative;  min-width: 1000px;  z-index:0; background: url(../images/back_middle.jpg) top center repeat-y; height:100%; min-height:100%; height:auto !important;}
img {border: none;}
a {cursor: pointer; text-decoration:underline; color: #bd1b1b;}
a:hover {text-decoration:none;}
p {padding:0 0 10px;}
h1, h2, h3, h4, h5, h6 {font-family: Georgia, "Times New Roman", Times, serif; color: #666666; padding-bottom: 18px; font-weight:normal;}
h1 {font-size: 24px; line-height: 32px; font-style:italic;}
h2 {font-size: 20px; line-height: 22px; font-style:italic;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
h5 {font-size: 12px;}
h6 {font-size: 11px;}

ul, ol {padding:0 0 18px 30px;}
ul li {list-style: disc outside; padding:5px;}
ol li {padding:5px;}


.clearfix:before,.clearfix:after, .content:before, .content:after {content: ""; display: table;}
.clearfix:after,.content:after {clear: both;}
.clearfix, .content {zoom: 1; /* IE 6/7 */}

.clearthis {clear:both; height:0; line-height:0;}

.main {height:100%; }
.wrap {position:relative; z-index:20;padding:0 0 619px; min-width:1000px;}
    .page {width:924px;  margin:0 auto -300px;  padding:0 38px 5px; position:relative; min-height:300px !important; z-index:30; }
	.wrap_header {position:relative; height:90px; padding:99px 0 0; width:100%; background: url(../images/back_top.jpg) top center no-repeat;}
	.header {width:1000px; margin:0 auto; position:relative; overflow:hidden;}
		.logo {float:left;  width:253px; height:65px; padding:0 0 0 43px;}
			.logo a {background:url(../images/logo.jpg) left top no-repeat; display:inline-block; width:253px; height:65px; }
			.lte7 .logo a {display:inline; zoom:1;}
			
		.menu {float:right; padding:12px 39px 0 0; width:600px; text-align:right; }
			.menu ul {margin:0; padding:0; line-height:0; font-size:0; }
			.menu li {list-style:none; display:inline; zoom:1; font-size:18px; line-height:18px; padding:0 0 8px 16px;}
			.menu li a {color:#000; text-decoration:none; border-bottom:3px solid #bd1b1b; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; }
			.menu li a:hover {border:none;}
			.lte7 .menu li a:hover {border-bottom:3px solid #fff;}
	.slide {padding:0 0 35px;}
	.slide img {padding:0 0 0 2px;}
	
	.content {}
		.content h2 {padding:0 0 12px;}
		.left_part {width:470px;/* padding:0 60px 0 0;*/ float:left; position:relative;}
			.info {padding:0 0 28px;}
			.news {padding:0 0 20px;}
				.date {color:#bd1b1b; font-size:11px; font-family: Georgia, "Times New Roman", Times, serif; line-height:20px; padding:0 0 4px; font-weight:bold;}
				.it_news {line-height:16px; padding:0 0 4px;}
			.more {}
		
		.right_part {width:380px; float:right; padding:51px 13px 0 0; background:url(../images/bird.jpg) 6px 52px no-repeat;}
			.m_back {background:url(../images/block.jpg) 6px 6px no-repeat; float:right; width:312px; height:318px;}
				.sb_info {padding:22px 30px 0; height:287px; overflow:hidden; position:relative;}
					.inform {padding:0 0 18px 25px; background:url(../images/quot1.png) 9px top no-repeat;}
					.item_news {width:200px; font-size:12px; line-height:20px; padding:2px 0 12px 9px; background:url(../images/quot2.png) right bottom no-repeat;}
					.navig {padding:0 21px 0 0; text-align:right;}
						.navig a {font-size:11px; line-height:20px;}


.footer {background: url(../images/back_bottom.jpg) top center no-repeat; height:619px; position:absolute; width:100%; bottom:0; z-index:10;}
	.bot_footer {position:absolute; bottom:0; left:0; width:100%; background:#370000; height:64px; border-top:1px solid #ff6f6f;}
.left_foot {background:url(../images/fon_left.jpg) bottom left repeat-x; position:absolute; width:48%; bottom:65px; left:0; height:155px;  }
.rigth_foot {background:url(../images/fon_right.jpg) bottom left repeat-x; position:absolute; width:48%; bottom:65px; right:0; height:202px;}
	

.area_footer {width:100%; position:absolute; bottom:0; height:275px;  z-index:40;}
	.foot {position:relative; height:275px; width:1000px;  margin:0 auto;}
		.service {float:left; width:622px; padding:26px 0 0 0;}
		.service ul {padding:0; line-height:0; font-size:0; display:table;}
			.service li {padding:0 20px 0 16px; list-style:none; text-align:center; display:inline-block; font-size:12px; line-height:20px;}
			.lte7 .service li {display:inline; zoom:1;}
			.service li img {margin:0 0 10px; }
		
		.subscr {float:right; width:356px; padding:8px 0 0 22px;}
			.join {background:url(../images/join.png) 1px top no-repeat; height:43px; width:339px;}
			.subscr form {position:relative; padding:17px 0 0 2px; margin:0;}
			.subscr form ul {padding:0; width:221px;}
			.subscr form li {list-style:none; padding:0; margin:0 0 20px; background:url(../images/inpt.jpg) left top no-repeat; width:201px; padding:0 10px;height:30px;}
			
			.subscr ul input {background:url("about:blanck"); border:none; width:201px; font-style:italic; height:30px; line-height:30px; margin:0; color:#fff; font-family:'Trebuchet MS',Georgia, "Times New Roman", Times, serif;}
				.sbm {border:none; background:none; background:url(../images/send.png) left bottom no-repeat; height:30px; width:77px; position:absolute; right:37px; top:67px; cursor:pointer;}
			
		
	
		.foot_copy {width:100%; position: absolute; bottom:0; left:0; height:64px;font-family:'Trebuchet MS',Georgia, "Times New Roman", Times, serif;}
			.copy {float:left; padding:25px 0 0 18px; color:#fff; font-size:12px; }
			.menu_footer {float:right; text-align:right; width:48%;}
				.menu_footer ul {padding:0; line-height:0; font-size:0; padding:25px 10px 0 0; }
				.menu_footer li {list-style:none; display:inline; padding:0; font-size:12px; line-height:20px; padding:0 9px 0 0;}
				.menu_footer li a {color:#fff; }
				
				
				
				/*-------------------------------------------services------------------------------------*/
				
				.contentarea { padding:0 5px 20px 20px; font-family:'Trebuchet MS',Georgia, "Times New Roman", Times, serif;}
				.contentarea h2 {color:#ff0000; margin-left:-20px; font:20px/20px 'Trebuchet MS',Georgia, "Times New Roman", Times, serif; font-style:normal
				;}
				.contentarea h2 span {color:#656565; font-style:italic; font-size:14px; font-family:'Trebuchet MS',Georgia, "Times New Roman", Times, serif;}
				.contentarea h4 {color:#ff0000; font-size:14px; line-height:15px; padding:0 0 2px; font-weight:bold; font-family:'Trebuchet MS',Georgia, "Times New Roman", Times, serif;}
				.contentarea p {font-size:14px; line-height:20px; padding:0 0 17px;}
			
				.form_music {padding:0 0 60px 0; position:relative;}
				.form_music h3 {font-size:18px; line-height:20px; font-style:italic; color:#000; font-family:'Trebuchet MS',Georgia, "Times New Roman", Times, serif;}
				.recomand {padding:0 0 54px;}
				.form_music .txt {width:278px; height:16px; border:1px solid #b1b1b1; margin:8px 0 28px; padding:2px 5px;}
				.form_music label {font-size:16px; line-height:16px; font-style:normal;}
				.form_music label small {font-size:12px; line-height:14px; font-style:italic; color:#464646;}
				
				.file-input-box {height:24px; width:288px; position:relative; background:url(../images/browse.jpg) right 1px no-repeat; margin:8px 0 28px; overflow:hidden;}
				.file-input-text {width:193px; height:18px; border:1px solid #b1b1b1;}
				.file-input { cursor:pointer; /*font-size: 99px;*/ height: 22px; opacity: 0; filter:alpha(opacity=0); position: absolute; right: 0; top: 0; width:85px;}
				
				.sbmt {border:none; background:none; background:url(../images/send.png) left bottom no-repeat; height:30px; width:77px; position:absolute; left:213px; bottom:25px; cursor:pointer;}
				
				
				    
© TrueDev.org