/*------Reset CSS-----------*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,font,img,b,u,i,ol,ul,li,fieldset,form {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
ol,ul {list-style: none;}
 
a {
    text-decoration: none;
}

a img {
    border: none;
}
 
img {
    vertical-align: center;
}
 
:focus {
    outline:0;
}
  
input[type="submit"]:hover {
    cursor: pointer;
}
.clear { clear: both;}
/*-----------End reset Css------------*/
body {
    background: #ebeae8 url(/Themes/bg.gif) repeat-x left top;
}
.wrapper{
    width: 100%;
    height: auto;
}
.header {
    width:100%;/*1020px;*/
    overflow:hidden;
    position:relative;
}
.top-header {
    height:220px;
    width:1000px;
    background:url(/Themes/banner-top.jpg) no-repeat;
    top:0px;
    position:relative;
    margin:0px auto;
}
.top-content 
{
	width:1020px;
	height:100%;
	margin:0px auto;
	overflow:hidden;
	position:relative;
}
/*--------------Menu-----------------*/
.logo {
    position: absolute;
    left: 15px;
    width: 274px;
    height: 98px;
    top:30px;
}
.slogan {
    position: absolute;
    font-family: helvetica, sans-serif;
    font-size: 16px;
    color: #F00;
    left: 370px;
    top: 30px;
    text-align: -webkit-center;
    font-weight:600;
}
.slogan > span > h4 {
    font-size:30px;
    text-transform:uppercase;
    color:#00A1FF;
    padding-bottom:10px;
}
.navigation {
    width:1000px;
    height:36px;
    background:#db2927;
    text-align:center;
    margin:0 auto;
    margin-top:5px;
}
.menu 
{
	float:left;
    height:36px;
}
.menu li {
    float:left;
    display:block;
    /*border-right:1px solid #fff;*/
    margin:0px; padding:0px;
    text-align:center;
}
.menu li:last-child {
    margin-right:0px;
}
.menu li a {
    color:#fff;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    text-transform:uppercase;
    text-align:center;
    font-weight:bold;
    padding: 11px 30px;
    line-height:36px;
    white-space:nowrap;
    border-right:1px dotted #fff;
}
.menu li a:hover { color:#fff; background:#0093dd;}
.menu li.active a {color:#fff !important; background:#0093dd;}
.boxS 
{
	float:right;
	line-height:36px;
	padding-right:22px;
}
.boxS input[type="text"] 
{
	width: 218px;
	line-height: 26px;
	border: none;
	height: 26px;
	background:#fff;
	padding:0px;
	color:#000;
	padding-left:4px;
}
.boxS input[type="submit"]
{
	display:inline-block;
	background: url(/Themes/search-icon.png) no-repeat;
	width: 35px;
	height: 26px;
	border: none;
	text-indent: -99999px;
	cursor: pointer;
}
.content {
    width:1000px;
    margin:0px auto;
    overflow:hidden;
}
.main {
    margin-top:5px;
    overflow:hidden;
    width:100%;
}
.float-left {
    float:left;
    width:255px;
    overflow:hidden;
}
.float-right {
    float:right;
    width:210px;
    overflow:hidden;
}
.float-center 
{
	float:left;
	margin-left:10px;
	overflow:hidden;
	width:735px;
}
.search-box {
    height:40px;
    width:230px;
    overflow:hidden;
    position:relative;
}
.search-box input[type="text"] {
    width:100%;
    height:40px;
    border:none;
    background:#272727;
    color:#fff;
    padding-left:8px;
}
.search {
    width:56px;
    height:40px;
    border:none;
    background:#6f8996;
    align-content:center;
    text-align:center;
    position:absolute;
    top:0px;
    right:0px;
    cursor:pointer;
}
.search img {
    text-align:center;
    width:27px;
    height:22px;
    margin-top:7px;
}

/*---------Category--------*/
.cat-title{
    width:100%;
    height:40px;
    /*background:#f37c2e;*/
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.3, #0b75b3),color-stop(0.7, #13456D));
	display: block;
}
.cat-title h3,.right-title h3,.centerTitle h3 {
    color:#fff;
    font-family: helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height:39px;
    text-transform:uppercase;
}
.list-items {
    width:255px;
    margin:10px 0px;
}
.list-items > li {
    margin-bottom: 0px;    
}
.list-items > li > a {
    font-family: helvetica, sans-serif;
    color: #fff;
    font-size: 13px;    
	padding: 0px 0px 0px 30px;
	border-bottom:1px solid #fff;
	display:block;
	font-weight:bold;
	position:relative;
	line-height:38px;
	background: #009bba;
}
.list-items > li > a:before 
{
	content:'';
	background:url(/Themes/list-style-list-product.png);
	width:13px; height:10px;
	position:absolute;
	top:13px;
	left:10px;
	z-index:10000;
}
.list-items > li > a:hover {
    background: url(/Themes/hover-bg-menu.png);
    text-decoration:underline;
}
.dropdown-menu 
{
	margin-top:0px;
}
.dropdown-menu > li 
{
	background:#009bba;
	padding: 5px 10px;
	border-bottom: 1px solid #fff;
}
.dropdown-menu > li > a 
{
	text-transform:none;
	font-weight:600;
	color:#fff;
	font-family:helvetica, Sans-Serif;
	font-size:13px;
	display:block;
	/*background:url(/Themes/bulist.png) no-repeat left;*/
	padding-left:20px;
}
.dropdown-menu > li:hover 
{
	background: url(/Themes/hover-bg-menu.png);
}
/*------slide------*/
.video 
{
	width:415px;
	float:left;
	overflow:hidden;
	height:280px;
	background:#0b75b3;
	text-align:center;
}

.slides {
    width: 1000px;
    height: 393px;
    overflow: hidden;
    margin:5px auto;
    position:relative;
    background:url(/Themes/bg-banner.png) no-repeat;
}

.slides_container 
{
	width:975px;
	height:367px;
	overflow:hidden;	
	max-width:975px;
	max-height:367px;
	margin:13px auto;
}

.loading {
    position: absolute;
    top: 0;
    right: 0;
    width: 1000px;
    height: 100%;
    background: url(/Themes/loading.gif) no-repeat center #fff;
    z-index:99;
}
.slide {
    width: 100%;
    height: 280px;
}
.slide img {
    height: auto;
    width:auto;
}
.slide-content {
    position:  absolute;
    top: 47%;
    left: 15px;
}
.slide-name, .slide-time {
    font-size: 30px;
    color: #fff;
    background: #6f8996;
    padding: 5px 10px;
    float: left;
    opacity: 0;
}

.slide-name{
	margin-bottom:10px;
}

.slide-time{
	word-spacing:7px;
}

.slides .pagination{
    position:absolute;
    bottom:20px;
    z-index:10;
    right:20px;
}

.slides .pagination li{
    display:inline;
}

.slides .pagination a{
    float:left;
    display:block;
    text-indent:-99999px;
    width:12px;
    height:12px;
    background:#fff;
    margin-right:3px;
}

.slides .pagination .current a{
    background:red;
}

/*-------box-khách hàng---------*/
.box-content 
{
	height:400px;
	overflow:hidden;
	padding:5px 0px;
}
.sp {
    width: 255px;
    height: 160px;
    overflow: hidden;
    margin-bottom: 5px;
    display: block;
}
.pic {
    overflow: hidden;
    display: block;
    position: relative;
}
.pic > img {
    width:100%;
    height:100%;
}
.overlay {
    width:100%;
    height: 360px;
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    background: url(/Themes/icon-search.png) no-repeat center rgba(0, 0, 0, 0.8);
    /*----đoạn code này tạo hiệu ứng chuyển động---*/
    -moz-transition:top 0.4s ease,opacity 0.3s ease;
	-webkit-transition:top 0.4s ease,opacity 0.3s ease;
	-o-transition:top 0.4s ease,opacity 0.3s ease;
	transition:top 0.4s ease,opacity 0.3s ease;
}
.pic:hover .overlay {
    top:-50%;
    opacity: 1;
}

.maps {
    width:222px;
    height:160px;
    border:4px solid #009cff;
    margin:10px 0px;
}
.maps > a > img {
    width: 100%;
    height: 100%;
}
.count-content
{
	margin-top:10px;
	font-family:Sans-Serif;
	font-size:14px;
	border: 1px solid #646464;
	padding:5px 0px;
}
/*--------Sản phẩm--------*/
.right-title,.centerTitle 
{
	width:100%;
    height:39px;
    display:inline-block;
    background:url(/Themes/bng_menungang.png) repeat-x top left;
    text-align:center;
}
.right-content 
{
	width:255px;
	overflow:hidden;
	display:block;
	margin:10px 0px;
	font-family:helvetica, Sans-Serif;
	font-size:13px;
}
.support 
{
	display:block;
	padding:3px 0px;
}
.support > a > img 
{
	width:24px; height:24px;
	margin-right:3px;
}
.lst-support 
{
	line-height:18px;
	padding:5px 0px;
	border:1px solid #929292;
	color:#000;
	border-radius:2px;
}
.lst-support > a > img 
{
	margin:4px 0px;
}

.list-product {
    width:100%;
    margin-top:10px;
    overflow:hidden;
}
.pr-1 {
    width:235px;
    height:275px;
    float:left;
    overflow:hidden;
    margin-right:15px;
    margin-bottom:20px;
    background:#fbf5eb;
    text-align:center;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
}
.pr-img {
    width:215px;
    height:150px;
    overflow:hidden;
    padding:10px;
}
.pr-img > a > img {
    width:100% !important;
    height:100% !important;
}
.pr-1 > a > h3 
{
	font-family:Sans-Serif;
	font-size:13px;
	padding-top:7px;
	color:#111;
}
.pr-1 > a > h3:hover {color:#2a4981;}
.pro-name {margin-top:6px;}
.pro-name a {
    color:#134560;
    font-family:sans-serif;
    font-size:14px;
    text-align:center;
    margin-top:10px;
    font-weight:bold;
}
.pro-name a:hover {
    color:#f37c2e;
}

.price
{
	font-family:sans-serif;
    font-size:14px;
    color:#000;
    padding:5px 0px;
    display:block;
    margin-top:5px;
}

.imgspct {
    width:300px;
    border: 4px solid #fff;
    margin-top: 10px;
}

.spd > a > img {
    width:260px;
}

.info-product {
	margin-top:10px;
	font-family:Sans-Serif;
	font-size:14px;
	color:#000;
	padding-left:5px;
}
.info-product > p {
	display:block;
	padding:3px 0px;
}
.info-product > p > span {
	color:#b92502;
	font-weight:bold;
	font-size:15px;
}
.info-product > p > input[type="text"] 
{
	width:60px; height:21px;
}
.booking 
{
	padding: 5px 10px;
	font-family:sans-serif;
    font-size:14px;
    color:#fff;
    background:#3c8c44;
}
.tabs > ul > li 
{
	display:block;
	border-bottom:2px dashed #fff;
	padding-bottom:5px;
}
.tabs > ul > li.active  > a,.hchg_cot2_top > span
{
	font-size:14px;
	color:#b92502;
	font-weight:bold;
	font-family:Sans-Serif;
	background: url(/Themes/bulist.png) no-repeat left;
	padding-left:20px;
	text-transform:uppercase;
}
#tab-1
{
	font-family:Sans-Serif;
	font-size:14px;
	color:#000;
	padding-top:5px;
	display:block;
}
#tab-1 > span {
	line-height:18px;
}
.view-more 
{
	padding: 5px 10px;
	margin-top:7px;
	font-family:sans-serif;
    font-size:14px;
    color:#FFF !important;
    background:#00ABCD;
    display:inline-block;
}
.view-more:hover 
{
	color:#000 !important;
}
/*--------Footer---------*/
.footer 
{
	width:100%;
	padding:30px 0px;
}
.footer-content 
{
	margin:0px auto;
	width:1000px;
	height:197px;
	background:url(/Themes/bg1footer.png);
}
.f-logo{
    float:left;
    width:255px;
}
.f-logo > a 
{
	display:block;
}
.f-logo > a > img {
    width:200px
}
.f-contact {
    text-align:center;
    font-family:sans-serif;
    font-size:14px;
    padding:10px 0px 0px 0px;
    color:#fff;
}
.f-contact h4 {
    margin-top:10px;
    font-size:28px;
    color:red;
    padding-bottom:10px;
}
.copy {
    display:block;
    width:100%;
    height:22px;
    margin:0px 0px 21px 0px;
    padding:0px;
    bottom:0px;
    background:#0b75b3;
    overflow:hidden;
    text-align:center;
}
.copy > p {
    font-family:sans-serif;
    font-size:13px;
    color:#fff;
    margin-top:4px;
}
.copy > p > a { color:#f0f3f4;}
/*-----------------------*/
.send {
    width: 120px;
    color: #fff;
    font-family: helvetica,sans-serif;
    font-size: 14px;
    border: none;
    padding: 10px 15px !important;
    background:#3b88c8 !important;
}
.send:hover {
	color: #000;
}
.info-user 
{
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0.3, #0b75b3),color-stop(0.7, #13456D));
	font-family:Sans-Serif; font-size:13px; color:#fff; margin-bottom:10px; padding:6px 10px;
}
/*-------------Liên hệ page--------------*/
.row input[type="text"] 
{
	height:35px;
	width:300px;
	padding-left:5px;
	background:#605456;
	border:none;
	margin-top:5px;
	color:#fff;
}
.form-group > label 
{
	font-family:Sans-Serif;
	font-size:14px;
}
.form-group {margin-bottom:10px;}
.row textarea  
{
	min-width:400px;
	max-width:400px;
	padding-left:5px;
	background:#605456;
	border:none;
	color:#fff; margin-top:5px;
}
.row 
{
	margin-top:10px;
}
/*-----------------News---------------*/
.news-content
{
	display:block;
	overflow:hidden;
	padding:10px 0px 10px 0px;
	border-bottom:1px dashed #fff;
}
.news-img 
{
	width:300px;
	height:160px;
	float:left;
	overflow:hidden;
	text-align:center;
	margin-right:15px;
	border:4px solid #fff;
}
.news-img > a > img,.news-img3 > img 
{
	width:100%;
	height:100%;
}
.news-info > h3 > a
{
	font-family:Sans-Serif;
	font-size:18px;
	color:#111;
	display:block;
}
.news-info > h3 > a:hover 
{
	color:#2a4981;
}
.time 
{
	font-family:Sans-Serif;
	font-size:12px;
	font-style:italic;
	color:#000;
}
.content-sapo 
{
	margin-top:5px;
}
.nav-news
{
	margin-top:10px;
	font-family:Sans-Serif;
	font-size:13px;
}
.nav-news > span > a 
{
	margin-right:10px;
	padding:4px 8px;
	background:#e87c0c;
	text-align:center;
	color:#fff;
	line-height:24px;
}
.nav-news > span > a.activepage 
{
	background:#393;
}
/*-----------news-detail--------*/
.news-info-detail 
{
	margin-top:15px;
}
.news-info-detail > h1 > span
{
	font-family:Sans-Serif;
	font-size:22px;
}
.news-date > span 
{
	color:#757575;
	font-family:Sans-Serif;
	font-size:11px;
	font-style:italic;
	line-height:18px;
}
.news-noidung { margin-top:10px; font-family:Sans-Serif; font-size:13px;}

.news-des {line-height: 16px;}
	
.detailct { width:100% !important;}

.ddimgtooltip 
{
	position:absolute;
	display:none;
	color: #fff !important;
	background: url(/Themes/bg-list-product.png) !important;
	font-family: sans-serif;
}
.ddimgtooltip > div > img 
{
	width:300px;
	height:220px;
}
.paging 
{
	display:block;
}
.paging > a
{
	padding: 5px 8px;
	background: #3b88c8;
	color: #fff;
	font-family: sans-serif;
	font-size: 13px;
	margin-right: 3px;
	line-height:24px;
}
.paging > a.activepage,.paging > a:hover
{
	background:#000;
}
/*----------Tin tức 3----------*/
.wrap_news { display:block; width:520px; overflow:hidden; margin-bottom:10px; border-bottom:1px dotted #000; padding-bottom:10px;}
.news-img3 
{
	width:194px;
	height:140px;
	border:3px solid #fff;
	overflow:hidden;
	float:left;
}
.news-info3 
{
	padding-left:10px;
	font-family:Sans-Serif;
	font-size:13px;
	float:left;
	width: 310px;
}
.news-info3 > a {color:Blue;}
.news-info3 > a:hover { color:Red;}
.wrap_news_detail 
{
	border:1px solid #757575;
	padding: 5px;
	overflow:hidden;
	background:#f6f6f6;
}
.news-cmd-list > li > a  {
	font-family:Sans-Serif; font-size:14px; color:Blue; 
	background: url(/Themes/bulist.png) no-repeat left; padding-left:20px;
}
.pagination-news { margin-top:10px;}
/*-------------------*/
.col-sm-3 > a
{
	font-family: sans-serif;
	font-size: 13px;
	margin-left: 5px;
	background: #3c8c44;
	color: #FFF;
	padding: 5px;
	position: absolute;
	margin-top:3px;
}
.contCenter1 .news-content:first-child 
{
	padding-top:0px;
}
.form-horizontal 
{
	padding:5px 10px;
	border:1px dashed #fff;
}
/*----Giỏ hàng-----*/
.table-responsive {
	margin-top: 10px;
	display: block;
	border: 1px solid #696969;
}
.table-cart 
{
	font-family:Sans-Serif;
	font-size:14px;
	color:#000;
}
.table-cart th 
{
	font-weight:normal;
}
.cart-info
{
	margin-top:10px;
	font-family: sans-serif;
	font-size: 14px;
	border:1px solid #696969;
	padding:5px;
	overflow:hidden;
}
.cart-info > h4 > span 
{
	color:Red;
	font-size:16px;
}
.cart-info > ul 
{
	display:block;
	float:left;
	margin:15px 0px 10px 0px;
}
.cart-info > ul > li 
{
	float:left;
	margin-right:5px;
}
.cart-info > ul > li > a 
{
	font-family:Sans-Serif;
	font-size:14px;
	padding:8px 12px;
	color:#fff;
	background:#3c8c44;
}
.cart-info > ul > li > a:hover 
{
	color:#000;background:#47a3da;
}
.col-sm-9 > input[type="text"],.col-sm-5 > input[type="text"]
{
	width:250px;
	height:24px;
	padding-left: 5px; font-size:13px;
}
.col-sm-9 > textarea 
{
	min-width:350px; padding-left:5px;
	max-width:350px; min-height:100px; font-size:13px;
}
.col-sm-3 { margin-top:5px;}

/*-------------------------*/
.linkweb 
{
	display: block;
	padding: 5px;
	border: 1px solid #757575;
	overflow: hidden;
	border-radius: 2px;
}
.linkweb > .select_link
{
	width:100%;
	height:28px;
}
.list_title > li  
{
	margin-bottom:8px;
	
}
.list_title > li > a 
{
	color:#131313;
	font-weight:bold;
	font-size:14px;	
	padding-left:13px;
	background: url(/Themes/bullet-arrow-right.png) no-repeat left 6px;
	display:block;
}
.list_title > li > a:hover { color:Red !important; text-decoration:underline;}