body {
	/*
	width: 990px;
	height: 650px;

	background-color:white;
    background-image:url("fundo.png");
	background-repeat: no-repeat;
	*/
	background-color: #F0F0F0;    
	margin:0;
	
    font-family: Arial, Helvetica, sans-serif;
    font-size:10px;
}

#div_fundo {
	width: 980px;
	height: 650px;
	/*
	background-image:url("fundo.png");
	background-repeat: no-repeat;
	*/
	background-color: #1568BC;
	margin:auto;
}

#div_topo {
    width: 980px;
    height: 150px;
    position: absolute;
 	margin: auto;
 	background-color:#FFFFFF;
	background-image:url("logo.png");
 	background-repeat: no-repeat;
}

#div_topo_ASFF {
    width: 980px;
    height: 150px;
    position: absolute;
 	margin: auto;
 	background-color:#FFFFFF;
	background-image:url("logo_ASFF.png");
 	background-repeat: no-repeat;
}

#div_topo_tela_inicial {
    width: 980px;
    height: 150px;
    position: absolute;
 	margin: auto;
 	background-color:#FFFFFF;
	background-image:url("logo_grande.png");
 	background-repeat: no-repeat;
}

#div_usuario {
	 /*
     width: 270px; 
     height: 250px;
     margin-left: 340px;
     margin-top: 250px;
     */
     
     background-color:#F0F0F0;	
 	 padding-top: 15px;
 	 padding-left: 15px; 
     box-shadow: 4px 4px 8px #333333;
     border-radius:4px;

	 width: 500px; 
     height: 30px;
          
     position: relative;
     top: 170px;     
/*
	left:50%; 
    margin-left:-250px;
*/
	left: 20px;
	
	float: left;

}

#div_titulo {
	 /*
     width: 270px; 
     height: 250px;
     margin-left: 340px;
     margin-top: 250px;
     */
     
     background-color:#F0F0F0;	
 	 padding-top: 15px;
 	 padding-left: 15px; 
     box-shadow: 4px 4px 8px #333333;
     border-radius:4px;

	 width: 500px; 
     height: 30px;
          
     position: relative;
     top: 170px;     

	left:50%; 
    margin-left:-250px;

}

#div_descontos {
 	background-color:#F0F0F0;	
 	padding-top: 10px;
 	padding-left: 10px;
    box-shadow: 4px 4px 8px #333333;
    border-radius:4px;
    border: 2px solid #aaaaaa; 
    width: 230px; 
    height: 180px;
    
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    
    /*
    margin-left: 340px;
    margin-top: 250px;
    */
    position: relative;

	left:50%; 
    margin-left:-100px;
}


#div_saldo {
	 /*
     width: 270px; 
     height: 250px;
     margin-left: 340px;
     margin-top: 250px;
     */
     
     background-color:#F0F0F0;	
 	 padding-top: 15px;
 	 padding-left: 10px; 
     box-shadow: 4px 4px 8px #333333;
     border-radius:4px;

	 width: 400px; 
     height: 30px;
          
     position: relative;
     top: 170px;
     
     	float: left;
     	
     		left: 30px;
    
/*     margin-left:-65px;  */
}

#div_central {
	 /*
     width: 270px; 
     height: 250px;
     margin-left: 340px;
     margin-top: 250px;
     */
     position: relative;
     top: 250px;
/* 	 left: 350px; */
  	 
 	 left:50%;
     margin-left:-135px;
}

#div_central_asff {
	 /*
     width: 270px; 
     height: 250px;
     margin-left: 340px;
     margin-top: 250px;
     */
     position: relative;
     top: 250px;
/* 	 left: 350px; */
  	 
 	 left:38%;
     margin-left:-135px;
}

#div_login {
	 /*
     width: 270px; 
     height: 250px;
     margin-left: 340px;
     margin-top: 250px;
     */
     position: relative;
     top: 250px;
/* 	 left: 300px; */

	 left:50%;
     margin-left:-175px;

}

#div_central_principal {
	 /*
     width: 270px; 
     height: 250px;
     margin-left: 340px;
     margin-top: 250px;
     */
     position: relative;
     top: 200px;
  	 left: 350px;
}

#div_rodape {
    width: 980px;
    height: 50px;
 	margin: auto;
 	margin-top:0;
 	background-color:#FFFFFF;
	background-image:url("hipertec.png");
 	background-repeat: no-repeat;
 	background-position:right;
}

#div_registrar_venda {
	 /*
     width: 270px; 
     height: 250px;
     margin-left: 340px;
     margin-top: 250px;
     */
     position: relative;
     top: 250px;
  	 left: 310px;
}

#div_autorizar_pagto {
	 /*
     width: 270px; 
     height: 250px;
     margin-left: 340px;
     margin-top: 250px;
     */
     position: relative;
     top: 250px;
  	 left: 290px;
}

#div_venda_finalizada {
	 /*
     width: 270px; 
     height: 250px;
     margin-left: 340px;
     margin-top: 250px;
     */
     position: relative;
     top: 250px;
  	 left: 210px;
}

#div_nao_autorizado {
	 /*
     width: 270px; 
     height: 250px;
     margin-left: 340px;
     margin-top: 250px;
     */
     position: relative;
     top: 250px;
  	 left: 210px;
}

#div_lista {
	 margin-left:15px;
	 left:15px;
}

#div_consulta {
	 /*
     width: 270px; 
     height: 250px;
     margin-left: 340px;
     margin-top: 250px;
     */
     position: absolute;
     top: 250px;
     /*
  	 left: 150px;
  	 */
	 left:50%;
     margin-left:-350px;
     
}

#div_consulta2 {
	 /*
     width: 270px; 
     height: 250px;
     margin-left: 340px;
     margin-top: 250px;
     */
     position: absolute;
     top: 230px;
     /*
  	 left: 150px;
  	 */
	 left:50%;
     margin-left:-350px;
     
}

#div_totais {
     margin-top: 5px;
}

#div_grupo {
	width: 200px;
	height: 120px;
	border:solid 1px #398AC6;  /*#2E6E9E;*/
	margin:auto;
}

#form_consulta {
 	background-color:#F0F0F0;	
 
    box-shadow: 4px 4px 8px #333333;
    border-radius:4px;
    width: 700px; 
    height: 370px;
    /*
    margin-left: 340px;
    margin-top: 250px;
    */
    padding-top: 10px;
}

#form_consulta2 {
 	background-color:#F0F0F0;	
 
    box-shadow: 4px 4px 8px #333333;
    border-radius:4px;
    width: 700px; 
    height: 390px;
    /*
    margin-left: 340px;
    margin-top: 250px;
    */
    padding-top: 10px;
}

/*
#form_login_conveniado {
 	background-color:#F0F0F0;	
 	padding-top: 25px; 
    box-shadow: 4px 4px 8px #333333;
    border-radius:4px;
    width: 270px; 
    height: 220px;
}
*/

#form_login {
 	background-color:#F0F0F0;	
 	padding-top: 25px; 
    box-shadow: 4px 4px 8px #333333;
    border-radius:4px;
    width: 350px; 
    height: 220px;
    /*
    margin-left: 340px;
    margin-top: 250px;
    */
}

#form_menu_principal {
 	background-color:#F0F0F0;	
 	padding-top: 25px; 
    box-shadow: 4px 4px 8px #333333;
    border-radius:4px;
    width: 250px; 
    height: 400px;
    background-image:url("cartao_asff.png");
	background-repeat: no-repeat;
    /*
    margin-left: 340px;
    margin-top: 250px;
    */
}

#form_menu {
 	background-color:#F0F0F0;
 	/*	
 	padding-top: 25px; 
    box-shadow: 4px 4px 8px #333333;
    border-radius:4px;
    */
    width: 300px; 
    height: 330px;
}

#form_menu_asff {
 	background-color:#F0F0F0;
 	/*	
 	padding-top: 25px; 
    box-shadow: 4px 4px 8px #333333;
    border-radius:4px;
    */
    width: 500px; 
    height: 330px;
}

#form_registrar_venda {
 	background-color:#F0F0F0;	
 	padding-top: 25px; 
    box-shadow: 4px 4px 8px #333333;
    border-radius:4px;
    width: 350px; 
    height: 300px;
    /*
    margin-left: 340px;
    margin-top: 250px;
    */
}

#form_venda_finalizada {
 	background-color:#F0F0F0;	
 	padding-top: 25px; 
    box-shadow: 4px 4px 8px #333333;
    border-radius:4px;
    width: 550px; 
    height: 300px;
    /*
    margin-left: 340px;
    margin-top: 250px;
    */
}

#form_nao_autorizado {
 	background-color:#F0F0F0;	
 	padding-top: 25px; 
    box-shadow: 4px 4px 8px #333333;
    border-radius:4px;
    width: 550px; 
    height: 250px;
    /*
    margin-left: 340px;
    margin-top: 250px;
    */
}

#form_autorizar_pagto {
 	background-color:#F0F0F0;	
 	padding-top: 25px; 
    box-shadow: 4px 4px 8px #333333;
    border-radius:4px;
    width: 400px; 
    height: 320px;
    /*
    margin-left: 340px;
    margin-top: 250px;
    */
}

#titulo {
	font-weight: bold;
    font-family: arial;
    font-size: 30px;
    font-style:italic;
    color: #0000FF;	   
    padding-left: 35px;
    padding-right: 35px;
}

#label {
	font-weight: bold; 
    font-family: arial;
    font-size: 16px;
    text-align:right;
    color: #000000;
}

#edit {
/*	font-weight: bold; */
    font-family: arial;
    font-size: 16px;
    text-align:left;
    color: #000000;
    padding-left: 5px;
}

#edit_senha {
	font-weight: bold; 
    font-family: arial;
    font-size: 16px;
    text-align:left;
    color: #FF0000;
    padding-left: 5px;
    width: 080px;   /* 40px; */  
}

#data_inicial {
/*	font-weight: bold; */
    font-family: arial;
    font-size: 16px;
    text-align:left;
    color: #000000;
    padding-left: 5px;
    width: 85px;    
}

#data_final {
/*	font-weight: bold; */
    font-family: arial;
    font-size: 16px;
    text-align:left;
    color: #000000;
    padding-left: 5px;
    width: 85px;    
}

#edit_bold {
	font-weight: bold; 
    font-family: arial;
    font-size: 17px;
    text-align:left;
    color: #000000;
    padding-left: 5px;
    color: #FF0000;    
}

#edit_parcelas {
	font-weight: bold; 
    font-family: arial;
    font-size: 17px;
    text-align:left;
    color: #000000;
    padding-left: 5px;
    color: #FF0000;    
}

#edit_num {
	font-weight: bold;   
    font-family: arial;
    font-size: 20px;
    text-align:right;
    padding-right: 5px;
    color: #FF0000;
}

#edit_cartao {
	font-weight: bold; 
    font-family: arial;
    font-size: 16px;
    text-align:left;
    color: #FF0000;
    padding-left: 5px;
    width: 200px;   /* 40px; */  
}

#edit_cpf {
	font-weight: bold; 
    font-family: arial;
    font-size: 16px;
    text-align:left;
    color: #FF0000;
    padding-left: 5px;
    width: 140px;   /* 40px; */  
}

#div_label {
    color: #000000;
    padding-left: 35px;
}

#botao_menu {
    font-family: arial;
    font-size: 20px;
    border: none;
    border: 0px;
    outline: none;    
    margin-left: 5px;
    text-align: center;
 	width: 270px;          
}

#div_botao {
	margin: 0;	
}

#botao {
    font-family: arial;
	font-weight: bold;    
    font-size: 16px;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	border-radius:4px;   
    box-shadow: inset 0 2px 20px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.2); 
	linear-gradient(top, #fff 60%, #e7e7e7);
	margin: 0;
}

#botao_pequeno {
    font-family: arial;
/*	font-weight: bold;*/        
    font-size: 10px;
    border: none;
    border:0px;
    outline: none;    
    left:50%; 
    margin-left:-100px;    
    
    /*
	text-decoration: none;
	border-radius:4px;   
    box-shadow: inset 0 2px 20px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.2); 
	linear-gradient(top, #fff 60%, #e7e7e7);
	margin: 0;
	*/
}

#botao:hover {
	font-weight: bold;
	text-decoration: underline;
	position: relative;
	top: 1px;
	left: 1px;
	border-color: #000 #999 #999 #000; 
	background: #e7e7e7;   /* #3F6; */
}

#div_mensagem {
    /*
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
*/
}

#label_msg {
  	font-weight: bold;
    font-family: arial;
    font-size: 16px;
    text-align:center;
    color: #FF0000;
    margin:auto;
    /*
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	*/
}
     
#label_saldo {
  	font-weight: bold;
    font-family: arial;
    font-size: 16px;
    text-align:left;
    color: #FF0000;
    margin:auto;
    min-width: 60px;
    display: inline-block;
}

#totalbruto {
  	font-weight: bold;
    font-family: arial;
    font-size: 16px;
    text-align:left;
    color: #FF0000;
    margin:auto;
    min-width: 60px;
    display: inline-block;
}

#totaldescontos {
  	font-weight: bold;
    font-family: arial;
    font-size: 16px;
    text-align:left;
    color: #FF0000;
    margin:auto;
    min-width: 60px;
    display: inline-block;
}

#totalliquido {
  	font-weight: bold;
    font-family: arial;
    font-size: 16px;
    text-align:left;
    color: #FF0000;
    margin:auto;
    min-width: 60px;
    display: inline-block;
}

input{ 	
border-radius:4px;
/*
-moz-border-radius:4px;
-webkit-border-radius:4px;
*/
/* box-shadow: 1px 1px 2px #333333; */
/*
-moz-box-shadow: 1px 1px 2px #333333;
-webkit-box-shadow: 1px 1px 2px #333333;
*/
/*background: #cccccc;*/ 
border:1px solid #cccccc;
width:150px;
height: 25px;
}

/* 


Menu em Abas CSSTabs
---------------------------- */
#csstabs {
/*	
height: 280px; / * altura total da área * /
margin:0 auto;
position:relative;
width: 100%;
*/

position: relative;
top: 250px;
left: 350px;
  	 
background-color:#F0F0F0;	
padding-top: 25px; 
box-shadow: 4px 4px 8px #333333;
border-radius:4px;
width: 270px; 
height: 220px;

}
#csstabs h3 { /* títulos das abas */
color: #000;
cursor: pointer;
display: block;
font-size: 15px;
font-weight: bold;
height: 25px;
margin: 0;
/*
padding: 5px 5px 5px 5px;
*/
padding: 5px 5px 5px 5px;
text-align: left;
border-top:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
}

/*
.tabcontent { -- conteúdo das abas 
display: block;
height: auto;
width:100%;
padding:15px 0 5px 0px;
border:1px solid #000;
}
#csstabs:hover h3, #tabs:focus h3, #tabs:active h3 {
z-index: 0;
background:none;
}
#csstabs:hover .tabcontent, #tabs:focus .tabcontent, #tabs:active .tabcontent {
opacity: 0;
z-index: 0;
}
*/

#tab1 .tabcontent {
/*background-color: #ddd;*/
position:absolute;
left:0;
top:80px;
/*height: 200px; */ /* altura total do conteúdo da aba 1 */
z-index: 2;
	
box-shadow: 4px 4px 8px #333333;
border-radius:4px;
width: 270px; 
height: 220px;

}

#tab1 h3 {
left: 0;
position: absolute;
top: 60px;
z-index: 3;
background-color: #ddd; 
}

/*#tab1:hover h3, #tab1:focus h3, #tab1:active h3 {*/
#tab1:focus h3 {
background-color: #0000FF;	
color: #565A63;
z-index: 4;
}

/*#tab1:hover .tabcontent, #tab1:focus .tabcontent, #tab1:active .tabcontent {*/
#tab1:focus .tabcontent {
opacity: 1;
z-index: 3;
}

#tab2 .tabcontent {
/*background-color: #E6EAF3; */
/* height: 200px; /* altura total do conteúdo da aba 2 */
opacity: 0;
top:80px;
z-index: 1;
position:absolute;

box-shadow: 4px 4px 8px #333333;
border-radius:4px;
width: 270px; 
height: 220px;

}

#tab2 h3 {
left: 120px;
position: absolute;
top: 60px;
}

/*#tab2:hover h3, #tab2:focus h3, #tab2:active h3 {*/
#tab2:focus h3 {
/*background-color: #E6EAF3;*/
background-color: #FF0000;
color: #565A63;
z-index: 4;
}

/*#tab2:hover .tabcontent, #tab2:focus .tabcontent, #tab2:active .tabcontent {*/
#tab2:focus .tabcontent {
opacity: 1;
z-index: 3;
}

#form_login1 {
	background-color:#0000FF;	
 	padding-top: 25px; 
    box-shadow: 4px 4px 8px #333333;
    border-radius:4px;
    width: 270px; 
    height: 220px;
    /*
    margin-left: 340px;
    margin-top: 250px;
    */
}

#form_login2 {
	background-color:#FF0000;	
 	padding-top: 25px; 
    box-shadow: 4px 4px 8px #333333;
    border-radius:4px;
    width: 270px; 
    height: 220px;
    /*
    margin-left: 340px;
    margin-top: 250px;
    */
}

/*                  

body{
    width: 760px;
    margin: 0 auto;
}
*/

#container{
    position:relative;
}
#menu
{
    border: 4px solid orange;
}
#left
{
      float:left;   
}
#right
{
   position:fixed;
    right: 10px;
    top: 25px; /*Change as per your need */            
}
#footer{
    border: 4px solid aqua;
    clear:both;
}			
/*
#projectTable tr.jqgrow td 
{ 
	vertical-align:text-bottom;
}

#projectTable .ui-jqgrid tr.jqgrow td 
{ 
	vertical-align:bottom;
}
*/
.ui-jqgrid tr.jqgrow td      /* linhas dfo grid*/
{
	vertical-align:middle;
}

.ui-jqgrid tr.footrow td     /*rodqapé do grid*/
{
	vertical-align:middle;
}
/*cabeçalho do grid*/
/*
.ui-jqgrid tr.firstrow td  
.ui-jqgrid .ui-jqgrid-htable th div
. ui - mesa jqgrid . ui - jqgrid - htable { 
    altura : 30px ; 
} 
{
	vertical-align:middle;
}

.ui-jqgrid .ui-jqgrid-htable th div {
    height:auto;
    overflow:hidden;
    padding-right:4px;
    padding-top:2px;
    position:relative;
    vertical-align:text-top;
    white-space:normal !important;
}
*/
.ui-jqgrid table.ui-jqgrid-htable {
	vertical-align:middle;
} 

/*
.ui-jqgrid tr.footrow td {font-weight: bold; overflow: hidden; white-space:nowrap; height: 21px;border-top-width: 1px; border-top-color: inherit; border-top-style: solid;}
.ui-jqgrid tr.footrow-ltr td {text-align:left;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;}
.ui-jqgrid tr.footrow-rtl td {text-align:right;border-left-width: 1px; border-left-color: inherit; border-left-style: solid;}
*/

#containerRodape2{ 
position:fixed; 
bottom:0; 
width:100%; 
color:#FFFFFF;
border-top:4px solid #0099FF;
}
#rodape2{ 
display:none; /* esconde o rodape */
width:100%; 
height:200px; 
margin:0 auto;
text-align:center;
background-color:#0066CC;
color:#FFFFFF;
}
#icone2{ 
position:absolute;
top: -28px; /* posicionamento */
right:5px;
float:right;
z-index:9999; /* sobrepondo */
height:24px; /* altura do icone */
width:24px; /* largura do icone */
cursor:pointer;
}
.plus{ background:url(plus.png) no-repeat; }
.minus{ background:url(minus.gif) no-repeat; }
</style>