/* CSS Document */

@font-face {
     font-family: OpenSans;
    src: url(../font/OpenSans-CondBold.ttf);
}
@font-face {
    font-family: OpenSans1;
    src: url(../font/OpenSans-CondLight.ttf);
}
@font-face {
    font-family: Avo;
    src: url(../font/UTMAvo_0.ttf);
}
*{
	margin:0;
	padding:0;
}
body{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	background:#000;
}
img{
	border:0;
}
ul{
list-style:none;
}
a{
	text-decoration:none;
	font-weight:bold;
}
.e1{
background:url(../images/e1.jpg) no-repeat;
width:12px;
height:25px;
display:block;
float:left;
 background-size: 12px 25px;
 padding-left:10px;
}
.tab_intro ul li a{
font-size:14px;
font-weight:bold;
}
.bottom_dm .tab_intro ul li
{
font-size:14px; text-transform:uppercase;
float:left;
margin:auto;
width:inherit;
}
.boxon{
float:left;
margin-left:5px;
background:linear-gradient(#c3c2c2,#e3e3e2,#3d3937);
border:1px solid #333;
color:#000;
text-align:center;
padding:5px 6px;
font-size:14px;
margin-top:10px;
}
.search p{
float:left;
color:#FFFFFF;
text-decoration:underline;
padding-top:5px;
}
.search{
clear:both;
display:block;
float:right;
margin-top:10px;
}
.search input[type='text']{
float:left;
border:0;
padding:4px 10px;
margin-left:10px;
}
.tk{
background:url(../images/timkiem.png) no-repeat;

display:block;
float:left;
margin-left:10px;
border:0;
 background-size: 23px 23px;
 width:23px;
 height:23px;
}
.box_h{
position:absolute;
background:rgba(0,0,0,0.8);
width:100%;
height:240px;
display:block;
z-index:10000;
left:0;
top:0;
display:none;
transition:all .5s ease-out;
font-weight:100;
}
.box_h h4{
padding-top:10px; padding-left:10px;
padding-bottom:10px;
}
.box_h p{
color:#FFFFFF;
padding-top:5px;
padding-left:10px;
}
.bottom_dm{
margin-left:-16px;
margin-right:-41px;
}
.bottom_dm ul li a:hover .box_h{
display:block;
}
ul.dropdown                         { position:relative; z-index:2; margin-top:0px; padding-left:10px; list-style:none;}
ul.dropdown li                      {  float: left; color:#FFF; line-height:30px;}
ul.dropdown a:hover		            { color:#333333; }
ul.dropdown a:active                { color: #333333; }

ul.dropdown li a                    { display: block; padding: 2px 20px;
	 								  color:#fff; line-height:25px; font-size:12px; text-transform:uppercase; float:left;}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { color: #1d354d;; position: relative; }
ul.dropdown li.hover a              { color:#1d354d; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0; font-size:11px; list-style:none;}
ul.dropdown ul li 					{ font-weight: normal; color: #000000; height:33px; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; padding: 0px 15px; text-transform:capitalize; font-weight:normal;} 



/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

#containner{
width:1000px;
margin:60px auto;

}
#header{
background:url(../images/bg_header.jpg) no-repeat;
width:996px;
height:58px;
display:block;
}
#header ul li{
float:left;
margin-left:5px;
margin-right:5px;
padding-top:20px;
}
#header ul li a{
color:#FFFFFF;
}
#header ul li a:hover{
color:#FFFF00;
}
#header ul{
float:right;
}
#sidebar{
float:left;
width:212px;
background:url(../images/bg_left.jpg) repeat-y;
float:left;
}
.box_side{
width:88%;
margin:auto;
margin-top:10px;
}
.slogan{
padding:10px 0;
}
.slogan ul li{
padding:15px 0;
clear:both;
}
.slogan ul li h4{
font-size:14px;
color:#FFFFFF;
text-align:right;
float:right;
font-weight:100;
}
.i_vuong{
width:5px;
height:5px;
display:block;
background:#fff;
margin-top:11px;
margin-right:8px;
margin-left:8px;
float:left;

}
.vuongleft{
float:right;
margin-top:7px;

}
#selectp{

bottom:20px;
border:1px solid #fff;
padding:3px 7px;
left:0;
width:99%;
}
.navsibar{
margin-top:20px;
}
.navsibar ul{
margin:0px;
}
.navsibar li{

background:url(../images/bg_tableft2.jpg) no-repeat;

height:29px; width:194px;
    margin-top: 22px;
}
.navsibar ul li h4{
 padding-left: 30px;
    padding-top: 4px;


color:#FFFFFF;

}
.navsibar ul li h4 a{
padding-left:10px;
}
.navsibar ul li a:hover h4{
color:#CC0000;
}
.logo img{
width:100%;

}
#content{
float:right;
width:74%;
overflow:hidden;
}
.marquees img{
margin-top:10px;
width:100%;
}
.intro{
width:55%;
margin:auto;
display:block;
}
.bottom_ft{
float:right;
}
.bottom_dm ul li{
float:left;
width:46%;
margin-left:1%;
margin-right:1%;
margin-top:10px;
margin-bottom:10px;
position:relative;
}
.bottom_dm #homes ul li{
width:auto;
margin:inherit;
}
.bottom_dm{
margin-left:inherit;
margin-right:inherit;
}
.tab_content{
border-bottom:1px solid #636465;
padding-bottom:35px;
margin-bottom:10px;
}
.tab_content h4{
color:#CC3300;
float:left;
border-bottom:2px solid #CC3300;
text-transform:uppercase;
}
.tab_content ul li{
float:left;
padding:0 5px;
margin:10px 0;
}
.tab_content ul li a{
color:#FFFFFF;
font-weight:100;
font-size:14px;
text-transform:uppercase;
}
.bottom_dm ul li img{
width:100%;
display:block;
height:240px;;
}
.bottom_dm ul li h4{
color:#FFFFFF;
padding-top:5px;
}
.home{
clear:both;
margin-top:10px;
}
.nav{
clear:both;
float:right;
}
.nav a{
color:#FFFFFF;
}
.foot{
clear:both;
margin-top:480px;
background:url(../images/bg_footer1.jpg) no-repeat;
width:996px;
height:90px;
 bottom:0;
 padding-top:10px;
}
.foot p{
color:#FFFFFF;
line-height:20px;
padding-left:243px;
}
#dm_chitiettin{
padding-top:10px;
}
.left_details{
width:55%;
float:left;
margin-top:10px;
height:490px;
position:relative;
}
#etalage .etalage_thumb_image{

}

.left_details img{
width:100%;
}
.right_details{
width:40%;
float:right;
color:#FFFFFF;

}
.right_details h3{
font-family:opensans1;
font-size:30px;
font-weight:600;
border-bottom:1px dashed #ccc;
}
.right_details h5{
color:#666666;
text-decoration:line-through;
font-weight:100;
}
.right_details p{
padding-top:5px;
text-align:justify;
color:#fff;
line-height:20px;
}
.right_details h2{
font-family:opensans1;
font-size:37px;
font-weight:100;
padding-top:10px;
color: red;
}
.mota{
padding-top:10px;
position:relative;
}
.mota ul li{
clear:both;
}
.mota ul li h4{
font-family:opensans1;
font-size:16px;
float:left;
color:#444;
}
.mota ul li p{
font-family:opensans1;
font-size:16px;
font-weight:100;
overflow:hidden;
padding-left:5px;
color:#999999;
}
.size{
background:#f5f5f5;
padding:5px;
margin-top:10px;
}
.size label{
font-family:opensans1;
font-size:16px;
}
.size select{
width:30%;
border:1px solid #ccc;
padding:2px;
}
.buy{
padding-top:10px;
padding-bottom:10px;
overflow:hidden;
}
.buy ul li{
clear:both;
padding:5px 0;
}
.buy ul li:nth-child(1){
margin-top:10px;
}
.buy ul li label{
font-family:opensans1;
font-size:16px;
font-weight:100;

}
.buy ul li input[type="text"]{
width:10%;
overflow:hidden;
margin-left:2%;
border:1px solid #ccc;
padding:5px;
}
.tt{
padding:10px;
border:1px solid #ccc;
border-radius:5px;
clear:both;
margin-top:10px;
overflow:hidden;
}
.tt ul li{
clear:both;
padding:5px 0;
}
.tt ul li label{
float:left;
font-family:opensans1;
font-size:14px;
font-weight:100;
color:#555;
}
.tt ul li h4{
background:#a4bc51;
padding:2px 7px;
border-radius:4px;
border:1px solid #444;
overflow:hidden;
float:right;
font-family:opensans1;
font-size:14px;
font-weight:100;
color:#FFFFFF;
}
.top_more{
clear:both;
padding:10px 20px;
float:left;
background:#ed721f;
}
.top_more h4{
color:#FFFFFF;
font-family:opensans;
font-size:18px;
}
.more_detais{
clear:both;
border:1px solid #ccc;
padding:10px;
background:#fff;
position:relative;
margin-bottom:11px;
}
.more_detais img{
width:60%;
}
.more_detais p{
font-size: 14px;
    line-height: 26px;
    text-align: justify;
}
.box_select{
border: 1px solid #fff;
    padding: 8px;
    overflow: hidden;
    /* margin-left: 14px; */
    /* width: 160px; */
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;

}
.box_select h4{
color:#FFFFFF;
padding-bottom:5px;
}
.box_select .e_r{
float:left;
margin-left:5px;
margin-top:5px;
color:#FFFFFF;
}
.box_select .e_r input{
margin-top:2px;
margin-right:5px;
line-height:20px;
float:left;
}
.box_select .e_r p{
float:left;
}
.bottombox{
    height: 10px;
    border: 1px solid #fff;
    margin-left: 5px;
    margin-right: 5px;
}
.box_select input[type='text']{
width:70%;
float:left;
padding:2px 5px;
}
#submit{
background:linear-gradient(#fff,#eee);
padding:3px 10px;
margin-left:5px;
border:1px solid #ccc;
}
.tab_intro{
clear:both;
border-bottom:1px solid #eee;
overflow:hidden;
padding-top:10px;
}
.tab_intro h4{
color:#FFFFFF;
}
.tab_intro .left_intro{
float:left;
border-bottom:3px solid #eee;

}
.tab_intro  ul li a{
font-size:14px;
font-weight:bold;
}
.tab_intro .left_intro h4{
font-size:14px;
text-transform:uppercase;
font-weight:bold;
}
.tab_intro .right_intro{
float:right;
}
.tab_intro .right_intro h4{
text-align:right;
font-weight:100;
}
.dm_tin img{
width:100%;
margin-top:10px;
}