*,h2,p,ul {margin: 0;padding: 0;}

body{color: #000;margin: 0;padding: 0; font:13px/20px tahoma; color:#2b2b2b}

table{border-collapse:collapse;}

a,a:hover {text-decoration: none;}

img{border:none}

ul, li {list-style: none outside none;}



/* Float */

.fl {float: left;}

.fr {float: right;}

.clearfix {display: block;width: 100%;}

.clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}

.clear {clear: both;height: 1px;overflow: hidden;}



/*header*/

.header{float: left;width:100%;background:#fff}

.header .logo{float:left;width:100%; margin:30px 0; border-right:solid 1px #ececec}

.header .logo img{max-width:100%;}

.header .support{border-bottom:solid 1px #ececec;float:left;width:100%;padding:20px 0; color:#999}

.header .support .contact,.header .support .contact a{ font-size:17px; color:#999}

.header .support .contact i{margin-right:5px}

.header .support .contact .call{margin-right:20px; padding-right:20px; border-right:solid 1px #000; float:left}

.social_header a{color:#999;margin-left:30px;font-size:20px}

.social_header a:hover{color:#1b95e1;}



/*menu*/

.navbar-default{ border:none; float:left; width:100%; margin:0; padding:0; background:none}

.navbar{border-radius:0; min-height:auto}

.navbar-collapse{padding-left:0; padding-right:0}

.menu{ float:left; width:100%}

.menu li a{font:16px/60px 'Roboto Condensed'; color:#4b4b4b!important;padding:0 22px;text-transform:uppercase;transition:background 0.3s ease-in-out 0s}

.menu li a:hover,.menu li a:focus,.menu li a:active,.menu li.active a{ color:#1b95e0!important}



/*slider*/

.slider{border-top:solid 4px #1b95e0; float:left; width:100%}

.slider img{max-height:450px; width:100%}



/*content*/

.project,
.partner
{
position:relative;	
}
.content h2{color:#000;font:500 24px 'Roboto';background:url(images/content_h2.jpg) no-repeat left bottom; padding-bottom:10px; text-transform:uppercase;margin:30px 0 15px 0; float:left; width:100%; position:relative;cursor:pointer}

.content h2 a{ color:#000;float:left;}

.content h2:hover{ color:#1b95e0; padding-bottom:10px; background:url(images/content_h22.jpg) no-repeat left bottom;}

.content h2 .viewmore{font:500 12px 'Roboto'; color:#1b95e0; border-bottom:solid 1px #1b95e0; position:absolute; right:0; bottom:5px; z-index:99999;}

.content h2 .viewmore:hover{color:#000; border-bottom:solid 1px #000;}

.p_xemthem a
{font:500 12px 'Roboto'; color:#1b95e0; border-bottom:solid 1px #1b95e0; width:70px;position:absolute;margin-top:51px;float:right;right:0px; text-transform:uppercase;}
.p_xemthem a:hover
{color:#000; border-bottom:solid 1px #000;}
.news h2 a:hover
{ color:#1b95e0;}

/*gioi thieu*/

.introduce{ float:left; width:100%;}

.introduce img{max-width:100%}

.introduce .img{float:left}

.introduce .img img{border:solid 1px #cacaca; padding:5px}

.introduce .cnt{text-align:left}

.introduce .cnt p{margin:7px 0}

.service h2
{
position:relative;
z-index:99999;
	
}

/*dich vu-home*/

.service,.service2,.service3{ float:left; width:100%; position:relative}

.service .ar a{background:#fff; color:#535351; padding:10px; border:solid 1px #d1d1d1; font-size:30px;position:absolute; top:45%}

.service .ar a:hover{background:#1b95e0; color:#fff}

.service .ar1{ left:0}

.service .ar2{ right:0}



.service li { float:left; width:23%; margin:0 1%}

.service img{}

.service .title{height:60px; overflow:hidden}

.service .title a{font:500 16px 'Roboto'; color:#535353; text-transform:uppercase}

.service a:hover{color:#1b95e0}

.service p{margin:5px 0; overflow:hidden}

.more{color:#535353; font:500 14px 'Roboto'; border:solid 1px #ddd; padding:3px 10px; border-bottom:solid 2px #ddd; margin-top:10px; float:left}

.more:hover{background:#eee}

/*1 dich vu*/

.service1 .img{text-align:center}

.service1 .img img{border:solid 1px #cacaca; padding:5px; max-width:100%; margin-bottom:5px; text-align:center}

/*2 dich vu*/

.service2 .img{width:46%; float:left}

.service2 .cnt{width:50%; float:right}

.service2 .img img{border:solid 1px #cacaca; padding:5px; width:100%; margin-bottom:5px; height:220px}

.service2 .cnt a{font:500 16px 'Roboto'; color:#535353; text-transform:uppercase}

.service2 .cnt a:hover{color:#1b95e0}

.service2 .cnt p{margin:5px 0}

/*3 dich vu*/

.service3 .img,.service3 .cnt{width:100%; float:left}

.service3 .img img{padding:5px; width:100%; margin-bottom:5px; max-height:150px}

.service3 .cnt a{font:500 16px 'Roboto'; color:#535353; text-transform:uppercase}

.service3 .cnt a:hover{color:#1b95e0}

.service3 .cnt p{margin:5px 0}



/*du an tieu bieu*/

.project{ float:left; width:100%}

.project li{float:left; width:18%; margin:0 1% 20px 1%}

.project li img{}

.project li img:hover{border-color:#000}

.project li p{height:41px; overflow:hidden}

.project li a{font:500 16px 'Roboto'; color:#535353; text-transform:uppercase}

.project li a:hover{color:#1b95e0}



/*tin tuc*/

.news{ float:left; width:100%}

.news li{ float:left; width:31%; margin:0 1%}

.news li img{}

.news li .title{height:60px; overflow:hidden}

.news li .title a{font:500 16px 'Roboto'; color:#535353; text-transform:uppercase}

.news li a:hover{color:#1b95e0}

.news li p{margin:5px 0; overflow:hidden}

.news .more{color:#535353; font:500 14px 'Roboto'; border:solid 1px #ddd; padding:3px 10px; border-bottom:solid 2px #ddd; margin-top:10px; float:left}



/*doi tac*/

.partner{float:left; width:100%}

.partner ul{ border:solid 1px #e8e8e8; float: left; width:100%; padding:10px 0}

.partner li{float:left; width:16%; text-align:center}

.partner li img{ max-height:70px; max-width:100%}



/*footer*/

.footer{float:left; width:100%; margin:40px 0 0 0; border-top:solid 2px #ddd; background:#eee; padding:15px 0}

.footer p{ margin:5px 0}



/*list_page*/

.sitemap{ background:#eaeaea; font:700 14px tahoma; margin:15px 0; padding:10px; border-radius:5px; color:#4b4b4b}

.sitemap span i{color:#4b4b4b; margin:0 5px}

.sitemap a{color:#1b95e0}



.list_page li{ border-bottom:dotted 1px #cecece; padding:10px 0; float:left; width:100%}

.list_page li img{ border:solid 1px #dcdcdc; padding: 6px 6px; width:100%; margin-bottom:10px;height:100%}

.list_page li .title{ font:700 14px tahoma; color:#1b95e0}

.list_page li p{ font:12px tahoma; color:#474747; margin:7px 0}

.list_page li .viewmore{ font:12px tahoma; color:#1b95e0}

.list_page li a:hover{ text-decoration:underline}



.colright{ float:left; width:100%;border:solid 1px #e6e6e6; margin:15px 0; border-top:none}

.colright h3{ background:url(images/bg_title_right.jpg) repeat-x top; height:30px; border-bottom: solid 1px #e6e6e6;border-top: solid 1px #e6e6e6; margin:0; float:left; width:100%}

.colright h3 span{background:url(images/ico_right.jpg) no-repeat left; padding-left:20px; margin-left:20px; font:700 13px/30px tahoma; color:#525252; text-transform:uppercase; float:left}

.colright .box{ float:left; width:100%; padding:15px 10px}



.search{float:left; width:100%}

.search button{background:#1b95e0; color:#fff}



.news_right ul{padding:0 10px}

.news_right li{ float:left; width:100%; padding:5px 0; border-bottom:dotted 1px #1768bb}

.news_right li:before{content:"\f0da"; font:15px 'FontAwesome'; margin-right:5px; color:#494949}

.news_right li a{ color:#1768bb; font:12px tahoma}

.news_right li a:hover{text-decoration:underline}

.news_right p{text-align:right;padding:10px; font-weight:bold}



.support_right{}

.support_right p{ padding:7px 0; border-bottom:dotted 1px #b2b2b2; float:left; width:100%}

.support_right .phone{ background:url(images/ico_phone.png) no-repeat left; padding-left:30px; font:18px tahoma; color:#525252}

.support_right .chat span{float:left; width:50%}

.support_right .email{background:url(images/ico_email.png) no-repeat left; padding-left:25px; float:left; height:22px}



.detail_page h3{ color:#1b95e0; font-size:20px}

.detail_page p{ margin:10px 0}

.detail_page .img{text-align:center}

.detail_page img{max-width:100%}



.comment_fb{ float:left; width:100%; margin-top:20px}



.owl-controls .owl-prev {

  left: 0;

  background:url(images/pre.png) no-repeat !important;	

}

.owl-controls .owl-next {

  right: 0;

 background:url(images/next.png) no-repeat !important;

}

.owl-controls .owl-prev,

.owl-controls .owl-next {

  display: inline-block;

   text-align: center;

  border: none;

  cursor: pointer;

  position: absolute;

  top: 50%;

  margin-top: -46px;

  margin-left:-60px;

  

  margin-right:-30px;

  z-index: 99;

  background-position: center;

  background-repeat: no-repeat;

  width:29px;

height:92px

}

.owl-dichvu .owl-controls .owl-prev,

.owl-dichvu .owl-controls .owl-next {

  display: inline-block;

   text-align: center;

  border: none;

  cursor: pointer;

  position: absolute;

  top: 57%; 

  z-index: 99;

  background-position: center;

  background-repeat: no-repeat;

  width:57px;

height:53px

}

.owl-dichvu .owl-controls .owl-prev {

  left: 64px;

  background:url(images/pre1.png) no-repeat !important;	

}

.owl-dichvu .owl-controls .owl-next {

  right: 24px;

 background:url(images/next1.png) no-repeat !important;

}

.doitac

{

float:left;	

border:1px solid #A7A7A7;

width:100%;

padding-left:60px;

padding-right:30px;

padding-top:10px;

padding-bottom:10px;

border:1px solid #f1f1f1;

box-sizing:border-box;	

}

.titdt

{

float:left;	

}

.item-product

{

margin-left:10px;

}

.sp-dichvu

{

margin-left:-10px;	

}
.depsnd
{
height:125px;
overflow:hidden;
text-align:justify;	
}
.motangantintuc
{
height:125px;
overflow:hidden;	
text-align:justify;
}
body span
{
line-height:24px !important;	
}
.fileUpload {
    position: relative;
    overflow: hidden;
    margin-left: 10px;
	margin-top:7px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

/*fix img*/
.product-img img,.project li img,.news li img{max-width:100%; max-height:100%}

.product-img{ display:table; text-align:center; width:100%}
.product-img a{height:140px; display:table-cell; vertical-align:middle}

.project li div {margin-bottom: 10px; border: solid 1px #cacaca; width: 100%; text-align: center;display: table;}
.project li div a { height: 150px; display: table-cell; vertical-align: middle;}

.news li div { margin-bottom: 10px; width: 100%; text-align: center; display: table;}
.news li div a { height: 165px; display: table-cell; vertical-align: middle;}