/* documento css elaborado por fred peres . contato@fredperes.net . vamu que vamu! */

/* GERAL */
body{
	width:100%;
	background-image: url(../img/bg_body.png);
	background-repeat: repeat;
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	padding-top:14px;
	text-align:center;
}

#tudo{
	width:91em;
	margin:0 auto;
	text-align:left;
}	

#flash{
	position: absolute;
	width:400px;
	height:280px;
	z-index: 9001;
	top:50%;
	left:50%;
	margin-left:-200px;
	margin-top:-120px;
}

.fechar{	
	width:55px;
	height:10px;
	position:absolute;
	margin-top:-10px;
	margin-left:12px;
	color:#0062a1;
	font-weight:bold;
}

.fechar a:link{
	color:#006;	
}

.fechar a:visited{
	color:#006;	
}

.titulos{
	background-image: url(../img/bg_titulos.png);
	background-repeat: no-repeat;
	background-position: center top;
	height:4.6em;
	padding:1em;
	width:auto;
}

.icones{
	float:left;	
	padding-bottom:1em;
}

.icone_trabalhe{
	float:left;	
	margin-top:-0.5em;
}

.limpa{
	clear:both;	
}

.png{
	
}

/* TIPOGRAFIA */

h1{
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	padding-top:0.2em;
}

h2{
	color:#1e5377;
	font-size:1.45em;
	font-weight:bold;
	padding-bottom:0.4em;	
}

h3{
	border-bottom: dashed 1px #3d4352;
	color:#1e5377;	
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:1em;
	padding-bottom:0.5em;
	width:20em;
}

h4{
	border-bottom: dashed 1px #3d4352;
	color:#1e5377;	
	font-size:1.3em;
	font-weight:bold;
	padding-bottom:0.4em;
	margin-bottom:0.6em;
}

h5{
	color:#1e5377;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	padding-top:0.2em;
}


p{
	font-size:1.3em;
	line-height:140%;
}

.lead{
	color:#807e7d;
	font-style: italic;		
	font-size:1.4em;
	padding-top:2em;
}

/* LINKS */

a:link{
	color:#1e5377;	
	text-decoration:none;
}

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

a.branco:link{
	color:#1e5377;	
	text-decoration:none;
}

a.branco:visited{
	color:#807e7d;	
	text-decoration:none;
}

a.branco:active{
	color:#807e7d;	
	text-decoration:none;
}

a.twitter:link{
	color:#fff;	
	text-decoration:none;
}

a.twitter:visited{
	color:#fff;	
	text-decoration:none;
}

a.twitter:active{
	color:#fff;	
	text-decoration:none;
}


/* LOGIN */

#login{
	margin-bottom:1em;
	margin-right:0.5em;
	text-align:right;	
}

.campos{
	border-style: hidden;
	border: 0px;
	color: #7a7a7a;
	font-size:1.2em;
	background:none;
	background-image: url(../img/bg_field.png);
	height:1.6em;
	padding-left:0.2em;
	padding-right:0.2em;
	width:11.28em;
	background-repeat: no-repeat;
}

.btn_ok{
	padding-top:1em;
	border:none;	
}

.form_login label{
	color:#1e5377;	
}



/* TOPO */

#topo{
	margin-bottom:2em;	
}

#logo{
	float:left;
	width:26em;	
	background:000;
}

/* NAVEGAÇAO */

#nav{
	float:right;
	width:57.8em;
	padding-left:1em;
	margin-top:2.8em;
}

#home_ativo {
	float:left;
	display: block;
	width: 87px;
	height: 23px;
	background-image: url(../img/menu/home.png);
	background-repeat: no-repeat;
	background-position: 0 -31px;
}

#home_ativo span {
  display: none;
}

#home {
	float:left;
	display: block;
	width: 87px;
	height: 23px;
	background-image: url(../img/menu/home.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#home:hover { 
  background-position: 0 -30px;
}

#home span {
  display: none;
}

#bma_ativo {
	float:left;
	display: block;
	width: 87px;
	height: 23px;
	background-image: url(../img/menu/bma.png);
	background-repeat: no-repeat;
	background-position: 0 -31px;
}

#bma {
	float:left;
	display: block;
	width: 87px;
	height: 23px;
	background-image: url(../img/menu/bma.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#bma:hover { 
  background-position: 0 -30px;
}

#bma_ativo span {
  display: none;
}

#bma span {
  display: none;
}

#credito_ativo {
	float:left;
	display: block;
	width: 97px;
	height: 23px;
	background-image: url(../img/menu/credito.png);
	background-repeat: no-repeat;
	background-position: 0 -31px;
}

#credito {
	float:left;
	display: block;
	width: 97px;
	height: 23px;
	background-image: url(../img/menu/credito.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#credito:hover { 
  background-position: 0 -30px;
}

#credito_ativo span {
  display: none;
}

#credito span {
  display: none;
}

#noticias_ativo {
	float:left;
	display: block;
	width: 98px;
	height: 23px;
	background-image: url(../img/menu/noticias.png);
	background-repeat: no-repeat;
	background-position: 0 -31px;
}

#noticias {
	float:left;
	display: block;
	width: 98px;
	height: 23px;
	background-image: url(../img/menu/noticias.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#noticias:hover { 
  background-position: 0 -30px;
}

#noticias_ativo span {
  display: none;
}

#noticias span {
  display: none;
}

#aplicativos_ativo {
	float:left;
	display: block;
	width: 135px;
	height: 25px;
	background-image: url(../img/menu/aplicativos.png);
	background-repeat: no-repeat;
	background-position: left -31px;
}

#aplicativos {
	float:left;
	display: block;
	width: 135px;
	height: 25px;
	background-image: url(../img/menu/aplicativos.png);
	background-repeat: no-repeat;
	background-position: left 0;
}

#aplicativos:hover { 
  background-position: 0 -30px;
}

#aplicativos_ativo span {
  display: none;
}

#aplicativos span {
  display: none;
}

#contato_ativo {
	float:left;
	display: block;
	width: 73px;
	height: 23px;
	background-image: url(../img/menu/contato.png);
	background-repeat: no-repeat;
	background-position: 0 -31px;
}

#contato {
	float:left;
	display: block;
	width: 73px;
	height: 23px;
	background-image: url(../img/menu/contato.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#contato:hover { 
  background-position: 0 -30px;
}

#contato_ativo span {
  display: none;
}

#contato span {
  display: none;
}

/* Página inicial */

#animacao{
	clear:both;
	padding-top:1em;
	background-image: url(../img/sombra_banner.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

#conteudo{
	height:auto;
	padding-bottom:2em;
	margin-top:1em;
	background-image: url(../img/box_index.png);
	background-repeat: repeat;
}

#principal{
	background:#cacccf;	
	float:left;
	margin:2em;
	width:56em;
}

#principal .txt{
	padding:1.2em;	
	padding-top:0;
	text-align:justify;
}

.btn_saiba{
	text-align:right;
	margin-right:0;
	padding-top:1em;
	right:0;
}

.lateral{
	background:#cacccf;	
	float:right;
	margin:2em 2em 0 0;	
	width:29em;
}

.lateral .txt{
	padding:1.2em;	
	padding-top:0em;
	text-align:justify;
}


/* cadastro de clientes index */

#cadastro{
	width:100%;	
	background:#cacccf;
	margin:2em;
	width:87em;
}

#cadastro .titulos{
	background-image: url(../img/bg_titulos_cadastro.png);
	background-repeat: no-repeat;
	background-position: left top;
	height:4.6em;
	padding:1em;
	width:auto;
}

#cadastro .txt{
	padding:1.2em;	
	padding-top:0;
	text-align:justify;
}

#cadastro .cadastro{
	
}

.cadastro label{
	display:block;
	font-size:13px;
	font-weight:bold;
	padding-top:10px;	
}

.cadastro input {
	padding: 2px;	
}

.ref_esq{
	float:left;
	width:48%;	
}

.ref_dir{
	float:right;
	width:48%;	
}

/* PAGINAS INTERNAS */

#conteudo_interno{
	clear:both;
	height:auto;
	padding-bottom:2em;
	padding-top:2em;
	top:5em;
	background-image: url(../img/box_index.png);
	background-repeat: repeat;
}

#principal_interno{
	background:#cacccf;	
	margin:0 auto;
	text-align:left;
	width:64em;
}

.auxiliar_interno{
	background:#cacccf;	
	margin:0 auto;
	margin-top:2em;
	text-align:left;
	width:64em;
}

.auxiliar_interno .txt{
	padding:1.2em;	
	text-align:justify;
}

.auxiliar_interno li{
	font-size:1.3em;
	color:#a1abc3;
	line-height:150%;
}

.auxiliar_interno a:link{
	color:#333;
	text-decoration:none;	
}

.auxiliar_interno a:hover{
	color:#1e5377;
	text-decoration:none;	
}


.auxiliar_interno a:visited{
	color:#1e5377;
	text-decoration:none;	
}

.titulos_interno{
	background-image: url(../img/bg_titulos_interno.png);
	background-repeat: no-repeat;
	background-position: center top;
	height:4.6em;
	padding:1em;
	width:auto;
}

#principal_interno .txt{
	padding:1.2em;	
	padding-top:0;
	text-align:justify;
}

.colesq{
	float:left;
	width:48%;	
}

.coldir{
	float:right;
	width:48%;	
}

.contatos{
	text-align:right;	
}

/* formularios */

input{
	background:#fff;	
	border: none;
	padding:2px;
}

textarea{
	background:#fff;	
	border: none;
	padding:2px;
}

.titulos_form{
	color:#1e5377;
	font-size:1.1em;
	font-weight:bold;	
}

/* rodapé */

#rodape{
	margin-bottom:3em;
	margin-top:3em;
	_margin-top:6em;
	text-align:center;	
	font-size:1.2em;
	line-height:160%;
}

#rodape a:link {
	color:#1e5377;
	text-decoration:none;	
}

#rodape a:hover {
	color:#868483;
	text-decoration:none;	
}

.teste {
	padding:0;
}