body {
			scrollbar-face-color: #ecf2f1;     
			scrollbar-highlight-color: #c8c8c8; 
			scrollbar-shadow-color: #c8c8c8; 
			scrollbar-3dlight-color: #ecf2f1;
			scrollbar-arrow-color: #c8c8c8; 
			scrollbar-track-color: #ecf2f1;
			scrollbar-darkshadow-color: #ecf2f1;
			background: #020202;
			margin: 0px;
			padding: 0px;
			font-family: Tahoma, Arial, Verdana, Times New Roman, Helvetica, sans-serif;
			font-size:11px;
			line-height:18px;
			word-spacing:2px;
			color: #dbdbdb;
	}
a:link, a:visited {color:#83c019; text-decoration:none}
a:hover { text-decoration:underline}
a:focus {outline:none}
.dl_none { display:none}
p {padding-top: 2px; padding-bottom: 6px; margin-top: 2px; margin-bottom: 6px}

img {border: none}
table {border: 0px}

#body_inicial {background: url(../images/bg_principal.jpg) #191a1d repeat-x}
#janela_inicial {margin: 0px; height: auto; width: 1002px; text-align: center}
	#topo {height: 134px; background: url(../images/bg_topo.jpg) center no-repeat}
	
	#logo {float: left; margin: 12px 0px 0px 20px}
	
	#menutop {float:right; width: 350px; height: 39px}
	#menutop a:link, #menutop a:visited{font-size:10px; font-weight:bold; color:#999; line-height:39px; padding:0 8px 0 6px; text-decoration:none; float:left}
	/*#menutop a:hover{color:#FFF}*/
	#menutop .delim{background:url(../images/menu-top-delim.gif) no-repeat}

	#menu {height: 41px; background: url(../images/bg_menu.jpg) center no-repeat; text-align:center}
	#menu a:link, #menu a:visited{font-size:13px; font-weight:bold; color:#F6F6F6; text-decoration:none; line-height:41px; padding:0 15px; display:inline-block}
	/*#menu a:hover{color:#96cb11}*/
	#menu .delim{background:url(../images/menu-delim.gif) no-repeat}
	
	#projetos {height: 227px; background: url(../images/bg_projetos.jpg) center no-repeat}

#maincontainer {width: 100%; margin: 0px; padding: 30px 0px 40px 0px; height: auto}
#maincontainer_width {width: 1002px}
	#colum1 {width: 47px; float: left; visibility: hidden}
		#colum1 h1, #colum1 h2, #colum1 h3, #colum1 h4, #colum1 h5, #colum1 h6 {visibility: hidden; font-size: 0.1em}
		#colum1 h1 a:link, #colum1 h2 a:link, #colum1 h3 a:link, #colum1 h4 a:link, #colum1 h5 a:link, #colum1 h6 a:link {visibility: hidden}
	
	#colum2 {width: 700px; float: left; margin: 0px; text-align:left}
		.header_article {background:url(../images/bgtitle.jpg) bottom left no-repeat; font-size: 16px; font-family: arial; color: #bfbfbf; padding-bottom: 16px; text-align: left}
		
		.title_page {padding-bottom: 14px}
		
		#colum2 div.description {color: #dbdbdb; font-family: Tahoma; font-size: 11px; line-height: 150%; text-align: left; width: 655px}
		#colum2 div.description p {padding: 0px; text-align: left}
		
		.textbody {color: #dbdbdb; font-family: Tahoma; font-size: 11px; line-height: 150%; text-align: justify}
		.textbody p {color: #dbdbdb; padding-top: 5px; padding-bottom: 3px; margin: 5px 0px 3px 0px}
		.textbody blockquote {padding: 0px; margin: 14px 20px 14px 14px}
		
		.print {color: #888888; font-family: Tahoma; font-size: 11px; line-height: 140%}
		.print p {padding-top: 3px; padding-bottom: 3px; margin-top: 3px; margin-bottom: 3px}

		.margin2Img {margin-right: 16px; margin-bottom: 8px}

		.subject {margin-bottom: 12px}
		
		.header_mission {color: #ffffff; padding-bottom: 4px; font-weight: bold}
		
		.marginright {margin-right: 9px}
		
		img.right {float: left; margin-right: 20px;	margin-top: 8px}
		a img.right {border: 1px solid #E3E3E3;	padding: 4px; background: #FFFFFF}
		a:hover img.right{border-color: #FF6600}
		
		.padding10 {padding-bottom: 12px}
		
		.line {padding-top: 10px; padding-bottom: 10px}
		
		.service {padding-top: 14px}
		.service .title{font-size:12px; font-weight:bold; color:#96cb11; background:url(../images/title-line.jpg) no-repeat left bottom; line-height:25px; margin-bottom:5px}
		.service .title a:link, .service .title a:visited{color:#96cb11}
		.service .title a:hover{text-decoration:underline; color:#fff}
		
		.example {padding-left: 20px}
		.example a:link {text-decoration: none}
		.example a:visited {text-decoration: none}
		.example a:hover {text-decoration: underline}

		
		/* Services */
		.styleprint {padding: 26px 0px 10px 8px}

		.thumb {padding-right: 20px; padding-bottom: 20px}   
			.item {position: relative; float: left; width: 200px; text-align: left}
			.item a.pic {position: relative; float: left; border: 3px solid #3a3939; margin-bottom: 6px}	
			.item a.pic img {position: relative; float: left; width: 200px; height: 154px}
			.item a.pic:hover {border: 3px solid #6f6969; filter: alpha(opacity=80); -moz-opacity:.80; opacity:.80; cursor: url(../images/magnify.cur)}
			
			.item p {padding: 0px; margin: 0px}
				.item p.projectname {padding-top: 2px; color: #83c019; font-size: 10px; font-weight: bold; text-transform: uppercase}
				.item p.projectname img.bullet {margin-right: 6px}

				.item p.include {color: #999; font-size: 10px; padding: 8px 0px 0px 12px}
				.item p.include a  {color: #999; text-decoration: none}
				.item p.include a:hover {color: #fff; text-decoration: underline}
			
				.item p.address {color: #999; font-size: 10px; padding: 6px 0px 0px 12px}
				.item p.address a  {color: #999; text-decoration: none}
				.item p.address a:hover {color: #fff; text-decoration: underline}
				
				.item p.invite {color: #d0d0d0; font-size: 9px; padding: 6px 0px 0px 12px; cursor: pointer; font-weight: bold}
				.item p.invite a  {color: #d0d0d0; text-decoration: none}
			
		.thumb_print {padding-right: 22px; padding-bottom: 20px}   	
			.item_print {position: relative; float: left; width: 198px; text-align: left}
			.item_print a.pic {position: relative; float: left; border: 3px solid #3a3939; margin-bottom: 6px}	
			.item_print a.pic img {position: relative; float: left; width: 198px; height: auto}
			.item_print a.pic:hover {border: 3px solid #6f6969; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; cursor: url(../images/magnify.cur)}
			.item_print p {padding: 0px; margin: 0px}
				.item_print p.projectname {padding-top: 2px; color: #83c019; font-size: 10px; font-weight: bold; text-transform: uppercase}
				.item_print p.projectname img.bullet { margin-right: 6px}
				
				.item_print p.invite {color: #d0d0d0; font-size: 9px; padding: 6px 0px 0px 12px; cursor: pointer; font-weight: bold}
				.item_print p.invite a  {color: #d0d0d0; text-decoration: none}
	
		.thumb_print2 {padding-bottom: 20px}
			.item_print2 {position: relative; float: left; width: 646px; text-align: left}
			.item_print2 a.pic {position: relative; float: left; border: 3px solid #3a3939; margin-bottom: 6px}	
			.item_print2 a.pic img {position: relative; float: left; width: 646px; height: auto}
			.item_print2 a.pic:hover {border: 3px solid #6f6969; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; cursor: url(../images/magnify.cur)}
			.item_print2 p {padding: 0px; margin: 0px}
				.item_print2 p.projectname {padding-top: 2px; color: #83c019; font-size: 10px; font-weight: bold; text-transform: uppercase}
				.item_print2 p.projectname img.bullet { margin-right: 6px}
				
				.item_print2 p.invite {color: #d0d0d0; font-size: 9px; padding: 6px 0px 0px 12px; cursor: pointer; font-weight: bold}
				.item_print2 p.invite a  {color: #d0d0d0; text-decoration: none}
		
		.thumb_print3 {padding-bottom: 20px; padding-right: 22px}
			.item_print3 {position: relative; float: left; width: 100px}
			.item_print3 a.pic {position: relative; float: left; border: 3px solid #3a3939; margin-bottom: 6px}	
			.item_print3 a.pic img {position: relative; float: left; width: 100px; height: auto}
			.item_print3 a.pic:hover {border: 3px solid #6f6969; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; cursor: url(../images/magnify.cur)}
			.item_print3 p {padding: 0px; margin: 0px}
				.item_print3 p.projectname {padding-top: 2px; color: #83c019; font-size: 10px; font-weight: bold; text-transform: uppercase}
				.item_print3 p.projectname img.bullet { margin-right: 6px}
				
				.item_print3 p.invite {color: #d0d0d0; font-size: 9px; padding: 6px 0px 0px 12px; cursor: pointer; font-weight: bold}
				.item_print3 p.invite a  {color: #d0d0d0; text-decoration: none}
				
		.paging {position: relative; float: left; width: auto; padding: 8px 0px 4px 0px; margin-bottom: 20px; margin-top: 30px; border-top: 1px solid #302e2e; border-bottom: 1px solid #302e2e; text-align: left}
			.paging ul {position: relative; float: left; list-style-type: none; padding: 0px; margin: 0px}
			.paging ul li {position: relative; float: left; margin-left: 5px}
			.paging ul li a {position: relative; float: left; font-family: Arial; font-size: 11px; color: #0f465b; padding: 2px 1px; text-decoration: underline}
			.paging ul li a:hover {color: #4f8896; text-decoration: none}
			
			.paging ul li.btn a {padding: 2px 2px; color: #515151; text-decoration: none}
			.paging ul li.btn a:hover {color: #4f8896; text-decoration: underline}
			
			.paging ul li.sel {font-size: 11px; color: #cccccc; background: #131313; padding: 3px 4px; text-decoration: none}
			
		#tieuchuan {font-size: 11px; width: 643px; text-align: left}
		
			#tieuchuan dt {margin-left: 8px}
			
			#tieuchuan .no1 {background: url(../images/no1.gif) no-repeat; width: 489px; height: 41px; color: #fff; font-weight: bold; padding-left: 50px}
			#tieuchuan .no2 {background: url(../images/no2.gif) no-repeat; width: 627px; height: 41px; color: #fff; font-weight: bold; padding-left: 50px}
			#tieuchuan .no3 {background: url(../images/no3.gif) no-repeat; width: 427px; height: 41px; color: #fff; font-weight: bold; padding-left: 50px}
			
			#tieuchuan .body_number {padding: 0px 0px 20px 49px; color: #dbdbdb; font-weight: normal; line-height: 140%}
			#tieuchuan .body_number p {padding-top: 2px; padding-bottom: 2px; margin-top: 2px; margin-bottom: 2px}
			
			.table_quality {background-color: #232428; border: 1px solid #4a4c50; padding: 30px; color: #b2b2b2; font-weight: normal; font-size: 11px; margin: 40px 0px 40px 0px}
				.table_quality span {color: #ddd; font-weight: bold; text-align: left}
				.table_quality ul {margin: 0px; padding: 16px 0px 16px 30px}
				.table_quality ul li {list-style-type: circle; padding-top: 6px; text-align: left}
			
			.donghanh {font-weight: normal; color: #dbdbdb; font-size: 11px; line-height: 150%; padding-top: 16px; text-align: left}
			
			#list_software {background: url(../images/list_software.jpg) no-repeat; width: 352px; height: 187px; font-weight: normal; color: #dce6ea; float: right; text-align: left}
				#list_software p {padding-top: 2px; margin: 0px}
				
				.soft_provide {padding-top: 36px; color: #dce6ea; font-size: 11px}
			
	#col_line {background: url(../images/line.jpg) #2e3034 bottom right no-repeat; width: 1px; float: left; overflow: hidden}
	
	#colum3 {width: 207px; overflow: hidden; float: left; padding-left: 21px}
		#ebrochure {padding-bottom: 6px}
		#ebrochure img {display: block; cursor: pointer}
		#ebrochure span {text-indent:-9999em; display:block; margin:0 auto}
		
		/* recent project */
			.site {height:160px; margin:0 0 10px; position:relative; width:240px}
				.site1 {background:url(../images/site_fr_c.jpg) no-repeat left top}
				.site2 {background:url(../images/site_mh_c.jpg) no-repeat left top}
				.site3 {background:url(../images/site_mh_c.jpg) no-repeat left top}
			
			.site img, .site div {display:none}
			
			.site div {border-top:4px solid #fff; bottom:0; left:0;	position:absolute; width:100%; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80}
				.site div a {color:#fff; font-size:0.9em; font-weight:bold; letter-spacing:1px;	text-align:right; text-transform:uppercase}
			.site div p {background:#ac1319; color:#fff; font-size:11px; line-height:16px; margin:0; padding:5px 10px; text-align:left}
				.site div p.link {background:#000; color:#fff}
		
		#sidebar {width: 207px; text-align: left}
		#recentproject {background: url(../images/recentproject.jpg) no-repeat; height: 29px}
		#sidebar dl {padding-top: 16px; margin: 0px}
		#sidebar dl dd {padding-bottom: 16px; margin: 0px}
		#sidebar dl dd.projeto a:hover {color: #000}
		#sidebar dl dd.projeto img {border: 7px solid #757678; width: 164px; height: auto}
		#sidebar dl dd.projeto a:hover img {border-color: #b5b5b5}
		
		#promote-yourself {width: 220px; margin-top: 20px; font-size: 10px; padding: 0px}
			#promote-yourself ul {display: block; width: 220px; margin: 0px; padding: 0px}
			#promote-yourself ul li {display: block; width: 16px; height: 16px; float: left; margin: 0 4px 4px 0; padding: 0px}
			#promote-yourself li a {display: block; width: 16px; height: 16px; background: #020202; border: 1px solid #242424}
			#promote-yourself li a:hover {background: #020202; border: 1px solid #636363}
			#promote-yourself img {border: 0px}
		
			#promote-yourself h1{width: 220px; font-weight: bold; font-size: 14px; color:#ff0099; padding: 0px; margin: 5px 0px 10px 0px}
		
			#promote-yourself h3 {margin: 0 0 5px 0}
		
		#learn {width: 207px; margin-top: 10px; text-align: left}
			.learnweb_header {background: url(../images/article.jpg) left no-repeat; height: 29px; width: 180px}
			
			.learnweb_content {padding: 9px 13px 18px 0px; text-align: left}
				.line_learn {background: url(../images/line_learn.gif) repeat-x}
				
				.vid_thumb {width: 34px; padding: 9px 0px 9px 4px}
				.vid_thumb img {width: 34px; height: auto}
				
				.lesson {padding-left: 10px; padding-bottom: 9px; text-align: left}
				.lesson a {font-size: 11px; line-height: 150%; color: #a5a5a5; text-decoration: none}
				.lesson a:hover {color: #8cbd11; text-decoration: none}
				.lesson span {font-size: 11px; line-height: 150%; color: #8cbd11}
			
			.more {background: url(../images/bullet.gif) no-repeat 0 14px; padding: 8px 0px 0px 10px; margin-left: 44px; white-space: nowrap; font-size: 11px; color: #a5a5a5; text-align: left}
			.more a {color: #a5a5a5; text-decoration: none}
			.more a:hover {color: #fff; text-decoration: none; background:#788f1e url(../images/hovers.gif); padding:1px 2px}
		
	#colum4 {width: 47px; float: left; visibility: hidden}
		#colum4 h1, #colum4 h2, #colum4 h3, #colum4 h4, #colum4 h5, #colum4 h6 {visibility: hidden; font-size: 0.1em}
		#colum4 h1 a:link, #colum4 h2 a:link, #colum4 h3 a:link, #colum4 h4 a:link, #colum4 h5 a:link, #colum4 h6 a:link {visibility: hidden}


/* SERVICE PAGE
------------------------------------------------------------------------------------------------ */
#portfolio {overflow: hidden; padding-bottom: 20px; width: 1002px}
	#portfolio ul {list-style: none}
	#portfolio li {float:left; width:230px;	text-align:center; background:url(../images/bg-portfolio-separator.jpg) right no-repeat}
	
	#portfolio h3 {font-size: 17px; font-weight: bold; font-family: Arial; color: #96cb11; margin: 0px; padding: 0px}
	#portfolio h3 a {color: #96cb11; text-decoration: none}
	#portfolio h3 a:hover{color: #fff; text-decoration: none}
	
	#portfolio p {margin:8px 25px; line-height: 16px; font-size: 11px; color: #dbdbdb; text-align: left}
	#portfolio img {margin: 5px auto 15px; display: block}
		a.btn-web_portfolio span {text-indent:-9999em; display:block; margin:0 auto}
		
#footer {background: url(../images/bgbottombar.gif) repeat-x left top; width: 100%; height: 75px; font-size: 13px; padding:0px; color:#333; font-weight:bold; text-align:center}
#footer a:link, #footer a:visited{color:#333; text-decoration:underline}
#footer a:hover{color:#96cb11}
	.width_footer {width: 1002px; margin: 0 auto;}
	
	.footerHolderLeft {float: left}

	.footerHolderRight {float:right}
	

#page-nav{height:26px; background:url(../images/page-nav-bg.jpg) no-repeat left bottom; font-size:15px; font-weight:bold; color:#96cb11; margin-bottom:10px}

.list{width:200px; height:200px; float:left; margin:0 20px 20px 0}
.list .name{margin-left:10px}
.list .name a:link, .list .name a:visited{font-size:13px; font-weight:bold; color:#96cb11; line-height:30px; text-decoration:none}
.list .name a:hover{color:#fff}

.contactForm{color:#fff; margin-left:50px; background-image:none !important; width:510px; margin:auto}
.contactFormField{background:#333 !important; color:#fff}
.alert{color:#FC6716; font-weight:bold; padding:5px}
.box{border:1px #FDB188 solid; padding:5px; margin:5px}
#contactMsg{display:none}