@charset "utf-8";
/* CSS Document */


/* Reset dos valores por defeito */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Fim do CSS reset */

/* Regras gerais*/
body{
    background: #f5f5f5;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #333;
}
h1 {
    font-size:14px;
    font-family:Verdana, Geneva, sans-serif;
    font-weight: bold;
    color: #333;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
}
h2 {
    font-size:14px;
    font-family: Verdana, Geneva, sans-serif;
    color: #333;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
}
h3 {
    font-size:12px;
    font-family:Verdana, Geneva, sans-serif;
    color: #333;
}
a{
    text-decoration: none;
    color: #333;
    font-weight: bold;
}
a:hover{
    color: #d3c;
}

.clearfix{
	clear: both;
}

/* Elementos comuns a todas as páginas */
/* Layout da página */
#page_wrapper{
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    border: solid 1px #bbb;
}
div#banner{
    display: block;
    width: 100%;
    height: 55px;
    margin: 10px 0;
/*background: url('../images/topo.jpg');*/
    background: #fff;
}
div#banner div#logo{
    float: right;
    padding: 2px;
    margin-right: 5px;
}
div#banner div#logo img{
    /*width: 150px;*/
}
/* Aviso de convidado */
div#banner p#aviso_guest{
	padding: 5px;
	font-size: 1.5em;
	display: block;
	margin-right: 200px;
	color: #881122;
	line-height: 22px;
	font-weight: bold;
}

#conteudo{
    min-height: 500px;
    clear: both;
    padding: 2px;
    margin: 10px;
}

/* Menu principal */
#top-menu{
    width: 100%;
    text-align: center;
    background: #e0e0e0  url(../images/menu.png);
    height: 28px;
    border-bottom: solid 1px #bbb;
    border-top: solid 1px #bbb;
}
#menu ul{
    list-style: none;
}
#menu ul li{
    float: left;
}
#menu ul li a{
    display: block;
    width: 105px;
    margin: 0 0 0 0;
    padding: 8px 2px;
    background: #e0e0e0 url(../images/menu.png);
    color: #555;
}
#menu ul li a:hover, #menu ul li a.current{
    color: #fff;
    background: #9c9c9c url(../images/menu_a.png);
}
#user_info{
    float:right;
    padding: 3px;
    margin-top: 5px;
}

/* sub-menu */
div#sub-menu{
    height: 27px;
    background-color: #f8f8f8;
    border-bottom: solid 1px #bbb;
    padding-top: 10px;
    padding-left: 10px;
}
div#sub-menu ul{
    list-style: none;
}
div#sub-menu > ul > li{
    float: left;
    margin-left: 2px;
    border-bottom: solid 1px #bbb;
}
div#sub-menu > ul > li > span.sub-menu{
    background: #eee url(../images/smenu.png);
/*    border: solid 1px #3c3c3c;*/
    border: solid 1px #aaa;
    border-bottom: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: block;
    text-align: center;
    color: inherit;
    padding: 7px 5px;
}
div#sub-menu > ul > li > span.sub-menu:hover{
/*    background-color: #3c3c3c;*/
	background: url(../images/smenu_a.png);
/*    color: #fff;*/
}
div#sub-menu ul li ul{
    display: none;
    position: absolute;
    background-color: #e8e8e8;
    border: solid 1px #bbb;
}
div#sub-menu > ul > li:hover > span + ul{
    display: block;
}
div#sub-menu > ul > li > ul > li > span.sub-menu{
    padding: 4px;
    display: block;
    cursor: pointer;
    color: #3c3c3c;
}
div#sub-menu > ul > li > ul > li span.sub-menu:hover{
    background-color: #3c3c3c;
    color: #FFF;
}
span.sub-menu{
    cursor: pointer;
}

div#sub-menu ul li span.sm-act{
/*    color: #fff;*/
    background: #3c3c3c url(../images/smenu_a.png);
}

/* Espaçamento entre parágrafos */
#conteudo p{
    margin-bottom:0.5em;
}

/* Elementos visuais dentro do conteúdo */
/* Botões e elementos de navegação */
.botao{
    cursor:pointer;
    color: #555;
    background: #e5e5e5 url(../images/smenu.png);
    text-decoration:none;
    padding: 3px 6px;
    border: 1px solid #bbb;
/*    border-radius: 5px;*/
}
.botao:hover{
    background: #f5f5f5 url(../images/smenu_a.png);
/*    color: #fff;*/
}
.link_falso{
/*    display:block;*/
    color: #444;
    text-decoration: none;
    cursor:pointer;
    font-weight: bold;
}
.link_falso:hover{
    color: #d3c;
/*    text-decoration:underline;*/
}
.botoes_form{
    text-align:center;
    display:block;
    clear:both;
}

.botoes_editor{
	text-align: center;
}
.botoes_editor .botao{
	margin: 2px;
}

/*.botao_peq{ Botão mais pequeno para ficar em linha com títulos
    cursor:pointer;
    	line-height:25px;
    color: #fff;
    background-color: #3c3c3c;
    text-decoration:none;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    font-size: 12px;
    border: thin solid #9c9c9c;
}
.botao_peq:hover{
    background-color: #369;
}
.botao_peq a{
    text-decoration:none;
    color:inherit;
}*/

/* Tabelas e outros elementos de listagem */    
table.listagem td, th {
    padding: 5px;
    margin: 0px;
}
table.listagem thead tr{
	border: solid 1px #bbb;
}
table.listagem thead tr th{
    border-bottom: solid 1px #bbb;
    margin: 0px;
    text-align: left;
    background: #e5e5e5;
	text-align: center;
}
table.listagem tr td{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #bbb;
    margin: 0px;
    color: #8a8a8a;
    font-size:11px;
}
table.listagem tr:hover{
    background-color: #eee;
}
/* Para tabelas com totais */
tfoot > tr.linha_total td{
    background-color: #3C3C3C;
    color: #FFFFFF;
    font-weight: bold;
}
table tfoot > tr > td.rotulo_total{
    text-align:right;
}
table.listagem > tfoot > tr.novo > td{
    border-bottom: none;
    height: 20px;
}
table.listagem > tfoot > tr.novo:hover{
    background-color: transparent;    
}

/* Elementos de formulários */
/* Validação */
.erro{
    border: solid #F00 thin;
}
.form_err{
    color:#f00;
    font-style:oblique;
    font-size:smaller;
    font-weight:bold;
    padding-left: 5px;
    clear:both;
    padding-bottom:10px;
}
.resValido{
    color:#00FF00;
}
.resInvalido{
    color:#FF0000;
}
.form_label{
    font-size: 10px;
    font-weight: bold;
}

.required:before{
    content:"*";
    color:#FF0000;
}

span.required{
    color:#F00;
}

/*Formatação dos campos de input*/
.submit, .input{
    border: solid 1px #bbb;
    padding: 1px 0;
    background-color: #f5f5f5;
}
.submit:hover, .submit:focus{
    background: #fff;
    border: solid 1px #000;
}
.input:hover, .input:focus {
    background: #ddd;
}

/* Elementos adicionais necessários em certas situações */
.destaque{ /* Para destacar nomes nos cabeçalhos */
    font-style:oblique;
}

.legenda{ /* Legenda com indicação da escala usada nas avaliações */
    background: #eee;
    padding: 2px 1px;
    font-weight:bold;
    text-align: center;
    color: #555;

    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: #9a9a9a;
    border-left-color: #9a9a9a;
    border-bottom-color: #9a9a9a;
    border-top-color: #9a9a9a;
}

/* Importação de dados */
#destino_dados{
    background-color:#039;
    border: thin solid #003;
}

/* Regras apenas para a página principal */
#left_panel{
    float: left;
    width: 350px;
    margin-top: 90px;
    padding: 10px;
}

#left_panel span#logo{
    text-align: center;
/*    border: solid 4px #948384;*/
    padding: 2px;
    display: block;
    margin: auto;
}

#left_panel h1{
    font-size: 28px;
    margin-left: 25px;
}

#sidePanel{
    float: left;
    width: 200px;
    height: 112px;
    border: solid 1px #bbb;
    margin-left: 100px;
    margin-top: 100px;
}
#sidePanel > h2{
	padding: 10px 0;
    text-align: center;
    font-weight: bold;
    background: #e5e5e5 url(../images/smenu.png);
    border-bottom: solid 1px #bbb;
}
#sidePanel p{
	text-align: center;
    padding-top: 10px;
    margin-left: 5px;
}
#sidePanel select{
	margin-left: 10px;
}
#sidePanel p#pBtnRelAnual{
	margin-top: 7px;
}

#botoes_accao{
    float: right;
    margin-top: 45px;
    margin-right: 0;
/*    border: solid 1px #bbb;
    background: #eee;*/}

#botoes_accao #right_1, #botoes_accao #right_2{
    float: left;
    width: 280px;
}

#botoes_accao button{
    display: block;
    background: #d8d8d8 url(../images/smenu.png);
    border: solid 1px #bbb;
    float: left;
    width: 200px;
    height: 40px;
    margin: 20px 20px;
    font-weight: bold;
    cursor: pointer;
    color: #555;
}

#botoes_accao button:hover, #botoes_accao a:hover{
    background: #999 url(../images/smenu_a.png);
}