/* CSS Document */
body{
margin:0px auto;
background: url("http://www.bluebuilding.com.vn/view/images/2014.png") top center no-repeat;
background-color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#more{
float:left;
}
#wrapper{
margin:0px auto;
}

#header{
margin:0px auto;
width:984px;
background: #fff;
border:1px solid #CCCCCC;
}
#banner{
width:984px;
margin: 0 auto !important;
}
.wrapmenu{
    padding: 0px 1px;
}
#bottom-head {
     background: url("../images/bg-menu-top.png") repeat-x scroll;
    height: 39px;
    line-height: 39px;
    width: 982px;
    position: relative;
    float: left;
}
.menuleft{
    background: url("../images/menu-left.png") no-repeat left;
    width: 15px;
    height:36px;
    float: left;
}
.menuright{
    background: url("../images/menu-right.png") no-repeat right;
    width: 15px;
    height:36px;
    float: left;
    
}
#head-menu {
    margin: 0 auto;
    /*overflow: hidden;*/
    width: 984px;
}
#menu-primary {
margin-top:-9px;
}
#menu-primary li {
    display: inline;
    font-size: 11px;
}
#menu-primary li a {
    margin-left: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
    margin-right: 10px;
    padding: 10px;
    font-weight: bold;
}
#menu-primary li a:hover {
    color:#000;
    background:#fff;
    border-radius:6px;
}
#menu {
    height: 39px;
    line-height: 56px;
	margin-left:1px!important;
    top: 115px;
}
#menu li {
   float: left;
	background: url("../images/hr-vertical.png") right no-repeat scroll;
    font-size: 15px;
    font-weight: bold;
    list-style: none outside none;
}
#menu li a {
    margin-left: 10px;
    margin-right: 10px;
    padding:5px 10px;
   
    font-weight: bold!important;
    font-family: arial, sans-serif;
    font-size: 12px!important;
    color: #FFFFFF;
}
#menu li:hover{
    
}
#menu li a:hover {
 
}
.active{
    background:#fcc810;
    border-radius:6px;
	color:#333333;
}
.search{
   
    right: 43px;
    background: url("../images/bg_search.png") no-repeat;
	width:198px;
	height: 24px;
	padding: 2px;
}
.search input{
   width: 107px;
	border: medium none;
	color: #A6ACAC;
	margin-left: 23px;
	margin-top: 3px;
	font-size: 11px;
}
.button{
 background: url("../images/go.png") no-repeat scroll 0 0 transparent;
    height: 25px !important;
    padding: 0 2px 3px;
    position: absolute;
    right: -28px;
    top: 1px;
    width: 32px !important;
    color:#333!important;
}
.left{
    width: 260px;
    padding: 0px 5px 5px 12px;
    float: right;
    margin-top:-10px;
	background:#ececec;
}
#main_content{
	margin: 0px auto;
	width:984px ;
	background: #fff;
	padding-top: 0px;
	border:1px solid #CCCCCC;
}
.slider{
    margin:0px auto;
    width: 984px;
    margin-left:0px;
}
.slider img{
   /* margin:0px 0px 0px 11px;*/
    padding:1px;
    border: 0px solid #ccc;
   /* border-radius: 5px;*/
}
.crum{
   padding: 6px;
   height:16px;
   background:#f5f5f7;
}
.crum a{
    font-weight:bold;
    color: #000;
    margin-left: 5px;
    font-size: 12px;
}
.crum a {
   
    width: 16px;
    height: 16px;
   padding: 4px 14px 1px 7px;
}


.sanpham_cat{
    position: relative;
    margin-top: 2px;
	
	
	
}
.sanpham_cat h3{


	width:259px;
	height: 37px;
	line-height: 37px;
	padding-left: 10px;
	color: #cf3b00;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	
	top: 0px;
	bottom:10px;
	text-align:left;

}

.noibat a img{
      border-left: 3px solid #eece9f;
      border-right: 3px solid #eece9f;
	  border-top: 3px solid #eece9f;
	  border-bottom: 3px solid #eece9f;
    margin-bottom:10px;
    padding:0px!important;
}


div.noibat{
    float: left;
	width:225px;
    font-size: 10px;
    font-weight: bold;
    margin-left: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    margin-top: 10px;
    text-align: center;
}


.sanpham_cat ul{
      border-left: 3px solid #eece9f;
      border-right: 3px solid #eece9f;
	  border-top: 3px solid #eece9f;
	  border-bottom: 3px solid #eece9f;
    padding-top: -2px;
    padding-left: 4px;
	/*background: url("../images/bg_sanpham.png")  ;*/
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:center top;  
}
.sanpham_cat ul li{
    line-height: 30px;
    width: 237px!important;
	width: 189px;
	line-height: 34px;
	 margin-left:8px;
	
}
.sanpham_cat ul li a span{
    background: url(../images/icon-list.png) no-repeat left center;
    padding:8px;
}
.sanpham_cat ul li a{ 
        display:block;
       padding-bottom: 3px;
	   font-size: 12px;
	   font-family: arial;
	   font-weight:bold;
	   color: #585953;
	  
}
.sanpham_cat ul li a:hover{
     color:#f5ca00;
}



.support_cat{
    position: relative;
    margin-top: 2px;
	
	
	
}
.support_cat h3{
 
	width:259px;
	height: 35px;
	line-height: 35px;
	padding-left: 50px;
	color: #cf3b00;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	top: -35px;

}
.support_cat ul{
   border-left: 3px solid #eece9f;
    border-right: 3px solid #eece9f;
	 border-top: 3px solid #eece9f;
	  border-bottom: 3px solid #eece9f;
    padding-top: -2px;
    padding-left: 4px;
	background: url("../images/bg_support.png")  ;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:center top;  
}
.support_cat ul li{
    line-height: 30px;
    width: 237px!important;
	width: 189px;
	line-height: 34px;
	 margin-left:8px;
	
}
.support_cat ul li a span{
    background: url(../images/icon-list.png) no-repeat left center;
    padding:8px;
}
.support_cat ul li a{ 
        display:block;
       padding-bottom: 3px;
	   font-size: 12px;
	   font-family: arial;
	   font-weight:normal;
	   color: #585953;
	  
}
.support_cat ul li a:hover{
     color:#f5ca00;
}

.news_cat{
    position: relative;
    margin-top: 45px;
	background: url("../images/bg_news.png");
	background-repeat:repeat-x;
}
.news_cat h3{
 
	width:259px;
	height: 35px;
	line-height: 35px;
	padding-left: 10px;
	color: #cf3b00;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	top: -35px;

}
.news_cat ul{
   
    padding-top: 15px;
    padding-left: 10px;
}
.news_cat ul li{
    line-height: 30px;
    width: 237px!important;
	width: 189px;
	line-height: 34px;
}
.news_cat ul li a span{
    background: url(../images/icon-list.png) no-repeat left center;
    padding:8px;
}
.news_cat ul li a{ 
    display:block;
    padding-bottom: 3px;
	   font-size: 12px;
	   font-family: arial;
	   font-weight:normal;
	   color: #585953;
}
.news_cat ul li a:hover{
     color:#f5ca00;
}



.cat{
    border-left: 2px solid #eece9f;
    border-right: 2px solid #eece9f;
	 border-top: 2px solid #eece9f;
	  border-bottom: 2px solid #eece9f;
    position: relative;
    margin-top: 45px;
}
.cat h3{
    background: url("../images/cat.png") repeat x;
width:259px;
height: 35px;
line-height: 35px;
padding-left: 10px;
color: #cf3b00;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
position: absolute;
top: -35px;
font-family: arial;
}
.cat ul{
    background:#fbfbfb;
    padding-top: 15px;
    padding-left: 10px;
}
.cat ul li{
    line-height: 30px;
    width: 237px!important;
    
width: 189px;
line-height: 34px;
}
.cat ul li a span{
    background: url(../images/icon-list.png) no-repeat left center;
    padding:8px;
}
.cat ul li a{
    color: #666666;
    display:block;
    padding-bottom: 6px;
	border-bottom:1px #F0F0F0 dashed;
   font-size: 12px;
   font-family: arial;
   font-weight:normal;
   color: #585953;
}
.cat ul li a:hover{
     color:#f5ca00;
}
iframe{
    margin-left: -5px;
    margin-top: 13px;
}
.qc li{
    background: none!important;
    padding-left: 10px;
}
.sup li{
    background: none!important;
}
.online li{
    font-family:verdana;
     background: none!important;
     font-size: 12px;
}
.online li a{
    background: none!important;
}

.online li img.icon1{
    position: absolute;
   right: 18px;
    top: -2px;
    border: none!important;
}
.online li img.icon2{
    position: absolute;
 right: 19px;
    top: 26px;
    border: none!important;
}
.online li img.icon3{
    position: absolute;
 right: 19px;
    top: 52px;
    border: none!important;
}
.bottom-cat{
  
/*width:262px;
height: 18px;
margin-bottom:10px
*/}
.fone{
    background: none !important;
    color: red;
    font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}
div.video{
    border-left: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
    padding-left: 11px;
	padding-top:15px;
}
.right{
float: right;
width:690px;
margin-right:10px;
}
.mainnav{
    margin-top:0px
}
.main-left{
    float: left;
    width:100%;
  
    
}
.main-right{
    float: right;
    margin-right: 5px;
}
.main-left h3{
    background: url("../images/top-content.png") no-repeat -1px 0px;
    width:643px; 
    height:47px;
    color: #fff;
    line-height: 36px;
    padding-left:30px;
    color: #c29600;
    text-transform: uppercase;
}

.main-left h4{
   
    width:643px; 
    height:37px;
    color: #316191;
    line-height: 36px;
    padding-left:30px;
    color: #c29600;
    text-transform: uppercase;
	font-size:14px;
}

.submain img{

    padding-right: 5px;
}
.bottom-sub{
    background: url("../images/bottom-content.png") no-repeat -1px 0px;
    width:696px;
    margin-bottom:15px;
    height: 19px;
}
.bottom1-sub{
    background: url("../images/bottom-content.png") no-repeat -1px 0px;
   height: 19px;
    width: 690px
}
.bottom2-sub{
    
    height: 2px;
    width: 690px
}
.submain-left{
   
    width:100%;
}
.submain-left2{
   
    width:100%;
	border:1px solid #dedede;
	padding:2px;
	margin-top:5px;
}
.submain-left3{
   
    width:100%;
	border:0px solid #dedede;
	padding:2px;
	margin-top:5px;
}

.submain{
    padding:10px;
    text-align: justify;
     border-left: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
    width:676px
}
div.detail{
    float: left;
	width:160px;
    font-size: 10px;
    font-weight: bold;
    margin-left: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    margin-top: 10px;
    text-align: center;
}

div.detail_services{
    float: left;
	width:329px;
    margin-left: 0px;
	margin-right:4px;
    padding: 5px;
    margin-top: 1px;
	margin-bottom:5px;
	font-size:12px;
	color:#333333;
	border:1px solid #f0f0f0;
	text-align:justify;
    
} 

.detail_services  img{
    border: 0px solid #ccc;
    
    padding:8px!important;
}

.submain1{
    float: left;
    border-left:1px solid #f0f0f0;
    border-right:1px solid #f0f0f0;
	width: 690px;
}
.submain2{
    float: left;
   
	width: 690px;
}
.pro-detail{
    padding-left:17px;
}
.pro-detail2{
    padding-left:17px;
}
.pro-detail3{
    padding-left:0px;
}

.detail a img{
    border: 1px solid #ccc;
    margin-bottom:10px;
    padding:0px!important;
}
.detail a{
    font-size: 12px;
    color: #D87E00!important;
    padding-top:10px;
    line-height: 35px;
    
}
.kp a{
    float: right!important;
}
.detail a:hover{
    color:
}
.cat img{
    margin-top:20px;
    border:1px solid #CCC
}
.slider-bottom{
    background: url("../images/customer.png") no-repeat;
width:958px;
height:193px;
margin-left: 10px;
margin-top:30px
}
.slider1{
   padding: 44px 11px 12px 42px;
   position: relative;
}
.slider1 img{
    margin:5px;
    border:1px solid #ccc;
}
.next img{
    position: absolute;
    right: -7px;
    top: 90px;
    border:none!important;
}
.prev img{
    left: 3px;
    position: absolute;
    top: 90px;
    border: none!important;
}
.footer{
	width:984px;
	height:233px;
	margin:0px auto;
	background:url("../images/footer_bg.png");
	border-radius: 5px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.menu-bottom {
	width:100%;
	text-align:center;
}
.menu-bottom ul{
    padding:10px 6px;
}
.menu-bottom1 li{
	display:inline;
    padding-right: 14px;
}
.menu-bottom1 li a{
   padding:10px 15px;
   font-size: 11px;
   text-transform: uppercase;
   color:#FFF;
   font-weight:bold;
   color:#fcc810;
    
}
a.active1{
    color:#fff!important;
}
span.red{
    color: red!important;
}
.alight-right li{
    text-align: left!important;
}
.info{
    position: relative;
    padding-bottom:0px;
}
.info p{
    color:#565555;
    line-height: 24px;
    font-size: 12px!important;
    font-family: arial;
}
.info p span.tit{
    color: #000;
    font-weight: bold;
}
.readmore{
    position: absolute;
    right: 10px;
    color: #ffa53d;
    padding:10px;
    margin-bottom:10px;
    font-family: arial;
    font-weight:bold;
    font-style: italic;
}
.readmore span{
    color:red;
}
.infocty{
    
float:right;
/*padding:20px 10px 10px 20px;*/
margin-top:155px;
margin-right:-434px

}
.infocty h3{
    color: #fff;
    font-size: 10px;
    font-weight:normal;
    
    padding-bottom:20px
}
.infocty ul{
    line-height: 20px;
     float: right;
     width:425px
}
.infocty ul li{
    color: #f67b0d;
    font-size: 10px;
    font-weight:normal;
    color:#fff;
float:right;
   
}
.infocty ul li a{
    color:#fff;
    font-family: arial;
    font-size: 10px!important;
}
.infocty ul li span{
    color:#fff;
    font-size: 11px;
    font-weight:normal;
}
.face ul li{
    float:left;
    padding-top:20px;
    padding-bottom: 22px;
}
.fc{
    background:url("../images/fc.png") no-repeat left center ;
width:10px;
height:10px;
padding:10px 11px 12px 22px;
color: #ffe541;
font-size: 12px;
}
.rss{
    background:url("../images/rss.png") no-repeat left center ;
width:10px;
height:10px;
padding:10px 11px 12px 22px;
color: #36373a;
}
.tw{
    background:url("../images/tw.png") no-repeat left center ;
width:10px;
height:10px;
padding:10px 11px 12px 22px;
color: #36373a;
}
.face ul{
   padding-right:70px;
   float: right;
   
}
.designby{
    float: left;
    padding-left: 20px;
}
.face p{
    color: #fff;
    font-size: 10px;
    font-family: tahoma;

font-weight:bold;
line-height: 20px;
padding-right:30px
}
.face p span a{
    color: red;
}
a.name-sp{
    font-size: 12px!important;
    line-height: 17px;
    color: #306599!important;
}
a.price{
    color: red!important;
}
a:hover{
    text-decoration: underline;
}
#project {
    background: url("../images/customer.png") no-repeat scroll center center transparent;
    height: 121px;
    
    padding:1px 0px;
    position: relative;
}
#project_en {
    background: url("../images/customer_en.png") no-repeat scroll center center transparent;
    height: 213px;
    margin-top: 10px;
    margin-left:10px;
    padding:30px 0px;
    position: relative;
}
#mygallery {
    overflow: hidden;
    height: 55px;
	margin-top:45px;
}
.stepcarousel {
    height: 50px;
    margin-left: 52px;
    overflow: scroll;
    position: relative;
    width: 880px;
	border:2px solid #dddddd;
}
.stepcarousel .belt {
    left: -2px;
    position: absolute;
    top: -20px;
	
	
}
.stepcarousel .panel {
    float: left;
    margin: 24px 30px 10px 20px;
    text-align: center;
    width: 100px;
	background:#FFFFFF;
}
.stepcarousel .panel a img{
    border:0px solid #ccc!important;
   
}

.ndchinh{
    overflow: hidden;
    padding-left: 10px;	
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:#f0f0f0 dashed 1px;
}

.info_list p{
text-align:justify;
color:#666666;
line-height:20px;
}

.icon{
    right: 1px;
    top: 35px;
}

.subject h4{
padding:0px 10px 10px 10px;
}
.subject h4 a{
color:#666666;
}

div#more h4{
color:#666666;
font-size:15px!important;
margin:30px 10px 10px 10px;
}
div#more ul{
margin-left:30px;
}
div#more ul li{
  line-height:22px;
  
  list-style: circle outside none;
  padding-left:10px;
}
div#more ul li a{
color:#666666;
}


TABLE.adminlist {
    background-color: #FFFFFF;
    border-collapse: collapse;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0 10px;
    width: 100%;
}
TABLE.adminlist td{
height:30px;
}
a.ten_bg{
color:#FF9900;
}

.panel span a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
font-weight:bold;
}

#root{
margin-top:10px!important;
}

.submain h2{
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

ul.online li img{
border:none;
float:right;
}

.adminlist{
color:#666666;
font-family:tahoma;
font-size:12px;
}

.contact p{
font-family:tahoma;
font-size:12px;
color:#666666;
}

.contact ul li{
font-family:tahoma;
font-size:12px;
line-height:22px;
color:#666666;
}

#theImages img{
width:90px;
}

#previewPane img{
width:280px!important;
margin-bottom:1px!important;
}

#previewPane{
 border-radius: 10px 10px 10px 10px!important;
}

div.product_infos{
float:left; 
width:265px;
font-family:tahoma;
padding-left:20px;
font-size:12px;
color:#666666;
border:0px solid  #CCCCCC;
}

div.product_infos ul li{
line-height:30px!important;
font-weight:normal;
}
div.product_infos p{
font-weight:normal!important;
}

div.product_infos ul li span{
line-height:30px!important;
font-weight:bold;
color:#FF9900;
}


.bookmark input{
height:22px;
margin-left:10px;
color:#666666;
font-family:tahoma;
font-size:12px;
border-radius:8px;
padding-left:10px;
border:#f0f0f0 1px solid;
}
.bookmark textarea {
color:#666666;
font-family:tahoma;
font-size:12px;
border:#f0f0f0 1px solid;
border-radius:8px;
padding-left:10px;
padding-top:10px;
}

input.btnok{
background:#666666;
color:#FF9900;
border-radius:10px;
border:none!important;
padding-left:3px!important;
padding-right:3px!important;
}

#tabs-2 .detail{
padding-right:10px!important;
float:left;
margin-left:0px!important;
margin-right:0px!important;
}

div.bookmark .addthis_toolbox{
padding-bottom:10px!important;
padding-left:10px!important;
}

div.info_list{
text-align:left;
}