body,.navmobi, ul, li, a  {margin: 0; padding: 0;}
a {text-decoration: none; }
.copy {
    float:left;
}
.truycap {float:right;}
.toggleMenu {
    display:  none;
    background: #fff; width:100px; text-align:center;
    color: #fff; line-height:100px; float:right;font-size:14px; text-transform:uppercase; height:60px;
}
.pagination a {
    margin: 5px;
}
.box_news h3 {
    font-weight: bold;
}
.tieude-phai {
        background: #b40000;
    padding: 7px 0;
}
.tieude-phai h1{
   margin-left: 5px;
    color: #fff;
}
.titpro h1 {
    font: bold 12px/28px Tahoma;
    color: white;
    display: inline-block;
    height: 28px;
    background-color: #0012ff;
    margin: 0;
    float: left;
    text-transform: uppercase;
    padding: 0;
}
.navmobi {
    list-style: none;
     *zoom: 1;
     background:#a64630;; width:100%; margin-top:70px;
}
.navmobi:before,
.navmobi:after {
    content: " "; 
    display: table; 
}
.navmobi:after {
    clear: both;
}
.navmobi ul {
    list-style: none;
    width: 9em;
}
.navmobi a {
    padding: 10px 15px;
    color:#fff;font-size:14px;text-transform:uppercase
}
.navmobi li {
    position: relative;
}
.navmobi > li {
    float: left;
    border-bottom: 1px solid #b8543d;
}
.navmobi > li > .parent {
    background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.navmobi > li > a {
    display: block;
}
.navmobi li  ul {
    position: absolute;
    left: -9999px;
}
.navmobi > li.hover > ul {
    left: 0;
}
.navmobi li li.hover ul {
    left: 100%;
    top: 0;
}
.navmobi li li a {
    display: block;
    background: #a37954;
    position: relative;
    z-index:100;
    border-top: 1px solid #d7af8b;font-size:14px;
}
.navmobi li li li a {
    background:#bd9e70;
    z-index:200;
    border-top: 1px solid #cfb389;
}
		code {
			display: block;
			background-color: #eee;
			padding: 2em;
			overflow: scroll;
			white-space: nowrap;
		}		
		.meta {
			margin: 0 0 40px 0;
			font-size: 0.8em;
		}
		
		#demo-1 {
			position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
			overflow: hidden; /* to bound the empty top space created by inner element's top margin */
			width: 100%;
			min-height: 450px;
			background-color: #999;
                margin-bottom: 10px;
		}
		.demo-inner-content {
			position: relative; /* if position is not set, the script will set it to 'relative'. */
			z-index: 2; /* if z-index is not set, the script will set it to '2'. */
			margin: 180px auto;
			padding: 40px;
			max-width: 600px;
			color: #fff;
			text-align: center;
			font-size: 1.5em;
		}
		.demo-inner-content h1 {
			font-size: 2.5em;
			margin: 0;
		}
.box-colection {
 margin-bottom: 10px;
 width:100%;
 float:left;
}
.widget-container {
 margin-bottom: 10px;
     width: 100%;
    float: left;
}
.quangcao img {max-width:100%;}
.logof img {max-width:100%;}
.images_sanpham_in img:hover {
-webkit-transform:scale(1.2); transform:scale(1.2);
}
.images_sanpham_in img {
-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
}
.header-title {
    background: url(../images/mn2.png) repeat-x;
    margin: 0 0 10px 0;
}
.detail_pro .title_pro_hot2 {
    margin-bottom: 10px;
}
.header-title .modtitle{
    color: #fff;
    font-size: 16px;
    line-height: 32px;
}
#menu-v li, #menu-v a {zoom:1;} /* Hacks for IE6, IE7 */
#menu-v, #menu-v ul
{
    width: 100%; /* Main Menu Item widths */
    border: 1px solid #ccc;
    border-top:none;
    position: relative; font-size:0;
    list-style: none; margin: 0; padding: 0; display:block;
    z-index:9999;
}
                
/* Top level menu links style
---------------------------------------*/

#menu-v li
{
    background: #012D58;
    list-style: none; margin: 0; padding: 0;
        text-align: left;
}
#menu-v li a
{
    font: normal 12px Arial;
    border-top: 1px solid #ccc;
    display: block;
    /*overflow: auto; force hasLayout in IE7 */
    color: #fff;
    text-decoration: none;
	font-weight:700;
    line-height:36px;
    padding-left:5px;  
	/*background-image:url(../images/arrow.gif);*/
    background-repeat: no-repeat;
    background-position: 97% 50%;
}

#menu-v ul li a
{
    line-height:36px;
	color: #fff;
}
                
#menu-v li a.arrow:hover
{
	color: #fff !important;
    background-image:url(../images/arrow.gif);
    background-repeat: no-repeat;
    background-position: 97% 50%;
}
        
/*Sub level menu items
---------------------------------------*/
#menu-v li ul
{
    position: absolute;
    width: 250px; /*Sub Menu Items width */
    visibility:hidden;
}
        
#menu-v a.arrow
{
    background-image:url(../images/arrow.gif);
    background-repeat: no-repeat;
    background-position: 97% 50%;
}
#menu-v li:hover a:hover, #menu-v li.onhover a:hover
{
color:#fff;
}
#menu-v li:hover, #menu-v li.onhover
{
	background:#1b53b2;
	color:#fff;
    background-position:0 -62px;
}
#menu-v ul li
{
    background: #1b53b2;
    background-image:none;
}
#menu-v ul li:hover, #menu-v ul li.onhover
{
    background: #1b53b2;
	color:#fff;
    background-image:none;
}       
/* Holly Hack for IE \
* html #menu-v  li
{
    float:left;
    height: 1%;
}
* html #menu-v  li a
{
    height: 1%;
}*/
/* End */
.widget-container {
        text-align: left;
}
.textwidget .media {
    padding-bottom: 5px;
    border-bottom: 1px dotted #ccc;
    overflow: hidden;
    margin-top: 5px;
}
.textwidget .media img {
width: 65px;
    height: 65px;
}
.box_price_once {
        color: #ee0003;
        font-weight: bold;
}
.ndhome {
    float:left;
}
.media-object {
    display: block;
}
.textwidget h4 {
    font-size: 18px !important;
    line-height: 13px !important;
    min-height: 40px;
}
.media-heading a {
    color: #333 !important;
    font-size: 13px !important;
    font-weight: bold;
    line-height: 18px;
    font-family: Arial !important;
}
.titpro {
    background-image: url(../images/title-left-bg.png);
    background-position: top left;
    background-repeat: no-repeat;
    height: 28px;
    padding-left: 28px;
    margin-top: 10px;
}
.titpro h2 {
    font: bold 12px/28px Tahoma;
    color: white;
    display: inline-block;
    height: 28px;
    background-color: #0012ff;
    margin: 0;
    float: left;
    text-transform: uppercase;
    padding: 0;
}
.titpro span.rightTitle {
    display: inline-block;
    width: 57px;
    height: 28px;
    background: url(../images/left-title-bg.png) no-repeat;
        float: left;
}
.titpro h2 a {
    color: #fff;
}
/*.images_sanpham_in > a.news-image {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-top: 67%;
    overflow: hidden;
    background-color: #dddddd;
}
.images_sanpham_in > a.news-image > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
}*/
.chitiett {width:100%;float:left;}
.detail_share {width:100%;float:left;margin-top:10px;}
.box_container {width:100%;float:left;}
.chitiett img{width:100% !important;height: auto !important;}
@media screen and (max-width: 1900px) {
    .active {
        display: block;
    }
    .navmobi > li {
        float: none;
    }
    .navmobi > li > .parent {
        background-position: 95% 50%;
    }
    .navmobi li li .parent {
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .navmobi ul {
        display: block;
        width: 100%;
    }
   .navmobi > li.hover > ul , .navmobi li li.hover ul {
        position: static;
    }

}