@charset "utf-8";


/* CSS Document */

/**************************************/
/*	INFORMACOES	*/
/**************************************/
	ASF- Desenvolvimento Web
--------------------------------------
	Projeto: FinanceiroPessoal
	Inicio: 10/09/2014
	ultima Atualizacao  :
	Montador: Alcione da silva fernandes
	
/**************************************/
body {  text-align:justify; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*CLASSES*/
.bg_debug   { background:red;}
.bg_debug_2 { background:blue;}
.clear { clear:both;}

/***************FORMATACAO SUBMENU CONFIGURAR*******************************************************************/
.image {  padding-top:6px; position:absolute; z-index:5; top:-50px; left:-80px; }               /* posição imagem */
.box_3 ul{ margin:px; 0px; 0px; 0px; padding:0px; }                          /* posição do menu */
.box_3 ul li { margin:0; padding:0; list-style:none; float:left; margin-right:41px; }
.box_3 ul li a{ color:#006; font-size:px; font-family: Arial,Helvetica, bold; text-decoration:none;}
.box_3 ul li a:hover {color:#FF0; }
.box_3 li .sub:hover a { color:#FF0; }
.box_3 .sub { position:relative; display:block;}
.box_3 .sub ul { display:none; }
.box_3 .sub:hover ul { display:block; padding-top:4px; position:absolute; z-index:5; top:-25px; left:px; }  
.box_3 .sub:hover ul .top { background:url(../pg/bg_submenu_top.png); height:20px; width:px;}
.box_3 .sub:hover ul .mid { background:url(../pg/bg_submenu_mid.png); repeat-y; width:px;}
.box_3 .sub:hover ul .mid li { margin-left:1px; }
.box_3 .sub:hover ul .mid li a { display:block; padding:8px 10px; width:px; color:#000; }
.box_3 .sub:hover ul .mid li a:hover { background:#969; color:#FF0; }
.box_3 .sub:hover ul .bot { background:url(../pg/bg_submenu_bot.png); height:20px; width:px;}

/******************************************************************************************************************************************/
/***************FORMATACAO SUBMENU *******************************************************************/
.image{  padding-top:6px; position:absolute; z-index:5; top:-50px; left:-80px; }               /* posição imagem */
.box_4 ul{ margin:px; 0px; 0px; 0px; padding:0px; }                                                             /* posição do menu */
.box_4 ul li { margin:0; padding:0; list-style:none; float:left; margin-right:41px; }
.box_4 ul li a{ color:#006; font-size:px; font-family: Arial,Helvetica, bold; text-decoration:none;}
.box_4 ul li a:hover {color:#FF0; }
.box_4 li .sub:hover a { color:#FF0; }
.box_4 .sub { position:relative; display:block;}
.box_4 .sub ul { display:none; }
.box_4 .sub:hover ul { display:block; padding-top:4px; position:absolute; z-index:5; top:-25px; left:px; }
.box_4 .sub:hover ul .top { background:url(../pg/bg_submenu_top.png); height:20px; width:px;}
.box_4 .sub:hover ul .mid { background:url(../pg/bg_submenu_mid.png); repeat-y; width:px;}
.box_4 .sub:hover ul .mid li { margin-left:1px; }
.box_4 .sub:hover ul .mid li a { display:block; padding:8px 10px; width:px; color:#000; }
.box_4 .sub:hover ul .mid li a:hover { background:#969; color:#FF0; }
.box_4 .sub:hover ul .bot { background:url(../pg/bg_submenu_bot.png); height:20px; width:px;}

/******************************************************************************************************************************************/

/***************FORMATACAO SUBMENU CLIENTES*******************************************************************/
.image{  padding-top:6px; position:absolute; z-index:5; top:-50px; left:-80px; }               /* posição imagem */
.box_5 ul{ margin:px; 0px; 0px; 0px; padding:0px; }                                                             /* posição do menu */
.box_5 ul li { margin:0; padding:0; list-style:none; float:left; margin-right:41px; }
.box_5 ul li a{ color:#006; font-size:px; font-family: Arial,Helvetica, bold; text-decoration:none;}
.box_5 ul li a:hover {color:#FF0; }
.box_5 li .sub:hover a { color:#FF0; }
.box_5 .sub { position:relative; display:block;}
.box_5 .sub ul { display:none; }
.box_5 .sub:hover ul { display:block; padding-top:4px; position:absolute; z-index:5; top:-25px; left:px; }
.box_5 .sub:hover ul .top { background:url(../pg/bg_submenu_top.png); height:20px; width:px;}
.box_5 .sub:hover ul .mid { background:url(../pg/bg_submenu_mid.png); repeat-y; width:px;}
.box_5 .sub:hover ul .mid li { margin-left:1px; }
.box_5 .sub:hover ul .mid li a { display:block; padding:8px 10px; width:px; color:#000; }
.box_5 .sub:hover ul .mid li a:hover { background:#969; color:#FF0; }
.box_5 .sub:hover ul .bot { background:url(../pg/bg_submenu_bot.png); height:20px; width:px;}

/******************************************************************************************************************************************/
/***************FORMATACAO SUBMENU CLIENTES*******************************************************************/
.image{  padding-top:6px; position:absolute; z-index:5; top:-50px; left:-80px; }               /* posição imagem */
.box_6 ul{ margin:px; 0px; 0px; 0px; padding:0px; }                         /* posição do menu */
.box_6 ul li { margin:0; padding:0; list-style:none; float:left; margin-right:41px; }
.box_6 ul li a{ color:#006; font-size:px; font-family: Arial,Helvetica, bold; text-decoration:none;}
.box_6 ul li a:hover {color:#FF0; }
.box_6 li .sub:hover a { color:#FF0; }
.box_6 .sub { position:relative; display:block;}
.box_6 .sub ul { display:none; }
.box_6 .sub:hover ul { display:block; padding-top:4px; position:absolute; z-index:5; top:-25px; left:px; }
.box_6 .sub:hover ul .top { background:url(../pg/bg_submenu_top.png); height:20px; width:px;}
.box_6 .sub:hover ul .mid { background:url(../pg/bg_submenu_mid.png); repeat-y; width:px;}
.box_6 .sub:hover ul .mid li { margin-left:1px; }
.box_6 .sub:hover ul .mid li a { display:block; padding:8px 10px; width:px; color:#000; }
.box_6 .sub:hover ul .mid li a:hover { background:#969; color:#FF0; }
.box_6 .sub:hover ul .bot { background:url(../pg/bg_submenu_bot.png); height:20px; width:px;}

/******************************************************************************************************************************************/
/***************FORMATACAO SUBMENU *******************************************************************/
.image{  padding-top:6px; position:absolute; z-index:5; top:-50px; left:-80px; }               /* posição imagem */
.box_2 ul{ margin:px; 0px; 0px; 0px; padding:0px; }                                                             /* posição do menu */
.box_2 ul li { margin:0; padding:0; list-style:none; float:left; margin-right:41px; }
.box_2 ul li a{ color:#006; font-size:px; font-family: Arial,Helvetica, bold; text-decoration:none;}
.box_2 ul li a:hover {color:#FF0; }
.box_2 li .sub:hover a { color:#FF0; }
.box_2 .sub { position:relative; display:block;}
.box_2 .sub ul { display:none; }
.box_2 .sub:hover ul { display:block; padding-top:4px; position:absolute; z-index:5; top:-25px; left:-30px; }
.box_2 .sub:hover ul .top { background:url(../pg/bg_submenu_top.png); height:20px; width:px;}
.box_2 .sub:hover ul .mid { background:url(../pg/bg_submenu_mid.png); repeat-y; width:px;}
.box_2 .sub:hover ul .mid li { margin-left:1px; }
.box_2 .sub:hover ul .mid li a { display:block; padding:8px 10px; width:px; color:#000; }
.box_2 .sub:hover ul .mid li a:hover { background:#969; color:#FF0; }
.box_2 .sub:hover ul .bot { background:url(../pg/bg_submenu_bot.png); height:20px; width:px;}

/******************************************************************************************************************************************/
 /***************FORMATACAO SUBMENU BOLETOS*******************************************************************/
.image{  padding-top:6px; position:absolute; z-index:5; top:-50px; left:-80px; }               /* posição imagem */
.box_1 ul{ margin:px; 0px; 0px; 0px; padding:0px; }                         /* posição do menu */
.box_1 ul li { margin:0; padding:0; list-style:none; float:left; margin-right:41px; }
.box_1 ul li a{ color:#006; font-size:px; font-family: Arial,Helvetica, bold; text-decoration:none;}
.box_1 ul li a:hover {color:#FF0; }
.box_1 li .sub:hover a { color:#FF0; }
.box_1 .sub { position:relative; display:block;}
.box_1 .sub ul { display:none; }
.box_1 .sub:hover ul { display:block; padding-top:1px; position:absolute; z-index:5; top:-6px; left:px; }
.box_1 .sub:hover ul .top { background:url(../pg/bg_submenu_top.png); height:20px; width:px;}
.box_1 .sub:hover ul .mid { background:url(../pg/bg_submenu_mid.png); repeat-y; width:px;}
.box_1 .sub:hover ul .mid li { margin-left:1px; }
.box_1 .sub:hover ul .mid li a { display:block; padding:8px 10px; width:px; color:#000; }
.box_1 .sub:hover ul .mid li a:hover { background:#969; color:#FF0; }
.box_1 .sub:hover ul .bot { background:url(../pg/bg_submenu_bot.png); height:20px; width:px;}

/******************************************************************************************************************************************/
 /*************************************** formatando tamanho da fonte da site************************************************************/
body{
   font-size: px;                   //dar para usar 0.5em que equivale a metade
}
table{
   font-size: px;
   }
input{
   font-size: px; 
   }
  select{
   font-size: px;
   } 
button{
   font-size: px;
   }
 textarea  {
   font-size: px;
   }
  h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:px;
	font-weight:bold;
	margin:0;
	padding:0;
	}
/******************************************  FORMATAÇÃO MENU ADMINISTRATIVO **********************************************/	

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
	}

/*****************************************  MENU ADMINISTRAÇÃO **********************************************************/

#stylefour{
	position:relative;
	display:block;
	height:px;
	font-size:-2px;
	font-weight:bold;
	background:transparent url(bgOFF.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	border-top:4px solid #B30000;
	width:-50;
	}

  #stylefour ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	left:20;
	top:32px;          //distancia do menu para icone
	}

#stylefour ul li{
	display:block;
	float:left;
	margin:0;
	}

#stylefour ul li a{
	display:block;
	float:left;
	color:#666;
	text-decoration:none;
	padding:11px 20px 0px 20px;
	height:23px;
	width:auto;
	background:transparent url(bgDIVIDER.gif) no-repeat top right ;       
	}

#stylefour ul li a:hover,#stylefour ul li a.current{
	color:#B30000;
	//background:#fff url(bgON.gif) no-repeat top right;
    //background:#CECECE;
	}	
	


	
.box_7 .sub { position:relative; display:block;}
.box_7 .sub ul { display:none; }
.box_7 .sub:hover ul { display:block;  position:absolute; }
.box_7 .sub:hover ul .mid { repeat-y; width:20px;}
#stylefour .box_7 .sub:hover ul .mid li a:hover { color:#0777FF; display:block; }

	/*background:#CECECE; */
	
	
	
	
/*******************************************     FIM FORMATAÇÃO MENU ADMINISTRATIVO ****************************************/

/*****************************************  MENU BARRA SUPERIOR **********************************************************/
#stylefour2{
	position:relative;
	position:100%;
	display:block;
	height:px;
	font-size:-2px;
	font-weight:bold;
	//background:transparent url(bgOFF3.gif) repeat-x top left;
	background:#FFFF00;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	border-top:4px solid #B30000;
	width:auto;
	}

  #stylefour2 ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	left:20;
	top:25px;          //distancia do menu para icone    éra 32px
	}

#stylefour2 ul li{
	display:block;
	float:left;
	margin:0;
	}

#stylefour2 ul li a{
	display:block;
	float:left;
	color:#666;
	text-decoration:none;	
	padding:11px 20px 0px 20px;	
	height:auto;
	width:auto;	
	background:transparent url(bgDIVIDER.gif) no-repeat top right ;       
	}

/*#stylefour2 ul li a:hover,#stylefour ul li a.current{
	color:#B30000;
	//background:#fff url(bgON.gif) no-repeat top right;
    //background:#CECECE;
	}		
*/

/***************FORMATACAO SUBMENU mensagens*******************************************************************/
 
.box_8 ul li a:hover {color:#FF0;  }
.box_8 li .sub:hover a { color:#FF0; }
.box_8 .sub { position:relative; display:block;}
.box_8 .sub ul { display:none; }

.box_8 .sub:hover ul { display:block; padding-top:4px; position:absolute; z-index:5; top:-25px; left:px; }
.box_8 .sub:hover ul .top { background:url(../pg/bg_submenu_top.png); height:20px; width:px;}
.box_8 .sub:hover ul .mid { background:url(../pg/bg_submenu_mid.png); repeat-y; width:px;}
.box_8 .sub:hover ul .mid li { margin-left:1px; }
.box_8 .sub:hover ul .mid li a { display:block; padding:8px 10px; width:px; color:#000; }
.box_8 .sub:hover ul .mid li a:hover { background:#969; color:#FF0; }
.box_8 .sub:hover ul .bot { background:url(../pg/bg_submenu_bot.png); height:20px; width:px;}





	
/**************************************/
/*	CONTATO	*/   
/**************************************/
.cadcontato .box1 { width:px; height:auto; float:center; margin-top:0px; padding-right:25px;  }
.cadcontato .box1 .intro { width:200px; height:auto; border:2px; border:color:#999; font-family:Arial,Verdana,Helvitica,sans-serif;}
.cadcontato .box1 label { width:45px; text-align:left;  font-size:px; color:#999; padding:5px 0; display:block; }
.cadcontato .box1 input { background:url(../bg/bg_input_contato.png); height:32px; width:377px; border:0; padding:0 10px; align="left";} 
.cadcontato .box1 textarea { background:url(../bg/bg_textarea.png); max-height:147px; min-height:147px; max-width:377px; min-width:377px; border:0; padding:10px; }

.cadcontato .box2 input {  height:10px; width:10px; border:0; padding:0 10px; align="left";} 

.cadcontato .box1 .btn_enviar { width:100px; text-align:right; padding:30px 0; }
.cadcontato .box1 .btn_enviar button { border:0; color:#fff; font-size:14px; background:url(../btn/btn_enviar.png); height:25px; width:70px; cursor:pointer; }

/**************************************/
/*	lermensagem	*/   
/**************************************/

.mensagem {
    background-color: lightgrey;                         /* cor de fundo */
	font-family:Arial,Verdana,Helvitica,sans-serif; font-size:2px;      /* fonte letra  */
    width:0px;                            /* largula    */
    height:auto;                                         /* altura  */
	padding: 25px;                                       /* distancia do conteudo da margem  interna*/
	border: 2px solid navy;                              /* espessura e cor da borda  */
	border-top: 8px solid navy;                          /* espessura e cor da borda superior */ 
    margin:25px 33% 33% 33%;                             /* margim da tela superior - direita -inferior - esquerda */
	
}
.mensagem .marcar button { border:2px; color:#fff; font-size:px; background:url(../btn/btn_enviar.png); height:25px; width:70px; cursor:pointer; margin: 0 0 0 78%; }

.responder button { border:2px; color:#fff; font-size:px; background:url(../btn/bg_btn.png); height:25px; width:95; cursor:pointer; }



/**************************************/
/*	               	*/   
/**************************************/