/* Estilo das fontes */
body 												{ font-family: verdana; font-size: 8pt; line-height: 13pt; color: #333333;}

th, td, p, div, span, a, input, select, textarea, ul, ol, dl, li { font-family: verdana; font-size: 8pt; line-height: 13pt; color: #333333; /*background-image: url('images/fundo.gif')*/}
/* Estrutura da página */
body 												{ margin:0; background-image: url('images/borda_sombreada.gif'); }

/* Estilo do scrollbar */
body 												{ scrollbar-face-color:#f9ffff; scrollbar-highlight-color:#339999; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-shadow-color: #339999; scrollbar-arrow-color:#339999;  scrollbar-track-color:#ffffff; }

/* Estilo de texto span */
span.texto_cinza									{ color:#999999; }
span.texto_cinza_bold								{ color:#999999; font-weight: bold; }

/* Tabela de conteúdo utilizada na maior parte das páginas do site. */
table.content										{ width: 100%; }
table.content td.index 								{ padding: 0px 10px 0px 6px; width: 200px; vertical-align: top; }
table.content td.mid								{ padding: 0px 26px 0px 0px; vertical-align: top; }
table.content td.mid ul.treinamento_nivel1			{ font-weight: bold; list-style-type: decimal; line-height: 18px; }
table.content td.mid ul.treinamento_nivel2			{ font-weight: normal; list-style-type: lower-alpha; }
table.content td.mid ul.treinamento_nivel3			{ font-size: 9pt; font-weight: normal; font-style: italic ; list-style-type: upper-roman; }
table.content td.mid ul.treinamento_nivel4			{ font-size: 8pt; font-weight: normal; font-style: normal ; list-style-type: upper-roman; }


/* Estilo da barra de navegação do site */
.tbbutton 											{ padding-left: 6px; padding-right: 6px; border-right: solid 1px #99cccc; cursor: hand; text-align: center; }
td.tbbutton a 										{ font-family: arial; font-size: 8pt; text-decoration: none; color:#ffffff; font-weight: normal; }
td.tbbutton a:hover     							{ color: #000000; }

/* Estilo da barra de navegação do site com mouseover */
.tbbutton-sel 										{ padding-left: 6px; padding-right: 6px; background-color: #99cccc; color: black; border-right: solid 1px #339999; cursor: hand; text-align: center; }
td.tbbutton-sel a 									{ font-family: arial; font-size: 8pt; text-decoration: none; color:#000000; font-weight: normal; }

.tdbranco 											{ background-color:#ffffff; }
.tdverde 											{ background-color:#339999; }
.tdverdeclaro 										{ background-color:#e5feff; }
.tdpreto 											{ background-color:#000000; }


/* Estilo para rodapé da página */
.tdfooter											{ font-size: 7pt; font-weight: bold; color:#339999; text-align: center; padding:10px 26px 10px 26px; }
.tdfooter a 										{ font-size: 7pt; text-decoration: underline; color: #339999; }
.tdfooter a:hover 									{ text-decoration: none; }


.leftbar-header 									{ font-size: 9pt; font-weight: bold; }
.leftbar-item 										{ padding-left: 10px; font-size: 9pt; font-weight: normal; }		

a 													{ text-decoration: underline; color: #339999; }
a:hover 											{ text-decoration: none; }

.localeink 											{ font-size: 9pt; color: #009DA0; }
.localeink a 										{ text-decoration: none; color: #009DA0; }
.localeink a:hover 									{ color: #99cccc; text-decoration:none; }

.home_destaque1 									{ color: #339999; font-weight: bold; }
.home_destaque1 a 									{ text-decoration: none; font-weight: normal; font-weight: bold; }
.home_destaque1 a:hover 							{ text-decoration: underline; font-weight: bold; }

.home_destaque2 									{ font-weight: normal; }

.titulo1, h1 										{ font-size: 13pt; color: #339999; font-weight: bold; }

.titulo2, h2 										{ font-size: 12pt; font-weight: bold; }

.titulo3, h3 										{ font-size: 11pt; color: #339999; font-weight: bold; }
.titulo3 a 											{ font-size: 11pt; color: #339999; text-decoration: none; font-weight: bold; }
.titulo3 a:hover 									{ font-size: 11pt; color: #339999; text-decoration: underline; font-weight: bold; }

.titulo4, h4 										{ font-size: 10pt; font-weight: bold; }

.link_fundo_branco 									{ font-size: 8pt; color: #339999; }
.link_fundo_branco a 								{ font-size: 8pt; color: #339999; text-decoration: none; font-weight: normal; }
.link_fundo_branco a:hover 							{ text-decoration:underline; font-weight: normal; }

.link_fundo_preto 									{ font-size: 8pt; color: #99cccc; font-weight: Bold; }
.link_fundo_preto a 								{ color: #99cccc; text-decoration: none; }
.link_fundo_preto a:hover 							{ text-decoration:underline; }

.link_fundo_verde 									{ font-size: 8pt; color: #99cccc; }
.link_fundo_verde a 								{ color: #99cccc; text-decoration: none; font-weight: normal; }
.link_fundo_verde a:hover 							{ text-decoration:underline; font-weight: normal; }



/* P */
p.bgheader 											{ font-size: 12pt; margin-bottom: 5px; }


/* Tabela que contém os estilos dos menus de navegação que ficam à esquerda da tela */
table.subj-index 									{ width:188px; background-color: #99cccc; }
.subj-index a 										{ color:#333333; text-decoration: none; font-weight: normal; }
.subj-index a:hover 								{ color:#333333; text-decoration: underline; font-weight: normal; }

table.subj-index TD 								{ border-bottom: thin dotted 1px #339999; background-color: #99cccc; }

table.subj-index TD.dir 							{ padding: 5px 3px 5px 0px; width:100%; }
table.subj-index TD.dir_header 						{ width: 100%; padding: 0px 3px 5px 0px; background-color: #99cccc; }
table.subj-index TD.dir_footer 						{ width: 100%; padding: 5px 3px 0px 0px; border-bottom: 0px; background-color: #99cccc; }
table.subj-index TD.esq								{ vertical-align: top; padding: 4px 5px 4px 5px; border-left: solid 1px #339999; background-color: #99cccc;}
table.subj-index TD.esq_header						{ vertical-align: top; padding: 0px 5px 5px 5px; border-left: solid 1px #339999; }
table.subj-index TD.esq_footer						{ vertical-align: top; padding: 5px 5px 0px 5px; border-left: solid 1px #339999; border-bottom: 0px; background-color: #99cccc; }
table.subj-index TD.branco 							{ font-weight: normal; padding: 4px 3px 4px 3px; background-color: #ffffff; }

/* Estilo para boxes com imagem */
div.box_imagem										{ position: relative; float: right; width: 180px; margin 0px 0px 10px 10px; border-right: solid 5px #cccccc; padding: 0px;}
p.legenda_box_imagem								{ position: relative; float: right; font-size: 10px ; font-weight: Bold; text-align: left; margin: 0px 0px 0px 60px; padding: 10px 12px 10px 12px; background-color: #ddd; border: 0px; }

/* Tabela que controla o estilo dos submenus da tabela de navegação da esquerda. */
table.subj-sub_index 								{ width: 100%; font-weight: normal; border-left: dotted 1px #339999; background-color: #339999; padding: 0px 0px 0px 0px; }
.subj-sub_index a 									{ color:#333333; text-decoration: none; font-weight: normal; }
.subj-sub_index a:hover 							{ color:#333333; text-decoration: underline; font-weight: normal; }

table.subj-sub_index TD 							{ background-color: #99cccc; border-bottom: solid 0px; padding: 2px 3px 2px 5px; }

table.subj-sub_index TD.header						{ padding: 4px 3px 4px 0px; border-top: solid 1px #339999; }
Table.subj-sub_index TD.verde_escuro 				{ font-weight: normal; padding: 4px 3px 4px 3px; background-color: #8cbdbd; }
table.subj-sub_index TD.branco 						{ font-weight: normal; padding: 4px 3px 4px 3px; background-color: #ffffff; }
Table.subj-sub_index TD.footer 						{ font-weight: normal; padding: 4px 3px 4px 3px; border-bottom: solid 2px #339999; background-color: #99cccc; }

/* Controle do estilo da tabela especial comparativa, utilizada para comparar as três versões do WiNGS Planner */
table.comparativa 									{ background-color: #99cccc; border-left: 1px solid #339999; border-bottom: 2px solid #339999; border-right: 1px solid #339999; }
.comparativa a 										{ color:#333333; text-decoration: underline; font-weight: normal; }
.comparativa a:hover 								{ color:#333333; text-decoration: none; font-weight: normal; }

table.comparativa TD 								{ font-weight: normal; vertical-align: top;}
table.comparativa TD.header							{ background-color:#000000; font-weight: bold; color:#ffffff; text-align: center; padding: 5px 3px 5px 3px; border-top: solid 2px #339999; } 
table.comparativa TD.esq							{ vertical-align: top; padding: 10px 3px 10px 10px; border-top: solid 1px #339999; border-right: solid 1px #339999;}
table.comparativa TD.centro 						{ text-align: center; vertical-align: middle; background-color: #ffffff; padding: 10px 3px 5px 3px; border-top: solid 1px #339999; border-left: solid 1px #339999; }
table.comparativa TD.dir 							{ padding: 10px 10px 10px 20px; border-top: solid 1px #339999; }
table.comparativa TD.neutro 						{ background-color: #ffffff; border-top: solid 1px #339999; border-left: solid 1px #339999; }


/* Controle do estilo das tabelas que são utilizadas para apresentar conteúdo */
table.conteudo										{ background-color: #eeeeee;}
.conteudo a 										{ color:#666666; text-decoration: underline; font-weight: normal; }
.conteudo a:hover 									{ color:#666666; text-decoration: none; font-weight: normal; }

table.conteudo TD 									{ font-weight: normal; color: #666666; vertical-align: top;}
table.conteudo TD.header							{ vertical-align: top; padding: 0px 0px 0px 0px; border-right: 1px solid #cccccc;}
table.conteudo TD.footer							{ vertical-align: top; padding: 0px 0px 0px 0px; border-left: 1px solid #cccccc;}
table.conteudo TD.esq								{ font-weight: bold; vertical-align: top; padding: 10px 3px 10px 10px; border-top: dotted 1px #cccccc; border-left: 1px solid #cccccc; }
table.conteudo TD.centro 							{ text-align: center; vertical-align: top; padding: 10px 15px 10px 15px; border-top: dotted 1px #cccccc; }
table.conteudo TD.dir 								{ padding: 10px 10px 10px 3px; border-top: dotted 1px #cccccc; border-right: 1px solid #cccccc;}
table.conteudo TD.neutro 							{ background-color: #ffffff; border-top: solid 1px #cccccc; border-left: solid 1px #cccccc; }



table.padrao 										{ border-top: 2px solid #cccccc; border-bottom: 2px solid #cccccc; width: 100%; }
table.padrao td 									{ border-bottom: 1px solid #cccccc; padding:8px 4px 8px 4px; vertical-align: top; }
table.padrao td.esq									{ text-align: right; }
table.padrao td.esq_avaliacao						{ text-align: left; padding-top: 26px; font-weight: Bold; }
table.padrao td.centro								{ width: 25%; border-bottom: 2px solid #cccccc; }
table.padrao td.centro_form							{ width: 50px; }

table.padrao_txt_peq								{ font-size: 9pt; width:188px; padding: 2px 6px 2px 6px; border-bottom: solid 1px #339999; border-top: 2px solid #339999; }
table.padrao_txt_peq TD								{ font-size: 9pt; border-bottom: 1px solid #339999; padding:8px 0px 8px 0px; }

table.treinamento 									{ border-top: 2px solid #339999; border-bottom: 2px solid #339999;}
table.treinamento TD								{ border-bottom: 1px solid #339999; padding:4px 0px 4px 0px; vertical-align: top; }
table.treinamento TD.left							{ width: 25%; }
table.treinamento TD.right							{ width: 75%; }

/* Tabela que exibe as notícias da lista de releases e de notícias publicadas a respeito da WiNGS Telecom */
table.lista_noticias								{ border-top: 2px solid #339999; border-bottom: 2px solid #339999; padding: 3px; }
table.lista_noticias td								{ text-align: left; vertical-align: top; }

/* Tabela que contém estilos para formulários */
Form.oportunidade									
Form.oportunidade td								{ font-size: inherit; }

form												{ }
input.LargeField									{ border: 1px solid #bbbbbb; background-color: #eeeeee; width: 390px; height: 20px; }
input.SmallField									{ border: 1px solid #bbbbbb; background-color: #eeeeee; width: 140px; height: 20px; }
input.PhonePref										{ border: 1px solid #bbbbbb; background-color: #eeeeee; width: 30px; height: 20px; }
input.Phone											{ border: 1px solid #bbbbbb; background-color: #eeeeee; width: 110px; height: 20px; }
textarea											{ border: 1px solid #bbbbbb; background-color: #eeeeee; width: 390px; height: 50px; }
textarea.large										{ border: 1px solid #bbbbbb; background-color: #eeeeee; width: 470px; height: 50px; }