body {
	margin: 0;
	padding: 0;
	text-align: center;
	font: 12px Verdana, sans-serif;
	background: url("../images/lo_bgtopo.jpg") repeat-x #F3F3F3; }

/* para não precisar do famoso div wrapper [http://www.positioniseverything.net/easyclearing.html] */
.clear { display: inline-block; }
.clear:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: block; zoom: 1; }
ul, li { margin:0; border:0; padding:0; list-style:none; }
h1, h2, form { margin: 0; padding: 0; }
tr.odd {background-color: #fafafa; }
tr.linha_hover { background-color: #edf2f3; }
a img { border: none; }
table tbody.tbody_escondido { display: none; }
a { color:#67859C; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
.botao_esq { margin-right: 50px; }

.msg_sucesso, .msg_erro, .msg_alerta {
	padding: 10px 33px;
	border: solid 1px #69b83e;
	color: #508c2f;
	font-weight: bold;
	background: url("../images/icone_sucesso.gif") 10px 10px no-repeat #e2ffd9; }
.msg_erro {
	border: solid 1px #d45353;
	color: #d45353;
	background: url("../images/icone_erro.gif") 10px 10px no-repeat #ffd9d9; }
.msg_alerta {
	border: solid 1px #ffdf2d;
	color: #000000;
	background: url("../images/icone_alerta.gif") 10px 10px no-repeat #fffed9; }
.oculto {
	display: none; }
div.div_mais {
	display: none; }
img.img_mais {
	cursor: pointer; }
span.campoobrigatorio {
	color: #d45353;
	font-weight: bold; }

#pagina {
	margin: auto;
	text-align: left;
	width: 900px;
	/*border: solid 1px #FF0000;*/ }

#pagina #topo {
	height: 102px;
	background: url("../images/lo_logo.jpg") 16px 15px no-repeat;
	text-indent: -9999999px; }
#pagina #logoff {
	color: #FFF;
	position: absolute;
	text-align: right;
	width: 870px;
	*width: 850px;
	top: 13px; }
#pagina #logoff a {
	color: #f7b74f; }

#pagina #menu, #menu_intro {
	margin: 9px 0 0 20px;
	height: 40px; }
#pagina #menu a {
	height: 20px;
	margin-right: 25px;
	*margin-right: 0;
	float: left;
	display: block;
	text-indent: -9999999px;
	background-position: 0 0; }
#pagina #menu a#mn_painel {
	width: 53px;
	background: url("../images/mn_painel.jpg") no-repeat; }
#pagina #menu a#mn_mensagens {
	width: 84px;
	background: url("../images/mn_mensagens.jpg") no-repeat; }
#pagina #menu a#mn_clientes {
	width: 67px;
	background: url("../images/mn_clientes.jpg") no-repeat; }
#pagina #menu a#mn_usuarios {
	width: 71px;
	background: url("../images/mn_usuarios.jpg") no-repeat; }
#pagina #menu a#mn_configuracoes {
	width: 111px;
	background: url("../images/mn_configuracoes.jpg") no-repeat; }
#pagina #menu a#mn_painel:hover, #pagina #menu a#mn_mensagens:hover, #pagina #menu a#mn_clientes:hover, #pagina #menu a#mn_usuarios:hover, #pagina #menu a#mn_configuracoes:hover {
	background-position: 0 -20px; }

#pagina #menu ul li {
	margin-right: 25px;	}
#pagina #menu ul li ul {
	position: absolute;
	left: 0;
	top: 20px;
	display: none; }

/**/
#pagina #menu ul li ul li a {
	text-indent: 0; }
/**/

/* Fix IE. Hide from IE Mac \*/
* html #pagina #menu ul li { float: left; }
/** html #pagina #menu ul li a { height: 1%; }*/
/* End */

#pagina #menu ul li:hover ul, #pagina #menu ul li.over ul { display: block; }


#pagina #corpo, #pagina #login {
	padding: 0 20px; }
#pagina #login {
	margin-top: 50px; }

#pagina #corpo #conteudo, #pagina #login #conteudo {
	background: url("../images/lo_bgh2.jpg") top repeat-x;
	width: 654px;
	*width: 662px;
	background-color: #FFFFFF;
	border: solid 1px #D2D3D2;
	padding: 8px;
	float: left; }
#pagina #login #conteudo {
	width: 400px;
	margin-left: 200px; }
#pagina #corpo #conteudo h2, #pagina #login #conteudo h2, #pagina #pastas h2.pastas {
	padding: 6px 0 0 26px;
	font-size: 11px;
	height: 21px;
	*height: 27px;
	margin: -8px;
	margin-bottom: 8px;
	border-bottom: solid 1px #D2D3D2; }
#pagina #corpo #conteudo h2.clientes {
	background: url("../images/icone_clientes.png") 5px 5px no-repeat; }
#pagina #corpo #conteudo h2.mensagens {
	background: url("../images/icone_mensagens.png") 5px 5px no-repeat; }
#pagina #corpo #conteudo h2.usuarios {
	background: url("../images/icone_usuarios.png") 5px 5px no-repeat; }
#pagina #corpo #conteudo h2.configuracoes {
	background: url("../images/icone_configuracoes.png") 5px 5px no-repeat; }
#pagina #corpo #conteudo h2.logo {
	background: url("../images/icone_logo.png") 5px 5px no-repeat; }
#pagina #corpo #conteudo h2.tipos {
	background: url("../images/icone_tipos.png") 5px 5px no-repeat; }
#pagina #corpo #conteudo h2.pastas, #pagina #pastas h2.pastas {
	background: url("../images/icone_pastas.png") 5px 5px no-repeat; }
#pagina #login #conteudo h2.login {
	background: url("../images/icone_login.png") 5px 5px no-repeat; }
#pagina #corpo #conteudo h2.painel {
	background: url("../images/icone_painel.png") 5px 5px no-repeat; }

#pagina #corpo #conteudo #mensagem {
	padding: 10px 33px;
	font-weight: bold;
	border: solid 1px;
	margin-bottom: 6px;
	display: none; }
#pagina #corpo #conteudo #mensagem.msg_erro {
	border: solid 1px #d45353;
	color: #d45353;
	background: url("../images/icone_erro.gif") 10px 10px no-repeat #ffd9d9; }
#pagina #corpo #conteudo .div_form, #pagina #login #conteudo .div_form {
	padding: 8px;
	border: solid 1px #EDEDED;
	margin-bottom: 6px;
	background: url("../images/lo_bgform.jpg") bottom repeat-x; }
#pagina #corpo #conteudo .div_form label, #pagina #corpo #conteudo table#tb_pesquisar label, #pagina #corpo #conteudo table#tb_novotipo label, #pagina #login #conteudo .div_form label, #interacoes_nova label {
	color: #6E6E6E;
	font-weight: bold; }
input#txtnome, #pagina #corpo #conteudo .div_form form input#txtemail, #pagina #corpo #conteudo .div_form form textarea#txtobservacoes, #pagina #corpo #conteudo .div_form form input#txtendereco, #pagina #corpo #conteudo .div_form form input#txtbairro, input#txtassunto, textarea#txtemail, textarea#txtmensagem, #txtemail_remetente, #txtemail_protocolo, #txtemailusuario, #txtnomeusuario, #txtrazaosocial {
	width: 450px; }
#pagina #corpo #conteudo .div_form form input#txttelefone, #txtcpf {
	width: 100px; }
#pagina #corpo #conteudo .div_form form input#txtcep, input#txtcodigo, .txtdata, #txttamanho, #txtadesao {
	width: 75px; }
textarea#txtemail {
	height: 40px; }
#pagina #corpo #conteudo .div_form form textarea#txtobservacoes, textarea#txtmensagem {
	height: 80px; }
input#txtusuario,input#txtsenha {
	width: 120px; }
#txtvencimento_dias, #txtvencimento {
	width: 30px; }
#txttipo {
	width: 200px; }
#txtcnpj, #txtie {
	width: 130px; }
#txtvalor, #txtespaco {
	width: 40px; }
input#txtnome, #pagina #corpo #conteudo .div_form form input#txtemail, #pagina #corpo #conteudo .div_form form input#txtddd, #pagina #corpo #conteudo .div_form form input#txttelefone, #pagina #corpo #conteudo .div_form form textarea#txtobservacoes,  #pagina #corpo #conteudo .div_form form input#txtendereco, #pagina #corpo #conteudo .div_form form input#txtbairro, #pagina #corpo #conteudo .div_form form input#txtcep, input#txtusuario, input#txtsenha, input#txtcodigo, input#txtassunto, textarea#txtemail, textarea#txtmensagem, .txtdata, #flelogo, #txtemail_remetente, #txtemail_protocolo, #txtvencimento_dias, #txttipo, #txtcnpj, #txtcpf, #txtie, #txtrazaosocial, #txtvalor, #txtvencimento, #txtespaco, #txtnomeusuario, #txtemailusuario, #txtadesao, #txtpalavrachave {
	background: url("../images/lo_bginputs.gif") top left no-repeat;
	border: solid 1px #AAA;
	margin: 3px 0 9px 0; }
#pagina #corpo #conteudo .div_form form select#cmbestado, #pagina #corpo #conteudo .div_form form select#cmbcidade, select#cmbpasta, .inputfiles, .txtdata, #cmbmes, #cmbano {
	border: solid 1px #AAA;
	margin: 3px 0 9px 0; }
.spaninput {
	margin: 3px 0 9px 0; }
.inputfiles, .txtdata {
	margin: 3px 0 0 0; }
.seltipo {
	width: 165px; }

#pagina #corpo #conteudo table {
	padding: 8px;
	border: solid 1px #EDEDED;
	margin-bottom: 6px;
	border-collapse: collapse;
	font: 11px Verdana, sans-serif;
	width: 100%; }
#pagina #corpo #conteudo table thead tr th, table#tabela_interacoes thead tr th {
	text-align: left;
	background-color: #e7edef;
	padding: 3px; }
#pagina #corpo #conteudo table#tb_clientes thead tr th {
	background: url("../images/lo_bg.gif") -3px center no-repeat #e7edef;
	padding-left: 15px;
	cursor: pointer; }
#pagina #corpo #conteudo table tbody tr td {
	border-top: solid 1px #EDEDED;
	padding: 3px; }
#pagina #corpo #conteudo table tbody tr td.vtop {
	vertical-align: top; }s
#pagina #corpo #conteudo table tbody tr td.tdcodigo {
	width: 45px; }
#pagina #corpo #conteudo table tbody tr td.tdnome {
	width: 230px; }
#pagina #corpo #conteudo table tbody tr td.tdacao {
	width: 39px;
	text-align: right; }
#pagina #corpo #conteudo table tbody tr td.tddata {
	width: 75px; }
#pagina #corpo #conteudo table tbody tr td.tdicones {
	width: 30px;
	text-align: center; }

#pagina #corpo #conteudo table#tb_pesquisar, #pagina #corpo #conteudo table#tb_novotipo {
	background: url("../images/lo_bgform.jpg") bottom repeat-x; }
#pagina #corpo #conteudo table#tb_pesquisar thead tr th {
	background-color: #f9f9f9; }
#pagina #corpo #conteudo table#tb_pesquisar thead tr th, #pagina #corpo #conteudo table#tb_novotipo thead tr th {
	background: url("../images/lo_icone_pesquisar.gif") -3px center no-repeat;
	padding-left: 15px;
	cursor: pointer; }
#pagina #corpo #conteudo table#tb_novotipo thead tr th {
	background-image: none;
	padding-left: 5px;
	cursor: default; }
#pagina #corpo #conteudo table#tb_pesquisar tbody tr td, #pagina #corpo #conteudo table#tb_novotipo tbody tr td {
	border-top: none;
	padding: 8px; }

#pagina #corpo #atalhos {
	margin-left: 700px; }
#pagina #corpo #atalhos a.botao {
	display: block;
	margin-bottom: 10px; }
#pagina #corpo #atalhos a.botao img {
	border: 0; }

#pagina #corpo #pastas {
	background: url("../images/lo_bgh2.jpg") top repeat-x;
	background-color: #FFFFFF;
	border: solid 1px #D2D3D2;
	padding: 8px;
	width: 170px;
	margin-left: 680px; }

#pagina #corpo #conteudo table#tb_pesquisar thead tr th.link_recolher {
	text-align: right;
	background: none;
	padding-right: 6px;
	font-weight: normal;
	color: #67859C; }

#pagina #corpo #conteudo h3 {
	background: url("../images/lo_bgh3_pagina.gif") top left no-repeat;
	padding: 6px 0 0 16px;
	font-size: 14px;
	height: 21px;
	*height: 27px;
	margin: -8px;
	margin-bottom: 8px; }
#pagina #corpo #conteudo h3.h3form {
	background: url("../images/lo_bgh3_form.gif") top left repeat-x; }
#pagina #corpo #conteudo h3 span {
	background-color: #FFFFFF;
	padding: 0 5px; }
#pagina #corpo #conteudo .mensagem_arquivo {
	font-size: 11px;
	margin-bottom: 12px; }
#pagina #corpo #conteudo .mensagem_arquivo .mensagem_arquivo_icone {
	float: left;
	margin-right: 12px; }
#pagina #corpo #conteudo .mensagem_arquivo .mensagem_arquivo_detalhes span {
	color: #999999; }

#pagina #corpo #conteudo table.informacoes, #pagina #corpo #conteudo table.informacoes td {
	border: none;
	font-size: 12px;
	vertical-align: top; }
#pagina #corpo #conteudo table.informacoes td.td1 {
	width: 150px; }
#pagina #corpo #conteudo table.informacoes td.tdlink {
	vertical-align: center; }

#pagina #corpo #conteudo table#permissoes thead tr th {
	text-align: center; }
#pagina #corpo #conteudo table#permissoes tbody tr td {
	text-align: center;
	width: 18%; }
#pagina #corpo #conteudo table#permissoes tbody tr td.secoes {
	text-align: left;
	width: 28%; }

#espacoemdisco {
	margin-top: 30px;
	text-align: center;
	font-size: 10px; }
#progressbar {
	margin: 5px 0;
	background: url("../images/lo_bgprogresso.gif") no-repeat #FFFFFF;
	width: 150px;
	height: 20px;
	*height: 22px;
	font-size: 10px;
	color: #4E4E4E;
	font-weight: bold;
	text-align: center;
	border: solid 1px #d2d3d2; }
#progressbar div {
	padding-top: 3px;
	width: 148px;
	height: 15px;
	*height: 20px;
	border: solid 1px #FFFFFF; }

span.auditoria {
	display: block;
	margin: 4px 0; }

th.thcod {
	width: 20px; }
th.thnom {
	width: 370px; }

table#tabela_interacoes thead tr th.th_icones { width: 25px; }
table#tabela_interacoes thead tr th.th_autor { width: 160px; }
table#tabela_interacoes thead tr th.th_acao { width: 39px; }
table#tabela_interacoes thead tr th.th_data { width: 155px; }
table#tabela_interacoes tbody tr td.td_acao { text-align: center; }
table#tabela_interacoes tbody tr.tr_cliente { background-color: #fafafa; }
table#tabela_interacoes small {color:#999;}

#pagina #corpo #conteudo table#tb_clientes thead tr th.th_icones { width: 25px; }
#pagina #corpo #conteudo table#tb_clientes thead tr th.th_semordem {
    background-image: none;
	background-color: #e7edef;
	padding: 3px;
	cursor: default; }

.ali_esq {
    text-align: right;
}


#interacoes_nova { margin: 10px 0 10px 100px; }

#btnenviar { margin-right: 10px; }

a.linkpasta {
    display: block;
    margin-left: -8px;
    padding: 2px 0 2px 8px;
    width: 178px;
}
a.pastaativa {
    font-weight: bold;
    background-color: #F3F3F3;
}
.destcliente {
	border: solid 1px #DDD; padding; padding: 5px; margin-bottom; margin-bottom: 9px; background-color: #FDFDFD; position: relative; }
.destcliente a {
	position: absolute;
	top: 0px;
	right: 5px;
}

#destaque {
	margin-top: 30px;
}
#destaque_cnt {
	position: relative; margin-top: 30px; overflow: hidden; width: 900px;
}
#slider2 .transicao {
	position: relative; height: 218px; width: 900px; float: left;
}
#slider2 .transicao h2 {
	width: 440px; font-size: 30px; font-weight: normal;
}
#slider2 .transicao p {
	width: 440px; font-size: 110%; margin-top: 20px;
}
#slider2 .transicao img {
	position: absolute; top: 0; right: 0;
}
#btnCadastro {
	position: absolute; bottom: 0; display: block; padding: 10px; background-color: #222; color: #FFF; font-weight: normal; text-transform: uppercase; width: 440px; text-align: center;
}
#lnkAnt {
	position: absolute; right: 380px; top: 97px;
}
#lnkProx {
	position: absolute; top: 97px; right: 8px;
}
#features {
	position: absolute; margin-top: 50px; text-align: center; height: 320px;
}
#i_features {
	position: absolute; background-color: #DDD; left: 0; height: 320px; width: 100%; margin-top: 50px;
}
#features_cnt {
	margin: auto; text-align: left; width: 900px;
}
#features_cnt .feat {
	background: url(http://icons.iconarchive.com/icons/webiconset/application/64/Settings-icon.png) 10px left no-repeat; padding-left: 70px; width: 170px; *width: 240px; float: left; margin-right: 60px; margin-bottom: 30px;
}

#menu_intro {
	position: relative;
	margin: 0;
	height: 20px;
/*	left: 630px;
	width: 270px;*/
	left: 610px;
	width: 290px;
}
#menu_intro a {
	display: block;
	float: left;
	padding: 7px 15px;
	background-color: #222222;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 80%;
	margin-left: 10px;
}