@import url(http://fonts.googleapis.com/css?family=Raleway);
html, body {
	height:100%;
}
body {
	width:80%;
	margin:0 auto;
	background:url(./Hinh/bg.png);
	font-family:Times New Roman, Arial, Helvetica, sans-serif;
	font-size:150%;
	line-height:1em;
	color:#000000;background-size: cover; 
}

#banner {
	width:100%;
	margin:0 auto;
	height:80px;
	background:url(./Hinh/bn2.png) repeat-x;
	font-family: Comic Sans MS, Courier New Bold Italic, Georgia Bold,Times New Roman;
	padding-top: 20px;
	font-size: 40px;
	}
#banner:hover {
   background-image: url('./Hinh/rain.gif');
   }
#footer {
	width:100%;
	margin:0 auto;
	height:50px;
	background: url(./Hinh/ft5.jpg) repeat-x;
	float: right;
	}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu {
  width: auto;
  border-bottom: 3px solid #1791D2;
  font-family: Times New Roman, sans-serif;
  line-height: 1;
}
#cssmenu ul {
  background: #ffffff;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right > ul > li > a {
  margin-right: 0;
  margin-left: -4px;
}
#cssmenu > ul > li > a {
  z-index: 2;
  padding: 18px 25px 12px 25px;
  font-size: 25px;
  font-weight: 400;
  text-decoration: none;
  color: #444444;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  margin-right: -4px;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
  color: #ffffff;
}
#cssmenu > ul > li > a:after {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 120%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  content: "";
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform: perspective(5px) rotateX(2deg);
  -webkit-transform-origin: bottom;
  -moz-transform: perspective(5px) rotateX(2deg);
  -moz-transform-origin: bottom;
  transform: perspective(5px) rotateX(2deg);
  transform-origin: bottom;
}
#cssmenu > ul > li.active > a:after,
#cssmenu > ul > li:hover > a:after,
#cssmenu > ul > li > a:hover:after {
  background: #1791D2;
}


.container {
	margin:0 auto;
	width:100 %;
	overflow:hidden;
	font-size:.875em;
	padding-bottom:176px;
}

aside {
	width:219px;
	float:left;
	margin-right:30px;
	padding:5px 0 0 0;
}
.fleft {
	float:left;
}
.fright {
	float:right;
}
.clear {
	clear:both;
}
.col-1, .col-2, .col-3 {
	float:left;
}
.alignright {
	text-align:right;
}
.aligncenter {
	text-align:center;
}
.wrapper {
	width:100%;
	overflow:hidden;
}
.wrap {
	height:auto !important;
	height:100%;
	min-height:100%;
	background:url(../images/tail-middle.jpg) repeat-y center 194px;
	min-width:940px;
}
p {
	margin-bottom:16px;
	line-height:1.5em;
}


a.cate:link {color:#006caa;}      /* unvisited link */
a.cate:visited {color:#006caa;}  /* visited link */
a.cate:hover {color:#ff7b01;}  /* mouse over link */
a.cate:active {color:#ff7b01;}  /* selected link */ 

a {
	/*color:#ff7b01;*/
	color:#006caa;
	outline:none;
}

a:hover {
	text-decoration:none;
}


h1 {
	text-indent:-9999px;
}
h1 a {
	width: 572px; /*473px;*/
	height:63px;
	position:absolute;
	left:0;
	top:104px;
	background:url(../images/logo.jpg) no-repeat left top;
}
h2 {
	font-size:24px;
	line-height:1.2em;
	text-transform:uppercase;
	margin-bottom:20px;
	color:#1791D2;
}
h2 span {
	color:#8d8d8d;
}
h3 {
	font-size:20px;
	line-height:1.2em;
	text-transform:uppercase;
	margin-bottom:15px;
}
h4 {
	font-size:1em;
	color:#008cc4;
	margin-bottom:5px;
}
h4 a {
	color:#008cc4;
	text-decoration:none;
}
h4 a:hover {
	color:#ff7b01;
}
.txt1 {
	color: #006CAA;
	font-weight:bold;
	font-size:25px;
}
.link {
	position:absolute;
	right:0;
	top:159px;
}

#content .inside {
	padding:22px 20px 0 29px;
}
#content .inner_copy, #content .inner_copy a {
	border:0;
	float:right;
	background:#000;
	color:#ff7b01;
	width:100%;
	line-height:10px;
	font-size:10px;
	margin:-50% 0 0 0;
	padding:0;
}

a {
	outline:none;
}


ol.sb_menu2 li{
	line-height:1.5em;
	
}

ol.bullet li {
	padding: 4px 0 4px 0px;
	margin-left:12px;
	padding-top: 10px;
    text-decoration: none;
	line-height: 1.5em;
	text-align:justify;
	
	
}
ul{ 
list-style-image:  url('./Hinh/bl.png');
 }
ul.sb_menu2 li{
	line-height:1.0 em;
	
}

ul.bullet li {
	padding: 0px 0 4px 0px;
	margin-left:17px;
	text-decoration: none;
	line-height: 1.5em;
	text-align:justify;
	
}



#footer2 {
	width:100%;
	margin:0 auto;
	height:50px;
	background: url(./Hinh/ft2.jpg) repeat-x;
	float: right;
	}

#ppi{
	width:35%;
	margin:0 auto;
	height:auto;
	float: right;
    }	
#ppc{
	width:60%;
	margin:0 auto;
	height:auto;
	float: left;
    }
#fbk{
   background-image: url('./Hinh/fbi1.png');
   height: 50px;
   background-repeat: no-repeat;
   }
 
#fbk:hover {
   background-image: url('./Hinh/fbi.png');
}
#youtubei{
   background-image: url('./Hinh/youtubei.png');
   height: 50px;
   background-repeat: no-repeat;
   }
#youtubei:hover {
   background-image: url('./Hinh/youtubeihover.jpg');
   }
#Gsr{
   background-image: url('./Hinh/GoogleS1.jpg');
   height: 50px;
   background-repeat: no-repeat;
   }
#Gsr:hover {
   background-image: url('./Hinh/GoogleS2.jpg');
   }
#Rg{
   background-image: url('./Hinh/rg1.png');
   height: 50px;
   background-repeat: no-repeat;
   }
#Rg:hover {
   background-image: url('./Hinh/rg2.png');
   }

.mycursor {
        cursor: url("./Hinh/openbook.png"), auto;
   }