*{
margin:0px; padding:0xp;
font-family:"Arial";
}
body {
margin:0;
padding:0;
text-align:center; /* hack para o IE */
background-color:#ececec;
background-image:url(../layout/fundo_geral.png); background-position:top; background-repeat:repeat-x;
}
body img{
border:none;
}
#tudo {
width: 90%;
margin:0 auto;         
text-align:left; /* "remédio" para o hack do IE */
float:left;
margin-left:5%;
}
#conteudo {
padding:1%;
background-color: #fff;
float:left;
width:98%;
border:solid 1px #D8D8D8;
}

#topo{
width:100%; height:120px;
background-image:url(../layout/fundo_topo.png); background-repeat:no-repeat; background-position:top; background-position:left;
text-align:left;
float:left;
}
.logo{
width:30%; height:78px;
float:left;
text-align:left;
}
.logo img{
margin-left:70px; margin-top:5px;
}
.usuario{
width:49%; height:28px;
float:left;
text-align:right;
padding-right:1%; padding-top:30px;
font-family:'Arial';
font-size:15px;
color:#405173;
text-transform:uppercase;
}
.usuario span{
color:#405173;
font-weight:bold;
margin-right:4px;
}
.status{
width:19%; height:30px;
float:left;
text-align:left;
padding-left:1%; padding-top:26px;
}
#rodape{
width: 100%; height:50px;
float:left;
text-align:right;
padding-top:10px;
font-family:'Arial';
font-size:12px;
color:#003366;
font-weight:bold;
text-transform:uppercase;
}
#rodape a{
font-family:'Arial';
font-size:12px;
color:#006699;
text-decoration:none;
font-weight:normal;
}
#rodape a:hover{
font-family:'Arial';
font-size:12px;
color:#666;
text-decoration:none;
font-weight:normal;
}
#conteudo{
font-family:'Arial';
font-size:10px;
color:#444;
}
#conteudo h1{
width:99%; height:23px;
background:#ececec;
font-size:14px;
color:#05386D;
text-transform:uppercase;
padding-top:6px; padding-left:1%;
margin-bottom:20px;
float:left;
}
#conteudo .tarja{
width:99%; height:23px;
background:#54728D;
font-size:14px;
color:#fff;
text-transform:uppercase;
padding-top:6px; padding-left:1%;
margin-bottom:20px;
float:left;
cursor:pointer;
text-align:center;
}
.box_dados_set{
	width:100%;
	float:left;
	}
#conteudo ul{
width:96%; height:auto;
float:left;
border:solid 1px;
}
#conteudo li{
width:99%; height:auto;
border-bottom:solid 1px #FFFFFF;
background:#ececec;
list-style-position:outside;
list-style-type:none;
margin-left:0px;
float:left;
padding:5px 3px 5px 10px;
font-size:13px;
}
#conteudo li:hover{
background:#C0CCDA;
color:#FFFFFF;
}
#conteudo li.cabecalho{
background:#999999;
color:#FFFFFF;
font-weight:bold;
}
.semana{
	background:#46B16F !important;
	padding-bottom:13px !important;
	padding-top:13px !important;
	text-transform:uppercase !important;
	font-size:14px !important;
	color:#033 !important;
	}
.clean_fundo{
	background:#fff !important;
	}	
.box_roll{
	width:100%; height:300px;
	float:left;
	border:solid 1px #00CC00;
	overflow:auto;
	overflow-x:hidden;
	}	
#conteudo span.indice1{
width:5%;
float:left;
}
#conteudo .cabecalho span.indice1{
width:5%;
float:left;
text-align:left;
}
#conteudo span.indice2{
width:26%;
float:left;
padding-left:1%;
}

#conteudo span.indice3{
width:37%;
float:left;
padding-left:1%;
}
#conteudo span.indice4{
width:10%;
float:left;
padding-left:1%;
}
#conteudo span.indice4 img{
margin-bottom:-3px;
}
#conteudo span.bt_atualizar{
width:83px; height:24px;
background:#C0CCDA;
border-radius:solid 1px #FFF;
color:405173;
}
#conteudo span.indice5{
width:7%;
float:left;
padding-left:1%;
}
#conteudo span.indice6{
width:10%;
float:left;
text-align:center;
padding-left:1%;
}
#conteudo span.indice6 img{
	max-width:100%;
	max-height:100%;
	}
#conteudo span.indice5-total{
width:7%;
float:left;
padding-left:1%;
color:#fff;
font-weight:bold;
}
#conteudo span.indice6-total{
width:10%;
float:left;
text-align:center;
padding-left:1%;
color:#fff;
font-weight:bold;
}
fieldset{
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border:solid 1px #CCCCCC;
}
#tit_form{
float:left;
font-family:'Arial';
color:#405173;
font-size:12px;
margin-left:5px;
width:24%;
}
.txtform {
display: block;
float: left;
background-color: #F5F5F5;
border: 0px;
height: 22px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-top: 3px;
margin-right: 1%;
float:left;
margin-bottom:10px;
padding-left:5px;
width:23%;
}
.txtform {
display: block;
float: left;
background-color: #F5F5F5;
border: 0px;
height: 22px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-top: 3px;
margin-right: 1%;
float:left;
margin-bottom:10px;
padding-left:5px;
width:23%;
}
.btform{
width:100px; height:30px;
background-color:#405173;
color:#FFFFFF;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
float:right;
border:0px;
font-size:14px;
margin-right:12px;
}
#paginacao{
width:100%; height:auto;
float:left;
padding-top:7px; padding-bottom:5px;
margin-top:10px;
background-color:#405173;
color:#fff;
font-size:12px;
text-align:center;
}
#paginacao a{
color:#fff;
text-decoration:none;
padding-left:2px; padding-right:2px;
}
#paginacao a:hover{
color:#77D2FF;
text-decoration:none;
padding-left:2px; padding-right:2px;
}
#total_rg{
width:100%;
height:auto;
float:left;
text-align:center;
padding-bottom:5px;
}
#paginas_rg{
width:100%; height:auto;
float:left;
text-align:center;
padding-bottom:5px;
}
#filtro{
width:100%; height:22px;
float:left;
padding-top:5px; padding-bottom:8px;
background-color:#405173;
color:#fff;
font-size:12px;
text-align:center;
margin-bottom:10px;
}
#conteudo #filtro input{
background-color: #c0ccda;
border: 0px;
height: 26px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color:#000;
padding-left:5px; padding-right:5px;
}
#conteudo #filtro select{
background-color: #c0ccda;
border: 0px;
height: 26px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color:#000;
padding-left:5px; padding-right:1px;
}
#conteudo #filtro .indicebusca{
width:10%;
float:left;
margin-top:3px;
}
#filtro .filtro1{
width:18%;
float:left;
margin-right:3%;
}
#filtro .filtro2{
width:18%;
float:left;
margin-right:3%;
}

#filtro .filtro3{
width:13%;
float:left;
margin-right:3%;
}
#filtro .filtro4{
width:13%;
float:left;
margin-right:3%;
}
#filtro .filtro5{
width:10%;
float:left;
}
#boxlogin{
width:300px; height:220px;
position:absolute;
top:30%; left:40%;
border-radius:7px;
border:solid 1px #A8A8A8;
padding:5px;
font-family:'Arial';
font-size:12px;
color:#000000;
}
#msg{
width:288px; height:10px;
float:right;
padding-right:12px;
font-size:12px;
color:#FF8080;
text-align:center;
margin-bottom:3px;
}
#logo_box{
width:100%;
text-align:center;
margin-top:3px; margin-bottom:10px;
float:right;
}
#user_box{
width:100%;
margin-top:3px; margin-bottom:3px;
float:left;
text-align:right;
}
#user_box input{
width:220px; height:25px;
background-color:#d9d9d9;
border:0px;
border-radius:4px;
color:#222;
padding-left:4px; padding-right:4px;
margin-right:12px;
}
#pass_box{
width:100%;
margin-top:3px; margin-bottom:3px;
float:left;
text-align:right;
}
#pass_box input{
width:220px; height:25px;
background-color:#d9d9d9;
border:0px;
border-radius:4px;
color:#222;
padding-left:4px; padding-right:4px;
margin-right:12px;
}
#botao_box{
width:100%;
margin-top:3px; margin-bottom:3px;
float:left;
text-align:right;
}
#botao_box input{
width:auto; height:25px;
background-color:#A8A8A8;
border:0px;
border-radius:4px;
color:#222;
padding-left:6px; padding-right:5px;
margin-right:12px;
text-transform:uppercase;
}
#msg_vazio{
font-family:'Arial';
font-size:14px;
color:#666666;
margin-top:20px;
float:left;
}

#boxdetalhes{
width:100%; height:auto;
float:left;
font-family:'Arial';
font-size:12px;
}
#boxdetalhes .titulo{
width:48%; height:15px;
float:left;
margin-left:1%;
font-weight:bold;
text-transform:uppercase;
}
#boxdetalhes .valor{
width:48%; height:25px;
float:left;
margin-left:1%;
}
#boxdetalhes .divisao{
width:98%; height:1px;
float:left;
margin-left:1%; margin-bottom:20px; margin-top:15px;
}

#conteudo .relatorio{
width:98%;
float:left;
margin-bottom:2px;
font-family:'Arial';
font-size:13px;
padding-left:1%;
font-weight:bold;
}
#conteudo .relatorio span{
font-weight:normal;
margin-right:2px;
}
.btnovo{
width:150px; height:17px;
background:#808080;
color:#FFFFFF;
float:left;
margin-left:60px;
border:0px;
border-radius:4px;
text-transform:uppercase;
padding-top:6px;
}

/* Pagina de Importação */
#box_importacao{
width:45%; height:250px;
margin-left:30%; margin-right:30%; margin-top:2%; margin-bottom:2%;
border:solid 1px #00468E;
border-radius:7px;
}
#box_importacao input{
background-color:#00468E;
border:0px;
border-radius:3px;
color:#FFFFFF;
padding:2px;
}
#box_importacao .iniciar{
padding-top:5px; padding-bottom:5px;
}
#img{
width:100%;
text-align:center;
margin-top:20px;
float:left;
}
#titulo{
width:98%;
float:left;
font-family:'Arial';
font-size:16px;
color:#00468E;
font-weight:bold;
margin:10px 0px 20px 0px;
text-align:center;
padding-left:1%; padding-right:1%;
}
#campo{
width:100%;
float:left;
text-align:center;
}
#linha{
float:left;
padding-left:30px;
margin-bottom:5px;
}

/* Pagina de venda */
#box_venda{
width:100%; height:auto;
float:left;
border:solid 1px;
}

#conteudo td.tit_tab{
font-size:12px;
color:#000;
font-weight:bold;
}

#conteudo td{
font-size:12px;
}

#conteudo tr.total{
font-size:12px;
color:#ff8080;
font-weight:bold;
}

#conteudo tr.credito{
font-size:12px;
color:#003366;
font-weight:bold;
}

#conteudo tr.troco{
font-size:12px;
color:#555;
font-weight:bold;
}


/* Inicio Formulario */
#conteudo fieldset{
width:98.7%; height:auto;
float:left;
border:solid 1px #33;
padding:1% 0 1% 1%;
margin-bottom:20px;
}
#conteudo input{
margin-bottom:15px;
background:#ccc;
color:#222;
text-transform:uppercase;
}
#conteudo legend{
	font-size:12px;
	padding:0 1px;
	}
#conteudo select{
margin-bottom:15px;
background:#ccc;
color:#222;
text-transform:uppercase;
}
#conteudo textarea{
margin-bottom:15px;
background:#ccc;
color:#222;
text-transform:uppercase;
}

#conteudo .x1{
width:98%;
float:left;
border:0;
border-radius:2px;
padding:6px 0.5%;
}
#conteudo .x2{
width:48.0%;
float:left;
margin-right:1%;
border:0;
border-radius:2px;
padding:6px 0.5%;
}
#conteudo .x3{
width:31.3%;
float:left;
margin-right:1%;
border:0;
border-radius:2px;
padding:6px 0.5%;
}
#conteudo select.x3{
width:32%;
float:left;
margin-right:1%;
border:0;
border-radius:2px;
padding:6px 0.5%;
}
#conteudo select.x2{
width:48.5%;
float:left;
margin-right:1%;
border:0;
border-radius:2px;
padding:6px 0.5%;
}

#conteudo label.x1{
width:98%;
float:left;
}
#conteudo label.x2{
width:49.5%;
float:left;
}
#conteudo label.x3{
width:32.5%;
float:left;
margin-right:1%;
}
#conteudo label.x3_3{
width:31.1%;
float:left;
margin-right:0px;
}

#conteudo input.bt_envia{
width:auto; height:28px;
font-size:14px;
text-transform:uppercase;
background-color:#555;
color:#FFF;
padding:0px;
border:0px;
border-radius:3px;
padding:4px 5px;
}
/* Fim Formulario */

/* Início Funcionário Print */
h1 span.nomeFolha{
	color:#003333;
	margin-left:10px;
	}
#despesa_func{
	width:100%; height:auto;
	float:left;
	margin-bottom:20px;
	}
#despesa_func td{
	padding:0 2px;
	border:solid 1px #003333;
	border-top:0px;
	height:26px;	
	}
#print_nota table{
	border:solid 1px #003333;
	margin-bottom:6px !important;
	}	
#print_nota td{
	padding:0 1px;
	border:solid 1px #003333;
	border-top:0px;
	border-left:0px;
	}
#print_nota tr.titulo_func td{
	border-top:solid 1px #003333 !important;
	}	
#despesa_func td a{
	text-decoration:none;
	color:#003333;;
	}	
#despesa_func tr.titulo_func td{
	border-top:solid 1px #003333 !important;
	}	
#despesa_func table{
	width:99%;
	}	
#conteudo .titulo_func{
	width:100%; height:40px;
	background:#46B16F;
	color:#003333;
	font-size:20px;
	text-align:center;
	}
#conteudo .titulo_func td{
	color:#003333;
	font-size:20px;
	}
#conteudo .cabecalho_func{
	width:100%; height:30px;
	background:#54728D;
	color:#FFF;
	}
#conteudo .cabecalho_func td{
	text-align:center;
	}	
#conteudo .largura_g{
	width:40%;
	}
#conteudo .largura_mg{
	width:30%;
	}
#conteudo .largura_m{
	width:20%;
	}
#conteudo .largura_p{
	width:10%;
	}


#divPrint table{
	width:100%;
	}
#divPrint table td{
	font-size:9px;
	color:#000;
	height:30px;
	vertical-align:text-top;
	padding-top:2PX;
	}
#divPrint table td p{
	line-height:normal;
	margin:5px 0px;
	}
.logo_nota{
	width:30%; height:auto;
	float:left;
	padding:10px 0px;
	text-align:center;
	}
.end_nota{
	width:35%; height:auto;
	float:left;
	padding-top:20px;
	}
.inf_nota{
	width:35%; height:auto;
	float:left;
	padding-top:20px;
	}