@font-face {
    font-family: 'UTMAndrogyne';
    font-style: normal;
    src: url('../fonts/UTMAndrogyne.eot?#iefix') 
    format('embedded-opentype'),  url('../fonts/UTMAndrogyne.woff') 
    format('woff'),  url('../fonts/UTMAndrogyne.ttf') 
    format('truetype'),  url('../fonts/UTMAndrogyne.svg#UTMAndrogyne') format('svg');
}

@font-face {
    font-family: 'UVNThanhPho_R';
    font-style: normal;
    src: url('../fonts/UVNThanhPho_R.eot?#iefix') 
    format('embedded-opentype'),  url('../fonts/UVNThanhPho_R.woff') 
    format('woff'),  url('../fonts/UVNThanhPho_R.ttf') 
    format('truetype'),  url('../fonts/UVNThanhPho_R.svg#UTMAndrogyne') format('svg');
}
@charset "utf-8";
/* CSS Document */
body {
	font: 14px/20px Tahoma, Arial, Verdana, sans-serif;
	margin: 0px auto;
	padding: 0;
	color: #000;
	background: #06090c repeat-y center top;
}
h1, h2, h3, h4, h5, h6, p, form, ul, ul li, ol, ol li, dl, dl dt, dl dd, blockquote {
	margin: 0;
	padding: 0
}
ul, ul li, ol, ol li {
	list-style: none
}
img {
	border: 0
}
a {
	outline: 0
}
a:link, a:visited {
	text-decoration: none
}
a:hover {
	text-decoration: underline
}
input, select, textarea {
	font: 13px/19px Tahoma, Arial, Verdana, sans-serif
}
input[type="image"], input[type="submit"] {
	outline: 0
}
input {
	vertical-align: baseline;
	margin: -1px -2px
}
html>/**/body input {
	vertical-align: text-bottom;
	margin: 0
}
object, embed {
	outline: 0
}
.Hidden {
	display: none
}
.Wrapper {
	overflow: visible;
	height: 1%
}
html>body .Wrapper {
	overflow: hidden;
	height: auto
}

.Wrapper {
	background: url(../images/bg-wrapper.jpg) no-repeat center top;
	position: relative;	
}
.WrapperOut {
	background: url(../images/bg-footer.jpg) no-repeat center bottom;
}
#main {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
.Header {
	height: 590px;
	position: relative;
	margin: 0px auto;
	padding: 0px; 
}
ul.link {	
	background: #221d1c none repeat scroll 0 0;
	float: left;
	height: 25px;
	overflow: hidden;
	padding-left: 8px;
	position: absolute;
	right: 50px;
	top: 10px;
	width: 350px;
}
ul.link li {	
	color: #7d685d;
	float: left;
	line-height: 24px;
	white-space: nowrap;
	padding-left: 2px;
	padding-right: 2px;
}
ul.link li a {
	color: #f3f3f3;
	font-size: 12px;
	font-family: Tahoma;
	text-decoration: none;
	font-weight: bold;
	padding: 0 0 0 3px;
}
ul.link li a:hover {
	color: #ba5e2e;
	text-decoration: none;	
}
a.logo {
	display: block;
	height: 95px;
	position: absolute;
	left: 187px;
	top: 30px;
	width: 230px;
	z-index: 2;
}
a.XemNgay {
	background: url(../images/xemngay.png) no-repeat;
	height: 95px;
	left: 850px;
	position: absolute;
	text-indent: -9999px;
	top: 443px;
	width: 195px;
	animation:1.5s ease 0s normal none infinite running scroll-down;
}
a.XemNgay:hover {
	background-position: -205px 0;
}
#scrollPos {
	position: absolute;
	top: 1000px;
}
.box-event{
	width: 1000px;
	height: 100px;
	margin: 0px auto;
	padding: 0px;
}
.wrapperin{
	padding: 0px;
	margin: 0 auto;
	position: relative;
	width: 1300px;
}

.event-1 a{
	background: url(../images/btn-download.png) no-repeat;
	height: 101px;
	left: 235px;
	position: absolute;
	top: 0;
	width: 241px;
	z-index: 99;
}

.event-1 a:hover{
	background: url(../images/btn-download-hover.png) no-repeat;
}

.event-2 a{
	background: url(../images/btn-top2.png) no-repeat -190px 0px;
	height: 45px;
	left: 410px;
	position: absolute;
	top: 0;
	width: 130px;
}
.event-2 a:hover{
	background: url(../images/btn-top2-hover.png) no-repeat -190px 0px;
}

.event-3 a{
	background: url(../images/btn-top2.png) no-repeat -320px 0px;
	height: 45px;
	left: 540px;
	position: absolute;
	top: 0;
	width: 80px;
}
.event-3 a:hover{
	background: url(../images/btn-top2-hover.png) no-repeat -320px 0px;
}

.event-4 a{
	background: url(../images/btn-top2.png) no-repeat -400px 0px;
	height: 45px;
	left: 620px;
	position: absolute;
	top: 0;
	width: 108px;
}
.event-4 a:hover{
	background: url(../images/btn-top2-hover.png) no-repeat -400px 0px;
}
.menu{
	position: relative;
	width: 1000px;
	margin: 0px auto;
	padding: 0px;
}
#nav {
	/*background: url(../images/bg-menu2.png) no-repeat center top;*/
	width: 1000px;
	height: 145px;
	position: absolute;
	top: 480px;
	z-index: 2;
}
#nav .main {
	width: 1000px;
	margin: 0 auto;
}

ul.Menu02{
	width: 1000px;
	margin: 0px auto;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: -10px;
}
ul.Menu02 li{

}

ul.Menu02 li a {
	background: url(../images/menu.png) no-repeat left top;
	height: 150px;
	float: left;
	display: block;
	text-indent: -9999px;
}
ul.Menu02 li.Off a:hover,  ul.Menu02 li.Off a {
	cursor: default;	
}
ul.Menu02 li a.Nav01 {
	background-position: 0 0;
	width: 201px;
}
ul.Menu02 li a.Nav01:hover,  ul.Menu02 li.Active a.Nav01 {
	background-position: 0px -175px;
}

ul.Menu02 li a.Nav02 {
	background-position: -199px 0;
	width: 201px;
}
ul.Menu02 li a.Nav02:hover,  ul.Menu02 li.Active a.Nav02 {
	background-position: -199px -175px;
}

ul.Menu02 li a.Nav03 {
	background-position: -400px 0;
	width: 200px;
}
ul.Menu02 li a.Nav03:hover,  ul.Menu02 li.Active a.Nav03 {
	background-position: -400px -175px;
}

ul.Menu02 li a.Nav04 {
	background-position: -600px 0;
	width: 204px;
}
ul.Menu02 li a.Nav04:hover,  ul.Menu02 li.Active a.Nav04 {
	background-position: -600px -175px;
}

ul.Menu02 li a.Nav05 {
	background-position: -803px 0;
	width: 194px;
}
ul.Menu02 li a.Nav05:hover,  ul.Menu02 li.Active a.Nav05 {
	background-position: -803px -175px;
}

.clearfix{
	clear: both;
}

.content-tabs{
	width: 82%;
	margin: 0px auto;
}


.box-header{
	border-bottom: 1px solid #d8c5a2;
	height: 5px;
	margin-bottom: 15px;
}

.box-header h1{
	color: #8d010b;
	font-family: "UTMAndrogyne";
	font-size: 26px;
	line-height: 60px;
	text-align: left;
	text-transform: uppercase;
}

.h3-title{
	color: #8d010b;
	font-family: "UTMAndrogyne";
	font-size: 20px;
	line-height: 60px;
	text-align: left;
	text-transform: uppercase;
	text-align: center;
}

.info{
	color: #995d29;
	float: right;
	font-family: Tahoma;
	font-size: 14px;
	position: absolute;
	right: 0;
	top: 730px;
	white-space: nowrap;
}

.info a{
	color: #995d29;
}

.info a:hover{
	color: #940000;
}

.info .lbl-name{
	color: #6c0017;
}

.slogan{
	position: absolute;
	left: 50px;
	top: 50px;
}
 
#content {
	left: 0px;
	min-height: 600px;
	overflow: hidden;
	padding: 0 0 50px;
	position: relative;
	right: 0;
	text-align: justify;
	width: 1000px;
	z-index: 1;
	background: #ffffff;
	border-top: 5px solid #ad3632;
}

#content #static{
	width: 950px;
	margin: 0px auto;
	padding: 0px;
} 

#content #static p{
	padding-top: 5px;
	padding-bottom: 5px;
}
.box-header{
	margin-top: 30px;
}
.box-header li{
	float: left;
	margin-right: 30px;
	text-align: center;
}

.box-header li a{
	display: inline-block;
	width: 100%;
	padding-top: 8px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 8px;
	background: #3c731c;
	color: #ffffff;
	font-size: 16px;
	font-family: Tahoma;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

.box-header li a:hover, .box-header li a.active{
	background: #8bd270;
	color: #000000;
	text-decoration: none;
}

.box-content{
	width: 90%;
	padding: 0px;
	margin: -22px auto 0;
	min-height: 600px;
}

.box-content p, .content p{
	padding-top: 5px;
	padding-bottom: 5px;
}

.content{
	width: 95%;
	margin: 0px auto;
	padding: 0px;
}

.bg-top-content h3{
	font-family: "UTMAndrogyne";
	font-size: 22px;
	line-height: 34px;
	padding-left: 20px;
	color: #ffd585;
}

.bg-top-content span.number{
	color: #fff;
}

.thongbao{
	background: none repeat scroll 0 0 #ffd585;
	display: block;
	font-family: Tahoma;
	font-size: 11px;
	margin-left: 20px;
	overflow: hidden;
	width: 520px;
	white-space: nowrap;
}

.thongbao span{
	padding-left: 8px;
	padding-right: 9px;
	color: #941900;
	float: left;
}

.thongbao .details{
	background: none repeat scroll 0 0 #b60000;
	color: #fff;
	display: inline-block;
	font-family: "UTMAndrogyne";
	font-size: 12px;
	height: 20px;
	line-height: 24px;
	overflow: hidden;
	text-align: center;
	text-transform: uppercase;
	width: 89px;
}

.color-blue{
	color: #332100;
}

.box-banner a:hover{
	opacity: 0.8;
}

.ul-item{
	padding: 0px;
	margin: 0px auto;
	text-align: center;
}

.ul-item li{
	float: left;
	width: 122px;
	height: 180px;
}

.btn-get{
	clear: both;
	background: url(../images/btn2.png) no-repeat;
	width: 321px;
	height: 50px;
	margin: 0px auto;
	text-align: center;
	display: block;
}

.btn-get:hover{
	clear: both;
	background: url(../images/btn2-hover.png) no-repeat;
}



/**********************list detail event**********************/
.container-event-info{
	width: 615px;
	height: 79px;
	margin: 0px;
	padding: 0px;
	clear: both;
	margin-bottom: 10px;
	padding: 10px;
	border-bottom: 1px solid #cfbf84;
	position: relative;
}

.container-event-image{
	border: 2px solid #020203;
	border-radius: 5px;
	float: left;
	height: 80px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 140px;
}
 
.container-event-image a{
	width: 140px;
	height: 80px;
	padding : 0px;
	margin: 0px;
	display: block;
}
.container-event-content{
	width: 450px;
	height: 100px;
	padding : 0px;
	margin: 0px;
	float: left;	
	margin-left: 20px;
}
.container-event-content h4{
	position: relative;
	height: 20px;
}
.close-vk .container-event-content h4{
	border-bottom: 1px solid #f5f2e5;
}
.container-event-content h4 a{
	color : #781203 !important;
	font-size: 14px;
	font-family: Tahoma;
	text-transform: uppercase;
	
}
.container-event-content h4 a:hover{
	color: #e3980d;
}

.close-vk .container-event-content h4 a{
	color : #114d58 !important;
}
.container-event-description{
	width: 96%;
	height: 50px;
	padding: 0px;
	margin: 0px;
	text-align: justify;
	color: #332100;
	line-height:17px;
	padding-top: 7px;
	overflow: hidden;
}
.close-vk .container-event-description{
	color: #1b262e;
}
.container-event-description p{
	padding: 0px;
	margin: 0px;
}
.container-event-description ul{
	padding: 0px 0px 0px 14px;
	margin: 0px;
	width: 100%;
}
.container-event-description ul li a{
	color: #E8DCBB;
}
.close-vk .container-event-description ul li a{
	color: #1b262e;
}
.container-event-description ul li a:hover,.container-event-description ul li:hover{
	color : #E3980D;
}
.event-date{
 	color: #748793 !important;	 
	border: none !important;
	background: none !important;
	position: absolute;
	right:2px;
	padding: 0px !important;
	margin: 0px !important;
	font-weight: normal !important;
}
.bx-wrapper ul {
	margin: 0px;
	padding: 0px;
}

/**************************** format content event *****************************/
.content-event-h1{	
	  background: url("../images/icon_3.png") no-repeat scroll 1px 7px transparent;
    float: left;
    font-size: 15px;
    height: 20px;
    padding: 10px 13px 8px 28px;
    width: 600px;
}
.content-event-h2{
	 background: url("../images/icon_item1.gif") no-repeat scroll 15px 6px transparent;
    float: left;
    font-size: 12px;
    height: 20px;
    padding:2px 13px 4px 28px;
    width: 600px;
	
}
.content-event-first{	
    float: left;
    font-family: times new roman;
    font-size: 55px;
    height: 23px;
    line-height: 18px;
    margin: 6px 2px 0 -6px;
    text-align: left;
}
.container-content-event{
	text-align: justify;
	width: 545px;
	min-height: 20px;
	clear: both;
}
.content fieldset{
	border: 1px solid #C36E60;
	margin: 20px 0px;
}
.content fieldset legend{
	color:#B00000; 
	font-weight: bold;
	padding: 0 15px;
	
}
.content fieldset ul{
	padding:10px 0 0 10px;
	margin:0px;
	list-style: none !important;	
}
.content fieldset ul li{
	padding:0 20px;
	margin:0px;
	line-height:20px;
	text-align:justify;
	margin-bottom:5px;
	background: url("../images/icon_person.gif") no-repeat scroll 0 4px transparent;
}

.Footer {
	height: 110px;	
	color: #4782b6;
	width: 680px;
	margin-left: 35px;
	clear: both;
}

a.TrangDau {
	float: left;
	background: url(../images/menu.png) no-repeat -910px 0;
	width: 90px;
	height: 87px;
	text-indent: -9999px;
}
a.TrangDau:hover {
	background-position: -910px -87px;
}

.bg-color{
	background: #fff2d9;
}
 
/*TABLE FORMAT*/
table { border-collapse: collapse; border-spacing: 0; width: 100%;}
.content table tr:nth-child(2n)  { color: #000;background: #fff2d9;  border: 1px solid #000000;}
.content table tr:nth-child(2n+1)  { color: #000;background: none;  border: 1px solid #000000;}
.content table tr:first-child td {color: #FFF ; border: 1px solid #000000;}
.content table tr:first-child td p strong{color: #FFF !important}
.content table tr:first-child  { color: #FFF !important;font-weight:bold;background:#a50000 ;border: 1px solid #000000; }
.content table tr td{
	margin:0px;
	padding: 5px 10px;
	 border: 1px solid #000000;
}
.content table tr td strong,.contentArea table tr td p{
	padding: 0px;
	margin: 0px;
}
.content table tr td p{	
	margin: 0px;
}


#basic-modal-content {display:block;height:457px; width:499px; background:url(../images/bg-popup.png) no-repeat; padding:12px;}
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {height:457px; width:499px; color:#bbb; background:url(../images/bg-popup.png) no-repeat; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {
	background:url(../images/close.png) no-repeat; 
	cursor: pointer;
	display: inline;
	height: 25px;
	position: absolute;
	right: 3px;
	top: 2px;
	width: 31px;
	z-index: 3200;
	border: none;
}
#simplemodal-container a.modalCloseImg:hover{
	background:url(../images/close-hover.png) no-repeat; 
}
#simplemodal-container h3 {color:#84b8d9;}

.p-header{
	width: 100%;
	height: 65px;
	margin: 0px auto;
	padding:0px;
}
.p-header h5{
	line-height: 60px;
	color: #3e3e3e;
	font-family: "UTMAndrogyne";
	font-size: 18px;
	text-align: center;
}
.p-content{
	width: 100%;
	min-height: 285px;
	margin: 0px auto;
	padding:0px;
	text-align: center;
}
.p-content fieldset{
	border: 1px solid #464646;
	margin: 10px 0px;
	clear:both;
}
.p-content fieldset legend{
	color:#464646; 
	font-weight: bold;
	padding: 0 5px;
	
}
.p-content fieldset ul{
	padding:2px 0 0 2px;
	margin:0px;
	list-style: none !important;	
	color: #464646;
}

.icon-item{
	width: 100%;
	margin: 0px auto;
	padding: 0px;
}

.icon{
	margin-top: 10px;
	height: 118px;
	min-height: 118px;
	max-height: 118px;
	width: auto;
}

.text-item{
	line-height: 45px;
	color: #a10022;
	font-family: "UTMAndrogyne";
	font-size: 24px;
	text-align: center;
}

.p-footer{
	width: 100%;
	height: 50px;
	margin: 0px auto;
	padding:0px;
}

.count{
	background: #a10022;
	border-radius: 10px;
	width: 315px;
	height: 45px;
	margin: 0px auto;
	padding: 0px;
	margin-top: 10px;
	color: #ffedc9;
	font-size: 20px;
	font-family: Tahoma;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
}

.count span{
	color: #ffffff;
	font-size: 24px;
	text-align: center;
}

/*Footer*/
.footer {
	width:100%; 
	height:100px;
	clear:both;
	padding:0px;
	padding-bottom: 20px;
	background: none;
	position: relative;
	bottom: 0px;
}
 
.footer-main{
	left: 0;
	margin: 0 auto;
	position: relative;
	top: 28px;
	width: 900px;
}

.content-footer{
	color: #2e2e2e;
	left: 200px;
	position: absolute;
	text-align: center;
	top: 20px;
	width: 430px;
}

.content-footer p, .content-footer a{
	color:#ffffff;	
	font-size: 14px;
}

#logo-gosu{
	background: url("../images/logo-gosu.png") no-repeat;
	height: 43px;
	left: 0px;
	position: absolute;
	top: 9px;
	width: 163px;
	z-index: 990;	
}

#logo-cubinet{
	background: url("../images/logo-cubinet.png") no-repeat;
	height: 43px;
	left: 665px;
	position: absolute;
	top: 9px;
	width: 263px;	
}

.footer-link{
   height: 30px;
	left: 184px;
	position: absolute;
	top: 0px;
	width: 520px;
}

.footer-link ul{
  list-style: none;
}

.footer-link li{
  float: left;
  margin-left: 5px;
  color: #fff;
}

.footer-link li a{
  color: #fff;
  font-size: 12px;
  font-family: Tahoma;
  text-decoration: none;
}

.footer-link li a:hover{
  color: #E80812;
}

h2.heading2{
	background: #18344f none repeat scroll 0 0;
	color: #ffffff;
	display: inline-block;
	font-family: 'UVNThanhPho_R';
	font-size: 30px;
	font-weight: bold;
	padding: 8px 10px;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px;
}

h3.heading3{
	color: #000000;
	font-family: "UVNThanhPho_R";
	font-size: 30px;
	font-weight: bold;
	line-height: 32px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-decoration: underline;
}

.icon-heading{
	background: url(../images/icon-heading.png) no-repeat left top;
	display: inline-block;
	width: 32px;
	height: 32px;
	float: left;
	margin-right: 10px;
}

.icon-text{
	background: url(../images/icon-text.png) no-repeat left top;
	display: inline-block;
	width: 10px;
	height: 10px;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}

.icon-text1{
	background: url(../images/icon-text1.png) no-repeat left top;
	display: inline-block;
	float: left;
	height: 10px;
	margin-right: 5px;
	margin-top: 6px;
	width: 10px;
}
  
table {
  font-family: "Tahoma";
  font-size: .9375;
  text-align: center;
  background-color: #fffdf6;
  margin-bottom: 10px;
  margin-top: 10px;
}
table tr>th {
  color: #fff;
  background-color: #08771a;
  font-weight: bold;
  text-align: center;
  padding: 5px 0;
  border:1px solid #beb59f;
}
table tr>td {
  border: 1px solid #beb59f;
  padding: 3px 5px
}

table tr>td p{
	padding-top: 1px !important;
	padding-bottom: 1px !important;
}

.EvenRow{
	background: #fffdf6;
}

.OldRow{
	background: #ffffff;
}

.text-padding{
	padding-left: 50px;
	clear: both;
}

.monphai li{
	display: inline-block;
	width: 64px;
	height: 50px;
	margin-right: 1px;
}

.monphai-thieulam a{
	background: url(../images/nav-monphai.png) no-repeat -65px 0px;
}
.monphai-thieulam a:hover, .monphai-thieulam a.active{
	background: url(../images/nav-monphai.png) no-repeat -65px -55px;
}

.monphai-vodang a{
	background: url(../images/nav-monphai.png) no-repeat 0px 0px;
}
.monphai-vodang a:hover, .monphai-vodang a.active{
	background: url(../images/nav-monphai.png) no-repeat 0px -55px;
}

.monphai-ngami a{
	background: url(../images/nav-monphai.png) no-repeat -130px 0px;
}
.monphai-ngami a:hover, .monphai-ngami a.active{
	background: url(../images/nav-monphai.png) no-repeat -130px -55px;
}

.monphai-caibang a{
	background: url(../images/nav-monphai.png) no-repeat -195px 0px;
}
.monphai-caibang a:hover, .monphai-caibang a.active{
	background: url(../images/nav-monphai.png) no-repeat -195px -55px;
}

.monphai-duongmon a{
	background: url(../images/nav-monphai.png) no-repeat -390px 0px;
}
.monphai-duongmon a:hover, .monphai-duongmon a.active{
	background: url(../images/nav-monphai.png) no-repeat -390px -55px;
}

.monphai-quantuduong a{
	background: url(../images/nav-monphai.png) no-repeat -260px 0px;
}
.monphai-quantuduong a:hover, .monphai-quantuduong a.active{
	background: url(../images/nav-monphai.png) no-repeat -260px -55px;
}

.monphai-cuclaccoc a{
	background: url(../images/nav-monphai.png) no-repeat -455px 0px;
}
.monphai-cuclaccoc a:hover, .monphai-cuclaccoc a.active{
	background: url(../images/nav-monphai.png) no-repeat -455px -55px;
}

.monphai-camyve a{
	background: url(../images/nav-monphai.png) no-repeat -325px 0px;
}
.monphai-camyve a:hover, .monphai-camyve a.active{
	background: url(../images/nav-monphai.png) no-repeat -325px -55px;
}


.namphai li{
	display: inline-block;
	width: 64px;
	height: 50px;
	margin-right: 1px;
}

.namphai-tugiatrang a{
	background: url(../images/nav-wphai.png) no-repeat 0px 0px;
}
.namphai-tugiatrang a:hover, .namphai-tugiatrang a.active{
	background: url(../images/nav-wphai.png) no-repeat 0px -55px;
}

.namphai-kiemchamthamgia a{
	background: url(../images/nav-wphai.png) no-repeat -260px 0px;
}
.namphai-kiemchamthamgia a:hover, .namphai-kiemchamthamgia a.active{
	background: url(../images/nav-wphai.png) no-repeat -260px -55px;
}

.namphai-vanthusontrang a{
	background: url(../images/nav-wphai.png) no-repeat -195px 0px;
}
.namphai-vanthusontrang a:hover, .namphai-vanthusontrang a.active{
	background: url(../images/nav-wphai.png) no-repeat -195px -55px;
}

.namphai-dihoacung a{
	background: url(../images/nav-wphai.png) no-repeat -325px 0px;
}
.namphai-dihoacung a:hover, .namphai-dihoacung a.active{
	background: url(../images/nav-wphai.png) no-repeat -325px -55px;
}

.namphai-daohoadao a{
	background: url(../images/nav-wphai.png) no-repeat -130px 0px;
}
.namphai-daohoadao a:hover, .namphai-daohoadao a.active{
	background: url(../images/nav-wphai.png) no-repeat -130px -55px;
}

.namphai-vocanmon a{
	background: url(../images/nav-wphai.png) no-repeat -65px 0px;
}
.namphai-vocanmon a:hover, .namphai-vocanmon a.active{
	background: url(../images/nav-wphai.png) no-repeat -65px -55px;
} 

.title-namphai{
	float: right;
	margin-top: -20px;
	position: absolute;
	right: 70px;
}
.hinh-namphai{ 
	margin-top: -10px;
	position: absolute;
	left: 60px;
}
.content-namphai{
	margin-left: 360px;
	margin-top: 111px;
	position: relative;
	top: 90px;
	padding-bottom: 70px;
}

.title-tamphai{
	float: right;
	margin-top: -20px;
	position: absolute;
	right: 100px;
}
.hinh-tamphai{ 
	left: 30px;
	margin-top: 45px;
	position: absolute;
}
.content-tamphai{
	margin-left: 260px;
	margin-top: 80px;
	position: relative;
	top: 90px;
}

.content-namphai .text-padding{
	padding-bottom: 1px !important;
	padding-top: 1px !important;
}

.content-tamphai p.text{
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	margin-left: 100px; 
}

/*#camyve, #thieulam, #vodang, #ngami, #caibang, #duongmon, #quantuduong, #cuclaccoc{
	width: 100% !important;
}*/


/** /!!! core css Should not edit !!!/**/

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-timing-function: inherit;
    transition-timing-function: inherit;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit;
    transition-timing-function: inherit;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0px 5px !important;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #332d26;
    border-radius: 0px;
    display: inline-block;
    height: 12px;
    overflow: hidden;
    text-indent: -999em;
    width: 12px;
    padding: 0px !important;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #f8e1ac;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    opacity: 0.7;
    overflow: hidden;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    opacity: 1;
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/

/* slider actions */
.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url('../images/controls.png');
    cursor: pointer;
    position: absolute;
    z-index: 9999;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px;
    padding: 0px !important;
}
.lSAction > .lSNext {
    background-position: -43px 0;
	padding: 0 !important;
	right: 30px;
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    clear: none !important;
    float: left !important;
    padding: 0 !important;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;

}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}




.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 8%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(../images/cd-top-arrow.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}