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

body {
	background-color: #f2f2f2;
	background-image: url(images/bg.jpg);
	background-repeat:repeat-x;
	
	margin: 0 auto;
	padding: 0px;
	width: 100%;
}
@font-face {
    font-family: 'DIN Black';
       src: url('fonts/DIN Black.ttf') format('truetype'),
		 url('fonts/DIN Black.otf') format('opentype'), 
		 url('fonts/DIN Black.eot?#iefix') format('embedded-opentype'),
         url('fonts/DIN Black.woff') format('woff'),
         url('fonts/DIN Black.svg#DIN Black') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'ColabReg';
      src: url('fonts/ColabReg.ttf') format('truetype'),
		 url('fonts/ColabReg.otf') format('opentype'), 
		 url('fonts/ColabReg.eot?#iefix') format('embedded-opentype'),
         url('fonts/ColabReg.woff') format('woff'),
         url('fonts/ColabReg.svg#ColabReg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DIN Alternate Medium';
       src: url('fonts/DIN Alternate Medium.ttf') format('truetype'),
		 url('fonts/DIN Alternate Medium.otf') format('opentype'), 
		 url('fonts/DIN Alternate Medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/DIN Alternate Medium.woff') format('woff'),
         url('fonts/DIN Alternate Medium.svg#DIN Alternate Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DIN Next LT Pro Regular';
     src: url(fonts/dinnextltpro-regular-webfont.ttf),
		 url('fonts/DIN Next LT Pro Regular.otf') format('opentype'), 
		 url('fonts/DIN Next LT Pro Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/DIN Next LT Pro Regular.woff') format('woff'),
         url('fonts/DIN Next LT Pro Regular.svg#DIN Next LT Pro Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'altgot2n';
    src: url('fonts/altgot2n.ttf') format('truetype'),
		 url('fonts/altgot2n.otf') format('opentype'), 
		 url('fonts/altgot2n.eot?#iefix') format('embedded-opentype'),
         url('fonts/altgot2n.woff') format('woff'),
         url('fonts/altgot2n.svg#altgot2n') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FF_DIN_Condensed_Bold';
    src: url('fonts/FF_DIN_Condensed_Bold.ttf') format('truetype'),
		 url('fonts/FF_DIN_Condensed_Bold.otf') format('opentype'), 
		 url('fonts/FF_DIN_Condensed_Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/FF_DIN_Condensed_Bold.woff') format('woff'),
         url('fonts/FF_DIN_Condensed_Bold.svg#FF_DIN_Condensed_Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {
	font-family:'DIN Next LT Pro Regular';
	font-size:16px;
	color:#373738;
	text-align:left;
	font-weight: normal;
	text-shadow: 1px 1px  #FFF;
}
h2 {
	font-family:'DIN Black';
	font-size:48px;
	color:#0b1796;
	text-align:left;
	font-weight: normal;
	text-shadow: 1px 1px  #36d8f9;
}
h3 {
	font-family:'FF_DIN_Condensed_Bold';
	font-size:30px;
	color:#cf0000;
	text-align:left;
	font-weight: normal;
	text-shadow: 1px 1px  #444343;
}
h4 {
	font-family:'DIN Next LT Pro Regular';
	font-size:16px;
	color:#373738;
	text-align: center;
	font-weight: normal;
	text-shadow: 1px 1px  #FFF;
}
h5 {
	font-family:'DIN Next LT Pro Regular';
	font-size:24px;
	color:#FFF;
	text-align: left;
	font-weight: normal;
	text-shadow: 1px 1px  #000;
}
h6 {
	font-family:'FF_DIN_Condensed_Bold';
	font-size:67px;
	color:#494949;
	text-align: right;
	font-weight: normal;
	padding:0;
	margin: 0 auto;
	
}
h7 {
	font-family:'DIN Next LT Pro Regular';
	font-size:12px;
	color:#FFF;
	text-align: center;
	font-weight: normal;
	
}

h7 a:link, h7 a:visited {
	font-family:'DIN Next LT Pro Regular';
	font-size:12px;
	color:#494949;
	text-align: center;
	font-weight: normal;
	
}

h7 a:hover {
	font-family:'DIN Next LT Pro Regular';
	font-size:12px;
	color:#FFF;
	text-align: center;
	font-weight: normal;
	
}

a,a:active,a:visited {
    color: #F90;
    text-decoration: none;
}

a:hover {
	color: #FFF;
	text-decoration: none;
}

#top {
	width:979px;
	height:105px;
}
.logo {
	float:left;
	width:508px;
	height:105px;
	background-image:url(images/logo2.jpg);
	background-repeat:no-repeat;
}
.menu {
	float:left;
	width:auto;
	height:auto;
	margin-left:-22px;
	margin-top:50px;
	padding-left: 20px;
	
}
.main_menu {
	float:right;
	width: 520px;
	height: 72px;
	border-bottom:solid 5px #017ee9;
	margin-top:-100px;	
}
.menu li {
	float:left;
	width:auto;
	height:auto;
	list-style:none;
	padding:0 10px;
}
	
.menu li a{
	
	
	width: auto;
	height:auto;
	
	font-family: 'DIN Alternate Medium'; 
	font-size:18px;
	text-shadow:1px 1px #FFFFFF; 
	font-weight: normal;
	color: #000001;
	list-style:none;
	text-align: center;
	text-decoration:none;
	
}
	
.menu li a:hover {
	color: #870b01;
	text-shadow:1px 1px #FFFFFF;
	 border-bottom:solid 5px #000fb2;
	background-repeat:no-repeat;
	-webkit-transition:all 0.5s ease-in-out;  
	-moz-transition:all 0.5s ease-in-out;  
	-o-transition:all 0.5s ease-in-out;  
	transition:all 0.5s ease-in-out;
}
.menu .menuOverflow li a.actif {
	color:#8f0c0c;
}
.bg_banner {
	width:100%;
	height:414px;
	background-image: url(images/bg_banner.jpg);
	background-repeat:repeat-x;
	margin-top:9px;
}
.banner {
	width:1200px;
	height:414px;
}

.welcome {
	float:left;
	width:336px;
	height:auto;
}
.product_index {
	float:left;
	width:600px;
	margin-left:60px;
	height:auto;
}
.pro_t {
	
	width:500px;
	height:40px;
	border-bottom:solid 1px #7d7d7d;
	margin-top:-10px;
}
.main_pro {
	float:left;
	width:550px;
	height:166px;
	margin-left:50px;
	margin-top:40px;
}
.tab {
	width:997px;
	height:auto;
}
.zero {
	float:left;
	width:auto;
	height:auto;
}
.zero2 {
	
	width:auto;
	height:auto;
}
.pro_pic {
	float:left;
	width:166px;
	height:166px;
	background-color:#FFF;
	border-radius:50%;
	box-shadow:0 0 10px #c0c0c0;
	
}
.pro_pic:hover {
	opacity:0.7;
}
.ppp_tab {
	float:left;
	width:166px;
	height:200px;
}
.more {
	width:95px;
	height:30px;
	background-color:#0b1796;
	border-left:solid 5px #0176ed;
	font-family:'DIN Next LT Pro Regular';
	font-size:13px;
	color: #FFF;
	text-align:left;
	font-weight: normal;
}
.more:hover {
	border-left:solid 5px #0b1796;
	background-color:#0176ed;
	-webkit-transition:all 0.5s ease-in-out;  
	-moz-transition:all 0.5s ease-in-out;  
	-o-transition:all 0.5s ease-in-out;  
	transition:all 0.5s ease-in-out;
}

.footer {
	float:left;
	width:100%;
	height:235px;
	background-color:#555555;
	margin-top:20px;
}
.office {
	float:left;
	width:997px;
	height:53px;
	border-bottom:solid 1px #0099dc;
}
.footer_tab {
	float:left;
	width:997px;
	height:auto;
	margin-top:15px;
	font-family:'DIN Next LT Pro Regular';
	font-size:14px;
	color:#FFF;
	text-align: left;
	font-weight: normal;
	text-shadow: 1px 1px  #000;
}
.number {
	float:left;
	width:155px;
	height:95px;
	margin-left:115px;
}
.phone {
	float:left;
	width:155px;
	height:auto;
	margin-bottom:15px;
}
.pic_n {
	float:left;
	width:33px;
	height:30px;
}
.p_number {
	float:left;
	width:117px;
	height:auto;
	margin-left:5px;
}
.copyright {
	float:right;
	width:997px;
	height:35px;
	background-color:#4e4e4e;
	font-family:'DIN Next LT Pro Regular';
	font-size:10px;
	color:#9f9e9e;
	text-align: center;
	font-weight: normal;
	
}
.title_top {
	float:left;
	width:100%;
	height:60px;
	background-color:#FFF;
	margin-top:9px;
}
.bann_about {
	float:left;
	width:997px;
	height:414px;
	border-bottom:solid 10px #FFFFFF;
}
.menu2 ul {
	float:left;
	width:auto;
	height:auto;
	
}
	
.menu2 li {
	float:left;
	width:auto;
	height:auto;
	list-style:none;
}
	
.menu2 li a:link, .menu2 li a:visited, .menu2 li a:active {
	float:left;
	
	width:150px;
	height:30px;
	padding:6px 3px 3px;
	font-family: 'DIN Next LT Pro Regular'; 
	font-size:16px; 
	font-weight: normal;
	color: #353535;
	list-style:none;
	text-align: center;
	text-decoration:none;
	margin-left:-25px;
	border-bottom:solid 1px #d8d9d9; 
}
	
.menu2 li a:hover {
	color: #850303;
	-webkit-transition:all 0.5s ease;  
	-moz-transition:all 0.5s ease;  
	-o-transition:all 0.5s ease;  
	transition:all 0.5s ease;
	border-bottom:solid 9px #f2f2f2;
}

.client ul {
	float:left;
	width:auto;
	height:auto;
	
}
	
.client li {
	float:left;
	width:auto;
	height:auto;
	list-style:none;
}
	
.client li a:link, .client li a:visited, .client li a:active {
	float:left;
	
	width:150px;
	height:30px;
	padding:6px 3px 3px;
	font-family: 'DIN Next LT Pro Regular'; 
	font-size:16px; 
	font-weight: normal;
	color: #353535;
	list-style:none;
	text-align: center;
	text-decoration:none;
	margin-left:-25px;
	border-bottom:solid 1px #d8d9d9; 
}
	
.client li a:hover {
	color: #850303;
	-webkit-transition:all 0.5s ease;  
	-moz-transition:all 0.5s ease;  
	-o-transition:all 0.5s ease;  
	transition:all 0.5s ease;
	border-bottom:solid 9px #f2f2f2;
}

.categori {
	float:left;
	width:200px;
	min-height:400px;
	margin-top:45px;
	
}
.tab_prod {
	float:right;
	width:785px;
	height:auto;
	
}
.main_prod {
	float:left;
	width:249px;
	height:223px;
	background-color:#FFF;
	border:solid 1px #FFFFFF;
	box-shadow:0 0 10px #cdcdcd;
	margin-bottom:15px;
}
.pic_product {
	float:left;
	width:249px;
	height:183px;
}
.pic_product:hover {
	opacity:0.7;
}
.title_product a:link, .title_product a:visited {
	float:left;
	width:249px;
	height:40px;
	background-color:#cdcdcd;
}
.title_product a:hover {
	background-color:#595959;
	color:fff;
}
.title_product a:link, .title_product a:visited{
	color:#494949;
	
}
.title_product a:hover{
	color:#fff;
	
}
.sub_title {
	float:left;
	width:783px;
	height: auto;
	border-bottom:solid 1px #666666;
	margin-bottom:3px;
}
.sub_title2 {
	float:right;
	min-width:244px;
	height:30px;
	font-family:'DIN Next LT Pro Regular';
	font-size:18px;
	color:#000;
	text-align: left;
	font-weight: normal;
	padding:0;
	margin: 0 auto;
	background-color:#FFF;
	border-left:solid 5px #0b1796;
}
.sub_title2:hover {
	background-color:#01c0ed;
}
.t_client {
	float:left;
	width:244px;
	height:30px;
	font-family:'DIN Next LT Pro Regular';
	font-size:16px;
	color:#000;
	text-align: left;
	font-weight: normal;
	padding:0;
	margin: 0 auto;
	background-color:#FFF;
	border-left:solid 5px #0b1796;
}
.t_client:hover {
	background-color:#01c0ed;
}
.pic_detail {
	float:left;
	width:350px;
	height:auto;
	box-shadow:0 0 10px #cdcdcd;
	border:solid 1px #FFFFFF;
	margin-right:20px;
	margin-bottom:15px;
	margin-top:16px;
}
.t_detail {
	float: left;
	width:783px;
	height: auto;
	font-family:'DIN Next LT Pro Regular';
	font-size:20px;
	color:#000;
	text-align: right;
	font-weight: normal;
	padding:0;
	margin: 0 auto;
	margin-top:10px;
}
.another {
	float:left;
	width:130px;
	height:110px;
	border:solid 1px #c2c2c2;
	margin-right:20px;
	box-shadow:0 0 5px #cdcdcd;
}
.another:hover {
	opacity:0.7;
}
.client_logo {
	float:left;
	height:30px;
	margin-right:10px;
	text-align:left;
	
}


/*  */

#paging {

margin-top: 8px;
font-family:'DIN Next LT Pro Regular';
font-size:13px;

}

#paging .page_nolink {
color:#fff;
text-decoration:none;
background:#76cde9;
padding:0 4px;
}

#paging a,#paging a:link,#paging a:visited {
color:#fff;
text-decoration:none;
background:#5cacf1;
padding:0 4px;
}

#paging a:hover,#paging a:focus,#paging a:active {
color:#000;
background-color:#fff;
}
.notfound{
	font-family:'DIN Next LT Pro Regular';
	font-size:16px;
	font-weight:normal;
	color:#EF5023;
	line-height: 23px;
}
.clear{
	clear:both;
}