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

@font-face {
font-family:"NotoSerif";
src: url(../font/NotoSerif.ttf);
}

@font-face {
font-family:"UTM_Aurora";
src: url(../font/UTM_Aurora.ttf);
}



*{margin:0px;padding:0px;font-family:Arial;}
a{text-decoration:none}
ul {list-style:none}
img{border:0px}
*:focus {outline: none}

.note{font-size: 13px;color: red;font-family:Arial, Helvetica, sans-serif;}

.page_in{font-size:14px;clear:both;text-align:center;margin-top:5px;margin-bottom:10px;}
.page_in a{padding:2px 6px 2px 6px;background:#bcbcbc;color:#000;border-radius:3px;}
.page_in a:hover{padding:2px 6px 2px 6px;background:#014277;color:#FFF;}
#current_page{padding:2px 6px 2px 6px;background:#014277;color:#FFF;font-weight:bold;margin-left: 4px;}

.read_more{	
	margin-top:-15px;
	padding-right:10px;	
	text-align:right;
	margin-bottom:4px;
}

.read_more a{
	font-size:13px;
	font-style:italic;
	color:#013966;	
}

.read_more a:hover{
	color:#CB1C1A;
}

.read_more_right{
	text-align:right;
	font-size:14px;	
}

.read_more_right a{
	color:#ff0000;
	font-style:italic;	
}

.read_more_right a:hover{
	color:#000;
}

.clear_both{
	clear:both;	
}

.content_article{
	padding:20px 15px 10px 15px;
	text-align:justify;	
	font-size:14px;
	display:inline-block;
}

.title_article{
	font-size:18px;
	margin:5px 0px;	
	color:#014072;
}

.title_article a{
	color:#000;	
}

.content_article table{
	margin:0 auto;
}

.content_article p{
	margin-bottom:5px;	
}

.content_article ul li{
	list-style:inside;	
}

.breadcrumb{
	color:#666666;
	font-size:14px;	
	font-weight:100;
	font-style:italic;
    text-transform: uppercase;
}

.breadcrumb a{
	color:#666666;
	font-size:14px;	
}

.breadcrumb a:hover{
	color:#013966;
}

.list_same{
	margin-top:5px;	
}

.same_title{
	list-style:none!important;	
	margin:5px 0px 5px 0px;
}

.same_title h2{
	font-size:15px;
	color:#014072!important;
}

.list_same li{
	list-style:none!important;
	color:#df0001;
}

.list_same li:hover{
	color:#014995;
}

.list_same li:hover a{
	color:#df0001;
}

.list_same li a{
	font-size:14px;
	color:#000;	
	padding-left:10px;
}

.none_border{
	border:none!important;	
}

body{
	min-width:1000px;
	background:url(../img/bg.png) no-repeat top center #e8e8e8;
	padding-top:45px;
}

#wrap_all{
	width:1000px;
	margin:0 auto;
	display:table;	
}

#wrap_logo_menu_lang{
	width:1000px;
	height:95px;
	border-radius:5px;
	background:#025394;	
	margin-bottom:5px;
}

#wrap_logo{
	width:230px;
	text-align:left;
	float:left;	
	padding:13px 0px 0px 20px;
}

#wrap_menutop{
	width:690px;
	float:left;	
	padding-top:25px;
}

#wrap_lang{
	width:60px;
	text-align:center;
	float:left;	
	padding-top:25px;
}

#wrap_lang a{
    display: block;
    width: 60px;
	text-align: center;
   margin-bottom: 10px;
}

#wrap_lang img{
	height:15px;
	display:inline-block;
}

#wrap_slide_intro{
	width:1000px;
	height:373px;
	background:#FFF;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
}

#wrap_slide{
	width:690px;
	height:373px;
	float:left;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;	
}

#wrap_intro{
	width:310px;
	height:366px;
	float:left;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	border-top:7px solid #013966;
	background:#fff;
}

#wrap_intro > h2{
	font-size:18px;	
	text-align:center;
	padding-top:2px;
}

#wrap_intro > h2 a{
	color:#fff;	
	padding:3px 25px 4px 25px;
	background:url(../img/bg_ttc.png) repeat-x center;
	position:relative;
}

#wrap_intro > h2 a:before {
    background: url(../img/bg_ttl.png) no-repeat ;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    left: -43px;
    top: 0px;
    width: 45px;
}

#wrap_intro > h2 a:after {
    background: url(../img/bg_ttr.png) no-repeat ;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -43px;
    top: 0px;
    width: 45px;
}

#wrap_content_intro{
	padding:10px;
	width:290px;	
}

#wrap_img_intro{
	width:288px;
	height:153px;
	border:1px solid #014d8a;
	margin:15px 0px 10px 0px;
	text-align:center;	
}

#wrap_img_intro img{
	width:288px;
	height:153px;
}

#wrap_descript_intro > h3{
	text-align:left;
	font-size:14px;
	color:#013966;	
	margin-bottom:5px;
    text-transform: uppercase;
}

#wrap_descript_intro > div{
	text-align:justify;
	font-size:12px;
	color:#000;	
	line-height:19px;
}

#wrap_descript_intro > div a{
	color:#013966;	
}

#wrap_descript_intro > div a:hover{
	color:#6c9bd3;	
}

#wrap_services_home{
	width:1000px;
	height:295px;
	background:#4773a8;
	clear:both;	
}

.block_service_home{
	width:211px;
	height:270px;
	float:left;	
	margin-top:15px;
	margin-left:30px;
}

.block_service_home h2{
	text-align:center;
	font-size:15px;	
	margin-bottom:10px;
    text-transform: uppercase;
	text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.block_service_home h2 a{
	color:#023277;
}

.img_service_home{
	width:209px;
	height:113px;
	border:1px solid #023277;
	margin-bottom:15px;	
}

.img_service_home img{
	width:209px;
	height:113px;
}

.block_service_home p{
	font-size:12px;
	color:#fff;	
	text-align:justify;
}

.block_service_home p a{
	display:block;
	margin-top:10px;
	color:#fff;
	width:55px;
	height:34px;
	background:url(../img/bg_dtb.png) no-repeat center;
	line-height:41px;
	padding-left:14px;
}

#wrap_bg_content{
	width:1000px;
	display:inline-block;
	background:#fff;
	border-top:10px solid #013966;
	margin-top:5px;	
}

#wrap_bg_content > h2{
	margin-left:45px;
	margin-top:-6px;	
	font-size:18px;
	font-weight:100;
	text-transform:uppercase;
}

#wrap_bg_content > h2 a{
	color:#fff;	
	padding:3px 35px 4px 35px;
	background:url(../img/bg_ttc.png) repeat-x center;
	position:relative;
}

#wrap_bg_content > h2 a:before {
    background: url(../img/bg_ttl.png) no-repeat ;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    left: -45px;
    top: 0px;
    width: 45px;
}

#wrap_bg_content > h2 a:after {
    background: url(../img/bg_ttr.png) no-repeat ;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -45px;
    top: 0px;
    width: 45px;
}

.block_center{
	margin-top:10px;	
}

/* -------------- BEGIN CONTENT CSS */

/*   BEGIN LIST_PRODUCT */

.title_project{
	font-size:16px; 
	border-bottom:2px solid #004983;
	width:960px;	
	margin-left:20px;
	height:20px;
	line-height:30px;
}

.title_project a{
	color:#004983;
	padding:0px 10px 10px 0px;
	background:#fff;
}


.list_product{
   width:1000px;
   display:inline-block;	
   text-align:center;
   padding-top:15px;
}

.list_product li{
   width:170px;
   min-height:210px;
   font-size:14px;	
   float:left;
   margin:0px 10px 10px 18px;
}

.partners li{
	min-height:170px;	
}

.wrap_bg_img{
   width:168px;
   height:120px;
   border:1px solid #013a68;
   display: table-cell;
   vertical-align: middle;	
   text-align:center;
   background:#FFF;
}
	
.wrap_bg_img *{
   vertical-align: middle;	
}
	
.list_product h3{
   font-size:12px;
   margin:10px 0px;
   font-weight:100;
   padding:0px 5px;
   text-transform: uppercase;
   height: 35px;
}

.list_product h3 a{
   color:#013966;
   text-align: center;
}

.list_product h3 a:hover{
   color:#c00000;
}
	
.list_product p a{
   display:block;
	margin-top:10px;
	color:#fff;

	height:34px;
	background:url(../img/bg_dtb.png) no-repeat center;
	line-height:41px;
	
}
	
.list_product p a:hover{
   color:#c00000;	
}

/* END LIST_PRODUCT*/

#wrap_partner{
	width:1000px;
	height:70px;
	margin-top:5px;
	background:#d1d1d1;	
	margin-bottom:10px;
	padding:10px 0px;
}

.kmt_slide{
	width:960px;
	position:relative;
	z-index:0;
	padding:0px 20px;
}

.kmt_bt_hover {
	height: 70px;
	width:1000px;
	position: absolute;
	padding: 0px;
	right:0px;
	z-index:0;
}
.kmt_slide .kmt_bt_hover .so_pre_hor_picactive {
	background: url(../img/arr_left.png) no-repeat;
	cursor: pointer;
	width: 9px;
	height: 54px;
	display:inline-block;
	position:absolute;
	top:10px;
	left:5px;
	z-index:100;
}

.kmt_slide .kmt_bt_hover .so_next_hor_picactive {
	background: url(../img/arr_right.png) no-repeat;
	cursor: pointer;
	width: 9px;
	height: 54px;
	display:inline-block;
	position:absolute;
	right:5px;
	top:10px;
	z-index:100;
}

#list_partner{
	width:960px;
	height:70px;	
}

#list_partner li{
	width:151px;
	height:70px;
	float:left;	
	margin:0px 4px 0px 5px;
}

#list_partner img{
	width:151px;
	height:70px;	
}

/*------------------------------ BEGIN CONTACT PAGE */
	#wrap_all_contact{
		width:980px;
		padding:0px 10px;
		display:inline-block;
	}
	
	#wrap_contact_page{
		width:980px;	
		float:left;
		margin-bottom: 10px;
		padding-top:10px;
		font-size:14px;
	}
	
	#wrap_contact_page p{
		margin-bottom:5px!important;	
	}
	
	#wrap_map{
		width:980px;
		min-height:150px;
		float:left;	
		margin-bottom:20px;
	}
	
	#wrap_form_contact{
		float:left;
		margin-top:10px;	
	}
	
	#title_form_ta{
		padding-top:10px;
		float:left;
		width:260px!important;
		font-size:13px;
		text-align:right;
	}
	
	#title_form_ta li{
		margin-bottom:5px;
		height:25px;	
		padding-top:6px;
		list-style:none!important;
	}
	
	#input_form_ta{
		padding-top:10px;
		float:left;
	}
	
	#input_form_ta li{
		margin-bottom:6px;
		text-align:left;
		padding-left:5px;
		list-style:none!important;
	}
	
	#input_form_ta li input{
		width:460px;	
		height:22px;
		padding:3px;
	}
	
	#input_form_ta li textarea{
		width:460px;
		max-width:535px!important;
		height:100px;
		padding:3px;
		resize:none;
	}
/*------------------------------ END CONTACT PAGE */

#wrap_details_product{
	padding:0px 20px 10px 20px;	
	width:960px;
	display:inline-block;
}

#wrap_content_details_product_left{
	margin-top:20px;
	width:448px;
	height:325px;
	border:1px solid #024780;
	float:left;	
	margin-bottom:20px;
}

#wrap_img_pd{
	width:448px;
	height:323px;
	background:#fff;
	display: table-cell;
    text-align: center;
    vertical-align: middle;
	border:1px solid #ccc;
}

#wrap_img_pd * {
    vertical-align: middle;
}

#wrap_content_details_product_right{
	margin-top:20px;
	width:485px;
	float:left;	
	padding-left:25px;
}

#wrap_descript_project{
	width:960px;
	clear:both;	
}

#wrap_descript_project p{
	font-family:Arial, Helvetica, sans-serif;
}

.tt_projects_1{
	font-size:14px;
	color:#030303;	
	margin-bottom:10px;
	text-decoration:underline;
	font-style:italic;
	-moz-text-decoration-color: #a3a3a3; /* Code for Firefox */
    text-decoration-color: #a3a3a3;
}

.tt_projects_2{
	color:#024780;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;	
	margin-bottom:25px;
    text-transform: uppercase;
}

.info_project_1{
	font-size:14px;	
}

.info_project_1 p{
	margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
}

/* -------------- END CONTENT CSS */

#wrap_bg_bottom{
	width:1000px;
	display:inline-block;
	border-radius:5px;
	margin-bottom:15px;
	background: rgb(2,85,153); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiMwMjU1OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDEzYTY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left,  rgba(2,85,153,1) 23%, rgba(1,58,105,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(23%,rgba(2,85,153,1)), color-stop(100%,rgba(1,58,105,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(2,85,153,1) 23%,rgba(1,58,105,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(2,85,153,1) 23%,rgba(1,58,105,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(2,85,153,1) 23%,rgba(1,58,105,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(2,85,153,1) 23%,rgba(1,58,105,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#025599', endColorstr='#013a69',GradientType=1 ); /* IE6-8 */
	
}

#wrap_bg_bottom_left{
	width:740px;
	float:left;	
	padding:10px;
	text-align:left;
	font-size:12px;
	color:#fff;
}

#wrap_bg_bottom_left p{
	margin-bottom:5px;
}

#wrap_bg_bottom_right{
	width:220px;
	float:left;	
	text-align:right;
	padding:10px;
}

#wrap_bg_bottom_right p{
	margin-bottom:3px;
	color:#dce6f2;
	font-size:12px;
}

#wrap_bg_bottom_right p img{
	height:20px;
	margin-left:5px;
}

.count_num{
	display:inline-block;
	width:15px;
	height:15px;
	line-height:15px;
	margin-left:2px;
	font-weight:bold;
	text-align:center;
	background:#ff3b3c;
	font-size:11px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
}


#wrap_bg_bottom_right p a{
	color:#dce6f2;	
}

#wrap_bg_bottom_right p a:hover{
	color:#ebca61;	
}

/*
.loader {
	position:absolute;
	top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	width: 300px;
	height:300px;
	z-index: 9999;
	background: url(../img/load1.gif) 50% 50% no-repeat;
}
*/

.loader {
	margin: auto;  
    position: absolute;
    left:0;
    right: 0;
    top: 500px;
    bottom: 0;
	z-index: 9999;
	background: url(../img/load1.gif) 50% 50% no-repeat;
}