/* CSS Document */

html{color:#000;}div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


body
{
	
	
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;	
	color:#000000;	
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	background-color:#ffffff;
	line-height:140%;
	
	
}



div#page
{
	margin:0 auto;	
	width:100%;
	overflow:hidden;
		
}





div#header
{
	height:150px;
	width:100%;
	background-color:#3188e9;
}
div#header div.block_header
{
	margin:0 auto;
	width:960px;
	height:150px;
	background-image:url(../imgs/header.png);
}
div#header div.block_header div.left
{
	width:200px;
	float:left;
}
div#header div.block_header div.right
{
	width:760px;
	float:left;
}
div#header div.block_header div.right div.language
{
	width:760px;
	text-align:right;
	margin-right:20px;
	margin-top:20px;
	color:#CCC;
}
div#header div.block_header div.right div.language a
{
	color:#CCC;
	text-decoration:none;
	font-weight:bolder;
	padding-left:5px;
	padding-right:5px;
}
div#header div.block_header div.right div.language a:hover
{
	color:#CCC;
	text-decoration:underline;
}
div#header div.block_header div.right div.language a.selected
{
	color:#CCC;
	text-decoration:underline;
	font-weight:bolder;
	padding-left:5px;
	padding-right:5px;
}
div#header div.block_header div.right div.top_menu
{
	width:760px;	
	
	text-align:right;
}
div#nav_bar
{
	height:51px;
	width:100%;
	background-image:url(../imgs/nav_bar.jpg);
	background-repeat:repeat-x;
	
	
}
div#nav_bar div.block_page
{
	margin:0 auto;
	width:940px;
	height:51px;
	text-align:left;
	clear:left;
	
	
}
div#slide_bg
{
	height:241px;
	width:100%;
	background-image:url(../imgs/slide_bg.jpg);
	background-repeat:repeat-x;
	clear:both;
}
div#slide_bg div.slide_img
{
	margin:0 auto;
	width:960px;
	overflow:hidden;
}
div#slide_bg div.slide_img div.left
{
	
	height:240px;
	width:300px;
	float:left;
	background-color:#eaeaea;
}
div#slide_bg div.slide_img div.right
{
	
	height:240px;
	width:660px;
	float:left;
	
}
div#slide_bg div.slide_img div.right div.block_img
{
	width:634px;
	height:224px;
	background-color:#eaeaea;
	margin-left:26px;
	margin-top:8px;
}

div#slide_bg div.slide_img div.right div.block_img img
{
	width:630px;
	height:220px;
	margin-top:2px;
	margin-left:2px;
}

div#middle
{
	margin:0 auto;
	width:959px;
	background-image:url(../imgs/middle_bg.png);
	background-repeat:repeat-y;
	overflow:hidden;
	border-right:1px dashed #b0b3b6;
	
}
div#middle div#left_col
{
	width:250px;
	
	overflow:hidden;
	float:left;
}

div#middle div#left_col div.line{
width:225px;
margin-left:10px;
margin-right:15px;
margin-top:10px;
margin-bottom:10px;

color:#2b2b2c;
border-bottom: 1px solid #9fb9d6;
padding-bottom:5px;
}

div#middle div#left_col div.support-block
{
	width:225px;	
	overflow:hidden;
	padding-left:10px;
	padding-right:15px;
	
}
div#middle div#left_col div.support-block .headerbar{

margin-bottom: 5px; /*bottom spacing between header and rest of content*/
margin-top:10px;

text-transform: uppercase;
font-weight:bolder;
font-size:14px;

color:#2b2b2c;
border-bottom: 1px dashed #2b2b2c;
padding-bottom:5px;
}
div#middle div#left_col div.support-block div.form-1
{
	
}
div#middle div#left_col div.support-block div.form-1 table
{
	
}
div#middle div#left_col div.support-block div.form-1 table tr
{
	
}
div#middle div#left_col div.support-block div.form-1 table tr td.td-1
{
	padding-bottom:5px;
	padding-right:5px;
	color:#46494c;
}
div#middle div#left_col div.support-block div.form-1 table tr td.td-2
{
	padding-bottom:5px;
	padding-right:0px;
}
div#middle div#left_col div.support-block div.mdiv.group_hotro
{
	width:200px;
	
	margin-top:10px;
	overflow:hidden;
}
div#middle div#left_col div.support-block  div.group_hotro div.item_hotro
{
	width:202px;
	overflow:hidden;
	margin-bottom:6px;
}
div#middle div#left_col div.support-block  div.group_hotro div.item_hotro div.item_hotro_left
{
	width:70px;
	
	float:left;
}
div#middle div#left_col div.support-block  div.group_hotro div.item_hotro div.item_hotro_right
{
	width:132px;
	
	float:left;
}



div#middle div#right_col
{
	width:709px;
	
	background-color:#ffffff;
	overflow:hidden;
	float:left;
	
}

/* Block Website template*/
div#middle div#right_col div.block_website_template
{
	width:710px;
	margin-left:20px;
	margin-top:15px;
	
	background-color:#FFF;
	overflow:hidden;
	
	
}

/* End Block Website template*/

div#root
{
	height:51px;
	width:100%;
	background-image:url(../imgs/root_bg.jpg);
	background-repeat:repeat-x;
	background-color:#eaeaea;
}
div#root div.block_1
{
	width:400px;
	height:32px;
	
	float:left;
	margin-left:0px;
	margin-top:3px;
	color:#7a7272;
	padding-top:13px;
}
div#root div.block_2
{
	width:400px;
	height:32px;
	
	float:right;
	margin-left:3px;
	margin-top:3px;
	margin-right:0px;
	padding-top:13px;
	color:#7a7272;
	text-align:right;
}
div#root div.block_2 a
{
	color:#7a7272;
	text-decoration:none;
}
div#root div.block_2 a:hover
{
	color:#7a7272;
	text-decoration:underline;
}






#page-wrap						{ background: white; width: 960px; margin: 0 auto; 
								  padding: 0 0; }

#slider							{ background: white url(../imgs/slide_bg3.jpg); width: 960px; height: 241px; overflow: hidden;
								  position: relative; margin: 0 0; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 100%px; position: relative; }

.slide							{ padding: 0px 20px; width: 950px; float: left; position: relative; }
.slide h1						{ font-size: 14px; letter-spacing: -1px;
								  color: #3188e9; }
.slide p						{ color: #999; font-size: 12px; line-height: 22px; width: 250px; }
.slide p a
{
	color:#338ae7;
	text-decoration:underline;
}
.slide p a:hover
{
	color:#338ae7;
	text-decoration:none;
}
.slide img						{ position: absolute; top: 10px; left: 270px; width:710px; height:220px; }



/* Vertical Menu 1 */

.arrowlistmenu{
width: 90%; /*width of menu*/
margin-left:10px;

}

.arrowlistmenu .headerbar{

margin-bottom: 5px; /*bottom spacing between header and rest of content*/
margin-top:10px;

text-transform: uppercase;
font-weight:bolder;
font-size:14px;
font-style:italic;
color:#2b2b2c;
border-bottom: 1px dashed #2b2b2c;
padding-bottom:5px;
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
	border-bottom: 1px dashed #2b2b2c;
	padding-top:8px;
	padding-bottom:8px;
	
}

.arrowlistmenu ul li a{
color: #d9d3d3;
background-image: url(../imgs/arrow_bullet_1.png);
background-repeat:no-repeat;
background-position:left;
display: block;
padding-left: 19px; /*link text is indented 19px*/


text-decoration: none;
font-weight: bold;
margin-left: 2px;



}

.arrowlistmenu ul li a:visited{
color: #d9d3d3;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #d9d3d3;
text-decoration:underline;
}




/* End Vertical Menu 1*/



/* Vertical Menu 2 */

div.vertical_menu_2
{
	width:90%;
	overflow:hidden;	
	margin-top:10px;
	margin-left:10px;
}

div.vertical_menu_2 .headerbar{

margin-bottom: 5px; /*bottom spacing between header and rest of content*/
margin-top:10px;

text-transform: uppercase;
font-weight:bolder;
font-size:14px;
font-style:normal;
color:#2b2b2c;
border-bottom: 1px dashed #242526;
padding-bottom:5px;
}

div.vertical_menu_2 div.menu_1
{
	width:100%;
	height:30px;
	overflow:hidden;
	background-image:url(../imgs/arrow_bullet_1.png);
	margin-left:2px;
	background-repeat:no-repeat;
	background-position:left;
}
div.vertical_menu_2 div.menu_1 div
{
	padding-left:15px;
	padding-top:8px;
	
}
div.vertical_menu_2 div.menu_1 a
{
	color:#e9f2fa;
	text-decoration:none;
	


}
div.vertical_menu_2 div.menu_1 a:hover
{
	color:#e9f2fa;
	text-decoration:underline;


}
div.vertical_menu_2 div.menu_1 a.selected
{
	color:#e9f2fa;
	text-decoration:underline;


}
div.vertical_menu_2 div.line_1
{
	border-bottom: 1px dashed #2b2b2c;
}
div.vertical_menu_2 div.menu_2
{
	width:100%;
	overflow:hidden;
	
	margin-top:-10px;
	margin-left:-10px;
}
div.vertical_menu_2 div.menu_2 ul
{
}
div.vertical_menu_2 div.menu_2 ul li
{
	padding-bottom:5px;
	list-style-type:square;
	
}
div.vertical_menu_2 div.menu_2 ul li a
{
	text-decoration:none;
	color:#2e2d2d;
	
}
div.vertical_menu_2 div.menu_2 ul li a:link
{
	text-decoration:none;
	color:#2e2d2d;
	
}
div.vertical_menu_2 div.menu_2 ul li a:hover
{
	text-decoration:underline;
}
div.vertical_menu_2 div.menu_2 ul li a.selected
{
	text-decoration:underline;
}


/* End Vertical Menu 2/


/* Horizontal Menu 1*/
div.horizontal_menu_1
{
	font: bold 12px Arial;
	width: 100%; /*leave this value as is in most cases*/
	overflow: hidden;
	color:#FFF;
	padding-top:40px;
	
}
div.horizontal_menu_1 ul
{
	margin: 0;
	padding: 0;
	float: right;
	margin-right:-15px;

}
div.horizontal_menu_1 ul li
{
	display: inline;
	
}
div.horizontal_menu_1 ul li a
{
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	padding-right:15px;
	padding-left:15px;

}
div.horizontal_menu_1 ul li a:hover
{
	color:#FFF;
	text-transform:uppercase;
	text-decoration:underline;
	
	
}
div.horizontal_menu_1 ul li a.selected
{
	color:#FFF;
	text-transform:uppercase;
	text-decoration:underline;
	
	
	
}

/* End Horizontal Menu 1*/



/* Block Product 1*/

div.block_1
{
	width:100%;
	overflow:hidden;
	margin-left:0px;
	margin-top:0px;
}

div.block_1 .headerbar{

margin-bottom: 20px; /*bottom spacing between header and rest of content*/
margin-top:5px;

text-transform: uppercase;
font-weight:bolder;
font-size:14px;

color:#2b2b2c;
border-bottom: 1px dashed #b0b3b6;
padding-bottom:5px;
}
div.block_1 div.block_item_1
{
	width:159px;
	height:260px;
	float:left;
	
	margin-right:70px;
}
div.block_1 div.block_item_1 div.item_1
{
	width:159px;
	height:189px;
	background-image:url(../imgs/item_mauwebsite.png);	
}

div.block_1 div.block_item_1 div.item_1 img
{
	width:152px;
	height:182px;
}
div.block_1 div.block_item_1 div.CAT
{
	
	color:#0373b6;
	font-weight:bold;
	border-bottom: 1px dashed #2b2b2c;
	margin-bottom:5px;
	padding-bottom:3px;
}
div.block_1 div.block_item_1 div.CAT a
{
	color:#0373b6;
	text-decoration:none;
}
div.block_1 div.block_item_1 div.CAT a:hover
{
	color:#0373b6;
	text-decoration:underline;
}
div.block_1 div.block_item_1 div.MaSP
{
	width:44%; float:left;
	color:#5f6163;
	font-weight:bold;
}
div.block_1 div.block_item_1 div.ButtonXemWeb
{
	width:56%; float:left;
}

/* End Block Product 1 */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.breadcrumb{
	padding-top:12px;
	margin-left:-10px;
}

.breadcrumb a{
background: transparent url(../imgs/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: navy;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: navy;
}

.breadcrumb a:hover{
text-decoration: underline;
}


/* Main Page */

div.main-page
{
	width:100%;
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	margin-bottom:10px;
	line-height:180%;
}
div.main-page p
{
	padding-bottom:8px;
}
div.main-page div.headerbar
{

margin-bottom: 20px; /*bottom spacing between header and rest of content*/
margin-top:-5px;

text-transform: uppercase;
font-weight:bolder;
font-size:14px;

color:#2b2b2c;
border-bottom: 1px dashed #b0b3b6;
padding-bottom:5px;
}
div.main-page div.content
{
	text-align:justify; padding-right:20px; margin-top:-8px;
}

/* End Main Page*/

/* Page Services */
div.page-service
{
	width:100%;
}
div.page-service div.item
{
	width:40%;
	float:left;
	margin-right:50px;
	margin-bottom:35px;
}
div.page-service div.item img
{
	width:300px;
	height:200px;
}
/* End Page Services*/

/* Page Website Design */
div.page-website-design
{
	
}
div.page-website-design a
{
	text-decoration:none;
	color:#3188e9;
	
	background-image:url(../imgs/icon_1.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:15px;
	padding-bottom:5px;
	padding-top:5px;
	font-size:14px;
}
div.page-website-design a:hover
{
	text-decoration:underline;
	color:#3188e9;
	font-size:14px;
	
}
div.page-website-design div.in-block
{
	
	border-top-color:#c8cbd1;
	border-top-style:solid;
	border-top-width:1px;
	border-bottom-color:#c8cbd1;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
/* End Page Website Design */

/* Form lien he */
div.form_lien_he
{
	width: 650px;
	overflow:hidden;
}
div.form_lien_he div.form_left
{
	width:95px;
	float:left;
	margin-bottom:5px;
	text-align:right;
	padding-right:5px;
	font-weight:bold;
	color:#575d61;
}
div.form_lien_he div.form_right
{
	width:550px;
	float:left;
	margin-bottom:5px;
}
div.form_lien_he div.form_right input.text_box_1
{
	width:350px;
}
div.form_lien_he div.form_right textarea.textarea_1
{
	width:350px;
	height:150px;
}

/* End Form lien he */

/* Page Customers*/
div.page-customers
{
	width:690px;
	overflow:hidden;
}
div.page-customers div.headerbar
{

margin-bottom: 20px; /*bottom spacing between header and rest of content*/
margin-top:20px;

text-transform: uppercase;
font-weight:bolder;
font-size:14px;

color:#2b2b2c;
border-bottom: 1px dashed #b0b3b6;
padding-bottom:5px;

}
div.page-customers div.item
{
	width:680px;
	overflow:hidden;
}
div.page-customers div.item div.left
{
	width:360px;
	height:160px;
	float:left;
	border-color:#b1ceea;
	border-style:solid;
	border-width:1px;
}
div.page-customers div.item div.left img
{
	width:360px;
	height:160px;
}
div.page-customers div.item div.right
{
	width:290px;
	height:160px;
	float:left;
	padding-left:20px;
}
div.page-customers div.item div.right div.text-1
{
	color:#3188e9;
	padding-bottom:30px;
	padding-top:10px;
	font-size:14px;
}
div.page-customers div.item div.right div.text-2
{
	padding-top:10px;
}
div.page-customers div.item div.right div.text-2 a
{
	color:#3188e9;
	text-decoration:underline;
}
div.page-customers div.item div.right div.text-2 a:hover
{
	color:#3188e9;
	text-decoration:none;
}
/* End Page Customers*/


/* Slide imgs*/
div#slide_bg_2
{
	height:241px;
	width:100%;
	background-image:url(../imgs/slide_bg.jpg);
	background-repeat:repeat-x;
	clear:both;
}
div#slide_bg_2 div.slide_2
{
	margin:0 auto;
	width:960px;
	
}
div#slide_bg_2 div.slide_2 div.left
{
	width:250px;
	height:241px;
	background-color:#d7dce7;
	float:left;
}
div#slide_bg_2 div.slide_2 div.left div.tieu_de
{
	padding-left:10px;
	padding-top:10px;
	padding-bottom:5px;
	
	text-transform:capitalize;
	border-bottom-style:groove;
	border-bottom-color:Black;
	border-bottom-width:1px;	
	color:#3c3d3f;
	font-weight:bolder;
}
div#slide_bg_2 div.slide_2 div.left div.noi_dung
{
	padding-right:10px;
	
}
div#slide_bg_2 div.slide_2 div.left div.noi_dung ul
{
	margin:0px;
	padding:0px;
	margin-left:30px;
	padding-top:10px;
	
}
div#slide_bg_2 div.slide_2 div.left div.noi_dung ul li
{
	padding-bottom:5px;
	list-style-type:circle;
	
}
div#slide_bg_2 div.slide_2 div.left div.noi_dung ul li a
{
	color:#325eed;
	text-decoration:none;
}
div#slide_bg_2 div.slide_2 div.left div.noi_dung ul li a:hover
{
	color:#325eed;
	text-decoration:underline;
}
div#slide_bg_2 div.slide_2 div.right
{
	width:710px;
	height:241px;
	
	float:right;
}
/* End Slide imgs*/