@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:700&subset=latin,vietnamese);
h1{
    font-size:1.3em !important;
    text-align: center;
    font-weight:bold;
}
a{
    text-decoration: none !important;
}
.navbar-inverse { background-color: rgb(255, 50, 50);border-radius: 0px;font-weight: bold}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #003c5a}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #003c5a}
.dropdown-menu { background-color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: rgb(255, 50, 50)}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: rgb(255, 50, 50)}
.navbar-inverse .navbar-brand { color: #FFFFFF}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
.dropdown-menu>li>a { color: #333333}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}
@media (min-width: 768px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}
.center{
    text-align:center;

}
.img-top-logo{
    float: left;
}
.top-logo .form-control{
    width: 25%;
    float: right;
    border-radius: 3px 0 0 3px !important;

}
.top-logo button{
    float: right;
    border-radius: 0 3px 3px 0 !important;
}
.top-logo form{
    margin-top: 30px;
}


/*Slider*/
#my-sliders{
background: #ffffff;
}
.bg_orange{
    background-color: #F5791F;
}
.bg_red{
    background-color: #ff3232;
}
.top-banner{
    opacity: 0.9;
    font-size: 1.2em;
    color: #ffffff;
    padding: 10px;
    line-height: 0.9;
    margin-bottom: 3px;
}
.top-banner:hover{
    opacity: 1;
}
.top-banner span{
    color:#ffffff;
    font-size: 55px;
    float: left;
}
.top-banner img{
    width: 70px;
    float: left;
    margin-top: -12px;
    margin-right: 10px;
}
.top-banner p{
}
.top-banner .banner-top-title{
    font-weight: bold;
    font-size: 1.2em;
}
.top-banner .banner-top-info{
    margin-top: 5px;

}
/*Newest*/
.panel-default{
    border-radius: 0px !important;
    margin-top: 0px !important;

}
.panel-default:hover .panel-heading{
    background-color: #003c5a;
}
.panel-default:hover .panel-heading a{
    color: #ffffff;
}

.p-title-panel{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    margin-bottom: -25px;
    margin-top: 15px;
    color: #ff3232;
    margin-left: 10px;
}
/*Left Menu*/
.a-menu a:hover{
    text-decoration: none;
    color: #337ab7;

}
.a-menu a{
    color: #0082c5;
}
/*Products*/
.info-catalog{
    margin:0 15px;
    padding: 10px;
    border: 1px solid #d6d6d6;
    box-shadow: 2px 2px 2px #d6d6d6;
}
.info-catalog img{
    max-width: 100% !important;
    height: auto !important;
        max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto !important;
}
.div-products{
    padding: 3px;
    margin: 0 0 10px 0;
    text-align: center;
}
.div-products .bt-details{
    background-color: #ff3232;
    font-size: 1.2em;
    color: #ffffff;
    text-align: center;
    padding: 10px;
    opacity: 0;
    position: absolute;
    top:20px;
    margin-left: 2px;
    width: 50%;
    transition: 0.5s all;
    border-radius: 2px;
    overflow: hidden;

}
.div-products .bt-details:hover{
    opacity: 1;


}
.div-products .bt-details a{
    color: #ffffff;
}
.div-products:hover .bt-details{
    opacity: 0.9;
    width: 80%;
    top:100px;

}

.div-products:hover{

}
.div-products .products-name{
    text-align: center;
    height: 60px;
    font-weight: bold;
    overflow: hidden;

}
.div-products .products-name a{
    font-family: 'Roboto Condensed', sans-serif;
    text-decoration: none !important;
    font-size: 1.2em;
    color: #000000;

}
.img-newest{
    width: 70px;
    position: absolute;
    top:0;
    right: 14px;
}
.img-featured{
    width: 70px;
    position: absolute;
    top:-3px;
    left: 12px;
}
.bt-img-buy-now{
    max-height: 60px;
    margin: 10px 0;
}
.dt-product-name{
    font-family: 'Roboto Condensed', sans-serif;
    text-shadow:1px 1px 1px #2d2d2d;
    font-size: 2em;
    font-weight: bold;
    color: #F85145;
}
/*Gif*/
.gif img{
    margin: 0px auto;
}
.gif{
    padding: 0px;
    margin: 0px;
}
/*Ads-Slider*/
.ads-sliders{
    margin-bottom: 35px;
}
.ads-sliders .carousel-indicators li{
    border-radius: 0 !important;
}
/*News*/
.news-contents img{
    max-height:120px;
    margin: 0px auto;
}
.title-news a{
    font-weight: bold;
    font-size: 1.1em;
}
.read-more {
    text-align: right;
    position:relative;
    bottom:0px;
    right:0px;
}
.read-more a{
    color: #F85145;

}
.pright{
    text-align: right;
    color: #F85145;
    font-style: italic;
}
.pright a{
    font-weight: bold;
}
/*Footer*/
#my-footer{
    margin-bottom: 20px;
}
.footer-img-icon{
    width: 60px;
    float: left;
}
.footer-div{
    color: #101010;
    font-size: 1.1em;
    font-weight: bold;
}
.footer-div span{
    font-size: 1.3em;
    color: #f53131;
}