@charset "utf-8";
/* CSS Document */

@font-face {
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	
	font-family: 'Jockey One';
	src: url('/fnt/JockeyOne-Regular.eot?#iefix') format('embedded-opentype'), 
	     url('/fnt/JockeyOne-Regular.woff') format('woff'), 
	     url('/fnt/JockeyOne-Regular.ttf')  format('truetype'),
	     url('/fnt/JockeyOne-Regular.svg#svgFontName') format('svg');
	}

@font-face {
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	
	font-family: 'Ceviche One';
	src: url('/fnt/CevicheOne-Regular.eot?#iefix') format('embedded-opentype'), 
	     url('/fnt/CevicheOne-Regular.woff') format('woff'), 
	     url('/fnt/CevicheOne-Regular.ttf')  format('truetype'),
	     url('/fnt/CevicheOne-Regular.svg#svgFontName') format('svg');
	}

/* Blueprint setup change */
div.prepend-top, .prepend-top {margin-top:10px;}
div.append-bottom, .append-bottom {margin-bottom:10px;}
p {margin:0; padding:0.2em; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#eee;margin:0;padding:0.2em 0.2em 0.2em 0.2em;}
h1 {font-size:1.8em;line-height:1;}

select {background-color:#000; margin:0; color:#fff}
input[type=text], input[type=password] {background-color:#000;border:1px solid #fff; color:#fff; width:110px;}
input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#fff;}
input[type=submit] { background-color:#000;border:1px solid #fff; color:#fff; cursor:pointer; margin:5px;}
input[type=image] { background-color:#000;border:1px solid #fff; color:#fff; cursor:pointer; }
input[type=submit]:hover, input[type=image]:hover { background-color:#900;}

html { overflow-y: scroll; }

/* Layout */
body { background-color:#100; color:#000; overflow:hidden; min-width:950px; }
.header { background-color:#300; background:url(../img/head_bg.gif) repeat-x; color:#fff; font-family: 'Ceviche One', 'Trebuchet MS', Verdana, Tahoma, Georgia, Arial, Tahoma, cursive; font-size:48px; }
.header .container { background:url(../img/que_huong_top.png) no-repeat; height:150px; }
.header img { position:relative; top:3px; }
.buttons { background:url(../img/top_bg.gif) repeat-x; color:#f00; text-shadow: 1px 1px 1px rgba(0,0,0,0.7); font-family: 'Ceviche One', 'Trebuchet MS', Verdana, Tahoma, Georgia, Arial, Tahoma, cursive; font-size:48px; text-align:center; }
	.bMenu { position:absolute; z-index:100; }
	.menuBg { background-image:url(../img/menu_bg.png); height:90px; width:1253px; position:relative; z-index:50; left:-151px; }
.buttons p a {color:#c00; text-decoration:none; }
.buttons p a:focus, .buttons p a:hover { color:#f00; text-decoration:none; }
	
.mainpage { background-color:#700; color:#ddd; font-family: 'Jockey One', 'Trebuchet MS', Verdana, Tahoma, Georgia, Arial, Tahoma, sans-serif; font-size:16px; }
.mainpage .container { background:url(../img/bg.gif); }
	.mTitle { font-size:24px; }
	.mCategory { text-align:center; }
	.mHalf { font-size:13px; line-height:10px; padding-top:10px; }
	.mItem { display:none; }
	.icon { text-align:center; line-height:28px; }
	.icoStd { background: url(../img/standard_icon.png) no-repeat; color:#500; }
	.icoHot { background:url(../img/hot_icon.png) no-repeat; color:#fff; }
	.soon { height:200px; text-align:center; }
	.flashed { color:#f00; }
.mainpage p a {color:#bbb; text-decoration:none; text-shadow: 1px 1px 1px rgba(0,0,0,0.7); }
.mainpage p a:focus, .mainpage p a:hover { color:#fff; text-decoration:none; }
	.kTitle { font-size:24px; text-align:center; }
	.kImage { text-align:center; padding-top:20px; }
	.kImage img, .kImage iframe { border:#690000 solid 20px; background-color:#690000; }
	.kLast { padding-top:20px; padding-bottom:80px; font-size:24px; text-align:center; }
	.kAdress { font-size:36px; text-align:center; }
	
	.oNormal p { padding:10px; }
	.oNormal img { border:#690000 solid 20px; margin:10px; background-color:#690000; }
	.oNormal a:hover img { border:#900 solid 20px; }
	.oNormal img.hoticon { border:none; background-color:#700; text-align:center; }
	
.footer { background-color:#100; color:#666; font-family: 'Jockey One', sans-serif; font-size:16px; }
	.fMenu { position:relative; z-index:100; text-align:center; }
	.fLegend { padding-top: 40px; }
	.fName { font-size:60px; color:#ccc; }
	.fPhone { padding-top:20px; }
	.fPhone p { padding:0; }
	.fPhone p.tel1 { font-size:30px; }
	.fPhone p.tel2 { font-size:60px; color:#333; }
	.fPhone p.tel3 { font-size:18px; color:#eee; }
	.fPhone p.wifi { margin-top:20px; }
	a.fMail { font-size:22px; font-weight:normal; color:#999; text-decoration:none; }
	a.fMail:hover, a.fMail:active { color:#ddd; }
	.fDesign { padding-top:60px; color:#222; }
	
	.footerBgL { background:url(../img/foot_l.png) no-repeat; height:300px; width:150px; position:relative; z-index:70; top:-290px; left:-65px; }
	.footerBgR { background:url(../img/foot_r.png) no-repeat; height:325px; width:180px; position:relative; z-index:60; top:-620px; left:835px; }
	.footerBg { background:url(../img/foot_a.png) repeat-x; height:150px; width:100%; position:relative; z-index:50; top:-1090px; }

.xFcbk { overflow:hidden; height:40px; display:block; }
.xFcbk a:hover img { margin-top:-40px; }

.xDesign { overflow:hidden; height:62px; display:block; }
.xDesign a:hover img, .xDesign_js img { margin-top:-62px; }

.xMenu { overflow:hidden; height:86px; display:block; }
.xMenu a:hover img, .xMenu_js img { margin-top:-86px; }

.hidden { visibility:hidden; }