/*
Estrtutura obrigatória do documento:
*/
/* links */
a:link, a:visited, a:hover, a:active { /* font-weight: bold; */ }
a:link { text-decoration: none; color: #069; } /* azul */
a:visited { text-decoration: none; color: #069; } /* azul */
a:hover { text-decoration: underline; }
a:active { text-decoration: underline; color: #900; } /* vermelho */
/* elementos estruturais de todo o site */
html {
font: normal 9pt/12pt Verdana, Helvetica, Arial, sans-serif;
background-color: #ffffff;
color: #000000;
}
img { border: none; }
table { border-collapse: collapse; }
abbr { border-bottom: 1pt dotted #666; cursor: help; }
sup { vertical-align: super; }
tt { font-family: "Lucida Sans Typewriter", "Courier New", Courier, monospace; }
.quote em { font-style: normal; }
acronym { cursor:help; border-bottom-style:solid; border-bottom-width:0px; border-bottom-color:white }
select, input, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: #FFFFFF; border: 1px solid gray; margin-bottom: 5px}
select.selected, input.selected, textarea.selected { background-color: #efefef; }
label { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: normal}
fieldset { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; border: 1px solid #006699; padding: 5px 15px 5px 15px; color:#006699; background-color: #BBDDFF}
/* classes gerais */
.page-wide { width: 100%; }
.page-wide-peq { width: 95%;}
.display { text-align: center; vertical-align: middle; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; white-space: nowrap; }
.float-left { float: left; padding-right: 2em; padding-bottom: 1ex; }
.float-right { float: right; padding-left: 2em; padding-bottom: 1ex; }
.clear-right { clear: right; }
.clear-all { clear: both; }
.wrap-ok { white-space: normal; }
.pre { white-space: pre; }
.ok { }
.label,
.required { text-align: right; vertical-align: baseline; white-space: nowrap; }
.required { color: #900; }
.highlight { color: black; background: yellow; }
.action { font-size: 80%; }
.indent { text-indent: 2em }
.quote {
font-style: italic;
margin-bottom: 0;
padding-bottom: .5ex;
}
#masthead,
#main,
#bottomlinks {
width: 99%; /* cater to 800x600 windows */
margin-left: 5px; /* offset from LH window border */
}
/* Formatação do masthead */
#masthead table,
#masthead tr,
#masthead td,
#masthead form { margin: 0; padding: 0; border: 0; }
/* #masthead table { border-collapse: collapse; } */
#masthead .page-id { background: transparent; }
#masthead .breadcrumb,
#masthead .login { font-size: 8pt; padding-bottom: .5ex; }
#masthead .breadcrumb { text-align: left; }
#masthead .login { text-align: right; }
#masthead .graphic { background: black; vertical-align: middle; }
#masthead .nav {
background: #C1DAFF; /* #d51a00; */
color: navy;
height: 4ex;
vertical-align: middle;
font-weight: bold;
}
#masthead .links {
font-size: 90%;
vertical-align: middle;
text-align: left;
padding: .5ex .5em;
}
#masthead .search {
vertical-align: middle;
text-align: right;
}
#masthead input {
font-size: 8pt;
line-height: 10pt;
}
#masthead a:link,
#masthead a:visited,
#masthead a:hover,
#masthead a:active {
color: navy;
font-weight: bold;
}
#masthead a:hover,
#masthead a:active {
text-decoration: underline;
color: #990000;
}
/********************************** header formatting **********************************/
#menu h1,
#calendar h1,
#content h1,
#content h2,
#content h3 {
margin: 0 0 0 10px;
font-weight: bold; color: #C88E17;
}
#menu h1,
#calendar h1,
#content h1 {
font-weight: normal;
font-size: 125%;
line-height: 125%;
font-style: normal;
padding-top: 2ex;
margin-top: 0;
margin-bottom: 4ex;
}
#menu h1 {
margin-left: 5px;
color: black;
}
#calendar h1 {
text-align: center;
color: black;
}
#content h2 {
font-weight: normal;
font-size: 110%;
line-height: 110%;
font-style: normal;
margin-top: 4ex;
margin-bottom: 2ex;
/* border-top: 1pt solid #f00; /* bug: 1pt line won't show unless ^N */
}
#content h3 {
font-weight: normal;
font-size: 100%;
line-height: 150%;
font-style: italic;
margin-top: 2ex;
margin-bottom: 1ex;
}
/******************************** calendário */
#calendar .month {
font-weight: bold;
padding-top: 1ex;
}
#calendar .day {
vertical-align: top;
text-align: right;
padding-right: .5em;
width: 5em;
}
#calendar .event {
vertical-align: top;
padding-right: .5em;
}
#calendar h1 {
margin-left: 10px;
margin-bottom: 0;
}
#calendar table {
font-weight: normal;
font-size: 8pt;
line-height: 12pt;
font-style: normal;
margin: 0 0 0 10px;
}
#calendar th,
#calendar td {
font-size: 8pt;
}
#calendar th {
text-align: left;
padding-top: 2ex;
}
#calendar .date {
text-align: right;
}
/************************************ menu formatting */
#menu{
padding: 6px 4px 0px 4px;
background-color: #D9EEFF;
}
#menu table{
width: 100%;
white-space: nowrap;
}
#menu .item {
font-family: Verdana;
font-size: 11px;
font-weight:bold;
color: #0099cc;
}
#menu .item a {
color: #0099cc;
text-decoration: none;
padding:8px 10px 2px 10px;
}
#menu .item a:hover {
color: white;
background-color: #0099cc;
}
#menu .item_sel {
background-color: #AAD5FF;
font-family: Verdana;
font-size: 11px;
font-weight:bold;
color: navy;
padding:8px 10px 0.5em 10px;
}
#menu .item_sel a{
text-decoration: none;
color: navy;
}
#menu .item_sel a:hover {
color: white;
}
/*********************************** nav formatting */
/* #nav { font-size: 10pt; } */
#nav p, #nav table {
margin: 5px 2px 2px 5px;
}
#nav table {
border-collapse: collapse;
/* border: 0px solid black; */
}
#nav th,
#nav td {
font-size: 9pt;
padding: .5ex .2em .5ex .5em;
border: 1px solid navy;
}
#nav .opcao{
padding-left: 15px;
background: #DFEFFF;
color: white;
}
#nav .cabec{
background: #C1DAFF;
}
#nav .current{
color:white;
background: #6699FF;}
#nav .current_opcao{
padding-left: 15px;
color:white;
background: #6699FF;
}
#nav .current a,
#nav .current a:hover,
#nav .current_opcao a,
#nav .current_opcao a:hover{
color: white;
text-decoration: none;
}
#nav a {
color:navy;
}
#nav a:hover,
#nav a:active {
text-decoration: none;
color:#990000;
}
/************************************** content formatting */
#plain { background: white; }
#plain p {margin: 0 20px 1ex 20px; }
#plain table {
border: none;
margin: 0 10px 1ex 10px;
}
#plain td,
#plain th {
font-size:11px;
font-family: Verdana;
padding: 2px 5px 2px 5px;
}
#plain table th {
white-space: nowrap;
border: none;
}
#plain table td.titulo {
font-size:16px; font-weight:bold;
}
#plain td.displaycaption {
font-weight:bold;
}
#tab_cliente{
background:navy;
font-family:Verdana;
font-size:10px;
color:white;
font-weight:bold;
padding:2px 10px 4px 10px;
border-bottom:1px solid #CC9900}
#content {
border-left: 200px solid white;
background: #FFFFFF;
}
.tabelas#content {
border-left: 0px solid white;
background: #AAD5FF;
}
#content p {margin: 0 20px 1ex 20px; }
#content ul,
#content ol,
#content dl {
font-weight: normal;
line-height: 110%;
font-style: normal;
margin: 0 0 0 0;
}
#content dt,
#content dd,
#content li {
margin: 0;
}
#content dd p,
#content li p {
margin-left: 20px;
}
#content dt {
font-style: italic;
}
#content table.listagem {
width: 95%;
margin: 0px 0px 0px 20px;
border-collapse: collapse;
}
#content td,
#content th {
font-size:11px;
font-family: Verdana;
padding: 2px 5px 2px 5px;
}
#btn_inserir { height: 25px;
width: 50px;
background-image: url(/imagens/inserir.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding: 5px 0px 5px 0px;
}
a:hover#btn_inserir {text-decoration:none}
div.botao_hint { position:absolute;
width:700px; height:25px;
z-index:1; visibility: hidden;
left: 20px; font-family: Verdana;
font-size: 11px; font-weight: bold; color:#3366cc
}
div.hint_btn {
position:relative;}
.hint_btn a {
font-size: 11px;
font-family: Arial,Verdana,Helvetica,sans-serif;
color: #000000;
text-decoration: none;
}
}
.hint_btn a:hover {
font-size: 11px;
font-family: Arial,Verdana,Helvetica,sans-serif;
color: #000000;
border: 0px solid #666666;
}
.hint_btn a span {
display:none;
}
.hint_btn a:hover span {
text-decoration: none;
display: block;
position: absolute;
top: 25px;
left:0px;
padding: 1px 5px 0px 5px;
color:#333333;
background:#fffff0;
font-size: 11px;
border:1px solid #cc9900;
text-align:center;
}
div.detalhe {
font-size:10px;
border-bottom: 1px solid gray;
height: 30px;
width: 180px;
background-image: url(/imagens/fundo_painel.jpg);
background-repeat: no-repeat;
background-position: bottom
}
div.camadaoculta {
position:absolute;
height:20px;
visibility: hidden;
}
#content .titulo {
font-size:11px;
font-family: Verdana;
padding: 2px 5px 2px 5px;
font-weight: bold;
color: white;
border-top: 1px solid #CC9900;
border-bottom: 1px solid #CC9900;
background: #6699cc;
text-align:center;
}
#content th {
background: #E0E0E0;
font-weight: bold;
vertical-align: bottom;
border-bottom: 1px solid #CC9900;
color: gray;
}
#content .impar{ background:#F0F8FF; }
#content .par{ background:#F8F8F8; }
#content .total{ background:#ffffff; font-weight:bold; color:blue; }
#content td {
border: 1px solid #DDEEFF;
vertical-align: middle;
}
#content tr,
#content td {
border: 1px solid #DDEEFF;
border: none;
vertical-align: middle;
}
#content table.input td.wrap-ok {
white-space: normal;
}
#content table.instrucao {
background: transparent;
border-top: 1px solid #CC9900;
border: 0 0 0 0;
margin: 0 40px 1ex 40px;
}
#content p.working {
background: yellow;
border: 2px dashed black;
}
#content p.question { font-weight: bold; }
#content p.question:before { content: "Q: "; }
#content p.answer { }
#content p.answer:before {
content: "A: ";
}
#content .callout {
font: italic 150%/125% "Times New Roman", Times, serif;
padding: 1ex 2em 1ex 2em;
}
#content .callout em { font-style: normal; }
/* positioning */
div#main { position: relative; height: 100%; background: white; }
div#bottomlinks { position: relative; }
div#calendar { background: #ddd; float: right; }
#calendar table {width: 300px }
div#nav {/* background: lightblue; */
position: absolute;
top: 2ex;
left: 0;
width: 170px;
height: 100%;
z-index: 2;
background: transparent;
}
#nav table {width: 170px;}
div#bottomlinks {position: relative;}
/******************************************** bottom formatting */
#bottomlinks {
font-size: 8pt;
line-height: 10pt;
border-top: 1px solid silver;
padding-top: 2ex;
}
#bottomlinks table {
width: 95%;
margin-left: 0;
font-size: 90%; /* should inherit from #bottomlinks, but doesn't on IE5.5 */
}
#bottomlinks td {
vertical-align: middle;
}
#bottomlinks td.logo {
text-align: center;
}
#bottomlinks td.content {
text-align: left;
padding-left: 20px;
}
#bottomlinks td.w3c {
text-align: right;
}
#bottomlinks .nav {
vertical-align: top;
margin-bottom: 1ex;
}
#bottomlinks p {
margin-top: 0;
margin-bottom: 0;
}