.boxleft{width:183px; float:left;}
.boxcenter{width:580px; float:left; margin-left:8px}
.boxright{width:210px; float:right;}
.titlebox{background:#328AE4 url(../skin/iconlogo.png) no-repeat left; padding:0 15px 0 65px; display:block; height:33px; line-height:33px; border:2px solid #DDD; margin-bottom:5px;text-transform:uppercase; font-weight:bold; color:#FFF}

.subtitleright{background:#4B9FF5; padding:10px; text-transform:uppercase; color:#FFF}
.boxsearchproject{border:1px solid #DDD; border-top:2px solid #4B9FF5; padding:10px; margin-top:2px}
.boxsearchproject span{color:#4B9FF5; display:block;}
.boxsearchproject select{border:1px solid #AAA; padding:3px; width:190px}

.listduannoibatright{border:1px solid #DDD; padding:10px; margin-top:2px; list-style:none; line-height:150%; font-size:11px;}
.listduannoibatright a.atitle{font-weight:bold; display:block; text-transform:uppercase}
.listduannoibatright .imgprojectright{width:60px; height:60px; float:left; margin-right:10px; border:1px solid #DDD; padding:2px;}
.listduannoibatright b span{color:#F00}

.listrealright{border:1px solid #DDD; padding:10px 5px; margin-top:2px; list-style:none; line-height:150%; font-size:11px;}
.listrealright .imgrealright{width:195px; height:110px; margin-bottom:5px; border:1px solid #DDD; padding:2px;}
.listrealright a.atitle{font-weight:bold; display:block; color:#DC3431; border-top:1px dotted blue; padding:5px 0}
.listrealright div span{width:99px; float:left; display:block;}

/**/
.codeproject{padding:10px; border:1px solid #DDD;}
.code{background:#3C9DCA; padding:5px 1px 5px 10px; color:#FFF}
.code b{ font-size:15px; background:#FFF; padding:4px 10px; color:#000; margin-left:10px}
.datevitri{border-top:1px solid #DDD; padding:5px; color:#999}
.box{border:1px solid #DDD;}
.box .subtitle{background:#F3F3F4; color:#000; text-transform:uppercase; padding:10px; border-bottom:2px solid #DDD}
.tablethongtin{width:100%; border-collapse:collapse;}
.tablethongtin tr td,.tablethongtin tr th{padding:7px 10px; text-align:left;}
.tablethongtin tr.backb{background:#F5F5F5;}
.projectlist{border:1px solid #DDD}
.projectlist .imgproject{width:100px; height:100px; float:left; margin-right:10px;}
.projectlist .aproject{display:block; font-weight:bold; color:#000}
.projectlist span{color:#999; display:block; font-size:11px; margin-bottom:5px;}
.tableproject {border-collapse:collapse}
.tableproject tr td{padding:3px 0; width:230px;}

.projectlist1{border:1px solid #DDD}
.taproject{width:100%; padding:0; margin:0}
.taproject td.first{padding:10px 12px 10px 0; border-bottom:1px dotted #DDD;  border-right:1px solid #DDD; width:50%; }
.taproject td.last{padding:10px 0 10px 10px; border-bottom:1px dotted #DDD; width:50%;}
.taproject .imgproject{width:270px; height:170px;}
.taproject .aproject{display:block; font-weight:bold; color:#000; text-transform:uppercase; background:#EEE; padding:5px; border:1px solid #DDD; margin-top:2px; }
.optionproject{font-weight:bold; border:1px solid #DDD; border-top:none; padding:5px; width:100%;}
.optionproject td{padding:3px 0; width:50%;}
.optionproject span{color:#CD0100}

#listhotproject{list-style:none; padding:0; margin:0}
.bigimgp{width:390; float:left;}
.thumbnp{width:180px; float:right; margin-right:5px; margin-top:5px}
.p_image{width:370px; height:340px; padding:10px;cursor:url(../skin/zoomin.cur), pointer !important;}
.p_image_m{width:555px; padding:10px;cursor:url(../skin/zoomin.cur), pointer !important;}
.thumbnaip{width:170px; height:100px; border:1px solid #DDD; padding:3px; margin:4px 0;cursor:url(../skin/zoomin.cur), pointer !important; list-style:none}