/* Elementos gerais */

body{
font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
background-color: #f9f9f9;
color:#333;
font-style: normal;
background-image: url(../images/bodybg2.gif);
background-repeat: repeat-x;
font-size:0.75em;
width:99%;
}
p, li{
color:#333;
}
a:link, a:hover, a:visited, ul.li a{
color: #0099ff
}
a:link, a:visited{
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
ul.li{
list-style-type: none;
}
.right{
text-align:right;
}

/* Cabeçalho */

#header{
text-align:right;
height:40px;
}
#header p{
color:#ccc;
margin-right:50px;
margin-top:8px;
}
#header a{
color:#eee;
}

/* Conteúdo */

#conteudo{
margin-top:10px;
}

/* Menu */
#navmenu{
text-align:center;
}
#navmenu img{
margin-bottom:10px;
}
.blocomenu{
background-color: #ffffff;
border: 1px #e3e3e3 solid;
margin-bottom:15px;
}
.blocomenu ul li{
list-style-type: none;
text-align:left;
}
.blocomenu h1{
font-size:1.1em;
height:25px;
width:100%;
padding-top:8px;
font-weight: bold;
background-repeat: no-repeat;
border-bottom: 1px #e3e3e3 solid;
background-color:#f1f1f1;
color:#4A75A9;
background-position: +3px center;
text-align:center;
}
.blocomenu ul{
width:100%;
margin:0;
padding:0;
}
.blocomenu ul li{
}
.blocomenu ul li a{
display:block;
padding-top: 5px;
padding-left: 10px;
padding-bottom: 5px;
padding-right: 10px;
}
.blocomenu ul li a:hover{
background-color:#dcf1f8;
}
.blocomenu ul li a.menuativo{ /*Classe para o menu ativo */
background-color:#f9f9f9;;
}

/*  Principal - coluna esquerda */

#principal{
padding-top:20px;
overflow:hidden;
}
#principal h1{
font-size:1.8em;
font-style: oblique;
color:#444;
background-repeat: no-repeat;
background-position: +3px center;
padding-left:30px;
}
.aplicacao{
border: 1px #ccc solid;
margin-top:-20px;
margin-left:-30px;
}
.topoaplic{ /*Topo da parte da aplicação, que indica a ação */
background-image: url(../images/h2bg.png);
background-repeat: repeat-x;
height:39px;
border-bottom: 1px #eee solid;
}
.topoaplic h2{ /*Título do topo da parte da aplicação, que indica a ação */
background-image: url(../images/aplicbg.gif);
background-repeat: no-repeat;
background-position: 10px 5px;
padding-left:50px;
font-size:1.3em;
font-weight: bold;
color:#444;
padding-top:5px;
}
.entrada{
font-size:1.4em;
margin-left:20px;
margin-top:10px;
}

/* Forms */
/* Classes para definir a largura dos campos - utilizada dentr4o da div.linha */
.linha{padding:10px;}
.campo-100{ /* 100% da área*/ width:98%}
.campo-80{ /* 80% da área*/ width:76%; display:inline-block;margin-right:10px;}
.campo-70{ /* 70% da área*/ width:65%; display:inline-block;margin-right:10px;}
.campo-50{ /* 50% da área*/ width:48%; display:inline-block;margin-right:10px;}
.campo-30{ /* 30% da área*/ width:31%; display:inline-block;margin-right:13px;}
.campo-25{ /* 25% da área*/ width:23%; display:inline-block;margin-right:10px;}
.campo-20{ /* 20% da área*/ width:18%; display:inline-block;margin-right:10px;}
.campo-15{ /* 15% da área*/ width:13%; display:inline-block;margin-right:10px;}
.campo-10{ /* 15% da área*/ width:8%; display:inline-block;margin-right:10px;}
/* Classes para os títulos */
.tcampo{
display:block;
width:100%;
color:#00364f;
font-weight: normal;
font-size:1.1em;
}
.campos{
width:100%;
height:20px;
border: 1px #eee solid;
font-size:1.2em;
padding:3px;
}
select{
width:100%;
height:28px;
border: 1px #eee solid;
font-size:1.2em;
padding:3px;
position:relative;
top:1px;
}
textarea{
border: 1px #eee solid;
width:90%;
height:100%;
}
input:focus, textarea:focus, select:focus {
border:1px solid #ccc;
background-color: #ffffcc;
}
input.erro, textarea.erro, select.erro {
border: 1px #cc0000 solid;
background-color: #fff8e4;
}
label.erro{
color:#cc0000;
}
input.adicionar{
width:70px;
height:22px;
display:inline-block;
background-image: url(../images/adicionarbg.gif);
background-repeat: no-repeat;
background-position: center;
border:none;
color:#fff;
text-align:center;
vertical-align:middle;
padding-bottom:3px;
}
.listaarquivos li{
list-style-type: none;
background-image: url(../images/listaarquivosbg.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left:20px;
margin-bottom:3px;
}
input.check{
color:#00364f;
}
.interno{
background-color: #f1f5f8;
border: 1px #ddd solid;
width:95%;
margin-bottom:10px;
margin-left:20px;
}
.avulso{
margin-top:15px;
margin-left:10px;
font-weight: bold;
margin-bottom:5px;
}
.botoesinternos{
text-align:right;
margin-right:20px;
margin-bottom:10px;
}
.salvar, .excluir{
border:none;
background:none;
text-decoration: underline;
font-weight: bold;
padding:0;
margin-right:5px;
margin-left:5px;
}
.salvar{
color:#222;
border-bottom:1px solid #222;
}
.excluir{
color: #cc0000;
border-bottom:1px solid #cc0000;
}
.naoalteravel{background-color: #f9f9f9;}
.addinterno{
margin-left:20px;
font-size:1.2em;
font-weight: bold;
color:#0066ff;
border:none;
background:none;
margin-bottom:15px;
}
.botoes{
text-align:right;
margin-right:20px;
margin-bottom:10px;
}
.botoes input{
border:none;
color:#fff;
font-weight: bold;
padding:0;
margin-right:5px;
margin-left:5px;
background-repeat: no-repeat;
background-position: center center;
padding-bottom:4px;
display:inline-block;
width:116px;
height:28px;
}
.botoes2{
text-align:right;
margin-right:-20px;
margin-bottom:10px;
}
.botoes2 input{
border:none;
color:#fff;
font-weight: bold;
padding:0;
margin-right:5px;
margin-left:5px;
background-repeat: no-repeat;
background-position: center center;
padding-bottom:4px;
display:inline-block;
width:116px;
height:28px;
}
.cinzaclaro{background-image: url(../images/cinzaclarobg.gif);
}
.cinzaescuro{background-image: url(../images/cinzaescurobg.gif);
}
.azulescuro{background-image: url(../images/azulescurobg.gif);
}
.azulclaro{background-image: url(../images/azulclarobg.gif);
}

/* Tabelas e Tabulações (falsas tabelas) */

.centralizado{
text-align:center;
}
.listacadastro{
margin-left:20px;
}
.item{margin-bottom:20px;}
.itemcadastrado{
font-size:1.1em;
background-image: url(../images/cadastrados.png);
background-repeat: no-repeat;
height:22px;
padding-left:25px;
margin-bottom:0px;
}
.opcoes{margin-left:20px;}
.opcoes a{
margin-left:10px;
margin-right:10px;
font-weight: bold;
}
/* Comandos nos itens das tabelas */
.editar, a.editar{color:#222;}
.adicionar, a.adicionar{color: #6699ff;}
.desativar, a.desativar{color: #ff0000;}
.green{color:#090;}
.ver, a.ver{
color:#222;
background-image: url(../images/ver.png);
background-repeat: no-repeat;
padding-left:20px;
height:19px;
display:inline-block;
}
/* Tabelas com divs e spans */
.tabela{
width:95%;
margin-left:20px;
margin-right:10px;
margin-bottom:15px;
}
.linhatab{
width:100%;
margin-bottom:3px;
padding:2px;
vertical-align:top;
}
.linhatab span{
vertical-align:top;
}
.titulo{
border-bottom: 1px #666 solid;
color:#666;
font-weight: bold;
}
.cinza{background-color: #ddd;}
.cinza2{background-color: #aaa;}
.coluna-100{
width:100%;
display:inline-block;
}
.coluna-50{
width:49%;
display:inline-block;
margin-right:2px;
}
.coluna-30{
width:32.5%;
display:inline-block;
margin-right:2px;
}
.coluna-25{
width:24%;
display:inline-block;
margin-right:3px;
}
.coluna-20{
width:19.5%;
display:inline-block;
margin-right:0px;
}
.coluna-16{
width:16%;
display:inline-block;
margin-right:1px;
}
.coluna-14{
width:13.8%;
display:inline-block;
margin-right:0px;
}
.coluna-12{
width:12%;
display:inline-block;
margin-right:0px;
}
.coluna-10{
width:9.4%;
display:inline-block;
margin-right:0px;
}
.coluna-5{
width:5%;
display:inline-block;
margin-right:0px;
}

/* Relatórios */
.linkback{
font-style: normal;
font-weight: bold;
font-size:0.6em;
margin-left:20px;
}
.conteudorelatorios{
border:none;
background:none;
}
.titulorelatorios{
border-bottom: 1px #666 solid;
color:#666;
font-weight: bold;
}
.verde, .vermelho, .amarelo{font-weight: bold;}
.verde{color: #006600;}
.vermelho{color: #ff0000;}
.amarelo{color: #ff9900;}

/* Rodapé */

#rodape{
margin-top:20px;
text-align:right;
}

/* Login */

form#loginform{
margin-left: 8px;
padding: 16px 16px 40px 16px;
font-weight: normal;
-moz-border-radius: 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 5px;
background: #fff;
border: 1px solid #e5e5e5;
-moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;
-webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
-khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
box-shadow: rgba(200,200,200,1) 0 4px 18px;
}
form#loginform .forgetmenot{
font-weight:normal;
float:left;
margin-bottom:0;
}
#loginform p.submit input {
font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
padding: 3px 10px;
border: none;
font-size: 12px;
border-width: 1px;
border-style: solid;
-moz-border-radius: 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
cursor: pointer;
text-decoration: none;
margin-top: -3px;
text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
}
#login form p {
margin-bottom: 0;
}
#login form label {
color: #777;
font-size: 13px;
}
#login form form .forgetmenot label{
font-size: 11px;
line-height: 19px;
}
#loginform .submit input{float: right;
border-color: #298cba !important;
font-weight: bold;
color: #FFF !important;
background: #21759B url(../images/button-grad.png) repeat-x scroll left top;
}	
#loginform .submit input:active {
background: #21759b url(../images/button-grad-active.png) repeat-x scroll left top !important;
}
#login form form p {margin-bottom: 24px;}
#login h1{text-align:center;padding-right:25px;}
#login h1 img{
padding-bottom: 15px;
text-align:center;
}
#nav {
text-shadow: rgba(255,255,255,1) 0 1px 0;
}
#backtoblog a{
position: absolute;
top: 7px;
left: 15px;
text-decoration: none;
}
#login { width: 320px; margin: 10px auto; }
#login_error, .message {
margin: 0 0 16px 8px;
border-width: 1px;
border-style: solid;
padding: 12px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#nav { margin: 0 0 0 8px; padding: 16px; }
#user_pass, #user_login, #user_email {
font-size: 24px;
width: 97%;
padding: 3px;
margin-top: 2px;
margin-right: 6px;
margin-bottom: 16px;
border: 1px solid #e5e5e5;
background: #fbfbfb;
}
.error, #login #login_error {
background-color: #ffebe8;
border-color: #c00;
}
.message {background-color: #ffffe0; border-color: #e6db55;
}
#principal .error, #principal .message{
margin:10px;
}
div.menuabas{
text-align:center;
margin-top:10px;
margin-bottom:10px;
border-bottom: 2px #ccc solid;}
div.menuabas a{
display:inline-block;
width:120px;
height:30px;
background-image: url(../images/aba.png);
background-repeat: no-repeat;
background-position: center center;
text-align:center;
color:#333;
font-size:1em;
padding-top:7px;
font-weight: bold;
margin-left:5px;
margin-bottom:-4px;
}
div.menuabas a.aba-ativa{background-image: url(../images/aba-ativa.png);}
#relatorioinconformidades{margin:10px;}
#relatorioinconformidades h5{margin-bottom:0px;}
.bolder{font-weight: bold;}
.paginacao{text-align:right;}

/*adicionado por Cristiano*/

/*accordion*/
a.caixa {
	font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #4A75A9;
	background-color: #eee;
	text-align: left;
	border: 1px #e3e3e3 solid;
	background-image: url("../images/accordion/AccordionTab0b.gif");
}
a:hover.caixa  {
	background-color: white;
	border: 1px #e3e3e3 solid;
	background-image: url("../images/accordion/AccordionTab2b.gif");
}
a.selected.caixa {
	color: black;
	background-color: #80cfe2;
	border: 1px #e3e3e3 solid;
	background-image: url("../images/accordion/AccordionTab2b.gif");
}
/*fim do accordion*/

/*menu*/
.itensmenu{
	margin-top:5px;
}

.blocomenu ul li span{
display:block;
padding-top: 5px;
padding-left: 10px;
padding-bottom: 5px;
padding-right: 10px;
color:#0099ff;
cursor:pointer;
}

.blocomenu ul li span:hover{
background-color:#dcf1f8;
text-decoration:underline;
color: #333399;
}

.blocomenu ul li span.menuativo{ /*Classe para o menu ativo */
background-color:#f5f5f5;;
}
/* fim menu */

/*form*/

.coluna-85{
width:82%;
display:inline-block;
margin-right:2px;
}
.coluna-80{
width:78%;
display:inline-block;
margin-right:2px;
}
.coluna-70{
width:66%;
display:inline-block;
margin-right:2px;
}
.coluna-60{
width:59%;
display:inline-block;
margin-right:2px;
}

#columnleft
{
float:left;
width:250px;  
margin : 10px;
padding-left: 10px;
padding-right:40px;
}
#columnright
{
float:left;
width:200px;
height:200px;	  
margin : 10px;
padding: 20px;
}
#showData 
{
background: #f4f4f4;
border : gray 1px solid ;
padding: 10px;
margin:5px;
height : 450px;
width : 400px;		
overflow-X:hidden;
overflow:auto;
}
.arvore{
overflow:hidden;
}
.limpa{
clear:both;
}
.tipolink{
font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
color:#0099ff;
}

/* Títulos dos menus e do conteúdo principal */
#principal h1.painel{
background-image: url(../images/h1painelbg.png);
}
#principal h1.questionarios{
background-image: url(../images/h1questbg.png);
}
#principal h1.clientes{
background-image: url(../images/h1clientesbg.png);
}
#principal h1.usuarios{
background-image: url(../images/h1usuariosbg.png);
}
#principal h1.relatorios{
background-image: url(../images/h1relatoriosbg.png);
}

.right{text-align:right;}

/* Página Elástica dos relatórios */

.elatico{
width:100%;
margin-left:20px;
}

.coluna-200px{
width:200px;
display:inline-block;
}
.coluna-150px{
width:150px;
display:inline-block;
margin-right:2px;
}
.coluna-100px{
width:100px;
display:inline-block;
margin-right:2px;
}
.coluna-75px{
width:75px;
display:inline-block;
margin-right:3px;
}
.coluna-50px{
width:50px;
display:inline-block;
margin-right:0px;
}
.coluna-25px{
width:25px;
display:inline-block;
margin-right:1px;
}

.elastico #principal h1.relatorios{
background-image:none;
}

#conteudo.elasticointerno{
margin-top:0px;
}

.elastico #principal .topoaplic h2{
background-image:none;
}

.fundoverde{background-color: #00ff00;}
.fundovermelho{background-color: #ff0000;}
.fundoamarelo{background-color: #ffff33;}
.fundoazulescuro{background-color: #00ccff;}
.fundoazulclaro{background-color: #ccffff;}



/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
	/*background: #333333;*/
	background-color: #00006C; /*#cc9999;*/
	color: #CCCCCC;
	line-height: normal;
	height: 80px;
margin-left: -10px;
margin-top: -10px;
}

#ja-header {
	position: relative;
	height: 80px;
}

.ja-headermask {
	width: 602px;
	display: block;
	/*background: url('../images/header-mask2.png') no-repeat top right;*/
	height: 80px;
	position: absolute;
	top: 0;
	right: -1px;
}

.ja-headermask img {
	padding-left: 180px;
        padding-top: 5px;
}

#ja-header a {
	color: #CCCCCC;
}

h1.logo, h1.logo-text {
	margin: 0 0 0 0px;
	padding: 0;
	font-size: 180%;
	text-transform: uppercase;
}

h1.logo a {
	width: 700px;
	display: block;
	background: url(../images/logo.png) no-repeat;
	height: 64px;
	position: relative;
	z-index: 100;
	left: 30px;
	top: 30px;
}

h1.logo a span {
	position: absolute;
	top: -1000px;
}

h1.logo-text a {
	color: #CCCCCC !important;
	text-decoration: none;
	outline: none;
	position: absolute;
	bottom: 40px;
	left: 5px;
}

p.site-slogan {
	margin: 0;
	padding: 0;
	padding: 2px 5px;
	color: #FFFFFF;
	background: #444444;
	font-size: 92%;
	position: absolute;
	bottom: 20px;
	left: 0;
}

#logo_fjp {
	padding-right: 5px;
	width: 268px;
	height: 60px;
	background-image: url(../images/logo_fjp.png); 
	background-repeat:  no-repeat;
	position: absolute;
	/*bottom: 15px;*/
	top: 5px;
	right: 5px;
}

.ponteiro{
cursor: pointer;
}


.nada{
text-decoration: none;
}