body
    {
	font: 11px verdana, arial;
	color: #000;
	margin: 0;
	background: #fff url(../imagens/bg.gif) left top repeat-x;
	}

p 
    {
	line-height: 1.5em;
	margin: 5px 0;
	}

a img {border:0;}
	
h1 {font: bold 10pt arial, verdana; color: #666; border-bottom: 1px solid #ddd;}
h1 em{color: #039; font-style: normal;}	
h1 strong{font: bold 14pt "Century Gothic", arial, verdana;}	
	
h2 {font: bold 12pt "Century Gothic", arial, verdana; color: #666; margin: 20px 0px 0px 0px;}
h3 {font: bold 10pt "Century Gothic", arial, verdana; color: #666; margin: 20px 0px 0px 0px;}

h2 a {font-size: 8pt;}
h2 em {font: bold 9pt arial; color: #999; text-decoration: none;}
	
a:link {text-decoration: underline; color: #039}
a:visited {text-decoration: underline; color: #039}
a:hover {text-decoration: underline; color: #666}



#tudo
    {
	width: 760px;
	margin: 0 auto;
	}




/*_____TOPO__________________________*/

#topo
    {
	position: relative;
	width: 100%;
	height: 130px;
	padding: 0px;
	margin: 0px;
	border: 0;
	background: url(../imagens/topo.gif) no-repeat;
	}

#topo h1 {border: 0; margin: 0;}	
#topo h1 a {display: block; width: 100%; height: 100px; margin: 0; border: 0;}	
	


/*_____MENU__________________________*/

#menu
    {
	background: #fff;
	float: left;
	font: 14px arial;
	width: 160px;
	margin: 0px;
	padding: 0px 0px 30px 0px;
	}

#menu ul
    {
	list-style: none;
	color:  #fff;
	margin: 0px;
	padding: 0px;
	border: 0;
	}	

#menu li
    {
	margin: 0px;
	padding: 0px;
	border: 0;
	font: 12px/20px arial, verdana;
	color: #000;
	background: #fff;
	border-left: 9px solid #f5f5f5;
	border-top: 1px solid #e6e6e6;
	}	

#menu li.nomeusuario
    {
	margin: 0px;
	padding-left: 20px;
	border: 0;
	font: 12px/20px arial, verdana;
	color: #000;
	background: #fff url(../imagens/seta.gif) left no-repeat;
	border-left: 0;
	}	

#menu li.last
    {
	margin: 0px;
	padding: 0px;
	border: 0;
	font: 12px/20px arial, verdana;
	color: #fff;
	background: #fff;
	border-left: 9px solid #f5f5f5;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	}	

#menu li a  
    {
	display: block;
	width: 141px; 
	padding: 0px 0px 0px 10px;
	color:  #666;
	background: #fcfcfc;
	text-decoration: none;
	}	

#menu li a:hover  
    {
	color:  #000;
	background: #eee;
	text-decoration: none;
	width: 139px; 
	padding: 0px 0px 0px 8px;
	border-left: 2px solid #5c6553;
	}	

.oculto
    {
	display: none;
	}

#menubusca {background: url(../imagens/bg_busca.gif) top left no-repeat; margin: 20px 0px 0px 0px; padding-bottom: 10px; border: 1px solid #f5f5f5;}
#menubusca h4 {margin: 0px; padding: 0px; display: block; height: 30px; cursor: pointer;}	

#menu h3 {margin: 20px 0 0 0; background: url(../imagens/h3_menu.gif) no-repeat center; padding: 8px 0 0 20px; display: block; height: 22px; cursor: pointer; color: #2e2f2c;}

	

	
/*_____CONTEÚDO__________________________*/

#conteudo
    {
	background: #fff;
	margin-left: 167px;
	padding: 10px 0px 30px 10px;
	background: #fff;
	position:relative;
	}

	
#conteudo a.linksemente:link {text-decoration: underline; color: #666;}
#conteudo a.linksemente:visited {text-decoration: underline; color: #666}
#conteudo a.linksemente:hover {text-decoration: underline; color: #666}
.nomesemente {font: bold 10pt arial, verdana; color: #093 }


ul.listacategorias {list-style: square; padding-left: 8px; margin-left: 8px; color: #ddd; line-height: 1.5em;}
#conteudo ul.listacategorias a:link {text-decoration: underline; color: #093}
#conteudo ul.listacategorias a:visited {text-decoration: underline; color: #093}
#conteudo ul.listacategorias a:hover {text-decoration: underline; color: #000}

.divcategorias {float: left; margin: 0px; padding-right: 30px;}

.divprodutoloja {float: left; width: 260px; margin: 0px 0px 60px 20px;}
.fotoprodutoloja {border: 1px solid #eee; margin: 0px 8px 8px 0px;}
.descricaoloja {font: bold 8pt arial, verdana; color: #999;}
.precoloja {font: 8pt arial, verdana; color: #093;}

.fotoprodutodetalhe {border: 1px solid #eee; margin: 0px;}
.descricaodetalhe {font: bold 8pt arial, verdana; color: #999;}
.precodetalhe {font: 8pt arial, verdana; color: #093;}


.esmaecido {color: #999;}




/*_____DIV BUSCA DE PRODUTO POR DESCRIÇÃO__________________________*/

#divdescricoes 
     {
	 display: none; position: absolute; overflow: auto; 
	 height: 80px;
	 border: 1px solid #ddd; background: #fffff0; z-index: 2;
	 padding: 5px;
	 }


#divdescricoes ul {margin: 0px; padding: 0px;}
#divdescricoes li {list-style: none; margin: 0px; padding: 0px; line-height: 15px;}
#divdescricoes li a {display: block; margin: 0px; padding: 3px 0px; text-decoration: none; color: #039;}
#divdescricoes li a:hover {background: #eee;}



/*_____DIV padrão de busca com AJAX__________________________*/

.divscroll 
     {
	 display: none; position: absolute; overflow: auto; 
	 height: 80px;
	 border: 1px solid #ddd; background: #fffff0; z-index: 2;
	 padding: 5px;
	 }


.divscroll ul {margin: 0px; padding: 0px;}
.divscroll li {list-style: none; margin: 0px; padding: 0px; line-height: 15px;}
.divscroll li a {display: block; margin: 0px; padding: 3px 0px; text-decoration: none; color: #039;}
.divscroll li a:hover {background: #eee;}

/*_____RODAPÉ__________________________*/


#rodape
    {
	clear: both;
	position:relative;
	width: 99.99999%;
	height: 400px;
	margin: 0px;
	padding: 5px 0px;
	background: #2e2f2c url(../imagens/bg_rodape.gif) left top repeat-x;
	text-align: center;
	}

#rodape a {font-weight: bold; color: #999; text-decoration: none;}
#rodape a:hover {font-weight: bold; color: #000; text-decoration: none;}
#rodape em {color: #c00; font-style: normal;}



/*_____ENTRADA______*/

#entrada {position: absolute; width: 170px; height: 150px; padding: 50px 0px 0px 30px; top: 50%; margin-top: -100px; left: 50%; margin-left: -100px; background: url(../imagens/entrada.gif) no-repeat;}


/*_____HOME______*/

#resumohome {width: 500px; margin: 0px 0px 20px 0px;}
.resumomodhome {display: block; width: 110px; float: left; margin-right: 10px; padding: 3px; border-bottom: 3px solid #ddd;}


/*_____LISTA categorias_____*/

ul.ulcategorias {margin: 0 0 0 20px; list-style:none; padding:0;}
.licategoria {margin-top: 0.5em; list-style: url(../imagens/li_pasta.gif)}
.licategoriapai {margin-top: 0.5em; list-style: url(../imagens/li_pasta_pai.gif)}
.licategoriaon {margin-top: 0.5em; list-style: url(../imagens/li_pasta_on.gif)}
.licategoriapaion {margin-top: 0.5em; list-style: url(../imagens/li_pasta_pai_on.gif)}


/*___________FORMULÁRIO_______________*/

input {font: 8pt arial; color: #000; width: 250px; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 2px; margin: 0px;}
select {font: 8pt arial; color: #000;}
textarea {font: 8pt arial; color: #000; width: 200px; padding: 3px; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.rotulo {font: 8pt arial; color: #888; margin-bottom: 0px;}
.rotulo1 {font: 8pt arial; color: #666; margin: 2px;}
.rotulo2 {font: 8pt arial; color: #999; margin: 2px;}
.subrotulo {font: 8pt arial; color: #999}
.erro {font: bold 8pt arial; color: #900; text-indent: 0; padding: 5px; background: #FFFFE3; border: 1px solid #eee;}
.erro strong {color: #000;}
.sucesso {font: bold 8pt arial; color: #039; text-indent: 0; padding: 5px; background: #fafafa; border: 1px solid #eee;}
.contador {font: 8pt arial; color: #aaa;}

input.radio, input.imagem {border:0; width:auto; height:auto;}

/*___________aqui se inicia a formatação do menu superior__________*/

.itemBorder {cursor: pointer; border: 1px solid #eee; color: #093; text-decoration: none; }
.itemprincipal {padding: 4px; vertical-align: middle; text-decoration: none; color: #093; font: 12px Arial, Helvetica; text-align: center;}

.linkmenusup {color: #093; cursor: pointer; text-decoration: none; font-family: arial; font-size: 8pt}

a.itemBorder:link,visited, active, hover {text-decoration: none; color: #093}





/*__________BARRA DE LETRAS_______________________________*/

.letraativa {font: bold 10pt verdana, arial; background: #fff; color: #900; padding: 0px 4px; border: 1px solid #ccc; border-right: 1px solid #999; border-bottom: 0;}
.letravazia {font: bold 10pt verdana, arial; color: #ccc; padding: 0px 5px; border-bottom: 1px solid #ccc;}
.letravaziaajuste {font: bold 10pt verdana; padding: 0px 3px; border-bottom: 1px solid #ccc;}

.divfolder {border-bottom: 1px solid #999; border-left: 1px solid #ccc; border-right: 1px solid #999; padding: 10px; margin: 0 2px 0 0; _margin: 0 2px 0 3px;}
#conteudo a.letracheia {background: #f5f5f5; font: bold 10pt verdana, arial; color: #666; padding: 0px 4px; text-decoration: none; border: 1px solid #ddd; border-right: 1px solid #999; border-bottom: 1px solid #ccc;}
#conteudo a.letracheia:hover {background: #ddd; color: #000;}




/*___________BOX________________________*/
div.box {border: 1px solid; border-color: #ddd #aaa #aaa #ddd; margin: 30px 0px;}
h3.titbox {background: #eee; border-bottom: 1px solid #ccc; margin: 0; padding: 5px; padding-left: 10px; font: bold 9pt arial; color: #666;}
h3.titbox em {font: 8pt arial;}
div.contbox {position: relative; margin: 10px;}

div.caixa {position: relative; border: 1px solid; border-color: #ddd #aaa #aaa #ddd; margin: 30px 0; padding: 40px 0px 20px 15px; min-height: 170px; _height: 170px;}
div.caixa h3 {background: #eee; border-bottom: 1px solid #ccc; margin: -40px 0px 10px -15px; padding: 5px 15px; font: bold 9pt arial; color: #666;}
div.caixa h3 a {display: block; float:right; font-size:8pt; margin: -20px 10px 0 0;}
div.caixa h3 em {font: 8pt arial;}
div.caixa h4 {font: bold 9pt arial; color: #666; margin-top: 30px; margin-bottom: 5px;}
div.caixa .field {float: left; width: 250px; height: 50px; margin: 0 15px 5px 0; /*border: 1px solid #000;*/}
	div.caixa .full {width: 500px;}
div.caixa .field label {display: block; clear: right; font: 8pt arial; color: #888; margin-bottom: 0px;}

ul.lista_simples {margin:0 0 0 15px; padding:0;}
ul.lista_simples li {margin: 8px 0;}


/*_____TABELA__________________________*/

#conteudo th {font: bold 8pt arial; background: #eee url(../imagens/bg_th.gif) top left repeat-x; padding: 3px; border: 1px solid #ddd;}
#conteudo th.lateral {background-image: none; background: #f0f0f0; text-align: right;}
#conteudo th em {font-weight: normal; font-style: normal; color: #666;}
#conteudo td {font: 8pt arial; text-align: center; background: #fafafa; padding: 3px; border-bottom: 1px solid #ddd;}
#conteudo td em {color: #666;}
#conteudo td.nomecampo {font-size: 7pt; text-align: left;}
#conteudo td.exemplo {font-size: 7pt; width: 150px;}
#conteudo td.dado {text-align: left;}
#conteudo td.total {font-weight:bold; background: #f0f0f0;}
#conteudo th.acoes {border:0; background: #fff;}
#conteudo td.acoes {border:0; background: #fff;}
#conteudo tr {height: 25px;}


/*___TABELA FORMS___*/
#conteudo .tabela_form {width: 400px;}
#conteudo .tabela_form th {text-align: right; width: 100px; color: #666; background: #fafafa;}
#conteudo .tabela_form td {text-align: left; background:none;}


/*_____TABELA__________________________*/

#flutuante th {font: bold 8pt arial; background: #eee url(../imagens/bg_th.gif) top left repeat-x; padding: 3px; border: 1px solid #ddd;}
#flutuante th em {font-weight: normal; font-style: normal; color: #666;}
#flutuante td {font: 8pt arial; text-align: center; background: #fafafa; padding: 3px; border-bottom: 1px solid #ddd;}
#flutuante td em {color: #666;}
#flutuante td.nomecampo {font-size: 7pt; text-align: left;}
#flutuante td.exemplo {font-size: 7pt; width: 150px;}
#flutuante th.acoes {border:0; background: #fff;}
#flutuante td.acoes {border:0; background: #fff;}
#flutuante tr {height: 25px;}


/*_____FINANCEIRO______________________*/

.nomeconta {font: bold 12pt verdana, arial; color: #900; border: 1px solid #ccc; padding: 5px; background: #fafafa;}
.negativo {font-family: arial, helvetica; color: #c00; font-size: 8pt;}
.positivo {font-family: arial, helvetica; color: #000; font-size: 8pt;}
.totalnegativo {font-family: verdana, arial, helvetica; color: #cc0000; font-size: 12pt; font-weight: bold}
.totalpositivo {font-family: verdana, arial, helvetica; color: #003366; font-size: 12pt; font-weight: bold}


a.conta:link {font-family: arial, helvetica; color: #039; text-decoration: none}
a.conta:visited {font-family: arial, helvetica; color: #039; text-decoration: none}
a.conta:hover {font-family: arial, helvetica; color: #39f; text-decoration: none}

a.linklancamento:link {font: 9pt arial, helvetica; color: #039; text-decoration: none}
a.linklancamento:visited {font: 9pt arial, helvetica; color: #039; text-decoration: none}
a.linklancamento:hover {font: 9pt arial, helvetica; color: #000; text-decoration: underline}

td.ativa {background: #e1ffff;}
td.inativa {background: #fafafa;}

.tdrotulocadastro {font-family: verdana, arial, helvetica; color: #666666; font-size: 8pt; background: #dddddd; text-align: right}
.tdrotulo {font-family: verdana, arial, helvetica; color: #666666; font-size: 8pt; background: #dddddd; text-align: right}

.tdvazia {font-family: verdana, arial, helvetica; color: #003366; font-size: 8pt; background: #eeeeee;}
.tdcabecalho {font-family: verdana, arial, helvetica; color: #6699cc; font-size: 8pt; background: #ffffff url(../imagens/fundo_mes.gif) center top repeat-x; font-weight: bold; text-align: center}
.tdcabecalhoedicao {font-family: verdana, arial, helvetica; color: #ffffff; font-size: 8pt; background: #990000; font-weight: bold; text-align: center}

.numnota {display: block; position: relative; float: left; width: 60px; font: bold 12pt arial, verdana; color: #900; border: 1px solid #ddd; padding: 4px; text-align: center;}
.opcoesnota {display: block; position: relative; float: left; width: 200px; padding: 5px 0px 0px 30px;}
.opcoesregistrarnota {display: block; position: relative; float: left; width: 400px; padding: 0px 0px 0px 30px;}


/*___________FOLHINHA_______________*/
.tdtitmes {background: #ddd; font: bold 8pt arial; color: #369; text-align: center; padding: 0px 3px;}
.tdmesant {background: #ddd; text-align: center; padding: 0px 3px;}
.tdmespost {background: #ddd; text-align: center; padding: 0px 3px;}

.tdtitdiasemana {font: bold 7pt arial; color: #666; background: #eee; text-align: center; padding: 0px 5px; border: 0;}
.tddiasemana {font: 7pt arial; color: #666; background: #fafafa; text-align: center; padding: 0px 5px; cursor: pointer; border: 0;}
.tddiasobre {font: 7pt arial; color: #fafafa; background: #069; text-align: center; padding: 0px 5px; cursor: pointer; border: 0;}
.tddiainvalido {padding: 0; background: #fafafa; cursor: default; border: 0;}


/*________tabela resumo___________*/

#conteudo table.resumo th {text-align: left; background: #d5d5d5; color: #000; padding: 5px; border: 1px solid #eee;}
#conteudo table.resumo th.lateral {text-align: right; background-image: none; background: #fafafa; color: #666; font-weight: normal;}
#conteudo table.resumo td {text-align: left; background: #fff; padding: 3px; border-bottom: 1px solid #eee;}
#conteudo table.resumo em {color: #666;}
#conteudo table.resumo td.total {text-align: right; background: #fff; padding: 5px;}


/*_______lista usuários___________*/
#conteudo ul.listausuarios em {font: normal 8pt arial; color: #666;}



/*___PAGINAÇÃO_________________*/
div.pages {position: relative; margin: 20px 0px; width: 300px; height: 60px; background: #fafafa; border: 1px solid #eee; color: #666;}
span.results {display: block; position: absolute; left: 25px; top: 5px;}
span.bts {display: block; position: absolute; left: 25px; top: 35px;}
	
	


/*___APRESENTAÇÃO____*/

#apresenta
    {
	position:absolute;
	width: 760px;
	top: 0; left: 50%;
	margin-left: -380px; margin-top: 0;
	padding: 0 0 30px 0;
	z-index:1;
	}

#apresenta h1 {font: bold 10pt arial, verdana; color: #666; border-bottom: 1px solid #ddd;}
#apresenta h1 em{color: #039; font-style: normal;}	
#apresenta h1 strong {font: bold 14pt "Trebuchet MS", arial, verdana;}	

#apresenta h2 {font: bold 14pt "Trebuchet MS", arial, verdana; color: #000; margin: 50px 0px 0px 0px;}
#apresenta h3 {font: bold 10pt "Trebuchet MS", arial, verdana; color: #666; margin: 10px 0;}

#apresenta ul {margin-top:0;}




#pick1 {display:block; float:left; margin:0 10px 0 3px; width: 30px; height: 30px; padding:0; text-indent: -10000px; border: 1px solid #000;}

img.mini {border: 1px solid #000;}



/*___TABELA horário___*/
table.horario {font-size: 7pt;}
table.horario th {text-align:center; padding: 3px 5px; color: #ccc; background: #eee;}
table.horario td.hora {color: #666; text-align:right; background-color: none; font: 7pt arial; border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
table.horario td {text-align:center; padding: 0; background: #fff; border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
table.horario td span {display: block; position: relative; width: 80px; height: 40px; padding-top:8px;}
table.horario td span em {display: block; position: absolute; bottom:0; right: 0; background: #eee; color: #000; padding: 1px; width: 15px; text-align:center; font:normal 7pt arial;}

table.horario td.nova {color: #e68080;}
table.horario td.nova strong {color: #fff;}
table.horario td.nova span {background: #c00;}
table.horario td.nova span em {background: #db4d4d; color: #fff;}

table.horario td a, table.horario td a:visited {display: block; position: absolute; bottom:0; left: 0; background: #000; color: #fff; padding: 1px; width: 15px; text-align:center; font:normal 7pt arial; text-decoration: none;}
table.horario td a:hover {color: #fff; background: #900;}