body{
	margin:0px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:18px;
    background: white;
	
}
.cls{
	clear:both;
}
a{
	color: #0a6632;
	text-decoration:none;
}
#videohinh{
	background:#eaeaea;
	float:left;
	padding:10px;
	border-radius:16px;
	
}


#main{
	width: 1160px;
	/*max-width:100%;*/
	overflow:hidden;
    margin: auto;
}
#top{
	  margin: 0px 0;
  background: white url('../img/top.jpg') bottom repeat-x;
  
}
span.top-dt{
    display: block;
    position: absolute;
    top: 27px;
    left: 722px;
    color: #000;
    font-size: 22px;
    font-weight: bold;
}
span.top-email{
      display: block;
    position: absolute;
    top: 57px;
    left: 722px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
}
.chay{
	width: 700px;
	float: left;
}
.ngaygo{

	float: right;
	height: 100%;
	padding: 0px 5px;
}
.banner{
	width:1000px;
    margin: auto;
    position:relative;
		height:125px;
}
#menu{
	
	
    
   background: url('../img/menu.jpg') repeat-x; /* Old browsers */
    color: #404040;
    
}
.menu{
    width: 1000px;
    margin: auto;
    position: relative;
}
.clear{
    clear: both;
}
#menu ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
#menu ul li{
	float: left;
	padding: 3px 10px;
	font-weight:bold;
	margin: 4px 0px;
	transition: 0.5s;
	position: relative;
    cursor:  pointer;
	
}
/*#menu ul li:hover{
	
	background: url(../img/forward.gif) left 3px center no-repeat;
}*/
#menu ul li a{
	color: white;
	white-space: nowrap;
	text-transform:uppercase;
	font-size:14px;
}
#menu ul li a:hover{
	color: #f0ff00;
	white-space: nowrap;
}
#menu ul li ul{
    display:none;
}
#menu ul li:hover ul{
    display:block;
    width:200px;
    position: absolute;
    top:30px;
    left:-20px;
    z-index:9999;	
    padding-top:8px;
}
#menu ul li ul li{
    background:#0080FF;
    width:100%;
   	margin:1px;
}
#menu ul li ul li:hover{
    background:rgba(0,0,255,0.8);
}
#slide{
	margin:2px auto 8px auto;
	width: 1366px;
    max-width: 100%;
}
#left{
	width:228px;
	float:right;
}
#right{
	  width: 920px;
  float: left;
  padding: 0px 10px 0px 0px;
  line-height: 22px;
}
#right p img{width:600px;height:auto;}
.l-head{
      position: relative;
      background: url(../img/bg_tieude.png) center no-repeat;
      font-size:18px;
	  padding: 8px 8px 8px 8px;
      margin: 3px 0px;
      border-radius: 5px;
      cursor: pointer;
      font-weight: bold;
      color: white;
	  text-align:center;
}
ul.menuh{
	padding:0px; margin:0px;
}	
ul.menuh li{
      position: relative;
      list-style: none;
      background: url('../img/menuh.png') no-repeat;
      margin: 0 0 0 0px;
      padding: 9px 0px 8px 28px;
      transition: width 0.3s;
      cursor: pointer;
}
ul.menuh > li:hover{
    background: url('../img/menuh2.png') no-repeat;
}
ul.menuh > li > a{
    color: #383838;
    margin: 0 0 0 0px;
	font-size:16px;
}

ul.menuh li.danghien > a{
color:#fff; }
ul.menuh li:hover > a{
     color:black;
}
ul.menuh li.sub1{
    display: none;
}
ul.menuh li.sub{
      background: none;
      position: relative;
      list-style: none;
      border: thin #2B2B2B dotted;
      margin: 0 0 0 -34px;
      padding: 8px 0px 8px 15px;
      margin: 2px 0px;
      border-radius: 10px;
      transition: width 0.3s;
      width: 213px;
      cursor: pointer;
}
ul.menuh > li.sub:hover{
    width: 208px;
}
ul.menuh li.sub a{
    color: white;
}
ul.menuh li ul{
    display: none;
   
}
ul.menuh li:hover ul{
      display: block;
  position: absolute;
  top: 0px;
  left: 200px;
  width: 250px;
  padding: 0px;
  margin: 0px;
  z-index: 9999;
}
ul.menuh li ul li{
    width: 99%;
    background: #5D5D5D;
}
ul.menuh li ul li:hover{
    width: 95%;
}
ul.menuh li:hover{
     color: red;
}
.r-head{
    background: url(../img/tieude.png) left top no-repeat;
  margin-bottom: 10px;
  color: #333;
  position: relative;
  font-size: 20px;
  font-weight: bold;
  padding: 5px 29px 8px;
  text-transform: uppercase;
  overflow: hidden;
  border-bottom: thin #999 solid;
}
#phantrang{
    text-align:center;
    margin-top:15px; 
}
#phantrang a{
    padding:5px 10px 5px 10px;
    border: thin silver solid;
    margin: 2px;
}
/*b{font-weight:normal !important;}*/
#phantrang a:hover{
    padding:5px 10px 5px 10px;
    border: thin silver solid;
    margin: 2px;
    background: #22A8EB;
    color:white;
}
#dangxem{
    background: #22A8EB;
    color: white;
}
.r-head h1{
	float:left;
	clear:both;
	margin:0px;
	padding:0px;
	font-size:22px;
		white-space: nowrap;
}
#bottom{
 	box-shadow:0px 2px 0px gray;
    background: #0a6632; /* Old browsers */
	color: white;
	padding:20px 0px;
}
.foot-c{
	float: left;
	width: 330px;
	margin-right: 5px;
}
.gia{
	float:left;
	color: red;
	font-weight:bold;
}
.giagoc{
	float:right;
	color: gray;
    font-size:11px;
}
.ten{
  color: #2198D5;
  padding: 0px 0px 0px 5px;
  font-weight: bold;
}
.r-item:hover .ten{
   
    color: #000;
}
.r-item:hover .ten a{
    color: #000;
}
.mot{

    color: gray;
font-size: 11px;
margin: 5px 0px;
text-align: justify;
overflow: hidden;

}
#slider2_container img{width:740px !important;height:340px !important;}

.r-item{
width: 218px;
    float: left;
    font-size: 12px;
    color: white;
    overflow: hidden;
    height: 160px;
    margin: 5px;
    position: relative;
    transition: 0.3s;
}
.r-item img{
	  width: 100%;
    height: 120px;
}
.r-item2{
	width: 167px;
	float: left;
	font-size:12px;
	text-align: center;
	color: white;
	overflow: hidden;
	height: 170px;
	margin: 5px;
	margin-right:0px;
	padding:5px 5px;
	position:relative;
    transition: 0.3s;
	border:1px solid #202020;
}
.r-item2 img{
	width:98%;
	height:110px;
	margin:3px;
}
.r-item2:hover .ten{
    background-color: #161616;
    color: #e3e3e3;
}
.r-item2:hover .ten a{
    color: #e3e3e3;
}
.r-item2:hover{
    background: #222222;
}
.r-item2 b{color:#484848;
font-size: 15px;font-weight:bold;text-transform:capitalize;}
.r-item2 a{color:#e3e3e3;}
.chitiet{width: 755px;

margin: 5px;}
.r-item b{color:#484848;
font-size: 15px;font-weight:bold;text-transform:capitalize;}
.r-item a{    color: #0a6632;
    text-transform: uppercase;font-size:15px;}
.chitiet{width: 755px;

margin: 5px;}
.chitiet .hinhanh{float:left;}
.chitiet .hinhanh img{width:400px;}
.chitiet ul.chitiet2{margin:0 0 0 5px;float:left;}
.chitiet ul.chitiet2 li{list-style: none;
border-bottom: 1px dashed #CCC;
width: 280px;
line-height: 30px;
margin-left: 5px;
}
.chitiet ul{margin:0 0 0 5px;float:left;}
.chitiet ul li{list-style: none;

line-height: 30px;}
.chitiet ul li h1{
    padding:0px;
    margin:0px;
    font-size:15px;
	color:#FBA919;
}
.datmua{
    margin: 10px;
    padding:5px 20px;
    border:thin gray dotted;
    border-radius: 10px;
}
img.icon1{
    width: 99%;
    cursor: pointer;
    margin-bottom: 10px;
}
#l-box{
    background: #f7f7f7;
    
    margin-bottom: 7px;
    color: #555657;
	border-radius:5px;
    }










/*#########Cliser###########*/
.captionOrange, .captionBlack
        {
            color: #fff;
            font-size: 20px;
            line-height: 30px;
            text-align: center;
            border-radius: 4px;
        }
        .captionOrange
        {
            background: #EB5100;
            background-color: rgba(235, 81, 0, 0.6);
        }
        .captionBlack
        {
        	font-size:16px;
            background: #000;
            background-color: rgba(0, 0, 0, 0.4);
        }
        a.captionOrange, A.captionOrange:active, A.captionOrange:visited
        {
        	color: #ffffff;
        	text-decoration: none;
        }
        a.captionOrange:hover
        {
            color: #eb5100;
            text-decoration: underline;
            background-color: #eeeeee;
            background-color: rgba(238, 238, 238, 0.7);
        }
        .bricon
        {
            background: url(../clide/img/browser-icons.png);
        }
        
        
        /* jssor slider arrow navigator skin 02 css */
            /*
            .jssora02l              (normal)
            .jssora02r              (normal)
            .jssora02l:hover        (normal mouseover)
            .jssora02r:hover        (normal mouseover)
            .jssora02ldn            (mousedown)
            .jssora02rdn            (mousedown)
            */
            .jssora02l, .jssora02r, .jssora02ldn, .jssora02rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(../clide/img/a02.png) no-repeat;
                overflow:hidden;
            }
            .jssora02l { background-position: -3px -33px; }
            .jssora02r { background-position: -63px -33px; }
            .jssora02l:hover { background-position: -123px -33px; }
            .jssora02r:hover { background-position: -183px -33px; }
            .jssora02ldn { background-position: -243px -33px; }
            .jssora02rdn { background-position: -303px -33px; }
        
        
        /* jssor slider thumbnail navigator skin 03 css */
                /*
                .jssort03 .p            (normal)
                .jssort03 .p:hover      (normal mouseover)
                .jssort03 .pav          (active)
                .jssort03 .pav:hover    (active mouseover)
                .jssort03 .pdn          (mousedown)
                */
                .jssort03 .w, .jssort03 .pav:hover .w
                {
                	position: absolute;
                	width: 60px;
                	height: 30px;
                	border: white 1px dashed;
                }
                * html .jssort03 .w
                {
                	width /**/: 62px;
                	height /**/: 32px;
                }
                .jssort03 .pdn .w, .jssort03 .pav .w { border-style: solid; }
                .jssort03 .c
                {
                	width: 62px;
                	height: 32px;
                	filter:  alpha(opacity=45);
                	opacity: .45;
                	
                	transition: opacity .6s;
                    -moz-transition: opacity .6s;
                    -webkit-transition: opacity .6s;
                    -o-transition: opacity .6s;
                }
                .jssort03 .p:hover .c, .jssort03 .pav .c
                {
                	filter:  alpha(opacity=0);
                	opacity: 0;
                }
                .jssort03 .p:hover .c
                {
                	transition: none;
                    -moz-transition: none;
                    -webkit-transition: none;
                    -o-transition: none;
                }
#footer{
	width: 1000px;
	margin: auto;
}
#newsletter-box {
    background: #edf6ff;
    border: 1px solid #999;
    width: 591px;
    padding: 7px;
}
.blue_table th {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #0d8bf9;
    font-family: Tahoma;
    font-size: 11px;
    border: 1px solid #D5EAFF;
    padding: 5px;
}
blue_table, .blue_table td {
    border: 1px solid #D5EAFF;
    padding: 5px;
    clear: both;
}
.vhleft{
	width: 564px;
	float: left;
	margin-right: 10px;
	}
.vhright{
	width: 544px;
	float: left;
	margin-left: 10px;
	}
#videohinh h3{
    font-weight: normal;
    font-size: 20px;
    color: #1E8DC7;
    padding: 10px;
	border-radius:17px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

    }
  #bottom1{
    margin-top: 10px;
    background: #00923f;
    padding: 10px;
    color: #565656;
   }
  .foot-c h4{
      font-size: 20px;
    padding: 0px;
    margin: 10px 0px;
    }
   .foot-c  ul{
       padding: 0px 17px;
    margin: 0px 0px;
    }
    .foot-c  li a{
   color: #fff;
    font-size: 15px;
    }
    .foot-c  li{
   padding: 5px 0px
    }
    .dangkyngay{
background:#3aa8d6 !important;
padding: 10px;
width: 400px;
margin: 10px auto;

}
.inbut{
	padding:7px;
	border:thin silver solid;
	border-radius:5px;
	color:gray;
}
.btn2 {
    font-family: Arial !important;
    font-size: 16px !important;
    color: #FFF !important;
    font-weight: bold !important;
    font-style: normal !important;
    text-decoration: none !important;
    background-color: #ffa800 !important;
    background-image: none !important;
    border-width: 1px !important;
    border-color: #2b7ea0 !important;
    border-style: solid !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    -webkit-border-top-left-radius: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    border-top-left-radius: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    -moz-border-radius-topright: 0px !important;
    border-top-right-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    -moz-border-radius-bottomleft: 0px !important;
    border-bottom-left-radius: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
    -moz-border-radius-bottomright: 0px !important;
    border-bottom-right-radius: 0px !important;
    cursor: pointer;
}
#right img{
	max-width: 100%;
}
#right embed{
	max-width: 100%;
}
#right table{
	max-width: 100%;
}
@media screen and (max-width: 1159px) {
#main{
	width:1000px;
}
#right{
    width: 760px;
}
}