/* CSS Document */
/* (*) Significa todos os elementos */
* {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}

html { background: #000; }

body {
	font: 12px Arial, Verdana, Tahoma, sans;
	overflow-x: hidden;
	background: url(../imagens/bg.gif) no-repeat center top;
}

/* (.) pode ser usado com qualquer tags */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#corpo {
	width: 800px;
	/* centraliza e coloca as margens automaticamente */
	margin: 0 auto;
	text-align: left;
	height: 675px;
}

#twitter {			
	line-height: 35px;
}

#twitter a {
	float:right;
	background:url(../imagens/follow-twitter.png) no-repeat;
	height: 25px;
	width: 144px;	
	display: block;
	margin-right: 40px;
	text-indent:-9000px;
	margin-top: 5px;
	/*padding-top: 5px;*/	
}


/* MENU */
#esquerda {
	float: left;
	width: 190px;
	display:block;
	margin-top: -1px;
	padding-left: 41px;
	padding-top: 40px;
}

#menu li {
	display:block;
	text-indent:-9000px;
	overflow: hidden;
}
/* Aplica image replacement para não aparecer o texto no link */
#menu li a {
	display:block;
	text-indent:-9000px;
	overflow: hidden;
}

.capa a {
	background:url(../imagens/logo.jpg) no-repeat;
	width: 125px;
	height: 87px;
	margin-bottom: 20px;
}

.empresa a {
	background:url(../imagens/empresa.jpg) no-repeat;
	width: 121px;
	height: 37px;
	margin-left: 2px;
}

.empresa a:hover {
	background:url(../imagens/empresa_hover.jpg) no-repeat;
}

.servicos a {
	background:url(../imagens/servicos.jpg) no-repeat;
	width: 121px;
	height: 37px;
	margin-left: 2px;
}

.servicos a:hover {
	background:url(../imagens/servicos_hover.jpg) no-repeat;
}


.portifolio a {
	background:url(../imagens/portifolio.jpg) no-repeat;
	width: 121px;
	height: 37px;
	margin-left: 2px;
}

.portifolio a:hover {
	background:url(../imagens/portifolio_hover.jpg) no-repeat;
}

.sistemas a {
	background:url(../imagens/sistemas.jpg) no-repeat;
	width: 121px;
	height: 37px;
	margin-left: 2px;
}

.sistemas a:hover {
	background:url(../imagens/sistemas_hover.jpg) no-repeat;
}


.dicas a {
	background:url(../imagens/dicas.jpg) no-repeat;
	width: 121px;
	height: 37px;
	margin-left: 2px;
}

.dicas a:hover {
	background:url(../imagens/dicas_hover.jpg) no-repeat;
}


.contato a {
	background:url(../imagens/contato.jpg) no-repeat;
	width: 121px;
	height: 37px;
	margin-left: 2px;
}

.contato a:hover {
	background:url(../imagens/contato_hover.jpg) no-repeat;
}


/* MEIO */
#conteudo {
	float: left;
	width: 560px;
	margin-left: -40px;
	/*height: 800px;*/
	
   	margin-top: 37px; /* FireFox */
   *margin-top: 37px;/* IE 7 and below */
   _margin-top: 37px; /* IE 5.5 only */
   _margin-top/**/:/**/ 37px; /* IE 6 only */

	height: 580px;
	/*background:#000;*/
}

#conteudo span.titulo {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	display:block;
	width: 500px;
}

#conteudo span.titulos {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
	display:block;
	width: 500px;
}

#texto p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	display:block;
	width: 500px;
	text-align:justify;
	line-height: 20px;
	margin-bottom: 5px;
}

#texto p .ultimo {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	display:block;
	width: 500px;
	text-align:justify;
	line-height: 20px;
	margin-bottom: 20px;
}

#traducao {
}

#traducao li, #identidade li, #identidade2 li, #criterios li  {
	line-height: 20px;
}

#criterios  {
	margin-bottom: 10px;
}

#identidade {
	float:float;
}


#identidade2 {
	float:right;
	position:absolute;

   	margin-left: 200px; /* FireFox */
   *margin-left: -350px;/* IE 7 and below */
   _margin-left: -350px; /* IE 5.5 only */
   _margin-left/**/:/**/ -350px; /* IE 6 only */

}

/* PAGINAÇÃO */
#paginas {
	color:#0A6DA4;
	font-family:Arial, Verdana, Tahoma, sans;
	font-size: 11px;
	font-weight: bold;
	margin-left: 54px;
	margin-bottom: 21px;
	text-align:center;
	width: 500px;
	display:block;
	margin-top: 100px; /* FireFox */
   *margin-top: 100px; /* IE 7 and below */
   _margin-top: 100px; /* IE 5.5 only */
   _margin-top/**/:/**/ 100px; /* IE 6 only */
   margin-left: -40px;
}

#paginas span.paginacao {
	color:#0A6DA4;
	height: 28px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: -7px;
	padding-bottom: 7px;
	margin-bottom: 2px;
	width: 500px;
}

#paginas span.paginacao a {
	color:#0A6DA4;	
}

#paginas span.paginacao a:hover {
	color:#BBE0E3;	
}

div {
	scrollbar-arrow-color:#0A6DA4;
	scrollbar-3dlight-color:#FFF;
	scrollbar-highlight-color:#2D3C86;
	scrollbar-face-color:#FFF;
	scrollbar-shadow-color:#2D3C86;
	scrollbar-darkshadow-color:#FFF;
	scrollbar-track-color:#BBE0E3;
}


div.over {
	overflow: scroll;
	height: 520px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	text-align:justify;
	padding-right: 20px;
}



/* RODAPE */
address {
	font-size: 11px;
	color: #FFF;
	display: block;
	clear: both;
	text-align: center;
	font-style: normal;
	/* especifiquei a largura para não ficar largo demais */
	width: 787px;
	_width: 789px;
	/*background:#000;*/	
	
}

address .creditos {
	text-align:center;
	font-size: 11px;
	font-weight:bolder;	
	color: #FFF;
}
address .creditos a { font-family: Tahoma, Arial; color: #4A5328; font-weight: bold; font-size: 11px; }
address .creditos a:hover { text-decoration: underline; }