@charset "utf-8";

/*body{background:url(../images/bg.png) repeat top left;}*/

body{background-color: rgba(0, 0, 0, 0.2);}

.clr{

	clear: both;

}

*{font-family:Arial, Helvetica, sans-serif;}

/*img{max-width:950px;}

/****** BODY WAP ******/

#body-wap{

width:1000px;

margin:0 auto;

background-color: rgba(255,255,255,0.4);

padding:10px;

overflow:hidden;

}

/****** HEADER ******/

header#header{

width: 1000px;

height:auto;

top: 0;

left: 0;

}

#header div.h_slide{

width:1000px;

height:300px;

float:left;

}

#header div.h_slide_flash{

width:1000px;

height:166px;

float:left;

}

#header div.h_menu{

width:100%;

float:left;

margin-top:3px;

}

.h_menu ul li.active, .menu-croll ul li.active {

	background-image: linear-gradient(bottom, #0eb0c9 30%, #0fc0db 50%, #0c9cb3 86%);

	background-image: -o-linear-gradient(bottom, #0eb0c9 30%, #0fc0db 50%, #0c9cb3 86%);

	background-image: -moz-linear-gradient(bottom, #0eb0c9 30%, #0fc0db 50%, #0c9cb3 86%);

	background-image: -webkit-linear-gradient(bottom, #0eb0c9 30%, #0fc0db 50%, #0c9cb3 86%);

	background-image: -ms-linear-gradient(bottom, #0eb0c9 30%, #0fc0db 50%, #0c9cb3 86%);

	

	background-image: -webkit-gradient(

	linear,

	left bottom,

	left top,

	color-stop(0.30, #0eb0c9),

	color-stop(0.50, #0fc0db),

	color-stop(0.86, #0c9cb3)

	);

}

.menu-croll{

width: 100%;

}

#fixNav{

  width: 100%;

  display: none;

  background: #fff;

  position: fixed; 

  top: 0; 

  left: 0; 

  z-index: 10000;

  box-shadow: 0px 2px 2px rgba(0,0,0,0.5); 

}

#fixNav ul.menu{

	width:1000px;	

	margin:0 auto;

	padding: 0;

	background-image: linear-gradient(bottom, #003350 30%, #003e61 50%, #005687 86%);

	background-image: -o-linear-gradient(bottom, #003350 30%, #003e61 50%, #005687 86%);

	background-image: -moz-linear-gradient(bottom, #003350 30%, #003e61 50%, #005687 86%);

	background-image: -webkit-linear-gradient(bottom, #003350 30%, #003e61 50%, #005687 86%);

	background-image: -ms-linear-gradient(bottom, #003350 30%, #003e61 50%, #005687 86%);	

	background-image: -webkit-gradient(

	linear,

	left bottom,

	left top,

	color-stop(0.30, #003350),

	color-stop(0.50, #003e61),

	color-stop(0.86, #005687)

	);

}

/****** CONTENT ******/

section#content{

	width: 1000px;

	height:auto;

	overflow:hidden;

	padding-bottom:20px;

	background: #fff;

}

.c_wap_duan .title-content{

	width: 980px;

    float: left;

    padding: 15px 10px 5px;

    border-bottom: 1px solid #1E90FF;

    color: #5e5e5e;

    font-size: 18px;

    text-transform: uppercase;

	text-shadow: 2px 2px 2px #b8b8b8;

}

/***** content gioi thieu ****/

.content_gt{

	width:69%; 

	height:390px; 

	float:left; 

	background-color: rgba(181, 181, 181, 0.2);

	padding: 2% 0.5% 0%;

	position:relative;

overflow:hidden;

}

.content_gt .title_gt{

	width:680px;

	float:left;

}

.title_gt span.gt_logo{

	width:50px; 

	float:left;

}

.title_gt span.gt_title{

	width:630px; 

	height:40px;

	line-height:42px;

	float:left;

	color:#00B2EE;

	text-shadow: 2px 2px 2px #b8b8b8;

	font-size:18px;

	font-weight:500;

	text-transform:uppercase;

}

.content_gt span.info{

	width:680px; 

	float:left; 

	margin-top:20px;

	font-size:14px;

}

/***** content tin tuc ****/

.content_tt{

	position:relative;

	width:29%; 

	height:400px; 

	float:left;  

	padding: 1% 0.5% 0%;

}

.content_tt .title_tintuc{

	width:100%; 

	height:40px; 

	float:left; 

	background:#fff;

}

.content_tt .title_tintuc span.icon_tintuc{

	width:40px; 

	height:40px; 

	float:left;

}

.content_tt .title_tintuc span.td_tintuc{

	margin-left:10px; 

	height:40px; 

	float:left; 

	line-height:40px; 

	text-transform:uppercase; 

	font-size:18px; 

	color:#00B2EE;

	font-weight:500;

	text-shadow: 2px 2px 2px #b8b8b8;

}

.content_tt .info_tintuc{

	width:100%; 

	height:305px; 

	float:left; 

	margin-top:10px;  

	clear:both;

}

.content_tt .info_tintuc ul li{

	width:96%; 

	height:60px; 

	list-style:none; 

	float:left; 

	padding: 2%; 

	border-bottom:1px rgba(205, 205, 180, 0.5) solid;

}

.content_tt .info_tintuc ul li span.img_tintuc_home{

	width:50px; 

	height:50px; 

	float:left;

}

.content_tt .info_tintuc ul li span.img_tintuc_home img{

	width:50px; 

	height:50px;

}

.content_tt .info_tintuc ul li span.td_tintuc_home{

	width:218px; 

	float:left; 

	padding:0 0 5px 10px;

}

.content_tt .info_tintuc ul li span.td_tintuc_home a{

	color:#545454; 

	font-size:13px;

	line-height:17px;

	text-decoration:none;

	-webkit-transition: all 400ms linear;

    -moz-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    -ms-transition: all 200ms linear;

    transition: all 200ms linear;

	font-weight:600;

}

.content_tt .info_tintuc ul li span.td_tintuc_home a:hover{

	color:#1E90FF;

}

.content_tt .info_tintuc ul li span.sm_tintuc_home {

	width:218px; 

	float:right; 

	padding-left:10px;

	font-size:13px;

}

/***** content cong trinh ****/

#content .content_ct{

	position:relative;

	width:69%; 

	height:320px; 

	float:left; 

	background-color: rgba(255,255,255,0.8); 

	padding: 2% 0.5%;

}

.slide-container { /*slide-container là khối bao mà slide-stage có thể "trượt" bên trong */

	height: 270px;

	width: 620px;

	margin:0 auto;

	overflow: hidden;

	position:relative;

}

.slide-stage{

	position: absolute;

}

.slide-image { /*Độ rộng của .slide-image có thể được thay đổi theo nhu cầu, ảnh hưởng đến độ rộng chung của slideshow*/

	float:left;

	width:210px;

	height:270px;

	text-align: center;

}

.slide-image img{

	width:185px;

	height:150px;

	margin:0 auto;

}

.slide-pager{

	position:relative;

}

.slide-control-prev {

	position: absolute;

	text-align: center;

	width: 15px;

	height: 50px;

	background: #1E90FF;

	line-height: 50px;

	color: #fff;

	cursor: pointer;

	top: 90px;

	left: -5px;

}

.slide-control-next{

	position: absolute;

	text-align: center;

	width: 15px;

	height: 50px;

	background: #1E90FF;

	line-height: 50px;

	color: #fff;

	cursor: pointer;

	right: -5px;

	top: 90px;

}

.slide-image span.title_ct{

	float:left;

	width:175px;

	margin-top:10px;

	margin-left:10px;

	padding:5px;

	color:#1E90FF;

	text-transform:capitalize;

	font-size:16px;

	font-weight:600;

}

.slide-image span.info_ct{

	float:left;

	width:175px;

	margin-top:10px;

	margin-left:10px;

	padding:5px;

	color:#333;

	font-size:14px;

	text-align:left;

	border-top: 5px solid #1E90FF;

}

.content_ct .tieubieu{

	margin-bottom:5px;

	width:96%;

	padding: 0 2% 20px;

	float:left;

	text-align:center;

	text-transform:uppercase;

	color:#00B2EE;

	font-size:18px;

	font-weight:500;

	border-bottom: 1px solid #9e9e9e;

	text-shadow: 2px 2px 2px #b8b8b8;

}

/***** contentmap ****/

#content .content_map{

	width:29%; 

	height:340px; 

	float:right; 

	background-color: rgba(181, 181, 181, 0.2);

	padding: 1% 0.5%;

}

/********/

a.more{

	position:absolute;

	bottom:10px;

	right:10px;

	text-decoration:none;  

	float:right; 

	padding:3px 20px; 

	color:#1E90FF;

	-webkit-transition: all 400ms linear;

    -moz-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    -ms-transition: all 200ms linear;

    transition: all 200ms linear;

}

a.more:hover{

	color:#3e5361;

	text-decoration:underline;

}

/******************* CONTENT WAP ******************/

#content .c_wap_content {width:990px; height:auto; overflow:hidden; background:#fff; padding:10px 5px;}

.content_title{

	width: 98%;

	padding:1%;

	float:left;

}

.content_title span.ct_logo{

	width:50px; 

	float:left;

}

.content_title span.ct_title{

	height:40px;

	line-height:42px;

	float:left;

	color:#00B2EE;

	text-shadow: 2px 2px 2px #b8b8b8;

	font-size:18px;

	font-weight:500;

	text-transform:uppercase;

}

.content_nd{

	width: 100%;

	float:left;

}

.content_tieude{

	width:970px;

	float:left;

	padding: 5px 10px;

	margin: 20px 0px 10px 0px;

	border-bottom:1px dashed #919191;

	color:#b22222;

	font-size:16px;

	text-transform:uppercase;

	font-weight:600;

}

.content_info{

	width:970px;

	float:left;

	padding: 10px;

	color:#545454;

	font-size:14px;

	line-height:22px;

}

/*------- gioi thieu -----------*/

.gioi-thieu{

width:970px;

float:left;

padding: 25px 10px;

margin-bottom:10px;

border-radius:5px;

}

.gioi-thieu span.sumary-1{width:470px; float:left;}

.gioi-thieu span.sumary-2{width:470px; float:right;}

.gioi-thieu span.info{width:970px; float:left; line-height:22px;}

.gioi-thieu span.img-1{width:450px; float:left; text-align:center;}

.gioi-thieu span.img-2{width:450px; float:right; text-align:center;}



/*.nang-luc span.title-nl{width:100%; float:left; padding:10px 0; line-height:25px; border-bottom: 1px rgba(230, 230, 230, .8) solid;}

.nang-luc span.info-nl{width:100%; float:left; padding:10px 0; line-height:20px; font-family:Tahoma, Geneva, sans-serif;}

.nang-luc span.info-nl img{max-width:960px;}

.nang-luc span.info-nl ul{margin:30px 0;}

.nang-luc span.info-nl ul.ul1{width:970px; float:left; list-style:none; text-align:left;}

.nang-luc span.info-nl ul.ul1 li{padding:10px 5px;}

/************/

#content .c_wap_gioithieu{width:100%; height:auto; overflow:hidden; background:#fff;}

.c_wap_gioithieu .c_wap_nangluc .title-lg, .c_wap_duan .title-lg, .title-lg{

width:980px;

background-color: rgba(248, 248, 255, 0.9);

float:left;

padding: 20px 10px;

margin-bottom:10px;

border-radius:5px;

margin-top:5px;

}

.c_wap_gioithieu {

width:980px;

float:left;

padding: 20px 10px;

margin-bottom:10px;

border-radius:5px;

margin-top:5px;

}



/*nang luc cong ty!*/

#content .c_wap_nangluc{width:100%; height:auto; overflow:hidden; background:#fff;}

/*dự án!*/

#content .c_wap_duan{width:100%; height:auto; overflow:hidden; background:#fff;}

.c_wap_duan , .c_wap_duan .title-thuchien{width:980px; float:left; padding:15px 10px 5px; border-bottom: 1px solid #1E90FF; color:#5e5e5e; font-size:18px; text-transform:uppercase;}

.c_wap_duan .list-tieubieu, .c_wap_duan .list-thuchien, .c_wap_duan .list-secutech, .c_wap_duan .list-hoatdong{width:980px; float:left; padding:15px 10px 5px;}

.list-tieubieu ul li, .list-secutech ul li{

	position: relative;

	overflow:hidden;

	cursor: pointer;

	list-style-type:none;

	margin:10px;

	float:left;

	width:215px;

	height:170px;

	border:5px solid #e8e8e8;

	-webkit-box-shadow: 1px 1px 1px 1px #ccc;

	-moz-box-shadow: 1px 1px 1px 1px #ccc;

	box-shadow: 1px 1px 1px 1px #ccc;

}

.list-tieubieu ul li img, .list-secutech ul li img{

	width:215px;

	height:170px;

	position: absolute;

	-webkit-transition: all 300ms ease-out;

	-moz-transition: all 300ms ease-out;

	-o-transition: all 300ms ease-out;

	-ms-transition: all 300ms ease-out;	

	transition: all 300ms ease-out;

}

.list-hoatdong ul li{

	cursor: pointer;

	list-style-type:none;

	margin:10px;

	float:left;

	width:215px;

	height:220px;

	-webkit-box-shadow: 1px 1px 1px 1px #ccc;

	-moz-box-shadow: 1px 1px 1px 1px #ccc;

	box-shadow: 1px 1px 1px 1px #ccc;

}

.list-hoatdong ul li span.hd-img{

	width:205px;

	height:170px;

	float:left;

	border:5px solid #e8e8e8;

	-webkit-transition: all 300ms ease-out;

	-moz-transition: all 300ms ease-out;

	-o-transition: all 300ms ease-out;

	-ms-transition: all 300ms ease-out;	

	transition: all 300ms ease-out;

}

.list-hoatdong ul li span.hd-img:hover{

	opacity: 0.7;

}

.list-hoatdong ul li span.hd-img img{

	width:205px;

	height:170px;

}

.list-hoatdong ul li span.hd-title{

	width:205px;

	height:30px;

	float:left;

	padding:5px;

	text-align:center;

	text-transform:capitalize;

	font-size:14px;

	color:#003350;

}

.list-secutech ul li h3.title_secutech{

	text-transform:uppercase;

	color:#00B2EE;

	font-weight:600;

}

/*------list công trình------------*/

.c_wap_content span.title-group{

	width:980px;

	float:left;

	padding:15px 0;

	font-size:16px;

	font-weight:bold;

	text-transform:uppercase;

	color:#900;

}

#list_congtrinh {margin:0px; width:980px; text-align: left; border-collapse: collapse; }

#list_congtrinh th {padding: 8px; font-weight: normal; font-size: 13px; color: #fff; background: #0091b2; border: 1px solid #ccc; text-transform:capitalize; font-weight:600;}

#list_congtrinh td {padding: 8px; color: #363652; border: 1px solid #ccc; text-transform:capitalize;}

#list_congtrinh tbody tr:hover td {background: #d9eef7;}

/*----- tin tuc --------*/

#content .c_wap_tintuc{width:100%; height:auto; overflow:hidden; background:#fff;}

.c_wap_tintuc .list-tintuc{width:980px; float:left; padding:15px 10px 5px;}

.list-tintuc ul li {width:980px; float:left; border-bottom: 1px dashed #1E90FF; padding:10px 0;}

.list-tintuc ul li span.tt-img{width:200px; height:200px; float:left;

	-webkit-transition: all 200ms ease-out;

	-moz-transition: all 200ms ease-out;

	-o-transition: all 200ms ease-out;

	-ms-transition: all 200ms ease-out;	

	transition: all 200ms ease-out;}

.list-tintuc ul li span.tt-img img{width:200px; height:200px;}

.list-tintuc ul li span.tt-img img:hover{opacity:0.7;}

.list-tintuc ul li span.tt-title{width:760px; float:left; margin-left:20px; padding: 10px 0;}

.list-tintuc ul li span.tt-title a{text-decoration:none; font-size:20px; font-weight:500;

	color: #1E90FF;

	text-shadow: 2px 2px 2px #b8b8b8;

	-webkit-transition: all 200ms ease-out;

	-moz-transition: all 200ms ease-out;

	-o-transition: all 200ms ease-out;

	-ms-transition: all 200ms ease-out;	

	transition: all 200ms ease-out;

}

.list-tintuc ul li span.tt-title a:hover{color:#454545;}

.list-tintuc ul li span.tt-summary{width:760px; float:left; margin-left:20px; padding: 0 0 10px;}

/*-----view tin tuc --------*/

h1.view-title{width:970px; float:left; padding: 10px 10px 0px 10px; font-size:30px; color:#1E90FF; font-weight:500;}

span.view-date{width:970px; float:left; padding: 5px 10px; font-size:12px; color:#545454; font-style:italic;}

span.view-summary{width:970px; float:left; padding:10px; font-weight:600; color:#545454; line-height:22px;}

span.view-img{width:970px; float:left; padding:10px; text-align: center;}

span.view-img img{max-width:970px;}

span.view-info{width:970px; float:left; padding:10px; font-size:14px; line-height:22px;}

/*-----list-giaiphap --------*/

.list-giaiphap{

	width:988px;

	margin-top:15px;

	border:1px solid #e0e0e0;

	float:left;

}

.list-giaiphap ul li.content-gp-1{

	list-style-type:none;

	float:left;

	width:470px;

	height:400px;

	padding:5px 14px 10px 5px;

	border-right:1px solid #e0e0e0;

}

.list-giaiphap ul li.content-gp-2{

	list-style-type:none;

	float:left;

	width:470px;

	height:400px;

	padding:5px 5px 10px 14px;

}

.list-giaiphap ul li.content-gp-3{

	list-style-type:none;

	float:left;

	width:470px;

	height:400px;

	padding:5px 14px 10px 5px;

	border-right:1px solid #e0e0e0;

	border-top:1px solid #e0e0e0;

}

.list-giaiphap ul li.content-gp-4{

	list-style-type:none;

	float:left;

	width:470px;

	height:400px;

	padding:5px 5px 10px 14px;

	border-top:1px solid #e0e0e0;

}

.gp-title{

	width:460px;

	height:65px;

	float:left;

	padding:5px;

	text-align:center;

	margin-bottom:10px;

	background:#f5f5f5;

}

.gp-title a{

	text-decoration:none;

	font-size:18px;

	color:#1E90FF;

	text-transform:capitalize;

	font-weight:400;

	-webkit-transition: all 200ms ease-out;

	-moz-transition: all 200ms ease-out;

	-o-transition: all 200ms ease-out;

	-ms-transition: all 200ms ease-out;	

	transition: all 200ms ease-out;

	text-shadow: 2px 2px 2px #b8b8b8;

}

.gp-title a:hover{

	color:#5e5e5e;

}

.gp-thumb{

	width:470px;

	height:315px;

	float:left;

}

.gp-thumb img{

	width:470px;

	height:315px;

	float:left;

	-webkit-transition: all 200ms ease-out;

	-moz-transition: all 200ms ease-out;

	-o-transition: all 200ms ease-out;

	-ms-transition: all 200ms ease-out;	

	transition: all 200ms ease-out;

	box-shadow: 0px 0px 5px 0px #a1a1a1;

    -moz-box-shadow: 0px 0px 5px 0px #a1a1a1;

    -webkit-box-shadow: 0px 0px 5px 0px #a1a1a1;

    -o-box-shadow: 0px 0px 5px 0px #a1a1a1;

    -ms-box-shadow: 0px 0px 5px 0px #a1a1a1;

}

.gp-thumb img:hover{

	opacity:0.7;

}

/*------phan trang------------*/

.paging{position:relative; width:980px; height:40px; margin:30px 0 0; float:left;}

nav[role="page"] {position: absolute; background:none; left:20px;}

nav[role="page"] ul li {float: left; margin-left:1px; background:#fff;;list-style-type:none; text-align:center;  color:#ddd; border:1px solid #ddd; }

nav[role="page"] ul li a {color:#595a63; text-decoration: none; display: block; padding:6px 11px; font-weight: 600; 	font-size: 12px;}

nav[role="page"] ul li:hover{background:#595a63; border:1px solid #595a63;}

nav[role="page"] ul li a:hover {border-radius:3px; color:#fff !important; }

nav[role="page"] ul li.current {padding:6px 11px; text-align:center; font-weight: normal; font-size: 12px; color: white; background:#595a63;  font-weight: bold; border:1px solid #595a63;}