/*Color and font quick guides:
Red: #ed1c24
Dark gray: #666
Brighter Blue: #0072bc
Darker Blue: #05426A
Gold: #855407
*/

/* CSS 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, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, 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, li{
list-style: none;
}

blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* common
*/
body {font: 12px/18px Arial, Helvetica, sans-serif}
p {font: 12px/18px Arial, Helvetica, sans-serif; margin-top: 0px;}
.wap { margin:0 auto; width:980px;}
@import url(http://fonts.googleapis.com/css?family=Open+Sans)
@font-face {
	font-family: 'Open Sans', Arial, sans-serif;
}

a {
	color: #05426A;
	text-decoration: none;}
	
a: hover {
	color: #666;}
	
h4 {
	text-transform: uppercase;
	padding: 15px 0px 5px 0px;
	color: #999;
	}
	
h3{
	color:#05426A; 
	font-size: 16px;
	padding: 10px 0px;}

/*header
*/
.header{ background:url(../image/trong-dong.png) no-repeat right top; width:981px; height:203px;position:relative; border:none;}
 #quoc-huy{ background:url(../image/quoc-huy.jpg) no-repeat top left; position:absolute; width:81px; height:80px; top:27px; left:10px; text-indent:-9999px;}
 #logo{ position:absolute; top:35px;left:120px; font-family:'Open Sans', Arial, sans-serif; }
 	#logo h4 {padding: 0;}
 	#logo h4 a{ font-size:16px;color:#ed1c24;}
	#logo h4 a span{ color:#05426a;}
	#logo h1{ margin:9px 0;}
	#logo h1 a{ font-size:33px; color:#ed1c24;}
		#logo a{  text-decoration:none;font-weight:normal;}
 		#nav {position: absolute;height: 53px; font-family: 'Open Sans', Arial, sans-serif; font-size: 0.9em;text-transform:uppercase;}
 	.menu-nav{ background:url(../image/nav-bg.jpg) no-repeat top left; top:150px; height:53px; width:980px; position: absolute;}
					.search{float:right; width:260px;margin-left: 5px;}
					.search #key-search, #edit-search-block-form--2{height:30px; width:200px; float:left; border:none;}
					.search #bt-search{float:right;}

/*container
*/
.container{ font-family:Arial, Helvetica, sans-serif; }

.end-image{background: url(../image/khue-van-cac.jpg) no-repeat right bottom; padding-bottom: 10px;height:165px;}

.time-date{ padding-top:10px;}

.time-date p{ color:#855407; font-size:10px; text-transform:uppercase;}
  .bottom{ margin:10px;}
	.img-show{float:left; width:660px;position:relative; height:200px}
		.link-img{ position: absolute; right: 0; top: 206px;}
	     .link-img a{ text-indent:-500em; float:left; margin-left:3px; width:10px; height:10px;background:url(../image/note.png) no-repeat 0 0;}
		  .link-img a:hover,
		  .link-img a.active {background-position: 0 -10px}
		.message-ambassador{ float:right; width:290px;}
		.message-ambassador a{ font-size:9px; color:#999; text-transform:uppercase; float:right; text-decoration:none; padding: 0px;}
	.blcontai{border-top:solid 1px #ccc; margin: 0 0px 0 0;}
		.wap h3{ font-family:'Open Sans', Arial, sans-serif; font-size:20px; color:#ed1c24; text-transform: capitalize; padding-top:8px; font-weight:normal;}
		.single{float:left; width:410px; padding-right:20px; height: 100%;}
		.single-post{float: left;width:65%; padding-right:10px;padding-left:10px; height: 100%;border-right: solid 1px #CCC;border-left: solid 1px #CCC;}
		.single-sitemap, .single-gallery{float: left;width:65%; padding-right:10px;padding-left:10px; height: 100%;border-right: solid 1px #CCC;border-left: solid 1px #CCC;}
		.single-gallery {border:none;}

			.news { border-bottom:solid 1px #0072bc;  padding:23px 0 9px ;}
			.news-wrapper {border-bottom: solid 1px #0072bc; margin-top:15px;}
			.item-list {margin-top:10px;}
			.blnews .first {padding-top: 8px}
			.news:first-child {padding-top: 8px}
			  .news img{ float:left; width:150px;margin:0px 10px 0px 0px;border: solid 1px #ccc;padding:3px;}
			  .block-new{ width:100%;}
			  .block-new a{ font:14px Arial, Helvetica, sans-serif; text-decoration:none; color:#05426a; font-weight:bold;}		
	.view-more-news{ margin:10px 0;}
		.view-more-news h3{ font-size:14px;}
		.bl-more{ padding:10px 0;}
		.bl-more div{ padding-bottom:5px;}
		.bl-more a, .bl-more a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none;color:#666;border-bottom: 1px dotted #ccc;padding-bottom:3px; }
		.bl-more a:hover {color: #999; border-bottom: 1px dotted #05426A;}	
	.more-news-bg{ background: url(../image/more-new-bg.png)repeat-x left top; height:12px; padding-top:7px;}
	.news h4{ font-family:Arial, Helvetica, sans-serif; font-weight: bold;color:#05426A; font-size:14px;}
	.news p{ 
	font: 12px/18px Arial, Helvetica, sans-serif; 
	color:#666;
	}
		.bltravel{float:left; width:200px;border-right:solid 1px #ccc; padding:0 10px 0 18px;border-left:solid 1px #ccc;}
		.bltravel h3 {margin: 0 0 6px;}
		.left-sidebar{width:150px; margin:0;float:left;margin-right:10px;}
		.capital{ padding:10px 0;}
		.capital h4{ border-top:solid 1px #0072bc; padding:10px 0; }
		.capital h4 a{ color:#05426a; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none;}
		.capital p{color:#666; font-size:12px;font-family: Arial, Helvetica, sans-serif; line-height:16px; padding-bottom:10px;}
		.more-vietnam{border-top:solid 1px #0072bc; padding-top:15px;}
		.relations{  padding-top: 0px; float: right;}
		p.relations_news, p.vietnam_news, {
			-moz-column-count: 3;
			-moz-column-gap: 20px;
			-webkit-column-count: 3;
			-webkit-column-gap: 20px;
			column-count: 3;
			column-gap: 20px;}
		.bl-business,.bl-usrelation,.bl-energy{border-bottom: 1px solid #0072BC;}
		.relations img { float: left;}
		.relations a{ text-decoration:none;font-family:Arial, Helvetica, sans-serif; font-weight: bold;color:#05426a; font-size:14px;}
		.relations p{ font-family:Arial, Helvetica, sans-serif;  font-size:12px; color:#666; padding-bottom:15px;}
		.travel img{ margin-top:10px;}
		.bltravel .more-news{border-top:solid 1px #0072bc; padding-top:15px;}
		.morenews h3 {font-size: 14px;}
		
		
		.blsidebar{float:right; width:300px;background:url(../image/quick-link-bg.jpg) no-repeat right top; margin-top:7px;}
		.blsidebar h3{ color:#05426a; padding-top:10px;font-size:20px;}
		.bl-quick-link{ padding: 20px 0 30px 10px;}
		.information{background:url(../image/ql-info.png) no-repeat left center; }
		.help{ background:url(../image/ql-help.png) no-repeat left center; }
		.visa{  background:url(../image/ql-visa.png) no-repeat left center;}
		.travel{background:url(../image/ql-travel.png) no-repeat left center;}
		.business{  background:url(../image/ql-business.png) no-repeat left center;}
		.link{ margin-left:-10px; padding:0 0 10px 30px;font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight: bold;}
		.border{border-top:solid 1px #ccc; padding-top:10px;}
		.link a{ text-decoration:none; color:#333;line-height: 1.5;}
.vn-photo{ margin-top:25px; }
	.vn-photo .more-news-bg{padding-top:18px;}
	.blphoto{  margin: 20px 0 0 40px;}
/*
footer
*/
 .footer{ background:#f1f5f8; height:100%;}
 .ft-block{ padding:15px 0}
 .footer .wap{ width:940px;height:300px; margin:0 auto; padding:30px 0px 50px 0px;position:relative; background:url(../image/ft-trong.jpg) no-repeat center bottom;}
 
 #block-menu-block-1, #block-block-1, #block-views-featured-links-block {
 	width: 30%;
 	float:left;
 	margin-right: 2.22222%;}

#block-block-1 {width: 39%; float:left;margin-right: 6.38%}

#block-views-featured-links-block{
	width:20%;}
 	.blcontact p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:24px;}
	  .blcontact p span{ text-transform:uppercase; font-weight:bold;}
 .facebook{float:left;margin-right:20px; width: 300px}
 .twitter{float:left; width: 280px}
 
 
 	

/* Clearfix 
*/
* html .clearfix {
    height: 1%; /* IE5-6 */
}

.clearfix {
    display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix {
    display: block; /* O */
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
    font-size: 1px;
    overflow: hidden;
}

.view-home-event img, .view-travel-and-culture img
{
	width: 200px;
}

.block-new a, .relations a
{
	display: block;
	padding-bottom: 12px;
}


.relations
{
	border-top: 1px solid #0072BC;
}
.views-row-1 .relations
{
	border-top: none;
}
.news-category a, .node-category a
{
	font-size: 14px;
	font-weight: bold;
	color: red;
	font-family: 'Open Sans', Arial, sans-serif;
	text-decoration: none;
}
.news-category, .node-category
{
	margin-top: 5px;
}
.news-title, .node-title
{
	display: block;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	font-family: 'Open Sans', Arial, sans-serif;
	color: #05426a;
	margin: 5px 0px 3px 0px;
}
.news-created, .node-created
{
	color: #999;
}
.news-content, .node-content
{
	margin-top: 10px;
}

.news-content p{
	padding-bottom: 10px;
	}
.news-content .imageleft, .node-content .imageleft
{
	width: 250px;
	margin: 0px 20px 0px 0px;
	float: left;
	text-align: center;
	color: #666;	
}
.imageleft img
{
	width: 100%;
	border: 1px solid #CCC;
	padding: 3px;
}
.node-author
{
	text-align: right;
	font-weight: bold;
	color: #000;
	margin-bottom: 5px;
}
.cmt-bar
{
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 5px 0px;
	font-weight: bold;
}
.cmt-bar .cmt-count
{
	float: left;
	/*background: background:url(../image/ql-bg.png) top right no-repeat;
	padding-right: 10px;*/
	
}
.cmt-bar .links
{
	float: right;
	width: 300px;
	text-align: right;
	color:#3b5998;
}
.cmt-bar .links a
{
	color:#3b5998;
}
.comment-wrapper h2.title
{
	display: none;
}
.comment .user-picture
{
	float: left;
	margin: 0px 10px 10px 0px;	
}
.comment .user-picture img
{width: 50px;}

.comment a.username
{
	font-weight: bold;
	color: #615998;
	
}
.comment .field-name-comment-body
{
	margin-top: 5px;
}
.cmt-action
{
	color: #ccc;
	font-size: 11px;
	font-weight: bold;
	margin-top: 2px;
}
.cmt-action a
{
	color: #615998;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;	
}
.comment-wrapper .comment
{
	clear: both;
	border-bottom: solid 1px #ccc;
	padding: 10px 0px;
}
.node-wrapper
{
	clear: both;
	padding: 5px 0px 10px 0px;	
	border-bottom: solid 1px #ccc;
}
.clr
{
	clear: both;
}
.node-gallery
{
	position: relative;
	margin-top: 5px;
}
.gallery-title
{
	position: absolute;
	top: 15px;
	left: 100px;
	right: 100px;
	color: white;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Open Sans', Arial, sans-serif;
	width: 780px;
}
.gallery-cate
{
	padding-bottom: 200px;
	border-left: 1px solid #CCCCCC;
	float: right;
	width: 300px;
	padding-left: 10px;
	padding-top: 15px;
}
.gallery-cate h3
{
	color: #05426a;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Open Sans', Arial, sans-serif;
}
ul.gallery-cates
{
	margin-top: 10px;	
}
ul.gallery-cates li
{
	padding: 10px;
}
ul.gallery-cates li a
{
	color: #333333;
	font-weight: bold;
	font-family: Arial;
	font-size: 13px;
	text-decoration: none;
}
.gallery-tab
{
	padding-top: 20px;
	float: left;	
}
.gallery-content-video
{
	margin-top: 20px;
	margin-left: 10px;
}
.gallery-content-video .field-item
{
	margin-bottom: 20px;
}
.gallery-tab a
{
	font-size: 18px;
	font-weight: bold;
	font-family: 'Open Sans', Arial, sans-serif;
	color: #05426a;
	text-decoration: none;
	padding-left: 5px;
}
.gallery-tab a.selected
{
	color: #000;
	border-right: 2px #ccc solid;
	padding-right: 5px;
}
.view-galleries .views-row, .gnode-row
{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #CCC
}
.gnode-title, .gnode-title a
{
	color: #05426A;
    display: block;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0 3px;
    text-decoration: none;
    text-transform: uppercase;
}
.gnode-created	 
{
	color: #999;
	font-weight: bold;
}
.gnode-content	 
{
	margin-top: 10px;
}
.gnode-content	img
{
	float: left;
	width: 100px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#block-search-form
{
	float: left;
	width: 250px;
	margin: 10px;
}
#block-nice-menus-1
{
	float: left;
	width: 700px;
}

ul.nice-menu, ul.nice-menu ul {
	z-index:1000;}

.block-locale
{
	float: right;
	padding-top: 7px;
	padding-right: 10px;
}
.block-locale h2, .block-locale li.active
{
	display: none;
}
.block-locale li
{
	float: left;
}
.block-locale li a
{
	color: #05426a;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}
.vi
{
	background:url(../img/vn.png) no-repeat top left;
	padding-left: 20px;
	
}
.en
{
	background:url(../img/us.png) no-repeat top left;
	padding-left: 20px;
	
}
#comment-form  #edit-author--2, #comment-form .form-item-subject, #comment-form  .filter-wrapper, #comment-form  .wysiwyg-toggle-wrapper
{
	display: none;
}
.blog-author
{
	display: none;
}
.blog-author:first-child 
{
	display: block;
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 24px;
	font-weight: bold;
	color: red;
	font-family: 'Open Sans', Arial, sans-serif;
}
.blog-author .username
{
	font-size: 24px;
	font-weight: bold;
	color: red;
	font-family: 'Open Sans', Arial, sans-serif;	
}
.blog-author a
{
	font-size: 13px;
	color: #666666;
	text-decoration: none;
	padding-top: 3px;
	margin-left: 10px;	
}
.blog-author a.username{
	margin-left: 0px;	
}
.subscribe
{
	background:url(../img/rss.png) no-repeat top left;
	padding-left: 20px;
	font-weight: normal;
}

/*side-address*/
#side-address h5{
	color:#666;
	font-weight: bold;
	}
	
#side-address p{
	line-height: 1.8em;
	color: #333;}

/*Breadcrumb*/
#breadcrumb, .breadcrumb, .breadcrumb a, .breadcrumb a:hover, .breadcrumb a:visited {
	text-transform:uppercase;
	text-decoration: none;
	color: #05426A;
}

.breadcrumb a:hover{
	color: #666;}
	
/*directory page*/
.directory h3{
	color:#05426A; 
	font-size: 16px;
	padding: 10px 0px;}
	
.directory h4 {
	text-transform: uppercase;
	padding: 15px 0px 5px 0px;
	color: #999;
	}
	
/*bottom nav*/
ul.menu {
	text-align: left;
	float: left;
	margin: 0px 150px 0px 0px;
	text-transform: uppercase;
	line-height: 20px;
	}
	
ul.menu li {
	list-style: none;
	}
	
ul.menu li a:hover, ul.menu li a:active{
	color: #666;
	}
	
/*sidenav*/
#block-menu-block-2 {
	margin-top: 10px;
	}
	
#block-menu-block-2 ul{
	width: 100%;
	margin:0;
	padding: 0;
	}

#block-menu-block-2 ul li {
	list-style: none;
	text-transform: uppercase;
	margin: 0;
	padding-bottom: 1em;
	font: 'Open Sans', Arial, sans-serif 12px;
	}
	
#block-menu-block-2 ul li ul{
	margin-left: 20px;}
	
#block-menu-block-2 ul li ul li {
	text-transform: none;
	font-weight:bold;
	}
	
#block-menu-block-2 ul li a:active{
	font-style:italic;
	}


/*search form*/
.form-text {
	font-style: italic;
	padding-left: 5px;}
	
/*News Letter Subscribe */
#block-simplenews-39 h2{
	font-family: 'Open Sans', Arial, sans-serif;
	font-size:20px;
	color: #05426A;
	text-transform: capitalize;
	padding-top: 10px;
	padding-bottom: 5px;
	font-weight: normal;}
	
/*Sitemap*/
/*first level list*/
#site-map h2{
	text-transform: uppercase;
	color:#855407;
	}
	
#site-map a:hover {
	color:#855407;
	}
#site-map {
	font-weight: bold
	line-height: 1.8;
	padding: 0;
	margin: 0;
	}
	
#site-map li {
	list-style: none;
	}

/*second level list*/
#site-map ul {
	}
	
#site-map ul li a{
	padding-left: 10px;
	text-transform: uppercase;
	font-size: 12px;
	}
	
	
/*third level list*/
#site-map ul ul li a{
	color: #666;
	text-transform: capitalize;
	}
	
/*fourth level list*/
#site-map ul ul ul li a{
	color: #333;
	text-transform: capitalize;
	}
	
/*fifth level list*/
#site-map ul ul ul ul li a{
}

/*Welcome*/
.welcome p{
	padding-top:20px;
	line-height: 1.5;
	}
	
/*Views*/
views-rows div{
	margin-bottom: 30px;}