* {min-height:1px;}
html, body {height:100%;}
body {border:0; margin:0; padding:0; background:#d0e4fb url("../images/bg-body.gif") 0 0 repeat-x; font:0.8em/160% "arial",sans-serif; color:#000; _text-align:center}

a {color:#0C53A7; text-decoration: none}
a:link {color:#0C53A7;}
a:visited {color:#0C53A7;}
a:hover {color:#0E7C0E;}

p {border:0; margin:15px 0; padding:0;}

div {display:block; border:0; margin:0; padding:0;}

h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;}
h1 {font-size:140%;}
h2 {
	font-size:200%; 
	line-height:120%; 
	color:#F66315; /*#1AA30F; */
	font-weight:normal;
}
h3 {font-size:120%; color:#0C53A7;}
h4, 
h5 {
	font-size:100%;
	color:#1aa30f;
}
table {display:table; border:0px solid #CCE2FA; border-collapse:collapse; margin:15px 0; padding:0; font-size:100%;}
/* duong vien cua bang o day*/
tr.bg {background:#F1F7FE;}
th, td {display:table-cell; border:0px solid #CCE2FA; margin:0; padding:0px; vertical-align:top; text-align:left;}
th {background:#0C53A7 url("../images/tab-bg.gif") 0 0 repeat-x;padding:5px; text-align:center; color:#FFF; font-weight:bold;}

ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;}
ol {list-style-type:decimal;}
ol ol {list-style-type:upper-alpha;}
li {display:list-item; border:0; margin:0; padding:0;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 0px;}

dl {border:0; margin:15px 0; padding:0;}
dt {border:0; margin:0; padding:0; font-weight:bold; color:#1AA30F;}
dd {border:0; margin:0 0 0 30px; padding:0;}

form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #CCE2FA; margin:15px 0; padding:10px;}
legend {
	margin-left:10px; 
	font-size:120%; 
	font-weight:bold; 
	color:#F66315; /*#1AA30F;*/
}

hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}

a, img, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}

del, .through {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}
blockquote {margin:20px 40px; padding-left:10px; border-left:3px solid #CCE2FA; font-style:italic;}

/* Floating */
.f-left {float:left;}
.f-right {float:right;}

/* Text aligment */
.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}

.va-middle {vertical-align:middle;}

.clear {clear:both;}

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

.nom {margin:0;}
.nomt {margin-top:0;}
.nomb {margin-bottom:0;}

.noscreen {display:none;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */

#main {position:relative; width:960px; height:auto; min-height:100%; _height:100%; margin:0 auto; background:#FFF; _text-align:left;}
#page {padding-bottom:10px;} /* Distance from content to footer */

/* Header */
#header {
	position:relative; 
	height:110px; 
	/*background:#0C53A7 url("../images/header.jpg") 0 0 no-repeat; */
	color:#FFF;
}
/*#header a {color:#FFF;}*/

    /* Logo */

    /* header */
    #header #lang {position:absolute; top:20px; right:20px; margin:0; text-align:center;}
    #header #lang a, #header #lang strong {padding:3px 5px;}
    #header #lang strong {background:#002966;}
    #header #lang a:hover {background:#1AA30F url("../images/footer-a-bg.gif") 0 0 repeat-x; text-decoration:none;}

#header_l {
	BACKGROUND: url(../images/header_l.jpg) #0c53a7 no-repeat 0px 0px; 
	float: left;
	COLOR: #fff;
	HEIGHT: 146px;
	width:  209px;
}

#header_r {
	BACKGROUND: url(../images/1.jpg) #0c53a7 no-repeat 0px 0px;
	COLOR: #fff; 
	float: right;
	width:  751px;
	HEIGHT: 146px;
}

#header_l a{
	COLOR: #fff
}
#header_l #logo {
	LEFT: 42px; POSITION: absolute; TOP: 9px
}
#header_l #logo H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 220%; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 118px; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 118px
}
#header_l #logo H1 SPAN {
	DISPLAY: block; Z-INDEX: 1; BACKGROUND: url(../images/vinata_logo.gif) no-repeat 0px 0px; LEFT: 0px; WIDTH: 118px; CURSOR: hand; POSITION: absolute; TOP: 0px; HEIGHT: 118px
}	
	
/* Banner */
	
/*banner-sub*/
#banner_sub { line-height:1px;
	MARGIN-BOTTOM: 20px; 
}
#banner_sub UL {
	LIST-STYLE-TYPE: none
}
#banner_sub UL {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
#banner_sub LI {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
#banner_sub LI {
	DISPLAY: inline; FLOAT: right;
}
#banner_sub LI A#center {
	MARGIN: 0px 10px
}
#banner_sub UL LI A {
	PADDING-RIGHT: 17px; DISPLAY: block; PADDING-LEFT: 13px; FONT-WEIGHT: bold; BACKGROUND: url(../images/banner-tab.gif) #fff no-repeat 0px 0px; PADDING-BOTTOM: 10px; WIDTH: 300px; PADDING-TOP: 10px; TEXT-DECORATION: none
}
#banner_sub UL LI A:hover {
	BACKGROUND: url(../images/banner-tab.gif) #fff no-repeat -300px 0px; COLOR: #1aa30f; TEXT-DECORATION: none
}
	
	
/* Content */
#col-l {float:left; width:200px; margin-right:20px; margin-bottom:30px;}
#col-r {float:left; width:740px; margin-bottom:30px;}
#col-r #content {float:left; width:520px; margin:15px 20px 0 0;}
#col-r #content-col {float:left; width:200px;}
#col-r2 {float:left; width:720px; margin-bottom:30px; _padding-bottom:30px;}

/* Login */
#login {clear:both; margin:0 0 15px 15px; padding:0;}
    #login legend {margin:0 0 0 15px; _margin-left:7px; padding:0;}
    #login div {padding:3px 10px 10px 50px; background:url("../images/login.gif") 13px 35% no-repeat;}

/* Search */
#search {margin:0 0 15px 15px; padding:0;}
    #search legend {margin:0 0 0 15px; _margin-left:7px; padding:0;}
    #search div {padding:5px 10px; _padding-bottom:10px;}
    #search .input-text {float:left; _float:none; width:130px; height:22px; _height:24px; padding:0; border:1px solid #BAD8F8;}
    #search .input-submit {position:relative; top:0px; _top:4px; width:27px; height:24px;}

/* Left box - Highlight Project */
#left_box {padding:0; MARGIN: 0px 0px 15px 15px;}
#left_box LEGEND {padding:0; MARGIN: 0px 0px 0px 7px;}
#left_box DIV { 
	PADDING-BOTTOM: 10px; 
	PADDING-TOP: 5px;
}

/* Menu */
ul#nav {clear:both;}
ul#nav, ul#nav li ul {margin:0; padding:0; list-style:none;}
ul#nav a {cursor:pointer;}

    ul#nav li {position:relative; display:block; width:200px; float:left}

    ul#nav li a {display:block; padding:5px 10px 5px 35px; border-bottom:1px solid #B3E6B3; background:#E4FBE4 url("../images/nav-link.gif") 0 0 no-repeat; font-weight:bold; color:#1AA30F; text-decoration:none;}
    ul#nav li a:hover {border-bottom:1px solid #B3E6B3; background:#D3F8D3 url("../images/nav-hover.gif") 0 0 no-repeat; color:#000;}
    ul#nav li.menuactive a {border-bottom:1px solid #B3E6B3; background:#E3EFFC url("../images/nav-active.gif") 0 0 no-repeat; color:#0C53A7; text-decoration:none;}	
	 
	ul#nav li#primary-nav a {border-bottom:1px solid #c3E6B3; background:#E3EFFC url("../images/nav-active.gif") 0 0 no-repeat; color:#0C53A7; text-decoration:none;}	

    ul#nav li ul {position:absolute; z-index:999; left:200px; top:0; display:none; border:1px solid #B3E6B3; border-bottom:0;}
    ul#nav li ul li {width:200px;}

        ul#nav li ul li a, ul#nav li#active ul li a {background:#FFF url("../images/nav-link.gif") 0 0 no-repeat; border-bottom:1px solid #B3E6B3; color:#1AA30F; font-weight:normal;}
        ul#nav li ul li a:hover, ul#nav li#active ul li a:hover {background:#E4FBE4 url("../images/nav-hover.gif") 0 0 no-repeat; border-bottom:1px solid #B3E6B3; color:#000; font-weight:normal;}
        ul#nav li ul li#active2 a, ul#nav li ul li#active2 a:hover {border-bottom:1px solid #B3E6B3; background:#E3EFFC url("../images/nav-active.gif") 0 0 no-repeat; color:#0C53A7; text-decoration:none;}

    ul#nav li:hover ul, ul#nav li.over ul {display:block;}
    * html #col-l ul li {float:left; height:1%;}
    * html #col-l ul li a {height:1%;}
/*su ly doan active menu*/
	
/*su ly doan active menu*/
/* Banner main */
#banner-main {
	padding:18px 10px 18px 320px; 
	background:#E4FBE4 url("../images/intro_low.jpg") 0 0 no-repeat;
	height:160px;
}
#banner-main h2 {
	margin:0; 
	font-size:160%; 
	line-height:140%; 
	font-weight:normal;
}

/* breadcrumbs */
#breadcrumbs {margin-top:0; padding-bottom:9px; border-bottom:1px solid #CCE2FA; color:#0C53A7;}

/* Content  */
#content-col {margin-top:15px;}
    #content-col h3 {margin:0; padding:5px 10px; background:#0C53A7 url("../images/tab-bg.gif") 0 0 repeat-x; color:#FFF;}

    /* News */
    #content-col dl {margin:0;}
    #content-col dt {padding:5px 10px; background:#E3EFFC; font-size:85%; font-weight:bold; color:#083B77;}
    #content-col dt span {padding:0 0 0 15px; background:url("../images/ico-list.gif") 0 50% no-repeat;}
    #content-col dd {margin:0; padding:5px 10px;}

/* Footer */
#footer-bottom {position:relative; bottom:0; left:0; width:100%;}
#footer {
	clear:both; 
	padding:10px 10px; 
	border-bottom:10px solid #083B77; 
	background:#0C53A7 url(../images/footer1.jpg) 100% 0 no-repeat; 
	color:#FFF;
}
    #footer a {color:#FFF;}
    #footer a:hover {
		color:#80E3FF;
		text-decoration: underline;
	}
    #footer p {margin:0;}

    /* Sub footer */
    #footer #subnav a {padding:4px 5px; background:#0A478F; text-decoration:none;}
    #footer #subnav a:hover {background:#1AA30F url("../images/footer-a-bg.gif") 0 0 repeat-x; color:#FFF;}

#footer #f1 {
	width: 30%;
	float: left;
}

#footer #f2 {
	width: 100%;
	BACKGROUND: url(../images/footer1.jpg) #0c53a7 no-repeat 100%;
}
	
/* UL-LI */
#content ul, #col-r2 ul {margin:0 0 0 20px; padding:0; list-style:none;}
#content ul li, #col-r2 ul li {margin:0; padding:0 0 0 12px; background:url("../images/arrow.gif") 0 7px no-repeat;}

/* more */
a.more {padding:5px 35px 5px 10px; background:#E4FBE4 url("../images/more-link.gif") 100% 0 no-repeat; line-height:220%; color:#1AA30F !important; font-weight:bold; text-decoration:none; cursor:pointer;}
a:hover.more {background:#D3F8D3 url("../images/more-hover.gif") 100% 0 no-repeat; color:#000 !important; text-decoration:none;}


#ico-bod01 ul, #ico-bod02 ul, #ico-bod03 ul {margin-left:100px;}

/* Table*/
.table-nostyle {border:0; margin:0;}
.table-nostyle tr {border:0;}
.table-nostyle td {border:0; padding:2px 0;}

/*  */
#perex {padding:20px; border-top:5px solid #CCE2FA; background:#E8F2FD; color:#0C53A7; font-size:120%;}

.btn-submit {border:1px solid #8ABDF4; padding:3px 6px; background:#BAD8F8 url("../images/btn-submit.gif") 0 0 repeat-x; font-family:"arial",sans-serif; font-size:100%;}

.high {color:#0C53A7;}
.high2 {color:#1AA30F;}
.nonhigh {color:#888}

/*add*/
.title_video {
 color: #0C53A7;
 text-align: center;
}