@charset "utf-8";
/* CSS Document */
body {
background:url(img/fundo_pagina.gif) repeat; 
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px}
input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px}
p {margin:10px 0 10px 0px}
img {border:0px; vertical-align:middle}
#tudo {width: 776px;margin:0px auto;text-align:left; background:url(img/fundo_tudo.gif) repeat;}
#conteudo{padding-left:3px; padding-right:3px;}
/*Barra superior de login*/
#barra-login{background:#4f4f4f; height:25px; border-bottom:#999999 1px solid; color:#CCCCCC; padding:5px 5px 0px 5px; }
#barra-login div.esq {float:left;width:720px;}
/* login */
div.login {height: 20px;}
div.login .titulo,
div.login .campo-usuario, 
div.login .campo-senha,
div.login .botao-login,
div.login .senha, 
div.login .registro,
span.logout .saudacao,
span.logout .botao-logout {	padding-right: 5px;	float: left; font-weight:bold}
div.login .titulo {padding-top:5px}
div.login .campo-usuario input{
	width: 175px;
	height: 16px;
	padding: 4px 0px 0px 25px;
	border: none;
	outline: none;
	float: left;
	color: #646464;
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif}
div.login .campo-senha input {
	width: 75px;
	height: 16px;
	padding: 4px 0px 0px 25px;
	border: none;
	outline: none;
	float: left;
	color: #646464;
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif}
div.login .campo-usuario input {background: url(img/campo-usuario.png) 0 0 no-repeat;}
div.login .campo-usuario input:hover, div.login .campo-usuario input.sfhover {	background: url(img/campo-usuario.png) 0 -20px no-repeat;	color: #000000;}
div.login .campo-usuario input:focus, div.login .campo-usuario input.sffocus {	background: url(img/campo-usuario.png) 0 -20px no-repeat;	color: #000000;}
div.login .campo-senha input:hover, div.login .campo-senha input.sfhover {	background: url(img/campo-senha.png) 0 -20px no-repeat;	color: #000000;}
div.login .campo-senha input {background: url(img/campo-senha.png) 0 0 no-repeat;}
div.login .campo-senha input:focus, div.login .campo-senha input.sffocus {	background: url(img/campo-senha.png) 0 -20px no-repeat;	color: #000000;}
div.login .login-button-text button {	margin-top: -1px;	cursor: pointer;}
div.login .botao-login button {
	height: 20px;
	width: 21px;
	padding: 0px;
	border: none;
	background: url(img/botao-login.png) 0 0 no-repeat;
	cursor: pointer;
	overflow: hidden;}
div.login .botao-login button:hover, div.login .botao-login button.sfhover  {	background: url(img/botao-login.png) 0 -20px no-repeat;}
div.login .senha a, div.login .registro a {
	display: block;
	height: 20px;
	cursor: pointer;
	overflow: hidden;
}
div.login .senha a  {background: url(img/botao-senha.png) 0 0px no-repeat; padding-left:30px; color:#CCCCCC; text-decoration:none;}
div.login .registro a  {background: url(img/botao-registro.png) 0 0px no-repeat; padding-left:25px; color:#cccccc; text-decoration:none}
/* logout */
span.logout {	height: 20px;}
span.logout .saudacao {	line-height: 20px;}
span.logout .botao-logout button {
	display: block;
	height: 20px;
	width: 21px;
	padding: 0px;
	border: none;
	background: url(img/botao-logout.png) 0 0 no-repeat;
	cursor: pointer;
	overflow: hidden;}
span.logout .botao-logout button:hover, span.logout .botao-logout button.sfhover  {	background: url(img/logout_button_bg.png) 0 -20px no-repeat;}
/*Idiomas*/
#barra-login div.dir {float:right;width:40px; padding-top:5px; text-align:right;}
/*Logotipo*/
#logo {background:url(img/fundo_logo.gif); height:70px;}
#logo div.esq {float:left; width:260px; background:url(img/logotipo.png) no-repeat; height:70px;}
#logo div.dir {float:right; width:505px; padding-top:5px; text-align:right; padding-right:5px; }
#logo div.dir a {text-decoration:none; color:#000}
/*Menu de navegacao horizontal*/
/* the styling */
#nav {width:100%; height:25px; background:url(img/fundo_menu.gif) repeat-x; position:relative;margin-bottom:25px; border-top:#666666 1px solid}
#nav .select, #nav .current {margin:0; padding:0; list-style:none;}
#nav li {display:inline; margin:0; padding:0; height:auto;}
#nav .select a,
#nav .current a {display:block; height:25px; float:left; padding:0 15px 0px 15px; text-decoration:none;line-height:25px; white-space:nowrap; color:#ccc; font-weight:bold; border-left:#666666 1px solid}
* html #nav .select a, * html #nav .current a {width:1px; height:25px;}
#nav .select a:hover, 
#nav .select li:hover a {cursor:pointer; color:#CC0000;}
#nav .sub {display:none;}
/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0;}
#nav .current a {color:#fff;}
/*Hover de item com sub-barra inativa*/
#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover { background:url(img/fundo_submenu.gif) repeat-x; color:#fff; text-decoration:underline}
/*Hover de item com sub-barra inativa*/
#nav .sub_active .current_sub a, 
#nav .sub_active a:hover { background:url(img/fundo_submenu.gif) repeat-x; color:#fff;text-decoration:underline}
/*Cor de fundo da sub-BARRA quando inativa*/
#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:770px; top:24px; left:0;  background:url(img/fundo_submenu.gif) repeat-x; margin-top:0; padding:0; z-index:100; color:#fff;}
#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}
/*Cor de fundo da sub-BARRA quando ativa*/
#nav .sub_active {display:block; position:absolute; width:770px; top:24px; left:0; background:url(img/fundo_submenu.gif) repeat-x; margin-top:0; padding:0; z-index:10; }
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-top:0px;}
/*Cor de fundo de cada sub-item quando a barra está ativa*/
#nav .sub_active a {height:25px; text-decoration:none; white-space:nowrap; display:block; float:left;  background:url(img/fundo_submenu.gif) repeat-x; padding:0px 10px 0px 10px; margin:0;white-space:nowrap; border:0; color:#fff; font-weight:normal; line-height:20px; border-collapse:collapse}
/*Cor de fundo de cada sub-item*/
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a { height:25px; line-height:20px;display:block;  background:url(img/fundo_submenu.gif) repeat-x; padding:0px 10px 0px 10px; margin:0; white-space:nowrap; color:#fff;font-weight:normal; border:0px;}
/*Lateral*/
#divesq {float:left; width:150px;padding:5px 0px 10px 5px; text-align:center; clear:both}
#divesq a {color:#CC0000; text-decoration:none}
.fundored {background:url(img/fundored.gif); width:150px; height:28px; line-height:28px; text-transform:uppercase; color:#FFFFFF; font-weight:bold; text-align:center; margin-top:5px; margin-bottom:5px}
.cliente ul {margin:0px; list-style:none; padding:0}
.cliente li{border-bottom: 1px dashed #cccccc;; list-style:none; padding: 1px 0px 1px 5px; font-weight:normal; text-align:left;line-height:15px; text-decoration:none}
.itemnet ul {margin:0px; list-style:none; padding:0}
.itemnet li{border-bottom: 1px dashed #cccccc;; list-style:none; padding: 1px 0px 1px 15px; font-weight:bold; text-align:left; background:url(img/icon-star.gif) no-repeat 0px 3px;line-height:15px; text-decoration:none}
.itemnet a, .itemnews a {text-decoration:none}
.itemnews ul {margin:0px; list-style:none; padding:0}
.itemnews li{border-bottom: 1px dashed #cccccc;; list-style:none; padding: 1px 0px 1px 12px; text-align:left; background:url(img/icon-arrow.gif) no-repeat 0px 3px; }
.abreaspas {background:url(img/aspasa.gif) no-repeat; width:16px; display:inline}
.depoimentos {text-align:justify; display:inline; margin-bottom:5px}
.fechaspas {background:url(img/aspasb.gif) no-repeat; width:16px;display:inline}
.autor { background:url(img/icon-user.gif) no-repeat; padding-left:15px; margin-bottom:5px; font-style:italic; margin-top:5px}
/*conteudo*/
#divdir {float:right; width:590px; padding:10px 10px 10px 5px; text-align:justify;min-height:250px;height:auto !important;height:250px;}
#divdir a {color:#CC0000; text-decoration:none}
#divdir .titulo {color:#CC0000; font-weight:bold; font-size:10px; line-height:15px}
#navegacao, #navegacao a {color:#CCCCCC; font-style:italic; line-height:15px; text-decoration:none; font-weight:normal}
.planobox {border:1px solid #CCCCCC; background:#ffffff; width:190px; float:left; margin-right:7px; margin-bottom:10px}
.planobox2 {border:1px solid #CCCCCC; background:#ffffff; width:190px; float:left;; margin-bottom:10px}
.planocinza {padding:5px; text-align:center;background:url(img/titcinza.png); color:#FFFFFF; font-weight:bold; border-bottom:1px solid #E8E8E8; height:22px; line-height:22px; text-transform:uppercase; font-size:9px}
.planored {padding:5px; text-align:center;background:url(img/titred.png); color:#FFFFFF; font-weight:bold; border-bottom:1px solid #E8E8E8; height:22px; line-height:22px; text-transform:uppercase; font-size:9px}
.planopreto {padding:5px; text-align:center;background:url(img/titpreto.png); color:#FFFFFF; font-weight:bold; border-bottom:1px solid #E8E8E8; height:22px; line-height:22px; text-transform:uppercase; font-size:9px}
.planomeio {border-bottom:1px solid #CCCCCC; padding: 5px 5px 5px 5px}
.planomeio ul {margin:0px; list-style:none; padding:0}
.planomeio li{list-style:none; padding: 1px 0px 1px 12px; text-align:left; background:url(img/icon-arrow.gif) no-repeat; }
.planobase {background:#E1E1E1; padding:5px 0px 5px 0px; text-align:center; font-weight:bold}
.planonome {border-bottom:#CC0000 dashed 1px; width:100%; font-weight:bold; margin-bottom:5px; text-transform:uppercase}
.subtit {background:url(img/icon-arrow.gif) no-repeat 0px 2px ; padding-left:15px; font-weight:bold; color:#CC0000; vertical-align:top; margin:10px 0 10px 0}
th.subtit {background:url(img/icon-arrow.gif) no-repeat 0px 22px ; padding: 20px 0px 5px 15px;font-weight:bold; color:#cc0000; vertical-align:top; margin:10px 0 10px 0;border-bottom:#cc0000 1px dashed; }
.tabela {border:#cc0000 0px solid;}
.tabela td {border-bottom:#CCCCCC 1px dashed; padding:3px}
/*rodape*/
#rodape {background:url(img/fundo_rodape.gif) repeat-x; height:75px; padding-top:10px; color:#CCCCCC; text-align:center; clear:both}
#rodape a {color:#CCCCCC}