﻿body { margin: 0px; font-family: Arial,Tahoma; font-size: 12px; color: #333; background: url('../images/background1.jpg') top center repeat-y ; }

a { text-decoration: none; font-weight: bold; color: #ff6c00; font-size: 12px; }
a:hover {color: red; text-decoration: none;}
a.top { color: Red; font-size: 10px; float: right; padding-right: 10px; text-decoration: underline;}
h5 { font-size: 12px;}
.blank { display: block; height: 10px; clear: both;}
.titlepage { display: block; clear: both; height: 25px; line-height: 25px; padding-left: 40px; font-size: 14px; font-weight: bold; margin: 10px 0px; background: url('../images/bg_tinhot.jpg'); color: #367196;}
.back { display: block; clear: both; padding-top: 10px; text-align: right;}
.back a { color: Red; font-size: 10px;}
.tincu { display: block; clear: both; margin: 10px 0px; font-weight: bold;}
.ngay { font-size: 10px; color: Blue;}
li { margin: 5px 0px;}
img { border: 0px;}

#header { display: block; width: 800px; height:150px; margin: 0px auto;  background: url('../images/bg_banner.jpg'); }
#header .banner { display: block; clear: both; height: 120px; padding: 0px;}
#header .menu { display: block; height: 29px; }
#header .menu a { float: right; width: 110px; height: 27px; line-height: 29px; margin-left: 3px; padding: 0px; padding-top: 3px; text-align: center; background: url('../images/menu.jpg') no-repeat; color: White; }
#header .menu a#first { margin-right: 15px;}
#header .menu a.selected {background: url('../images/menu_active.jpg') no-repeat; color: Black;}

#maincontent { display: block; clear: both; width: 800px; margin: 0px auto; }
#maincontent .nav { display: block; height: 24px; background: url('../images/nav.jpg');}
#maincontent .leftblock { float: left; width: 210px; margin-bottom: 10px;}
#maincontent .leftblock .leftmenu { display: block; border-top: solid 1px #dbdbdb;}
#maincontent .leftblock .leftmenu a { display: block; height: 27px; line-height: 27px; text-align: right; padding: 0px 10px; color: #367196; background: url('../images/leftmenu.jpg');}
#maincontent .leftblock .leftmenu a:hover { padding-right: 15px; color: Orange;}
#maincontent .leftblock .mnbottom { display: block; height: 9px; background: url('../images/mnbottom.jpg');}
#maincontent .leftblock .leftbottom { display: block; padding-top: 10px; background: url('../images/hotrobg.jpg') no-repeat;}
#maincontent .leftblock .leftbottom .tuvan { display: block; width: 194px; margin: 0px auto;}
#maincontent .leftblock .leftbottom .tuvan h5 { display: block; height: 20px; padding: 6px 0px 0px 15px; margin: 0px; background: url('../images/bar.jpg');}
#maincontent .leftblock .leftbottom .tuvan .content { display: block; height: 113px; }

#maincontent .leftblock .leftbottom .hotro { display: block; width: 194px; margin: 0px auto;}
#maincontent .leftblock .leftbottom .hotro h5 { display: block; height: 20px; padding: 6px 0px 0px 15px; margin: 0px; background: url('../images/bar.jpg');}
#maincontent .leftblock .leftbottom .hotro .content { display: block; background: url('../images/bg_hotro.jpg'); height: 120px; }
#maincontent .leftblock .leftbottom .hotro .content .item { padding: 15px 10px 7px 10px;}
#maincontent .leftblock .leftbottom .hotro .bottom { display: block; height: 15px; background: url('../images/bottom.jpg');}
#maincontent .leftblock .leftbottom .logo { display: block; width: 194px; margin: 0px auto}
#maincontent .leftblock .leftbottom .logo h5 { display: block; height: 20px; padding: 6px 0px 0px 15px; margin: 0px; background: url('../images/bar.jpg');}
#maincontent .leftblock .leftbottom .logo .content { display: block; height: 330px; background: url('../images/bg_logo.jpg'); }
#maincontent .leftblock .leftbottom .logo .content .scroll { display: block; width: 180px; margin: 0px auto;}
#maincontent .leftblock .leftbottom .logo .content .scroll a { border: 0px; padding: 0px;}
#maincontent .leftblock .leftbottom .logo .content .scroll a img { width: 180px; height: 100px; border: 0px;}
#maincontent .leftblock .leftbottom .logo .bottom { display: block; height: 15px; background: url('../images/bottom_logo.jpg');}
#maincontent .leftblock .leftbottom .leftadv { display: block; width: 195px; margin: 0px auto;}
#maincontent .leftblock .leftbottom .leftadv .adv { display: block; width: 195; height: 170px; margin-top: 3px;}

#maincontent .centerblock { float: left; width: 385px; margin-bottom: 10px;}
#maincontent .centerblock .flashcenter { display: block; width: 375px; height: 230px; margin: 0px auto; }
#maincontent .centerblock .flashcenter .title { display: block; height: 25px; line-height: 25px; padding-left: 40px; font-size: 14px; margin: 10px 0px; background: url('../images/bg_tinhot.jpg'); color: #367196;}
#maincontent .centerblock .tintuc { display: block; clear: both; width: 375px; margin: 0px auto; }
#maincontent .centerblock .tintuc .title { display: block; height: 25px; line-height: 25px; padding-left: 40px; font-size: 14px; margin-top: 10px; background: url('../images/bg_tinhot.jpg'); color: #367196; }
#maincontent .centerblock .tintuc .item { float: left; width: 100%; margin-top: 15px; text-align: justify; }
#maincontent .centerblock .tintuc .item .demo { float: left; width: 125px; height: 85px; margin: 0px 10px 5px 5px;}
#maincontent .centerblock .tintuc .item p { margin: 0px;}
#maincontent .centerblock .tintuc .name { display: block; margin-bottom: 10px;}
#maincontent .centerblock .tintuc ul { display: block; clear: both; margin: 15px 0px 0px 20px; }
#maincontent .centerblock .tintuc ul li { line-height: 20px;}
#maincontent .centerblock .tintuc ul li .date { color: #0889da; font-size: 10px;}

#maincontent .centerblock .centeradv { display: block; width: 375px; height: 85px; margin: 5px auto; margin-top: 10px;}

#maincontent .centerblock .contentpage { display: block; width: 94%; margin: 0px auto; text-align: justify;}
#maincontent .centerblock .contentpage .newsitem { float: left; clear: both; width: 100%; margin-bottom: 10px;}
#maincontent .centerblock .contentpage .newsitem .newstitle { display: block; margin-bottom: 5px; }
#maincontent .centerblock .contentpage .newsitem .newsimg { float: left; width: 120px; height: 80px; margin-right: 10px; margin-bottom: 5px;}
#maincontent .centerblock .contentpage .newsitem .desc { float: left; text-align: justify;}
#maincontent .centerblock .contentpage .newsitem .desc p { margin: 0px;}
#maincontent .centerblock .contentpage .more { display: block; text-align: right; clear: both; color: Red; font-size: 10px; text-decoration: underline;}

#maincontent .centerblock .contentpage .desc { display: block; font-weight: bold; margin-bottom: 10px; text-align: justify; text-align: justify;}
#maincontent .centerblock .contentpage .contact { display: block; clear: both; margin: 10px 0px; color: Blue; line-height: 18px; font-family: Verdana;}
#maincontent .centerblock .contentpage .contact img { border: 0px; margin: 10px auto;}

#maincontent .centerblock .contentpage .cacnuocdh { float: left; width: 100%; }
#maincontent .centerblock .contentpage .cacnuocdh .item { float: left; width: 178px; height: 236px; overflow: hidden; margin-bottom: 8px;}
#maincontent .centerblock .contentpage .cacnuocdh .cimage { display: block; width: 160px; height: 95px; margin: 5px auto; }
#maincontent .centerblock .contentpage .cacnuocdh .cimage img { width: 160px; height: 95px; border: 0px;}
#maincontent .centerblock .contentpage .cacnuocdh .cname { display: block; margin: 0px 10px; }
#maincontent .centerblock .contentpage .cacnuocdh .cdesc { display: block; margin: 5px 8px; font-size: 10px; text-align: justify; }

#maincontent .centerblock .contentpage .gioithieuimg { display: block; clear: both; width: 550px; height: 150px; margin-top: 15px;}

#maincontent .rightblock { float: left; width: 205px; margin-bottom: 10px;}
#maincontent .rightblock .tieudiem { display: block; width: 201px;}
#maincontent .rightblock .tieudiem h5 { display: block; height: 30px; line-height: 30px; margin: 0px; text-align: right; padding: 2px 35px 0px 0px; background: url('../images/rbar.jpg');}
#maincontent .rightblock .tieudiem .content { width: 193px; height: 150px; margin: 0px auto; background: url('../images/bg_right.jpg') repeat-x; border-left: solid 1px #dcdcdc; border-right: solid 1px #dcdcdc; text-align: justify;}
#maincontent .rightblock .tieudiem .content a { display: block; padding: 6px 0px 3px 20px; background: url('../images/bubblet.jpg') no-repeat 10px 11px; color: #367196; font-size: 12px;}
#maincontent .rightblock .tieudiem .content a:hover { color: Red;}
#maincontent .rightblock .tieudiem .bottom { display: block; height: 15px; background: url('../images/rbottom.jpg');}
#maincontent .rightblock .truycap { display: block; width: 201px;}
#maincontent .rightblock .truycap h5 { display: block; height: 30px; line-height: 30px; margin: 0px; text-align: right; padding: 2px 35px 0px 0px; background: url('../images/rbar.jpg');}
#maincontent .rightblock .truycap .content { display: block; height: 37px; padding:10px 15px 0px 0px; text-align: right; background: url('../images/bg_truycap.jpg');}
#maincontent .rightblock .truycap .content .hitcount { color: Red; font-weight: bold; font-size: 16px;}
#maincontent .rightblock .truycap .content select { width: 170px;}
#maincontent .rightblock .tygia { display: block; height: 23px; padding: 10px 40px 0px 0px; color: Black; text-align: right; background: url('../images/rbar1.jpg');}
#maincontent .rightblock .rightadv { display: block; width: 195px; margin: 0px auto;}
#maincontent .rightblock .rightadv .item { width: 195px; height: 170px; margin-top: 3px;}
#maincontent .rightblock .rightadv .item img { width: 195px; height: 170px;}

#bottom { display: block; clear: both; color: White; width: 800px; height: 205px; margin: 0px auto; background-color: #64a8d3;}
#bottom .title { display: block; height: 25px; line-height: 25px; font-weight: bold; padding-top: 10px; text-align: center;}
#bottom .time { display: block; height: 80px;}
#bottom .time .clock { float: left; width: 70px; padding-left: 80px;}
#bottom .time .item { float: left; width: 80px; height: 50px; margin-top: 10px; text-align: center; line-height: 25px; font-weight: bold; border-right: solid 1px white;}
#bottom .time .item#last { border-right: 0px;}
#bottom .menu { display: block; width: 450px; height: 25px; text-align: center; margin: 0px auto; }
#bottom .menu a { float: left; padding: 0px 10px; border-right: solid 1px white; color: white;}
#bottom .menu a.last { border-right: 0px;}
#bottom .copy { display: block; text-align: center; font-weight: bold;}
