@CHARSET "ISO-8859-1";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

body {
	font-family:Arial;	
}
@font-face {
	font-family: 'ca';
	src: url('../css/ca.ttf');
}
body{ font-family:'ca' !important;  }
h1, h2, h3, h4, h5, h6,a {	 font-family: 'ca' !important;	}
p {	 	font-family:'ca' !important;	}

a {
	text-decoration:none !important;
}

.caption h5 { height:35px; }


ul {
	//list-style:none;
}
.metro {
	border-radius:0;
}
.clear {
	clear:both;
}
.float_left {
	float:left;
}

.navbar-form .btn-default {
    background:#c9233b;
}
.float_right {
	float:right;
}
.relative {
	position:relative;	
}
.center {
	margin:0px auto;
}
.padding_0 {
	padding:0px !important;
}
.padding_5 {
	padding:5px !important;
}
.padding_10 {
	padding:10px !important;
}
.padding_15 {
	padding:15px !important;
}
.padding_20 {
	padding:20px !important;
}
.padding_t_b_5 {
	padding:5px 0px !important;
}
.padding_t_b_10 {
	padding:10px 0px !important;
}
.padding_t_b_15 {
	padding:15px 0px !important;
}
.padding_t_b_20 {
	padding:20px 0px !important;
}
.padding_l_r_5 {
	padding:0px 5px !important;
}
.padding_l_r_10 {
	padding:0px 10px !important;
}
.padding_l_r_15 {
	padding:0px 15px !important;
}
.padding_l_r_20 {
	padding:0px 20px !important;
}
.margin_t_b_5 {
	margin:5px 0px !important;
}
.margin_t_b_10 {
	margin:10px 0px !important;
}
.margin_t_b_15 {
	margin:15px 0px !important;
}
.margin_t_b_20 {
	margin:20px 0px !important;
}
.margin_l_r_5 {
	margin:0px 5px !important;
}
.margin_l_r_10 {
	margin:0px 10px !important;
}
.margin_l_r_15 {
	margin:0px 15px !important;
}
.margin_l_r_20 {
	margin:0px 20px !important;
}
.font_weight_bold {
	font-weight:bold !important;
}

.background_none {
	background:none !important;
}
.border_none {
	border:none !important;
}
.border_radius_none {
	border-radius:0px !important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
}
.boxshadow {
	box-shadow: 0 0 1px #ccc;
	-moz-box-shadow: 0 0 1px #ccc;
	-webkit-box-shadow: 0 0 1px #ccc;
}
.boxshadow_none {
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
}
/* header */
.header {
	width:100%;
}

/* top header */
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    background-color:none !important;
    border: none !important;
    border-radius: none !important;
}
.phone-hotline {
	color:#ED1313;
	font-weight:900 !important;
	font-size:20px
}
/* menu*/
.menu {
	background-color:none;
	border:none;
	background:url(../images/menu.png);
	background-size: 100% 100%;
	margin-top:5px;
}
.navbar {
	margin-bottom:0px !important;
}
.menu ul.nav li a {
	color:#fff !important;
	display:block;
	font-family:Arial;
	font-size:18px;
	text-align:center;
	padding:10px 20px;
	text-transform: uppercase;
	//font-weight:bold;
}

.menu ul.nav ul li a {
	font-size:16px;
	padding:6px 15px;
}

.menu ul.nav li  {
	width:auto !important;
}
.menu ul.nav li a:hover {
	color: #FAFD07 !important;
    background: none !important;
}
.menu ul.nav>.active>a, .menu ul.nav>.active>a:focus, .menu ul.nav>.active>a:hover {
    color: #FAFD07 !important;
    background: none !important;
}
.menu ul.nav>.open>a, .menu ul.nav>.open>a:focus, .menu ul.nav>.open>a:hover {
    color: #FAFD07 !important;
    background: none !important;
}
.main_menu > ul > li:hover ul{
	display:block;
	z-index:99999999 !important;
	background:#5CD54F;
	border-radius:0px;
	top: 45px !important;min-width: 290px;
}
.main_menu > ul > li:hover ul ul {
	display:none;
}
.main_menu  ul  ul  li:hover ul{
	display:block !important;
	z-index:999999999 !important;
	background:#5CD54F;
	border-radius:0px;
	top: -7px !important;
	right:-190px;
}


.menu ul.dropdown-menu li {
	border-bottom:1px solid #fff;
}
.menu ul.dropdown-menu li:last-child {
	border-bottom:none;
}
.menu ul.dropdown-menu li a {
	text-align:left !important;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #FAFD07 !important;
    background: none !important;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #FAFD07 !important;
    background: none !important;
}
/* post */
.post {
	background:url(../images/tuatorial_bg.png) no-repeat;
	min-height:375px;
	max-height:375px;
}


/* slider */
.slider {
	width:100%;
}
.tuatorial {
	background-image:url(../images/bgg.png) ;
	background-size:100% 100%;
	max-height:499px;
	overflow:hidden;
	
}
/* left*/
.sidebar {
	background:#fff !important;
}
/* main */
.main {
	
}

/* slidebar */
.left-items { 
	margin-top:10px;
	border:#5cb85c solid 1px;
	margin-bottom:10px;
	padding:0px 10px;
}
.left-items-title {
	font-weight:bold;
	padding:2px 0px;
	text-transform: uppercase;
	border-bottom:#5cb85c solid 1px;
}
.left-items-title h6 {
	font-weight:bold;
	font-size:14pt;
	padding:10px 0px;
	padding-left:30px;
	color:#5cb85c;
}	
.left-items-content {
	padding:10px 0px;
}
.left-items-content-img {
	margin-right:10px;
} 
.left-items-content-list {
	border-bottom:1px dashed #000;
	padding:5px 0px;
}
.left-items-content > ul > li > a {
	color:#000;
	font-weight:bold;
}
.left-items-content .nav>li>a {
    padding: 10px 0px;
}
.left-items-content .nav > li > .nav > li > a {
	padding-left:15px;
	color:#000;
}
ul.left-items-content-list > li > a {
	display:block;	
}
ul.left-items-content-list > li:last-child {
	border-bottom:none;
}
ul.left-items-content-list > li > img {
}
ul.left-items-content-list > li > span{
}
.category  ul.nav > li {
	border-bottom:1px dashed #5cb85c;
}
.category  ul.nav > li:last-child {
	border-bottom:none;
}
.category .nav li.active {
	font-size:15px;
	background:#5CB85C;
	border-bottom:none;
}
.category .nav li.active a {
	color:#fff !important;
}
/* content */
.frame-content {
	margin-top:10px;	
}
.frame-content-title {
	background-image:url(../images/footer.png)  ;
	background-size:100% 100%;
	color:#fff;
	text-transform: uppercase;
}
.sear { float:right; margin-top:3px; width:240px; margin-right:10px; }
.timkiem { padding: 6px; height: 30px; border-radius:0px; padding-left:20px;  }
.btnsea { color:#00376f; font-weight:bold; font-size:15px; }
.kkk { padding: 4px; border-radius:0px; }
.frame-content-title h5 {
    //font-weight: bold;
    font-size:18px;
}
.frame-content-content {
	
}
.product {
	margin-top:5px;
}
.product img {
	width:100%;
}
.sale_off {
	position: absolute;
	top:0px;
	right:0px;
}


/* CSS Document */
.footer {
	width:100%;
	background-image:url(../images/footer.png)  ;
	background-size:100% 100%;
}
.footer p {
	color:#000;
	font-size:15px;
	font-weight:bold;
	font-size:Arial;
	padding-bottom:0px !important;
	margin-bottom:6px;
}

.footer h4 {
	color:#fff;
	font-weight:bold;
	font-family:Arial;	
}

.footer a {
	color:#fff;	
	font-family:Arial;
}
#ttttt { display:none;  }
 #gt1 { display:none; }
 #gt0 { display:block; }
 
 @media screen and (max-width: 800px) {

 #tttt { display:none; }
 #ttttt { display:block; }
 #gt0 { display:none; }
 #gt1 { display:block; }
 
}



.simply-scroll-container { 	margin:0 auto;	float:left;}
	.simply-scroll-clip { 		position: relative;		overflow: hidden;	}
	.simply-scroll-list { 		overflow: hidden;		margin: 0;		padding: 0;		list-style: none;	}
		.simply-scroll-list li {			padding: 0;			margin: 0;			list-style: none;		}
		.simply-scroll-list li img {			border: none; text-align:center; margin:0px auto}
	.simply-scroll-btn {		position: absolute;		background-image: url(buttons.png);		width: 42px;		height: 44px;		z-index:3;		cursor: pointer;	}
	.simply-scroll-btn-left {		left: 6px;		bottom: 6px;		background-position: 0 -44px;	}
	.simply-scroll-btn-left.disabled {		background-position: 0 0 !important;	}
	.simply-scroll-btn-left:hover, .simply-scroll-btn-left:focus {		background-position: 0 -88px;	}
	.simply-scroll-btn-right {		right: 6px;		bottom: 6px;		background-position: -84px -44px;	}
	.simply-scroll-btn-right.disabled {		background-position: -84px 0 !important;	}
	.simply-scroll-btn-right:hover, .simply-scroll-btn-right:focus {		background-position: -84px -88px;	}
	
	.simply-scroll-btn-up {		right: 6px;		top: 6px;		background-position: -126px -44px;	}
	.simply-scroll-btn-up.disabled {		background-position: -126px 0 !important;	}
	.simply-scroll-btn-up:hover, .simply-scroll-btn-up:focus {		background-position: -126px -88px;	}
	.simply-scroll-btn-down {		right: 6px;		bottom: 6px;		background-position: -42px -44px;	}
	.simply-scroll-btn-down.disabled {		background-position: -42px 0 !important;	}
	.simply-scroll-btn-down:hover, .simply-scroll-btn-down:focus {		background-position: -42px -88px;	}
	.simply-scroll-btn-pause {		right: 6px;		bottom: 6px;		background-position: -168px -44px;	}
	.simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus {		background-position: -168px -88px;	}
	.simply-scroll-btn-pause.active {		background-position: -84px -44px;	}
	.simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus {		background-position: -84px -88px;	}
.simply-scroll { 	width: 200px;	height: 200px;	margin-bottom: 1em;}
	.simply-scroll .simply-scroll-clip {		width: 200px;		height: 200px;	}
		.simply-scroll .simply-scroll-list {}
		.simply-scroll .simply-scroll-list li {			float: left;			width: 190px;			height: 200px;		}
		.simply-scroll .simply-scroll-list li img {}
	.simply-scroll .simply-scroll-btn {}
	.simply-scroll .simply-scroll-btn-left {}
	.simply-scroll .simply-scroll-btn-left.disabled {}
	.simply-scroll .simply-scroll-btn-left:hover {}
	.simply-scroll .simply-scroll-btn-right {}
	.simply-scroll .simply-scroll-btn-right.disabled {}
	.simply-scroll .simply-scroll-btn-right:hover {}
	.simply-scroll .simply-scroll-btn-up {}
	.simply-scroll .simply-scroll-btn-up.disabled {}
	.simply-scroll .simply-scroll-btn-up:hover {}
	.simply-scroll .simply-scroll-btn-down {}
	.simply-scroll .simply-scroll-btn-down.disabled {}
	.simply-scroll .simply-scroll-btn-down:hover {}
	
/* Vertical scroller example */
.hort { 	width: 100%; padding:5px 0px}
	.hort .simply-scroll-clip {
		padding:5px 0px; 
	//	border-radius:10px;                                                    /*chinh chieu cao;300*/
	}
		.hort .simply-scroll-list {}
		.hort .simply-scroll-list li {float: left;margin: 0px 10px;padding:5px;}
		.hort .simply-scroll-list li img {		width:150px;		height:190px;		}
	.hort .simply-scroll-btn {}
	.hort .simply-scroll-btn-up { /* modified btn pos */
		right: 0;		top: 0;	}
	.hort .simply-scroll-btn-up.disabled {}
	.hort .simply-scroll-btn-up:hover {}
	
	.hort .simply-scroll-btn-down { /* modified btn pos */
		right: 0;		top: 52px;	}
	.hort .simply-scroll-btn-down.disabled {}
	.hort .simply-scroll-btn-down:hover {}

.vert { /* wider than clip to position buttons to side */
	width: 100%;	height: 350px;}
	.vert .simply-scroll-clip {
		width: 100%;                                                        /* chinh do rong;180*/
		height: 350px;                                                     /*chinh chieu cao;300*/
	}
		.vert .simply-scroll-list {}
		.vert .simply-scroll-list li {					width: 100%;			margin-bottom:12px;			text-align:center;		}
		.vert .simply-scroll-list li img {}
	.vert .simply-scroll-btn {}
	.vert .simply-scroll-btn-up { 		right: 0;		top: 0;	}
	.vert .simply-scroll-btn-up.disabled {}
	.vert .simply-scroll-btn-up:hover {}
	
	.vert .simply-scroll-btn-down { 		right: 0;		top: 52px;	}
	.vert .simply-scroll-btn-down.disabled {}
	.vert .simply-scroll-btn-down:hover {}
	
.vert1 { /* wider than clip to position buttons to side */
	width: 100%;	height: 300px;}
	.vert1 .simply-scroll-clip {
		width: 100%;                                                        /* chinh do rong;180*/
		height: 300px;                                                     /*chinh chieu cao;300*/
	}
		.vert1 .simply-scroll-list {}
		.vert1 .simply-scroll-list li {		width: 100%;height: 100px;text-align:center;		}
		.vert1 .simply-scroll-list li img {}
	.vert1 .simply-scroll-btn {}
	.vert1 .simply-scroll-btn-up { 		right: 0;		top: 0;	}
	.vert1 .simply-scroll-btn-up.disabled {}
	.vert1 .simply-scroll-btn-up:hover {}
		.vert1 .simply-scroll-btn-down { 		right: 0;		top: 52px;	}
	.vert1 .simply-scroll-btn-down.disabled {}
	.vert1 .simply-scroll-btn-down:hover {}

	
	
	
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,
.fancybox-nav,.fancybox-nav span,.fancybox-tmp{	padding: 0;	margin: 0;	border: 0;	outline: none;	vertical-align: top;}

.fancybox-wrap {	position: absolute;	top: 0;	left: 0;	z-index: 8020;}
.fancybox-skin {	position: relative;	background: #f9f9f9;	color: #444;
	text-shadow: none;	-webkit-border-radius: 4px;	   -moz-border-radius: 4px;	        border-radius: 4px;}
.fancybox-opened {	z-index: 8030;}
.fancybox-opened .fancybox-skin {	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {	position: relative;}
.fancybox-inner {	overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {	-webkit-overflow-scrolling: touch;}
.fancybox-error {	color: #444;	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;	padding: 15px;	white-space: nowrap;}
.fancybox-image, .fancybox-iframe {	display: block;	width: 100%;	height: 100%;}
.fancybox-image {	max-width: 100%;	max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {	background-image: url('../js/fancybox_sprite.png');}
#fancybox-loading {	position: fixed;	top: 50%;	left: 50%;	margin-top: -22px;
	margin-left: -22px;	background-position: 0 -108px;	opacity: 0.8;	cursor: pointer;	z-index: 8060;}
#fancybox-loading div {	width: 44px;	height: 44px;	background: url('../js/fancybox_loading.gif') center center no-repeat;}
.fancybox-close {	position: absolute;	top: -18px;	right: -18px;	width: 36px;	height: 36px;	cursor: pointer;	z-index: 8040;}
.fancybox-nav {	position: absolute;	top: 0;	width: 40%;	height: 100%;	cursor: pointer;	
	text-decoration: none;	background: transparent url('../js/blank.gif'); /* helps IE */	-webkit-tap-highlight-color: rgba(0,0,0,0);	z-index: 8040;}
.fancybox-prev {	left: 0;}
.fancybox-next {	right: 0;}
.fancybox-nav span {	position: absolute;	top: 50%;	width: 36px;	height: 34px;
	margin-top: -18px;	cursor: pointer;	z-index: 8040;	visibility: hidden;}
.fancybox-prev span {	left: 10px;	background-position: 0 -36px;}
.fancybox-next span {	right: 10px;	background-position: 0 -72px;}
.fancybox-nav:hover span {	visibility: visible;}
	.fancybox-tmp {	position: absolute;	top: -99999px;	left: -99999px;
	visibility: hidden;	max-width: 99999px;	max-height: 99999px;	overflow: visible !important;}
/* Overlay helper */
.fancybox-lock {    overflow: hidden !important;    width: auto;}
.fancybox-lock body {    overflow: hidden !important;}
.fancybox-lock-test {    overflow-y: hidden !important;}
.fancybox-overlay {	position: absolute;	top: 0;	left: 0;	overflow: hidden;	display: none;	z-index: 8010;	background: url('../js/fancybox_overlay.png');}
.fancybox-overlay-fixed {	position: fixed;	bottom: 0;	right: 0;}
.fancybox-lock .fancybox-overlay {	overflow: auto;	overflow-y: scroll;	z-index: 454535;}
.fancybox-title {	visibility: hidden;	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;	position: relative;	text-shadow: none;	z-index: 8050;}
.fancybox-opened .fancybox-title {	visibility: visible;}
.fancybox-title-float-wrap {	position: absolute;	bottom: 0;	right: 50%;	margin-bottom: -35px;	z-index: 8050;	text-align: center;}
.fancybox-title-float-wrap .child {	display: inline-block;	margin-right: -100%;	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);	-webkit-border-radius: 15px;	   -moz-border-radius: 15px;
	        border-radius: 15px;	text-shadow: 0 1px 2px #222;	color: #FFF;	font-weight: bold;	line-height: 24px;	white-space: nowrap;}
.fancybox-title-outside-wrap {	position: relative;	margin-top: 10px;	color: #fff;}
.fancybox-title-inside-wrap {	padding-top: 10px;}
.fancybox-title-over-wrap {	position: absolute;	bottom: 0;	left: 0;	color: #fff;	padding: 10px;	background: #000;	background: rgba(0, 0, 0, .8);}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../js/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}
	#fancybox-loading div {
		background-image: url('../js/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}