/* ------------------------------- 1 reset ------------------------------*/
* {margin:0; padding:0; list-style:none; text-style:none; text-decoration:none!important;}
body {padding-bottom:10px; text-align:center; background:#EEE; cursor: default!important;}
img, img a{border:0}
body, p, select, input, textarea, ul, ol, dl, h1, h2, h3, h4, h5, h6, a, div, span, label, legend, button, b, head, footer, option{text-transform: uppercase;!important;}
/* ------------------------------- 2 tipografia ------------------------------*/
body, p, input, select, textarea, ul, ol, dl {font: 13px/1.6em Arial, Helvetica, sans-serif;color: #333; text-transform: uppercase;}
p {margin-bottom: 6px; text-align:left;}
p strong {font-weight: bold; color:;}
h1, h2 {line-height: 1.8em; margin-bottom:8px; text-align:left;}
h1 {
	font-size: 22px;
	color: #22A282;
	margin: 10px 12px 6px 10px;
	border-bottom:1px dotted #AAA;
}
h1 strong {color:;}
h2 {font-size: 20px; color:#15428B;  border-bottom:;}
h2 strong {color:;}
h3 {font-size: 18px; line-height: 1.5em; margin-bottom:8px; text-align:left; color:;}
h3 strong {color:;}
h4 {font-size: 16px; line-height: 1.3em; margin-bottom:8px; text-align:left; color:;}
h4.subtitulo {font-size: 1.4em; font-weight: bold; line-height: 1em; color: #555; margin-top: -16px; margin-bottom: 8px;}
h5, h6 {font-size: 14px; line-height: 1.3em; font-weight:bold; margin-bottom:6px; text-align:left; color:;}
.texto, #rodape p {padding:8px;}
#rodape p {color:;}
a:link, a:visited {color:#396;}
a:hover {text-decoration:underline;}
.clear {clear:both}
.cl {clear:left}
.cr {clear:right}
input, select, textarea{ text-transform: uppercase; }
/* ------------------------------- & estrutura ------------------------------*/
#barra {
	background-color: #004600;
	height:50px;
}
#barra #texto {width: 960px; margin: 0 auto; height:40px;}
p#seguro {float:left; background: transparent url(/images/seguro.png) no-repeat 0 0; display:block; height:34px; line-height:2.8em; padding-left:30px; margin-top:7px; color:#FFF;}
p#sair a{float:right; background: transparent url(/images/sair-sistema.png) no-repeat 0 0; display:block; height:33px; width: 134px; margin:7px 30px 0 0;}
p#sair a:hover {background: transparent url(/images/sair-sistema.png) no-repeat 100% 100%;}
p#sair a span {display:none}
#bg {background: url(/images/bg-body.jpg) repeat-x; width:100%; height:100%;}
p#sair a {background: }
#corpo {
	position: relative;
	width: 960px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align:left;
}
#topo{
	position:relative;
	width: 100%;
	height:201px;
	margin: 0 auto;
	background:url(/images/topo.jpg) no-repeat;
}
#logo {float:left; width: ; height: ; z-index:100}
#banner{
	width: ;
	height:;
	float:left;
	clear:both;
}
#conteudo {
	position:relative;
	width: 960px;
	clear:both;
	margin-top:10px;
}
#rodape {
	height: 60px;
	clear:both;
	margin: 0 auto;
	background: ;
}
/* ------------------------------- & boxes ------------------------------*/
.box, .boxb, .boxbb, .boxc, .boxcc, .boxd, .boxdd, .boxddd, .boxe, .boxee, .boxf, .boxff {position: relative; _display:inline;}
.box p, .boxb p, .boxbb p, .boxc p, .boxcc p, .boxd p, .boxdd p, .boxddd p, .boxe p, .boxe-single, .boxee p, .boxf p, .boxff p {margin-left: 6px; margin-right:6px;}
.box, .boxb, .boxc, .boxd, .boxe, .boxf {float: left; margin: 6px 0 6px 6px;}
.boxbb, .boxcc, .boxdd, .boxddd, .boxee, .boxff {float: right; margin: 6px 6px 6px 0;}
.boxddd {margin: 6px;}
.box  {width: 98%;} /* em 960: 941px */
.boxb, .boxbb {width: 48%;} /* em 960: 461px */
.boxc, .boxcc {width: 63%;} /* padrão modificado */
.boxd, .boxdd, .boxddd, .boxdabs {width: 32%;} /* padrão modificado */
.boxe, .boxee {
	width: 730px;
	background:#FFF;
} /* ~65%*/
.boxf, .boxff {width: 200px;} /* ~32% */
#menuFixo {position:relative;}

/*--------------------------------- menu em accordeon ----------------------------------*/
ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}
ul#menu a {
  display: block;
  text-decoration: none;
}
ul#menu li { margin-top: 1px;}
ul#menu li a {
  background: #39D5AE;
  color: #000;
  padding: 0.5em 0.5em 0.5em 35px;
  font-weight:bold;
}
ul#menu li#home a{background: #39D5AE url(images/home.png) no-repeat 0 0;}
ul#menu li#cadastros a{background: #39D5AE url(images/cadastros.png) no-repeat 0 0;}
ul#menu li#cadastrosAuxiliares a {background: #39D5AE url(images/cadastros-auxiliares.png) no-repeat 0 0;}
ul#menu li#financeiro a{background: #39D5AE url(images/financeiro.png) no-repeat 0 0;}
ul#menu li#ordens a{background: #39D5AE url(images/ordens.png) no-repeat 0 0;}
ul#menu li#relatorios a{background: #39D5AE url(images/relatorios.png) no-repeat 0 0;}
ul#menu li#diversos a{background: #39D5AE url(images/diversos.png) no-repeat 0 0;}
ul#menu li a:hover {background-color: #1F9477;}

ul#menu li ul li a {
  background: #ccc!important;
  color: #000;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}

ul.menuAux li a:link, ul.menuAux li a:visited{padding-left: 1.3em; text-align: left; background: url(/images/06.gif) no-repeat 0 50%; color: #093;}
ul.menuAux li a:hover {color: #F90;}
/* ------------------------------- & formularios ------------------------------*/
form.basico {
	padding: 5px;
	width:700px;
	margin:0;
}
.basico fieldset {
	margin: 7px;
	padding : 10px;
	padding-top:0;
	border: 1px solid #B5B8C8;
}
.basico legend {
	font-size: 17px;
	color: #063;
	font-weight: 900;
	padding: 0 9px;
}

.basico div {margin-bottom:3px; width:290px; heigth:61px;}

.basico div.fl {float:left; clear:left; height: 61px}
.basico div.fr {float:right; clear:right; height: 61px}
.basico div.x {margin-bottom: 12px} /* especifico para ajuste da div do nome do associado... */

.basico div.flUf, .basico div.mini,
.basico div.flCep, .basico div.pequeno,
.basico div.medio, .basico div.grande, .basico div.gigante, .basico div.full, .basico div.triplo {float:left; height: 61px;}

.basico div.flCep {margin-top:1px;}
.basico div.flCep {width:145px;}
.basico div.pequeno {width:165px;}
.basico div.flUf, .basico div.mini {width:120px;}
.basico div.medio {width:300px;}
.basico div.grande {width:450px;}
.basico div.gigante {width:520px;}
.basico div.full {width:630px;}
.basico div.triplo {width:220px;}

.basico fieldset label {
	float: none;
	text-align: inherit;
	width: auto;
}

.basico label {
	color: #000;
	font-size:1.1em;
	float:left;
}

.basico input, .basico select, .basico textarea {
	display : block;
	margin-bottom: 5px;
}

.basico .text, .basico .select, .basico input.mini, .basico input.pequeno, .basico input.medio, .basico input.grande, .basico input.gigante, .basico input.triplo, .basico input.full, .basico select.mini, .basico select.pequeno, .basico select.medio, .basico select.grande, .basico select.gigante, .basico select.triplo, .basico select.full, .basico textarea.full{
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF;
}
.basico .text {width: 250px;} /* ajustes de tamanho */
.basico select.text, .basico select.select {width: 260px;}
.basico select {height: 32px;}

.basico input.mini {width: 77px;} /*85px*/
.basico input.pequeno{width: 129px;} /*137px*/
.basico input.medio {width: 289px;} /*297px*/
.basico input.grande {width: 435px;} /*443px*/
.basico input.gigante {width: 505px;} /*513px*/
.basico input.full {width: 624px;} /*632px*/
.basico input.triplo {width: 187px;} /*195px*/

.basico select.mini {width: 87px;} /*95px*/
.basico select.pequeno {width: 139px;} /*147px*/
.basico select.medio {width: 299px;} /*307px*/
.basico select.grande {width: 445px;} /*453px*/
.basico select.gigante {width: 515px;} /*523px*/
.basico select.full, .basico textarea.full {width: 634px;} /*642px*/
.basico select.triplo {width: 197px;} /*205px*/

.marginEsq {margin-left:20px} /* para ajustes nas novas divs acima */

.basico .destaqueNome { /* especifico para o campo nome do associado, funcionário, dependente...*/
	width: 625px;
	height: 30px;
	color: #555;
	font-weight: bold;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF;
}

.basico .destaqueEntidade,.basico .destaqueDescricao {
	width: 625px;
	height: 20px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF;
}

.basico .difUf{
	width: 110px !important; /* ajuste de tamanho da UF */
}
.basico .difCep{ /* ajuste de tamanho do CEP e outros */
	width: 130px;
}

.basico .difEndereco{ /* ajuste de tamanho do endereço*/
	width: 625px;
}

.basico textarea {
	width: 250px;
	height:70px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF;

}
.basico .infos {
	background: #FFF;
	color: #333;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
}

.basico .checkbox, .basico .radio {
	display: inline;
}

.basico button.botaoForm {
	background: transparent;
	border:0;
	width:180px;
	height: 60px;
	float:right;
	margin: 20px;
	display:block;
	cursor:pointer;
}

.basico .submit {
	background: url('/img/form/button-bg.png') repeat-x;
	border: 1px solid #AAA;
	padding: 4px;
	margin-top: 20px;
	float: right;
	text-decoration: none;
	cursor:pointer;
}

.basico hr {
	clear: both;
	visibility: hidden;
}

.basico .fc-error {
	width: 350px;
	color: 555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-bottom: 15px;
	background: #FFEAEA;
}
.basico button.novoCadastroIndex {background:#FFF; border:none; cursor:pointer;}


.sexy-titulo-error{
    font-size:18px;
    font-weight:bold;
    color:red;
}

.sexy-titulo-info{
    font-size:18px;
    font-weight:bold;
    color:#0000FF;
}

.sexy-titulo-confirm{
    font-size:18px;
    font-weight:bold;
    color:#0000FF;
}

.sexy-titulo-alert{
    font-size:18px;
    font-weight:bold;
    color:#FF6F00;
}

#loading{
    visibility:hidden;
    position: fixed;
    top: 0;
    margin: 0 auto;
    z-index: 999;
    width: 100%;
}

#loading #conteudoLoading{
    margin: 0 auto;
    background-color: #030;
	border:2px solid #FFF;
	color: #FFF;
    width: 160px;
}

.tooltip{
    background-color:#FFE066;
    left:45px;
    padding:5px;
    position:relative;
    top:-90px;
    visibility: hidden;
    cursor: pointer;
    font-weight: bolder;
}

.tooltip img{
    float:left;
    left:10px;
    position:relative;
    top:0;
}

.tooltip div{
    padding:0px;
    margin:0px;
}

#select_tipo_pessoa{
    float: left;
    width: 300px;
}

#select_tipo_classificacao{
    float: left;
    width: 300px;
}

#dataTable tbody tr td img{
    cursor: pointer;
}

#checkUsuarios input{
    display: inline;
}

#checkUsuarios ul{
    margin-left: 20px;
}

.numDependentesGrid{
    color:#1E6299;
    font-size:9px;
    margin-left:-2px;
}

.numNdependentesGrid{
    color:#5B5B5B;
    font-size:9px;
    margin-left:-2px;
}

#divCat{
    float: left;
    width: 180px;
    margin-right: 10px;
}

#divCat p{
    text-align: center;
    font-size: 14px
}

#divCat select, #divCat input{
 width: 100%;
}

#divUnidadesCat{
    float: left;
    width: 180px;
    margin-right: 10px;
}

#divUnidadesCat p{
    text-align: center;
    font-size: 14px
}

#divUnidadesCat select, #divUnidadesCat input{
 width: 100%;
}

#divUnidades{
    float: left;
    width: 180px;
    margin-right: 10px;
}

#divUnidades p{
    text-align: center;
    font-size: 14px
}

#divUnidades select,#divUnidades input {
 width: 100%;
}

#divControlesUnidades{
    float: left;
    width: 25px;
    margin-right: 10px;
    text-align: center;
    margin-top: 160px;
}
/* ------------------------------- & tabs ------------------------------*/
ul.tabs {margin:0 !important; padding:0; z-index:2; height:30px; border-bottom:6px solid #39D5AE}
ul.tabs li {position: relative;	bottom: 0;	float: left; padding: 6px 18px 4px; margin: 0px 2px 0px 0px; font-weight: bold; font-size: 1em; list-style:none !important; cursor: pointer; background-color: #DDD; color:#999;}
ul.tabs li:hover, ul.tabs li.current {background-color:#39D5AE; color:#FFF;}
div.panes {background-color: #EFEFEF; clear: both;}
div.panes div p{color: #333;}

/* ------------------------------------------------------------- */
.right{
    text-align: right;
}

input#id_ordem, input#data_emissao, input#valor_comprometido, input#saldo_disponivel, input#competencia_inicial{
    text-align: right;
}
#inforCadastro {display:block; margin:6px 0 6px 0; border: 1px solid #BBB; padding:8px 2px; width:630px!important}
#inforCadastro span {padding-left:5px; font-size:1.1em}
.esquerdo {float:right; margin-right: 30px; margin-bottom:8px}
#filtrosAdicionais{width:667px;}
#campoInfo { padding: 5px; border: 1px solid #BBBBBB; width: 250px; font-weight: bold; }
#id_tipo_servico { width:196px}

.bold{
	font-weight: bold;
}

/* Tooltip auditoria */
#tooltip {
    position:absolute;
    z-index:9999;
    color:#000;
    font-size:10px;
	background: #fcff96;
	border: solid 1px #dbdb81;
	padding: 5px;
	text-align: left;
}