body {background:#000 url(../images/bg.jpg) fixed center no-repeat; background-position:0px -50px; color:#FFF; margin:0px; font-family:Arial, Helvetica, sans-serif} #page { display:block; margin:0px auto 0px auto; width:1040px} #top { display:block; float:left; width:1140px; height:120px; } #logo { display:block; float:left; width:120px; margin-left:30px; margin-top:25px} #logo a{ border:none} #icon { display:block; float:left; margin-left:630px; width:130px; height:12px; margin-top:10px} #icon img { margin-right:8px;} #lang { display:block; float:left; margin-left:15px; margin-top:10px; width:80px; height:12px} #lang img { margin-right:8px} #slogan { display:block; float:left; margin-left:405px; margin-top:30px; width:300px; margin-bottom:4px} #home { display:block; float:left; position:absolute; margin-top:120px; margin-left:1008px; width:35px; height:35px; z-index:1; background:url(../images/home.png) no-repeat} #menu { display:block; float:left; margin-left:200px; margin-top:-2px; width:740px; text-transform:uppercase; font-size:10px} #menu ul { display:block; float:left; margin:0px; list-style:none} #menu ul li { display:block; float:left; margin-left:0px } #menu li ul{position: absolute; padding-top:7px; margin-top:5px ; padding-left:0px; border-bottom:none; margin-left:0px;display:none; width:210px; z-index:100;} #menu li:hover ul{display: block; border-radius:0px; background:transparent; border:0px; margin-top:5px } #menu ul li ul li {width: 100%; padding-bottom:0px; display:inline; margin-top:0px; padding:10px 15px 7px 15px; margin-bottom:0px; background:#FFFAC2; margin-left:0px } #menu .trangchu { border-top:#FAA61A solid 2px; color:#FAA61A ; text-transform:uppercase; padding-top:10px; font-size:13px; text-decoration:none} #menu .trangchu a{ text-decoration:none; padding:7px 12px 5px 12px; color:#FAA61A } #menu .trangchu a:hover{ background:#FAA61A; background-position:0px 3px; color:#fff ; margin-top:3px} #menu .trangchu a.active{ background:#FAA61A; background-position:0px 3px; color:#fff ; margin-top:3px} #menu .gioithieu { border-top:#00AEEF solid 2px; color:#FAA61A ; text-transform:uppercase; padding-top:10px; font-size:14px; text-decoration:none} #menu .gioithieu a{ text-decoration:none; padding:7px 12px 5px 12px; color:#FAA61A } #menu .gioithieu a:hover{ background:#00AEEF; background-position:0px 3px; color:#fff ; margin-top:3px} #menu .gioithieu a.active{ background:#00AEEF; background-position:0px 3px; color:#fff ; margin-top:3px} #menu .dichvu { border-top:#FFF200 solid 2px; color:#FAA61A ; text-transform:uppercase; padding-top:10px; font-size:14px;text-decoration:none} #menu .dichvu a{ text-decoration:none; padding:7px 12px 5px 12px; color:#FAA61A } #menu .dichvu a:hover{ background:#FFF200; background-position:0px 3px; color:#B43E97 ; margin-top:3px} #menu .dichvu a.active{ background:#FFF200; background-position:0px 3px; color:#B43E97 ; margin-top:3px} #menu .dichvu:hover ul { display:block; float:left; margin:0px; list-style:none; margin-top:0px} #menu .dichvu ul li { display:block; float:left; margin:0px;background:#FFFAC2; display:inline; padding:5px } #menu .dichvu ul li a{ display:block; float:left; margin:0px ;color:#B33E96;padding:5px 15px 0px 18px; background:url(../images/bullet.png) no-repeat; background-position:6px 8px;font-size:12px;} #menu .dichvu ul li a:hover { background:transparent; margin:0px; text-decoration:none; color:#B33E96; background:url(../images/bullet.png) no-repeat; background-position:6px 8px; font-size:12px; font-weight:bold} #menu .tintuc { border-top:#ED1C24 solid 2px; color:#FAA61A ; text-transform:uppercase; padding-top:10px; font-size:14px; text-decoration:none} #menu .tintuc a{ text-decoration:none; padding:7px 12px 5px 12px; color:#FAA61A } #menu .tintuc a:hover{ background:#ED1C24; background-position:0px 3px; color:#fff ; margin-top:3px} #menu .tintuc a.active{ background:#ED1C24; background-position:0px 3px; color:#fff ; margin-top:3px} #menu .tintuc:hover ul { display:block; float:left; margin:0px; list-style:none; margin-top:0px} #menu .tintuc ul li { display:block; float:left; margin:0px;background:#FCD3C1; display:inline; padding:5px } #menu .tintuc ul li a{ display:block; float:left; margin:0px ;color:#ED1C24;padding:5px 15px 0px 18px; background:url(../images/bullet_2.png) no-repeat; background-position:6px 8px; font-size:12px; } #menu .tintuc ul li a:hover { background:transparent; margin:0px; text-decoration:none; color:#ED1C24; background:url(../images/bullet_2.png) no-repeat; background-position:6px 8px;font-weight:bold; } #menu .khachhang { border-top:#BFD730 solid 2px; color:#FAA61A ; text-transform:uppercase; padding-top:10px; font-size:14px; text-decoration:none} #menu .khachhang a{ text-decoration:none; padding:7px 12px 5px 12px; color:#FAA61A } #menu .khachhang a:hover{ background:#BFD730; background-position:0px 3px; color:#fff ; margin-top:3px} #menu .khachhang a.active{ background:#BFD730; background-position:0px 3px; color:#fff ; margin-top:3px} #menu .khachhang:hover ul { display:block; float:left; margin:0px; list-style:none; margin-top:0px; } #menu .khachhang ul li { display:block; float:left; margin:0px;background:#E8EEAE; display:inline; padding:5px } #menu .khachhang ul li a{ display:block; float:left; margin:0px ;color:#A6CE39;padding:5px 15px 0px 18px; background:url(../images/bullet_3.png) no-repeat; background-position:6px 8px ; font-size:12px; } #menu .khachhang ul li a:hover { background:transparent; margin:0px; text-decoration:none; color:#A6CE39; background:url(../images/bullet_3.png) no-repeat; background-position:6px 8px ; font-weight:bold} #menu .lienhe { border-top:#B43E97 solid 2px; color:#FAA61A ; text-transform:uppercase; padding-top:10px; font-size:14px; text-decoration:none} #menu .lienhe a{ text-decoration:none; padding:7px 12px 5px 12px; color:#FAA61A } #menu .lienhe a:hover{ background:#B43E97; background-position:0px 3px; color:#fff ; margin-top:3px} #menu .lienhe a.active{ background:#B43E97; background-position:0px 3px; color:#fff ; margin-top:3px} #menu .lienhe:hover ul { display:block; float:left; margin:0px; list-style:none; margin-top:0px; z-index:1001} #menu .lienhe ul li { display:block; float:left; margin:0px;background:#DEB9D8; display:inline; padding:5px; z-index:1001 } #menu .lienhe ul li a{ display:block; float:left; margin:0px ;color:#B43E97;padding:5px 15px 0px 18px; background:url(../images/bullet_4.png) no-repeat; background-position:6px 8px ; font-size:12px; ; z-index:1001} #menu .lienhe ul li a:hover { background:transparent; margin:0px; text-decoration:none; color:#B43E97; background:url(../images/bullet_4.png) no-repeat; background-position:6px 8px ; z-index:1001; font-weight:bold} #main_trangchu { display:block; float:left; width:1040px; height:570px;border-radius: 15px; } #main_gioithieu { display:block; float:left; width:1040px; height:594px; border-radius: 15px; background:#00AEEF} #main_dichvu { display:block; float:left; width:1040px; height:594px; border-radius: 15px; background:#FFF200} #main_tintuc { display:block; float:left; width:1040px; height:594px; border-radius: 15px; background:#ED1C24} #main_khachhang { display:block; float:left; width:1040px; height:594px; border-radius: 15px; background:#BFD730} #main_lienhe { display:block; float:left; width:1040px; height:594px; border-radius: 15px; background:#B43E97} #left { display:block; float:left; width:310px; height:540px; margin:20px; border-right:solid 1px #CCC} #left h1 { font-size:20px; text-align:center; color:#FFF; text-transform:uppercase; width:100%; margin-top:20px; margin-bottom:0px; font-weight:bold} #left .title { display:block; float:left; font-size:20px; font-weight:bold; margin-bottom:20px; color:#B33E96; text-align:center; width:100%} #left #content { display:block; float:left; text-align:justify; color:#FFF; line-height:25px; height:520px; font-size:13px;width:280px; padding-top:0px} #left ul { display:block; float:left; margin:0px; list-style:none; margin-left:-20px} #left ul li { display:block; float:left; margin-left:0px; width:100%; margin-top:15px } #left ul li a{ display:block; float:left; font-size:14px; color:#FFF; text-decoration:none; text-align:justify} #left ul li a:hover { display:block; float:left; font-size:13px; color:#FFF; text-align:justify; text-decoration:none; font-weight:bold} #left .input2 { font-family:Arial, Helvetica, sans-serif; text-transform:none; border-radius: 5px ; border:#B3B3B3 solid 1px; background:#fff; height:30px; width:280px; margin-top:0px; margin-left:0px; padding-top:4px; padding-left:5px; font-style:italic; color:#696969; margin-bottom:10px} #left .input_text { border-radius: 5px ; border:#B3B3B3 solid 1px; background:#fff; height:160px; width:280px; margin-top:0px; margin-left:0px; padding-top:0px; padding-left:5px; font-style:italic; color:#696969; margin-bottom:10px;} #left .submit { margin-left:65px;padding-right:25px; float:left; color:#FFF; font-family:Arial, Helvetica, sans-serif; text-transform:none; font-size:12px; font-weight:bold; background:url(../images/submit.png) no-repeat right transparent; border:0} #left .submit a{ padding-right:20px; margin-right:50px ;background: #FFF; color:#FFF; font-weight:bold; text-decoration:none} #left .submit a:hover { padding-right:20px;margin-right:50px;text-decoration:underline ;background:url(../images/submit2.png) no-repeat right #FFF; font-weight:bold;} #left_menu { display:block; float:left; width:310px; height:480px; margin:0px; position:absolute; margin-left:-50px; margin-top:30px} #left_menu .cat { display:block; float:left; width:310px; margin-top:20px;cursor: hand;cursor:pointer;} #left_menu .cat2 { display:block; float:left; width:310px; margin-top:20px;cursor: hand;cursor:pointer;} #left_menu .sub { display:block; float:left; width:310px; display:none; margin-top:0px} #left_menu .sub ul { display:block; float:left; margin:0px; list-style:none; margin-left:30px} #left_menu .sub ul li { display:block; float:left; margin-left:0px; width:100%; font-size:14px; text-align:justify; margin-top:15px; color:#B43E97} #left_menu .sub ul li a{ color:#B43E97; text-decoration:none; padding-left:10px; } #left_menu .sub ul li a:hover {color:#B43E97; text-decoration:none; font-weight:bold; font-size:13px } #left_menu .display { display:block} #right { display:block; float:left; margin:20px 20px 20px 0px; width: 648px; height:550px} #right #content2{ display:block; float:left; color:#333; width:628px; font-size:13px; line-height:20px; padding:10px 20px 20px 20px; height:520px; text-align:justify; border-radius: 12px; background: #FFF url(../images/bg_content.png) repeat-x top; background-position:0px -5px} #right #content2 .title2{ display:block; float:left; font-size:16px; color:#666; margin-top:10px; margin-left:20px; margin-bottom:15px; width:100%; text-transform:uppercase; } #right #content2 .text{ display:block; float:left; width:100%; height:475px} #right .customer { display:block; float:left; width:630px; height:500px; margin:0px} #right #content2 h1 { display:block; float:left; font-size:25px; color:#666; margin-top:10px; margin-left:15px; margin-bottom:15px; width:100%; text-transform:uppercase; } #right #content2 h2 { display:block; float:left; font-size:20px; padding-bottom:20px; text-transform:uppercase; color:#B2B2B2; margin-top:10px; margin-bottom:5px; width:350px; text-transform:uppercase; } #content2 #news { display:block; float:left;margin-top:10px; margin-left:20px; width:620px; height:430px; padding-top:0px} #right #content3{ display:block; float:left; color:#333; width:650px;padding:0px 20px 20px 0px; height:535px; text-align:justify; border-radius: 12px; background: #FFF url(../images/bg_content.png) repeat-x top; background-position:0px -5px} #news .job { display:block; float:left; margin-top:20px; width:300px; } #news .img { display:block; float:left; width:80px; height:90px; border:5px solid #CCC} #news .img img { width:80px; height:90px} #news .title2 { display:block; float:left; color:#4c4c4c; font-size:20px; width:200px; font-weight:bold ; margin-top:0px} #news .title { display:block; float:left; height:20px; width:300px; padding-bottom:15px; font-size:16px; color:#4c4c4c; font-weight:bold ; margin-top:0px} #news .title a{ text-decoration:none; color:#333} #news .title a:hover { text-decoration:underline; color:#333} #news .text2{ display:block; float:left; margin-left:15px; width:600px; height:450px; text-align:justify} #news .chitiet { display:block; float:left; margin-left:500px; height:20px} #news .chitiet a{text-decoration:none; color:#666; font-size:12px} #news .chitiet a:hover { text-decoration:underline} #morenews { bottom:0; display:block; float:left; width:100%; margin-top:0px; color:#ED1C24; font-size:13px; text-align:center} #morenews .link { display:block; float:left; padding-right:5px; padding-left:5px} #morenews .link a{ color:#ED1C24; text-decoration:none;padding-right:5px; padding-left:5px} #morenews .link a:hover { color:#ED1C24; text-decoration:underline;padding-right:5px; padding-left:5px} #footer { display:block; float:left;width:1040px; margin-top:15px; color:#fff; text-align:center; font-size:12px; margin-top:5px; height:40px}