/* Tags
**************************************/
	a{
		text-decoration: none;
		color:#666666;
	}
	
	a:hover{
		text-decoration: underline;
		color:#fe7000;
	}
	
	h1 {
		font-weight: bold;
		font-size: 140%;
		color: #564f92;
		margin-bottom: 16px;
	}
	
	h2 {
		font-weight: bold;
		font-size: 120%;		
	}
	
	h3 {
		font-weight: bold;	
		height: 25px;
		line-height: 25px;
	}
	
	
	#adicional ol.numerada li a {
		height: 20px;
		margin: 10px 0;
		display: block;
		padding-left: 20px;		
	}
	
	#novidades ol.numerada li a {
		height: 50px;
		margin: 10px 0;
		display: block;
		padding-left: 20px;	
	}
	
	/*ol.numerada li.um a { background: url( layout/um.gif ) 0 3px no-repeat; }*/
	ol.numerada li.dois a { background: url( layout/dois.gif ) 0 3px no-repeat; }
	ol.numerada li.tres a { background: url( layout/tres.gif ) 0 3px no-repeat; }
	
	/*dl.numerada dt.um  { background: url( layout/dois.gif ) 0 7px no-repeat; }*/
	dl.numerada dt.dois  { background: url( layout/um.gif ) 0 7px no-repeat; }
	dl.numerada dt.tres  { background: url( layout/dois.gif ) 0 7px no-repeat; }
	
	ul.links li {
		display: inline;
	}
	
	ul.setas {
		margin: 20px 0 30px 0;
		
	}
	
	ul.setas li {
		margin: 5px 0 5px 20px;
		list-style-image: url( layout/seta_laranja.gif );		
	}

	
/* Tipografia
**************************************/	
#geral {
	font: 11px/160% Verdana, Arial, sans-serif;
	color: #585858;
	}

	
#nav_servicos li a {
	font: 90% Arial;
	line-height: 26px;
	text-decoration: none;
	color: white;
	}
	
#nav_areas a {
	font: 90% Arial;
	line-height: 15px;
	text-decoration: none;
	color: #585858;
	}
	
#conteudo .mais {
	color: #fe7000;
	line-height: 26px;
	}	
	
.numerada li {
		line-height: 120%;
	}


#tit_contato {
	width: 60px;
	height: 21px;
	overflow: hidden;
	text-indent: -9999px;
}

#tit_contato { background:  url( layout/tit_contato.gif ) no-repeat; }

/* Geral
**************************************/
	.clearfix:after {
		content: '.';
		display: block;
		height: 0;
		visibility: hidden;
		clear: both;
	}


	#geral {
		width: 765px;
		margin: 0 auto;
		position: relative;
		background-color: white;
		border-right: 1px solid gray;
		border-left: 1px solid gray;
	}

	#logo {
	position: absolute;
	top: 14px;
	left: 33px;
	z-index: 9;
	}


/* Navegação Serviços
**************************************/
	#nav_servicos {
		width: 193px;
		float: left;
		margin-top: 108px;
		margin-left: 11px;
		display: inline;
		padding-top: 7px;
		background: url( layout/bg_nav_servicos.jpg );
		height: 250px;
	}
	
	#nav_servicos li {
		display: inline;
	}

	#nav_servicos li a {
		height: 30px;
		display: block;
		margin: 0 17px; 
		border-top: 1px solid #ff971a;
		border-bottom: 1px solid #e57d00;
		padding-left: 23px;	
		background: url( layout/seta_branca.gif ) 2% 50% no-repeat;
	}
	
	#nav_servicos li a:hover,
	#atas_de_registro a.atas_de_registro,
	#consultoria a.consultoria,
	#help_desk a.help_desk,
	#impressao a.impressao,
	#locacao a.locacao,
	#treinamento a.treinamento,
	#vendas_corporativas a.vendas_corporativas
	 {
		margin-left: 22px;
		background-position: 5% 50%;
	}
	
	

	
	#nav_servicos li.inicio a { border-top: 0; }
	#nav_servicos li.fim a { border-bottom: 0; }



	
/* Inicio
**************************************/
	#inicio {
		width: 550px;
		float: right;
		margin-top: 70px;
		margin-right: 11px;
		display: inline;
		position: relative;
	}



/* Promo
**************************************/
	/*#promo img {
		width: 549px;
		height: 269px;
		border: 1px solid #dfdfdf;
	}
	*/
	#promo {
		width: 549px;
		height: 269px;
		
		
	}

	#promo_2 {
		width: 549px;
		height: 269px;
		
		
	}




/* Navegação áreas
**************************************/
	#nav_areas {
	width: 529px;
	height: 30px;
	position: absolute;
	bottom: -16px;
	left: 0;
	padding: 0 11px;
	padding-bottom: 18px;
	background: url( layout/bg_nav_areas.jpg );
	z-index: 10;
	
	}

	#nav_areas_2 {
	width: 529px;
	height: 30px;
	position: absolute;
	bottom: -16px;
	left: 0;
	padding: 0 11px;
	padding-bottom: 18px;
	background: url( layout/bg_nav_areas.jpg );
	z-index: 10;
	margin-top:20px;	
	}


	#nav_areas li {
		display: inline;
	}


	#nav_areas a {
		display: block;
		float: left;
		height: 15px;
		padding: 0 12px;
		border-left: 1px solid #585858;
		margin-top: 8px;
	}
	
	#nav_areas a:hover,
	#clientes a.clientes,
	#parceiros a.parceiros,	
	#quem_somos a.quem_somos {
		color: white;
	}
	
	#nav_areas li.inicio a {
		border-left: 0;
	}

	
	
	
/* Conteudo
**************************************/

	#conteudo {
		clear: both;
		margin: 0 25px 20px 25px ;
	}
	

	#conteudo .mais {
		display: block;
		clear: both;
		padding-left: 13px;
		background: url( layout/seta_laranja.gif ) left center no-repeat;
	}

	
/* Principal - secundárias em geral
**************************************/
	
	#principal {
		width: 470px;
		float: right;
	}	
	
	#principal p {
		margin: 20px 0;	
	}		

	#adicional {
		width: 225px;
		background: white;
		display: inline;
		float: left;
	}






	
/* Contato
**************************************/
	#contato {
		clear: both;
	}

	#grupo {
		background: #737373;
		padding: 5px;
		height: 360px;
		width: 755px;
	}

	#contato .info {
		font-size:10px;
		font-family: Arial;
		width: 158px;
		height: 85px;
		float: left;
		margin: 0 10px;
		padding: 15px 5px;
		color: white;
		display: inline;
	}
	
	#contato .topo { border-bottom: 1px solid #909090; border-top:none; }
	#contato .base { border-bottom: 0; }
	
	#contato .info a {
		color: white;
		text-decoration: none;
		
	}

	#contato .info h3 {
		color: #ff8b00;
	}
	
	
	#btn {
		display: block;
		width:76px;
		height: 23px;
		background: url( layout/bg_contato.gif ) no-repeat;
		color: white;
		text-decoration: none;
		text-align: center;
		font: bold 110% Arial;
		line-height: 23px;
		margin-left: 25px;		
	}
	
	#btn:hover {
		color: #ff8b00;
	}
	
	
/* Endereço
**************************************/
	#endereco {
	position: absolute;
	right: 11px;
	top: 16px;
	width: 429px;
	z-index: 7;
	}


	#endereco h1 {
		margin-top: 10px;
		float: left;
		width: 80px;
	}
	
	#endereco h1 a {
		color: #564f92;
		text-decoration: none;
	}
	
	
	#endereco address {
		width: 315px;
		float: right;
	}

	.clear {
		clear: both;
	}

	

/* Copyright
**************************************/
	#copy {
		background: #636363;
		color: white;
		font-family:Arial;
		text-align: center;
		padding: 15px;
	}
	
	#copy a {
		color: white;
	}
	
	

	
/* =============================================================

                            PÁGINAS

================================================================ */


	
/* home.php
**************************************/
#home #principal {
	float: left;
	width: 510px;
}

#home #adicional {
	float: right;
	width: 155px;
}

#home #adicional #tit_parceiros {
	width: 155px;
}

#novidades {
	float: left;
	width: 230px;
	background: white;
	display: inline;
}

	#novidades dl {
		margin-bottom: 20px;
	}
	
	#novidades dt {
		font-weight: bold;
		border-top: 1px solid #ccc;	
		margin-top: 10px;
	}
	
	#novidades dt.inicio {
		border: 0;	
	}
	
	#novidades dt  {
		display: block;
		padding: 5px 5px 5px 20px;
		cursor: pointer;
	}
	
	#novidades dt a, #novidades dd a {
		display: block;
	}
	
	#novidades dd a:hover {
		color: black;
		text-decoration: none;
	}
	
	#novidades dd {
		padding-left: 20px;
	}
	


#cursos {
	float: right;
	width: 240px;
	background: white;
}	


	#cursos li {
		margin: 10px 0;
		height: 65px;
		padding: 10px 0 0 70px;
		line-height: 120%;
		border-top: 1px solid #ccc;
	}


	#cursos li.web {
		background: url( layout/caixa_adobe_webdesign.jpg ) 0 10px  no-repeat;
	}
	
	#cursos li.criacao {
		background: url( layout/caixa_adobe_criacao.jpg ) 0 10px no-repeat;
	}
	
	#cursos li.out {
		background: url( layout/out.jpg ) 0 10px no-repeat;
	}
	
	#cursos li.ultimo {
		background: url( layout/ultimo.jpg ) 0 10px no-repeat;
	}
	
	
	
	
	
	#cursos li.inicio {
		border: 0;
		padding-top: 0;
		background-position: 0 0;
	}

#locacao {
	padding-top: 35px;
	clear: both;
	background: url( layout/sombra_equipamentos.jpg ) 0 20px repeat-x;
	margin-bottom: 30px;
}

#galeria {
	position: relative;
	overflow: hidden;
	width: 710px;
	height: 134px;
	margin: auto;
}

#galeria_menu {
	position: relative;
	height: 134px;
}

#galeria_conteudo {
	position: absolute;
	top: 0;
	width: 6000px;
	margin-left: 11px;
}


#voltar { 
	float: left; 
	background-image: url( layout/seta_voltar.gif );
	background-position: right top;
}
#avancar {
	float: right;
	background-image: url( layout/seta_avancar.gif );
	background-position: right top;
}

#voltar:hover, #avancar:hover { 
	cursor: pointer; 
	background-position: left top;
}

	#galeria ul li {
		display: inline; /* margin 2x do IE6 */
		float: left;
		margin-top: 8px;
		margin-right: 27px;
		padding-left: 27px;
		width: 118px;
	}
	


	#galeria ul li img {
		display: block;
	}
	
	#galeria ul li span {
		position: relative;
		z-index: 201;
		margin-top: -10px;
		display: block;
		font-weight: bold;
		color: black;
		line-height: 13px;
	}
	
	#galeria ul a {
		display: block;
		position: relative;
		z-index: 200;
	}
	



#tit_locacao, #tit_parceiros, 
#tit_cursos, #tit_novidades, #tit_solucoes {
	width: 250px;
	height: 21px;
	overflow: hidden;
	text-indent: -9999px;
}

#tit_locacao { background:  url( layout/titi_locacao.gif ) no-repeat; }
#tit_parceiros { background:  url( layout/tit_parceiros.gif ) no-repeat; }
#tit_cursos { background:  url( layout/tit_cursos_online.gif ) no-repeat; }
#tit_novidades { background:  url( layout/tit_novidades.gif ) no-repeat; }
#tit_solucoes { background:  url( layout/solucoes.gif ) no-repeat; }

/* webmail.php
**************************************/
#webm {
	width: 190px;
}

#webm div {
	clear: both;
	height: 25px;
}

#webm input.text {
	width: 130px;
	font-size: 90%;
	display: block;
	float: right;
}

#webm label {
	display: block;
	width: 50px;
	float: left;
}


/* quem_somos.php
**************************************/
ul.dados {
	padding: 0;
	margin: 0;
}

#cursos_lateral .dados li {
	padding: 0;
	margin: 0;
}	

.dados span { font-weight: bold; }



/* contato.php
*****************************/
form div {
	margin: 10px 0;
}

label {
	display: block;
	font-weight: bold;
}

textarea {
	height: 100px;
	width: 300px;
	font: inherit;
}

input.text {
	width: 300px;	
}



/* licitacoes.php
**************************************/
#licitacoes #principal {
	width: auto;
}

.galeria {
	padding-top: 20px;
	clear: both;
	background: url( layout/sombra_equipamentos.jpg ) 0 20px repeat-x;
	margin-bottom: 30px;
}


#licitacoes .galeria h1 {
	color: #ff7602;
	font-size: 110%;
	margin: 15px 0;
}

.detalhes {
	padding-right: 50px;
	background: url( layout/bg_descricao_produtos.jpg ) top left repeat-x;
	height: 400px;
}

.detalhes.loading {
	background: url( layout/loader.gif ) center center no-repeat;
}

.detalhes img {
	width: 186px;
	height: 234px;
	float: left;
	display: block;
	margin-bottom: 30px;
}

.detalhes .descricao {
	width: 450px;
	float: right;
}

#licitacoes .detalhes h1 {
	height: 29px;
	color: white;
	font: bold 16px/29px Arial, Tahoma, Verdana, sans-serif;
	padding-left: 10px;
}

.galeria .box {
	position: relative;
	overflow: hidden;
	width: 710px;
	height: 134px;
	margin: auto;
}

.galeria .box .menu {
	position: relative;
	height: 134px;
}

.galeria .box .conteudo {
	position: absolute;
	top: 0;
	width: 6000px;
	margin-left: 11px;
}


.galeria .box .menu .voltar { 
	float: left; 
	background-image: url( layout/seta_voltar.gif );
	background-position: right top;
}

.galeria .box .menu .avancar {
	float: right;
	background-image: url( layout/seta_avancar.gif );
	background-position: right top;
}

.galeria .box .menu .voltar:hover,
.galeria .box .menu .avancar:hover { 
	cursor: pointer; 
	background-position: left top;
}

.galeria .box ul li {
		display: inline; /* margin 2x do IE6 */
		float: left;
		margin-top: 8px;
		margin-right: 27px;
		padding-left: 27px;
		width: 118px;
	}

.galeria .box ul li img {
		display: block;
	}
	
.galeria .box ul li span {
		position: relative;
		z-index: 201;
		margin-top: -10px;
		display: block;
		font-weight: bold;
		color: black;
		line-height: 13px;
	}
	
.galeria .box ul a {
		display: block;
		position: relative;
		z-index: 200;
	}
	
.galeria .box ul a:hover {
	text-decoration: none;
	color: black;
}
	
	

/* Hacks
**************************************/
#nav_servicos {
	_margin-left: 10px; /* IE6 */
}



ol.numerada li a {
	/* espaços nas lis IE6 */
	display: inline;
}

#locacao {
	_padding-top: 17px;
	_margin-bottom: 65px;
}