/**
 * @version		$Id: style.css 1 2011-01-03 15:39 Phu $
 * @package		vFramework6.theme
 * @copyright	(C) 2010 Vipcom. All rights reserved.
 * @link  		http://www.vipcom.vn
 * @license		Commercial, see license.php
 */
@charset "UTF-8";

/**
 * RESET
 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,
samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,caption,
table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after, q:before,q:after{content:'';content:none;}
:focus{outline:none;}
* {outline: none;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
/* End RESET */



/**
 * GRIDS - Tạo lưới trên giao diện web.
 */
.container{width:780px;margin:auto; position:relative; margin-top:15px;} /* A container should group all your columns. */

.row{width:100%;clear:both; overflow:hidden; _overflow:visible; _height:1%;}
.clear {clear:both;}

/* Example: 2 columns */
.col-1{width:165px; margin-right:10px; float:left;}
.col-2{width:370px; float:left;}
.col-3{width:215px; float:right;}
.col-F {width:600px; float:right;}
/* End GRIDS */

/**
 * LAYOUT - Trang trí các khối: màu nền, khung viền, hình ảnh,...
 */
.page{}
.logo{width:780px; position:relative;}
#lang { position:absolute; right:20px; top:82px; z-index:9999;}
.header {height:100px; padding-top:10px;}
.banner {width:780; height:195px; margin-bottom:20px;}

#nav {margin-bottom:15PX; margin-left:15px; padding-left:0px; height:20px; padding-bottom:2px; font-size:18px; border-bottom:1px #ededed solid;}
#nav ul li {display:block; float:left; padding-left:15px; background:url(images/nav_icon.gif) 3px 8px no-repeat;}
#nav ul li.home { background:none; padding-left:0;}
#nav ul li a {font-size:11px;}

#block-searchBox {width: 180px;text-align: left;overflow:hidden; _overflow:visible; _height:1%; background:url(images/bgtop_searchbox.jpg) no-repeat top center; margin-bottom:10px;padding:0;}
#block-searchBox h3 { font-size:11px; font-weight:bold; color:#06C;padding-left:25px; padding-bottom:10px; padding-top:6px;}
#block-searchBox form { background:url(images/bottom_rightbox.gif) center bottom no-repeat; padding:0 10px 10px 10px;}
#block-searchBox form input[type=text] {border:1px solid #ccc; padding:3px 3px 2px 3px;font-size:11px; width:150px}
#block-searchBox form select {border:1px solid #ccc; padding:3px 3px 2px 3px; width:158px; font-size:11px;}
#block-searchBox form input[type=submit] {background: url(images/timkiem_b.jpg) no-repeat; width:74px; height:25px; border:none; text-indent:-999px; }
	/*html #block-search form input.text {border:2px solid #f0d4a4; padding:2px 3px 2px 3px; width:180px; font-size:11px;}*/
	/*html #block-search form input.submit {background: url(images/search_b.jpg) no-repeat; width:22px; height:22px; border:2px solid #f0d4a4; text-indent:-999px; position:absolute; top:35px;}*/
#block-searchBox p {background:url(images/bottom_rightbox.gif) no-repeat center bottom;}
#block-searchBox ul { background:url(images/bottom_rightbox.gif) center bottom no-repeat; padding:0 10px 10px 10px;}

#hotNews {float:left; width:213px; overflow:hidden; _overflow:visible; _height:1%; margin-bottom:10px; border:1px #c8ca87 solid;}
#hotNews h3 {display:block; margin:0 0 5px 0; background:#f4f4e8 url(images/leftmenu_icon.gif) 4px 6px no-repeat; padding:2px 0 2px 20px; border-bottom:2px #c8ca87 solid;}
#hotNews h3 a {color:#F10017; text-transform:uppercase; font-weight:bold;}
#hotNews ul {padding:8px;}
#hotNews ul li { display:block; padding: 5px 0 5px 0px; margin-bottom:10px; line-height:16px; border-bottom:1px #cbb488 dotted; font-size:12px; text-align:justify; overflow:hidden; _overflow:visible; _height:1%;}
#hotNews ul li img {display:block; float:left; margin-right:6px; width:60px; height:60px;}
#hotNews ul li a {color:#006700; display:block; font-weight:bold;}
#hotNews a.more {font-size:11px; color:#F60; display:block; padding:6px 0 0 25px;}

#welcome { margin-bottom:0px; padding:10px;}
#welcome h3 { display:block; text-indent:-9999px; background: url(images/thungo_title.jpg) left top no-repeat; height:35px; margin-bottom:15px}
#welcome p {margin-bottom:10px; font-style:italic; text-align:justify;}
#welcome a.newsMore { font-style:italic; color:#060; font-size:11px;}

#welcomeEN { margin-bottom:0px; padding:10px;}
#welcomeEN h3 { display:block; text-indent:-9999px;  background: url(images/thungo_title_en.jpg) left top no-repeat; height:35px; margin-bottom:15px}
#welcomeEN p {margin-bottom:10px; font-style:italic; text-align:justify;}
#welcomeEN a.newsMore { font-style:italic; color:#060; font-size:11px;}

#letterVN { margin-bottom:10px; padding:80px 0 0 20px;   background: url(images/bg_thuvietnam.jpg) left top no-repeat; _height:200px; font-style:italic; text-align:justify; color:#006400}
#letterVN a { display:block; text-align:right; font-weight:bold; color:#006700; margin-bottom:20px;}
#letterEN { margin-bottom:10px; padding:80px 0 0 20px; background:url(images/bg_thuvietnam_en.jpg) left top no-repeat; font-style:italic; color:#006400}
#letterEN a { display:block; text-align:right; font-weight:bold; color:#006700; margin-bottom:20px;}

#activitive_pic {overflow:hidden; _overflow:visible; _height:1%; margin-bottom:15px; border:2px #e7e8be dashed; padding:5px;}
#activitive_pic h3 {display:block; margin:0 0 10px 0; background:#f4f4e8 url(images/leftmenu_icon.gif) 4px 6px no-repeat; padding:2px 0 2px 20px; border-bottom:2px #c8ca87 solid;color:#F10017; text-transform:uppercase; font-weight:bold;}
#activitive_pic ul li {display:block; float:left; margin:0 4px 8px 4px;}
#activitive_pic ul li img {width:110px; height:100px;}
#activitive_pic ul li a:first-child {display:block; text-align:center;}
#activitive_pic ul li a {/*display:none;*/ text-align:center;}
#activitive_pic ul li #titles{display:none; text-align:center;}

#thiennguyen { margin-bottom:10px; width:215px; height:294px;}
#thiennguyen h3 {display:block; margin:0 0 10px 0; background:#f4f4e8 url(images/leftmenu_icon.gif) 4px 6px no-repeat; padding:2px 0 2px 20px; border-bottom:2px #c8ca87 solid;color:#F10017; text-transform:uppercase; font-weight:bold;}
#thiennguyen ul li {width:215px; height:260px;}
#thiennguyen ul li a:first-child {display:block; text-align:center;}
/*#thiennguyen ul li a {display:none;}*/

#weblink {border:1px #c8ca87 solid; margin-top:10px;}
#weblink h3 {display:block; margin:0 0 10px 0; background:#f4f4e8 url(images/leftmenu_icon.gif) 4px 6px no-repeat; padding:2px 0 2px 20px; border-bottom:2px #c8ca87 solid;color:#F10017; text-transform:uppercase; font-weight:bold;}
#weblink ul li {display:block; text-align:center;}

#footer{margin:10px 0 0 0; font-size:11px; color:#757575; overflow:hidden; _overflow:visible; _height:1%; text-align:center; margin-top:30px; padding-bottom:20px;}
#footer div.copyright {background:#006700; padding:3px 0; text-align:center; margin-bottom:10px; color:#fff}
.gotop {position:absolute; right:15px; top:0;}

iframe{width:100%;height:500px;}

/* End LAYOUT */


/**
 * TYPOGRAPHY - Định nghĩa chung về phông chữ cho toàn bộ giao diện
 */
body{
	font:12px/18px Arial,Verdana,Helvetica,Sans-serif; /* size 14px, line-height 20px */
	*font-size:small;
	*font:x-small;

}
.tiny{font-size: .6em;}
.small{font-size: .8em;}
.large{font-size: 1.2em;}

/* Default link */
a {color:#333;text-decoration:none;}
a:hover, a:focus{text-decoration:underline;}
a:active, a:visited{color:#525252;}

/* Custom select */
::selection{background:#525252;color:#fff;}
::-moz-selection{background:#525252;color:#fff;} /* FF */

.error{font-color:red}
.warning{font-color:yellow}
.report{}
/* End TYPOGRAPHY */

/**
 * MENU
 */
#menu{height:60px;position:relative; background:url(images/bgtopmenu.jpg) repeat-x;}
#menu ul{position:relative;z-index:99;}
#menu ul li{display:block; float:left; padding:0; margin:0; border-right:1px #d5d8dd solid;}
#menu ul li a {display: block; padding:3px 32px 2px 32px;font-size:10px; text-transform:uppercase;}
#menu ul li a:hover{color:#FFF; background:url(images/bgtopmenu_active.jpg) repeat-x top; text-decoration:none;}
#menu ul li a.active{color:#FFF; background:url(images/bgtopmenu_active.jpg) repeat-x top; text-decoration:none;}

#leftMenu {}
#leftMenu ul li {display:block; margin-bottom:2px; background:#f4f4e8 url(images/leftmenu_icon.gif) 2px 6px no-repeat; padding:2px 0 2px 20px; border-bottom:1px #c8ca87 solid;}
#leftMenu ul li a {text-transform:uppercase; color:#060; font-weight:bold;}
#leftMenu ul li a.active {color:#ED2323}
#leftMenu li ul.submenu {margin-top:6px; margin-left:-18px;}
#leftMenu li ul.submenu li { background:none; padding:2px 5px 2px 15px; border-bottom:none; font-weight:normal; background:url(images/submenu_icon.gif) left 6px no-repeat;border-top:1px #fffff3 solid;}
#leftMenu li ul.submenu li a {text-transform:none; font-weight:normal; color:#000;}
#leftMenu li ul.submenu li a:hover, #leftMenu li ul.submenu li a.active {color:#F00;}
#leftMenu iframe{display:none;}
/* End MENU */

/**
 * PAGING
 */
#paging-wrapper{ clear:both;}
#paging {padding-top:20px;text-align:center; padding-bottom:20px;}
#paging a {
	text-decoration:none;
	margin:2px;
	padding:2px 6px 2px 6px;
	border: 1px solid #DDDDDD;
}
#paging a:hover {
	text-decoration:none;
	margin:2px;
	padding:2px 6px 2px 6px;
	border: 1px solid #006600;
}
#paging .active {
	background:#f2f2f2;
	text-decoration:none;
	font-weight: bold;
	margin:2px;
	padding:2px 6px 2px 6px;
	border: 1px solid #006600;
}
/* End PAGING */


/**
 * CONTENT
 */
#article { margin:15px 0 15px 15px;}
#article #content-cat {width:100%; margin-bottom:30px; position:relative;}
#article #content-cat h2 {height:20px; background:#FFF; font-size:18px; font-weight:normal; display:block; padding:3px; position:absolute; left:20px; top:-15px; z-index:9999}
#article #content-cat h2 a {color:#199400; } #article #content-cat h2 a:hover {color:#199400; text-decoration:none;}
#article #content-cat ul {  overflow:hidden; _overflow:visible; _height:1%; padding:20px 10px 10px 10px;border:1px #C9CA88 solid; margin-top:25px;}
#article #content-cat ul li.hot {margin-bottom:10px;background:none;padding:0; text-align:justify; padding-bottom:10px; border-bottom:1px #ededed solid; overflow:hidden; _overflow:visible; _height:1%;}
#article #content-cat ul li.hot a{font-weight:bold; color:#199400;font-weight:bold; font-size:14px; padding-bottom:6px; display:block;} 
#article #content-cat ul li a:hover {color:#FFA100; text-decoration:none;}
#article #content-cat ul li.hot img {float:left;margin-right:10px; padding:1px; border:1px #f2f2f2 solid;max-width:130px;max-height:100px;}
#article #content-cat ul li {background: url(images/next_list.gif) 15px 2px no-repeat;padding: 0 0 3px 30px; text-align:justify;}
#article #content-cat ul li a{ font-size:12px;}
#article #content-cat ul li span {font-size:10px;color:#666;}
#article #content-cat ul li img {float:left;margin-right:10px; padding:1px; border:1px #f2f2f2 solid;width:100px;max-height:100px;}
#article #content-cat .more {text-align:right; position: absolute; right:5px; bottom:5px;}

#article #content-list{line-height:1.5; font-size:12px; background:url(images/bottom_middlebox.gif) center bottom no-repeat;}
#article #content-list h2 {background:url(images/bgtitle_middlebox2.jpg) no-repeat; display:block;}
#article #content-list ul {}
#article #content-list ul li.hot a{font-weight:bold;font-size:16px; text-align:justify;}
#article #content-list ul li.hot img {float:left;margin-right:10px; padding:1px; border:1px #f2f2f2 solid;max-width:200px;max-height:150px;}
#article #content-list ul li{margin-bottom:15px;clear:both; font-size:12px; text-align:justify; border-bottom:1px #ededed solid; padding-bottom:10px;overflow:hidden; _overflow:visible; _height:1%;}
#article #content-list ul li a{font-weight:bold; color:#199400; font-size:14px;} #article #content-list ul li a:hover {color:#FFA100; text-decoration:none;}
#article #content-list ul li span{font-size:10px;color:#666;}
#article #content-list ul li img{float:left;margin-right:10px; padding:1px; border:1px #f2f2f2 solid;width:100px;max-height:100px;}

#article a.readDetail {display:inline; font-size:10px; font-weight:bold;}

/* Content View */
/* Vì đã Reset, nên cần phải khai báo lại thuộc tính cho tất cả các thẻ có sử dụng trong nội dung bài viết */
#content{line-height:1.6; font-size:14px;}
#content h1{font-family: Arial, Verdana;font-weight: normal;font-size: 18px; line-height:normal;color: #006600;display:block; padding:15px 0;}
#content h2, #content h3, #content h4, #content h5, #content h6{ line-height:140%; margin-bottom:15px;}
#content p{margin-bottom: 15px; color:#000; text-align:justify;}
#content a{ color:#fc8700}
#content a:hover { text-decoration:underline}
#content table {margin-bottom:15PX; width:100%;}
#content table td {padding:2px; display:table-cell;vertical-align: middle;zoom: 1;}
#content table img {display:block; margin:0 auto; padding:1px; border:1px solid #ededed;}
#content table.bdh td {border-bottom:1px #ebebeb solid;}
#content table.bdh td img { border:none;}
#content ol{}
#content ol li{list-style:decimal outside; margin-left:30px;}
#content ul { list-style: outside; list-style-type:disc; margin-left:30px;}
#content ul li {padding:0 0 5px 0;list-style:disc outside}
#content pre, #content code{}
#content blockquote{}
#content img{}
/* End Content View */

#content-next{margin-top:20px;}
#content-next h5{padding-bottom:2px;margin-bottom:10px; color:#199400; font-size:14px; border-bottom:#dbdbdb 2px dotted;}
#content-next{margin-top:15px;}
#content-next ul li{background: url(images/next_list.gif) 15px 2px no-repeat;padding: 0 0 3px 30px;}
#content-next ul li a{}
#content-next ul li span{font-size:10px;color:#666;}

#pictureActivitive #content-next{margin-top:20px;}
#pictureActivitive #content-next h5{padding-bottom:2px;margin-bottom:10px; color:#199400; font-size:14px; border-bottom:#dbdbdb 2px dotted;}
#pictureActivitive #content-next{margin-top:15px;}
#pictureActivitive #content-next ul li{background: url(images/camera_icon.gif) 15px 2px no-repeat;padding: 0 0 3px 35px;}
#pictureActivitive #content-next ul li a{}
#pictureActivitive #content-next ul li span{font-size:10px;color:#666;}

/* End CONTENT */


/**
 * CONTACT
 */
#contact { margin:15px 0 15px 15px; padding-top:15px; border-top:1px #eaeaea dotted;}
#contact form{padding:20px 0; background:url(images/bottom_middlebox.gif) bottom center no-repeat; position:relative;clear:both; }
#contact table.form{margin:0px 10px 10px 20px;}
#contact table.form th {text-align:left;vertical-align:top;padding:5px;font-weight:normal;}
#contact table.form td {text-align:left;padding:5px 5px 5px 0;}
#contact p{margin-bottom:10px;}
#contactInfo {margin:15px 0 15px 15px}

/**
 * FORM - Trang trí các biểu mẫu
 */
#contact form fieldset {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; padding-top:5px; padding-left:5px; border:1px solid #ccc; }
#contact form fieldset legend {font-size:1.4em; padding:0 5px;}
#contact form input[type=text], form input[type=email], form input[type=url] {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; height:20px; margin-bottom:5px; border:1px solid #ccc; padding:4px 0 1px 5px; width:350px;}
#contact form label {display:block; height:20px; font-size:1.2em;}
#contact form textarea {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; height:20px; margin-bottom:5px; border:1px solid #ccc; padding:4px 0 1px 5px; width:400px; height:100px;}
#contact input[type=text], #contact input[type=password] {}
/* End FORM */

/* End CONTACT */
#download {margin:15px 0 15px 15px;}
#download #content-list {border:none;}
#download #content-list ul {border:none; margin:0;}
#download #content-list ul li {border-bottom:1px #C9CA88 solid; padding:5px 0;}
#download #content-list ul li a {color:#333; font-weight:bold;}
#download #content-list ul li a:hover {color:#199400; text-decoration:none;}


#pictureActivitive {margin:15px 0 15px 15px;}
#pictureActivitive #content-cat {margin-bottom:20px; position:relative; }
#pictureActivitive #content-cat h2 {height:20px; background:#FFF; font-size:18px; font-weight:normal; display:block; padding:3px; position:absolute; left:20px; top:0px; z-index:9999 }
#pictureActivitive #content-cat h2 a {color:#199400; } #pictureActivitive #content-cat h2 a:hover {color:#199400; text-decoration:none;}
#pictureActivitive #content-cat {overflow:hidden; _overflow:visible; _height:1%;}
#pictureActivitive #content-cat ul {  overflow:hidden; _overflow:visible; _height:1%; padding:20px 0 10px 0;border:1px #C9CA88 solid; margin-top:15px;}
#pictureActivitive #content-cat ul li, #pictureActivitive #content-list ul li {display:block; float:left; margin:0 20px; padding:0; width:150px; height:220px;}
#pictureActivitive #content-cat ul li img, #pictureActivitive #content-list ul li img {width:150px; min-height:100px; padding:2px; border:2px #F4F4E8 solid;}
#pictureActivitive #content-cat ul li h5, #pictureActivitive #content-list ul li h5 {display:block; color:#333; font-weight:normal; text-align:center;}

#pictureActivitive #content .fullpic { margin:15px 0; text-align:center;}
#pictureActivitive #content img {display:block; margin:0 auto;}
/**
 * CUSTOM - Các định nghĩa riêng khác của giao diện này
 */