/*HTML Reset
----------------------------------------*/
body, h1, h2, h3, h4, h5, p, form {
margin:0;
padding:0;
border:0;
}
.aviso {
padding:5px;
margin:5px;
cursor:pointer;
padding-right:14px;
background:url(../imagens/xvermelho.png) no-repeat top right;
clear:both;
background-color:#FFFF99;
border:1px solid #F93;
}
/*ATRIBUTOS GERAIS
-----------------------------------------*/
body {
font-family:Tahoma, Geneva, Verdana, sans-serif;
font-size:12px;
color:#666;
background:white;
line-height:140%;
margin:0 auto;
padding:0;
}

h1, h2, h3, h4 {
font-family:Tahoma, Geneva, Verdana, sans-serif;
line-height:120%;
color:#333;
}
h1 {
display:block;
font-size:20px;
letter-spacing:0px;
font-weight:normal;
margin:15px 0 15px 0;
}

h2 {
display:block;
font-size:18px;
letter-spacing:0px;
padding-bottom:6px;
margin:15px 0 15px 0;
border-bottom:1px dashed #999999;
font-weight:normal;
}
h3 {
font-size:15px;
margin:20px 0 10px 0;
font-weight:normal;
letter-spacing:0px;
}
h4 {
font-size:14px;
margin:20px 0 10px 0;
font-weight:normal;
letter-spacing:0px;
}

.titulo {
text-align:left;		
border-bottom:1px dashed #cdcdcd
}
.titulo h1 {
float:center;
text-align:right;
width:50%;
padding:16px 0 0 0;
margin:0;
}
.abreTodos {
display:block;
float:left;
width:20%;
padding:20px 0 0 0;
margin:0;
}

p {
margin:10px 0;
}

ul, ol  {
margin:15px;
padding-left:20px;
}
ul li, ol li {
margin-bottom:5px;
}

form ul, form ol {
list-style:none;
margin:0;
padding:0;
}
form ul li, form ol li{
margin-bottom:5px;
list-style:none;
}

blockquote {
font-style:italic;
background:#efefef;
padding:1px 5px;
}

blockquote p {
margin:5px auto;
}

img {
border:none;
}

.clear {
clear:both;
height:0;
margin:0;
padding:0;
_margin-bottom:-20px;
}

.separador {
clear:both;
height:0;
margin:0 0 10px 0;
padding:0;
_margin-bottom:-10px;
border-top:2px solid #AAAAAA;
}

a:link, a:visited {
color:#0000ff;	
}
a:hover, a:active {
text-decoration:none;
}

.grande {
font-size:16px;
}
.pequeno {
font-size:10px;
}
.centralizado {
text-align:center;
}
.erro {
color:#ff0000;
}
.ultimo {
_margin:0;
}

/*FORMULÁRIOS e TABELAS
-------------------------------------------*/
.coluna_form {
width: 100%;
padding-right:2%;
margin:5px 0;
}


/*INSTRUÇÕES PARA INPUT:
Uma vez que a maior parte das tags de input tem o nome "input", variando apenas o "type", para não haver confusão, a cada uma deverá ser atribuída uma classe específica. Text = text, radiobutton = radio, checkbox = check. Select e textarea não vão precisar de classe.
-------------------------------*/
input[type=text], input[type=password], select, textarea {
padding:3px 3px;
height:16px;
font-size:12px;
font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
border:1px solid #e6e6e6;
color:#666;
background:#fff;
vertical-align:middle;
width:96%;
}
.text, select {
padding:3px 3px;
height:16px;
font-size:12px;
font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
border:1px solid #e6e6e6;
color:#666;
background:#fff;
vertical-align:middle;
width:96%;
}

select {
height:26px;
vertical-align:middle;
}

textarea {
height:auto;
vertical-align:middle;
}

/*TABELAS - RELATORIOS
-------------------------------------------*/
.relatorioTitulo {
background:#59B3D9;/*ELEMENTO EDITÁVEL*/
min-height:15px;
padding:2px 8px 4px 8px;
font-size:14px;
color:white;
margin-bottom:1px;
vertical-align:middle;
}
.relatorioTitulo span, .relatorioRodape img {
float:right;
cursor:pointer;
}
.relatorioTitulo strong {
float:left;
vertical-align:middle;
}
.relatorioRodape {
height:10px;
background:url(../imagens/relatorio_rodape_bg.gif) repeat-x;
border-top:4px solid #999;
/* margin-bottom: 20px; */
padding:5px 8px 0 8px;
}
table.relatorios {
font-size:11px;
color:#666;
margin:0px auto 2px auto;
}
table.relatorios th {
background:#666;
text-align:center;
color:white;
font-size:12px;
}
table.relatorios td {
height:35px;
background:#eee;
margin-bottom:1px;
border-bottom:1px solid white;
}

tr.pago td {
color:#009900;
font-style:italic;
}
tr.visto td {
color:#009900;
}
tr.proxVenc td strong {
color:#f00;
}
tr.vencido td {
color:white;
font-weight:bold;
background:#FF4A4A;
}

#wrapper {
padding:0;
background:url(../imagens/wrapper_bg.jpg) repeat-x white;
}

#largura {
max-width:100%;
min-width:780px;
overflow:hidden;
margin:0 auto;
}

#corpo {
overflow:hidden;
padding-left:200px;
}

/*TOPO
-------------------------------------------*/
#barra_topo {
height:35px;
width:99,5%;
background:#333C59; /*ELEMENTO EDITÁVEL*/
font-weight:normal;
color:#FFFFFF;
font-size:13px;
padding:5px 0px 0 10px;
margin:0;
vertical-align:middle;
}
#barra_topo span {
	float:right;
}

#cabecalho {
height:105px;
width:100%;
border-bottom:4px solid #999;
/* background:url(../imagens/cabecalho_bg.jpg) no-repeat top left; */
position:relative;
}

#dados {
float:right;
padding-right:30px;
margin:25px 0 0 0;
text-align:right;
}

.cliente {
margin-bottom:30px;
}
.acoes a:link, .acoes a:visited {
color:#666;
}

.acoes img {
vertical-align:middle;
}

.logotipo {
font-size:25px;
font-weight:bold;
position:absolute;
top:0;
left:15px;
}

/*COLUNA
-------------------------------------------*/
#coluna {
float:left;
display:inline;
margin:0 0 0 -200px;
width:190px;
min-height:364px;
padding:10px 5px 0 0;
}

/*MENU AREA RESTRITA - LOGADO
-----------------------------*/
#menuLogado {
display:block;
width:190px;
margin:0 auto 20px 0;
font-family:Tahoma;
padding:0;
}

#menuLogado li {
display:block;
margin-bottom:1px;
width:100%;
height:41px;
}

#menuLogado li a:link, #menuLogado li a:visited {
display:block;
font-size:12px;
color:white;
text-align:left;
background-color:#999;
background-image:url(../imagens/ico_sprite.gif);
background-position:0px -168px;
background-repeat:no-repeat;
text-decoration:none;
padding:13px 0 0 25%;
margin:0;
width:74%;
height:28px;
}
#menuLogado li a:hover, #menuLogado li a:active, #menuLogado li a.ativo:link, #menuLogado li a.ativo:visited {
background-color:#59B3D9; /*ELEMENTO EDITÁVEL*/
}

#menuLogado li a.condominio {
background-position:0px 0px;
}
#menuLogado li a.folhaPagto {
background-position:0px -42px;
}
#menuLogado li a.escritaFiscal {
background-position:0px -84px;
}
#menuLogado li a.contabilidade {
background-position:0px -126px;
}
#menuLogado li a.erp {
background-position:0px -168px;
}
/*LEGENDA
-----------------------------*/
.legenda {
width:92%;
padding:5px;
margin:10px 0 25px auto;
list-style:none;
background:#f5f5f5;
}
.legenda img, .legenda label {
vertical-align:middle;
}
.legenda li {
margin:10px 0;
}

.legenda a:link, .legenda a:visited {
color:#666;
}

/*CONTEUDO
-------------------------------------------*/
#conteudo {
width:100%;
overflow:hidden;
float:right;
}

.conteudo_frame {
padding:0 10px 20px 20px;
}

/*RODAPE
-------------------------------------------*/
#rodape {
margin:0 auto;
max-width:100%;
min-width:780px;
background:url(../imagens/rodape_bg.jpg) repeat-x;
height:65px;
border-top:4px solid #ccc;
}
#rodape_logo {
height:65px;
/* background:url(../imagens/rodape_logo_bg.jpg) no-repeat top right; */
float: left;
width:186px;
margin-left: 10px;
font-size:11px;
}
#rodape_logo span {
	font-weight: bold;
	font-size: 12px;
}
#rodape_logo a:link, #rodape_logo a:visited {
color:#666666;
}
#w2o {
width:150px;
padding-top:15px;
text-align:center;
font-size:11px;
float: right;
}

/*LOGIN
-------------------------------------------*/
.login #cabecalho {
background:url(../imagens/cabecalho_login_bg.jpg) no-repeat top center;
text-align:center;
}
.login .logotipo {
position:relative;
left:0;
}
.login #corpo {
width:100%;
padding:0;
}
.login #conteudo {
width:450px;
margin:0 auto;
text-align:center;
float:none;
}

#login {
width:80%;
margin:10px auto 25px auto;
text-align:left;
font-size:12px;
color:#666;
font-weight:bold;
}

#login li {
margin:10px auto;
}

#login .text {
height:20px;
padding-top:5px;
}

#bt_entrar:link, #bt_entrar:visited {
display:block;
background:url(../imagens/bt_entrar.gif) no-repeat top center;
width:143px;
text-align:center;
text-transform:uppercase;
font-family:"Trebuchet MS";
color:white;
text-decoration:none;
font-size:15px;
padding-top:9px;
height:32px;
}
#bt_entrar:hover {
background:url(../imagens/bt_entrar_hover.gif) no-repeat top center;
}
#bt_entrar:active {
background:url(../imagens/bt_entrar_active.gif) no-repeat top center;
padding-top:11px;
height:30px;
}
.filtro {
width:100%;
height:25px;
background:#FFF68F;
padding:5px;
}

#menuLogado2 {
display:block;
width:268px;
margin:0 auto 20px 0;
font-family:Tahoma;
padding:0;
}
#menuLogado2 li {
display:block;
margin-bottom:1px;
width:100%;
height:41px;
}
#menuLogado2 li a:link, #menuLogado2 li a:visited {
display:block;
font-size:12px;
color:white;
text-align:left;
background-color:#999;
background-image:url(../imagens/ico_sprite.gif);
background-position:0px -168px;
background-repeat:no-repeat;
text-decoration:none;
padding:13px 0 0 25%;
margin:0;
width:74%;
height:28px;
}
#menuLogado2 li a:hover, #menuLogado2 li a:active, #menuLogado2 li a.ativo:link, #menuLogado2 li a.ativo:visited {
background-color:#59B3D9; /*ELEMENTO EDITÁVEL*/
}
#menuLogado2 li a.condominio {
background-position:0px 0px;
}
#menuLogado2 li a.folhaPagto {
background-position:0px -42px;
}
#menuLogado2 li a.escritaFiscal {
background-position:0px -84px;
}
#menuLogado2 li a.contabilidade {
background-position:0px -126px;
}
#menuLogado2 li a.erp {
background-position:0px -168px;
}
#menuLogado2 ul.subMenu {
	margin: 0 0 5px 0;
	padding: 0;
	list-style: none;
}
#menuLogado2 ul.subMenu li {
	height: auto;
	width: 250px;
	clear: both;
}
#menuLogado2 ul.subMenu li a {
	background: none;
	background-color:#999;
	list-style: none;	
	padding: 0;
	height: auto;
	margin: 0;
	width: 250px;
	padding-left: 15px;
}
#menuLogado2 ul.subMenu li a:hover,#menuLogado ul.subMenu li a.ativo {
	background-color:#59B3D9;	
}
#conteudo2 {
width:95%;
overflow:hidden;
float:right;
}