@charset "iso-8859-1";
@import "reset.css";
@import "fonts.css";

body {
    padding: 10px;
    /* text-shadow:0 1px 0 rgba(0, 0, 0, 0.7);*/
}

form label {
    display: block;
}

p label {
    float: left;
    width: 120px;
    clear: both;
    vertical-align: middle;
}

em {
    font-family: Verdana;
    font-size: 110%;
    font-weight: bold;
    color: red;
    padding-top: .2em;
    padding-right: 1em;
    vertical-align: middle;
}

label.limite {
    font-family: Verdana;
    font-size: 95%;
    font-weight: bold;
    color: navy;
    padding-right: 1em;
    vertical-align: top;
}

.titulo    {
    font-family: arial, helvetica, clean, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: black;
    padding-bottom: 0px;
    position: relative; /* absolute */
    top: 0px; /* 17px */
}

.box2Titulo    {
    font-family: arial, helvetica, clean, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: black;
    padding: 0px;
    padding-bottom: 7px;
    position: relative; /* absolute */
    top: -5px; /* 17px */
}

.titulo_login    {
    font-family: arial, helvetica, clean, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: black;
    padding: 0px;
    padding-bottom: 7px;
}

.numerico {
    border: 1px solid #909090;
    background-color: #ECF5FF;
    margin-top: 1px;
    margin-bottom: 6px;
    text-align: right;
}

.semBorda {
	border: none;
	border-color: transparent;
}

.negrito {
    font-weight: bold;
}

img.logout {
    position: absolute;
    top: 109px;
    right: 24px;

}

/* ----------------------------------------------------------------------------*/

/* configurações da linha e cabeçalho */

table {
    width: 100%;
}

table.media {
    width: 59%;
    border: 0;
    cellspacing: 0;
    cellpadding : 0;
}

table.media2 {
    width: 20%;
    border: 0;
    cellspacing: 0;
    cellpadding : 0;
}

table td, table th {
    /* bordas da colunas (td) e cabeçalhos (th) das tabelas (grids)*/
    border: 1px solid #aaa;
    border-collapse: collapse;
    padding: 0px;
}

td.coluna {
    /* removida a borda e aplicada na tela de login, menu, título, estrutura_principal */
    border: 0px solid #aaa;
}

td.coluna_icones {
    width: 3%;
    /* padding: 0px;*/
    text-align: center;
    vertical-align: middle;
}

td.coluna_icones2 {
    width: 6%;
    /* padding: 0px;*/
    text-align: center;
    vertical-align: middle;
}

td.coluna_icones3 {
    width: 2%;
    /* padding: 0px;*/
    text-align: center;
    vertical-align: middle;
}

td.coluna_opcoes1 {
    width: 7%;
    text-align: center;
    vertical-align: middle;
}

td.coluna_opcoes2 {
    width: 10%;
    text-align: center;
    vertical-align: middle;
}

td.coluna_opcoes3 {
    width: 7%;
    text-align: left;
    vertical-align: middle;
}

td.coluna_opcoes4 {
    width: 90px;
    text-align: center;
    vertical-align: middle;
}

td.coluna_opcoes5 {
    width: 10%;
    text-align: left;
    vertical-align: middle;
}

th.coluna_icones {
    text-align: center;
    vertical-align: middle;
}

th.coluna_opcoes1 {
    width: 6%;
    text-align: center;
    vertical-align: middle;
}

th.coluna_opcoes2 {
    width: 10%;
    text-align: center;
    vertical-align: middle;
}

th.coluna_opcoes3 {
    width: 7%;
    text-align: left;
    vertical-align: middle;
}

th.coluna_opcoes4 {
    width: 8%;
    text-align: center;
    vertical-align: middle;
}

th.coluna_opcoes5 {
    width: 9%;
    text-align: left;
    vertical-align: middle;
}

table td a {
    text-decoration:none; /* tirar a linha debaixo dos links (das listas e menu)*/
    color:#55C;
}

table thead th {
    background-color: #5E94C3; /* #55C; /* cor do fundo do cabeçalho da tabela (das listas)*/
    color: #FFFFFF;
}

table thead th a {
    color: #FFFFFF; /* cor da fonte do cabeçalho da tabela*/
}

table tfoot {
    background: #ddd;
}

/* ----------------------------------------------------------------------------*/

tr.even {
}

tr.odd {
    background: #ececec;
}

tr.over {
    background: navy;
    border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    color: #000000;
    cursor: pointer;
    cursor: hand; /* IE 5.5 non-compliant workaround */
}

tr.even:hover {
    background: #D1DFEA;
}

tr.odd:hover {
    background: #D1DFEA;
}

tr.over:hover {
    background: #D1DFEA;
}

/* inicio - configuração das abas externas */
ul.submenu li {
    display: inline;/* tornar a linha horizontal*/
}
/* configuração dos links-itens*/
ul.submenu li a {
    border-top:0.1em solid #fff;
    border-right:0.1em solid #909090;
    border-bottom:0.1em solid #909090;
    border-left:0.1em solid #fff;
    padding: 4px;
    padding-top: 3px;
    padding-bottom:0px;
    background-color:#98C3f0; /* cor do fundo*/
    text-decoration:none;
    color: #FFFFFF; /* cor do texto*/
}
/* qdo a aba estiver ativa*/
ul.submenu  a:active{
    background: #FFFFFF;
    color: #606060;
    border-color:#000 #98C3f0 #98C3f0 #000;
}
/* fim - configuração das abas externas */

iframe.page {
    border: none;
    border: 2px solid #98C3f0;
    width: 99%; /* 740px; */
    height: 4000px;
}

/* inicio - forms dos cadastros */
ul.abas li {/* configuração para as abas*/
    display: inline;
    border: 1px solid #333333;
    border-bottom: 1px solid white;
    padding: 3px 4px 0 3px;
}
ul.abas li a {
    color:#000000; /* cor do texto qdo a aba estiver ativa */
    text-decoration: none;
}
/* configurações para as abas inativas*/
ul.abas li.inativo {
    border: 1px solid #FFFFFF;
    border-bottom: 1px solid black;
    background: #55C;
}
ul.abas li.inativo a{
    color: #FFFFFF;/* cor do texto qdo a abas estiver inativa*/
    text-decoration: none;
}
/* fim - forms dos cadastros */

/* local onde abrem os forms dos cadastros*/
/* para ativo*/
fieldset {
    padding: 10px;
    border: 1px solid  #333333;
}
/* para inativo*/
fieldset.inativo {
    display: none;
}

/* inicio - estilos dos campos nos formulários - campo texto dos cadastros */

input.campo {
    /*display: block;*/ /* Coloca os campos abaixo alinhados à esquerda */
    margin-top: 0px;/* margem superior do campo*/
    margin-bottom: 3px;/* margem inferior do campo*/
    margin-right: 1px;
    border: 1px solid #909090;
    background-color: #ECF5FF;
    text-transform: uppercase;
}

textarea.campo {
    /*display: block;*/ /* Coloca os campos abaixo alinhados à esquerda */
    margin-top: 0px;/* margem superior do campo*/
    margin-bottom: 3px;/* margem inferior do campo*/
    margin-right: 1px;
    border: 1px solid #909090;
    background-color: #ECF5FF;
    text-transform: uppercase;
}

input.campoEmail {
    text-transform: lowercase;
}

label.error {
    display: inline; /* tornar a linha horizontal*/
    float: none;
    color: red;
    padding-left: .5em;
    vertical-align: top;
}

/* formatação para o campos texto nos divs*/
input.divcampo {
    border: 1px solid #909090;
    background-color: #ECF5FF;
    margin-top: 1px;
    margin-bottom: 6px;
}

input.divemail {
    border: 1px solid #909090;
    background-color: #ECF5FF;
    margin-top: 1px;
    margin-bottom: 6px;
    text-transform: lowercase;
}

label.memo {
    margin-top: 6px;
}

select.selecao {
    border: 1px solid #909090;
    background-color: #ECF5FF;
    margin-top: 1px;
    margin-bottom: 6px;
}

input[type="select"]{
    margin-top: 0px;/* margem superior do campo*/
    margin-bottom: 6px;/* margem inferior do campo*/
}

input[type="checkbox"] {
    display: inline;
    margin-top: 0px;/* margem superior do campo*/
    margin-bottom: 3px;/* margem inferior do campo*/
}

input[type="checkbox"] + label {
    display: inline;
    haslayout:true;
}

/* Para manter a compatibilidade com o IE */
label.linha{
    display:inline;
}

span.linha{
    display:inline;
}

input.submit {
    display: inline;
}

/* fim - estilos dos campos nos formulários */

/* cadastro através de tag's */
div.groupbox-div {
    margin: 5px;
    margin-left: 0px;
    padding: 5px;
    border: 1px solid #C1C1C1;
    background: #f6f6f6;
    width: 60%;
}

div.form-ajax, div.form-ajax-edita {
    margin: 5px;
    margin-left: 0px;
    padding: 5px;
    border: 1px solid #C1C1C1;
    background: #f6f6f6;
    width: 686px;
}

div.form-ajax-edita {
    background: #bbf6f6;
}

div.form-div {
    margin: 5px;
    margin-left: 0px;
    padding: 5px;
    border: 1px solid #C1C1C1;
    background: #f6f6f6;
    width: 99%;
}

div.form-div a {
    display: block;
    text-decoration: none; /* tirar a linha debaixo dos links (das listas e menu)*/
    width: 7%;
}

div.form-div a img {
    margin-right: 5px;
    vertical-align: middle;
}

div.form-div p label {
    float: left;
    clear: both;
    vertical-align: middle;
}

/* Menu Principal */

ul#menu {
    width:200px;
    border:1px solid #F6F7F2; /* #9C9C9C;*/
    background: #F6F7F2; /* #95C5EB;*/ /* #363636;*/
    margin:0;
    padding:0;
    list-style-type:none;
}

ul#menu li {
    border-bottom:1px solid #F6F7F2; /* #9C9C9C;*/
}

ul#menu li a:link, ul#menu li a:visited {
    display:block;
    height:1%;
    text-decoration:none;
    font-family: arial, helvetica, clean, sans-serif;
    font-size:12px;
    color: black; /* #FFA500;*/
    /* border-left:10px solid #696969;*/
    padding-left:10px;
}

ul#menu li a:hover {
    background-color: 5E94C3; /* #696969;*/
    color: white; /* #DAA520;*/
    /* border-left:10px solid #828282;*/
}

/* inicio - form de cadastro de Prestacao de Conta */
ul.abasPrestacaConta li {/* configuração para as abas*/
    display: inline;
    border: 1px solid #333333;
    border-bottom: 1px solid white;
    padding-right: 0px;
    padding-left : 0px;
    padding-bottom : 1px;
    padding-top : 1px;
    text-align : center;
}

ul.abasPrestacaConta li a {
    color:#000000; /* cor do texto qdo a aba estiver ativa */
    text-decoration: none;
}

/* configurações para as abas inativas*/
ul.abasPrestacaConta li.inativo {
    border: 1px solid #FFFFFF;
    border-bottom: 1px solid black;
    background: #55C;
}

ul.abasPrestacaConta li.inativo a{
    color: #FFFFFF;/* cor do texto qdo a abas estiver inativa*/
    text-decoration: none;
}
/* fim - form de cadastro de Prestacao de Conta */

/* inicio - Caixa de conterno das telas */
#box {
    background: url(../img/box_left_fill.png) repeat-y top left #F6F6F2
}

#boxHeader {
    position:   relative;
    width:      100%;
    height:     36px;
    background: url(../img/box_top_fill.png) repeat-x;
}

#boxTopLeft {
    height:     36px;
    background: url(../img/box_left_top.png) no-repeat;
}

#boxTopRight {
    height:     36px;
    background: url(../img/box_right_top.png) no-repeat top right;
}

#boxBottomLeft {
    height:     15px;
    background: url(../img/box_left_bottom.png) no-repeat;
}

#boxBottomRight {
    height:     15px;
    background: url(../img/box_right_bottom.png) no-repeat top right;
}

#boxFooter {
    position:relative;
    width:      100%;
    height:     15px;
    background: url(../img/box_bottom_fill.png) repeat-x;
}

#boxContainer {
    height:     100%;
    text-align: justify;
    padding:    0px 15px 0px 10px;
    background: url(../img/box_right_fill.png) repeat-y top right;
}

#boxContent {
    padding:    0px;
    font:       12px Arial, Helvetica, Clean, Sans-serif;
    text-align: justify;
    color:      #000000;
    background: url(../img/box_middle_fill.png) repeat-x #F6F6F2;

}

#boxTitle {
    text-align:  left;
    padding:     5px 0px 0px 15px;
    line-height: 36px;
    font:        bold 14px Arial, Helvetica, Clean, Sans-serif;
    color:       #000000;
}
/* fim - Caixa de conterno das telas */

a h1 img {
    text-decoration:none; /* tirar a linha debaixo dos links (das listas e menu)*/
    vertical-align: middle;
}