﻿/* 
    Document   : style
    Created on : Sep 24, 2011, 10:01:08 AM
    Author     : imrebel
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body{
    margin:0px auto;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;font-size:75%;
}
a{
    text-decoration: none;
}
a.active{
    background: url(images/link_active.png) no-repeat bottom center transparent;
}
.hidden{
    display: none;
}
.msg_list {
    margin: 0px;
    padding: 0px;
    line-height: 16px;
}
.about_box{    
    float: right;
    width: 300px;
}
.about_box h3{
	background: url(images/gradient_1.gif) top left repeat-x;
	color: #FFF;
	text-align: left;
	font-size: 14px;
	padding: 8px 20px;
	margin:0px !important;
        border-top-right-radius:7px;
        border-top-left-radius:7px;
}
.about_box .add{
	background: #FFF url(images/shadow_content_bg.gif) top left repeat-x;
	border: 1px solid #d3d3d3;
	padding: 10px 20px;
        border-bottom-right-radius:7px;
        border-bottom-left-radius:7px;        
}
.about_box .add h4{
    font-weight: bold;
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 3px 0px 0px;
	color: #2174b8;
	font-size:12px;
}
.vimeo{
    float: right;
    margin-top: 10px;
    border-radius:7px;
}
.vimeo_easyclean{
    float: right;
    margin-top: 10px;
    border-radius:7px;
}
.bold{
    font-weight: bold;
}
.msg_head {
    background: url(images/blue_arrow.gif) 0px 4px no-repeat;
    padding: 0px 10px;
    cursor: pointer;
    position: relative;
    margin:1px;
    line-height: 18px;
    color: #000;
}
.msg_head:hover{
    color: #0000FF;
}
.msg_body {
    padding: 5px 10px 15px 30px;
}
.page_title{    
    margin-bottom: 10px;       
    padding-top: 15px;
    font-size: 17px;    
    clear: both;
}
.maincontent{
    margin:0px 0px 10px 0px;
    background-color: #fff !important;    
   
    height: auto;
    padding-top: 20px;
    behavior: url(/css/PIE.htc);
   float:left;
   width:1000px;
}
.maincontent .content{
   
    position: relative;
    min-height: 450px;
}
.maincontent .content h2{
    font-size: 19px;
    font-weight: lighter;
    margin-bottom: 10px
}
.maincontent .left_col{
    float: left;
    width: 580px;
    padding-left: 30px;
}
.maincontent .right_col{
    float: right;    
    width: 380px;
    padding-left: 0px;
    padding-right: 0px;   
    color:#666666;
    padding: 0px 0px 0px 0px;
}
.maincontent .right_col .title_intro{
    font-size: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    margin: 15px 0px;
}
.maincontent .right_col .first{
    margin-top: 0px !important;
}
.description{
    font-size: 13px;
    line-height: 25px;
}

.maincontent .left_col .nav_faq{
    margin-bottom: 10px;        
}
.maincontent .left_col .nav_faq h3{
    font-size:17px;
    font-weight: bold;    
    padding:5px 0px 5px 20px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    background-color: #0b3e99;    
    color: #FFF;        
    behavior: url(/css/PIE.htc);
}
.maincontent .left_col .nav_faq ul{
    
    border: 1px solid #c7c7c7;
    font-size: 12px;
    padding-left: 25px;    
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
   
}
.maincontent .left_col .nav_faq ul li{
    height: 22px;
    display: block;
}
.maincontent .left_col .nav_faq ul li a{
    color: #666;
}
.maincontent .left_col .nav_faq ul li a:hover{
    color: #000;
}
/* for page */
  #page,#page_mausac{
      color:#666;
      text-align: justify;
  }
  #page strong,#page h3,#page_mausac h3{
        margin-bottom: 20px;
        margin-top: 15px;
        display: block;
    }
   #page ul,#page_mausac ul{
        margin:10px 30px;
    }
#page p{
        line-height: 19px;
}
#page_mausac p{        
        line-height: 17px !important;
        margin-bottom: 10px
} 
#page_mausac h2{
    display: block !important;
    margin-bottom: 30px;
    margin-top: 10px;
}
#page_mausac .list_kienthuc{
    display: block;
    clear: left;
    margin: 0px !important;
}
#page_mausac .list_kienthuc li{
    float: left;
    width: 145px;
    display: block;
    text-align: left;
    margin-bottom: 20px;
}
#page_mausac .list_kienthuc li a{
    color: #666;
}
#page_mausac .list_kienthuc li img{
    display: block;
    margin-bottom: 20px;
}
.font_language_red, .font_language_blue,.font_language_green, .font_language_yellow, .font_language_violet,.font_language_orange{
        color: #AD2426;    
        font-size: 12px;
        font-weight: bold;
        margin: 4px 0px;
        display: block;
    }    
.font_language_blue {
    color: #1F8ACF;    
}
 .font_language_yellow {
    color: #E4C531;    
}
 .font_language_violet {
    color: #4E0061;   
}
 .font_language_green {
    color: #9ABB2F;    
}
 .font_language_orange {
    color: #B17636;
}
 .font_language_red {
    color: #AD2426;    
}
.font_title_water,.font_title_land,.font_title_wood,.font_title_metal,.font_title_fire{
    font-size: 22px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 15px !important;
}
.font_title_land {
    color: #E3D21E;        
}
.font_title_wood {
    color: #8DC63F;  
}

.font_title_metal {
    color: #FCD021;    
}
.font_title_fire {
    color: #881B17;        
}
.font_title_water {
    color: #207D9B;    
}
    
    /* end page*/
    
#nav,#footer,#slides,#noithatdep,#hotro_box,#tintuc_akzo,#slides2{
    margin: 0px 0px 10px 0px !important;    
}
#box_tool a{
    color: #000;
}
.logo {text-decoration:none !important; display:block; width:130px;margin-left:10px;float: left}
.logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }

#nav{                
        height: 40px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;        
        background: url(images/header.png) no-repeat;
        padding-top: 10px;            
        behavior: url(/css/PIE.htc);
}
nav {
    float:right;
    padding-top:5px;
}
nav li{
	display:inline;
	float:right;
	margin-left:25px;
        margin-right: 10px;
}
nav li a{
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}
nav li a:hover{    
    
    color: #dfdfdf;
}

/* Footer */
#footer{        
    border-radius: 4px; 
    height:40px;
    background-color:#fff;
    position: relative;
    color:#7c7c7c;    
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
    behavior: url(/css/PIE.htc);
}
#footer .link_to_akzo{
    background:url(images/footer.png) no-repeat transparent; 
    position: absolute;
    top:10px;
    left: 20px;
    display: block;
    width: 120px;
    height: 30px;
}
#footer a{
      color:#7c7c7c;
}
#footer ul li{
    display: inline;
    padding:0 4px;
    width: 40px;
    background:url(images/bkg_pipe.gif) no-repeat 100% 50%;
}
.footer_link{
    position: absolute;
    left: 200px;
    top:15px;
    font-size: 11px;    
}
.footer_link li.last{
    background-image: none !important;
}
.copyright{
    position:absolute;
    right: 15px;
    top:30%;
    font-size:11px;
}

/* End footer*/

.main_khonggianbe{
    background: url(images/khonggianbe.png) no-repeat transparent !important;  
    margin-left: 0px;
}
.main_colorbook{
    background: url(images/colorbook.png) no-repeat transparent !important;    
    background-color: #fff !important;
    margin-left: 0px;
}
.main_sondulux{
    background: url(images/sondulux.png) no-repeat transparent !important; 
    background-color: #f2f2f2 !important;
}
.main_camhung{
   background-image: url(images/camhung.png)!important;
   background-repeat: no-repeat;
}
.main_nhathau{
    background: url(images/nhathau.png) no-repeat left transparent !important;  
    
}
.main_colorbook,.main_sondulux,.main_camhung,.main_nhathau,.main_khonggianbe{        
    height: 149px;            
    background: -moz-linear-gradient(center top , #FAFAFA 50%, #F2F2F2) repeat scroll 0 0 transparent;
    border-color: #E5E5E5 #DBDBDB #D2D2D2;
    border-radius: 4px;
    border-style: solid;    
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
    margin-bottom: 10px;
    behavior: url(/css/PIE.htc);    
}
.main_colorbook:hover,.main_sondulux:hover,.main_camhung:hover,.main_nhathau:hover,.main_khonggianbe:hover{
     box-shadow: 0 2px 3px rgba(49, 105, 168, 0.75);
}
.main_colorbook h3,.main_sondulux h3,.main_camhung h3,.main_nhathau h3,.main_khonggianbe h3{        
    margin-left: 10px;
    font-size: 14px;
    margin-top: 7px;
    font-weight: bold;
    margin-bottom: 5px;    
}
.des1,.des2{
    font-size: 12px;
    margin-top:0px;
    margin-left: 10px;
    color:#666;
}
.des2{
    width: 105px;
}

/* Slides */
#slides,#slides2{	
	width:950px;	
        padding:0px;
	z-index:0;				
	border: 1px solid #fff;
        border-radius:4px;        
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);        
}

.slides_container {
	width:950px;
	height: 150px;
	overflow:hidden;	
	display:none;	
}
#slides .slides_container{
    height:346px !important;
    width:950px;	
    overflow:hidden;	
    display:none;
}
/*
	Each slide
	Important:
	Set the width of your slides
	Offeset for the 20px of padding
	If height not specified height will be set by the slide content
	Set to display block
*/

#slides .slide,#slides2 .slide {	
	width:950px;	
	display:block;
	height:150px;	
}

#slides .slide{
    height: 346px !important;
}
#slides .next,#slides .prev {
	position:absolute;
	top:150px;
	left:20px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}
#slides .next {
	left:910px;
}

#slides2{
    position: relative;
}
#slides2 .xemthem{
    position: absolute;
    background-image: url(images/xemthemhover.png);
    width:99px;
    height: 21px;
    cursor: pointer;
    left: 75px;
    top: 115px;
}
#slides2 .xemthem:hover{
    cursor: pointer;
    background-image: url(images/xemthem.png);
}
/*
	Pagination
*/
.pagination {
        position: absolute;
	margin:26px auto 0;
	width: 100px;
        text-align: center;
        bottom: 10px;
        left:425px;
        z-index: 1000;
}

.pagination li {
	float:left;
	margin:0 1px;
        display: block;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/* Noi that dep */
#noithatdep{
    height:175px;    
    border: 1px solid #fff;
    border-radius:4px;
    background: url(images/noithatdep.png) no-repeat 95% 50%transparent;
    background-color: #e3e3e3;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}


/* Page cau hoi thuong gap */

#hotro_box,#tintuc_akzo{    
    height: 158px;
    border-radius:4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
    background-color: #fff;    
    behavior: url(/css/PIE.htc);
}
#tintuc_akzo{
    height: 30px;
    text-align: center;
}
#hotro_box ul{
    margin-top: 15px;
}
#tintuc_akzo ul{
    margin: 5px 0px;
}
#tintuc_akzo li{    
    display: inline-block;    
    text-align: center; 
    width: 100px;
}
#tintuc_akzo li a{
    display: block;
    height: 32px;  
    font-size: 12px;
    color: #666;
}
#tintuc_akzo li a.active{
    background: url(images/bg_activelink.png) bottom center no-repeat;
    z-index: 100;
}
#hotro_box li{
    float: left;
    display: inline;    
    text-align: center;    
}
#hotro_box li a{
    display: block;
    height: 151px;  
    font-size: 12px;
    color: #666;
}
#hotro_box li a.active{
    background: url(images/bg_activelink.png) bottom center no-repeat;
    z-index: 100;
    
}
#hotro_box li a:hover{
    color: #000;
}
#hotro_box .box_3_first {
    padding-left: 195px !important;
}
#hotro_box .box_3{
    padding-left: 105px !important;
}

#hotro_box .box_4{
    padding-left: 105px;
}

#hotro_box .box_5_first{
     padding-left: 65px !important;
}
#hotro_box .box_5{
    padding-left: 70px !important;
}

#hotro_box ul li a img{
    margin-bottom: 10px;  
    display: block;
}
/* Tim nha thau page */

#timnhathau{
    background: url(images/bg_timnhathau.png) no-repeat right bottom transparent;
    height: 450px;    
}
#timnhathau .content,#timdaily .content{    
    width: 50%;
    color: #666;
}

#timdaily{
    background: url(images/bg_timdaily.png) no-repeat 90% 25% transparent;
    height: 450px;    
}
#timnhathau .description,#timdaily .description{
    font-size: 12px;
    line-height: 20px;
}
.nhathau{
    position: relative;
    margin-top: 10px;
    margin-bottom: 25px;
    float: left;
    margin-right: 10px;
    /*width:1000px;*/
    height: auto;
}
.nhathau span{
  
    display: block;
    line-height: 10px;
    padding:5px;
    background-color:transparent;
    color:#d7d7d7;
    text-align:center;
}
.nhathau ul{
    margin-left: 0px;
    margin-top:-2px;
    
}
.nhathau ul li{
    display: block;
    padding-left: 10px;
    color:#737373;
}
.nhathau ul li a{
    display: block;
    padding:0;
    margin:0 auto;
    color:#737373;
    float:left;
}
.nhathau a{
    /*padding-left: 20px;
    padding-right: 20px;*/
    color:#439AB5;
    font:bold 14px arial; color:#737373;
}
.nhathau ul li.name{
    font-weight: bold;
    font-size: 14px;
}
.nhathau ul li.name strong{
    font-weight: normal;
    font-size: 14px;
    float:left;
    padding-left:10px;
}
.nhathau table tr td{border:1px solid #dcdcdc; }
.nhathau td strong
{
       font-weight: normal;
    font-size: 14px;
    float:left;
    padding:10px;
     }
/* page list san pham */
#list_sanpham{
    min-height: 450px;
}
.groupson{
    clear: both;
    font-size: 22px !important;
    background:url(images/canco.png) no-repeat transparent;
    z-index: 1000;
    padding-left: 80px;
    height: 50px;
    padding-top: 5px;
    margin-top: 0px
}
.sanpham{
    display: block;
    float: left;
    width: 240px;
    margin:10px 20px 40px 20px;
    padding-right: 10px;
    position: relative;
    padding-bottom: 30px;
    height: 320px;
}
.sanpham a{
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: bold;
    color:#000;
}
.sanpham .image{
    text-align: center;
    width: 100%;
    display: block;
}
.sanpham .image img{
    height: 196px;
}
.sanpham .description{
    margin-top: 10px;
    font-size: 12px;
    color:#666;
}
.sanpham a.more{    
    font-size: 11px !important;
    color: #455d9c
}
.sanpham span.border_right{
    position: absolute;
    top: 30px;
    height: 250px;
    right: 0px;
    display: block;
    width: 1px;
    background-color: #ccc;
}
.sanpham span.border_bottom{
    position:absolute;
    bottom: 0px;
    left: 25px;
    width: 200px;
    display: block;
    height: 1px;
    background-color: #ccc;
}
/* End list san pham*/

/* Page san pham chi tiet*/
.sanpham_detail{
position: relative;
}
.sanpham_detail ul li a{
    color: #666;
}
.sanpham_detail ul li.active a{
    color: #000;
}
.sanpham_detail .detail{
    width: 530px;
    padding-right: 50px;
    float: left;
    display: block;
    
}
.sanpham_detail .detail .description{
    margin-bottom: 25px;
    padding-top:15px;
    color:#666;
    font-size: 13px;        
}
.sanpham_detail .detail .msg_list {
    margin: 0px;
    padding: 0px;    
}
.sanpham_detail .detail .msg_head {
    background: url(images/arrow_black.png) no-repeat center left transparent;        
    cursor: pointer;
    position: relative;            
    
    border-bottom: 1px dotted #666;
    font-size: 15px;
    font-weight: bold;
    padding: 7px 0px 7px 10px;
    margin-bottom: 5px;
    
}
.sanpham_detail .detail .msg_head:hover{
    color: #000;
}
.sanpham_detail .detail .msg_body {
    padding: 5px 10px 15px 30px;
}


.sanpham_detail .detail .trigger{
    border-bottom: 1px dotted #666;
    font-size: 15px;
    font-weight: bold;
    padding: 7px 0px 7px 10px;
    margin-bottom: 5px;
    background: url(images/muiten.png) no-repeat left transparent;
   
}
.sanpham_detail .detail .trigger a{
     color:#000;
}
.sanpham_detail .tuvan{
    margin-top: 25px;
    margin-bottom: 7px;
}
.sanpham_detail .tieuchuan{
    padding-left: 15px;
}
.sanpham_detail .image_detail{    
    margin-top: 30px;
    width: 290px;
    float: right;
    max-height: 420px;
    overflow: hidden;
    text-align: center !important;    
}
.sanpham_detail .image_detail img{
    width: 200px;    
}
.sanpham_detail .image_detail img:hover{
    width: 290px;
    z-index: 1000;
}
.sanpham_detail .image_detail a.vimeo{
    margin-top: 10px;
    background:url(images/bg_tvc.jpg) no-repeat;    
    height: 100px;
    width: 100px;    
    margin-right: 80px;
}
.sanpham_detail .image_detail a.vimeo_easyclean{
    margin-top: 10px;
    background:url(images/bg_tvc_easyclean.jpg) no-repeat;    
    height: 100px;
    width: 100px;    
    margin-right: 90px;
}
/* End Page chi tiet san pham */

/* Page pháº§n memefm tĂ­nh sÆ¡n*/
#frmcal{
    width: 75%;
}
.paint_box	{
	padding: 0;
	margin: 0;
	border: 1px solid #b3b3b3;
	-moz-border-radius: 0;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
        color: #777777;
        
}
.paint_box h5{
	background: #efefef;
	color: #777777;
	padding: 10px 20px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-size: 12px;
	border-bottom: 1px solid #d8d8d8;
}

.paint_box	input	{
	-moz-border-radius: 3px;
	border: 1px solid #b3b3b3;
	padding: 2px;
	color: #4a93be;
	font-family: Arial;
	font-size: 12px;

}

.paint_box	input:focus	{
	-moz-border-radius: 3px;
	border: 1px solid #4a93be;
	padding: 2px;
	font-family: Arial;
	font-size: 12px;
}

.paint_select	{
	/*--Bottom right rounded corner--*/
	-moz-border-radius-topright: 7px;
	-khtml-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-topleft: 7px;
	-khtml-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;
	background: url(images/gradient_3.gif) bottom left repeat-x;
	padding: 15px 20px;
	border-top: 1px solid #b3b3b3;
	border-left: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	position: relative;
        background-color: #fff;
}

.paint_btn	{
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 7px;
	-khtml-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 7px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 7px;
	-khtml-border-radius-bottomleft: 7px;
	-webkit-border-bottom-left-radius: 7px;
	background: url(images/gradient_3.gif) bottom left repeat-x;
	padding: 15px 20px;
	border-bottom: 1px solid #b3b3b3;
	border-left: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	position: relative;
        background-color: #fff;
}

.paint_btn input	{
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #26acc0;
	color: #FFF;
	padding: 5px 20px;
	font-weight: bold;
	border: 0;
	cursor: pointer;
}

.paint_btn input:hover	{
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #13899b;
	color: #FFF;
	padding: 5px 20px;
	font-weight: bold;
	border: 0;
}

.paint_select	select	{
	float: right;
	padding: 1px;
	position: absolute;
	right: 20px;
	top: 12px;
	font-family: Arial;
	font-size: 12px;
	color: #777777;        
}


/* End page  pháº§n má»m tĂ­nh sÆ¡n */
.menudropdown{
    margin-top: 10px;
    margin-bottom: 0px;
}
.menudropdown UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.menudropdown UL  LI {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.menu_head {
	BORDER-BOTTOM: #998675 1px solid; BORDER-LEFT: #998675 1px solid; BORDER-TOP: #998675 1px solid; BORDER-RIGHT: #998675 1px solid
}
.menu_body {
	BORDER-BOTTOM: #998675 1px solid; BORDER-LEFT: #998675 1px solid; WIDTH: 206px; DISPLAY: none; BORDER-RIGHT: #998675 1px solid;min-height:20px;max-height:200px;overflow-y:auto;overflow-x:hidden;
}
.menu_body LI {
	BACKGROUND: #FFFFFF
}
.menu_body LI.alt {
	BACKGROUND: #FFFFFF
}
.menu_body LI A {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; DISPLAY: block; COLOR: #000000; TEXT-DECORATION: none; PADDING-TOP: 5px
}
.menu_body LI A:hover {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; DISPLAY: block; COLOR: #000000; TEXT-DECORATION: none; PADDING-TOP: 5px;background-color:#0CF;
}

/* Page the gioi cua be */

#thegioicuabe .showimage{
    float: left;    
    width: 750px;
    text-align: center;
    margin-bottom:30px;
}
#thegioicuabe .showimage h4{    
    width: 200px;
    display: inline-block;
    float: left;
    text-align: left;
}
#thegioicuabe .kieuphong{
   float: right;
   width: 110px;
   height: 100px;   
   text-align: center;
}
#thegioicuabe .kieuphong ul{
    display: block;
	list-style: none;
}
#thegioicuabe .kieuphong li{
    display: block;
    margin-bottom: 16px;
    margin-top: 15px;    
}

/* Ngoai that */
#ngoai_that{
    padding-bottom: 20px;
}
#ngoai_that ul li a{color:#999;}
#ngoai_that ul li.active a{
    color:#0d41b2;
    font-weight: bold;
}
#slide_ngoaithat{
    margin-top: 40px;
    float: right;    
    width: 730px;   
    text-align: center;
    color: #999;
}
.scroll{
    float: left;
}

#slide_ngoaithat .slides_container{
    height:440px;
    width:596px;	
    overflow:hidden;	
    display:none;
    margin: auto;
}


#slide_ngoaithat .slide{	
	width:596px;	
	display:block;
	height:440px;	        
}
#slide_ngoaithat .slide img{
    width: 580px;    
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);    
    padding: 2px;
    border: 1px solid #ccc; 
}

#slide_ngoaithat p.name{
    margin-top: 15px;    
    font-weight: bold;
}

#slide_ngoaithat .next,#slide_ngoaithat .prev {
	position:absolute;
	top:220px;
	left:190px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}
#slide_ngoaithat .next {
	left:860px;
}
/* page mau nha dep noi that*/


#tintuc .listtintuc{
    width: 570px;
    float: left;
}
#tintuc .listtintuc ul{
    list-style: none;
}
#tintuc .listtintuc ul li{
    margin-bottom: 15px;
    position: relative;
    min-height: 110px;
}
#tintuc .listtintuc ul li a{
    font-size: 13px;
    font-weight: bold;    
    width: 440px !important;
    display: block;
    color:#134F8C;
}

#tintuc .listtintuc ul li p{
    width: 440px;
    padding-top: 10px;
}
#tintuc .listtintuc ul li img{
    position: absolute;
    top: 0px;
    right: 0px;
}
#tintuc .listtintuc ul li .xemtiep{
    font-weight: normal;    
    display: inline;
}
#tintuc h1{
    color:#134F8c;
    margin-bottom: 15px;
}
#tintuc .description p{
    margin: 10px 0px;
    text-align: justify;
}
#tintuc .description p.center{
    text-align: center;
}

/*page sticker */
#slide_sticker{
    margin-top: 20px;
    float: left;    
    width: 760px;   
    text-align: center;
    color: #999;
}

#slide_sticker .slides_container{
    height:440px;
    width:760px;	
    overflow:hidden;	
    display:none;
    margin: auto;
}


#slide_sticker .slide{	
	width:740px;	
	display:block;
	height:420px;	        
}
#slide_sticker .slide img{
    width: 320px;    
    height: 417px;    
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);    
    padding: 2px;
    border: 1px solid #ccc; 
}
#slide_sticker .slide img.first{
    margin-right: 30px;
}

#slide_sticker p.notice{        
    width: 420px;
    float: right;
    color: #000;
    margin-bottom: 20px;
    margin-right: 30px;
        
}

#slide_sticker .next,#slide_sticker .prev {
	position:absolute;
	top:220px;
	left:0px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}
#slide_sticker .next {
	left:720px;
}

#sticker .kieusticker{
   float: right;
   width: 110px;
   height: 100px;   
   text-align: center;
}
#sticker .kieusticker ul{
    display: block;
}
#sticker .kieusticker li{
    display: block;
    margin-bottom: 16px;
    margin-top: 15px;    
    color: #000;
}
#sticker .kieusticker li img{
    margin-top: 5px;
}