@charset "utf-8";
/* CSS Document */
@import "typo.css";
@import "input.css";
@import "header.css";
@import "ui.css";
@import "form.css";

body{
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	background:#fff;
}
.clear{
	display:table;
	clear:both;
	float:none;
}
.wrap{
	width:100%;
	display:table;
	position:relative;
	padding:30px 0px;
}
.wrapper{
	width:1000px;
	margin:auto;
	display:table;
	position:relative;	
}
	h1.pagetitle{
		width:100%;
		background:#f5f5f5;
		color:#999;
		padding:20px 0;
		margin:0;
		text-align:center;
	}

.wrap.search{
	padding:0;
}
	.wrap.search a{
		display:block;
		padding:10px 10px;
		background:#fff;
		box-shadow:0px 0px 2px #ccc;
		margin:5px 0;
	}
		.wrap.search a span{
			padding:0 10px;
			border-right:solid 1px #ccc;
			margin-right:10px;
			color:#F60;
		}
		.wrap.search a:hover{
			background:#f5f5f5;
			text-decoration:none;
		}
.block{
	display:table;
	width:100%;
	position:relative;
}
	.block .b2{
		width:470px;
		float:left;
		padding:5px 10px;
	}
		.block .b2:first-child{
			margin-right:10px;
		}
		.block .b2:first-last{
		}
	.block .b4{
		width:230px;
		margin:5px;
		padding:5px;
		float:left;
	}

.headline{
	/* background:url(../ui/headline.jpg) center top no-repeat; */
	width:100%;
	height:400px;
	position:relative;
	border-bottom:solid 1px #ccc;
}
	.headline .line{
		display:none;
		width:100%;
		height:400px;
		text-align:center;
		position:absolute;
		overflow:hidden;
	}
		.headline .line:first-child{
			display:block;
		}
		.headline .line img{
			position:absolute;
			left:0px;
			top:0px;
			width:1920px;
			height:400px;
		}
		.headline .line .text{
			color:#fff;
			width:250px;
			position:absolute;
			right:0px;
			bottom:0px;
			background:url(../ui/ab30.png);
			padding:20px;
			padding-bottom:50px;
			text-indent:0px;
			font-size:14px;
			text-align:left;
			border-radius:20px 20px 0px 0px;
		}
			.headline .line .text h1{
				padding:0px;
				margin:0px;
				color:#fff;
				border:none;
				text-align:left;
			}
			.headline .line .text a{
				background:url(../ui/ab50.png);
				border-radius:5px;
				display:table;
				color:#ccc;
				margin-top:10px;
				width:auto;
				padding:5px 10px;
			}
				.headline .line .text a:hover{
					color:#fff;
					text-decoration:none;
				}
	.headline .shdw_top{
		background:url(../ui/headline_shadow_top.png);
		width:100%;
		height:50px;
		position:absolute;
		left:0px;
		top:0px;
	}
	.headline .index{
		position:absolute;
		right:0px;
		bottom:0px;
		height:32px;
		width:100%;
		text-align:center;
	}
		.headline .index div{
			display:inline-block;
			cursor:pointer;
			width:16px;
			height:16px;
			border-radius:8px;
			background:#333;
			box-shadow:0px 0px 5px #999;
			margin-left:5px;
			opacity:.7;
		}
			.headline .index div:hover{
				opacity:1;
			}
		.headline .index .active{
			background:#fff;
		}

.home_module{
	width:100%;
	display:table;
	margin:40px 0px;
	float:none;
	clear:both;
}
	.home_module h1{
		font-size:14px;
		color:#999;
		text-align:center;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		padding:5px 20px;
		margin:0px;
		background:#f8f8f8;		
		display:table;
		margin:auto;
		border-radius:10px 10px 0px 0px;
		border:solid 1px #eee;
		border-bottom:none;
	}
	.home_module .home_module_content{
		border-top:dashed 1px #ccc;
		background:url(../ui/home_module.jpg) no-repeat center top;
		padding-top:10px;
	}
	.home_module .all{
		margin-top:10px;
		display:table;
		width:100%;
		border-top:solid 1px #ccc;
	}
		.home_module .all a{
			display:table;
			padding:5px 40px;
			background:#eee;
			margin-left:auto;
			border-radius:0px 0px 30px 30px;
			color:#999;
			font-size:11px;
		}
			.home_module .all a:hover{
				text-decoration:none;
				background:#f58220;
				color:#fff;
			}
	
	.home_module ul{
			width:180px;
			float:left;
			margin:0px 10px;
			padding:0px;
		}
			.home_module ul h2{
				font-size:16px;
				font-weight:normal;
			}
			.home_module ul li{
				list-style:url(../ui/s16.png) inside;
				padding:5px 0px;
			}
		.home_module ul a{
		}
			.home_module ul a:hover{
				color:#ff7600;
			}
	
		
.home_video a,
.a_video{
	width:210px;
	height:150px;
	display:block;
	margin:10px;
	position:relative;
	float:left;
	border:solid 5px #fff;
	box-shadow:0px 0px 10px #ccc;
}
	.home_video a:hover,
	.a_video:hover{
		box-shadow:0px 0px 20px #999;
	}
	.home_video a:after,
	.a_video:after{
		content:" ";
		background:url(../ui/play.png);
		width:64px;
		height:64px;
		position:absolute;
		left:83px;
		top:33px;
		opacity:.5;
	}
	.home_video a .image,
	.a_video .image{
		width:100%;
		height:100%;
	}
		.home_video a .image img,
		.a_video .image img{
			width:100%;
			height:100%;
		}
	.home_video a .text,
	.a_video .text{
		background:url(../ui/ab30.png);
		position:absolute;
		left:0px;
		bottom:0px;
		padding:10px;
		width:190px;
		color:#fff;
		font-size:11px;
		
	}
	.home_video .big{
		width:480px;
		height:330px;
		float:right;
	}
		.home_video .big .text{
			width:460px;
		}
		.home_video .big:after{
			left:198px;
			top:130px;
		}

	
.a_news{
	width:470px;
	height:136px;
	display:block;
	float:left;
	margin:10px;
	position:relative;
	border-bottom:solid 1px #ccc;
	border:solid 5px #fff;
	background:#fff;
	box-shadow:0px 0px 10px #ccc;
}
	.a_news:hover{
		box-shadow:0px 0px 20px #999;
	}
	.a_news .image{
		width:220px;
		height:136px;
		float:left;
		overflow:hidden;
	}
		.a_news .image img{
			height:100%;
			min-width:100%;
			display:table;
		}
	.a_news .text{
		float:left;
		padding:10px 20px;
		width:210px;
		height:106px;
		overflow:hidden;
		color:#666;
		font-size:14px;
	}
		.a_news .text h1{
			border:none;
			padding:0px;
			margin:0px;
			font-size:18px;
			color:#666;
			text-align:left;
			background:none;
			border:none;
			border-radius:none;
		}
	
	.a_news:first-child{
		width:470px;
		height:465px;
	}
		.a_news:first-child .image{
			width:470px;
			height:300px;
		}
			.a_news:first-child .image img{
				width:100%;
				height:auto;
			}
		.a_news:first-child .text{
			width:430px;
			height:140px;
		}


.home_email{
	display:table;
}
	.home_email .left{
		width:300px;
		float:left;
		margin-top:-40px;
	}
		.home_email .left .emailform{
			border:dashed 1px #ccc;
			border-radius:0px 0px 20px 20px;
			padding:10px;
			width:263px;
		}
			.home_email .left .emailform input{
				border:dashed 1px #ccc;
				border-radius:20px;
				padding:15px 20px;
				box-shadow:none;
				width:213px;
			}
	.home_email .right{
		width:680px;
		float:left;
		margin-left:20px;
	}

.a_newsletter{
	width:196px;
	height:250px;
	display:block;
	float:left;
	margin:10px;
	position:relative;
	border:solid 5px #fff;
	box-shadow:0px 0px 5px #ccc;
}
	.a_newsletter:hover{
		box-shadow:0px 0px 10px #999;
	}
	.a_newsletter .image{
		width:100%;
		height:100%;
		overflow:hidden;
		text-align:center;
		background:#eee;
	}
		.a_newsletter .image img{
			height:100%;
		}


.a_info{
	width:140px;
	height:150px;
	display:block;
	float:left;
	margin:10px;
	position:relative;
	box-shadow:0px 0px 5px #ccc,0px -10px 30px #eee inset;
	border-radius:20px;
}
	.a_info:hover{
		box-shadow:0px 0px 5px #999;		
		text-decoration:none;
	}
		.a_info:hover .image{
			opacity:.9;
		}
		.a_info:hover .text{
			color:#333;
		}
	.a_info .image{
		width:56px;
		height:56px;
		margin:20px auto;
		opacity:.6;
	}
		.a_info .image img{
			width:100%;
			height:100%;
		}
	.a_info .text{
		width:120px;
		color:#333;
		font-size:12px;
		text-align:center;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		padding:0px 10px;
		line-height:13px;
	}

.subpage{
	border-top:solid 1px #ccc;
}
	.subpage .subpagemenu{
		width:200px;
		box-shadow:0px 0px 5px #ccc;
		margin-top:20px;
		border-radius:15px;
		background:#fff;
		border-bottom:solid 5px #09c;
		float:left;
	}
		.subpage .subpagemenu .image{
			display:block;
			width:100%;
			height:150px;
			text-align:center;
			padding:10px 0px;
			border-bottom:solid 1px #eee;
		}
			.subpage .subpagemenu .image img{
				max-width:90%;
				max-height:90%;
			}
		.subpage .subpagemenu a{
			display:block;
			padding:10px 15px;
			border-bottom:solid 1px #eee;
		}
			.subpage .subpagemenu a:hover{
				color:#ff7600;
				text-decoration:none;
				border-left:solid 5px #ff7600;
			}
				.subpage .subpagemenu a:first-child{
					border-radius:15px 15px 0px 0px;
					padding-top:15px;
				}
				.subpage .subpagemenu a:last-child{
					border-radius:0px 0px 15px 15px;
					padding-bottom:15px;
				}
		.subpage .subpagemenu a.active{
			color:#09c;
			text-decoration:none;
			border-left:solid 5px #09c;
		}
	.subpage .subcon{
		width:760px;
		margin-left:40px;
		float:left;
	}
		.subpage .subcon h1{
			color:#ff7600;
			font-size:32px;
			border-top:solid 1px #ccc;
			border-radius:15px;
			padding:15px 0px;
			text-indent:20px;
			margin:0;
			margin-top:20px;
		}
		.subpage .subcon h2{
			color:#09c;
			font-size:24px;
			border-top:solid 1px #ccc;
			border-radius:15px;
			padding:10px 0px;
			text-indent:20px;
			margin:0;
			font-weight:normal;
		}
	.subpage .subcon_product{
	}
		.subpage .subcon_product table{
			padding:10px;
			background:#f8f8f8;
			border:dotted 2px #ccc;
			border-radius:15px;
		}
			.subpage .subcon_product table td{
				width:200px;
				padding:5px;
				border-bottom:solid 1px #ccc;
				padding-left:20px;
				font-weight:bold;
			}
				.subpage .subcon_product table td:first-child{
					border-right:solid 1px #ccc;
					padding-left:10px;
					font-weight:normal;
				}
	
	
.product_image{
	margin:10px 0px;
	display:table;
}
	.product_image img{
		height:128px;
	}
	.product_text{
		width:720px;
		display:table;
		padding:0px 20px;
		padding-bottom:20px;
		padding-top:10px;
		font-size:14px;
		line-height:22px;
		border-bottom:solid 1px #ccc;
		border-top:solid 1px #ccc;
		border-radius:15px;
	}

.gallery{
	width:100%;
	display:table;
	margin-top:10px;
}
	.gallery a{
		display:block;
		width:97px;
		height:97px;
		box-shadow:0px 0px 5px #ccc;
		border:solid 5px #fff;
		overflow:hidden;
		float:left;
		margin:5px;
		position:relative;
	}
		.gallery a img{
			position:absolute;
			left:0px;
			top:0px;
			height:100%;
		}
		.gallery a:hover{
			box-shadow:0px 0px 10px #999;
		}
		.gallery a:hover img{
			left:-10px;
			top:-10px;
			height:117px;
		}
.googlemaps{
}
	.googlemaps .info{
		width:400px;
	}
		.googlemaps .info h1{
			font-size:16px;
		}
.footer{
	background:#333;
	color:#ccc;
	padding:20px 0;
}
	.footer ul{
		padding:0;
		margin:0;
	}
		.footer ul li{
			padding:3px 0;
			list-style:inside;
		}
	.footer h2{
		margin:0;
		padding:0;
	}
	.footer a{
		color:#999;
	}
		.footer a:hover{
			color:#FC0;
			text-decoration:none;
		}
.footer_bottom{
	padding:20px 0;
	background:#F90;
	color:#fff;
}
	.footer_bottom p{
		margin:0;
	}
.amodel{
	display:block;
	float:left;
	margin:10px;
	width:220px;
	height:370px;
	background:#fff;
	box-shadow:0px 0px 5px #ccc;
	border-radius:0 0 10px 10px;
}
	.amodel.small{
		width:64px;
		height:64px;
	}
		.amodel.small .image{
			width:64px;
			height:64px;
		}
		.amodel.small .text{
			text-align:center;
		}
			.amodel.small .text h1{
			}
	.amodel:hover{
		text-decoration:none;
	}
	.amodel .image{
		width:100%;
		height:220px;
		overflow:hidden;
	}
		.amodel .image img{
			width:100%;
			height:100%;
		}
	.amodel .text{
		padding:10px;
		font-size:12px;
	}
		.amodel .text h1{
			font-size:18px;
			margin:0;
			padding:0;
			text-indent:0;
			border:none;
		}
.tCalc{
	font-size:10px;
	padding:0 !important;
	margin:0 !important;
	border-radius:0 !important;
	border:none !important;
}
	.tCalc tr{
		padding:0 !important;
		margin:0 !important;
	}
	.tCalc td{
		padding:0 !important;
		margin:0 !important;
		border-left:solid 1px #ccc !important;
	}
	.tCalc td:first-child{
		border-right:none !important;
		padding-left:0 !important;
		border-left:none !important;
	}
	.tCalc tr:hover{
		background:#333;
		color:#fff;
	}
	
.dealer{
	width:325px;
	margin-bottom:20px;
	border-radius:10px 10px 10px 10px;
	display:table;
	margin:25px;
	float:left;
	box-shadow:0px 0px 5px #999;
}
	.dealer .title{
		background:#f5f5f5;
		color:#F90;
		padding:10px;
		font-size:16px;
		border-radius:10px 10px 0 0;
		height:40px;
		overflow:hidden;
		margin-bottom:5px;
		box-shadow:0px -1px 10px #ccc inset;
	}
	.dealer .phone{
		width:150px;
		background:url(../ui/phone.png) no-repeat left top;
		text-indent:20px;
		font-size:14px;
		margin:5px;
		height:20px;
		float:left;
		font-weight:bold;
	}
	.dealer .fax{
		width:150px;
		background:url(../ui/fax.png) no-repeat left top;
		text-indent:20px;
		font-size:14px;
		margin:5px;
		height:20px;
		float:left;		
	}
	.dealer .address{
		width:305px;
		padding:10px;
		float:none;
		clear:both;
		border-top:solid 1px #ccc;
		height:40px;
	}

#google_translate_element{
	display:inline-block;
}
	#google_translate_element div{
		background:#666;
		border:none;
	}
	#google_translate_element img{
		visibility:hidden;
	}
.odul{
	height:160px;
	position:absolute;
	left:-90px;
	top:-35px;
}
	.odul img{
		height:100%;
	}
.cookie{
	position:fixed;
	left:0;
	bottom:0;
	padding:20px 20px;
	background:#fd4f00;
	color:#fff;
	text-align:center;
	width:100%;
	box-shadow:-1px 0 15px rgba(0,0,0.5);
}
	.cookie .button{
		background:#fff;
		box-shadow:1px 1px 5px rgba(0,0,0,.5);
		padding:10px 20px;
		color:#fd4f00;
		display:inline-block;
		cursor:pointer;
		margin-top:10px;
	}