/* ORIENTAÇÕES SOBRE O ESTILO DO PORTAL DE INTRANET

Neste arquivo encontram-se os estilos pré-definidos para as TAGS que serão utilizadas nos Portais da Intranet.
Os estilos foram classificados como:
- GERAL: estilo para as tags comuns (de todo o Portal) independente da cor definida para o POrtal.
- IFRAMES DO TOPO E RODAPÉ: posição dos iframes presentes no Portal.
- MENU COMUM: características e posição do menu do cabeçalho independente da cor definida para o Portal.
- CORES: estilo em todas as cores (imagem de fundo, barra de scroll, título e mouse-over do menu).
 (Atualmente o bloco AZUL encontra-se habilitado, para utilizar outra cor é necessário 
         comentar o bloco AZUL e retirar o comentário o bloco da cor escolhida )
 
@contato: infomaster@vivo.com.br
@create:  OUTUBRO/2006
@versão: 2.0 ( 12/2006 ) alterado por Juliana Veiga
@versão: 2.1 ( 08/2007 ) alterado por Herlandro Hermogenes / TQI

*/



/* ESTILO GERAL (Válido para todas as cores)

Estilo dos elementos comuns de todo o Portal

*/

table.internal thead tr {
 display: none;
}
table.internal{
width:100%;
}

table.gui {
 border: 1px solid #666;
 width: 100%;
 margin: 20px 0 20px 0 !important;
}

table.gui td.button{
 text-align: center;
}

table.gui thead tr {
 background-color: #506FA6;
 color: white;
}
table.gui thead a {
 color: white;
}

table.gui th.sorted {
 background-color: #304F86;
}

table.gui tr.odd {
 background-color: #fff
}

table.gui tr.tableRowEven,tr.even {
 background-color: #def
}

table.gui th.sorted a,th.sortable a {
 background-position: right;
 display: block;
 width: 100%;
}

table.gui th.sortable a {
 background-image: url(../img/arrow_off.png);
}

table.gui th.order1 a {
 background-image: url(../img/arrow_down.png);
}

table.gui th.order2 a {
 background-image: url(../img/arrow_up.png);
}


table.gui h4,h5,h6,p,strong,div,form,acronym,label,th,span,a,hr,code,pre,hr
 {
 margin: 0;
 padding: 0;
 font-size: 1em;
 background-repeat: no-repeat;
 list-style-type: none;
}

A:link {text-decoration: none; color: #000000;  font-family: Verdana; font-size: 11px;}
A:visited {text-decoration: none; color: #000000;  font-family: Verdana; font-size: 11px;}
A:active {text-decoration: underline; color: #000000;  font-family: Verdana; font-size: 11px;}
A:hover {text-decoration: underline; color: #000000;  font-family: Verdana; font-size: 11px;}

P{ 
 font-family: Verdana;
 font-size:11px;
 color:#000000;
 text-decoration:none;
    line-height:140%;
}

hr{ 
 color:#ebebeb;
}

table#alter {
 background: #cccccc;
 border:1px solid #ebebeb;
}

/* Toda a tabela com fundo creme */ 
table#alter tr td{
 background: #ffc;
} 

/* Linhas com fundo cinza */
table#alter tr.dif td{
 background: #f9f9f9;
} 


#conteudoHome {
 position:absolute;
 left:8px;
 top:151px;
 width:759px;
 height:390px;
 overflow: auto;
 z-index:0;


}

#cad_admin {
 position:absolute;
 left:8px;
 top:5px;
 width:800px;
 height:500px;
 overflow: auto;
 z-index:0;
}


/* ESTILO IFRAMES DO TOPO E RODAPÉ (Válido para todas as cores)

Estilo que define a posição correta do topo e do ropadé, não deve ser alterado.

*/

#IframeTopo {
 position:absolute;
 left:0px;
 top:0px;
 width:775px;
 height:5px;
 z-index:0;
 visibility: visible;
}

#IframeRodape {
 position:absolute;
 left:0px;
 top:500px;
 width:775px;
 height:35px;
 z-index:62;
 visibility: visible;
}



/* ESTILO MENU COMUM (Válido para todas as cores) 

Estilo que define a posição e características do menu localizado no cabeçalho. 
Este estilo deve permanecer neste arquivo caso o Portal utilize cabeçalho com menu. 

*/


#menuprincipal{
 position:absolute;
 left:82px;
 top:110px;
 width:473px;
 height:22px;
 z-index:54;
 visibility: visible; 
}


#fundomenu {
 position:absolute;
 left:0px;
 top:103px;
 width:775px;
 height:30px;
 z-index:53;
 visibility: visible;
 background-image:url(../image/fundo_menu.jpg);
}

#SubMenu1 {
 position:absolute;
 left:80px;
 top:132px;
 width:220px;
 height:115px;
 z-index:56;
 visibility:hidden;
}
#SubMenu2 {
 position:absolute;
 left:183px;
 top:132px;
 width:220px;
 height:115px;
 z-index:57;
 visibility: hidden;
}
#SubMenu3 {
 position:absolute;
 left:342px;
 top:132px;
 width:220px;
 height:115px;
 z-index:58;
 visibility: hidden;
}
#SubMenu4 {
 position:absolute;
 left:468px;
 top:132px;
 width:220px;
 height:115px;
 z-index:58;
 visibility: hidden;
}

.divisao_menu{
 font-family: Verdana;
 font-size:10px;
 color:#666666;
 cursor:pointer;
}


.menu_tab_sub{
 border-right: 1px solid #E6E6E6;
 border-left: 1px solid #E6E6E6;
 border-bottom:1px solid #E6E6E6;
 border-top:1px solid #E6E6E6;
 background:#FFFFFF;
}

#icones_menu {
 position:absolute;
 left:2px;
 top:110px;
 width:86px;
 height:20px;
 z-index:63;
}


/*  ESTILO AZUL (ATIVO)

Estilo que define na cor AZUL os elementos: imagem de fundo, barra de scroll, título e mouse-over do menu.

Para tornar o AZUL a cor ofical da marca para o Portal deve-se comentar o estilo desta cor colocando 
o asterístico e a barra (tag de fim de comentário) no final deste comentário.

Para desativar o AZUL como cor ofical da marca para o Portal deve-se comentar o estilo desta cor colocando 
o asterístico e a barra (tag de fim de comentário) no final deste bloco de código. 

*/


A.menu {text-decoration: none; color: #666666; font-family: Verdana; font-size: 10px; font-weight:bold;}
A.menu:visited{text-decoration: none; color: #666666; font-family: Verdana; font-size: 10px; font-weight:bold;}
A.menu:hover {text-decoration: none; color: #0066cc; font-family: Verdana; font-size: 10px; font-weight:bold;}
A.menu:active {text-decoration: underline; color: #0066cc; font-family: Verdana; font-size: 10px; font-weight:bold;}


body {
 font-family: Verdana;
 font-size:11px;
 color:#000000;
 text-decoration:none;
    line-height:140%;
}

#header {
 position:absolute;
 left:3px;
 top:36px;
 width:0px;
 height:0px;
 z-index:52;
 visibility: visible;
 background-image:url(../images/header-azul.jpg);
 background-repeat:no-repeat; 
}

#titulosite {
 position:absolute;
 left:20px;
 top:50px;
 width:0px;
 height:0px;
 z-index:55;
 visibility: visible;
 background-image:url(../images/titulo-azul.gif);
 background-repeat:no-repeat;
 background-position:left;
}

#tit_aparelho,
#tit_planos,
#tit_tecnologia,
#tit_conteudo,
#tit_perfisacesso,
#tit_perfisfunc,
#tit_paises,
#tit_custosri,
#tit_operadoras,
#tit_servdadosrn,
#tit_contexterno,
#tit_upflag,
#tit_cobertura,
#tit_tiposervdados,
#tit_servdadosri {
 position:absolute;
 left:20px;
 top:50px;
 width:0px;
 height:0px;
 z-index:55;
 visibility: visible;
 background-repeat:no-repeat;
 background-position:left;
 
}
#tit_aparelho		{background-image:url(../images/tit_aparelho.gif);}
#tit_planos			{background-image:url(../images/tit_planos.gif);}
#tit_tecnologia		{background-image:url(../images/tit_tecnologia.gif);}	
#tit_contexterno	{background-image:url(../images/tit_contexterno.gif);}
#tit_perfisacesso	{background-image:url(../images/tit_perfisacesso.gif);}
#tit_perfisfunc		{background-image:url(../images/tit_perfisfun.gif);}
#tit_paises			{background-image:url(../images/tit_paises.gif);}
#tit_custosri		{background-image:url(../images/tit_custosri.gif);}
#tit_operadoras		{background-image:url(../images/tit_operadoras.gif);}
#tit_servdadosrn	{background-image:url(../images/tit_servdadosrn.gif);}	
#tit_conteudo		{background-image:url(../images/tit_conteudo.gif);}
#tit_upflag			{background-image:url(../images/tit_upflag.gif);}
#tit_cobertura		{background-image:url(../images/tit_cobertura.gif);}
#tit_servdadosri	{background-image:url(../images/tit_servdadosri.gif);}
#tit_tiposervdados	{background-image:url(../images/tit_tipo_serv_dados.gif);}
#tit_conteudo		{background-image:url(../images/tit_conteudo.gif);}	

.subtitulo_interno {
 color: #0066CC;
 font-weight: bold;
 font-size: 15px;
 font-family: Verdana;
 
}

/* ESTILO DO DIV INFORMATION */
#information {
	font-family: Verdana;
	font-size:10px;
	width: 279px;
	text-align:left;
}
#information .msg_error {
	color:#FF0000;
	background-image:url(../images/ico_error.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent:20px;
	
}

#information .msg_success {
	color:#0066cc;
	background-image:url(../images/ico_success.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent:20px;
}


.error_message {
 color: #FF0000;
 font-weight: bold; 
}

.info_message {
 color: #0000FF;
 font-weight: bold; 
  
}


/*  ESTILO VERDE

Estilo que define na cor VERDE os elementos: imagem de fundo, barra de scroll, título e mouse-over do menu.

Para tornar o VERDE a cor ofical da marca para o Portal deve-se comentar o estilo desta cor colocando 
o asterístico e a barra (tag de fim de comentário) no final deste comentário.

Para desativar o VERDE como cor ofical da marca para o Portal deve-se comentar o estilo desta cor colocando 
o asterístico e a barra (tag de fim de comentário) no final deste bloco de código.




A.menu {text-decoration: none; color: #666666; font-family: Verdana; font-size: 10px; font-weight:bold;}
A.menu:visited{text-decoration: none; color: #666666; font-family: Verdana; font-size: 10px; font-weight:bold;}
A.menu:hover {text-decoration: none; color: #99CC33; font-family: Verdana; font-size: 10px; font-weight:bold;}
A.menu:active {text-decoration: underline; color: #99CC33; font-family: Verdana; font-size: 10px; font-weight:bold;}


body {
scrollbar-arrow-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-highlight-color:#000000;
scrollbar-face-color:#99CC33;
scrollbar-shadow-color:#ffffff;
scrollbar-darkshadow-color:#000000;
scrollbar-track-color:#ffffff;
}

#header {
 position:absolute;
 left:3px;
 top:36px;
 width:768px;
 height:67px;
 z-index:52;
 visibility: visible;
 background-image:url(imagens/header-verde.jpg);
 background-repeat:no-repeat; 
}

#titulosite {
 position:absolute;
 left:20px;
 top:50px;
 width:408px;
 height:50px;
 z-index:55;
 visibility: visible;
 background-image:url(imagens/titulo-verde.gif);
 background-repeat:no-repeat;
 background-position:left;
}

.subtitulo_interno {
 color: #99CC33;
 font-weight: bold;
 font-size: 15px;
 font-family: Verdana;
 
}

*/

/*  ESTILO VERMELHO

Estilo que define na cor VERMELHO os elementos: imagem de fundo, barra de scroll, título e mouse-over do menu.

Para tornar o VERMELHO a cor ofical da marca para o Portal deve-se comentar o estilo desta cor colocando 
o asterístico e a barra (tag de fim de comentário) no final deste comentário.

Para desativar o VERMELHO como cor ofical da marca para o Portal deve-se comentar o estilo desta cor colocando 
o asterístico e a barra (tag de fim de comentário) no final deste bloco de código.


A.menu {text-decoration: none; color: #666666; font-family: Verdana; font-size: 10px; font-weight:bold;}
A.menu:visited{text-decoration: none; color: #666666; font-family: Verdana; font-size: 10px; font-weight:bold;}
A.menu:hover {text-decoration: none; color: #FF0000; font-family: Verdana; font-size: 10px; font-weight:bold;}
A.menu:active {text-decoration: underline; color: #FF0000; font-family: Verdana; font-size: 10px; font-weight:bold;}


body {
scrollbar-arrow-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-highlight-color:#000000;
scrollbar-face-color:#FF0000;
scrollbar-shadow-color:#ffffff;
scrollbar-darkshadow-color:#000000;
scrollbar-track-color:#ffffff;
}

#header {
 position:absolute;
 left:3px;
 top:36px;
 width:768px;
 height:67px;
 z-index:52;
 visibility: visible;
 background-image:url(imagens/header-vermelho.jpg);
 background-repeat:no-repeat; 
}

#titulosite {
 position:absolute;
 left:20px;
 top:50px;
 width:408px;
 height:50px;
 z-index:55;
 visibility: visible;
 background-image:url(imagens/titulo-vermelho.gif);
 background-repeat:no-repeat;
 background-position:left;
}

.subtitulo_interno {
 color: #FF0000;
 font-weight: bold;
 font-size: 15px;
 font-family: Verdana;
 
 }

*/


/*  ESTILO PURPURA

Estilo que define na cor PURPURA os elementos: imagem de fundo, barra de scroll, título e mouse-over do menu.

Para tornar o PURPURA a cor ofical da marca para o Portal deve-se comentar o estilo desta cor colocando 
o asterístico e a barra (tag de fim de comentário) no final deste comentário.

Para desativar o PURPURA como cor ofical da marca para o Portal deve-se comentar o estilo desta cor colocando 
o asterístico e a barra (tag de fim de comentário) no final deste bloco de código.


A.menu {text-decoration: none; color: #666666; font-family: Verdana; font-size: 10px; font-weight:bold;}
A.menu:visited{text-decoration: none; color: #666666; font-family: Verdana; font-size: 10px; font-weight:bold;}
A.menu:hover {text-decoration: none; color: #660099; font-family: Verdana; font-size: 10px; font-weight:bold;}
A.menu:active {text-decoration: underline; color: #660099; font-family: Verdana; font-size: 10px; font-weight:bold;}


body {
scrollbar-arrow-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-highlight-color:#000000;
scrollbar-face-color:#660099;
scrollbar-shadow-color:#ffffff;
scrollbar-darkshadow-color:#000000;
scrollbar-track-color:#ffffff;
}

#header {
 position:absolute;
 left:3px;
 top:36px;
 width:768px;
 height:67px;
 z-index:52;
 visibility: visible;
 background-image:url(imagens/header-purpura.jpg); 
 background-repeat:no-repeat;
}

#titulosite {
 position:absolute;
 left:20px;
 top:50px;
 width:408px;
 height:50px;
 z-index:55;
 visibility: visible;
 background-image:url(imagens/titulo-purpura.gif);
 background-repeat:no-repeat;
 background-position:left;
}

.subtitulo_interno {
 color: #660099;
 font-weight: bold;
 font-size: 15px;
 font-family: Verdana;
 
}

*/

/*  ESTILO LARANJA

Estilo que define na cor LARANJA os elementos: imagem de fundo, barra de scroll, título e mouse-over do menu.

Para tornar o LARANJA a cor ofical da marca para o Portal deve-se comentar o estilo desta cor colocando 
o asterístico e a barra (tag de fim de comentário) no final deste comentário.

Para desativar o LARANJA como cor ofical da marca para o Portal deve-se comentar o estilo desta cor colocando 
o asterístico e a barra (tag de fim de comentário) no final deste bloco de código.


A.menu {text-decoration: none; color: #666666; font-family: Verdana; font-size: 10px; font-weight:bold;}
A.menu:visited{text-decoration: none; color: #666666; font-family: Verdana; font-size: 10px; font-weight:bold;}
A.menu:hover {text-decoration: none; color: #FF9900; font-family: Verdana; font-size: 10px; font-weight:bold;}
A.menu:active {text-decoration: underline; color: #FF9900; font-family: Verdana; font-size: 10px; font-weight:bold;}


body {
scrollbar-arrow-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-highlight-color:#000000;
scrollbar-face-color:#FF9900;
scrollbar-shadow-color:#ffffff;
scrollbar-darkshadow-color:#000000;
scrollbar-track-color:#ffffff;
}

#header {
 position:absolute;
 left:3px;
 top:36px;
 width:768px;
 height:67px;
 z-index:52;
 visibility: visible;
 background-image:url(imagens/header-laranja.jpg); 
 background-repeat:no-repeat; 
}

#titulosite {
 position:absolute;
 left:20px;
 top:50px;
 width:408px;
 height:50px;
 z-index:55;
 visibility: visible;
 background-image:url(imagens/titulo-laranja.gif);
 background-repeat:no-repeat;
 background-position:left;
}


.subtitulo_interno {
 color: #FF9900;
 font-weight: bold;
 font-size: 15px;
 font-family: Verdana;

} 

*/
.titulosecao {
background-color:transparent;
color:#FF7F00;
font-weight:bold;
}
.textpeq {
background-color:transparent;
color:#000000;
font-size:90%;
}
.text {
background-color:transparent;
color:#000000;
}
.menu {
background-color:transparent;
color:#000000;
font-weight:bold;
text-decoration:none;
vertical-align:middle;
}
.submenuon {
background-color:transparent;
color:#006699;
font-weight:bold;
text-decoration:none;
vertical-align:middle;
}
.submenuoff {
background-color:transparent;
color:#666666;
text-decoration:none;
vertical-align:middle;
}
.categoriaoff {
background-color:transparent;
color:#999999;
font-weight:bold;
line-height:26px;
text-decoration:none;
vertical-align:middle;
}
.categoriaon {
background-color:transparent;
color:#999999;
font-weight:bold;
line-height:26px;
text-decoration:none;
vertical-align:middle;
}