﻿body {width:100%; margin:0px; padding:0px; font-size:12px; font-family:Arial,Verdana,sans-serif; color:#000; background-color:#FFF; background-image:url(/Static/img/background.gif); background-position:top; background-repeat:repeat-x;}
img {border:0px;}
a {text-decoration:none; color:#FFF; cursor:pointer;}
a:hover {text-decoration:underline;}

.hidden {display:none;}

h1 {color:#cd1e2d;font-size:16px;font-weight:bold;margin:0px 0px 10px 0px;}
h2 {color:#cd1e2d;font-size:14px;font-weight:normal;margin:0px 0px 5px 0px;}


#main{width:955px; margin:auto;}

#header {width:100%; margin:0px 0px 3px 0px; text-align:right;}
#header img {border:none}

ul#menuHeader1 {margin:0px; padding:0px; list-style-type:none;}
ul#menuHeader1 li {margin:0px 0px 0px 5px; padding:0px 0px 0px 15px; display:inline-block; color:#949796; background-image:url(/Static/img/circle.gif); background-position:left center; background-repeat:no-repeat;}
ul#menuHeader1 li a {color:#949796}

#menuHeader2 {width:100%; overflow:hidden;margin:20px 0px 0px 0px;}
#menuHeader2 #logo {float:left; margin:-8px 0px 0px 0px;}

ul#mainNav {float:right; margin:35px 0px 0px 0px; padding:0px; list-style-type:none;}
ul#mainNav li {margin:0px; padding:0px 25px; display:inline; color:#FFF; border-left:1px solid #585858}
ul#mainNav li a {color:#FFF}

#pageContentHome {margin:30px 0px 0px 0px;}

#contentTop, #contentBottom {width:100%; overflow:hidden;}
#contentBottom {margin:20px 0px 0px 0px}

#centerHome {float:left; width:665px;}
#centerHome img {margin:0px; padding:0px; border:none}

#textMission {margin:0px; padding:10px; font-size:11px; color:#efefef; background-color:#cc3333;}
#textMission p {margin:0px; padding:0px;}

#caseHistories {float:right; width:260px;}
#caseHistories ul {margin:0px; padding:0px; list-style-type:none; border-top:1px solid #dedede}
#caseHistories ul li {width:100%; margin:15px 0px 0px 0px; padding:0px; overflow:hidden;}
#caseHistories ul li img {float:left;margin-top:8px}
#caseHistories ul li .case {float:left; width:170px;margin-left:20px;margin-top:8px}
#caseHistories ul li .titleCase {margin:0px 0px 0px 0px;}
.titleCase, .titleCase a {font-weight:bold; color:#cc3333}
.abstractCase {font-size:11px; color:#000}
.abstractCase a {text-decoration:underline; font-weight:bold; color:#000}


#cs-home {width:713px; margin:15px 0px 20px 25px;overflow:hidden}
#cs-box-first {width:158px; margin:0px 0px 0px 0px;float:left;}
#cs-box {width:158px; margin:0px 0px 0px 25px;float:left;}
#cs-box-title {background:#cacaca;color:#FFF;font-weight:bold;padding:60px 0px 8px 8px}
#cs-box-cs {margin-top:10px;overflow:hidden}
#cs-box-cs .img {float:left;width:54px}
#cs-box-cs .link {float:left;width:100px;margin:0px 0px 0px 4px;padding:10px 0px 0px 0px}
#cs-box-cs .link a {color:#5c5c5c}

#cs-detail {margin:0px 0px 25px 25px;width:713px;overflow:hidden;}
#cs-detail h1 {color:#000;}
#cs-detail-sx {float:left;width:160px;padding-right:15px;margin-top:25px;}
#cs-detail-dx {float:left;width:538px;padding-left:0px;}
#cs-detail-dx a {color: #CC3433;text-decoration:underline}
#box {border-left:1px solid #dedede;width:523px;padding-left:15px;margin-top:25px;}
#links { border-bottom:1px solid #e0e0e0;margin-bottom:10px;height:25px;}
#link-int {float:left;width:50px;padding-left:30px;background:url('/static/img/cs-link.gif') no-repeat left;}
#link-int a {color:#5c5c5c;}
#quote {color:#5c5c5c; font-style:italic;font-family:Times New Roman;text-align:justify}
#quote .apex {color:#cd1e2d;}
#quote .author {text-align:right;}


#newsList {float:right; width:215px; margin:50px 0px 0px 0px;}
#newsList ul {margin:0px; padding:0px; list-style-type:none; border-top:1px solid #dedede}
#newsList ul li {width:100%; margin:15px 0px 0px 15px; padding:0px; overflow:hidden;}
#newsList ul li .titleNews {margin:0px;}
.titleNews, .titleNews a {font-weight:bold; color:#000;padding:0px 10px 0px 0px}
.abstractNews {font-size:11px; color:#000;padding:0 30px 0 0;text-align:justify;}
.abstractNews a {text-decoration:underline; font-weight:bold; color:#000}




#services {float:left; width:665px;}
#servicesList {width:100%; margin:0px; padding:15px 0px 0px 0px; border-top:1px solid #dedede; overflow:hidden;}
#servicesList .serviceDetails {position:relative; top:0; left:0; float:left; width:125px; height:150px; margin:0px 30px 0px 0px; padding:0px 0px 0px 10px; border-left:1px solid #dedede}
#servicesList .serviceDetailsFirst {position:relative; top:0; left:0; float:left; width:125px; height:150px; margin:0px 30px 0px 0px; padding:0px 0px 0px 10px; border-left:none;}
.titleService, .titleService a {font-weight:bold; color:#cc3333;height:25px;}
.abstractService {margin:20px 0px 0px 0px; font-size:11px; color:#6e6e6e}
.serviceReadMore {position:absolute; bottom:0; left:0; margin:0px 0px 12px 0px; padding:0px 0px 0px 10px}
.serviceReadMore a {text-decoration:underline; font-size:11px; font-weight:bold; color:#000}

#services2 {float:left; width:713px;}
#servicesList2 {width:100%; margin:0px; margin:15px 0px 0px 25px; overflow:hidden;}
#servicesList2 .serviceDetails {float:left; width:175px; margin:0 0px 0 12px; padding:0px; padding:0px;}
#servicesList2 .serviceDetailsFirst {float:left; width:152px; padding:0px; padding:0px;}
#servicesList2 .serviceDetails .imgService {height:155px; margin:0px 0px 0px 21px}
#servicesList2 .serviceDetailsFirst .imgService {height:155px;}
#servicesList2 .serviceDetails .serdet {position:relative; top:0; left:0; width:140px; height:165px; border-left:1px solid #dedede; padding:0px 0px 0px 21px; }
#servicesList2 .serviceDetailsFirst .serdet {position:relative; top:0; left:0; width:136px; height:165px; border-left:none;}
#servicesList2 .serviceReadMore {position:absolute; bottom:0; left:0; margin:0px 0px 12px 0px; padding:0px 0px 0px 21px}
#servicesList2 .serviceReadMore a {text-decoration:underline; font-size:11px; font-weight:bold; color:#000}
#servicesList2 .serviceDetailsFirst .serviceReadMore {padding:0px;}

#newsHome {float:right; width:260px;}
#newses {margin:0px ; padding:0px 0px 0px 0px;  border-top:1px solid #ababab}
.newsDetail {margin:20px 0px 10px 0px; font-size:11px;}
.titleNews, .titleNews a {font-size:11px; font-weight:bold; color:#000}
.abstractNews {color:#6e6e6e}
.abstractNews p {margin:0px; padding:0px;}

#colSx {float:left; width:215px;}
#pageDetail {float:left; width:740px; margin:0px; overflow:hidden;}

#pageText {margin:15px 0px 50px 0px; overflow:hidden;float:right}
#centerLeftText {float:left; margin:0px 15px 0px 30px; padding:10px 0px 0px 0px; font-size:18px; font-family:Times New Roman}
#centerLeftText2 {float:left; width:140px; margin:0px 15px 0px 30px; padding:0px 40px 15px 0px; font-size:18px; font-family:Times New Roman}
#mainText {float:left; width:420px; padding:0px 20px 0px 15px; border-left:1px solid #b2b2b2}
#mainTextAll {float:left; padding:0px 0px 0px 25px; }
#mainTextAll a {color: #CC3433;text-decoration:underline}
#mainText a {color: #CC3433;text-decoration:underline}
#centerLeftText p, #mainText p {margin:0px; padding:0px;}
.red {color:#CC3433}
.himg {margin:5px 0px 15px 30px;}

#caseHistory {margin:20px 0px 50px 30px}
#caseHistoryTitle {margin:0px 0px 10px 0px; padding:0px; font-size:16px; font-weight:bold;}
#caseHistoryText {margin:0px; overflow:hidden;}
#caseHistoryText p {margin:0px; padding:0px;}

#pageNews {margin:15px 0px 50px 25px}
#pageNewsTitle {margin:0px 0px 10px 0px; padding:0px; font-size:16px; font-weight:bold;}
#pageNewsText {margin:0px; overflow:hidden;}
#pageNewsText p {margin:0px; padding:0px;}
#pageNews a {color: #CC3433;text-decoration:underline}


#navigation {width:100%; margin:20px 0px 0px 0px; padding:0px; font-size:11px;}
.childList {margin:0px 0px 0px 15px}
.child {margin:0px 0px 10px 0px; padding:0px 0px 0px 15px; background-image:url(/static/img/freccia.gif); background-position:left center; background-repeat:no-repeat;}
.child a {color:#CC3433}
.selChild {margin:0px 0px 10px 0px; padding:0px 0px 0px 15px; background-image:url(/static/img/freccia.gif); background-position:left center; background-repeat:no-repeat;}
.selChild a {font-weight:bold; color:#CC3433}


#breadcrumb {width:100%; margin:20px 0px 0px 25px; font-size:11px; color:#ccc;}
#breadcrumb a.ONav {font-size:11px; color:#ccc;}

#footer {width:100%; margin:10px 0px 0px 0px; padding:16px 0px 0px 0px; border-top:1px solid #f2f2f2; overflow:hidden;}
#footerLeft {float:left; width:498px; font-size:11px; color:#949796; border-right:1px solid #e9e9e9}
#firstRowFooter {margin:0px; padding:0px 0px 0px 15px; background-image:url(/Static/img/redCircle.gif); background-position:left top; background-repeat:no-repeat;}
#firstRowFooter a {text-decoration:underline; font-size:11px; color:#949796;}
#secondRowFooter {margin:0px; padding:0px 0px 0px 15px;}
#footerPartners {width:452px; margin:0px 0px 0px 10px; padding:0px; overflow:hidden;}
#titlePartners {float:left; margin:2px 0px 0px 10px; font-size:11px; font-weight:bold; color:#000;}
#partnersList {float:right; overflow:hidden;}
#partnersList .logoPartner {float:left; }
#microsoftPartner {float:right}