/* CSS Document */

* 
	{
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-decoration:none;
	font-family: "Trebuchet MS", Tahoma, Verdana;
	color:#666666;
	font-size: 8pt;
	}
	
	
a:link
	{
	color:#FF6600;
	font-weight:bold;
	text-decoration:none;
	}

a:hover
	{
	color:#FFCC00;
	text-decoration:underline;
	}
	
a:visited
	{
	font-weight:bold;
	color:#FF6600;
	text-decoration:none;
	}
	
#tabela_inicial
	{
	margin-left: 9px;
	}

	
#esqueleto
	{
	width: 690px;
	height: 600px;
	background:url(img/iti_esqueleto_fundo.jpg) repeat-x;
	margin:0 auto;
	}
	
	
/* ESTILOS PARA A PÁGINA INICIAL E CONTATO */
	
#caixa
	{
	width:684px;
	margin:0 auto;
	position:relative;
	float: right;
    _float: none;
	}
	
#caixa a:link
	{
	position:relative;
	font-weight:bold;
	float:right;
	}
	
#caixa a:visited
	{
	position:relative;
	font-weight:bold;
	float:right;
	}

	
#contatos
	{
	width: 275px;
	height: 130px;
	margin-top: 30px;
	padding-top: 25px;
	background: url(img/iti_contatos_fundo.jpg) no-repeat;
	}
	
#contatos_esquerda
	{
	width: 200px;
	height: 144px;
	margin-top: 30px;
	margin-left: 15px;
	_margin-left: 8px;
	position:relative;
	float:left;
	}

	
#contatos_direita
	{
	width: 334px;
	padding-left: 28px;
	background:url(img/iti_contatos_fundo.gif) repeat-y;
	text-align:justify;
	position:relative;
	float:left;
	}
	
#contatos_direita b
	{
	color: #FF6600;
	}
	
#contatos p
	{
	margin-left: 65px;
	}	
	

#formulario
	{
	width: 339px;
	margin-left: 10px;
	background: url(img/iti_formulario_fundo.gif) repeat-y;
	}

#formulario p
	{
	margin-left: 30px;
	}	

	
#tabela_inicial
	{
	margin-left: 9px;
	} 

#tabela_inicial p
	{
	width:200px;
	margin:0 auto;
	text-align:center;
	}	
	
#anuncio_produto
	{
	width:221px;
	height: 208px;
	text-align:center;
	margin-left: 5px;
	padding-top: 15px;
	_margin-left: 4px;
	background:url(img/iti_anuncio_fundo.gif) no-repeat;
	position:relative;
	float:left;
	}

#anuncio_produto strong
	{
	color:#FF6600;
	}
	
	
#anuncio_produto p
	{
	width:190px;
	margin:0 auto;
	text-align:center;
	}	
	
/* RODAPE E SUAS PARTICULARIDADES*/
	
#rodape
	{
	clear:both;
	width: 690px;
	height: 65px;
	background:url(img/iti_rodape_fundo.jpg) top repeat-y;
	text-align:center;
	margin:0 auto;
	}
	
#rodape strong
	{
	color:#FFFFFF;
	}
	
#rodape ul
	{
	width: 475px;
	text-align:center;
	margin:0 auto;
	}
	
#rodape ul li
	{
	display:inline;
	}
	
#rodape ul li a 
	{
	color: #FFFFCC;
	font-weight:bold;
	margin-right: 7px;
	}
	
#rodape ul li a:hover 
	{
	text-decoration:underline;
	}


/*   ESTILOS PARA O LADO ESQUERDO */
#esquerda
	{
		width: 204px;
		height: 144px;
		margin-top: 40px;
		margin-left: 15px;
		_margin-left: 8px;
		position:relative;
		float:left;
	}
	
#esquerda a:link
	{
	color:#996600;
	font-size:9pt;
	font-weight: normal;
	text-decoration:none;
	}
	
#esquerda a:hover
	{
	color:#996600;
	font-size:9pt;
	font-weight: normal;
	text-decoration:underline;
	}
	
#esquerda a:visited
	{
	color:#996600;
	font-size:9pt;
	font-weight: normal;
	text-decoration:none;
	}
	
#esquerda p		
	{
	margin-left: 12px;
	padding-top: 15px;
	}

#esquerda b
	{
	color: #666666;
	font-weight:bold;
	}	
	
	
	
/*   ESTILOS PARA O LADO DIREITO */	
#direita
	{
	width: 452px;
	background:url(img/iti_empresa_fundo.gif) repeat-y;
	text-align:justify;
	position:relative;
	float:left;
	}

#direita strong
	{
	font-size:10pt;
	color: #777777;
	font-weight:bolder;
	}
	
#direita h1
	{
	font-size:14pt;
	color: #333333;
	font-weight:bold;
	}	
	
#direita p		
	{
	padding-left: 19px;
	padding-right: 19px;
	}	




/*   ESTILOS PARA OUTROS OBJETOS*/	
#empresa_caixabranca
	{
	background:url(img/iti_menuempresa_fundo.gif);
	width: 204px;
	height: 103px;
	}
	
#materias_caixabranca
	{
	background:url(img/iti_menumaterias_fundo.gif);
	width: 204px;
	height: 220px;
	}
	
#empresa_menu h4	
	{
	text-align: center;
	width: 200px;
	font-weight:normal;
	}	
	
#empresa_caixabranca
	{
	background:url(img/iti_menuempresa_fundo.gif);
	width: 204px;
	height: 103px;
	}

#areas_caixabranca
	{
	padding-top: 1px;
	background: url(img/iti_areas_caixabranca.gif) no-repeat;
	width: 204px;
	height: 80px;
	}

.tituloTAB
	{
	color:#FFFFFF;
	font-weight:bold;
	font-size:120%;
	}
	
/* ESTILOS PARA A PARTE DE CASOS DE SUCESSO */

#casos_inativo
	{
	width:185px;
	height:52px;
	}	
	

#casos_inativo a
	{
	width:204px;
	height:52px;
	padding-top: 7px;
	background: url(img/iti_casos_caixabranca.gif) no-repeat;
	position:relative;
	float:left;
	}
	
#casos_inativo a:hover
	{
	width:204px;
	height:52px;
	background: url(img/iti_casos_caixacinza.gif) no-repeat;
	position:relative;
	float:left;
	}
	

#casos_ativo
	{
	width:185px;
	height:52px;
	}	
	

#casos_ativo a
	{
	width:204px;
	height:52px;
	padding-top: 8px;	
	background: url(img/iti_casos_caixacinza.gif) no-repeat;
	position:relative;
	float:left;
	}
	
#casos_ativo a:hover
	{
	width:204px;
	height:52px;
	background: url(img/iti_casos_caixacinza.gif) no-repeat;
	position:relative;
	float:left;
	}


	
/* ESTILOS PARA A PARTE DE PRODUTOS */
#produtos_menu	
	{
	text-align: center;
	width: 200px;
	font-weight:normal;
	}	
	
#produtos_inativo
	{
	width:185px;
	height:86px;
	margin-left: 18px;	
	}	

#produtos_inativo a
	{
	width:185px;
	height:86px;
	padding-top: 20px;
	background: url(img/ITI_IMG_caixaCINZAprodutos.gif) no-repeat;
	position:relative;
	float:left;
	}
	
#produtos_inativo a:hover
	{
	width:185px;
	height:86px;
	background: url(img/ITI_IMG_caixaBRANCAprodutos.gif) no-repeat;
	position:relative;
	float:left;
	}
	
	

#produtos_ativo
	{
	width:185px;
	height:86px;
	margin-left: 18px;
	}	

#produtos_ativo a
	{
	width:185px;
	height:86px;
	padding-top: 20px;
	background: url(img/ITI_IMG_caixaBRANCAprodutos.gif) no-repeat;
	position:relative;
	float:left;
	}
	
#produtos_ativo a:hover
	{
	width:185px;
	height:86px;
	background: url(img/ITI_IMG_caixaBRANCAprodutos.gif) no-repeat;
	position:relative;
	float:left;
	}


	