html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {  margin: 0;  padding: 0;  font-size: 100%;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; } 
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } 
del { text-decoration: line-through;} 
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help;} 
table { border-collapse: collapse; border-spacing: 0;width: 100%;}
input{padding: 0;margin: 0;outline: 0;}

.clear:before, .clear:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clear:after {clear: both;}
.clear {font-size:0;height:0;margin:0;padding:0;clear:both;width:0;overflow:hidden;zoom: 1;}
a{color:#1b7cce; text-decoration: none;}
hr, .hr { border-color: #E9E9E9;}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
h1{font-size:140%;}
h2, h3{font-size:120%;}
h4, h5, h6{font-size:110%;}

a img{border: 0px;}
.fl{float:left;}
.fr{float:right;}
.txtleft {text-align:left;}
.txtright {text-align:right;}
.txtcenter {text-align:center;}
.txtjustify {text-align:justify;}
.hidden { display: none; visibility: hidden;}
.show {display:block;visibility:visible;margin-top: 15px;}
.required{color: #fc0000;}
.dp-inlineblock{display: inline-block;}
hr.style7{border: 0;border-top: 1px solid #2088d4;border-bottom: 1px solid #095f9e;margin: 0;padding: 0;}


/*---End Common---*/
.bold{font-weight: bold;}
.italic{font-style: italic;}
/*---Padding---*/


a:hover{text-decoration: none;}
th, td, caption {padding: 5px 5px}
input[type="text"]{border: 1px solid #ccc;padding: 8px 0 7px;width: 100%;text-indent: 10px;}
/*MENU START*/

@font-face {
    font-family: web360Medium;
    src: url(fonts/web360Medium-webfont.eot);
    src: url(fonts/web360Medium-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/web360Medium-webfont.woff) format('woff'),url(fonts/web360Medium-webfont.ttf) format('truetype'),url(fonts/web360Medium-webfont.svg#web360Medium) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
  font-family: 'OpenSans';
  src: url('fonts/OpenSans.eot?#iefix') format('embedded-opentype'),  url('fonts/OpenSans.woff') format('woff'), url('fonts/OpenSans.ttf')  format('truetype'), url('fonts/OpenSans.svg#OpenSans') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'LatoRegular';
	src: url('fonts/Lato-Regular_0.eot');
	src: local('☺'), url('fonts/Lato-Regular_0.woff') format('woff'), url('fonts/Lato-Regular_0.ttf') format('truetype'), url('fonts/Lato-Regular_0.svg') format('svg');
	font-weight: normal; font-style: normal;}
@font-face {
	font-family: 'UTM Avo';
	src: url('fonts/UTM Avo.eot');
	src: local('☺'), url('fonts/UTM Avo.woff') format('woff'), url('fonts/UTM Avo.ttf') format('truetype'), url('fonts/UTM Avo.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: super;
}

body{font-family: Arial,Verdana,sans-serif;font-size: 13px;color: #333335;width: 100%;display: block;} 
    
.wrapper{margin: auto;position: relative;padding: 0;}
.header{background: rgba(18,71,123,0.7);height: 100px;padding: 5px 0 0;position: absolute;z-index: 20;left: 0;right: 0;top: 0;
-webkit-box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.25);
box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.25);
}
.logo{float: left;width: 90px;height: 95px;text-align: center;margin-right: 10px;}
.logo img{max-width: 100%;}
.headerC{float: left;color: #ff0000;font-family: LatoRegular;overflow: hidden;}
.headerCty{font-size: 29px;margin: 20px 0 15px;
    text-shadow:         
        -1px -1px 0px #fff,
         0px -1px 0px #fff,
         1px -1px 0px #fff,
        -1px  0px 0px #fff,
         1px  0px 0px #fff,
        -1px  1px 0px #fff,
         0px  1px 0px #fff,
         1px  1px 0px #fff , 2px 2px 5px rgba(0,0,0,1);
}
.headerCiso{font-size: 16px;}
.slider{background: url(images/slide2.png) center; position: relative; z-index: 10;}
.sliderlh{background: none;}
.sliderbg{position: absolute;bottom: 0;left: 0;right: 0;height: 103px;background: rgba(18,71,123,0.7);}

.txt-search::-webkit-input-placeholder {color: #3e86d8;}
.txt-search:-moz-placeholder { /* Firefox 18- */color: #3e86d8;  }
.txt-search::-moz-placeholder {  /* Firefox 19+ */color: #3e86d8;  }
.txt-search:-ms-input-placeholder {  color: #3e86d8;  }
.search{position: absolute;width: 180px;top: 25px;right: 8px;}
.search input[type="text"]{background: #1b4471;border: 0;color: white;font-size: 12px;padding: 5px 0;
    -moz-border-radius: 24px;-webkit-border-radius: 24px;-khtml-border-radius: 24px;border-radius: 24px;
-webkit-box-shadow: inset 0px 1px 1px 0px rgba(51,51,51,0.7);
-moz-box-shadow: inset 0px 1px 1px 0px rgba(51,51,51,0.7);
box-shadow: inset 0px 1px 1px 0px rgba(51,51,51,0.7);
}
.search input[type="submit"]{background: url("images/search.png") no-repeat center transparent;cursor: pointer;
    position: absolute;top: 0;right: 5px;width: 20px;height: 20px;border: 0;}

.lang{position: absolute;bottom: 6px;right: 10px;}

/*MENU TOP*/
.menu{z-index: 100;font-family: 'UTM Avo';position: absolute;bottom: -3px;right: 65px;}
ul#navigation {margin:0px;position:relative;background: transparent;float: left;}
ul#navigation > li {margin:0;float:left;position:relative;list-style: none;}
ul#navigation > li > a {color: white;text-decoration:none;font-size: 14px;display: inline-block;line-height: 20px;padding: 10px 15px;}
ul#navigation > li > a > i{margin-right: 6px;font-size: 18px;}
ul#navigation > li.last-child > a{background: none;}
ul#navigation li.active > a{color: #f3d627;}
ul#navigation > li.first-child{margin-left: 0;}
/* Drop-Down Navigation */
ul#navigation li:hover > ul{visibility:visible;opacity:1;margin: 0;}
ul#navigation ul, ul#navigation ul li ul {list-style: none;margin: 0;visibility:hidden;position: absolute;z-index: 99999;width:220px;}
ul#navigation ul {top: 35px;left: -20px;position: absolute;display: none;margin: 0;list-style: none;}
#hb-menu li:hover > ul {opacity: 1;visibility: visible;margin: 0;}
ul#navigation ul li ul {top: 0;left: 181px;}
ul#navigation ul li {clear:both;width:100%;background: rgba(0,57,82,0.52);}

ul#navigation ul li a {background:url("images/li.gif") no-repeat 7px 10px;padding:5px 3px 4px 18px;color: white;display: block;font-size: 13px;font-weight: normal;}
ul#navigation ul li a:hover{color: #f3d627;}
ul#navigation ul li.last-child{border-bottom: 0;}

ul#navigation ul li.first-child{background: url("images/menu.png") no-repeat transparent;height: 27px;}

.menumobile{position: absolute; padding: 0; background: #1b4471; color: #3e86d8; padding: 0 10px; height: 24px; font-size: 16px; font-family: LatoRegular;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    -khtml-border-radius: 24px;
    border-radius: 24px;}
.menumobile i{color: #3e86d8; line-height: 25px; font-size: 15px; margin-right: 5px;}
/*END MENU TOP*/



/*PHAN TRANG*/
.pagination {text-align: center;}
.pagination li{display: inline-block;}
.pagination li a{margin:10px 3px;padding:2px 7px 2px 6px;color:#00aeef;border: 1px solid #00aeef;display: block;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);}
.pagination li.active a{color: white;background: #00aeef;border: 1px solid #00aeef;}
/*END PHAN TRANG*/


.footer{background: #103254;color: #d1cece;padding: 15px 0;font-family: 'OpenSans';}
.footer a{color: #d1cece;}
.footer a:hover{color: #dbb25f;}   
.footerInfo{float: left;}
.footerInfo li{list-style: none;line-height: 20px;}
.footerInfo li.first-child{color: #dbb25f;text-transform: uppercase;padding-bottom: 12px;}
.footerright{float: right;}
.footermxh{float: left;width: 190px;}
.footermxhT{margin: 8px 0 24px;font-size: 14px;}
.footermxh img{margin-right: 7px;}
.footerhttt_online{width: 330px;float: right;color: white;}
.footerOnline{float: right;margin-top: 23px;}
.footerOnline img{vertical-align: middle;}
.footerOnline b{font-family: Arial,Verdana,sans-serif;}
.footerhtttItem{float: left;width: 50%;}
.footerhtttItem img{float: left;margin-right: 8px;}
.footerhtttPhone a{color: #f3d627;}

.HDuAnT{font-size: 15px;font-family: 'LatoRegular';text-transform: uppercase;margin: 5px 0;}
.HDuAnT img{vertical-align: middle;margin-right: 3px;}
.HDuAnT a{color: #103254;}
.HDuAnT:hover a{color: #fff;}
.HDuAnT:hover{color: #fff;}
.HDuAn1{width: 265px;float: left;}
.HDuAn1 li, .HDuAn2 li{list-style: none;margin-bottom: 10px;position: relative;height: 82px;overflow: hidden;}
.HDuAn1 li img, .HDuAn2 li img{width: 130px;border: 1px solid #fff;margin-right: 12px;float: left;}
.HDuAn1 li a, .HDuAn2 li a{color: #fff;}

.HDuAn2{width: 280px;float: left;margin: 0 30px 0 15px;}
.HDuAn2 li .readmore{position: absolute;bottom: 0;right: 0;font-size: 12px;color: #efd227;font-style: italic;}

.HTintuc{width: 235px;float: left;}
.HTintuc .HDuAnT img{vertical-align: middle;margin-right: 10px;}
.HTintuc li{background: url("images/i.png") no-repeat 0 8px;padding: 5px 0 10px 15px;list-style: none;}
.HTintuc li a{color: #fff;}
.HTintuc li a:hover{color: #efd227;}

.HDoitac{float: right;width: 210px;}
.HDoitacW .HDoitacWItem{border: 1px solid #cbc3c3;background: white;height: 55px;margin: 5px 0 12px;text-align: center;}
.HDoitacW .HDoitacWItem img{max-height: 55px;max-width: 95px;}


.ColLeft{width: 250px;float: left;background: url("images/line.png") repeat-y right;padding-right: 15px;}
.ColRight{width: 795px;float: right;color: white;position: relative;}
.menuLeft{margin: 25px 0 10px;}
.menuLeftT{font-size: 15px;font-family: 'LatoRegular';text-transform: uppercase;margin: 0 0 20px;color: white;position: relative;}
.menuLeftT a{color: white;}
.menuLeftT img{vertical-align: middle;position: absolute;top: -15px;right: 0;z-index: 500;}
.menuLeft li{background: url("images/li.gif") no-repeat 0 6px;padding: 4px 0 8px 15px;list-style: none;margin: 0 0 0 20px;}
.menuLeft li a{color: white;}
.menuLeft li a:hover{color: #f3d627;}
.menuLeft li.active a{color: #f3d627;font-weight: bold;}


.LeftDuAn li{list-style: none;margin-bottom: 10px;position: relative;line-height: 17px;}
.LeftDuAn li img{width: 130px;border: 1px solid white;margin-right: 10px;float: left;}
.LeftDuAn li a{color: white;}
.LeftDuAn li a:hover{color: #f3d627;}

.homeContent{padding-bottom: 10px; position: relative;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    background: rgba(65,148,225,1);
    background: -moz-linear-gradient(top, rgba(65,148,225,1) 0%, rgba(19,91,159,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(65,148,225,1)), color-stop(100%, rgba(19,91,159,1)));
    background: -webkit-linear-gradient(top, rgba(65,148,225,1) 0%, rgba(19,91,159,1) 100%);
    background: -o-linear-gradient(top, rgba(65,148,225,1) 0%, rgba(19,91,159,1) 100%);
    background: -ms-linear-gradient(top, rgba(65,148,225,1) 0%, rgba(19,91,159,1) 100%);
    background: linear-gradient(to bottom, rgba(65,148,225,1) 0%, rgba(19,91,159,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4194e1', endColorstr='#135b9f', GradientType=0 );}
.pageContent{background: #00405c url("images/bg_tin_home.jpg") repeat-x top; position: relative;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);}


.tinTTXD li{list-style: none;padding: 3px 0 3px 35px;position: relative;}
.tinTTXD li:before {content: "\f101";display: inline-block;color: #f3d627;position: absolute;left: 20px;
    font-family: FontAwesome;font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.tinTTXD li a{color: white;}
.tinTTXD li a:hover {color: #f3d627;}
.tinTTXD li.active a{color: #f3d627;font-weight: bold;}


.LeftTintuc li{list-style: none;margin-bottom: 10px;position: relative;}
.LeftTintuc li img{width: 70px;border: 1px solid white;margin-right: 10px;float: left;}
.LeftTintuc li a{color: white;}
.LeftTintuc li a:hover{color: #f3d627;}

.tinTTXD{margin: 25px 0 10px;}
.LeftDoitac{margin: 25px 0 20px;}
.LeftTintuc{margin: 25px 0 20px;}
.LeftDuAn{margin: 25px 0 20px;}

.HDoitac .selectboxit-container .selectboxit{width: 208px;}
.LeftDoitac .selectboxit-container .selectboxit{width: 248px;}

.pageTitle{background: url("images/title.png") no-repeat bottom left;font-size: 20px;font-family: 'LatoRegular';padding: 20px 0 10px;}
.pageTitle a{color: white;}
.pageTitle h1{font-weight: normal;font-size: 20px;}
.DetailC{line-height: 22px;margin: 5px 0;font-family: Arial,Verdana,sans-serif!important;font-size: 13px!important;}
.DetailC span{font-family: Arial,Verdana,sans-serif!important;font-size: 13px!important;}
.DetailC ul , .DetailC ol{margin-left: 20px;}
.DetailC img{margin: 8px 0 !important;max-width: 100% !important;height: auto !important;}   
.DetailC table{width: 100% !important;border-color: white;}
.DetailC a{color: #f3d627;}
.detaillike{line-height: 8px;margin-top: 10px;}

.ListDAItem{float: left;width: 388px;padding: 10px 0;position: relative;}
.ListDAItemR{float: right;}
.ListDAItemBorBl{position: absolute;bottom: 0;left: 0;right: 0;border-bottom: 1px dashed white;}
.ListDAItemBorBr{position: absolute;bottom: 0;left: 0;right: 0;border-bottom: 1px dashed white;}
.ListDAItemBorR{position: absolute;top: 10px;bottom: 10px;left: -10px;border-left: 1px dashed white;}



.ListDAName , .ListTTOneName{background: url("images/bullet.png") no-repeat left;padding: 5px 0 5px 20px;font-weight: bold;
    text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ListDAName a , .ListTTOneName a{color: white;}
.ListDAImg , .ListTTOneImg{float: left;width: 150px;margin: 3px 10px 0 0;}
.ListDAImg img , .ListTTOneImg img{max-width: 100%;border: 1px solid #ffffff;}
.ListDAPrev , .ListTTOnePrev{line-height: 20px;text-align: justify; height: 100px; overflow: hidden;}
.pagebreak{position: absolute;bottom: 0;left: 0;right: 0;height: 2px;background: #00405c;}

.detailT{background: url("images/bullet.png") no-repeat left;padding: 0 0 0 20px;margin: 10px 0;}
.detailT h1{font-size: 14px;font-weight: bold;}


.other{margin: 0 0 20px;}
.other ul li{list-style: none;padding: 5px 0 5px 25px;position: relative;}
.other ul li:before {content: "\f101";display: inline-block;color: #f3d627;position: absolute;left: 10px;
    font-family: FontAwesome;font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.other ul li a{color: white;}
.other ul li span{color: #dbb25f;font-size: 12px;font-style: italic;}
   

.ListTTOne{float: left;width: 388px;}
.ListTTRight{float: right;width: 388px;position: relative;}
.ListTTRightImg{width: 70px;float: left;margin-right: 8px;}
.ListTTRightImg img{max-width: 100%;border: 1px solid white;}
.ListTTRightName a{color: white;}
.ListTTItemBorR{position: absolute;left: -10px;top: 1px;bottom: 4px;border-left: 1px dashed white;}

.ListTTItem{color: white;position: relative;padding: 3px 0 3px 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ListTTItem a{color: white;}
.ListTTItem:before {
    content: "\f101";
    display: inline-block;
    color: #f3d627;
    position: absolute;
    left: 0;
    font-family: FontAwesome;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ListDAItem:hover .ListDAName , .ListDAItem:hover .ListDAName a , .ListTTOne:hover .ListTTOneName a{color: #0099ff;} 
.other ul li:hover a , .other ul li:hover span , .ListTTItem:hover a , .ListTTRightName:hover a{color: #f3d627;}

.ListDTItem{float: left;width: 181px;background: #003b54;padding: 5px;margin: 10px 10px 10px 0;height: 202px;overflow: hidden;}
.ListDAItemR{margin-right: 0;}
.SPNewItemP{float: left; position: absolute; width: 100%; background-color: rgba(0,59,84,0.7);}
.SPNewItemP > div{padding: 5px;color: white;font-size: 12px;font-weight: normal;text-align: justify;line-height: 18px;}
.SPNewItemP > div > a{color: white;}

.ListDTImg{width: 100%;height: 160px;position: relative;background: white;margin-bottom: 10px;overflow: hidden;}
.ListDTImg img{max-width: 100%;max-height: 160px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.ListDTName{font-weight: bold;margin-bottom: 5px; overflow: hidden;}
.ListDTName a{color: white;}
.ListDTItem:hover .ListDTName a{color: #f3d627;}




ul.polaroids{margin: 10px 0 0;}
ul.polaroids li {display:inline;}
ul.polaroids a {background:#fff;display:inline;float:left;margin:0 0 27px 30px;width:auto;padding:10px 10px 15px;
text-align:center;text-decoration:none;color:#333;font-size:15px;
-webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow:0 3px 6px rgba(0,0,0,.25);
-webkit-transform:rotate(-2deg);
-webkit-transition:-webkit-transform .15s linear;
-moz-transform:rotate(-2deg);
}

ul.polaroids li {padding-left:0;}

ul.polaroids img {display:block;margin-bottom:12px;width: 215px;}
ul.polaroids a:after {content:attr(title);}
ul.polaroids li:nth-child(even) a {-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);}
ul.polaroids li.messy a {margin-top:-400px;position:relative;left:160px;}
ul.polaroids li a:hover {position:relative;z-index:5;
-webkit-transform:scale(1.25);
-moz-transform:scale(1.25);
-webkit-box-shadow:0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow:0 3px 6px rgba(0,0,0,.5);}

/* Lien he */
.loading_page{position: absolute; z-index: 999; top: 0; left: 0; right: 0; bottom: 0; background: url(/templates/gtct1/theme/images/loading.gif) rgba(255,255,255,0.5) no-repeat center center; opacity: 0.75;
    filter: alpha(opacity = 60);}
.LienHeRight{float: right; width: 47%;}
.LienHeLeft{float: left; width: 47%;}

.LineHeText{color: #fff; margin: 20px 0; line-height: 22px;}

.LienHeInfo {margin-bottom: 20px;}
.LienHeInfo li{list-style: none; padding-bottom: 7px; line-height: 20px; color: #fff;}
.LienHeInfo li label {font-weight: bold; width: 89px; float: left; color: #fff;}
.LienHeInfo li i{float: left; width: 30px; text-align: center; color: #fff; opacity: 1; font-size: 15px;}

#form-contact{width: 402px; margin: 0 0 0 20px; position: relative; padding-bottom: 0;} 
.formItem{float: left; width: 100%; margin-bottom: 10px; position: relative;}
.formItem label{width: 100px; float: left; padding-top: 10px; font-weight: bold; color: #fff}
.formItem input[type="text"]{float: left; width: 300px; border: 1px solid #00aeef; padding: 8px 0 7px; text-indent: 10px; background: transparent; color: #fff;}
.formItem textarea{float: left; width: 280px; height: 60px; background: transparent; color: #fff; border: 1px solid #00aeef; padding: 5px 10px;}
.formItem textarea:focus{outline: none;}
.formItem label.error{color: #f3d627; position: absolute; right: 5px; width: auto; font-weight: normal;}
.formItem input[type="submit"]{width: 100px; background: transparent; color: #fff; height: 30px; text-align: center; text-transform: uppercase; font-weight: bold; cursor: pointer; border: 1px solid #00aeef;}
.formItem input[type="submit"]:hover{background: #00aeef;}