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,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0}input,select{vertical-align:middle}select,input,textarea,button{font:99% sans-serif}pre,code,kbd,samp{font-family:monospace, sans-serif}html{overflow-y:scroll}a:hover,a:active{outline:none}ul,ol{margin-left:2em}ol{list-style-type:decimal}nav ul,nav li{list-style:none;list-style-image:none;margin:0}small{font-size:85%}td{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}pre{padding:15px;white-space:pre-wrap;word-wrap:break-word}textarea{overflow:auto}.ie6 legend,.ie7 legend{margin-left:-7px}input[type=checkbox]{vertical-align:bottom}.ie7 input[type=checkbox]{vertical-align:baseline}label,input[type=button],input[type=submit],input[type=image],button{cursor:pointer}button,input,select,textarea{margin:0}input:invalid,textarea:invalid{-moz-box-shadow:0 0 5px red;-webkit-box-shadow:0 0 5px red;border-radius:1px;box-shadow:0 0 5px red}.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd}a:link{-webkit-tap-highlight-color:#FF5E99}button{overflow:visible;width:auto}.ie7 img{-ms-interpolation-mode:bicubic}body,select,input,textarea{color:#444}a,a:active,a:visited{color:#607890;text-decoration:none}a:hover{color:#036}.clear{clear:both}
footer,header,section,article{display:block}
html,body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px}
#supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:#111; background:rgba(0,0,0,0.8) url(../img/progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}	
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
 #supersized img{ height:auto; width:auto; position:relative; outline:none; border:none; -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }
 
body.index #container{ background:none; width:960px}
body.index header{ position:relative; width:870px; height:243px; background: url(../img/bg-header.png) no-repeat right center;margin:23px auto 0 90px}
body.index header #logo{width:135px; height:148px; position:absolute;left:312px;top:67px}
body.index #slogan{height:25px; padding:5px 0; text-align:left; float:right; color:#fff; font-size:17px; margin:175px 0 0 0 !important;}
body.index footer{ display:none !important}

#block-index-1{background:url(../img/button-index1.png) repeat; height:120px; width:40% !important; display:block; position:absolute; left:0; top:476px}
#block-index-2{background:url(../img/bg-title-index.png) repeat; height:35px; width:60% !important; display:block; position:absolute; right:0; top:441px}

body.index #describe{height:120px !important; width:345px; margin:0}
 body.index #describe #content{margin:10px 10px 20px 0; padding:0 75px 0 0; width:335px; height:90px; font-weight:bold; font-size:16px; color:#fff; float:right; text-align:right; background:url(../img/icon-1.png) no-repeat right center}
 body.index #describe #content a{color:#8BE5FF; display:block; margin:10px 0 0 0}body.index #describe #content a:hover{color:#00A8D9}
 body.index #main{background:none !important; min-height:10px !important}

body.page header{height:70px; background:#fff; padding:15px 0 0 0; position:relative}
body.page header h1{height:54px; width:960px; background:url(../img/trisentosa.png) no-repeat 0 -245px; text-indent:-9999px; overflow:hidden; margin:0 auto;}
body.page header h1 a{height:54px; width:250px; display:block; margin:0 0 0 23px}

#container{margin:0 auto; position:relative; background:#68A4B0}
#main{position:relative; height:450px; min-height:450px; height:auto !important; background:#1F4653 url(../img/bg-main-b.png) repeat-x top center}
#main #date{position:absolute; color:#666; font-size:12px; right:20px; top:-25px}

section#banner{posision:relative; height:206px; margin:0 auto; background:#E0E0E0; position:relative;}
section#banner .block{position:relative; width:960px; margin:0 auto; height:206px; z-index:1}
section#banner .block #title-page{width:579px; height:36px; background:#CE9129; position:absolute; right:0; bottom:0;}
section#banner .block #title-page h3#about{position:absolute; width:150px; height:40px; padding:15px 50px 0 25px; top:-11px; background:url(../img/trisentosa.png) no-repeat -125px -190px; font-size:22px; color:#fff;  z-index:10}
section#banner .block #title-page h3#howto{position:absolute; width:200px; height:35px; padding:25px 100px 0 25px; top:-20px; background:url(../img/trisentosa.png) no-repeat -30px -301px; font-size:22px; color:#fff;  z-index:10}
section#banner #block-page{background:#CE9129;height:36px;width:50% !important;display:block;position:absolute; right:0; bottom:0;}
section#banner .block #title-page h3#reach{position:absolute; width:150px; height:40px; padding:23px 50px 0 25px; top:-19px; background:url(../img/trisentosa.png) no-repeat 160px -370px; font-size:22px; color:#fff;  z-index:10}
section#banner .block #title-page h3#product{position:absolute; height:55px; padding:23px 75px 0 25px; top:-19px; background:url(../img/trisentosa.png) no-repeat 250px -435px; font-size:22px; color:#fff;  z-index:10}

section#banner #block-desc-cont{background:#3C7C7F url(../img/bg-desc.jpg) no-repeat right top; height:119px; width:25% !important; display:block; position:absolute; left:0; bottom:-119px;}

.content{margin:0 auto; width:960px;  background:url(../img/bg-content.png) repeat-x top center}
#block-left{width:382px; float:left; position:relative}
#block-right{width:530px; padding:15px 20px; float:left; color:#fff}
#content-about #block-right{margin-bottom:62px !important}
#content-about #block-right p{margin:0 0 15px 0; line-height:20px}
#content-about #describe-page{width:382px; height:119px; background:#3C7C7C url(../img/bg-describe-page-about.png) no-repeat top right; position:relative; z-index:10}		
#content-about #describe-page h2{display:block; height:92px; font-size:18px;; color:#fff;position:absolute; right:30px; top:15px; text-align:right}

#content-reach #block-right{padding-right:0 !important; position:relative}
#content-reach #describe-page{width:382px; height:119px; background:#3C7C7C url(../img/bg-describe-page-reach.png) no-repeat top right; position:relative; z-index:10}
#content-reach #describe-page h2{display:block; height:92px; font-size:18px;; color:#fff;position:absolute; right:30px; top:15px; text-align:right}
#content-reach form{float:left; padding:0 25px 80px 10px; position:relative; z-index:10}
#content-reach form div.row{margin:0 0 10px 0; overflow:auto}
#content-reach form div.row span, #content-reach form div.row label, #content-reach form div.row input, #content-reach form div.row textarea{float:left; display:block}
#content-reach form div.row span{padding:0 15px 0 0}
#content-reach form div.row label{width:85px; cursor:auto !important}
#content-reach form div.row input, #content-reach form div.row textarea{width:170px}
#content-reach form div.row textarea{height:70px;}
#content-reach form div#block-submit input{padding:3px 8px; background:#EA7B2A; border:none; color:#fff; font-size:14px; cursor:pointer}
#content-reach form div#block-submit{padding:0 0 0 105px}
.error-text{margin:0 0 0 105px; color:#000; font-size:11px; padding-top:5px !important}
#contact-error{color:#C00}
#contact-success{color:#090}

#content-reach #contact-detail{padding:15px 25px; width:195px; background:#A4D0EB; border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -moz-border-radius:10px; position:absolute; right:-30px; top:20px; font-family:Arial, Helvetica, sans-serif}
#content-reach #contact-detail h3{color:#FF5500; font-size:15px; font-weight:bold; margin:0 0 5px 0}

nav{margin:15px 0 0 0; position:absolute; left:0; top:400px; z-index:100; width:42.2% !important}
nav #level-1{margin:15px 0 0 0}
nav #level-1 li{background:url(../img/bg-menu.png) repeat right 0; margin:0 0 5px 0; text-align:right; padding:1px }
nav #level-1 li.active, nav ul li:hover{background:url(../img/bg-menu-active.png) repeat 0 0}
nav #level-1 li a{ font-size:16px; color:#8BE5FF; display:block; background:url(../img/curve.png) no-repeat right center; padding:2px 15px; margin:-3px 10px 0 0}
nav #level-1 li.active a, nav #level-1 li a:hover{color:#FFF; background-image:url(../img/curve-active.png)}
nav #level-1 li ul{display:block; padding:13px 0 10px 0}
nav #level-1 li ul li{ background:none !important}
nav #level-1 li ul li a{background:none !important; margin-right:25px; color:#4BA5B1 !important; padding:0 12px 0 15px !important}
nav #level-1 li ul li.active a, nav #level-1 li ul li a:hover{color:#fff !important; background: url(../img/square.gif) no-repeat right 8px !important}

#content-howto #block-right{margin-bottom:62px !important;}
#content-howto #describe-page{width:382px; height:119px; background:#3C7C7C url(../img/bg-describe-page-howto.png) no-repeat top right; position:relative; z-index:10}		
#content-howto #describe-page h2{display:block; height:92px; font-size:18px;; color:#fff;position:absolute; right:30px; top:15px; text-align:right;}
#content-howto #block-right #content{margin:0 0 0 10px;}
#content-howto #block-right #content h3{font-size:14px;font-weight:bold;font-family:Arial; margin:0 0 5px 0; max-width:200px !important}
#content-howto #block-right #content h3:nth-of-type(1){padding:13px 0 7px 50px; background:url(../img/trisentosa.png) no-repeat 0 0}
#content-howto #block-right #content h3:nth-of-type(2){padding:16px 0 12px 45px; background:url(../img/trisentosa.png) no-repeat 0 -50px}
#content-howto #block-right #content h3:nth-of-type(3){padding:10px 0 10px 45px; background:url(../img/trisentosa.png) no-repeat 0 -115px}
#content-howto #block-right #content h3:nth-of-type(4){padding:10px 0 10px 40px; background:url(../img/trisentosa.png) no-repeat 0 -160px}
#content-howto #block-right p{margin:0 0 20px 0; line-height:19px}
		
#content-product #block-right{margin-bottom:62px !important; padding-right:0 !important}
#content-product #describe-page{width:382px; height:119px; background:#3C7C7C url(../img/bg-describe-page-product.png) no-repeat top right; position:relative; z-index:10}		
#content-product #describe-page h2{display:block; height:92px; font-size:18px;; color:#fff;position:absolute; right:30px; top:15px; text-align:right;}		
#content-product #content{margin:0 0 0 5px}
#content-product #list-product{list-style:none; margin:0 !important; padding-bottom:60px !important}
#list-product li{float:left; padding:0; }
#list-product li:nth-child(2) a img, #content-product #list-product li:nth-child(2) .product-name,
#list-product li:nth-child(5) a img, #content-product #list-product li:nth-child(5) .product-name,
#list-product li:nth-child(8) a img, #content-product #list-product li:nth-child(8) .product-name,
#list-product li:nth-child(11) a img, #content-product #list-product li:nth-child(11) .product-name,
#list-product li:nth-child(14) a img, #content-product #list-product li:nth-child(14) .product-name,
#list-product li:nth-child(17) a img, #content-product #list-product li:nth-child(17) .product-name,
#list-product li:nth-child(20) a img, #content-product #list-product li:nth-child(20) .product-name,
#list-product li:nth-child(23) a img, #content-product #list-product li:nth-child(23) .product-name,
#list-product li:nth-child(27) a img, #content-product #list-product li:nth-child(27) .product-name,
#list-product li:nth-child(30) a img, #content-product #list-product li:nth-child(30) .product-name,
#list-product li:nth-child(33) a img, #content-product #list-product li:nth-child(33) .product-name,
#list-product li:nth-child(36) a img, #content-product #list-product li:nth-child(36) .product-name {margin:0 20px}

#list-product li a img{border:1px solid #66adc1; padding:6px; height:147px; width:147px; background:url(../img/progress.gif) no-repeat center center}
#list-product li a img:hover{border-color:#fff}		
#list-product li .product-name{display:block; height:18px; height:auto !important; width:161px !important; padding:6px 0 8px 0; text-align:center;font-size:12px; overflow:hidden; text-transform:capitalize}
#list-product li .block-product-name{background:#1a5a65;  width:100%; margin:3px 0 23px 0}
#list-product li .product-name.hover{background:#48a4c1 !important}

footer{margin:0 auto; height:170px !important; width:100%; clear:both; font-size:10px; color:#fff; background:url(../img/bg-main.png) no-repeat bottom left; position:absolute; bottom:0; left:0}	
footer div{margin:0 auto; width:960px; margin-top:130px}
footer a{color:#00CCFF;}
footer a:hover{color:#003333} 

.jqmWindow{display:none;position:fixed;top:10%;left:50%;margin-left:-300px;width:600px;background-color:#EEE;color:#333;border: 1px solid #666;padding: 12px; z-index:1000}
.jqmOverlay{background-color:#000;}
* iframe.jqm{position:absolute;top:0;left:0;z-index:-1;width:expression(this.parentNode.offsetWidth+'px'); height:expression(this.parentNode.offsetHeight+'px');}
* html .jqmWindow {position:absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}
.ir{display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;text-align:left;direction:ltr;}.hidden{display:none;visibility:hidden;}.visuallyhidden{border:0;clip: rect(0 0 0 0); height:1px;margin:-1px;overflow:hidden; padding: 0; position: absolute; width: 1px; }.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }.invisible { visibility: hidden; }.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }.clearfix:after { clear: both; }.clearfix { zoom: 1; }
@media print {*{background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;-ms-filter: none !important; }a, a:visited { color: #444 !important; text-decoration: underline; }a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; }.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }thead { display: table-header-group; }tr, img { page-break-inside: avoid; }@page { margin: 0.5cm; }p, h2, h3 { orphans: 3; widows: 3; }h2, h3{ page-break-after: avoid; }}
@media all and (orientation:portrait){}
@media all and (orientation:landscape){}
@media screen and (max-device-width: 480px){/*html{ -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */}