/* 
    Document   : copeldiscss
    Created on : 13 de Dezembro de 2005, 18:08
    Author     : tadashi
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


#wrapper{
    min-width: 1000px;
    max-width: 1280px;
    min-height: 700px;
}

html > body #wrapper{
    top: 0px;
}

/* ********************************************************* */
/* Incio Header */
#header{
    position: relative;
    width: 100%;
    height: 130px;
    z-index: 2;
}

div.cantoesqheader{     
     position: absolute;
     height: 140px;
     top: 0px;
     left: 0px;
     background-color: #dde0e1;
}

div.cantodirheader{
    position: absolute;
    right: 0px;
    top: 0px;
    height: 130px;
    /*background-color: #000;*/
}

html > body div.cantodirheader{
    background-color: #FFF;
}

div.centroheader{
    top: 11px;
    position: absolute;
    height: 102px;
    width: 100%;     
    border-top: 2px solid #9ea0a4;
    border-bottom: 2px solid #EDC97F;    
    /*border-top: 2px solid #DDDDDC;
    border-bottom: 2px solid #EDC97F;*/
    margin-bottom: 50px;
}

div.centroheaderlinhas{
    position: absolute;
    top: 0px;
    /*background-image: url(../imagens/meio_retasup.png);
    background-repeat: repeat-x;*/
    width: 95%;
    height: 130px;
}



html > body div.centroheader{
    height: 98px; 
}
/* Fim Header */
/* ********************************************************* */



/* ************************************************* */
/* central */
#central{
    /*border-left: 175px solid #EEF0F3;*/
    border-left: 175px solid #dde0e1;
    border-right: 3px solid #9ea0a4;
    margin-right: 17px;
}

#centralinner{
    margin: 0;
    width: 100%;
    border: solid #FFF;
}
/* fim central */
/* ************************************************* */



/* ************************************************* */
/* menulateral */
#menulateral{    
    position: relative;
    float: left;
    width: 175px;
    margin-left: -178px;
    /*background: url(../imagens/meio_menlat.png);
    background-repeat: repeat-y;*/
    /*background-color: #EEF0F3;
    border-right: 2px solid #A9A8A7;
    right: 0px;*/
}

#menulateraltopo{    
    position: relative;
    background: url(../imagens/sup_menlat.png);
    background-repeat: no-repeat;
    top: 0px;
    left: 0px;
    width: 175px;
    height: 106px;
}
/* fim menulateral */
/* ************************************************* */



/* ************************************************* */
/* menulat */
#menulat{
    position: relative;
    font-family: Verdana;
    top: 0px;
  /*  left: 0px;
    float: center;*/
    width: 170px;
    font-size: 12;
    min-height: 50%;
}

#menulat ul{
    margin: 0;
    margin-left: 10px;
    padding: 0;
}

#menulat li{
    margin-top: 10px;
    margin-bottom: 5px;
    top: 0px;
    left: 0px;
    list-style: square inside; 
    color: #EDC97F;
}

#menulat li a:link, #menulat li a:visited {
    display: block;
    color: black;
    font-size: 12;
    font-weight: bold;
    display: inline;
    text-decoration: none;
}

#menulat li a:hover{
    text-decoration: none;
}

#menulat ul ul{
    font-family: Verdana;
    margin-left: 12px;
    list-style: none;
}

#menulat ul ul li{
    list-style: none;
    margin: 0;
    font-weight: normal;
 
}

#menulat ul ul li a:link, #menulat ul ul li a:visited {
    display: block;
    font-weight: normal;
    color: black;
    font-size: 12;
    display: inline;
    text-decoration: none;
}

#menulat ul ul li a:hover{
    text-decoration: underline;
}

#menulat3{
    padding-left: 20px;
}

#menulat ul ul li.submenu{
    list-style: square inside; 
    color: #EDC97F;
    top: 5px;
    margin-top: 10px;

}

#menulat ul li ul {
    top: 10px;

}
/* fim menulat */
/* ************************************************* */




/* ************************************************* */
/* icones menulat */
#iconemargemIE{
    margin-left: 17px;
}

html > body #iconemargemIE{
    margin-left: 0;
}

#iconetexto{
    position: relative;
    /*list-style-image: url(../imagens/icon_texto.gif);*/
    background: url(/imagens/icones/icone_texto.png);
    background-repeat: no-repeat;
    background-position: 2 3px;
    padding-left: 2px;
    margin-top: 7px;
}

html > body #iconetexto{
    padding-left: 18px;
    background-position: 2 center;
}

#iconetabela{
    position: relative;
    /*list-style-image: url(../imagens/icon_texto.gif);*/
    background: url(/imagens/icones/icone_tabela.png);
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding-left: 2px;
    margin-top: 7px;
}

html > body #iconetabela{
    padding-left: 18px;
    background-position: 0 center;
}

#iconeanimacao{
    position: relative;
    /*list-style-image: url(../imagens/icon_texto.gif);*/
    background: url(/imagens/icones/icone_animacao.gif);
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding-left: 2px;
    margin-top: 7px;
}

html > body #iconeanimacao{
    padding-left: 18px;
    background-position: 0 center;
}

#iconeimagem{
    position: relative;
    /*list-style-image: url(../imagens/icon_texto.gif);*/
    background: url(/imagens/icones/icone_imagem.png);
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding-left: 2px;
    margin-top: 7px;
}

html > body #iconeimagem{
    padding-left: 18px;
    background-position: 0 center;
}

#iconeimagens{
    position: relative;
    /*list-style-image: url(../imagens/icon_texto.gif);*/
    background: url(/imagens/icones/icone_imagens.jpg);
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding-left: 2px;
    margin-top: 7px;
}

html > body #iconeimagens{
    padding-left: 18px;
    background-position: 0 center;
}



/* fim icones menulat */
/* ************************************************* */




#centrallateraldir{
    float: right;
    position: relative;
    border-right: 2px solid #9ea0a4;
    margin-right: 17px;
    width: 2px;
    bottom: 0;
    z-index: 0;
}


html > body #centrallateraldir{
    height: 100%;
}



/* ************************************************* */
/* conteudo */
#conteudo{
    float: right;
    width: 100%;
    position: relative;
   /* margin: 0 15px 0 180px;*/
    top: 0;
    border: 0;
    z-index: 11;
}

#titulo {
    position: relative;
    margin-left: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
    /*float: left;*/
    font-family: Verdana;
    font-size: 14;
    font-weight: bold;

}

#titulo ul{
    list-style-image: url(/imagens/comum/setas_titulo1.gif);
}

#titulo ul li{
    padding-left: 30px;
    padding-bottom: 5px;
}

#subtitulo{
    font-size: 12;
    font-family: Verdana;
    font-weight: normal;
}

html > body #titulo ul li{
    padding-left: 0;
}

/* iframe */
#iframeprincipal{
    position: relative;
}


#iframeprincipal img{
    position: relative;
    border: 2px solid #EDC97F; 
    padding: 2px;
    
    /*left: 50%;
    margin-left: -225px;
    margin-bottom: 50px;*/
}

#imagemprincipal{
    position: relative;
   /* margin: 0 50px 10px 50px;*/
}


#imagemprincipal img{
    position: relative;
    border: 2px solid #EDC97F; 
    padding: 2px;
    
    /*left: 50%;
    margin-left: -225px;
    margin-bottom: 50px;*/
}


#imagemprincipal p{
       text-align: center;
}

#img1{
    position: relative;
}



#legendaimagemprincipal{
    position: relative;
    
    /*left: 50%;
    margin-left: -225px;
    margin-top: -40px;
    margin-bottom: 50px;*/
    /*display: block;
    margin-left: auto;
    margin-right: auto;*/
}

#legendaimagemprincipal p{
    text-align: center;
    
    /*left: 50%;
    margin-left: -225px;
    margin-top: -40px;
    margin-bottom: 50px;*/
    /*display: block;
    margin-left: auto;
    margin-right: auto;*/
}


#texto {
     position: relative;
     font-family: Verdana;
     padding: 40px;

}

#textoesq {
    float: left;
    font-family: Verdana;
    width: 45%;
    border-right: 2px solid #EDC97F;
    border-bottom: 2px solid #EDC97F; 
    font-size: 10;
    padding-right: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    margin-left: 5px;
    position: relative;
}

#textoesq hr {
    width: auto;
}

#textoesdna {
    width: 46%;
    margin-left: 10px;

}

#textodir {
    float: right;
    top: 0;
    right: 0px;
    font-family: Verdana;   
    width: 45%;
    border-right: 2px solid #EDC97F;
    border-bottom: 2px solid #EDC97F;
    font-size: 10;
    padding-right: 5px;
    padding-bottom: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    position: relative;
}

#textodir hr {
    width: auto;
}

html > body #textodir {
    width: 46%;
    margin-right: 10px;
}

#textos{
    position: relative;
    margin-left: 10px;
    margin-right: 15px;
    margin-top: 50px;
    margin-bottom: 20px;
}

#textostitulo{
    position: relative; 
    
 /*   margin-left: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
    float: left;*/
    font-family: Verdana;
    font-size: 12;
    font-weight: bold;
}

#textostitulo ul li{
    list-style-image: url(/imagens/comum/seta_menor.png);
}

#textostitulo ul li{
    padding-left: 30px;
}

html > body #textostitulo ul li{
    padding-left: 0;
}


#botaoesanimacao{
    position: relative;
}

#botaoesanimacao p{
    text-align: center;
}

/* fim conteudo */
/* ************************************************* */





/* ************************************************** */
/* rodape */
#rodape{
    clear: both;
    position: relative;
    width: 100%;
    height: 12px;
    margin-top: -2px;
    margin-right: 17px;
    background-color: #CFCFCF;
    border-top: 1px solid #333333;
    border-bottom: 2px solid #333333;
    text-align: center;
    font-size: 10;
}

html > body #rodape{
    width: 98.4%;
}

#rodape p{
    text-align: center;
    font-size: 10;
    margin: 0;
}
/* fim rodape */
/* ************************************************* */


/* ************************************************* */
/* logos */
div.logosimepar{
     position: absolute;
     left: 35px;
     top: 22px;
}

div.logocliente{
     position: absolute;
     right: 50px;
     top: 5px;
}
/* fim logos */
/* ************************************************* */



/* ************************************************* */
/* menusuperior */
#menusuperior{
     position: absolute;
     /*float: center; */ 
     font-family: Verdana;
     font-size: 12;
     margin: 92px 110px 0px 30px;
     background-color: transparent;
}

#menusuperior ul{
     list-style: none;
     margin: 0;
     margin-right: 15px;
     padding: 0;
}

#menusuperior li{
     display: inline;     
}

#menusuperior a:link, #menusuperior a:visited {
     padding: 4px 5px 3px 5px;
     color: black;
     text-decoration: none; 
}

#menusuperior a:hover{
    font-family: Verdana;
    background-color: #edc97f;
    text-decoration: underline;
    font-size: 12;
}

#menusuperioresq{
    float: left;
}

#menusuperiordir{
    float: right;
    margin-right: 38px;
    margin-top: 27px;
    width: 30px;
    z-index: 1200;
}

html > body #menusuperiordir{
margin-right: -55px;
}
    

#iconeimpressao{
   /* position: relative;
    margin-bottom: 5px;
    margin-top: 10px;
    margin-right: -45px;*/
}


#iconeimpressao a:hover{
    background-color: FFF;

}

#iconeimpressao img{
     border: 0;
}

#iconeimpressao a:link, #iconeimpressao a:visited {
     /*padding: 4px 5px 3px 5px;*/
     color: black;
     text-decoration: none;
}

#iconeimpressao a:hover{
     font-family: Verdana;
     font-size: 12;
}

#logoimpressao{
     height: 1px;
     visibility: hidden;
}
	  

/* fim menusuperior */
/* ************************************************* */



/* **************************************************** */
/* div help */
#divhelpimg{
    position: relative;
    background-image: url(/imagens/icones/icone_ajuda5.gif);
    height: 30px;
    width: 30px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
}

#divhelp{
    visibility: hidden;
    position: absolute;
    /*706D6C 999997*/
    border-top: 20px solid #706D6C;
    border-bottom: 1px solid #706D6C;
    border-left: 1px solid #706D6C;
    border-right: 1px solid #706D6C;
    background-color: white;
    width: 300px;
    padding: 7px;
    z-index: 1000;
    right: 200px;
}

#divhelp p{
    text-align: justify;
}

#divhelpx{
    position: absolute;
    top: -17px;
    right: 3px;

    background-image: url(/imagens/icones/xis_13x13.gif);
    background-repeat: no-repeat;
    background-position: center;

    height: 14px;
    width: 14px;

}



#divhelp p{
    font-family: Verdana;
    font-size: 12;
}
/* fim div help */
/* **************************************************** */

/***********************************************************/
/* formulario */
#formularioprincipal{
    position: relative;
   /* margin: 0 50px 10px 50px;*/
}

#formularioprincipal table {
/*border: 1px solid #666;*/
position: relative;
border: 2px solid #EDC97F; 
padding: 2px;

margin-left: auto; 
margin-right: auto;
font-size: 9pt;
font-family: Verdana, Tahoma;
}

#formularioprincipal table tr td, #formularioprincipal input{
    font-size: 12;
    font-weight: bold;
    /*height: 25px;*/
}
/* fim formularioprincipal
/***********************************************************/



/***************************************************************/
/* TABELAS - Ex. /dadosestacoes, clientes em spring:8180, etc  */
/* Tabelas */
#tabelaprincipal{
    position: relative;
   /* margin: 0 50px 10px 50px;*/
}

#tabelaprincipal table {
/*border: 1px solid #666;*/
position: relative;
border: 2px solid #EDC97F; 
padding: 2px;

margin-left: auto; 
margin-right: auto;
font-size: 9pt;
font-family: Verdana,Tahoma;
}

#tabelaprincipal table.alerta {
position: relative;
border: 2px solid #FF0000;
padding: 2px;

margin-left: auto;
margin-right: auto;
font-size: 10pt;
font-family: Verdana,Tahoma;
}

/* Cabecalho das tabelas */
#tabelaprincipal th {
padding: 2px 4px 2px 4px;
text-align: left;
vertical-align: top;
text-align: center;
}

#tabelaprincipal thead th {
background-color: #fc0;
}

#tabelaprincipal thead tr.subTitulo1 th {
background-color: #ffe873;
}

#tabelaprincipal th.sorted {
background-color: orange;
}
/*Links nas tabelas */
#tabelaprincipal th a, th a:visited {
color: black;
}
/*Links sob o mouse nas tabelas */
#tabelaprincipal th a:hover {
text-decoration: underline;
color: black;
}
#tabelaprincipal th.sorted a, th.sortable a {
background-position: right;
display: block;
background-repeat: no-repeat;
padding: 0 10px 0 0;
}

#tabelaprincipal th.sortable a {
background-image: url(/images/arrow_off.png);
}
#tabelaprincipal th.order1 a {
background-image: url(/images/arrow_down.png);
}
#tabelaprincipal th.order2 a {
background-image: url(/images/arrow_up.png);
}

/* Borda Celula */
#tabelaprincipal td.borda {
     border: 1px solid #888888;
}
     

/*Linhas Pares */
#tabelaprincipal tr.odd {
     background-color: #fff;
     text-align: left;
}

/*Linas impares */
#tabelaprincipal tr.tableRowEven, tr.even {
     background-color: #ececec;
     text-align: left;
}

#tabelaprincipal td.gprs {
     font-size: 7pt;
}

#tabelaprincipal td.situacaoalerta {
     color: red;
     font-weight: bold;
}


/***************************************************************/
/* TABELAS2 - Ex. /fapa  */
/* Tabelas2 */
#tabelaprincipal2 {
    position: relative;
   /* margin: 0 50px 10px 50px;*/
}

#tabelaprincipal2 table {
/*border: 1px solid #666;*/
position: relative;
border: 2px solid #c3c3c3;
padding: 2px;

margin-left: auto;
margin-right: auto;
font-size: 9pt;
font-family: Verdana,Tahoma;
font-weight: bold;
color: black;
}

/* Cabecalho das tabelas */
#tabelaprincipal2 th {
padding: 2px 4px 2px 4px;
text-align: left;
vertical-align: top;
text-align: center;
}

#tabelaprincipal2 thead th {
background-color: #fc0;
}

#tabelaprincipal2 thead tr.subTitulo1 th {
background-color: #ffe873;
}

#tabelaprincipal2 th.sorted {
background-color: orange;
}
/*Links nas tabelas */
#tabelaprincipal2 th a, th a:visited {
color: black;
}
/*Links sob o mouse nas tabelas */
#tabelaprincipal2 th a:hover {
text-decoration: underline;
color: black;
}
#tabelaprincipal2 th.sorted a, th.sortable a {
background-position: right;
display: block;
background-repeat: no-repeat;
padding: 0 10px 0 0;
}

#tabelaprincipal2 th.sortable a {
background-image: url(/images/arrow_off.png);
}
#tabelaprincipal2 th.order1 a {
background-image: url(/images/arrow_down.png);
}
#tabelaprincipal2 th.order2 a {
background-image: url(/images/arrow_up.png);
}

/* Borda Celula */
#tabelaprincipal2 td.borda {
     border: 1px solid #888888;
}

#tabelaprincipal2 tr {
     font-weight: normal;
}

/*Linhas Pares */
#tabelaprincipal2 tr.odd {
     background-color: #ffffff;
     text-align: left;
     font-weight: normal;
}

/*Linas impares */
#tabelaprincipal2 tr.tableRowEven, tr.even {
     background-color: #ececec;
     text-align: left;
     font-weight: normal;
}

#tabelaprincipal2 td.gprs {
     font-size: 7pt;
}



/* ********************************************************* */
/* Tabela de Ajuda do CQ*/
#tabelacq{
    position: relative;
   /* margin: 0 50px 10px 50px;*/
}

#tabelacq table {
/*border: 1px solid #666;*/
position: relative;
border: 2px solid #EDC97F; 
padding: 2px;

margin-left: auto; 
margin-right: auto;
font-size: 8pt;
font-family: Verdana,Tahoma;
}

/* Cabecalho das tabelas */
#tabelacq th {
padding: 2px 4px 2px 4px;
text-align: left;
vertical-align: top;
text-align: center;
}

#tabelacq thead th {
background-color: #fc0;
}

#tabelacq thead tr.subTitulo1 th {
background-color: #ffe873;
}

/* Borda Celula */
#tabelacq td.borda {
     border: 1px solid #888888;
}
/* ********************************************************* */


/* ********************************************************* */
/* tabela previsa cidade */
#tabelaprevisaocidade{
position: relative;
margin-bottom: 30px;
}

#tabelaprevisaocidade table{
position: relative;
font-family: Verdana;
font-size: 9;
text-align: center;

/*width: 80%;*/
}

#tabelaprevisaocidade table td{
border: 1px solid #8C8B8A;
padding: 2px;
}

/* ********************************************************* */
/* Tabela sol */
#tabelasol{
position: relative;
margin-bottom: 30px;
}

#tabelasol table{
position: relative;
font-family: Verdana;
font-size: 9;
text-align: center;
}

/* ********************************************************* */

#tabelaprevisaocidadeimg{
/*background-color: #FDE49E;*/
border: 1px solid #8C8B8A;
/*ckground-color: #f6e7a5;*/
}

#tabelaprevisaocidadetitulo{
background-color: #706D6C;
border: solid #706D6C;
}

#tabelaprevisaocidadesub{
background-color: #D0D0D0;
border: 1px solid #8C8B8A;
}


/* fim tabela previsao cidade */
/* ********************************************************* */





/* ********************************************************* */
/* cores para texto <span id=corTamFont[b|i]> </span> */
#azul10{
color: blue;
font-weight: normal;
font-size: 10;
}

#azul12{
color: blue;
font-weight: normal;
font-size: 12;
}

#branco12{
color: white;
font-weight: normal;
font-size: 12;
}

#branco12b{
color: white;
font-weight: bold;
font-size: 12;
}

#preto10{
color: black;
font-weight: normal;
font-size: 12;
}

#preto10b{
color: black;
font-weight: bold;
font-size: 12;
}

#preto12{
color: black;
font-weight: normal;
font-size: 12;
}

#preto12b{
color: black;
font-size: 12;
font-weight: bold;
}

#vermelho10{
color: red;
font-weight: normal;
font-size: 10;
}

#vermelho12{
color: red;
font-weight: normal;
    font-size: 12;
}

.clear{
    clear: both;
}

div.vazio500{
     position: relative;
     height: 500px;
     width: 100%;
     margin-left: 20px;
}

div.vazio350{
    position: relative; 
    height: 350px;
    width: 30%;
    margin-left: 20px;
}

div.vazio250{
    position: relative; 
    height: 250px;
    width: 30%;
    margin-left: 20px;

}

div.vazio200{
    position: relative; 
    height: 200px;
    width: 30%;
    margin-left: 20px;
}

div.vazio180{
    position: relative; 
    height: 180px;
    width: 30%;
    margin-left: 20px;
}

div.vazio150{
    position: relative; 
    height: 150px;
    width: 30%;
    margin-left: 20px;
}

div.vazio100{
    position: relative; 
    height: 100px;
    width: 30%;
    margin-left: 20px;
}

div.vazio50{
    position: relative; 
    height: 50px;
    width: 30%;
    margin-left: 20px;
}

div.vazio25{
    position: relative; 
    height: 25px;
    width: 30%;
    margin-left: 20px;
}



/* **********************************
 * Estilo para controle de qualidade */

/* 
 QLDCODIGO QLDDESCRICAO                             QLDCOR
 ---------- ---------------------------------------- ---------
          0 Dado aprovado
	  1 Dado suspeito
	  2 Dado com possível erro
	  3 Dado reprovado
	  4 Dado não verificado
	  6 Não há instrumento instalado no local
	  7 Falta registro de dados
*/

.qualidade_0{
     background-color: #36fc76;
}

.qualidade_1{
     background-color: #fcfb36;
}

.qualidade_2{
     background-color: #fd9229;
}

.qualidade_3{
     background-color: #ff0551;
}

.qualidade_4{
     background-color: #00fafa;
}