﻿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/back-left.jpg);background-position:center top;  background-repeat:repeat-x;}
body.int {background-image:url(/Static/img/background-int.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;}

#main{width:955px; margin:auto;}

#header {width:100%; margin:0px 0px 8px 0px; text-align:right;}
#header img {border:none}

ul#menuHeader1 {margin:0px; padding:0px; list-style-type:none;}
ul#menuHeader1 li {margin:8px 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;background-image:url(/Static/img/back-header.gif);}
#menuHeader2 #logo {float:left; margin:0px 0px 0px 0px;}

ul#mainNav {float:right; margin:140px 0px 0px 0px; padding:0px; list-style-type:none;}
ul#mainNav li {margin:0px; padding:0px 12px; display:inline; color:#000; border-left:1px solid #FFF}
ul#mainNav li a {color:#000}

#pageContentHome {margin:19px 0px 0px 0px;*margin:16px 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:290px;height:260px;background:#FFF;padding:10px 0px 0px 0px;}
#caseHistories ul {margin:0px 0px 0px 10px; padding:0px; list-style-type:none;}
#caseHistories ul li {width:100%; margin:10px 0px 5px 0px; padding:0px; overflow:hidden;}
#caseHistories ul li img {margin-bottom:5px;}
#caseHistories ul li .case {float:left; width:280px;}
#caseHistories ul li .titleCase {margin:13px 0px 0px 0px;*margin:11px 0px 0px 0px;}
.titleCase, .titleCase a {font-weight:bold; color:#4f84c6;font-size:16px;padding-bottom:15px;}
.abstractCase {font-size:11px; color:#000;text-align:justify;margin:0px 10px 0px 0px;}
.abstractCase a {text-decoration:underline; font-weight:bold; color:#4f84c6}

#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 0px; padding:0px; overflow:hidden;}
#newsList ul li .titleNews {margin:0px;}
.titleNews, .titleNews a {font-weight:bold; color:#000}
.abstractNews {font-size:11px; color:#000;}
.abstractNews a {text-decoration:underline; font-weight:bold; color:#000}

span.title10 {font-size:20px;margin:5px 0px 5px 10px;}
span.title11 {font-size:16px;margin:0px 0px 0px 10px;}
span.title12 {font-size:20px;margin:0px 0px 0px 0px;}

#services {float:left; width:665px;background:#e9e9e9;}
#servicesList {width:100%; margin:0px; padding:15px 0px 0px 0px; border-top:1px solid #b9b8b6; 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 #b9b8b6}
#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:#000;}
.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:#4f84c6}

#newsHome {float:left; width:270px;margin-left:10px;}
#newses {margin:0px; padding:0px; border-top:1px solid #ababab}
.newsDetail {margin:18px 0px 10px 0px; font-size:11px;}
.titleNews, .titleNews a {font-size:11px; font-weight:bold; color:#4f84c6;text-transform:uppercase}
.abstractNews {color:#6e6e6e;text-align:justify}
.abstractNews p {margin:0px; padding:0px;}

#colSx {float:left; width:215px;}
#pageDetail {float:left; width:720px; margin:0px; overflow:hidden;background:#f1f1f1;margin-bottom:10px;margin-left:20px;min-height:500px;}

#pageDetail a {color:#4f84c6}

#pageText {margin:20px 0px 50px 0px; overflow:hidden;}
#pageTitle {font-size:20px; font-weight:bold; color:#4f84c6;margin:20px 20px 0px 20px;}
#mainText {float:left; padding:0px 40px 15px 20px;}
#mainText p {margin:0px; padding:0px;}

#caseHistory {margin:20px 0px 50px 30px}
#caseHistoryTitle {font-size:20px; font-weight:bold; color:#4f84c6;margin:20px 20px 0px 20px;}
#centerLeftText2 {margin:0px 0px 5px 20px; overflow:hidden;}
#caseHistoryText {margin:0px; overflow:hidden;}
#caseHistoryText p {margin:0px; padding:0px;}

#pageNews {margin:20px 0px 50px 0px}
#pageNewsTitle {font-size:20px; font-weight:bold; color:#4f84c6;margin:20px 20px 0px 20px;}
#pageNewsText {float:left; padding:0px 40px 15px 20px;}
#pageNewsText p {margin:0px; padding:0px;}

#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:#4f84c6}
.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:#4f84c6}


#breadcrumb {width:100%; margin:20px 0px 0px 0px; font-size:11px; color:#ccc;}
#breadcrumb a.ONav {font-size:11px; color:#ccc;}

#footer {width:100%; margin:10px 0px 15px 0px; padding:16px 0px 0px 0px; border-top:1px solid #b9b8b6; overflow:hidden;}
#footerLeft {float:left; width:665px; font-size:11px; color:#949796; border-right:1px solid #b9b8b6}
#firstRowFooter {margin:0px; padding:15px 0px 0px 0px; background-position:left top; background-repeat:no-repeat;}
#firstRowFooter2 {margin:0px; padding:10px 0px 0px 0px; background-position:left top; background-repeat:no-repeat;}
#firstRowFooter a {font-size:11px; color:#949796;}
#firstRowFooter a:hover {text-decoration:none;}
#secondRowFooter {margin:0px; padding:0px 0px 0px 15px;}
#footerPartners {width:281px; margin:0px 0px 0px 0px; padding:0px; overflow:hidden;padding:0px 0px 0px 0px;color:#6e6e6e;font-size:11px;}
#titlePartners { margin:2px 10px 0px 0px; font-size:11px; font-weight:bold; color:#6e6e6e;}
#titlePartners2 { margin:2px 5px 0px 0px; font-size:11px; font-weight:bold; color:#6e6e6e;}
#partnersList {float:left; width:168px; overflow:hidden;}
#partnersList .logoPartner {float:left; margin:0px 7px;}
#microsoftPartner {float:right}

#footerPartners a {text-decoration:none; color:#949796; cursor:pointer;}
#footerPartners a:hover {text-decoration:underline;}