@font-face
{
	font-family: 'nhanh';
	src: url('../fonts/Slipstream LET Plain.ttf');
}

body
{
	background-color: rgb(231, 231, 231);
    background-image: url("../images/bg.jpg");
    background-position: center top;
    background-repeat: no-repeat;
	border-top: 7px solid #970011;
	font-family: Tahoma;
	font-size: 14px;
}

h1, h2, h3, h4, h5, h6
{
	font-family: Tahoma;
  	color: #DA251C;
	margin: 0 0 8px;
        line-height: 100%;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
	color: #DA251C !important;
}

.page-header, a:not(.btn)
{
	font-family: Tahoma;
	color: #DA251C;
}

h1{font-size: 24px;}h2{font-size: 22px;}h3{font-size: 20px;}h4{font-size: 18px;}h5{font-size: 16px;}h6{font-size: 14px;}

#sp-bottom-wrapper p, #sp-footer-wrapper p
{
	color: #002394;
}

#sp-bottom-wrapper a, #sp-footer-wrapper a
{
	color: #002394;
}

#sp-bottom-wrapper a:hover, #sp-footer-wrapper a:hover
{
	color: #d90036;
}

* .container
{
	background: #FFFFFF;
}

#tc_nhanh
{
	font-family: nhanh !important;
	font-size: 35px;
	color: #FF0000;
	position: absolute;
	left: 25px;
	top: 25px;
	z-index: 9999;
}

#slideshow
{
	width: 100%;
	max-width: 830px;
	padding: 2% 3% 0 3%;
}

.vina-jssor-image-slider .vina-caption.default
{
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important;
    border-radius: 0px !important;
	font-family: Arial;
	color: #FFFFFF;
}

#users p
{
	padding: 0 0 3px 0 ;
}

#sp-user1, #sp-user2, #sp-user3
{
	padding: 10px;
}

#sp-user1 h4, #sp-user2 h4, #sp-user3 h4
{
	text-transform: uppercase;
	color: #FFFFFF;
}

#sp-user1 p, #sp-user2 p, #sp-user3 p
{
	font-size: 13px;
	line-height: 1.3em;
	min-height: 102px;
}

#sp-user1 .custom, #sp-user2 .custom, #sp-user3 .custom
{
	background-image: url("../images/bg-5.png");
	height: 155px;
	padding: 10px;
	color: #FFFFFF !important;
}

.btn-primary::after, button::after, input[type="submit"]::after, input[type="button"]::after, submit::after
{
	background: none;
}

#sp-user1 a, #sp-user2 a, #sp-user3 a
{
	font-family: Arial;
	font-size: 12px;
}

#sp-user1 a:hover, #sp-user2 a:hover, #sp-user3 a:hover
{
	background: url('../images/menu2.gif') repeat-x !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
	background: url('../images/menu2.gif') repeat-x !important;
	color: #FFFFFF;
}

#sp-menu-wrapper, #sp-header-wrapper, #sp-header-wrapper .container, #sp-footer-wrapper, #sp-feature-wrapper
{
	background: none;
}

#users
{
	padding: 10px 0;
	border: none;
}

#sp-feature-wrapper
{
	padding: 0;
	box-shadow: none;
}

body.homepage #sp-main-body-wrapper
{
	display: none;
}

#sp-main-body-wrapper #main-body
{
	padding-bottom: 10px;
}

#sp-footer-wrapper
{
	padding: 0;
	color: #002394;
}

#sp-footer-wrapper .container
{
	background: #FFFFFF;
	padding: 10px 0;
}

#sp-footer-wrapper .container div.custom
{
	padding: 0 20px
}

ul.breadcrumb
{
	padding: 5px 20px;
}

dl dt, dl dd {
    display: block;
}

#sp-footer-wrapper .container .vvisit_counter
{
	margin: 0 20px;
}

#sp-position2-wrapper
{
	padding: 0;
}

#sp-position2-wrapper .module
{
	padding: 20px 20px 0px 20px;
}

#sp-banner-wrapper .container
{
	background: none;
	padding: 15px 0 0 0;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

#sp-main-body-wrapper
{
	border: none;
}

#sp-main-body-wrapper section#sp-component-area-wrapper
{
	padding: 15px 20px 15px 20px;	
}

#sp-menu-user
{
	min-height: 20px;
}

.lienhe-top {
    color: #002394;
    font-size: 13px;
}

.lienhe-top .address
{
	float: left;
    width: 52%;
}

.lienhe-top .phone {
    float: left;
}

.lienhe-top .fax {
    float: left;
    margin-left: 24px;
}

.lienhe-top .email {
    float: right;
}

#sp-menu-wrapper
{
	border: none;
	box-shadow: none;
}

#sp-main-menu ul.level-0 > li:hover::after, #sp-main-menu ul.level-0 > li.active::after
{
	background: none;
	top: 0;
	left: 0;
}

#sp-main-menu ul.level-0 > li a
{
	margin: 12px 0;
	color: #FFFFFF;
}

#sp-main-menu ul.level-0 > li.active, #sp-main-menu ul.level-0 > li:hover
{
	background: url('../images/menu2.gif') repeat-x;
}

#sp-main-menu ul.level-0 > li:hover > a, #sp-main-menu ul.level-0 > li.active > a
{
	color: #FFFFFF;
}

#sp-main-menu ul.level-1 > li a
{
	margin: 0;
	color: #DA251C;
}

#sp-main-menu a.active .menu-title
{
	color: #FFFFFF;
}

#sp-menu-wrapper .container
{
	background: url('../images/menu.gif') repeat-x;
}

#sp-main-menu ul.level-0 > li
{
	padding: 0 15px 0 15px;
}

#sp-main-menu ul.level-0 > li.parent
{
	padding: 0 30px 0 15px;
}

.search
{
	margin: 5% 5px 5% 10px;
}

#sp-search form
{
	margin: 0;
}

#mod-search-searchword
{
	width: 150px;
}

#maps
{
	width: 49%;
	float: left;
}

#maps iframe
{
	width: 100% !important;
	max-height: 300px;
}

#img-tuyen
{
	width: 49%;
	float: left;
	margin-left: 2%;
  	text-align: center;
}

#img-tuyen img
{
	width: auto !important;
	max-height: 300px;
}

#Scroll_To_Top
{
  	z-index: 99999;
}

@media (min-width: 240px) and (max-width: 900px) {
	#sp-search
	{
		display: none;
	}
	
	#slideshow
    {
      	padding: 0;
    }
	
	.responsive #sp-header-wrapper #sp-menu-user
	{
		padding: 0;
	}
	
	.lienhe-top .address
	{
		float: none;
		width: 100%;
	}

	.lienhe-top .phone {
		float: none;
		width: 100%;
	}

	.lienhe-top .fax {
		float: none;
		width: 100%;
		margin: 0;
	}

	.lienhe-top .email {
		float: none;
		width: 100%;
	}
	
	#maps
	{
		width: 100%;
		float: none;
	}

	#img-tuyen
	{
		width: 100%;
		float: none;
		margin-left: 0;
	}
	
	img
	{
		max-width: 100% !important;
		height: auto !important;
	}
}

@media 
only screen and (max-width: 760px),
(min-width: 768px) and (max-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block;
	}
	
	table
	{		
		height: 100% !important;
      	border: none !important;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; height: auto !important;}
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
      	width: 100% !important;
      	height: auto !important;
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 100%; 
		padding-right: 10px;
		white-space: nowrap;
	}
}