/* CSS  DO SITE DO GRUPO ITE */


* { /*zerando os elementos */
	margin:0;
	padding:0;
	border:0;
	vertical-align:middle;
	}



body {  /*corpo do site */
	font-family:verdana, arial, helvetica, sans-serif;
	}



#geral { /*Posicionado no canto esquerdo */
	width:975px;
	height:auto;
	margin:20px 0 0 10px;
	}



/* Inicio do site, parte de cima * cabecalho...*/

#cabecalho {
	width:970px;
	height:auto;
	}


#marca h1 a{
	width:208px;
	height:60px;
	background: url("../imgs/marca.gif") center; 
	overflow: hidden;
	text-indent: -19999px;
	display: block;
	}


#idioma {
	float:right;
	margin:-35px 0 0 0;
	font-size:11px;
	}


#idioma p{
	float:left;
	font-size:11px;
	text-decoration:none;
	color:#9A9A9A;
	}


#idioma a.eua{
	float:left;
	font-size:11px;
	text-decoration:none;
	color:#426489;
	margin:0 0 0 10px;
	}


#idioma a.eua:hover{
	text-decoration:underline;
	}



/* MENU */


#menu {
	width:748px; 
	height:29px;
	background: url("../imgs/fundo_menu.jpg") center; 
	background-repeat:repeat-x;
	margin:10px 0 0 0;
	border-left:1px solid #C7C7C7;
	border-right:1px solid #C7C7C7;
	}


#menu li {
	list-style:none;
	float:left;
	font-size:11px;
	font-weight:bold;
	}


#menu li a{
	color:#575757;
	text-decoration:none;
	display:block;
	border-right:1px solid #C7C7C7;
	border-top:1px solid #C7C7C7;
	padding:8px 34px 7px 34px;
	_padding:8px 30px 7px 30px;
	}


#menu li a:hover{
	text-decoration:none;
	color:#006699;
	display:block;
	background:url(../imgs/bg_botao.gif) repeat-x;
	}


#menu li a.semborda{
	color:#575757;
	text-decoration:none;
	border-left:none;
	border-right:none;
	display:block;
	padding:8px 40px 7px 40px;
	_padding:8px 55px 7px 56px;
	}


#menu li a.semborda:hover{
	text-decoration:none;
	color:#006699;
	}


/* fim menu */

/* banner */

#banner {
	width:750px;
	height:240px;
	float:left;
	border-bottom:5px solid #C7C7C7;
	padding:5px 0 4px 0;
	z-index:1;
	}


/*FIm banner */

/* Fim da parte de cima, cabeçalho... */



/* Parte do meio - Corpo do site - */


#corpo {
	float:left;
	margin:5px 0 0 0;
	_margin:-380px 0px 0 0;
	}


#corpo h1{
	margin-top:15px;
	background:url(../imgs/t_solucoes.gif) no-repeat;
	text-indent:-1999px;
	overflow:hidden;
	}


/*Criado para as paginas internas da soluções da HOME */

#corpo_interno { 
	float:left;
	margin:0px;
	_margin:-220px 0px 0 0;
	width:750px;
	background-image:url(../imgs/fundo-interna.gif);
	background-repeat:repeat-y;
	}
	
/*Menu para as paginas internas */

#menu-int{
	float:left; 
	width:190px; 
	height:320px;
	background:#EFEFEF; 
	}

#menu-int li{
	list-style:none;
	}

#menu-int li a{
	text-decoration:none;
	}

/*titulo do Menu das paginas internas */

#titulo{
	display:block;
	height:25px;
	background-image:url(../imgs/menu-lge.jpg);
	background-repeat:no-repeat;
	}
	
#titulo-digitais{
	display:block;
	height:25px;
	background-image: url(../imgs/menu-2d.gif);
	background-repeat:no-repeat;
	}


#titulo-internet{
	display:block;
	height:25px;
	background-image: url(../imgs/menu-ite.gif);
	background-repeat:no-repeat;
	}

#titulo-spark{
	display:block;
	height:25px;
	background-image: url(../imgs/menu-spark.gif);
	background-repeat:no-repeat;
	}

#titulo-security{
	display:block;
	height:25px;
	background-image: url(../imgs/menu-security.gif);
	background-repeat:no-repeat;
	}

/*Fim do titulo do Menu das paginas internas */	

/*Resto dos estilos do menu*/	

#destaque_itens {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	}


#destaque_itens li {
	border-bottom: 1px solid #C7C7C7;
	text-align:left;
	}


#destaque_itens li a {
	display:block;
	height:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666666;
	padding: 6px 0 6px 20px;
	background:#EFEFEF;
	}


#destaque_itens li a:hover {
	display:block;
	height:12px;
	padding: 6px 0 6px 20px;
	color:#006699;
	background:#D3E6F2;
	}

/*Fim do menu das paginas internas */


/*Início da área de conteúdo para as páginas internas da home*/


#int_conteudo {
	width:520px;
	min-height:400px;
	_height:400px;
	margin-left:210px;
	font-size:11px;
	color:#666666;
	}

#int_conteudo p{
	font-size:11px;
	color:#666;
	}

#int_conteudo h2{
	font-size:15px;
	color:#64ABCB;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:20px;
	padding-bottom:18px;
	}	

#int_conteudo li{
	background-image:url(../imgs/marcador.gif);
	background-repeat:no-repeat;
	list-style:none;
	padding-left:10px;
	}

#int_conteudo2 {
	width:520px;
	_height:600px;
	min-height:400px;
	margin-left:210px;
	font-size:11px;
	color:#666666;
	}


#int_conteudo2 li{
	background-image:url(../imgs/marcador.gif);
	background-repeat:no-repeat;
	list-style:none;
	padding-left:10px;
	}



/*Conteúdo do menu soluções e Empresas*/

#corpo_interno2 { 
	float:left;
	margin:0px;
	_margin:-380px 0px 0 0;
	width:730px;
	font-size:11px;
	color: #666666;
	padding-right:0px;
	_height:600px;
	}

#corpo_interno2 h2 {
	display:block;
	width:750px;
	height:40px;
	background-image:url(../imgs/titulo-empresas.gif);
	background-repeat:no-repeat;
	margin-top:10px;
	}

#corpo_interno2 h2 span{
	display:none;
	}

#corpo_interno2 h3 {
	display:block;
	width:750px;
	height:40px;
	background-image: url(../imgs/t_solucoes.gif);
	background-repeat:no-repeat;
	margin-top:20px;
	}

#corpo_interno2 h3 span{
	display:none;
	}

#corpo_interno2 h4 {
	font-size:15px;
	color:#64ABCB;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:20px;
	padding-bottom:18px;
	}



#corpo_interno2 h5 {
	display:block;
	width:750px;
	height:40px;
	background-image: url(../imgs/titulo-fale.gif);
	background-repeat:no-repeat;
	margin-top:20px;
	margin-bottom:28px;
	}

#corpo_interno2 h5 span{
	display:none;
	}


#corpo_interno2 p{
	font-size:11px;
	color: #666666;
	}

#corpo_interno2 li{
	list-style:none;
	font-size:11px;
	margin:0 0 2px 5px;
	padding-left:5px;
	background-image:url(../imgs/marcador.gif);
	background-repeat:no-repeat;
	}

#corpo_interno2 a{
	margin:20px 0 0 5px;
	font-size:11px;
	list-style:none;
	text-decoration:none;
	color:#666666;
	}

#corpo_interno2 a:hover{
	margin:20px 0 0 5px;
	font-size:11px;
	list-style:none;
	text-decoration:underline;
	color:#6699cc;
	}



#lge{
	width:355px;
	_width:365px;
	height:200px;
	float:left;
	margin:0px;
	padding-right:10px;
	}

#lge h3 {
	display:block;
	width:100px;
	height:40px;
	background-image:url(../imgs/logo_lge.jpg);
	background-repeat:no-repeat;
	margin-bottom:20px;
	}
	
#lge h3 span{
	display:none;
	}


#ite{
	width:345px;
	height:200px;
	float:right;
	display:block;
	}
	
#ite h3 {
	display:block;
	width:115px;
	height:40px;
	background-image: url(../imgs/ite.jpg);
	background-repeat:no-repeat;
	margin-bottom:20px;
	}
	
#ite h3 span{
	display:none;
	}


#dois{
	width:355px;
	_width:365px;
	height:200px;
	float:left;
	}

#dois h3 {
	display:block;
	width:115px;
	height:40px;
	background-image: url(../imgs/2d.jpg);
	background-repeat:no-repeat;
	margin-bottom:20px;
	}
	
#dois h3 span{
	display:none;
	}

#security{
	width:355px;
	_width:365px;
	height:200px;
	float:left;
	}

#security h3 {
	display:block;
	width:115px;
	height:40px;
	background-image: url(../imgs/security.jpg);
	background-repeat:no-repeat;
	margin-bottom:20px;
	}
	
#security h3 span{
	display:none;
	}


#spark{
	width:345px;
	height:200px;
	float:right;
	}

#spark h3 {
	display:block;
	width:115px;
	height:40px;
	background-image:url(../imgs/spark.jpg);
	background-repeat:no-repeat;
	margin-bottom:20px;
	}
	
#spark h3 span{
	display:none;
	}
	
/*Estilo para as DIVS do menu Soluções*/	

#lge2{
	width:355px;
	_width:365px;
	height:240px;
	float:left;
	margin:0px;
	padding-right:10px;
	}

#lge2 h3 {
	display:block;
	width:100px;
	height:40px;
	background-image:url(../imgs/logo_lge.jpg);
	background-repeat:no-repeat;
	margin-bottom:20px;
	}
	
#lge2 h3 span{
	display:none;
	}
	
#lge2 li{
	list-style:none;
	-size:11px;
	margin:0 0 2px 5px;
	padding-left:5px;
	background-image:url(../imgs/marcador.gif);
	background-repeat:no-repeat;
	}

#ite2{
	width:345px;
	height:240px;
	float:right;
	display:block;
	}

#ite2 h3 {
	display:block;
	width:115px;
	height:40px;
	background-image: url(../imgs/ite.jpg);
	background-repeat:no-repeat;
	margin-bottom:20px;
	}
	
#ite2 h3 span{
	display:none;
	}

#ite2 li{
	list-style:none;
	font-size:11px;
	margin:0 0 2px 5px;
	padding-left:5px;
	background-image:url(../imgs/marcador.gif);
	background-repeat:no-repeat;
	}


#dois2{
	width:355px;
	_width:365px;
	height:240px;
	float:left;
	}

#dois2 h3 {
	display:block;
	width:115px;
	height:40px;
	background-image: url(../imgs/2d.jpg);
	background-repeat:no-repeat;
	margin-bottom:20px;
	}
	
#dois2 h3 span{
	display:none;
	}

#dois2 li{
	list-style:none;
	font-size:11px;
	margin:0 0 2px 5px;
	padding-left:5px;
	background-image:url(../imgs/marcador.gif);
	background-repeat:no-repeat;
	}



#security2{
	width:345px;
	height:240px;
	float:left;
	}

#security2 h3 {
	display:block;
	width:115px;
	height:40px;
	background-image: url(../imgs/security.jpg);
	background-repeat:no-repeat;
	margin-bottom:20px;
	}
	
#security2 h3 span{
	display:none;
	}

#security2 li{
	list-style:none;
	font-size:11px;
	margin:0 0 2px 5px;
	padding-left:5px;
	background-image:url(../imgs/marcador.gif);
	background-repeat:no-repeat;
	}

#spark2{
	width:355px;
	_width:365px;
	height:240px;
	float:right;
	}

#spark2 h3 {
	display:block;
	width:115px;
	height:40px;
	background-image:url(../imgs/spark.jpg);
	background-repeat:no-repeat;
	margin-bottom:20px;
	}
	
#spark2 h3 span{
	display:none;
	}



/*Interna da versão em Inglês*/

#usa{
	height:200px;
	font-weight:bold;
	margin-top:40px;
	}

/*Interna das noticias*/

#materias{
	*height:400px;
	min-height:400px;
	margin-top:50px;
	*margin-top:0px;
	}

#materias .titulo{
	font-weight:bold;
	}


/* Aqui as colunas do corpo da pagina index */



#coluna1, #coluna2, #coluna3,#coluna4,#coluna5 {
	width:150px;
	height:260px;
	float:left;
	text-decoration:none;
	background-color:white;
	}

#coluna1 li, #coluna2 li, #coluna3 li,#coluna4 li,#coluna5 li{
	list-style:none;
	font-size:11px;
	margin:0 0 2px 5px;
	padding-left:5px;
	background-image:url(../imgs/marcador.gif);
	background-repeat:no-repeat;
	}

#coluna1 li.titulo, #coluna2 li.titulo, #coluna3 li.titulo, #coluna4 li.titulo, #coluna5 li.titulo
{
	margin: 5px 0 15px 0;
	list-style:none;
	font-size:11px;;
	color:#666666;
	font-weight:bold;
	background-image:none;
	}

#coluna1 a, #coluna2 a, #coluna3 a,#coluna4 a,#coluna5 a{
	margin:20px 0 0 5px;
	font-size:11px;
	list-style:none;
	text-decoration:none;
	color:#666666;
	}



#coluna1 a:hover, #coluna2 a:hover, #coluna3 a:hover,#coluna4 a:hover,#coluna5 a:hover{
	margin:20px 0 0 5px;
	font-size:100%;
	list-style:none;
	text-decoration:underline;
	color:#6699cc;
	}



#colunadireita {
	float:right; {!important}
	width:220px;
	margin: 4px 0 0 750px;
	font-family:verdana, arial, helvetica, sans-serif;
	position:absolute; 
	}


#anuncio_parceiros {
	width:220px;
	height:255px;
	border:none;
	z-index:1;
	}


#atualizacoes {
	border-left: 1px dotted #6C9DC6;
	height:auto;
	margin-top:58px;
	padding-bottom:100px;
	}

#atualizacoes-int {
	border-left: 1px dotted #6C9DC6;
	height:auto;
	margin-top:44px;
	padding-bottom:100px;
	}

#noticias {
	margin-left:4px;
	border:none;
	width:212px;
	}

#eventos {
	margin-left:4px;
	border:none;
	}

#noticias p.titulo, #eventos p.titulo {
	margin: 5px 0 10px 5px;
	list-style:none;
	font-size:11px;
	color:#666666;
	font-weight:bold;
	}


#noticias p, #eventos p {
	margin: 5px 0 10px 5px;
	list-style:none;
	font-size:11px;
	color:#666666;
	}


#noticias p a{
	margin: 5px 0 10px 5px;
	text-decoration:none;
	font-style:normal;
	font-size:11px;
	color:#666666;
	}

#noticias p a:hover{
	margin: 5px 0 10px 5px;
	text-decoration:underline;
	font-style:normal;
	font-size:11px;
	color:#6699cc;
	}





/*Rodapé - Inicio da parte de baixo */ 


#banners {
	width:750px;
	float:left;
	border-bottom:5px solid #C7C7C7;
	padding:0 0 5px 0;
	z-index:1;
	}

/*As páginas internas não têm banners, mas essa div aqui é para a barrinha que separa o rodapé*/ 

#banners-int {
	width:750px;
	float:left;
	border-bottom:5px solid #C7C7C7;
	padding:0px;
	_margin-top:-20px;
	}


/*Agora sim os banners da Home*/ 

#banner1 {
float:left;
width:240px;
height:120px;
background:url(../imgs/bg_newsletter.jpg) no-repeat;
margin-right:10px;
}

#form_login{
	float:left;
	width:200px;
	height:120px;	
	margin-left:5px;
	padding-top:45px;
	padding-left:10px;
	}



#form_login label, p {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:#999999;
	}

#form_login p {
	margin-bottom:7px;
	}



#form_login input {
	padding:2px; 
	background-color:#FFFFFF; 
	border:1px solid #CCCCCC; 
	margin-left:3px; margin-top:5px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:#999999;
	}

#banner2 h3 a{
	float:left;
	width:240px;
	height:120px;
	background: url("../imgs/banner_rodape_2.jpg"); 
	overflow: hidden;
	text-indent: -19999px;
	display: block;
	z-index:1;
	}

#banner3 h3 a{
	float:left;
	width:240px;
	height:120px;
	background: url("../imgs/banner_rodape_3.jpg"); 
	overflow: hidden;
	text-indent: -19999px;
	display: block;
	z-index:1;
	}

/*Início do rodapé*/

#rodape {
	padding-top:5px;
	padding-bottom:10px;
	width:750px;
	height:42px;
	clear:both;
	}


#rodape object {
	float:left;
	}


#rodape p{
	float:left;
	margin:15px 0 0 25px;
	_margin:15px 0 0 10px;
	color:#575757;
	text-decoration:none;
	font-size:11px;
	}


#rodape a{
	float:left;
	margin:15px 0 0 5px;
	color:#575757;
	text-decoration:none;
	font-size:11px;
	}


#rodape a:hover{
	float:left;
	margin:15px 0 0 5px;
	color:#575757;
	text-decoration:underline;
	font-size:70%
	}


/*FIM Rodapé*/


/*contato*/

#contato {
	padding-top: 20px;
	}

#contato legend {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	font-weight: bolder;
	margin-top:10px;
	line-height:130%;
	color:#666666;
	}

#contato label {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:10px;
	margin:10px 0 0 20px;
	text-align:left;
	line-height:100%;
	color:#666666;
}


#contato input.botaoenviar {
	border:1px solid #6C9DC6;
	background:#fff;
	}

#contato input.botaoenviar:focus {
	border:1px solid #fff;
	background:#E6EEF3;
	}

#contato input.botaoapagar {
	border:1px solid #6C9DC6;
	background:#fff;
	margin-left:368px;
	}

#contato input.botaoapagar:focus {
	border:1px solid #fff;
	background:#E6EEF3;
	}

#contato input.nome {
	border:1px solid #6C9DC6;
	width:360px;
	margin-left:60px;
	}

#contato input.nome:focus {
	background:#E6EEF3;
	}

#contato input.empresa {
	border:1px solid #6C9DC6;
	width:360px;
	margin-left:44px;
	}

#contato input.empresa:focus {
	background:#E6EEF3;
	}

#contato input.email {
	border:1px solid #6C9DC6;
	width:360px;
	margin-left:57px;
	}

#contato input.email:focus {
	background:#E6EEF3;
	}

#contato input.tel {
	border:1px solid #6C9DC6;
	width:360px;
	margin-left:10px;
	}

#contato input.tel:focus {
	background:#E6EEF3;
	}

#contato textarea {
	border:1px solid #6C9DC6;
	width:360px;
	margin-left:31px;
	}

#contato textarea:focus {
	background:#E6EEF3;
	}


#contato2 {
	padding-top: 20px;
	height:240px;
	}


/* Grupo ITE */
