@charset "utf-8";
/* CSS Document */
*{
	padding:0px;
	margin:0px;
}
html{
	background: #FFF;
}
body{
	font-family:  "Roboto Condensed" !important;
	font-size:12px;
    /*font-family: 'MyriadPro-Regular'; */
	color:#000;
	line-height:20px;
	text-align:justify;
}
strong, b {
font-weight: bold;}
.clear{
	clear:both;
}
.clear_left{
	clear:left;
}
.clear_right{
	clear:right;
}

.noidung p{
	padding-left:20px;
}
.fload_left{
float:left;
}
.fload_right{
float:right;
}
h1, h2, h3, h4, h5, h6{
	font-size:12px; 
}
img, p, ul{
	border:0px;
}
li{
	list-style:none;
}
a{
	text-decoration:none;
	outline: none;
}
select{
	outline:none;
}
table{
	border-collapse:collapse;
}

/*---------- Một số chuẩn khi cắt css và tránh lỗi IE6-------------
- Khi thêm thuộc tính margin cho thẻ phải thêm thuộc tính display:inline (trừ những thẻ không có chiều cao, rộng cố định thì không cần thiết)
- Khi thêm padding chiều nào của một thẻ phải giảm độ rộng, cao tương ứng nếu thẻ có chiều rộng hoặc cao cố định.
- Tất cả các link phải có hover
- Những button như Hủy,Gửi đặt trong thẻ input phải có thuộc tính cursor:pointer . 
- Những Title chỉ có một dòng thì tránh dùng padding-left khi muốn cách đầu dòng_ nên dùng text-indent:px và nên sét chiều rộng và thuộc tính overflow:hidden.
- Nếu thẻ <img/> đặt trong một thẻ khác mà hình ảnh quá nhỏ thì phải có thuộc tính font-size:1px trong thẻ chứa <img/>

* ---------------------------Qui tắc đặt tên--------------*/
a:hover{
	text-decoration:none;
	color:#f5113a;
}
.page{
	text-align:right;
	position:absolute;
	top:-36px;
	right:0px;
}
.page a{
	color:#006991;
	margin-right:12px;
}
.page a:hover,.page a.active{
	font-weight:bold;
	color:#f80808;
	text-decoration:none;
}
.page a img{
	vertical-align:inherit;
}
/*reset css*/
body,div,dl,dt,dd,ul,ol,li,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,th,var {font-style:normal;font-weight:normal;}
ol,ul {	list-style:none;} 
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {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;}
a{text-decoration:none}
a{ color:#000;}
p{ font-family: "Roboto Condensed" !important; line-height:24px;}
/*--------------------------------------------------------------------------------------------------*/
/*public*/


.clear{
    clear:both;
    overflow:hidden;    
}
.clearbr{
    clear:both;
    overflow:hidden;    
    visibility: hidden;
}

/* GLOBAL*/

.wrapper{
	width:980px;
	margin:5px auto;
}

.header{
	width:100%;
	margin:auto;
	height:85px;
}

.logo{
	background:url(../images/logo.png) no-repeat;
	width:234px;
	height:75px;
	float:left;
}

.flag{ 
	width:100px;
	float:left;
	height:20px;
	margin-left:600px;
}
.flag img{ 
	float:left;
	margin-left:10px;
	margin-top:5px;
}

.menu{
	width:740px;
	float:left;
	height:60px;
	margin-top:10px;
	margin-left:5px;
}
.menu ul{ margin-left:20px;}
.menu ul li{
	height:50px;
	float:left;
	padding-right:5px;
	text-transform:uppercase;
	position:relative;
	border-right:1px solid #00a651;
}
.menu ul li a{display:block; float:left; padding-right:10px; padding-left:10px; font-size:12px; text-transform: capitalize; padding-top:17px; font-weight:bold; color:#01213c; height:31px;}

.menu ul li a:hover,.menu a.active {color:#00a651; background:url(../images/iconmenu.png) bottom center no-repeat;}

.shadown1{
	background:url(../images/tt-botmenu.png) no-repeat;
	width:965px;
	height:30px;
	margin:auto;
}

.slideshow{
	width:100%;
	height:450px;
	margin:auto;
	border:2px solid #00a651;
	border-radius:5px;
}

.contain{
	width:100%;
	margin-top:35px;
}

.ct-left{
	width:650px;
	float:left;
	border:1px solid #CCC;
	box-shadow:1px 1px 5px #CCC;
	margin-bottom:10px;
	padding-bottom:10px;
	border-radius:5px;
}

.info1{
	width:100%;
	height:auto;
	float:left;
	border-bottom:1px solid #CCC;
}
.info2{
	width:100%;
	height:auto;
	float:right;
	border-bottom:1px solid #CCC;
}
.avarta{
	width:340px;
	float:left;
	height:auto;

}
.avarta2{
	width:340px;
	float:right;
	height:auto;

}
.avarta2 img{
	width:320px;
	max-height:140px;
	margin-top:20px;
	margin-bottom:20px;	
}
.avarta img{
	width:320px;
	max-height:140px;
	margin-top:20px;
	margin-bottom:20px;
}



.infosp{
	width:310px;
	float:left;
}

.title{
	width:100%;
	float:left;
	height:26px;
	background:url(../images/tt-info.png) no-repeat bottom center;
}

.title a{
	color:#00a651;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:4px;
	padding-left:10px;
	display:block;
	float:left;
}
.detail a{
	display:block;
	text-align: center;
	float:right;
	color:#999;
	font-weight: normal;
	text-transform:capitalize;
}
.detail a:hover{ color:#090; text-decoration:underline;}

.infosp p{
	color:#7a7a7a;
	padding:15px;
	height:auto;
}

.infosp2{
	width:310px;
	float:right;
}
.infosp2 p{
	color:#7a7a7a;
	padding:15px;
}


.ct-right{
	width:290px;
	float:left;
	border:1px solid #CCC;
	margin-left:20px;
	box-shadow:1px 1px 5px #CCC;
	background:#f9f9f9;
	border-radius:5px;
	
}

.top-right{
	background:url(../images/top-right.png) no-repeat left center;
	width:74px;
	height:54px;
	margin-top:-9px;
}

.top-right a{
	display:block;
	width:74px;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFF;
	text-align:left;
	padding-left:2px;
}

.ct-right img{
	margin-top:10px;
	margin-bottom:10px;
}

.shadown-bot{
	background:url(../images/tt-bot.png) no-repeat center;
	width:100%;
	height:30px;
	float:left;
}

.index-footer {
	width:100%;
	height:80px;
	background:#00a651;
	border-bottom:5px solid #46eb97;
	position:relative;
}

.footer{
	width:980px;
	margin:auto;
}

.ttfooter p{
	display:block;
	width:700px;
	float:left;
	padding-top: 55px;
	padding-left: 10px;
	color:#FFF;
	float:left;
}

.ttfooter a{
	color:#009;
	font-weight:bold;

}


.share{
	width:200px;
	float:left;
	margin-top:56px;
}
.share img{
	margin-left:10px;
}

.scrolltop{
	width:52px;
	height:61px;
	z-index:999;
	float:left;
}



/**********PROFILE****************/

.slideshow img{
	width:100%;
	height:100%;
}

.profile{
	border:1px solid #F9F9F9;
	width:100%;
	box-shadow:1px 1px 5px #CCC;
	border-radius:10px;
}

.pf-title{
	width:100%;
	height:30px;
	float:left;
	background:#11a46d;
	border-bottom:2px solid #093;
}

.pf-title span{
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	display:block;
	padding-left:30px;
	padding-top:5px;
}

.profile p{
	font-size:12px;
}

.slideimg{
	width:100%;
	height:150px;
}
.border{
	width: 916px;
	margin: 20px;
	border: 1px #00a651 dashed;
	border-radius: 10px;
	padding: 25px 10px 13px 10px;	
}

/*----------AHV-------------*/

.mn_sp {
 	width:173px;
	height:auto;
	padding:5px;
}

.mn_sp p {
	border-bottom:1px dotted #666666;	
}

.ttleft {
	width: 450px;
	float:left;
}

/*==============================================
					CONTACT
=================================================*/
.contact_form{
	margin:20px 0px;
	border-top:1px solid #11a46d;
	padding-top: 20px;
	width:500px;
	float:left;
}
#contact h3{
	margin-bottom:10px;
	padding-left:15px;
}

#contact form label{
    float: left;
    line-height: 24px;
    width:95px;
	font-weight:bold;
	margin-left:10px;
}
#contact form input, #contact form textarea{
    border: 1px solid #CCCCCC;
    float: left;
    height: 24px;
    margin-bottom: 7px;
	width:273px;
}

#contact form textarea{
	height:100px;
}
#contact form input.input_submit, #contact form input.input_reset{
	background:#11a46d;
	border:none;
	color: #FFF;
	height: 22px;
	line-height: 22px;
	margin-left: 70px;
	margin-top: 10px;
	text-align: center;
	padding-bottom:2px;
	width:68px;
	cursor:pointer;
	border-radius:5px;
}
#contact form input.input_reset{
	margin-left: 10px;
	background: #11a46d;
	color: #FFF;
	width:68px;
	
}
.map {
    border: 1px solid #CCCCCC;
	background:#fff;
	width:465px;
	height:300px;
    padding: 3px;
    float:right;
}

#contact form img{
	float:left;
}
a.mamoi{
	float:left;
	background:url(../images/capcha_btn.jpg) no-repeat left center;
	padding-left:23px;
	color:#666666;
	
    margin-top: 4px;
}
.contact_info h1{
	text-transform:uppercase;
	color:#DD7B7C;
	margin-bottom:5px;
}
.contact_info h3{
	color:#003b76;
}
#contact form input.input_captcha{
	width: 100px;
}
/****TIN TUC *****/

.item_content {
    background: url(../images/dot_border.png) repeat-y scroll 50% top transparent;
    float: left;
    margin-top: 20px;
    width: 100%;
    margin-bottom:-15px;
}

.avatar {
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    width:100px;
    height:75px;
    
}
.avatar a {display:table-cell; vertical-align:middle; text-align:center;   width:100px;
    height:75px; position:relative;
    }
.avatar img {
         width:auto;
    height:auto;
        max-width:100px;
    max-height:75px;
    }
.item {
    /*border-bottom: 1px solid #eeeeee;*/
    height: auto;
    overflow: hidden;
    padding-bottom: 20px;
    text-align: left;
    width: 430px;
	margin-left:5px;
}
.Description {
    text-align: justify;
    color:#292929;
}

.title1 {
    font-weight: bold;
    font-size: 12px;
    color: #006ebc;
    margin-bottom: 1px;
	height:84px
}
.left{
    float: left;
    clear: both;
	padding-right:20px;
}
.right {
    float: left;
    padding-left: 20px;
}
.item .title:hover { text-decoration: none; }

.item .title img {
    margin-left: 5px;
    vertical-align: middle;
}

.contact_formright{
	width:400px;
	float:left	;
	margin-left: 16px;
}
.tincungloai{
	margin:15px;
	font-weight:bold;
	font-size:15px;
	float:left;

}

.tincungloai p {
	padding:2px 0px 0px 20px;	
	font-weight:200;
	font-size:13px;
}


/***********PRODUCTS**********************/

.ct-left-pro{
	width:100%;
	float:left;
	border:1px solid #CCC;
	box-shadow:1px 1px 5px #CCC;
	margin-bottom:10px;
	padding-bottom:10px;
	border-radius:5px;
}


.ct-right-pro{
	width: 185px;
	float:left;
	border:1px solid #CCC;
	margin-left: 10px;
	box-shadow:1px 1px 5px #CCC;
	background:#f9f9f9;
	border-radius:5px;
	
}

.ct-right-pro ul li a{
	display:block;
	padding-left:7px;
	font-size:12px;
	border-bottom:1px dotted #060;
	
}

.info1-pro{
	width:100%;
	height:auto;
	float:left;
	border-bottom:1px solid #CCC;
}


.avarta-pro{
	width:640px;
	float:left;
	height:auto;

}

.avarta-pro img{
	min-width:270px;
	min-height:220px;
	margin-bottom:20px;
	max-width:635px;
	max-height:300px;
	margin-top:10px;
}


.avarta2-pro{
	width:640px;
	float:right;
	height:auto;

}
.avarta2-pro img{
	min-width:270px;
	min-height:220px;
	margin-bottom:20px;
	max-width:635px;
	max-height:300px;
	margin-top:10px;
}

  .bannercontainer {
		background-color:transparent;
		max-width:1170px;
		position:relative;
		position:relative;
		margin-left:auto;
		margin-right:auto;
	}

	.padder_wrapper { padding:0px 20px;}



  .banner{
		max-width:1170px;
		height:600px;
		position:relative;
		overflow:hidden;
   }


    .bannercontainer-simple {
		padding:0px;
		background-color:#fff;
		width:960px;
		position:relative;
		position:relative;
		margin-left:auto;
		margin-right:auto;

	}

  .banner-simple{
		width:1170px;
		height:600px;
		position:relative;
		overflow:hidden;
   }

 .fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:600px !important;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:600px !important;
	position:relative;
}

	.fullscreen-container {
		width:100% !important;
		position:relative;
		padding:0;
		height:100%;
	}
	
.thuvienhinh { padding:10px;}
.thuvienhinh h3 { padding-top:30px; }
.thuvienhinh a { padding-left:30px;}
.thuvienhinh p { padding-top:10px;}