/* basic elements */
html {
	margin								: 0;
	padding								: 0;
	}

BODY {
	background-color					: #d9d9d9;
	font-family							: Tahoma, Geneva, sans-serif;
	font-size							: 11px;
	color								: #444444;
	margin								: 0; 
	padding								: 0;
	overflow-y							: scroll;
}

a {
	color:#008ab6;
	font-weight:bold;
	text-decoration:underline;
}
a:visited{color:#027397;}
a:hover{color:#2bb9e7;}

h2 {
	background							: url("../images/background/h2.png") no-repeat -7px -1px;
	color								: #474641;
	font-size							: 14px;
	padding-left						: 17px;
	letter-spacing						: .07em;
}

#geral {
	position							: relative;
	width								: 100%;
	height								: 100%;
}

	#geral #rodape {
		position							: relative;
		background-color					: #474641;
		width								: 100%;
		height								: 38px;
		bottom								: 0px;
		z-index								: 98;
		clear								: both;
	}
	

	#geral #conteudo {
		position							: relative;
		width								: 780px;
		margin								: 0 auto;
		background							: url("../images/background/conteudo.png") repeat-y center top;
		z-index								: 1;
		height								: auto;

	}

	#geral #conteudo #destaque {
		width								: 768px;
		height								: 248px;
/*		background							: url("../images/background/banners.jpg") no-repeat;*/
		background-position					: 0 64px;
		margin								: 0 auto;
		padding-bottom						: 64px;
	}
	
	#destaque div { padding-top:64px; }
		
		#geral #conteudo #menu {
			position							: relative;
			width								: 183px;
			margin								: 0;
			margin-top							: -12px;
			margin-left							: 6px;
			background							: #005883 url("../images/background/menu.png") repeat-x center top;
			padding-top							: 30px;
		}
			#geral #conteudo #menu .fim {
				position							: relative;
				bottom								: -10px;
			}

		#geral #conteudo #containerGeral {
			width								: 542px;
			margin-left							: 210px;
			margin-top							: -308px;
			min-height							: 380px;
			height								: auto;
		}



	#geral #cabecalho {
		background							: url("../images/background/cabecalho.png") repeat-x center top;
		width								: 100%;
		height								: 68px;
		position							: absolute;
		top									: 0;
		left								: 0;
		z-index								: 99;
		color								: #fff;
		font-weight							: bold;
	}


		#cabecalho .alinhamento {
			position							: absolute;
			width								: 720px;
			margin-left							: 50%;
			left								: -360px;
		}
		
			#cabecalho .nome {
				font-size							: 1.4em;
				padding-top							: 12px;
			}
			
			#cabecalho .valor {
				font-size							: 1.2em;
				padding-top							: 5px;
			}
			
				.valor span 						{font-size: 1.1em; text-decoration:underline;}
			
			#cabecalho .sair {
				position							: absolute;
				right								: 20px;
				top									: 20px;
			}
				
				.sair a 							{font-size: 1.6em; text-decoration:none; line-height:2em; color:#FFF;}
				.sair a:hover						{text-decoration:underline;}
				
				.sair a span 						{position:absolute; display:block; width:12px;height:12px; background:url("../images/background/sair.gif") no-repeat center bottom; top:0; right:-10px;}
				.sair a:hover span 					{background-position:top;}
			
			
	#geral #conteudo #menu ul {
		display:block;
		width:100%;
		margin:0;
		padding:0;
		padding-bottom:105px;
		margin:0 auto;
		list-style:none;
	}
	
		#menu ul li {
			display:block;
			background:url("../images/background/menu-li.gif") no-repeat center bottom;
			padding-bottom:1px;
		}


	#geral #conteudo #menu a {
		display:block;
		width:173px;
		height:25px;
		padding:10px 0 0 15px;
		cursor:pointer;
		font-family:Tahoma, Geneva, sans-serif;
		text-decoration:none;
		font-size:13px;
		letter-spacing:.08em;
		font-weight:bold;
		color:#c6c6c6;
	}
	
	#geral #conteudo #menu a:hover {background-color:#2f82ab;color:#FFF;}
	#geral #conteudo #menu a.ativo {background-color:#2f82ab;color:#FFF;}
	
	#containerGeral p {
		margin:0 15px 28px 15px;
		line-height:1.5em;
		text-align:justify;
		text-indent:20px;
	}
	
	form#form-recarga {
		display:block;
		width:90%;
		margin:0 auto;
	}
	
		form#form-recarga div.campo {
			width:200px;
			display:block;
			margin:8px 10px;
			float:left;
		}
		
		form#form-recarga label {
			font-size:1.2em;
			padding-bottom:4px;
			font-weight:bold;
			color:#666;
		}
		
		form#form-recarga label {
			font-size:1.2em;
			color:#005883;
		}
		
		fieldset {border:none;margin:0;padding:0;}
		fieldset legend {visibility:hidden;}
		
		form div.acao {clear:both; text-align:right;}
		
		form#form-recarga input {
			background-color:#FFF;
			border:1px solid #999;
		}
		
		form#form-recarga div.acao input {
			margin-top:10px;
			margin-right:110px; 
			margin-bottom:80px;
		}
			
	
/*$recarga*/

	
h3.banco {
	color: #474641;
	font-size: 12px;
	padding-left: 17px;
	letter-spacing: .07em;
	border-bottom:1px solid #CCC;
	padding-bottom:0.5em;
	margin:0;
	margin-top:1em;
	margin-left:17px;
	cursor:pointer;
}

#containerGeral p.banco {
	text-indent:0px;
	padding-top:6px;
	margin-left:40px; 
	display:none;
}


/*$extratos*/
div.titulo {
	background:url("../images/background/titulo-listagem.png") repeat-x top center;
	font-weight:bold;
	padding-top:6px;
	padding-left:18px;
	height:20px;
}

div#conta {
	width:520px;
	display:block;
	margin:0 auto;
}

table.lista th div,
table.lista td div {padding:0 6px;}

table.lista th,
table.lista td {line-height:2.2em;cursor:default;}

div#conta table.lista {width:520px;}

	div#conta table.lista tr.colunas {
		background-color:#303030;
		color:#fff;
		font-size:0.8em;
	}
	
		div#conta table.lista tr.colunas a {color:#FFF; text-decoration:none;}
		div#conta table.lista tr.colunas a:hover {color:#deb349; text-decoration:none;}
		div#conta table.lista tr.colunas img {vertical-align:middle;padding-bottom:2px;}
	
		tr.colunas th {padding:5px 0;}
		tr.colunas th.col,
		tr td.col {border-right:1px dotted #a19d97;}
		
		
	table.lista tbody tr.corSim td {background-color:#ccc;border-top:1px solid #fff;border-bottom:1px solid #fff;}
	table.lista tbody tr.corNao td {background-color:#a7b8c0;border-top:1px solid #fff;border-bottom:1px solid #fff;}
	table.lista tbody tr.over td {background-color:#ddaf3e;border-top:1px solid #fff;border-bottom:1px solid #fff;}
	

a.paginacao {
	display:block; 
	width:31px;
	text-align:center;
	background:url("../images/background/pagina.png") no-repeat center 3px;
	text-decoration:none;
	float:left;
	color:#333;
	font-weight:normal;
}

a.paginacao:hover {color:#666;}

a.paginacao.over{background:url("../images/background/over.png") no-repeat center 3px;}

a.paginacao.primeira,
a.paginacao.ultima {
	width:60px;
	background:url("../images/background/pag.png") no-repeat center 3px;
}


/*$painel*/
a.configuracoes,
a.dados, a.ligacoes,
a.recargas {
	display:block;
	width:158px;
	height:170px;
	float:left;
	cursor:pointer;
}

a.configuracoes{background:url("../images/background/bt-configuracoes.jpg") no-repeat center top; margin-left:30px;}
a.dados{background:url("../images/background/bt-dados.jpg") no-repeat center top; margin-left:70px;}

a.ligacoes {background:url("../images/background/chamadas.jpg") no-repeat center top; margin-left:30px;}
a.recargas {background:url("../images/background/recargas.jpg") no-repeat center top; margin-left:70px;}

a.configuracoes:hover,
a.dados:hover,
a.ligacoes:hover,
a.recargas:hover {background-position:bottom;}

	div.atencao {
		width:398px;
		height:78px;
		display:block;
		margin:0 auto;
		background:url("../images/background/atencao.png") no-repeat center top;
	}
	
		.atencao p {
			margin:15px; 
			text-indent:0 !important;  
			padding-top:10px;
			font-size:0.8em;
			font-weight:bold; 
			color:#7a7a7a;
		}
		
		.atencao p span {
			padding-top:10px;
			display:block;
		}
		.atencao strong { color:#F00; }

	form.dados-pessoais {
		display:block;
		width:90%;
		margin:0 auto;
	}
	
		form.dados-pessoais div.campo {
			width:500px;
			display:block;
			margin:8px 10px;
			float:left;
			clear:both;
		}
		
		form.dados-pessoais label {
			display:block;
			width:100%;
			height:100%;
		}
		
		form.dados-pessoais label span {
			font-size:1.2em;
			padding-bottom:4px;
			font-weight:bold;
			color:#005883;
			display:block;
			text-align:right;
			padding:6px;
			margin-right:6px;
			float:left;
			width:90px;
		}
		
		form.dados-pessoais input {
			background-color:#e3e3e3; 
			padding:6px;
			border:none;
			font-family:Tahoma, Geneva, sans-serif;
			font-size:1.1em;
			color:#666;
			width:300px;
		}
		
		form.dados-pessoais .campo.over input,
		form.dados-pessoais input:hover,
		form.dados-pessoais input:active,
		form.dados-pessoais input:focus {background:#c7c7c7;}
		
		form.dados-pessoais div.acao input,
		form#form-filtros div.acao input {
			margin-top:10px;
			margin-right:90px; 
			margin-bottom:80px;
			width:100px;
			background:#fdb456;
			color:#FFF;
			font-weight:bold;
			border:none;
		}
		
		form.dados-pessoais div.acao input:hover,
		form.dados-pessoais div.acao input:active,
		form.dados-pessoais div.acao input:focus {background:#FF9D1F;}
		
		form.dados-pessoais div.mensagem {
			display:block;
			width:280px;
			text-align:left;
			line-height:4.5em;
			padding-left:150px;
		}
		
		form.dados-pessoais div.mensagem.erro strong {color:#F00;}
		
		form.dados-pessoais div.mensagem.sucesso strong {color:#06C;}
		
		label.aviso span {width:250px !important;clear:right; text-align:left !important;}
		input.limiteValor {width:150px !important;}
		
		
	#suporte textarea {
		background-color:#e3e3e3; 
		display:block;
		padding:6px;
		border:1px solid #d2d2d2;
		font-family:Tahoma, Geneva, sans-serif !important;
		font-size:1.1em;
		color:#666;
		width:360px;
		height:180px;
		margin:0 auto; 
		overflow:auto;
	}
	 #webcallback textarea {
                background-color:#e3e3e3;
                display:block;
                padding:6px;
                border:1px solid #d2d2d2;
                font-family:Tahoma, Geneva, sans-serif !important;
                font-size:1.1em;
                color:#666;
                width:360px;
                height:180px;
                margin:0 auto;
                overflow:auto;
        }
	
.filtros {
	display:block;	
	width:520px;
	height:100px;
	margin:0 auto;
	background:url("../images/background/filtros.png") no-repeat center top;
}


#form-filtros {padding-top:40px; padding-left:20px;}

#form-filtros div.campo {float:left; width:118px;}

	#form-filtros label,
	#form-filtros input,
	#form-filtros select {float:left;clear:both;}
	
	#form-filtros label {font-weight:bold; padding-bottom:3px;}
	
	#form-filtros div.acao input {float:right; margin-right:20px !important; margin-top:5px !important;}
	
	
	



/*$login*/
#container-login {
	position:relative;
	width:611px;
	height:349px;
	display:block;
	margin:0 auto;
	margin-top:150px;
	background:url("../images/background/login.jpg") no-repeat center top;
}

#container-login .container {
	width:550px;
	display:block;
	margin:0 auto;
	padding-top:120px;
}

	div.aviso {
		width:100%;
		text-align:center;
		color:#fff;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:11px;
	}

	#container-login label.l01,
	#container-login label.l02{
		width:350px;
		height:50px;
		display:block;
		background:url("../images/background/inp01.png") no-repeat 120px top;
	}
	
	#container-login label.l02 {
		background:url("../images/background/inp02.png") no-repeat 120px top;
	}
	
		#container-login label span {
			font-family:Tahoma, Geneva, sans-serif;
			font-size:16px;
			font-weight:bold;
			display:block;
			float: left;
			margin-right:43px;
			text-align:right;
			color:#FFF;
			padding-top:6px;
			width:90px;
		}
	
	#container-login input {
		background:none;
		border:none;
		padding-top:8px;
		font-family:Tahoma, Geneva, sans-serif;
		color:#666;
		font-size:14px;
	}
	
	#container-login div {clear:both;}

	div.bt-entrar-login,
	div.bt-entrar-login-over {
		width:124px;
		height:63px;
		display:block;
		position:absolute;
		background:url("../images/background/bt_entrar.png") no-repeat center top;
		cursor:pointer;
		top:200px;
		right:90px;
	}
	
	div.bt-entrar-login-over {background-position:bottom;}
	
	div#campos {
		padding-left:30px;	
		padding-top:50px;
	}
	
	
	ul#icones li {
		float:left;
		margin:0 10px;
		list-style-type:none;
	}
	
.ie #geral #rodape, 
.chrome #geral #rodape { margin-top:-28px;}

.ie form#form-recarga div.acao input {margin-right:90px; }

.ie form.dados-pessoais div.acao input,
.ie form#form-recarga div.acao input {margin-right:60px !important;}