@import url('fontawesome/font-awesome.css');
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic&subset=latin,vietnamese);
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500&subset=latin,vietnamese);
/* DEFAULTS
----------------------------------------------------------*/
body , applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn,ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
 center,p,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th,
*{
    margin: 0px;
    padding: 0px;
}
body 
{
    
    font-size: 13px;
    /*font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-family:Arial, Helvetica, Verdana, sans-serif;*/
    font-family: "Roboto",Arial,Helvetica,Geneva,sans-serif;
    margin: 0px auto;
    padding: 0px;
    color:#020202;
    min-width:1024px;
}
img{border:none;}
.wapper-all{width:100%; margin:auto; }
.wapper-main{margin:0 auto;}
.clr{clear:both;}
a{text-decoration:none;}
ul{list-style:none;}
/* 1. HEADER
----------------------------------------*/
.wapper-header{ height:84px; margin:auto;}
.in-header{width:985px; margin:auto;padding:0;/*border-top:4px solid #2b2d39;*/}
.logo{float:left; width:104px}
ul.social-right{width:881px; float:right;list-style:none; margin-top:15px;text-align:right;}
ul.social-right li{display:inline-block;}
ul.social-right li h1{text-align:left; color:#0080c6; text-shadow:2px 2px 2px #ccc;font-size:18px;width:798px;}
/* NAVIGATION MENU
--------------------------------------*/
#nav {
	background:#0080c6;
    display: inline-block;
    list-style: none outside none;
    margin: 0;
    padding-left:50px;
    position: relative;
    float:left; width:935px; margin-top:10px;
    z-index:999;
}
#nav li {
	float: left;
	position: relative;
	list-style: none;
	/*transition: all 0.3s ease-out 0s;*/
	transition: all 0.6s ease 0s;
}

/* main level link */
ul#nav li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding:  13px 15px;
	margin: 0;
	font-size:14px;
	transition: all 0.6s ease 0s;
}
#nav a:hover {
	background: #0080c6;
	/*border-radius:0px;*/
}
/* main level link hover */
#nav .current a, #nav li:hover > a {
	background: #6ccff6 ;
	color: #fff;
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #FFF;
}
#nav ul a:hover {
	background:#0080c6 !important;
	color: #fff !important;
}
/* dropdown */
#nav li:hover > ul {
	display: block;
}
/* level 2 list */
#nav ul {
	display: none;
    z-index:12;
	margin: 0;
	padding: 0;
	width: 220px;
	position: absolute;
	top: 45px;
	left: 0;
	background:#6ccff6;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav ul a {
	font-weight: normal;
	padding:5px 15px !important;
}

/* end menu */
/* 2. CONTENT
--------------------------------------*/
.main-content{float:left; width:681px;}
.in-main-wrapper{width:985px; margin:0 auto ;padding:0;}
.slider-wrapper{margin:0 auto 10px auto;width:985px;}
/* SERVICES
---------------------------*/
ul.hover-block li{
	list-style: none;
	float: left;
	width: 217px;
	height: 300px;
	position: relative;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	margin: 0px 10px 0 0;
	z-index:50;
}
ul.hover-block li a {
	display: block;
	position: relative;
	overflow: hidden;
	width: 217px;
	height: 300px;
	color: #000;
	margin: 0px;
	text-decoration: none; 
}
ul.hover-block li .hover-content{
	position: absolute;
	z-index: 1000;
	height:300px;
	color: #fff;
	cursor: pointer;
	padding-right: 10px;
	padding-bottom: 5px;
	top: 207px;
	padding-left: 10px;
	margin: 0px;
	padding-top: 5px;
	transition: all 0.6s ease 0s;
	text-align:justify;
}
ul.hover-block li:hover .hover-content{top:0px;}
ul.hover-block li .hover-content h2{
	color: #fff;
	font-size:14px;
	padding:7px 0 7px 0;
	text-transform:uppercase;
	font-weight:normal;
}
ul.hover-block li img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	z-index: 500;
	width:217px; height:210px;
}
.b-red{
	background: #ed3b3b;
	color: #fff;
	display: inline-block;
	cursor: default;
	margin: 3px 0;
}

.b-red:hover{
	background: #e02121;
}
.b-blue{
	background: #0080c6;
	color: #fff;
	display: inline-block;
	cursor: default;
	margin: 3px 0;
}
.b-green{
	background: #6ccff6;
	color: #fff;
	display: inline-block;
	cursor: default;
	margin: 3px 0;
}
.b-black{
	background: #2b2d39;
	color: #fff;
	display: inline-block;
	cursor: default;
	margin: 3px 0;
}
.boder-red{border:1px solid #ed3b3b;}
.boder-black{border:1px solid #2b2d39;}
.boder-blue{border:1px solid #0080c6;}
.boder-green{border:1px solid #6ccff6;}
.sidebar{float:left; width:283px;}
.title-side{font-size:18px; color:#fff; text-transform:uppercase; padding:10px 10px; margin:0px; width:100%; }
.title-side span{background:url(../images/arrow.png) 0 3px no-repeat; padding-right:30px;}
.new-home{width:651px; margin-top:10px;}
.new-up{float:left; padding:10px; margin-bottom:10px;margin-top:0;}
.new-up li.left{width:649px;}
.new-up li.right{width:281px;}
.new-up li .img-new{float:left; width:130px;padding-right:15px;}
.new-up li .img-new img{width:130px; height:100px;}
.new-up li .img-new-right{float:left;padding-right:5px;}
.new-up li .img-new-right img{width:70px; height:59px;}
.new-up li.img-tv{text-align:center; width:280px;}
.new-up li.img-tv img{max-width:281px;}
.new-up li h3.new-des{font-weight:normal; width:649px;padding-bottom:5px;}
.new-up li .title-right{color:#2b2d39;padding-bottom:5px; }
.new-up li .new-des i{padding-right:5px; font-size:14px; }
.new-up li{margin:5px 0px; list-style:none; display:block;float:left;}
.new-up li  .date{font-size:11px; color:#2b2d39}
.new-up li a{color:#0080c6;}
.new-up li a i{color:#0080c6; font-size:14px; padding-right:5px;}

.sagscroller{
height:256px;
overflow:hidden;
position:relative;
width:301px;
margin-bottom:10px;
}
.sagscroller .new-up{
position:absolute;
	top: 0px;
	left: 0px;
}

/* 3. FOOTER
----------------------------------*/
.footer{ margin-top:10px;/*border-top: 4px solid #2b2d39;*/background:#f7f7f7;}
.in-footer{width:982px; margin:auto;min-height:94px;padding:0 10px;}
.company-foot-left{width:500px; float:left; margin-top:16px}
.copy-right{float:right; margin-top:20px;color:#f7f7f7;width:300px;text-align:right;}

/*ABOUT PAGE*/
.ct-left{float: left;width: 772px;border-right: 1px solid #a1a1a1;margin:20px 0 58px;}
.breadcumb{float:left;width: 100%;height:30px;margin-bottom:30px;}
.breadcumb .b-intro,.breadcumb2 .b-intro{color:#5d5d5d; font-size:22px;text-transform: uppercase;}
.breadcumb .b-mod,.breadcumb2 .b-mod{color:#0080c6; font-size:22px;}
.ct-left-content{width:760px;float:left;color:#383838;font-size:13px;line-height:1.4; padding-top:30px;text-align:justify;}
.ct-right{float:right;margin-left:19px;width:190px;}
.ct-right .sidebar-menu{width:100%;margin-bottom:18px;float:left;}
.ct-right .sidebar-menu ul li a{margin-bottom:2px;color:#717171;background: #F4F4F4;font-size:14px;width:178px;float:left;padding:10px 0px 10px 12px;}
.ct-right .sidebar-menu ul li.active{background:#ed1d24 !important;color:#fff!important;}
.ct-right .sidebar-menu ul li a:hover{background:#0080c6;color:#fff;}
.ct-right .sidebar-menu ul li.active a{background:#0080c6; color:#fff;}
/*.ct-right .sidebar-menu ul li a:active{color:#fff;background:#ed1d24!important;}*/

.cat-desc-page{width:99%;float:left;color:#383838;font-style:italic;font-size:15px;margin-bottom:40px;line-height:25px;}
.cat-item{width:341px;float:left;margin-bottom:28px;}
.cat-item .cat-title{width:100%;height:45px;overflow:hidden;color:#383838;font-size:14px;text-transform: uppercase;margin-bottom:3px;}
.cat-item .cat-title a{color:#383838;font-size:14px;}
.cat-item .cat-title a:hover{color:#007cc3;}
.first{margin-right: 56px;}
.cat-photo{width: 341px;height: 122px;overflow: hidden;}

.real-item{float:left;width:99%;margin-bottom:15px;}
.real-item-title{text-transform: uppercase;margin-bottom:5px;float:left;width:99%;}
.real-item-title a{color:#383838; font-size: 14px;}
.real-item-content{float:left;width:99%; color:#4f4f4f;line-height: 1.7;}
.real-item-content img{float:left;width:140px;max-height:114px;overflow: hidden;margin-top:3px;}
.real-item-intro{width:570px;float:left; padding-left:8px;}
.readmore{float:right;height:15px;margin-right:8px;margin-top:7px;}
.readmore a{color:#007cc3;text-decoration: underline;padding-right:10px;}
.readmore img{float:right;padding-top: 1px;width:7px;}

/*CONTACT*/

.contact-title{color:#5d5d5d;text-transform: uppercase; font-size:22px;margin-bottom: 25px;float:left;clear:both}
.contact-content{float:left;width:100%;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;}
.contact-intro{float:left;color:#383838; font-style: italic;margin-top:28px;margin-bottom: 23px;}
.contact-form{float:left;width:458px;height:435px;background: #f0f0f0;margin-bottom:35px;}
.contact-form table{width:385px;height:345px;margin:10px 0 0 45px;}
.contact-form table input[type=text],#captcha{width:306px;height:32px; border:none;}
.contact-form table td{color:#585858;vertical-align:top;}
.contact-form table textarea{width:307px;height:164px; border:none;overflow:auto;}
.contact-form table input[type=submit]{color:#fff;border:none; text-transform: uppercase; background:#868686; width:84px;height:29px;cursor: pointer;float:right;margin-right:7px;}
.contact-info{float:left;width:490px;margin-left:34px;margin-bottom: 35px;}
.contact-info-image{float:left;width:100%;height:114px;background: url(../images/pp.png) 88px 0px no-repeat;}
.contact-info-footer-content{float:left;height:248px;width:100%;color:#383838;margin-top:18px;}
.contact-google-map{float:left;width:100%;height:480px;margin-top:35px;border-top: 1px solid #a7a6a4;border-left: 1px solid #a7a6a4;border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;margin-bottom:54px;}
.send{text-indent: -9999999px;}
.message{ margin:0 0 0 110px;color:red; line-height:40px;}

/* PARTNER
-----------------------------*/
.partner{width:985px; margin:0 auto;}
.p-item{width:200px; display:inline-block;margin-left:10px; text-align:center;padding:10px 0; vertical-align:top;}
.p-item a{color:#000044}
.p-item img{width:200px; height:200px; padding-bottom:10px;}
.simply-scroll-container { /* Container DIV - automatically generated */
position: relative;
margin-top:5px;
margin:0 10px;
}

.simply-scroll-clip { /* Clip DIV - automatically generated */
	position: relative;
	overflow: hidden;
	z-index: 2;
}

.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
.simply-scroll-clip {
	width: 955px;
	height: 280px;
}
.more-news-title{float:left;margin-top:25px;text-transform:uppercase;font-size:13px;color:#383838;width:760px;border-bottom:2px solid #ed3b3b;padding-bottom:5px;}
.more-news ul{margin-top:10px;float:left;}
.more-news ul li{list-style:none;padding-bottom:4px;}
.more-news ul li a{color:#383838;font-size:13px;}
.more-news ul li a i{color:#0080c6; padding-right:5px;font-size:16px;}
.more-news ul li a:hover{color:#007cc3}

/* phan trang */
.Pagination {
	text-align:center;
	float:none;
	padding:2px;
	margin:40px 0 15px 0;
}

.Pagination a {

    padding: 5px 10px;
    margin-right: 1px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 2px rgba(0,0,0, .1);
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}
.Pagination a:hover, div.Pagination a:active {
	background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}
.Pagination a.current {
	border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}
.Pagination span.sotrang {
	display: inline-block;
    padding: 5px 12px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}
.Pagination span.disabled {
	padding: 9px 13px;
	background:url(../images/index/nutPhanTrang.png) no-repeat scroll center top transparent;
	color: #31498B;
}
.Pagination span{color:#717171;font-weight:bold;margin:0 2px;}
.Pagination a.fist{background:#e9e9e9 url(../images/pagination-prev.png) center 5px no-repeat !important;}
.Pagination a.last{background:#e9e9e9 url(../images/pagination-next.png) center 5px no-repeat !important;}
.Pagination a.fist:hover, .Pagination a.last:hover{text-decoration:none;}