/* config */

*, html, body{margin:0; padding:0}

ul, li{list-style:none; list-style-type:none}

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

img{border:0}

body{font:normal 12px Arial; color:#000; overflow-x:hidden; overflow-y:auto; line-height:135%}

html {overflow-x:hidden; overflow-y:auto;}



/* Classes padrões */

.strong{font-weight:bold!important}

.normal{font-weight:normal!important}

.clear{clear:both}

.left{float:left}

.right{float:right}

.textleft{text-align:left!important}

.textright{text-align:right!important}

.textcenter{text-align:center!important}

.none{display:none}

.block{display:block}

.table{display:table}

.visible{visibility:visible}

.underline{text-decoration:underline!important}

.nodecoration{text-decoration:none!important}

.pointer{cursor:pointer!important}

.small{font-size:9px}

.linha{width:100%; height:1px; border-bottom:4px groove #D2D2E9}

.spacer{margin-left:20px}

.red{ color:#C00!important}

/******************************************************************************* [ ESTRUTURA ] *********************************************************************************/

.nopipe { float:left; }

.nopipe a { display:block; color:#2d446a; font-weight:bold; text-indent:5px; line-height:25px; }



/******************************************************************************* [ ESTRUTURA ] *********************************************************************************/

.contener { width:100%; height:auto;  }

.topo {width:100%; height:24px; background:url(../imagens/topo_01.jpg) repeat-x; overflow:hidden;}

.tools { background:url(../imagens/fundo_tools.jpg) repeat-x; width:100%; height:auto; overflow:hidden; }

.tools_interna { width:100%; height:auto; }

.contener_meio { padding:10px; margin:10px; width:96%; border:solid 4px #dfdfdf; background:url(../imagens/contener_meio.png) repeat-x bottom;}

.footer { position:fixed; width:100%; text-align:center; font-size:10px; bottom:0; background:#666d73; border-top:solid 1px #555; color:#FFF; }



/******************************************************************************* [ TOOLS ] *********************************************************************************/

.tools .ferramentas { margin-top:20px; padding:10px; height:10px; width:480px; float:right; font-size:12px; color:#FFF;} 

.tools .logo { width:173px; height:58px; margin-left:20px; margin-top:7px; float:left; background:url(../imagens/espaco_logo.jpg) no-repeat; }

.tools .logo h1{ margin-left:12px; padding:5px; width:160px; height:50px; text-align:center; font-size:12px; color:#FFF; background:url(../imagens/logo.png) no-repeat;}



/******************************************************************************* [ INTERNAS ] *********************************************************************************/

p.titulo { width:100%; height:auto; padding-top:25px; padding-left:10px; color:#eb5e00; font-weight:bold; font-size:14px; }

p.linha_horizontal { margin:10px; width:98%; height:1px; border-bottom:4px solid #D9D9D9;}

.contener .botao { margin-top:25px;  width:70px; height:20px; line-height:20px; background:url(../imagens/fundo_botao.jpg) repeat-x; margin-right:25px; border:solid 1px #CCCCCC; }

.contener .botao a.novo{ width:100%; color:#FFFFFF; margin-left:10px; display:block; background:url(../imagens/adicionar.png) no-repeat 80%; }

.contener .botao2 { width:120px; height:20px; line-height:20px; background:#FFF; color:#555; }

.contener .botao a:hover{ width:100%; text-decoration:underline; }

.contener .botao2 a.limpa{ width:120px; color:#FFFFFF; color:#555; }

.contener .botao a.novo:hover{ width:100%; text-decoration:underline; background:url(../imagens/adicionar_hover.png) no-repeat 80%; }

.contener .botao a.voltar { width:100%; color:#FFF; margin-left:10px; display:block; background:url(../imagens/voltar.png) 80% no-repeat; }

.contener .paginacao { width:60%; float:left; }

.contener .ativos { width:auto; float:left; }

.contener .filtro { width:20%; float:right; }

.contener .filtro .botao_filtro {width:90px; height:20px; line-height:20px; background:url(../imagens/fundo_botao.jpg) repeat-x; border:solid 1px #CCCCCC; }

.contener .filtro .botao_filtro a{ margin-left:5px; width:90px; color:#FFFFFF; display:block; background:url(../imagens/pesquisar.png) no-repeat 90%; }

.contener .filtro .botao_filtro a:hover{ width:90px; text-decoration:underline; background:url(../imagens/pesquisar_over.png) no-repeat 90%; }



/******************************************************************************* [ LISTAGENS ] *********************************************************************************/

.dados { width:100%; margin-top:10px; }

.dados ul.title { background:url(../imagens/titulo_tabela.jpg) repeat-x; border:solid 1px #CCC; width:100%; height:25px;}

.dados ul.title li.titulos { float:left; background:url(../imagens/pipe_listagem.jpg) no-repeat 100%;}

.dados ul.title li.titulos a{ display:block; color:#2d446a; font-weight:bold; text-indent:5px; line-height:25px; }

.dados ul.listagem { width:100%; border-left:solid 1px #CCC; border-right:solid 1px #CCC; border-bottom:dotted 1px #CCC; float:left; height:25px; }

.dados ul.listagem:hover { background-color:#E9E9E9; }

.dados ul.listagem li{ height:25px; float:left;}

.dados ul.listagem li.pipe{ text-indent:5px; line-height:25px; color:#2d446a; font-size:11px; background:url(../imagens/pipe_listagem.jpg) no-repeat 100%; font-family:Verdana, Arial, Helvetica, sans-serif;}

.dados ul.listagem li a.pipe{ display:block; text-indent:5px; line-height:25px; color:#2d446a; font-size:11px; background:url(../imagens/pipe_listagem.jpg) no-repeat 100%; font-family:Verdana, Arial, Helvetica, sans-serif; }

.dados ul.listagem li a.pipe:hover{ color:#6f8ec1; font-size:12px; }

.dados ul.result { height:25px; width:100%; border:solid 1px #CCCCCC; float:left;  }

.dados ul.result li { height:25px; text-indent:5px; line-height:25px; background:#FFF; }



/******************************************************************************* [ CLASSE DE ORDENAÇÃO ] *********************************************************************************/

.DESC{ background:url(../imagens/DESC.png) no-repeat 98%; }

.ASC{ background:url(../imagens/ASC.png) no-repeat 98%; }

 

/******************************************************************************* [ CORES ] *********************************************************************************/

.azulEscura { color:#36535b; }

.azulClaro { color:#e7efef; }

.laranja { color:#f1660b; }

.cor1 { background:#F6F6F6; }

.cor2{ background:#FFF; }

.TextoInterno { color:#2d446a; }

.ListagemDuasCores { color:#f6f6f6; }



/******************************************************************************* [ Caixa de Login ] *********************************************************************************/
.barra_entrada { background:url(../imagens/barra_login_inicial.jpg) repeat-x top; width:100%; height:100px; } 

.background_usuario { width:400px; height:200px; background: url(../imagens/send-user.png) no-repeat 8%; margin:0 auto; position:absolute;}

.logo_entrada { width:900px; margin:0 auto; }

.caixa_logo { width:250px; float:left;}

.caixa_texto { width:650px; height:100px; line-height:160px; text-align:center; font-family:tahoma; font-size:12px; text-indent:200px; color:#36535b; background: url(../imagens/Cadenas.png) no-repeat right; float:left; }

.barra_login { width:400px; height:30px; line-height:40px; text-indent:5px; font-family:Tahoma; font-size:16px; color:#36535b; font-weight:bold; margin:0 auto; }

.box_login { width:400px; height:160px; margin:0 auto; border-top:solid 2px #36535b; background:#F9F9F9; }

.box_login ul { width:220px; float:right; }

.box_login ul li { height:35px; line-height:25px; }

.box_login ul li.label { width:55px; font-size:14px; color:#36535b; }

.box_login ul li input.campo { height:25px; border:solid 1px #36535b; }

.box_login ul li input.botao { height:25px; border:0; background:#36535b; color:#FFF; line-height:25px; width:65px; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }

.contener_login { margin:0 auto; width:900px; background:#FFF; height:350px; padding-top:100px; }

.rodape { width:100%; background:url(../imagens/rodape_entrada.jpg) repeat-x; text-align:center; height:30px; line-height:30px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#555; }


/******************************************************************************* [ PAGINAÇÃO ] *********************************************************************************/

.paginacao ul { float:left; height:20px; width:90%; }

.paginacao ul li{float:left; width:25px; height:20px;}

.paginacao ul li.selecionada { border:solid 1px #333333; margin-right:5px; text-indent:8px; background:#F6F6F6; color:#2d446a; line-height:20px; font-size:10px; }

.paginacao ul li.opcoes { width:auto; color:#2d446a; float:left; line-height:20px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; }

.paginacao ul li a{float:left; width:20px; height:20px; color:#2d446a; }



/******************************************************************************* [ ATIVOS ] *********************************************************************************/

.ativos ul { height:20px; width:190px;; float:left; }

.ativos ul li { width:70px; float:left; color:#2d446a; line-height:20px; }

/******************************************************************************* [ HOME ] *********************************************************************************/
.conteudo_home { width:95%; color:#555; left:50%; margin-left:-49%; position:absolute; top:70px; text-align:left; }



/******************************************************************************* [ FILTRO ] *********************************************************************************/

.tudo a{ background-color: #000; filter:alpha(Opacity=50); -moz-opacity : 0.5; opacity: .5; position: absolute; top:0px; left:0px; z-index:5; width:100%; height:100%; display:none; }

#filter{ display:none;}

.filter{ display:none; width:400px; height:auto; background:#666d73; position:absolute; z-index:3; left:35%; padding:1px; }

#filter ul.barra_filtro { width:280px; background:url(../imagens/titulo_tabela.jpg) repeat-x; height:25px; color:#2d446a;}

#filter ul.barra_filtro li.filtro{ width:255px; line-height:25px; text-indent:5px; float:left }

#filter ul.barra_filtro li.fechar { width:25px; height:25px; float:left; }

#filter ul.contener_filtro{ margin-top:5px; margin-left:19px; width:255px; height:auto; float:left; background:#FFF; }

#filter ul.contener_filtro li{ float:left; padding:5px; color:#2d446a; margin-bottom:5px; line-height:24px;}

#filter ul.contener_filtro li input.box_form { width:180px; font-size:12px; border:solid 1px #f1660b; height:24px; line-height:24px; color:#555; }

#filter ul.buscar{ text-indent:200px; background:#FFF; padding-bottom:5px;}

#filter ul.buscar li input.botao_filtro { background:#f78235; color:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; border:0px; font-weight:bold; padding:3px; }

#filter ul.buscar li input.botao_filtro:hover { background: #FF3300; }



/******************************************************************************* [ Página de Cadastro ] *********************************************************************************/
file.box { height:25px; line-height:25px; border:solid 1px #DDD; color:#555;}

.box { height:25px; line-height:25px; border:solid 1px #DDD; color:#555;}

#form { left:50%; margin-left:-49%; position:absolute; top:195px; }

.form { width:95%; color:#555; font-size:14px; border:dashed 1px #36535b; background:#e7efef; padding:15px; }

.form ul { width:700px;  }

.form ul li { height:35px; line-height:28px; }

.form ul li.left{ width:120px; }

.form ul li select { border:0px; border:solid 1px #DDD; height:25px; color:#555; }

.form ul li input.box { height:25px; line-height:25px; border:solid 1px #DDD; color:#555;}

.form ul li input.botaoForm { background:#f1660b; color:#FFF; border:0px; height:25px; padding:5px; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }

.form ul li input.botaoForm:hover { background:#FFF; color:#f1660b; }

/******************************************************************************* [ Página de Logs do Sistema ]********************************************************************************/

.menuLog { width:180px; background:#FFF; }

.menuLog ul { width:180px; display:inline; }

.menuLog ul li { width:180px; height:25px; border-bottom:dotted 1px #173035; text-indent:5px; color:#555; list-style-position:inside; }

.menuLog ul li a { width:180px; height:25px; border-bottom:dotted 1px #173035; text-indent:5px; color:#555; display:block; list-style-position:inside;}

.menuLog ul li a:hover{ width:180px; height:25px; border-bottom:dotted 1px #FFF; background:#173035; text-indent:5px; color:#FFF; list-style-position:inside; }

.contenerLog { float:left; width:750px; margin-left:35px; height:auto; }

.contenerRelatorios { float:left; width:750px; margin-left:35px; height:auto; }

.contenerLog p { margin-bottom:15px; }

.contenerLog ul { background:#FFF; border-bottom:dotted 1px #555; width:750px; }

.contenerLog ul li { text-indent:15px; width:750px; line-height:25px; height:25px; }

.contenerLog ul li a{ display:block; }

.contenerLog ul li a div.excluir { background:url(../imagens/close.png) no-repeat left; width:25px; height:25px; float:right; }

/******************************************************************************* [ Caixa de Mensagens ] *********************************************************************************/

#mensagem { width:270px; display:none; border:solid 1px #e7efef; color:#555; margin-bottom:10px; background:#FFF; }

.loading { background: url(../imagens/loading.gif) no-repeat; width:270px; height:35px; }

.message { width:270px; height:35px; display:block; position:relative; background:#FFF; }

.alerta { background:url(../imagens/alerta.png) no-repeat 2%; height:35px; width:270px; line-height:35px; text-indent:35px; border:dotted 1px #C30; color:#C30; }

.ok { background:url(../imagens/ok.png) no-repeat 2%; height:35px; width:270px; line-height:35px; text-indent:35px; border:dotted 1px #393; color: #393; }