@charset "utf-8";
/* 
	Name : Nguyen Trung Kien
	nick : akien89@yahoo.com
	phone : 0978 238 911
*/

body{behavior: url("images/styles/csshover3.htc"); font:62.5% Arial; color:#000; line-height:18px;}

/*===========  FIX PNG IMAGE  =======================================*/
* html img { behavior: url("images/styles/iepngfix.htc")}
/*===========  FIX PNG IMAGE  =======================================*/

*, * html{margin:0; padding:0; border:0; list-style:none; text-decoration:none; border-spacing: 0; border-collapse:collapse;}

.cl{clear:both;overflow:hidden;}

.fl{float:left;}

.fr{float:right;}

a{color:#000; font-weight:bold;}

a:hover{text-decoration:underline;}

.wraper{background:url(../sites/bg.gif); font-size:1.2em;}

.main{width:990px; margin:auto; background:#FFF;}

.header{height:160px;}

label.error, label.error{width:100%; color:#F00; font-style:italic; float:none;}

div.error{padding-left:120px;}

input.error,textarea.error{border:1px dotted #F00;}

input.button{background:#FFF; border:1px solid #CCC; height:28px; text-align:center; margin-right:5px; color:#014B80;}

label{display:block; text-align:left; width:120px; float:left; padding:4px 0 3px 0;}

input, textarea, select {padding:2px 2px 2px 2px; border:solid 1px #A5C2C8; vertical-align:middle;}

input:hover, textarea:hover, select:hover{background:#d5e1e9;}

p{margin:0; padding:5px 0 5px;}

/* Menu top */

.navi{background:url(../sites/menu_top_bg.gif) repeat-x top; height:30px; padding-left:20px; margin-bottom:15px;}

.navi .menu li{float:left; position:relative; background:url(../sites/menu_top_line.gif) no-repeat top right;z-index:99999999;}

.navi .menu .end{background:none;}

.navi .menu a{display:block; padding:5px 15px 8px 15px; text-align:center; color:#FFF; font-weight:bold;overflow:auto;}

.navi .menu a:hover,.navi .menu .current{background:#FFF; color:#0424c4; text-decoration:none;}

.navi .menu ul ul{display:none; position:absolute;}

.navi .menu li:hover ul{display:block;}

.navi .menu ul ul li{background:none; float:none;}

.navi .menu ul ul a{width:130px; background:#608ae8; text-align:left; padding-left:15px;}

.navi .lang{padding:5px 10px 0 0;}

/* Content left */

.content_left{width:740px;}

.content_left  .intro{padding-left:10px;}

.content_left .slide{height:298px; background:url(../sites/slide_bg.gif) repeat-x top; margin:10px 0 10px 0; margin:10px 10px 10px 10px; text-align:center;}

.content_left .slide .fl:hover{background:#e7edf7;}

.content_left .slide div{width:240px; padding:10px 0 10px 0;}

.content_left .center{border-left:1.5px solid #FFF;border-right:1.5px solid #FFF;}

.content_left .slide span{display:block; padding:0 10px 0 10px; margin:5px 0 5px 0; height:95px;}

.content_left .slide a{font-size:1.2em; color:#014b80; font-weight:bold;}

.content_left .adv{text-align:center;padding:0 10px 0 10px;}

.content_left .adv img{margin-left:10px;}

.content_left .search_bg{margin:0 10px 0 10px; height:180px; background:#f7f7f7; padding:0 20px 10px 20px;}

.content_left .search_bg h3{color:#1d42e8; font-weight:bold; padding:10px 0 5px 0; font-size:1.4em;}

.content_left .search_bg input{width:550px; margin:5px 0 5px 0; height:20px; padding-top:4px; vertical-align:middle; float:left;}

.content_left .search_bg .button{height:28px; width:100px; background:url(../sites/search_button.gif) left top no-repeat; display:block; float:left;margin:5px 5px 5px 5px; font-weight:bold; text-align:center; padding-top:6px; color:#000;}

.content_left .search_bg .button:hover{text-decoration:none;}

.content_left .search_bg .field_search{padding-left:40px; clear:both;}

.content_left .field_search label{width:80px; display:block; float:left; font-weight:bold; padding-top:4px;}

.content_left .field_search p{clear:both; padding:5px 0 5px 0;}

.content_left .field_search select{width:150px; float:left; margin-right:20px;}

.content_left .list,.content_left .views{margin:20px 20px 20px 20px;}

.content_left .list .item{border-bottom:#CCC 1px solid; margin-bottom:5px;}

.content_left .list img{float:left; margin:2px 2px 2px 2px;}

.content_left .list dl{float:left; width:400px; border-right:dotted #999 1px; margin:0 0 5px 5px;}

.content_left .list dt a{font-weight:bold; color:#000;}

.content_left .list ul{text-align:center; margin-bottom:5px;}

.content_left .list dd,.content_left .list li{padding:4px; padding-left:0;} 

.content_left .price{color:#df3200; font-weight:bold;}

.page{text-align:right; padding:5px 0 10px 0;}

.page span{font-weight:bold; padding-right:5px;}

.page select{width:40px; text-align:center;}

.content_left .listnews{margin:0 10px 0 10px;}

.content_left .listnews .body{border:1px solid #dedede; padding:10px 10px 10px 10px;}

.content_left .listnews .body .brief{font-weight:bold; padding:10px 0 10px 0;}

.content_left .listnews .body .brief, .content_left .listnews .body .content{overflow:hidden; width:100%;}

.content_left .contact{padding:20px 20px 20px 20px;}

.content_left .contact .result{text-align:center; display:block; font-weight:bold;}

.content_left .contact fieldset{border:solid 1px #CCC; padding:10px 10px 10px 10px;}

.content_left .contact legend{font-weight:bold; display:block; text-align:left; border:1px solid #CCC; padding:2px 10px 2px 10px; text-align:center; width:100px;}

.content_left .listnews .body .item{padding:10px 0 10px 0; border-bottom:1px solid #CCC;}

.content_left .listnews .body .item img{float:left; margin:0 10px 0 0;}

.content_left .listnews .body .item dt{margin-bottom:5px;}

.content_left .views .navlink{height:18px; border-bottom:#CCC 1px solid; margin-bottom:10px;}

.content_left .views .image{float:left; width:200px; overflow:hidden; margin:0 10px 10px 0;}

.content_left .views .content .title{font-weight:bold; font-size:1.3em;}

.content_left .views .content .date{margin:5px 0;}

.content_left .views .content .date span{font-weight:bold;}

.content_left .views .title_info{padding:2px 5px 3px 5px; background:url(../sites/bds_menu_bg.gif) top repeat-x; border:1px solid #D6D7D8; margin-top:20px; color:#1D42E8; font-weight:bold;}

.content_left .views .info{width:100%; text-align:left;}

.content_left .views .info th,.content_left .views .info td{padding:10px 0 10px 10px; border:1px solid #D6D7D8;}

/* Content right */

.content_right span.phone{display:block; text-align:center; font-weight:bold; padding:10px 0 10px 0;}

.content_right{margin-left:740px;}

.content_right h3{background:url(../sites/menu_right_bg.gif) no-repeat top left; padding:2px 0 4px 0; width:240px; text-align:center; color:#014b80; font-size:1.2em;}

.content_right .menu,.content_right .news, .content_right .project, .content_right .support{border:1px solid #d6d7d8; width:238px; margin-bottom:10px;}

.content_right .menu img{margin-right:5px;}

* html .content_right ul li a{display:inline-block;}

.content_right .menu a{display:block; color:#000; background:#f6f6ed; padding:5px 5px 5px 10px; border-bottom:2px solid #FFF;}

.content_right .menu a:hover{background:#FFF; text-decoration:none;}

.content_right .news{padding:10px 0 10px 0;}

.content_right .news ul{padding:10px 10px 10px 10px;}

.content_right .news a{color:#666; padding-top:10px; display:block;}

.content_right .project{text-align:center;}

.content_right .project a{display:block; padding:10px 5px 10px 5px; color:#333;}

.content_right .support a{display:block; padding:10px 0 10px; text-align:center;}

/* Footer*/

.footer{height:94px; background:url(../sites/footer_bg.gif) repeat-x top;}

.footer .menu a{padding:0 5px 0 5px;}

.footer .menu a:hover{color:#FFF;}

.footer .menu{text-align:right; padding:5px 100px 0 0;}

.footer .copyright{padding-left:5px;}

.footer .copyright span{width:200px; padding:15px 0 0 10px; display:block;}

.footer .info{text-align:center; padding-top:5px; line-height:normal;}

.footer .vns{color:#FFF; padding-left:10px;}