/* BEGIN Bold */

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/Bold/OpenSans-Bold.eot');
  src: url('fonts/Bold/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/Bold/OpenSans-Bold.woff') format('woff'),
       url('fonts/Bold/OpenSans-Bold.ttf') format('truetype'),
       url('fonts/Bold/OpenSans-Bold.svg#OpenSansBold') format('svg');
  font-weight: 700;
  font-style: normal;
}
/* END Bold */



@font-face {
  font-family: 'Open Sans';
  src: url('fonts/Regular/OpenSans-Regular.eot');
  src: url('fonts/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/Regular/OpenSans-Regular.woff') format('woff'),
       url('fonts/Regular/OpenSans-Regular.ttf') format('truetype'),
       url('fonts/Regular/OpenSans-Regular.svg#OpenSansLight') format('svg');
  font-weight: normal;
  font-style: normal;
} 
  
 
 h2{

 padding-bottom:15px;
 padding-top:0px;
 }
  h2 A{

	text-decoration:none;
 }
  h2 A:hover{

 }
 
 
#payment{
width:100%;
float:left;


background:url(img/border-horiz1.gif) repeat-x 0 22px;
	padding-top:10px;
	

}

#gachngang{
width:100%;
float:left;


background:url(img/border-horiz1.gif) repeat-x 0 22px;
	padding-top:10px;
	text-align:center;

}
  #cotdai  h1{
 color:#000;
text-align:left;
display:inline-block;
background:#fff;
padding-left:15px;
padding-right:15px;
margin-top:0px;
text-transform:uppercase;
  font-size:18px;
font-weight:300;
 padding-top:0px;
}
 
   #footerlayout{
padding-top:20px;

 width:100%;
 float:left;
border-top:1px solid #ddd;
 }
  #cot1{

 width:940px;
 float:left;

 }
.pageindex{
min-height:400px;
 }
   #cotdai{

 width: 100%;
float:left;

 }
 .cotdairight{
 text-align:right;
margin-top:30px;
 }
 
 #layoutcotdai A{

   font-size:1.1em;
     color: #000;
     text-decoration:none;
 }
  #layoutcotdai A:hover{
  color:#7a7f49;
  }
   #layoutcotdai0{

 float:left;
margin-left:-20px;

}
 #cotdai #page  
  {

 float:left;
margin-left:-20px;
  }




#banner0{
width:100%;

float:left;

}
.cot0{
margin-left:0px;
}
.cotn{
margin-left:20px;
}
#banner1{
margin-top:10px;
margin-bottom:30px;
width:300px;
float:left;
text-transform:uppercase;
}
#banner1 #hinhmain
{
white-space:nowrap;
   overflow:hidden;
    width:300px;
    height:250px;

    float:left;
  } 
#banner1 #ten
{
  margin-top:20px;
    text-align:center;
    width:300px;
    height:30px;
    float:left;
    font-size:30px;
    color:#9fa46d;
  
  }
#banner1 #ten A{
color:#9fa46d;
}  
#banner1 #ten A:hover{
color:#c41230;
}  
   #layoutcotdai{

margin-top:0px;
 width:220px;
 float:left;
margin-left:20px;
margin-bottom:15px;

}

.line{
 border-bottom:1px solid #ddd;
} 



  #containerlayout { 
width:100%;
float:left;


 }
 
 
 #container { 
width: 100%;
 margin:0px auto; 
 }
  #logo { height:45px; float:left; width:100%;padding-top:0px;padding-bottom:0px;margin-top:15px;
  text-align:center;
  }
#menu { float:left; width:100%;margin : 10px 0; 

}



 #header { 
width:100%;
float:left;

margin-top:0px;
padding-bottom:0px;

}
  #header_page { 
width:100%;
float:left;
 background: #f9f9f9 url("img/vienbottom.png") bottom center repeat-x ;
height:95px;
margin-top:0px;
padding-bottom:0px;
border-bottom:1px solid #eee;


 }
 
  #mainpage { 
width:100%;
float:left;
margin-top:5px;


 }
 .mainpage { 
width:100%;
float:left;
margin-top:10px;

 }



  #footer{

	

	width:100%;
	float:left;
	height:50px;
	border-top:0px solid #ddd;
	margin-bottom:0px;
	color:#777;
	padding-bottom:50px;
	
	
 }

      #footer {
      padding-top:20px;
}     

 #cottraifoot
 {
 float:left; text-align:left; padding: 0 40px;
}


 #cotfaifoot
 {
	text-align:right;
}

 #cotfaifoot1{ 
 text-align:right;
 margin-top:10px;
 margin-right: 10px;
 }
 
  #cotfaifoot2 
 } 







.mota{
padding-bottom:20px;
}
.footer{
margin-bottom:40px;
 
} 

#headerhome{
width:100%;
float:left;

}
  
 
  #layoutcotdai #tieude{
  
    width:220px;

 height:40px;
    float:left;
     overflow:hidden;
 }
 
 #layoutcotdai #hinh{
  white-space:nowrap;
   overflow:hidden;
    width:220px;
    height:150px;
 
    float:left;
 }
 
 
 
  #layoutcotdai IMG{

   float:left;
  
  
   
  
   padding-bottom:5px;
   margin-top:10px;
   }
 
 
    
   .viewpage IMG{
   
   max-width:620px;
   padding-right:5px;
  margin-bottom:10px;	
   }
   .viewpage .header{
    LINE-HEIGHT: 1.6em;
    color:#999;
   }
    .viewpage P{
   LINE-HEIGHT: 1.9em;
   padding-bottom:0px;
     padding-top:10px;
   }
   .view, .viewpage
    {
   width:630px;
   float:left;
   margin-left:20px;
   margin-top:10px;

   }
   .viewpage ul li{
   padding-left:10px;
   background:  url("img/cham.jpg") 0px 8px no-repeat;
   }
      #pagecotdai{
  padding-left:0px;
padding-right:0px;
margin-bottom:7px;
 width:100%;
 float:left;
border-left:0px solid #f4f4f4;

 }
    #pagecotngan{
  padding-left:0px;
padding-right:0px;
margin-bottom:7px;
 width:190px;
 float:left;
background:#fff;

 }
 
  #sanpham1{
padding-left:10px;
 float:left;
 width:200px;
 background:#fafafa;
 height:300px;
 margin-top:20px;
 padding-top:20px;
 margin-left:15px;
   white-space:nowrap;
   overflow:hidden;
 }
 
 #sanpham{

 float:left;
 width:550px;
 margin-left:0px;
 padding-left:15px;
 padding-top:20px;
 
 }
  #sanpham H1{
 
  }
 #sanpham #hinh{
 
   float:left;
   width:135px;
   height:100px;
   white-space:nowrap;
   overflow:hidden;
   margin-bottom:15px;
 }
 
  #sanpham #title{
  width:390px;
  float:left;
  margin-left:10px;
margin-bottom:15px;
  min-height:110px;
  }
  #titlekhonghinh IMG{
  max-width:135px;

   
  }
   #titlekhonghinh .hinhlink
   {
   float:left;
    padding-top:6px;
    padding-right:10px;
    width:135px;
     height:80px;
     padding-bottom:10px;
   white-space:nowrap;
   overflow:hidden;
   }
   #titlekhonghinh{
  width:520px;
  float:left;
  margin-left:10px;
margin-bottom:20px;
 
  }
   #sanpham #title #titletext A,  #titlekhonghinh A{
    font-weight:700;
   font-size:14px;
     color: #08a4f9;
     text-decoration:none;
   }
   #headertext{
   line-height:1.7em;
   }
    #sanpham #title #titletext A:hover,  #titlekhonghinh A:hover{
  
     color: #ff7e00;
    
     
   
   }
#cotdai #hinhloai3{
 
   float:left;
   width:130px;
  margin-bottom:10px;
 margin-left:10px;
 margin-right:20px;
  text-align:left;
  height:135px;
 font-size:12px;
   overflow:hidden;
 }

 



	

 #here{
 width:100%;
 float:left;
 height:30px;
 text-align:right;
 color:#999;
 }

.pagingvideo{
width:600px;
color:#aaa;
text-align:left;
float:left;
margin-left:10px;
padding-top:10px;
margin-bottom:20px;
font-size:1.4em;

}
 
.paging{
color:#aaa;
width:940px;
text-align:right;
float:left;
padding-top:10px;
margin-bottom:20px;
font-size:1.9em;
font-weight:bold;

}
.paging A, .pagingvideo A{
color:#0000FF ;
}

a{
text-decoration:none;
color:#08a4f9 ;
outline: none;
}
a:hover{
color:#fa5d07;
}

.back{


color:#aaa;

font-size:2em;

font-weight:bold;
}
#cotdai  h1 A{
color:#000;
}
#cotdai  h1 A:hover{
color:#474747;
}
 /* menu vertical */
 #nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 170px;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:0px;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height :30px;
		margin-bottom : -1px;
		padding-left:10px;
		width: 170px;
		border-bottom: 0px solid #decfb5;
		background:  url("img/cham.jpg") 0px 14px no-repeat;
	}
	#nav li a{ /* all list items */
		
		width: 170px;
		border-bottom: 1px solid #decfb5;
		
	}
	#nav li ul  li{ /* second-level lists */
		background:  none;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 129px;
		margin-top : -2.35em;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 170px;
		font-weight:bold;
		display : block;
		color : #7a7f42;
		font-family:Arial,"BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
		font-size:11px;
		text-decoration : none;
		
		
		padding : 0 0.5em;
	}
	#nav  li ul li a {
		width: 170px;
		
		
		color : #7a7f42;
		font-weight:bold;
		text-decoration : none;
		background:#fff;
		border : 1px solid #eeedd5;
		
	}
	
	#nav li a:hover {
		color : #000;
		
	}
	#nav li #active{
	color:#ff7e00;
	
	}
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
  /* end */
   .content{color:#333;font:12px/1.4 "helvetica neue",arial,sans-serif; margin:0px auto;}
   #galleria{height:600px}
            .cred{margin-top:20px;font-size:11px;}
	
	
	#otherhinh{
	width:100%;
	float:left;
	
	}
	.mau{
	  background:#f8f8f8;
	}
	#otherhinh1{
	width:200px;
	float:left;
	text-align:center;
	}
	#otherhinh1 span{
	
	padding-top:10px;
	font-size:20px;
	font-weight:bold;
	}
	#otherhinh2{
	width:780px;
	float:left;
	
	}
	#otherhinh2 #otherhinhcon{
	width:135px;
	float:left;
	margin-left:15px;
	margin-top:10px;
	margin-bottom:10px;
	}
	#otherhinhcon{
	width:135px;
	float:left;
	margin-left:15px;
	margin-top:10px;
	margin-bottom:30px;
	}
	#otherhinhcon span{
	width:135px;
	float:left;
	}
	#otherhinhcon #hinh{
	width:135px;
	height:80px;
	float:left;
	 white-space:nowrap;
	overflow:hidden;
	background:#f5f5f5;
	}
	#otherhinhcon #item{
	width:145px;
	height:80px;
	float:left;
	
	}
	#otherhinhcon #item A{
	width:145px;
	height:80px;
	float:left;
	cursor:pointer;
	display:block
	}
	#otherhinhcon:hover{
	
	}
	#otherhinhcon #hinh A{
	width:135px;
	height:80px;
	
	display:block; 
	
	}
	#otherhinhcon #item a span.play { display:block; 
	
	background: url('img/video.png') -80px 25px no-repeat;
	 margin: -80px 0 0 0; 
	 height: 80px;
	 width: 135px;
	 position: relative; z-index: 100;  
	 display:block; 
	}
	
	#otherhinhcon #item a:hover span.play { display:block;
	background: url('img/video.png') 55px 25px no-repeat;
	}
	
	
	
	
	#otherhinhcon #text{
	width:135px;
	height:38px;
	overflow:hidden;
	}
	#otherhinhcon #text a{
	 color:#000;
	}
	#otherhinhcon #text a:hover{
	 color:#008ee1;
	}
	#share {
	border-bottom: 1px solid #ddd;
	padding-bottom:10px;
	}
	#sharenoline {
	padding-bottom:0px;
	}
	#dongtieude{
	margin-top:5px;
	
	
	color:#000 ;
	line-height:1.8em;
	}
	#dongtieude #line{
	background:  url("img/cham.jpg") 0px 11px no-repeat;
	padding-left:10px;
	padding-top:4px;
	}
	#dongtieude A{
	
	color:#000 ;
	}
	#dongtieude A:hover{
	
	color:#008ee1 ;
	}
	
	
	
	
		
 input[type=reset],	
 input[type=submit],
 button { font-size: 13px; padding: 5px; margin-top:10px;}

 select,
input[type=text],
 input[type=password],
 input[type=file],
 textarea { font-weight:bold;outline: 0;color: #555; padding: 5px; font-size: 15px; margin-bottom: 0px; width: 95%;margin-top:0px }
 textarea { border: 1px solid #888; }
 .error{
 color:red;
 }
  .error1{
 color:#F44D0B;
 padding-top:5px;
 margin-left:10px;
 font-weight:bold;
 }
 .review{
  font-weight:bold;
 }
 
 /*****************************************************/
 .right-footer{
	 margin-left:10px;
 }