/******************************************************************************************
************************************************************ GLOBAL
******************************************************************************************/

html {
	font: normal normal normal 12px/20px Arial, Helvetica, sans-serif;
	background: #dddddd url('../imagens/fundo-html.png') top left repeat-x;
	color:#333333;
}

body {
	width:960px;
	margin:0 auto;
	background: url('../imagens/fundo-conteudo-centro.png') center top repeat-y;
}

#geral {
	background: url('../imagens/fundo-conteudo-topo.png') top center no-repeat;
}

a {
	color:#356aa0;
}

a:visited {
	color:#5085bb;
}

a:hover {
	text-decoration:none;
}

a:active {
	outline:0;
}

em {
	color:#999999;
	font-size:11px;
	font-style:normal;
}

/******************************************************************************************
************************************************************ CABECALHO
******************************************************************************************/

#cabecalho {
	position:relative;
	height:220px;
}

#cabecalho h1 a {
	position:absolute;
	top:20px;
	left:50px;
	display:block;
	width:430px;
	height:80px;
	text-indent:-9999px;
	overflow:hidden;
	background: url('../imagens/logo.png') center center no-repeat;
}

/*************************************************************************** MENU SECUNDARIO */

#cabecalho #menu-secundario {
	position:absolute;
	top:0px;
	right:10px;
	padding:0 40px;
	background: url('../imagens/fundo-menu-secundario.png') left center repeat-x;
}

#cabecalho #menu-secundario li {
	display:inline;
}

#cabecalho #menu-secundario li a {
	text-decoration:none;
	color:#666666;
	line-height:40px;
	padding:0 10px;
}

#cabecalho #menu-secundario li a:hover {
	text-decoration:none;
	color:#333333;
}

/*************************************************************************** LOGIN */

#cabecalho form {
	position:absolute;
	right:10px;
	top:50px;
}

#cabecalho form p {
	display:inline;
}

#cabecalho form input {
	width:140px;
	height:24px;
	line-height:24px;
	border:1px solid #cccccc;
	padding:2px 3px;
	color:#666666;
	margin-left:5px;
	/*float:right;*/
	background-color: white;
}

#cabecalho form button {
	display:block;
	width:93px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background: url('../imagens/entrar.png') center center no-repeat;
	border:0;
	margin-left:5px;
	float:right;
}

/*************************************************************************** MENU PRIMARIO */

#cabecalho #menu-primario {
	position:absolute;
	top:120px;
	width:860px;
	padding:0 50px;
	background: url('../imagens/fundo-menu-primario.png') center center no-repeat;
}

#cabecalho #menu-primario li {
	display:inline;
}

#cabecalho #menu-primario li a {
	text-decoration:none;
	text-transform:uppercase;
	font:normal normal normal 14px/45px Arial, Helvetica, sans-serif;
	color:#555555;
	margin-right:20px;
}

#cabecalho #menu-primario li a:hover, #cabecalho #menu-primario li a.atual {
	color:#000000;
}

#cabecalho #menu-primario li.suporte a {
	position:absolute;
	right:30px;
	*top:0;
	background: url('../imagens/fundo-menu-primario-item.png') left top repeat-x;
	padding:0 20px;	
}

#cabecalho #menu-primario li.suporte a:hover {
	background: url('../imagens/fundo-menu-primario-item.png') left bottom repeat-x;	
}

/******************************************************************************************
************************************************************ CONTEUDO
******************************************************************************************/

#bloco-principal {
	position:relative;
	padding:0 50px 40px 50px;
	background: url('../imagens/fundo-conteudo-rodape.png') center bottom no-repeat;
	*height:1%; /* Bug obscuro no IE */
}

#bloco-principal * {
	margin-bottom:20px;
}

#bloco-principal h2 {
	font: normal normal normal 36px/40px Arial, Helvetica, sans-serif;
	color:#333333;
	margin-bottom:20px;
}

#bloco-principal h3 {
	font: normal normal normal 24px/30px Arial, Helvetica, sans-serif;
	color:#333333;
	margin:40px 0 10px 0;
}

#bloco-principal h4 {
	font: normal normal normal 18px/20px Arial, Helvetica, sans-serif;
	color:#333333;
}

#bloco-principal a.chat {
	padding-left:20px;
	background: url('../imagens/bullet-chat.png') left center no-repeat;
}

/*************************************************************************** SIDEBAR */

#bloco-principal #sidebar {
	width:240px;
	float:right;
	margin:0 0 20px 20px;
	padding:0 40px 20px 40px;
	background: url('../imagens/fundo-conteudo-sidebar.png') center bottom no-repeat;
}

#bloco-principal #sidebar h4 {
	font: normal normal normal 20px/20px Arial, Helvetica, sans-serif;
	color:#333333;
}

/*************************************************************************** CONTEUDO HOME */

#bloco-principal #recursos-home {
	font: normal normal normal 16px/30px Arial, Helvetica, sans-serif;
	margin-bottom:40px;
}

#bloco-principal a.botao-primario-home {
	display:block;
	width:225px;
	height:45px;
	background: url('../imagens/fundo-botao-primario-home.png') center top no-repeat;
	text-align:center;
	font: normal normal normal 18px/40px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	margin-bottom:15px;
}

#bloco-principal a.botao-primario-home:hover {
	background: url('../imagens/fundo-botao-primario-home.png') center bottom no-repeat;
}

#bloco-principal img.ilustracao-home {
	position:absolute;
	top:70px;
	right:70px;
}

#bloco-principal img.ilustracao {
	float:right;
	margin-left:20px;
}

/*************************************************************************** CONTEUDO ECOMMERCE */

#bloco-principal #recursos-ecommerce{
	font: normal normal normal 16px/30px Arial, Helvetica, sans-serif;
	margin-bottom:20px;
	float: left;	
}

#bloco-principal img.ecommerce {
	width: 80%;
}

#bloco-principal img.ecommerce-mini {
	width: 25%;
}


/*************************************************************************** CONTEUDO GENERICO */

#bloco-principal ul li {
	margin-bottom:0;
	padding-left:20px;
	background: url('../imagens/bullet.png') left center no-repeat;
}

#bloco-principal ol li {
	margin-bottom:0;
	list-style: decimal inside;
}

/*************************************************************************** FORMULARIOS */

#bloco-principal form * {
	margin:0;
}

#bloco-principal .block {
	display:block;
}

#bloco-principal input.block {
	padding:5px 5px;
	border:1px solid #cccccc;
	width:250px;
	margin-bottom:10px;
}

#bloco-principal textarea.block {
 	padding:5px 5px;
	border:1px solid #cccccc;
	width:400px;
	height:200px;
	margin-bottom:10px;
}

#bloco-principal input.block:focus, #bloco-principal textarea.block:focus {
	outline:2px solid #8bbaea;
}

#bloco-principal form button {
	padding:5px 40px;
}

/*************************************************************************** TABELAS */

#bloco-principal table {
	clear:both;
}

#bloco-principal table thead {
	font: normal normal bold 18px/20px Arial, Helvetica, sans-serif;
}

#bloco-principal table tr {
	height:40px;
}

#bloco-principal table tr.zebra {
	background-color:#eeeeee !important;
}

#bloco-principal table tr td {
	width:263px;
	padding:0 10px;
	vertical-align:middle;
}

#bloco-principal table tr td.valor {
	font-weight:bold;
}

#bloco-principal table tr td.descricao {
	font:normal normal normal 11px Arial, Helvetica, sans-serif;
	color:#666666;
}

#bloco-principal p a.interruptor {
	color:#666666;
}

#bloco-principal table tr td#formas-de-pagamento {
	width:283px;
}

#bloco-principal table tr td.botao-assinar {
	text-align:center;
	padding:0;
	margin:0;
}

#bloco-principal table tr td.botao-assinar a {
	margin:0;
	display:block;
	width:100%;
	font:normal normal normal 12px/40px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	background:url('../imagens/fundo-botao-assinar.png') center top no-repeat;
}

#bloco-principal table tr td.botao-assinar a:hover {
	background:url('../imagens/fundo-botao-assinar.png') center bottom no-repeat;
}

#bloco-principal table tr.zebra td.botao-assinar a {
	background:url('../imagens/fundo-botao-assinar-zebra.png') center top no-repeat;
}

#bloco-principal table tr.zebra td.botao-assinar a:hover {
	background:url('../imagens/fundo-botao-assinar-zebra.png') center bottom no-repeat;
}

.tabela_informacoes tr td, .tabela_informacoes tr {
	width: auto !important;
}

/*************************************************************************** TRÊS PLANOS */

#bloco-principal #plano01, #bloco-principal #plano02, #bloco-principal #plano03 {
	width:259px;
	float:left;
	margin-top:20px;
	margin-right:40px;
	border-right:1px solid #dddddd;
}

#bloco-principal #plano03 {
	width:260px;
	margin-right:0;
	border-right:0;
}

#bloco-principal .plano ul li.complementar {
	color:#999999;
	background: url('../imagens/bullet-complementar.png') 30px center no-repeat;
	padding-left:50px;
}

/******************************************************************************************
************************************************************ CONTEUDO EXTRA
******************************************************************************************/

.bloco-secundario {
	width:320px;
	float:left;
	background: #dddddd url('../imagens/fundo-bloco-secundario.png') center bottom no-repeat;
	position:relative;
	padding-bottom:40px;
	
}

.bloco-secundario h3 a {
	font: normal normal normal 20px/20px Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
}

.bloco-secundario h3 {
	padding:50px 50px 15px 50px;
}

.bloco-secundario p {
	font: normal normal normal 12px/20px Arial, Helvetica, sans-serif;
	color:#666666;
	padding:0 50px 20px 50px;
}

.bloco-secundario a.botao-secundario-home {
	display:block;
	width:220px;
	height:35px;
	background: url('../imagens/fundo-botao-secundario-home.png') 50px top no-repeat;
	text-align:center;
	font: normal normal normal 14px/30px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	padding:0 50px 0 50px;
	margin-bottom:10px;
}

.bloco-secundario a.botao-secundario-home:hover {
	background: url('../imagens/fundo-botao-secundario-home.png') 50px bottom no-repeat;
}

/******************************************************************************************
************************************************************ RODAPE
******************************************************************************************/

#rodape {
	clear:both;
	background:#dddddd;
	height:60px;
}

#rodape-conteudo {
	width: 100%;
	background-image: url('../imagens/fundo-menu-terciario.png');
	background-position: center center;
	background-repeat: no-repeat;
	height: 52px;
	margin-left: 3px;
	padding-top: 12px;
}

#rodape p {
	width: 914px;
	padding:10px 50px;
	font: normal normal normal 12px/20px Arial, Helvetica, sans-serif;
	color:#666666;
}

#rodape .twitter {
	float: right;
	margin-top: -14px;
}

#rodape .twittericon {
	width: 106px;
}

#rodape #menu-terciario {
	margin-left: 10px;	
	padding-left: 40px;
	float: left;
}

#rodape #menu-terciario ul {
	margin-left: 30px;
}

#rodape #menu-terciario li {
	display:inline;
}

#rodape #menu-terciario li a {
	text-decoration:none;
	text-transform:uppercase;
	font:normal normal normal 10px/40px Arial, Helvetica, sans-serif;
	color:#555555;
	margin-right: 4px;
}

#rodape #menu-terciario li a:hover, #cabecalho #menu-primario li a.atual {
	color:#000000;
}

/******************************************************************************************
************************************************************ QUESTIONÁRIO
******************************************************************************************/

#bloco-satisfacao{
	font-size: 16px;
}

#bloco-satisfacao table{
	color:black;
	font-size:14px;
}

#bloco-satisfacao table td{
	height:56px;
	border-right: 1px solid grey;
}

#bloco-satisfacao table tr{
	height:56px;
	text-align:left;
	border-bottom: 1px solid grey;
}

#bloco-satisfacao .disagree-agree{
	text-align:center;
	width: 40px;
}

#bloco-satisfacao form input {
	/*width:140px;
	height:24px;*/
	line-height:24px;
	border:1px solid #cccccc;
	padding:2px 3px;
	color:#666666;
	margin-left:5px;
	/*float:right;*/
	background-color: white;
}

#limpo {
	display: none;
}