@charset "utf-8";
/* CSS Document */
body {
	font:13px Tahoma, Geneva, sans-serif;		background:#eee; color:#222;	float:left;		width:100%; clear:both; display:block;
}
.f-11{	font-size:11px; line-height:16px;	}
.f-12{	font-size:12px; line-height:16px;	}
.f-13{	font-size:13px; line-height:16px;	}
.hidden{	overflow:hidden;	}
a{	
	color:#222;		
}
a:hover, .color-red {	
	color:#F80000;		
}
.w-1200{	
	width:1240px;		margin:auto !important;	
}
.bg-white{
	background:#FFF; float:left; clear:both; padding:5px 15px 0px; width:1200px; margin-top:30px;
}
.title-lh-32{
	line-height:32px;	
}
.po-fix{
	position:fixed	
}
/*
|------HEADER-------
*/
#header{
	clear:both; float:left; width:100%; display:block; 
}
#header div.shortcut{
	background:#F5F5F5;	height:30px; font-family:Tahoma, Geneva, sans-serif; border-bottom:1px solid #DCDCDC; padding:2px 0;
}
#header div.shortcut ul.shortcut li{
	padding-top:3px;
}
#header div.shortcut ul.shortcut li a{
	float:left;		padding:4px 10px;		background:url(../images/bg/bg-icon.png) no-repeat left bottom;
}
#header div.shortcut ul.shortcut li span.wel{
	float:left;		padding:4px 0px 4px 10px;
}
#header div.shortcut ul.shortcut li a.i-u{
	text-transform:capitalize; 
}
#header div.shortcut ul.shortcut li a.i-u:hover, #header div.shortcut ul.shortcut li div#user-menu:hover a.i-u{
	background:#FFF !important; border:1px solid #CCC; padding:4px 9px 8px; border-bottom:none;
}
#header div.shortcut ul.shortcut li div#user-menu{
	position:relative;	
}
#header div.shortcut ul.shortcut li div#user-menu ul#user-submenu{
	display:none; position:absolute; clear:both; float:left; right:0px; top:28px; background:#FFF; border:1px solid #CCC;
	width:225px; padding:5px; z-index:9999;
}
#header div.shortcut ul.shortcut li div#user-menu:hover ul#user-submenu{
	display:inline;
}
#header div.shortcut ul.shortcut li div#user-menu ul#user-submenu li, #header div.shortcut ul.shortcut li div#user-menu ul#user-submenu li a{
	background:none; padding:0px; clear:both; float:left; width:100%; display:inline	
}
#header div.shortcut ul.shortcut li div#user-menu ul#user-submenu li{
	padding:10px 0px; border-bottom:1px solid #CCC;
}
#header div.shortcut ul.shortcut li div#user-menu ul#user-submenu li:last-child{
	padding:10px 0px 0px; border-bottom:none; 
}


#header div.shortcut ul.shortcut li a.select{
	background:#FFF;		border:1px solid #DADADA;		border-bottom:none;		padding:6px 15px 6px;
	font-weight:bold;		color:#565656;
}
#header div.shortcut ul.shortcut li a.select:hover{
	color:#C00
}
#header div.shortcut ul.shortcut li a.open-shop{
	background:#DC3030; color:#FFF; font-weight:bold;
}
#header div.shortcut ul.shortcut li a.open-shop:hover{
	text-decoration:none; background:#5FB435
}
/*
- HEADER - LOGO
*/
#header li.logo{
	width:280px; display:inline; text-align:center; margin-right:50px
}
#header li.f-search{
	width:550px; 	display:inline; 	text-align:left; 	margin:0px;		padding:15px 0px 0px;	color:#6F6F6F;
}
#header li.f-search span.f-serach-left{
	float:left; background-position:right -470px; width:5px; height:36px;	overflow:hidden;
}
#header li.f-search span.f-serach-right{
	float:left; background-position:left -470px; width:5px; height:36px;	overflow:hidden;
}
/*
- HEADER - CÁC NÚT LIÊN KẾT
*/
#header li.ads{
	width:850px; 	display:inline; 	text-align:center; 	margin:0px;	 padding:0px 0px; height:105px; overflow:hidden;
}
/*
- CONTAINER
*/
div#container div#container-left{
	float:left; width:872px; 
}
div#container div#container-right{
	float:right; width:315px; overflow:hidden;
}
/***********/
div#container div#container-left ul#nav{
	background:#306DA1; border-radius:5px 5px 0 0; padding:5px 5px 0px 5px; width:862px; overflow:hidden; display:inline; color:#FFF;
}
div#container div#container-left ul#nav li{
	float:left; margin-right:3px;
}
div#container div#container-left ul#nav li a{
	float:left; padding:8px 15px 8px; display:inline; color:#FFF; 
}
div#container div#container-left ul#nav li a.select, div#container div#container-left ul#nav li a:hover{
	background:#FFF; color:#666; border-radius:3px 3px 0 0;
}
div#container div#container-left ul#nav li.add-post{
	float:right; 
}
div#container div#container-left ul#nav li.add-post a{
	background:url(../images/ticket-new.png) no-repeat 5px center; padding:8px 15px 8px 25px; 
}
div#container div#container-left ul#nav li.add-post a:hover{
	background:url(../images/ticket-new.png) no-repeat 5px center #FFF; 
}
/***NOI DUNG TRANG********/
div#box-content{
	clear:both; float:left; width:860px; padding:15px 5px 10px;
	border-left:1px solid #ccc; border-right:1px solid #CCC; box-shadow:0 2px 5px #BBBBBB;	
}
div#box-group{
	border-bottom:1px solid #CCCCCC; overflow:hidden; height:300px;
	float:left; width:31.55%; margin:0 0.5% 10px; padding:0px; background:#F2F2F2;
}
div#box-group ul{
	padding:0 5%; width:90%;
}
div#box-group.no-mar{
	margin:0 1.5%;
}

div#box-group:last-child{
	border-bottom:none
}
.title-group{
	font:700 13px Tahoma, Geneva, sans-serif; text-transform:capitalize; color:#306DA1; border-bottom:1px solid #EAEAE9; padding-bottom:10px;
	padding:10px 5%; width:90%;
}
.bg-blue .title-group{
	background:#1BA1E2;
}
.bg-red .title-group{
	background:#DC3030;
}
.bg-green .title-group{
	background:#5FB435;
}
.title-group a:hover{
	text-decoration:underline;	 
}
.title-group a{
	color:#FFF; 
}
.title-type{
	font:bold 12px Tahoma, Geneva, sans-serif; color:#034D89;
}
.title-type a{
	color:#333;
}
.title-type a:hover{
	color:#DC3030;
}
div#box-group li{
	padding:10px 0; border-bottom:1px dotted #EAEAE9; text-transform:capitalize;
}
div#box-group ul li:last-child{
	border-bottom:none
}
div.title-i{
	float:left; display:inline; width:25%; padding:8px 1%; border-right:1px solid #EEEEED;
}
div.post{
	float:left; display:inline; width:15%; padding:8px 1%; text-align:center; border-right:1px solid #EEEEED;	
}
div.post-new{
	float:left; display:inline; width:37.5%; padding:0px 0% 0px 1%; text-align:left; height:16px; overflow:hidden;
	margin:8px 0px;
}
small {
    color: #999999;    display: block;    font-size: 10px;    font-weight: 700;  line-height:16px;
}
.bg-blue{
	background-color:#F6F9FF	
}
/***RIGHT*********/
div#container div#container-right #searchform {
    background:#5FB435; float:left; width:306px; overflow:hidden;
    border-radius: 5px 5px 5px 5px;    clear: both;    padding: 3px;    position: relative;
}
div#container div#container-right #searchform div {
    overflow: hidden;
}
div#container div#container-right .screen-reader-text {
    left: -9000px;    position: absolute;
}
div#container div#container-right #searchform #s {
    background:#FFFFFF;    border: 0 none;    border-radius: 3px 3px 3px 3px;
    color: #9C9C9C;    float: left;    font-size: 1em;    height: 16px;    padding: 7px 0 5px;
    text-indent: 6px;    width: 90%;
}
div#container div#container-right #searchform #searchsubmit {
    background: url(../images/search.png) no-repeat  center center #5FB435 ;
    border: 0 none;    cursor: pointer;    height: 14px;    margin: 0;    padding: 17px;
    position: absolute;    right: 0;    text-indent: -9999em;    top: 0;    width: 14px;
}
/**************/
div#container div#container-right .border-bot{
	border-bottom:1px solid rgba(0, 0, 0, 0.08); padding-bottom:15px; margin-bottom:15px;	
}
div#container div#container-right div#new-letter{
	border:1px solid #C1C1C1; border-radius:5px 5px 5px 5px; box-shadow:-2px 2px 2px #C8C8C8;
	background:url(../images/top-highlight.png) repeat-x left top #F1F1F1; overflow:hidden;
	width:303px; padding:5px; margin-bottom:15px;
}
div#container div#container-right div#new-letter p.title-nl{
	background:url(../images/widget-comment.png) no-repeat 0px 1px; color:#424242; font:bold 13px/18px Tahoma, Geneva, sans-serif;
	text-indent:20px;
}
div#container div#container-right div#new-letter ul#box-nl{
	background:url(../images/gradient-black-down.png) repeat-x left top #FFF; border:1px solid #DADADA; border-radius:5px 5px 5px 5px;
	color:#424242; width:290px; overflow:hidden; padding:5px 4px; height:735px; 
}
div#container div#container-right div#new-letter ul#box-nl li{
	padding:4px 0px; border-bottom:1px dotted #C9C9C9;
}
div#container div#container-right div#new-letter ul#box-nl li:last-child{
	padding:4px 0px 0px; border-bottom:none
}
div#container div#container-right div#new-letter ul#box-nl li h4.title-i-nl{
	font:bold 13px/18px Tahoma, Geneva, sans-serif; color:#417394; margin-bottom:7px;
}
div#container div#container-right div#new-letter ul#box-nl li a{
	color:#417394;
}
div#container div#container-right div#new-letter ul#box-nl li a:hover{
	text-decoration:underline;
}
div#container div#container-right div#new-letter ul#box-nl li span{
	font-size:11px;
}
/****************/
div#container div#container-right div#new-letter ul#box-user{
	background:url(../images/gradient-black-down.png) repeat-x left top #FFF; border:1px solid #DADADA; border-radius:5px 5px 5px 5px;
	color:#424242; width:290px; overflow:hidden; padding:5px 4px;
}
div#container div#container-right div#new-letter ul#box-user li{
	padding:4px 0px; border-bottom:1px dotted #C9C9C9;
}
div#container div#container-right div#new-letter ul#box-user li:last-child{
	padding:4px 0px 0px; border-bottom:none
}
div#container div#container-right div#new-letter ul#box-user li h4.title-i-nl{
	font:bold 13px/18px Tahoma, Geneva, sans-serif; color:#417394;
}
div#container div#container-right div#new-letter ul#box-user li a{
	color:#417394;
}
div#container div#container-right div#new-letter ul#box-user li a:hover{
	text-decoration:underline;
}

/*
**** PAGE = CATALOGUE
*/
div#c-lq div.box-right{
	float:right; width:725px; display:inline; text-align:right;	
}
div#c-lq h1{
	margin:0px 0px 10px; font:bold 13px Tahoma, Geneva, sans-serif; text-transform:capitalize; color:#DC3030;
	background:#f2f2f2; padding:10px 2%; width:96%;
}
div#c-lq h1 a{
	color:#DC3030;
}
div#c-lq h1 a:hover{
	color:#000;
}
div#c-lq h1 .focus{
	color:#306DA1;
}

div#c-lq div.box-right h2{
	float:left; padding:7px 15px; font:bold 11px/18px Tahoma, Geneva, sans-serif; text-transform:capitalize;
	background:#ddd; margin:0 5px 10px;
}
div#c-lq div.box-right h2 a{
	color:#222
}
div#c-lq div.box-right h2 a:hover{
	color:#DC3030
}
/*************/
#bar-list{
	background:#F6F9FF; padding:5px 0px;	
}
#bar-list span{
	float:left; margin:0px 10px; background:#5FB435; padding:5px 15px 4px; color:#FFF; text-transform:uppercase;
	border-radius:3px 3px 3px 3px; font:bold 13px Verdana, Geneva, sans-serif;
}
#bar-list b{
	float:left; padding:5px 0px 4px 0px; color:#417394; text-transform:uppercase;
	font:bold 14px Tahoma, Geneva, sans-serif;
}
/****************/
#item-ad{
	padding:12px 0px; border-bottom:1px dotted #A2A2A2;	
}
.c-id-code{
	float:left; width:80px; overflow:hidden; text-align:center;
}
.c-title-i{
	float:left; width:648px; display:inline; padding:0px 5px; border-right:1px solid #A2A2A2; overflow:hidden; border-left:1px solid #A2A2A2;	
}
.c-title-i h3{
	font:bold 13px/18px Tahoma, Geneva, sans-serif; 
}
.c-title-i h3 a{
	color:#C13D2C
}
.c-title-i h3 a:hover{
	color:#306DA1
}

.c-time{
	float:left; width:150px; overflow:hidden; border-right:1px solid #A2A2A2; text-align:center; padding:0px 5px; 	
}
.c-view{
	float:left; width:100px; overflow:hidden; text-align:center; padding:0px 5px; 
}
/*************/
#list-n{
	background:; padding:5px 0px;	
}
#list-n span{
	float:left; margin:0px 10px; background:#3A6DA1; padding:5px 15px 4px; color:#FFF; text-transform:uppercase;
	border-radius:3px 3px 3px 3px; font:bold 13px Verdana, Geneva, sans-serif;
}
#list-n b{
	float:left; padding:5px 0px 4px 0px; color:#306DA1; text-transform:uppercase;
	font:bold 13px Verdana, Geneva, sans-serif;
}
/****PHAN TRANG**************/
#pagination{
	background:#F8F8F8; text-align:right; border:none !important; padding:10px 3% !important; width:94% !important;	
}
#pagination a{
	border: 1px solid #999999;    cursor: pointer;    height: 23px;    line-height: 23px;    padding: 0 7px; color: #27589F; background:#FFF;
	display: inline-block;    letter-spacing: normal;    margin-left: 5px;    overflow: hidden;    vertical-align: top;    word-spacing: normal;
}
#pagination a:hover{
	color:#C4161C;
}
#pagination b{
    background-color: #C4161C;    border-color: #C4161C;    color: #FFFFFF;    font-weight: 700;    height: 25px;    line-height: 25px; padding:0px 8px;
    display: inline-block;    letter-spacing: normal;    margin-left: 5px;    overflow: hidden;    vertical-align: top;    word-spacing: normal;
}
#pagination span{
    color: #000;    font-weight: 700;    height: 25px;    line-height: 25px; padding:0px 3px;
    display: inline-block;    letter-spacing: normal;    margin-left: 5px;    overflow: hidden;    vertical-align: top;    word-spacing: normal;
}
h1.title-d{
	text-transform:uppercase; color:#306DA1	
}
h1.title-d a{
	color:#F00	
}
/******************/
.icon-comment{
	background:url(../images/forum.png) no-repeat 0px 3px; float:left; display:inline; text-indent:20px	
}
#comment li{
	background:#F1F5F8 ; border-bottom:1px solid #CCCCCC; padding:13px 10px 10px; overflow:hidden; width:840px
}
#f-comment{
	background:#F7F7F7 ; padding:13px 10px 10px; overflow:hidden; width:840px
}
#f-comment div.img-60, #comment li div.img-60{
	width:60px; height:60px; overflow:hidden; border-radius:5px; float:left;
}
#f-comment div.des, #comment li div.des{
	width:765px; overflow:hidden; float:right; line-height:20px;
}
#comment li div.des b{
	color:#306DA1; text-transform:capitalize;	
}
#comment li div.des b span{
	color:#666; font-weight:normal; font-style:italic
}
#f-comment div.des textarea{
	width:750px; height:60px; font:13px/18px Tahoma, Geneva, sans-serif; float:left; margin-bottom:5px; padding:5px;
}
div.error{
	clear:both; float:left; font:11px Tahoma, Geneva, sans-serif; color:#FF2323	
}
/*************/
.box-news{
	background:#f9f9f9;	border-radius: 5px 5px 0 0; overflow:hidden; margin:0 5px; width:850px;
}
.box-news #box-content{
	border:1px solid #CCCCCC; width:848px; overflow:hidden; 
}
.box-title-new{
	background:#5FB435;	border-radius: 5px 5px 0 0;	color: #FFFFFF;	display: inline;	overflow: hidden;
	padding: 10px ;	width: 830px; float:left; margin:0; font:bold 14px Tahoma, Geneva, sans-serif; text-transform:uppercase;
}
.box-news #box-content li{
	float:left; clear:both; border-bottom:1px solid #CCC; padding:0px 9px; width:830px;
}
.box-news #box-content li:nth-child(2n+1){
	background:#fff
}
.box-news #box-content li .title-item{
	float:left; width:63.7%; padding:12px 0; font-weight:bold; text-transform:capitalize; font-size:12px;
}
.box-news #box-content li .f-left-view, .box-news #box-content li .f-right-time{
	float:left; width:14%; padding:12px 2%; text-align:center;
}
.box-news #box-content li .f-left-view{
	border-left:1px solid #CCC; border-right:1px solid #CCC;
}
.box-news #box-content a{
	color:#222
}
.box-news #box-content a:hover{
	color:#DC3030
}
#raovat-content{
	font:14px/24px Tahoma, Geneva, sans-serif;	
}