body {  padding: 0; margin: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 62.5%; color: #565656;  background: #2B2B2B;     }
table, img, div, form{ padding:0; margin:0; border:none; }
p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #565656; padding: 0; margin: 0; }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #686868; padding: 0; margin: 0 0 10px 0; font-weight: normal; }
h2 { font-size: 16px; padding: 0px; margin: 0px; font-weight: bold; }
h3 { font-size: 14px; padding: 0px; margin: 0px; font-weight: normal; }
h4 { padding: 0px; margin: 0px; font-weight: normal; font-style: italic; }
ul, ol { font-size:1em; margin: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 28px; padding-right: 8px; }
li { margin: 2px 0px 0px 0px; padding: 0px; }

.hidden{display:none;}

.resulterror, .resulterror * { color: #FF0000; }
.resultok, .resultok * { color: #009900; }

input, label { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; padding: 2px; margin: 0px; }
select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin: 0px; }
input.tab { background-color: #DDDDDD; border: solid 3px #DDDDDD; color: #000000; font-size: 11px; width: auto; overflow: visible; padding: 0px; }
input.tabselected { background-color: #214C9A; border: solid 3px #214C9A; color: #FFFFFF; font-size: 11px; width: auto; overflow: visible; font-weight: bold; padding: 0px; }
#TabDiv { border-bottom: solid 6px #214C9A; margin-bottom: 10px; }

/* General purpose links */
a, a:link, a:active { color: #C7180F; text-decoration: underline; }
a:hover { color: #E80C00; text-decoration: underline; }


code, pre { font-family: Courier New, Lucida Console, Monospace; color: #000000; padding: 0px; margin: 0px; }
pre { border: dashed 1px #999999; background-color: #FFFFF0; margin: 0px 10px 0px 10px; padding: 8px; }

/* Class for general purpose images (contained in Wiki pages) */
img.image { border: solid 1px #F5F5F5; }

/* Class of the formatting Buttons in Edit.aspx */
img.format { border: solid 1px; padding: 2px; }

/* Div used for clearing floats */
div.clear { clear: both; }

/* Div containing images alighed to the left */
div.imageleft { border: 1px solid #E0DAC8; background-color: #FFFFFF; padding: 4px; margin-left: 0px; margin-right: 8px; margin-top: 4px; margin-bottom: 4px; float: left; }

/* Div containing images alighed to the right */
div.imageright { border: 1px solid #E0DAC8; background-color: #FFFFFF; padding: 4px; margin-left: 8px; margin-right: 0px; margin-top: 4px; margin-bottom: 4px; float: right; }

/* Table containing images not aligned */
table.imageauto { border: 1px solid #E0DAC8; background-color: #FFFFFF; padding: 4px; margin: 4px 4px 4px 0px; }

/* Div acting like a box */
div.box { border: solid 1px #CCCCCC; background-color: #F9F9F9; display: table-cell; padding: 15px; margin: 4px 4px 0px 4px; }

/* Contains the Header */
	#HeaderDiv { width:100%; float:left;  background: #FFFFFF url(imagens/bg_body.gif) repeat-x;     }
	
	#Lang{ width: 750px; margin:0 auto; height:13px; padding:4px 0 4px 0; }
	#Lang ul{ list-style: none; float:right; padding:0; margin:0;}
	#Lang li{ display: block;  padding:0; margin:0 0 0 9px; float:left;  background-repeat: no-repeat;  }
	#Lang li.br{	background-image: url(imagens/br_icon.gif);}
	#Lang li.en{	background-image: url(imagens/en_icon.gif);}
	#Lang a{ display:block; width:19px; height:13px; 	}
	#Lang a:hover{width:17px; height:11px;	border: 1px solid #FF4500;}
	
	
	.logo{ position:absolute; left:0; top:6px; width:51%; height:68px; }	
	.logo a{ display:block; width:223px; height:51px;   }
	.logo h1{ padding: 0 157px 0 0; float:right; display:block; width:223px; height:68px; overflow: hidden;  background: url(imagens/logo.gif) no-repeat;  margin: 0;   }
	#TopControls{ width: 750px; height: 61px; margin:0 auto; }
	
	#TopControls div.btn{ font-size:1.1em; font-weight:bold; padding: 0 9px 0 9px; float: right; margin: 28px 0 0 5px;  display: block; height: 20px;  background-color:#969494;  border-style:solid; border-width: 1px 1px 1px 1px ; border-color: #555555;  font-family: Arial, Helvetica, sans-serif;  }
	#TopControls div.btn a{	color: #FFFFFF; text-decoration: none; padding-top:3px; display:block;	height:18px; overflow: hidden;  float: left; }
	#TopControls div.btn a:hover{ color: #FFFFFF; text-decoration: none;  cursor: pointer;   }
	#TopControls div.btn span{ float:left; display:block; height:30px;  padding:0 0 0 27px; background-color:#969494;  }
	#TopControls div.titulo{ font-size:1.5em; font-weight:bold; padding: 0 0px 0 0; float: right; margin: 30px 0 0 0px;  display: block; height: 30px; font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; color:#FF9900; }
	
	.acessorestrito{position:relative; float: right; width:211px; height:30px; margin:13px 0 0 5px;}
	.titrestrita{margin:0px 0 0 10px;}
	#txtLogin { font-size: 11px; width: 90px; margin:1px 0 0 3px; padding: 3px 3px 3px 3px; height: 12px; background:none; border-style: solid; border-width: 1px 1px 1px 1px; color: #FF9900; border-color: #555555;}
	#txtSenha { font-size: 11px; width: 90px; margin:1px 0 0 3px; padding: 3px 3px 3px 3px; height: 12px; background:none; border-style: solid; border-width: 1px 1px 1px 1px; color: #FF9900; border-color: #555555;}
	
	#Visual{ margin:0 auto; width:750px; height: 135px; overflow: hidden; background: #151d5c url(imagens/bg_slogan.jpg) no-repeat; }
	#Visual h2{	height:104px; overflow: hidden; display: block; margin:0 auto; padding: 18px 0 0 10px;  color: #FFFFFF;  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.8em;	font-weight:normal;  }
	
	#TopNav{ text-align:center; width: 750px; height:30px; margin:0 auto;}	
	#TopNav ul{	list-style: none;	padding:0; margin:0; font-size:1.3em;	}
	#TopNav li{  height: 30px; float: left; padding: 0; margin: 0 0 0 1px; background: #E25333 url(imagens/bg_nav.gif) repeat-x bottom; }
	#TopNav li.active{ background: #FAFAFA url(imagens/bg_nav_active.gif) repeat-x;  }
	#TopNav li.home{ padding:0 3px; }
	#TopNav a{ color: white; margin: 0; text-decoration: none; display: block; padding: 6px 0 0 0; width: 123.5px; text-align: center; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
	#TopNav li.active a{ color: #151d5c; }
	#TopNav a:hover{ position: relative; top: -1px;  }
			
	/* Contains the SidebarDiv and the MainDiv */
	#ContentWrapper{ width:100%; padding: 0 0 50px 0; float:left;  background: White url(imagens/bg_content.gif) repeat-x; }
	#ContainerDiv { width: 750px; padding: 0; margin: 0 auto; }

/* Contains the Sidebar */
	#Side{ float:right; font-size:1.2em; width: 180px; margin: 0; padding: 36px 0 0px 40px; min-height: 380px;  position: relative; 	}
	#Side h3{ font-size: 1.38em; text-transform: uppercase; color: #727272;  font-family: "Trebuchet MS";  font-weight: bold;   }

	#GetStarted ul{ list-style:none; padding:0; margin:1em 0 1.5em 0; }
	#GetStarted li{ display: block; height: 39px; margin:0 0 8px 0; width: 180px; background-repeat: no-repeat; padding:0;}
	#GetStarted li.appweb{ background-image: url(imagens/icoappweb.gif); }
	#GetStarted li.ecommerce{ background-image: url(imagens/icoecommerce.gif); }
	#GetStarted li.websites{ background-image: url(imagens/icowebsites.gif); }
	#GetStarted li.consult{ background-image: url(imagens/icoconsult.gif); }
	#GetStarted li.integracao{ background-image: url(imagens/icointegracao.gif); }
	#GetStarted li.intranets{ background-image: url(imagens/icointranets.gif); }
	#GetStarted a{ display: block; height: 20px; width: 128px; padding:9px 0 0 52px; overflow:hidden; color: #545454; text-decoration: none; font-size:1.1em;}
	#GetStarted a:hover{		text-decoration: underline;	}
	
	#Side .fromprice{ width:180px; margin: 0 0 1.5em 0; padding:0; height: 59px;  background: #A5C7EB url(imagens/contato.gif);  }	
	#Side .fromprice a{ display:block; text-decoration:none; width:170px; padding:21px 60px 0 10px; height: 25px; color: White;  font-size: 1.2em;  font-weight:bold;  overflow: hidden;   }	
	#Side .fromprice a:hover{		text-decoration: underline;	}
	#Side .news ul{ list-style:none; font-weight: bold; font-size:0.9em; color: #DE4338; margin:0.8em 0 20px 0; padding:0;  font-family: Arial, Helvetica, sans-serif; 	}
	#Side .news li{ margin:0 0 10px 0;	}
	#Side .news a{ font-style: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  line-height:1.4em; font-size: 1.2em; font-weight: normal; text-decoration: none; color: #515151; }
	#Side .news a:hover{		text-decoration: underline;	}
	
/* Contains the contents of a Page */
	#MainDiv { float:left; width:750px; margin: 0; padding:0;}
	#Text { float:left; width:525px; line-height:1.4em; margin: 0; padding:40px 0 0 0; font-size:1.4em;}
	#Text .large{ font-size: 1.0em; color: #777777; }
	#Text .frontlist{ margin:10px 0 15px 0;  }
	#Text .frontlist ul{	list-style:none; margin:0; padding:3px 0 0 5px;	}
	#Text .frontlist li{ padding:0 0 0 28px;	margin:0 0 6px 0; background-image: url(imagens/ico_frontlist.gif);	background-repeat: no-repeat; }

/* Contains the Page Header (title, last modify, etc.) */
	#PageHeaderDiv { display:none;}

/* Contains the Footer */
	#FooterWrapper{ width:100%; margin: 0; padding: 18px 0 0px 0;  border-top: 13px solid #E6E6E6;  background-color: #2B2B2B;  color: #D5D5D5;  clear: both;  position: relative;      }
	#Footer{ width:750px; margin:0 auto; padding:0; line-height:1.6em; font-size:1.1em; font-family: "MS Sans Serif", Geneva, sans-serif; }
	#Footer .left{ float: left; width: 500px; padding-bottom:30px; }
	#Footer .right{ float: right; width: 245px; text-align: right; }
	#Footer .right a{ text-decoration: none; color:#dddddd;	}
	#Footer .left a{ color: #8A8A8A; text-decoration: none;}
	#Footer a:hover{ color:#EEEEEE; border-bottom:1px solid #CCCCCC;	}
	#Footer .left ul{ list-style: none; padding: 0; margin: 0; }
	#Footer .left li{ display:block; float:left;  border-left: 1px solid #222222;  border-right: 1px solid #414141;  padding: 0 14px 0 14px;  	 }
	#Footer .left li.first{ border-left:none;	padding-left:0;}
	#Footer .left li.last{ border-right:none; padding-right:0;	}
	#Footer .admin{ float: right; width: 225px; text-align:right; color:#666666;	right; margin: 0; padding: 0; }
	#Footer .admin a{ text-decoration: none; color:#666666;	}


/* Contains the Page Content */
	#PageContentDiv { margin: 0; }