﻿#wrapper{
	margin:auto;
	
	
	background-image:url("Images/bg-master.png");
	background-repeat:repeat;		
	
	
	/*
	background-image:url("Images/BG.png");
	background-repeat:no-repeat;	
	background-position:top;
	background-attachment:fixed;	
	*/
}

#container{
	margin:auto;
	width:100%;	
	background-color:#FFFFFF;
}

#header{
	margin:auto;
	width:100%;		
	background-color:#0e5d8c;
}

#content{	
    background-color:#F9F9F9;
}

.con-header{
	width:1000px;
	margin:0 auto;	
}

.con-header a{
	display:block;
	width:100%;
	height:200px;
	background-image:url("Images/HEADER.jpg");
	background-position:center center;
	background-repeat:no-repeat;
}

#menu{
	background: none repeat scroll 0 0 #003c70;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
}

.con-menu{
	margin: 0 auto;
    width: 1000px;
    height: 35px;
}

.ul-menu li{
	float: left;
    font-size: 12px;
    font-weight: bold;
    list-style: outside none none;
    position: relative;    
    z-index: 99999;    
}

.ul-menu li a{
	color: #fff;
    display: block;
    font-size: 11px;
    line-height: 35px;
    padding: 0 11px;
    text-decoration:none;
    font-family:Arial;         
    text-transform:uppercase;   
}

.ul-menu li:hover a{
	background: none repeat scroll 0 0 #1397d5;    
    padding: 0 11px;
}

.ul-menu li:hover .sub-intro {
    display: block;
}


.sub-intro{
	background: none repeat scroll 0 0 #fff;
    box-shadow: 0 2px 3px #666;
    display: none;
    left: 0;
    padding: 5px 0;
    position: absolute;
    top: 35px;
    width: 200px;
}

.submenu {
    float: left;
    width: 199px;
}

.submenu ul{
	display: block;
    float: left !important;
    padding: 0 10px;
    width: 180px;
    background-color:White;
}

.submenu li{
	border-bottom: 1px dotted #ccc !important;
    float: none !important;
    font-weight: normal;
    padding: 3px 0px;
    text-transform: capitalize;
    background-color:#FFFFFF;    
}

.submenu ul li a{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    color: #333;
    line-height: inherit;
    padding: 5px 0 !important;
}

.submenu ul li a:hover{
	color: #0071bc;
}

#sliderbanner{
	width:100%;
	margin-top:10px;	
}

.con-slider{
	width:1000px;
	margin: 0 auto;	
}

/*--MAIN CONTENT -----------------------*/
#main-content{
	background-image: url("Images/banner-shadow.png");
    background-position: center 15px;
    background-repeat: repeat-x;
    padding-top: 25px;
}

/*
.column-left{
	width:230px;
	float:left;	
}

.column-right{
	width:760px;
	float:right;			
	margin-left:10px;
}

*/


.menu-vocational{
	border: 1px solid #dce1e9;
}

.menu-title{
	font-size:13px;
	background:-moz-linear-gradient(center top , rgba(82, 131, 209, 0.2) 0px, rgba(70, 122, 206, 0.18) 10%, rgba(29, 60, 109, 0.11) 100%) no-repeat scroll 0 0%, url("Images/vmenublockheader.png") repeat scroll 0 0%, -moz-linear-gradient(center top , #3e74cc 0px, #366ec9 10%, #224781 100%) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	padding: 10px;
	color:#FFFFFF;
	text-transform:uppercase;
}

.menu-title h1{
	font-size:13px ;
	background-image:url("Images/vmenublockheadericon.png");
	background-repeat:no-repeat;
	background-position:center left;	
	padding-left:20px;
}

.menu-vocational ul{
	
}

.menu-vocational li{
	
}

.menu-vocational li a{
	display:block;	
	background-image: url("Images/vmenuitemicon.png");
	background-repeat:no-repeat;
	background-position:10px center;
	background-color:#ededed;
	color:#2e5da8;
	padding:6px 5px 6px 20px;
	text-decoration:none;
	font-size:11px;
	margin-bottom:2px;
	text-transform:uppercase;
	font-weight:600;
}

.menu-vocational li a:hover{
	background-color:#FFFFFF;
}

.list-vocational{
	/* border: 1px solid #efefef; */	
}

.list-vocational-title{	
    height: 26px;
    border-bottom: 2px solid #0850a4;
    padding-bottom:7px;
}

.list-vocational-title p{
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	padding: 8px;
	color:#0850a4;
	font-family: "Roboto Condensed",Arial,sans-serif;
}


.vocat{
	float: left;
    margin: 10px 7px;
    width: 218px;
    height: 190px;
}

.vocat img{
	width:218px;
	height:148px;	
}

.vocat-name{
	
}

.vocat-name h2{
    font-size:12px;
}

.vocat-name a{
	display:block;
	color:#fe002a;
	font-weight:bold;
	padding:5px 0;	
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
	line-height:18px;
}

.vocat-name a:hover{
	color:#0850a4;
}

.vocat-title{
	text-align:justify;
	line-height:16px;
	color:#303030;
}

.vocat-more{
	text-align:right;
}

.vocat-more a{
	font-weight:bold;
	text-decoration:none;	
	color:Red;
}

.view-all-vocat{
	clear:both;
	margin:10px 0px;
}

.view-all-vocat a{
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	width:120px;
	padding:5px 0px;	
	text-align:center;
	float:right;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#ed1c24;
	border-radius: 3px;
	margin-right:13px;
	margin-top:20px;
}

.view-all-vocat a:hover{
	background-color:#909090;
}


#register p.register-title{
        background-image: url(Images/bg_menu.gif);
        padding-left: 40px;

        height: 38px;
        line-height: 38px;
        background-repeat: no-repeat;
        margin-bottom: 8px;
        font-size:12px;
        font-family:Arial;
        text-transform:uppercase;
        color: #fff;
        font-weight: 700;
    }


.info-contact {
    margin-bottom: 10px;
}

.info-contact input[type="text"] {
    border: 1px solid #d3d3d3;
    width: 100%;
    height: 28px;
}

.list-gender, .list-vocation {
    width: 100%;
    height: 30px;
    border: 1px solid #d3d3d3;
    color: #2b2b2b;
    text-transform: capitalize;
}

.valid-captcha {
    width: 130px !important;
    position: relative;
    top: -11px;
}

.btRegister {
    background-color: #d1020b;
    color: #FFF;
    border: 1px solid #f7f5f5;
    padding: 8px 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.local-01{
	padding-top:10px;
}

.local-news{
	width:330px;
	float:left;	
	margin-right:30px;
}

.local-news p{
	font-size:16px;
	color:#a50133;
	text-transform:uppercase;
	margin:10px 0px 15px 0px;
	border-bottom: 2px solid #a50133;
	padding-bottom:5px;
	font-family: "Roboto Condensed",Arial,sans-serif;
	font-weight:600;
}


.local-news-detail{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom: 1px solid #eee;
}

.local-news-detail a img{
	width:50px;
	height:36px;
}

.local-news-detail a{
	display:block;
	text-decoration:none;
	color:#000000;
}

.local-news-detail h1{
	
}
.local-news-detail h1 a{
	font-size:12px;
	text-transform:none;
}

.local-news-detail a.news-img{
	width:50px;
	height:36px;
	float:left;
	padding:2px;
	border:1px solid #C0C0C0;
}

.local-news-detail a.news-title{
	float:right;
	width:266px;
	font-size:13px;
	text-align:justify;
	color:#202020;
}

.local-news-detail a.video-title{
	font-size:13px;
	width:100%;
	color: #303030;
}

.local-news-detail a.news-title:hover{
	color:#999;	
}

.news-more-link{
	text-align:right;
	float:right;
}

.news-more-link a{
	background-color: #10b9b9;
	border-radius: 0.2em;
	display:block;
	width:60px;
	margin-top: 10px;
    padding: 4px 8px;
    font-size:11px;
    text-decoration:none;
    color:#FFF;
    text-transform:uppercase;
    text-align:center;
    
}

.news-more-link a:hover{
	background-color:#606060;
}



.local-register{
	width:280px;	
	margin:0;	
}

.register{
	line-height: 2.2;
	background-image:url("Images/bgRegister03.png");
	background-position:top center;
	background-repeat:repeat-x;	
	background-color:#fae465;
}

.register p {
    margin: 5px 0px;    
}

.reg-left{
	width:320px;
	float:left;
	padding-left:20px;	
}

.reg-right{
	width:320px;
	float:right;
	padding-left:20px;
}

#register{
    
}

.register strong {
    color: #a50133;
    font-size: 13px;
    font-weight:bold;
}


.register input[type="text"] {
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    height:20px;
    width:290px;
}

.register input:focus {
    background-color: #fbf6d9;
}

.register select{
	width:290px;
}

.register textarea{
	border: 1px solid #d3d3d3;
    border-radius: 3px;
    font-family:Arial;
    font-size:13px;
    width:290px;
}

.submit{
	background-image: url("Images/form-submit.png");
    background-position: 5px center;
    background-repeat: no-repeat;
    background-color:#ffcb4f;
    border: 1px dashed #ffffff;
    border-radius: 3px;
    cursor: pointer;
    
    padding: 5px 5px 5px 25px;
    width:100px;
    color:#a50133;
    font-weight:bold;
    font-size:11px;    
}

.cancel{
	background-image: url("Images/cancel.png");
    background-position: 15px center;
    background-repeat: no-repeat; 
    background-color:#ffcb4f;
    border: 1px dashed #ffffff;       
    border-radius: 3px;
    cursor: pointer;
    margin-left: 20px;
    padding: 5px 5px 5px 5px;
    width:100px;
    color:#a50133;
    font-weight:bold;
    font-size:11px;    
}

.local-register-img{
	margin-bottom:10px;
}

.support-wrapper{
	
}

.support-title{    
    font-size:16px;
    font-weight:bold;
    font-family:"Roboto Condensed",Arial,sans-serif;
    color:#fcff00;
}

.support-user{		
	background-color:#0483d5;	
	width:280px;
	padding:5px;
	border-radius: 5px;
}

.support-wrap-user{
	padding:0px 25px;
}

.support-user td{
	text-align:center;
	color:#FFFFFF;	
	font-weight:bold;
	text-transform:uppercase;	
	line-height:20px;
}

.user-support-mobile{
	font-size:18px;
}

.local-support{
	padding-top:10px;
}

.local-02{
	margin-top:20px;
}

.local-02-left{
	width:700px;	
	float:left;
}

.local-02-right{
	width:280px;	
	float:right;
	padding-top:0px;
}

.local-02-right li{
	margin-bottom:10px;
}

.local-03{
	
}

.gallery{
	border-bottom: 1px solid #eee;
}

.gallery a{
	display:block;
	width:100px;
	height:80px;
	float:left;	
	margin: 0px 5px 10px 5px;
}

.gallery a img{
	width:100px;
	height:80px;
}

.list-gallary{
	padding-top:10px;
}

.list-gallary ul{
	
}

.list-gallary li{
	display:block;
	border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.list-gallary li a{
	text-decoration:none;
	font-size:13px;
	color:#303030;
	display:block;
	text-align:justify;
}

.list-gallary li a:hover{
	color:#999;
}

.local-adv{
	float:left;
	width:280px;	
	margin-top:34px;
}

.local-adv ul{
	
}

.local-adv li{
	margin-bottom:10px;
}

.local-adv li a{
	display:block;
}

.local-face{
	margin-bottom:15px;
}

.list-news{
	width:690px;	
	float:left;	
	margin-right:30px;	
}

.list-news p.title-cate-vocation{
	border-bottom: 2px solid #a50133;
    color: #a50133;
    font-size: 16px;
    margin: 10px 0 15px;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-family: "Roboto Condensed",Arial,sans-serif;
    font-weight:bold;
}

.list-news h1.title-cate-new{
	border-bottom: 2px solid #a50133;
    color: #a50133;
    font-size: 16px;
    margin: 10px 0 15px;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-family: "Roboto Condensed",Arial,sans-serif;
    font-weight:bold;
}

.list-news h1{
	color:#202020;
	font-size:20px;
	padding:5px 0;	
	text-align:justify;
	font-family: "Roboto Condensed",Arial,sans-serif;
	font-weight:600;
}

.list-news p.ltSummary-news {
    font-size:13px;
    font-weight:600;    
}

.list-news p.detail-other{
	color:#303030;
	font-size:14px;
	padding:5px 0px 15px 0px;
	text-align:justify;
    font-weight:bold;	
}



.view-news{
	text-align:justify;
	font-size:13px;
	line-height:18px;
}

.news{
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dashed sliver;
}

.news-left{
	width:160px;
	float:left;
}

.news-left img{
	width:154px;
	height:104px;
	padding:2px;
	border: 1px solid #dedede;
}

.news-right{
	width:515px;
	float:right;
}

.news-right a{
	text-decoration:none;
	color:#004f8b;
	font-size:15px;
	font-weight:bold;	
	line-height:20px;
	text-align:justify;
}

.news-right a:hover{
	color:#606060;
	text-decoration:underline;
}

.news-right p{
	margin-top:5px;
	text-align:justify;
	font-size:13px;
}

.title-cate{
	text-decoration:none;
	color:#a50133;
}

#paging {
    padding: 5px 10px;    
}
#paging span {
    padding: 2px;
}
#paging span a {
    border: 1px solid #c0c0c0;
    border-radius: 2px;
    color: #c66653;
    padding: 5px 15px;
    text-decoration: none;
}
#paging span a:hover {
    background-color: #005C99;
    color: #FFFFFF;
}

.title-facebook{
	font-size:24px;
	padding:24px 5px;
	color:#333333;
	font-weight:bold;
}

/*----CAC TIN TUC KHAC -----*/

#detail-other {
    margin: 30px 0;
}

#detail-other h3 {
    border-bottom: 1px solid #c0c0c0;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 5px 0;
}

#detail-other ul {
    list-style-type: square;
    padding-left: 20px;
}

#detail-other ul li a {
    color: #004175;
    display: block;
    font-size: 13px;
    line-height: 20px;
    text-decoration: none;
}

#detail-other ul li a:hover {
    color: #4f82ac;
}

.contact-banner{
	width:100%;
	height:200px;
	background-image:url("Images/day-nghe-thanh-xuan-that-gia-la-dau.jpg");
	background-repeat:no-repeat;
	background-position:center top;
}

.album-list{
	margin-bottom:10px;
}

.album{
	float: left;
    margin: 15px 30px;
    width: 170px;
}

.album a{	
}

.album img{
	height: 130px;
    width: 170px;
    border: 1px solid #dedede;    
    padding: 2px;
}

.album-name{
	text-align:justify;
}

.album-name a {
	color: #004f8b;
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 0;
    text-decoration: none;
}

.album-name a:hover{
	color: #ff3300;
}

.reg-left p .select-born{
	width:96px;
}

.contact-phone{
	margin-bottom:15px;
	font-size:13px;
	
}

.contact-phone h3{
	text-transform:uppercase;
}

.contact-phone p{
	line-height:25px;
}

.contact-phone table{
	border-collapse: collapse;      
	width:100%;              
	margin-top:10px;	
	text-align:left;
}

.contact-phone table, .contact-phone table td, .contact-phone table th{	
	border: 1px solid #dddddd;
}

.contact-phone table td, .contact-phone table th{
	padding:8px;
}


.contact-maps{
	
}

.contact-maps h3{
	text-transform:uppercase;
}

#design-deploy{
	margin-top:20px;
}

#design-deploy table td{
	vertical-align:top;
}

#design-deploy table td a{
	text-decoration:none;
	color:#101010;
}

#design-deploy p.statistical{
	font-size:13px;
    font-weight:bold;
}

.user-total{
	background-image:url("Images/total.png");
	background-repeat:no-repeat;
	background-position:left center;
	padding: 4px 0 4px 25px;
}

.user-online{
	background-image:url("Images/online.png");
	background-repeat:no-repeat;
	background-position:left center;
	padding: 4px 0 4px 25px;
	width:135px;
}

.line-mobile-desktop{
        line-height:18px;
        font-size:14px;
        text-align:justify;
}

.line-mobile-desktop ul{
    margin-left:25px;
}

.line-mobile-desktop ul li{
    list-style-type:square;
}

.line-mobile-desktop p{
    margin:12px 0px 12px 0px;
}

/*---------------FOOTER------------*/

#footer{
	background-color:#0e5d8c;
	color:#FFFFFF;
	margin-top:20px;
	clear:both;
    padding:5px 0;
}

.footer-wrapper{
	width:620px;
	margin:auto;		
    float:left;
}

.f-left{
	width:170px;
	height:110px;
	float:left;	
	background-image:url("Images/LogoTX-01.png");
	background-position:center center;
	background-repeat:no-repeat;
}

.f-right{
	width:420px;
	float:left;	
	padding-top:10px;
}

.f-right p{
	line-height:23px;
}

.f-maps{
	width:120px;
	float:left;		
	margin-top:7px;
	text-align:center;
}

.f-facebook{
	float:left;		
	margin-top:7px;
	width:280px;		
	padding-left:30px;
}

.f-maps img{
	margin-bottom:5px;
}

.f-maps a{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

#footer-wrappe-left{
    width:300px;
    float:right;
    text-align:right;
}

#footer-w{
    width:1000px;
    margin:auto;
}


#footer-tag{    
}


#footer-tag-container{
    width:1000px;
    margin:0px auto;
    padding:5px;
    color: #d1d1d1;
}

#footer-tag-container a{    
    text-decoration: none;        
    cursor:pointer;
    color: #d1d1d1;
    text-transform:lowercase;
}

