/* Estilos Principais do Site da empresa News Systems */

* {padding:0; text-align:left; text-decoration:none; vertical-align:top; border:none;}


/* Tags Principais*/
body {
	margin:0;
	padding:0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-image:url(../img/bg_site.gif);
	background-color:#778fa2;
	background-repeat: repeat-x;
}

a {text-decoration:underline; font-weight:bold; color:#0051cb;}
a:hover{color:#0066FF}
a:visited {color:#778fa2;}
/* IDs Principais*/

#container {background-color:#ffffff; margin:0 auto; padding:0; width:778px;}

#topo, #menu {margin:0; padding:0;}

#topo {
	overflow:hidden;
	border-top:5px solid #84c225;
	background-image: url(../img/bg_topo.gif);
	background-repeat: repeat-x;}

#logo {float:left; overflow:hidden; margin:0; padding:20px 30px;}

#info_sec_topo {overflow:hidden; float:right; text-align:right; margin:0; padding:0;}
#email_topo {overflow:hidden; padding:22px 22px 26px 0; clear:right; text-align:right;}
#slogan {overflow:hidden; text-align:right; margin:0; padding:0 22px 20px 0;}
#avisologin {visibility: hidden; padding:8px 0 0 15px; font-size:11px;}



/* MENU */
#menu {clear:both; overflow:hidden; height:38px;}
#menu ul {padding:0; margin:0; }
#menu li {display:inline; list-style:none; padding:0; margin:0;}

	
/* Botoes ativos, isto eh, com link para alguma outra secao */	
#menu ul .menu_home a, #menu ul .menu_empresa a, #menu ul .menu_sistemas a, 
#menu ul .menu_clientes a, #menu ul .menu_parceria a, #menu ul .menu_noticias a, 
#menu ul .menu_contato a {float:left; background-position:0 0; height:76px; overflow:hidden;}

#menu ul .menu_home a {
	text-indent:-90000px;
	width:92px;
	background-image: url(../img/bt_home.gif);
	background-repeat:no-repeat;}

#menu ul .menu_empresa a {
	text-indent:-90000px;
	width:131px;
	background-image: url(../img/bt_empresa.gif);
	background-repeat:no-repeat;}

#menu ul .menu_sistemas a {
	text-indent:-90000px;
	width:117px;
	background-image: url(../img/bt_sistemas.gif);
	background-repeat:no-repeat;}

#menu ul .menu_clientes a {
	text-indent:-90000px;
	width:106px;
	background-image: url(../img/bt_clientes.gif);
	background-repeat:no-repeat;}
	
#menu ul .menu_parceria a {
	text-indent:-90000px;
	width:110px;
	background-image: url(../img/bt_parceria.gif);
	background-repeat:no-repeat;}
	
#menu ul .menu_noticias a {
	text-indent:-90000px;
	width:109px;
	background-image: url(../img/bt_noticias.gif);
	background-repeat:no-repeat;}
	
#menu ul .menu_contato a {
	text-indent:-90000px;
	width:113px;
	background-image: url(../img/bt_contato.gif);
	background-repeat:no-repeat;}
	
#menu ul .menu_sair a {
	text-indent:-90000px;
	width:113px;
	background-image: url(../img/bt_contato.gif);
	background-repeat:no-repeat;}	
	
/* Hover do botao, mexe somente o position do background */	
#menu ul .menu_home a:hover, #menu ul .menu_empresa a:hover, #menu ul .menu_sistemas a:hover, 
#menu ul .menu_clientes a:hover, #menu ul .menu_parceria a:hover, #menu ul .menu_noticias a:hover, 
#menu ul .menu_contato a:hover, #menu ul .menu_sair a:hover {background-position:0 -38px;}


/* Botoes inativos, isto eh, o botao da secao em que a pessoa esta fica sem link */
#menu ul .menu_home, #menu ul .menu_empresa, #menu ul .menu_sistemas, 
#menu ul .menu_clientes, #menu ul .menu_parceria, #menu ul .menu_noticias, 
#menu ul .menu_contato {float:left; height:38px; overflow:hidden;}

#menu ul .menu_home {
	text-indent:-90000px;
	width:92px;
	background-image: url(../img/bt_inativo_home.gif);
	background-repeat:no-repeat;}
	
#menu ul .menu_empresa {
	text-indent:-90000px;
	width:131px;
	background-image: url(../img/bt_inativo_empresa.gif);
	background-repeat:no-repeat;}

#menu ul .menu_sistemas {
	text-indent:-90000px;
	width:117px;
	background-image: url(../img/bt_inativo_sistemas.gif);
	background-repeat:no-repeat;}

#menu ul .menu_clientes {
	text-indent:-90000px;
	width:106px;
	background-image: url(../img/bt_inativo_clientes.gif);
	background-repeat:no-repeat;}
	
#menu ul .menu_parceria {
	text-indent:-90000px;
	width:110px;
	background-image: url(../img/bt_inativo_parceria.gif);
	background-repeat:no-repeat;}

#menu ul .menu_noticias {
	text-indent:-90000px;
	width:109px;
	background-image: url(../img/bt_inativo_noticias.gif);
	background-repeat:no-repeat;}
	
#menu ul .menu_contato {
	text-indent:-90000px;
	width:113px;
	background-image: url(../img/bt_inativo_contato.gif);
	background-repeat:no-repeat;}

#img_principal, #img_sistemas {clear:both;}


#destaques {width:100%; overflow:hidden; text-align:left; font-size:0.8em; 
			clear:both; background-image: url(../img/bg_destaques.gif); 
			background-repeat: repeat-y;}
			
#destaques h2 {font-size:1.4em; padding:0.4em 1.7em; margin:0;}
#destaques p {padding:1em 2em 1em 2.3em; line-height:1.4em; margin:0;}
#destaques a:hover {color:#e2e2e2;}
#area_login {padding:2em 2em 1em 2.3em; margin:0; overflow:hidden;}
#login, #senha{border:1px solid #70a51f; width:120px; color:#1a4d74; padding:0 0.2em; margin:0;}


#content_interno {width:100%; overflow:hidden; text-align:left; font-size:0.8em; clear:both;}


#menu_auxiliar {border-top:2px solid #589600; width:28%; font-weight:bold; float:left; background-color:#84c225;}
#menu_auxiliar ul {margin:0; padding:0; list-style:none;}
#menu_auxiliar li {padding:0.6em 0 0.4em 1.4em; margin:0; border-bottom:1px solid #589600; background-color:#84c225;}
#menu_auxiliar a{color:#ffffff; text-decoration:none;}
#menu_auxiliar a:hover{color:#004e85; text-decoration:underline;}

#menu_auxiliar .sistema_selecionado {background-color:#ffffff; color:#004e85;}


#conteudo {float:right; overflow:hidden; padding:1em 2em; width:65%;}
#conteudo h2 {font-size:1.4em; color:#004e85; margin:0; padding:0 0 0.5em 0;}
#conteudo h3 {font-size:1.2em; color:#778fa2; margin:0; padding:0 0 0.2em 0;}
#conteudo p {padding:0.5em 0; margin:0; line-height:1.4em; margin:0; color:#333333;}
#conteudo table {border:1px solid #d8dfe7; background-color:#f7f8fc;}
#conteudo td {font-weight:bold; border:1px solid #d8dfe7;font-size:0.95em; color:#778fa2; margin:0; padding:0.4em 0.2em 0.4em 1.4em;}
#conteudo th { text-align:center; margin:0; padding:0.4em 0.2em 0.4em 1.4em; background-color:#1a4d74; color:#ffffff;}
#conteudo ul {list-style:none; color:#333333; margin:0; padding:1em;}
#conteudo li {line-height:1.5em; margin:0; padding:0;}


/* Classes */



.coluna_esquerda {float:left; width:33.25%; color:#000000;}
.coluna_esquerda p a, .coluna_esquerda p a:visited {color:#000000;}
.coluna_centro {float:left; width:33.3%; color:#ffffff;}
.coluna_centro p a, .coluna_centro p a:visited {color:#ffffff;}
.coluna_direita {overflow:hidden; color:#ffffff; width:33%}


.h2_fundoverde {background-color:#70a51f; border-right:2px solid #ffffff; color:#ffffff;}
.h2_fundoazul, .h2_fundoazulescuro{color:#84c225; text-decoration:none;}
.h2_fundoazul {background-color:#1a4d74; border-right:2px solid #ffffff;}

.h2_fundoazulescuro {background-color:#033458;}


.img_interna_peq {float:right; overflow:hidden; padding:1.5em; margin:0;}
.logo_tcp_fverde {float:right; text-align:right; overflow:hidden; padding:1.3em 1.8em 0 0; margin:0;}

.label_login {padding: 0 6px 0 0; margin:0;}
.bt_ok {text-align:right; padding-right:2.3em;}

.bg_branco { background-color:#ffffff;}
.bg_cinzaclaro { background-color:#dde4ea;}
.bg_verdebranco {background-image: url(../img/bg_verde_branco.gif); background-repeat: repeat-y;}

.table_padrao {background-color:#c2cfd7; text-align:center; margin:0 auto; border:2px solid #778fa2;}

.img_sistemas { text-align:center;}

/* Footer */
#footer {clear:both; margin:0; padding:0; font-size:11px; background-color:#8CA3B3; color:#dbe4eb; overflow:hidden; height:45px;}
#assinatura {float:left; padding:0.8em 1.5em;}
#logo_pictus {float:right; padding:0.8em 1.5em;}