/*
    font: Verdana 70% normal; -> Win
    font-size:  8pt	; -> x-small;
    font-size: 10pt; -> small;
    font-size: 11pt; -> normal
    font-size: 12pt; -> large;

    #052D65: azul mais escuro
    #154D85: azul escuro
    #356DA5: azul mais claro
    #104082: azul claro
    #568baf: azul claro (mais 'simpático') = 86, 139, 175
    #98AAB1: azul esverdeado
    height: 60px;
*/

  /* para espaço até bordo da página: margin: 2px; em
     'div.titulo, div.titulo2, div.gloss, div.gloss_def, .codigo, div.algoritmo' */

/* body              background-color:#054D85; color: #FFFFFF;  */
   body           {  background-color: #D8D8E0; color: #000000; width: 100%; 
                     font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10pt;
                     margin: 0px; /* margin-left: 5px; margin-right: -5px; padding: 0px; */
                     text-align: justify; 
                     border: 0px #C3D4DF solid; }

    p,br {  margin-left: 5px; margin-right: 5px; }

    font           { font-family: "Arial", "Helvetica", "sans-serif";
                     color: #FFFFFF; font-size: 10pt; }

    font.titulo    { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12pt; font-weight: bold; color: #000; }

    font.sub       { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 8pt; font-weight: bold; color: #FFFFFF; }

    hr             { border-color: #568baf; color: #568baf; visibility : visible; width: 99% } /* noshade; margin-right: -3px; */

   /* » background-color: #C3D4DF; <- azul bem claro p/ fundo
        background-color: #356AA0; <- azul claro p/ fundo
        background-color: #18507C; <- azul menos claro p/ fundo */
   .fundoTOPO {      background-color: #356AA0; /* FaFaFamargin: -7px; */ width: 100%;
                     /* position: absolute; top: 0; bottom: 0; left: 1; height: 143px;*/
                     margin-top: -3; margin-left: 0; margin-right: 4; margin-bottom: 5; border-bottom: 1px solid #A0A0A0; }

    /* div.menuTOPO{ top: 95%; position: absolute; top: 0px; left: 2px; right: 2px; position: relative; top: -12px; color: red; */

    /* para menu no topo da página */
    div.menuTOPO   { /* background-color: #104082; border-color: #FFFFFF; */
                     /* altura das bandeiras: 15 e 16 */
                     /* border: thin dashed; position: absolute; top: 2; left: 1; */
                     /* background-image: url(imagens/fundo_menu_topo.png); */
                     /* margin-bottom: 5; border: thin dashed; */ /* position: relative; top: -7px; left: 1; bottom: 1; */
                     /* border-color: #0C3F78; */ /* height: 23px; */
                     border: 2px solid #b6c4d6;
                     vertical-align: middle; 
                     line-height: 16px; /* para uniformizar alturas: em navegadores com diferentes fontes */
                     }

    table.menuTOPO { /* background-image: url(imagens/fundo_menu_topo.png); background-color: #104082; */
                     /* border: 2px; padding-left: 5px; */ }

    td.menuTOPO   { font-family: "Arial", "Helvetica", "sans-serif";
                    background-image: url(imagens/fundo_menu_topo.png); height: 32;
                    background-color: #B0C0D0; /* caso a img acima seja removida... */
                    /* margin: 2px; padding-left: 5px; */
                    /*1 border-color: #104082; font-size: 9pt; color: #fff; vertical-align: middle; */
                    border-color: #104082; font-size: 9pt; color: #052D65; vertical-align: middle; /*2 */
                   }
    td.menuTOPO a { color: #052D65; text-decoration: none; }  /*2 */
    td.menuTOPO a:hover { color: #fff; background-color: #568baf; text-decoration: none; }  /*2 layout */
    .rodape         { color: #000; text-decoration: none; font-size: 90%; text-align: center; padding-bottom: 5px; }  /*2 layout */
    .rodape a       { color: #000; text-decoration: none; font-size: 90%; text-align: center;  }  /*2 layout */
    .rodape a:hover { color: #000; background-color: #568baf; text-decoration: none; font-size: 90%; text-align: center; }  /*2 l */

    /* para menu principal no topo: abaixo do 'menuTOPO'
       imagens/fundo_menu1.png
       imagens/fundo_menuC.png
       imagens/fundo_menu2.png  */
    table.menu     { border: 2px solid #b6c4d6; width: 100%; }

    /* fundo_menu1: altura 6; fundo_menu2: altura 6 */
    /* SAW.sobre background-color: #C6D4E6; border:2px solid #b6c4d6; */
    td.menu1       { background-image: url(imagens/fundo_menu1.png); background-color: #052D65; height: 6; }
    td.menuC a     { color: #052D65; font-weight: bold; }  /*2 layout */
    /*1 td.menuC       { background-image: url(imagens/fundo_menuC.png); background-color: #052D65; */
    td.menuC a     { color: #052D65; text-decoration: none; font-weight: bold; }  /*2 layout */
    td.menuC a:hover { color: #fff; background-color: #568baf; text-decoration: none; font-weight: bold; }  /*2 layout */
    dfn.menuC        { color: #fff; background-color: #568baf; text-decoration: none; font-weight: bold; }  /*2 item atual */
    td.menuC       { 
                     background-color: #fff; border:0px solid #b6c4d6; color: #052D65; font-weight: bold; /*2 layout */
                     line-height: 19px; /* para uniformizar alturas: em navegadores com diferentes fontes */
                     font-family: "Arial", "Helvetica", "sans-serif"; font-size:  10pt;  vertical-align: top; padding: 0; }
    td.menu2       { background-image: url(imagens/fundo_menu2.png); height: 6; }

    /* background-image: url(imagens/fundo_menu2.png); background-color: #052D65; */
    div.menu       { font-family: "Arial", "Helvetica", "sans-serif";
                     width: 100%; /* position: absolute; top: 2; left: 1; bottom: 1; margin: 0px;*/
                     border: thin dashed; border-color: #222;
                     font-size: 10pt; color: #000; padding: 10px; }

    div.menuFUNDO { font-family: "Arial", "Helvetica", "sans-serif";
                     border-color: #222; border: thin dashed; 
                     /* background-image: url(imagens/fundo-cabecalho1.gif); */ /* 311 x 48 margin: 0px; */
                     font-size:  8pt; color: #000; padding: 1px; }

    div.titulo    {  font-family: "Arial", "Helvetica", "sans-serif";
                     background-image: url(imagens/fundo_titulo.png); background-color: #356DA5;
                     line-height: 28px; /* para uniformizar altura do texto e evitar alguns img entrar + vezes */
                     border: solid; border-width: thin;
                     margin: 2px; /* para espaço até bordo da página */
                     padding-left: 5px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px;
                     font-size: 120%; font-weight: bold; vertical-align: middle; }

    div.titulo2    { font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold; font-size: 105%;
                     background-image: url(imagens/fundo_titulo.png); background-color: #356DA5;
                     margin: 2px; /* para espaço até bordo da página */
                     border: solid; border-width: thin;
                     padding: 3px; padding-left: 1em; padding-top: 2px; padding-right: 1em; padding-bottom: 2px;
                     vertical-align: middle; }

    div.a          { font-family: "Arial", "Helvetica", "sans-serif";
                     text-decoration: underline; }

    a              { font-family: "Arial", "Helvetica", "sans-serif";
                     text-decoration: underline;
                     color: #000; }

    table.border1  { border: 2px solid #000000; }

    .linhaSublinhadaAzul1 { width: 99%; border-bottom: 2px solid #09c; }

    /**/
    .center { text-align: center; background-image: url(imagens/fundo_botao.png); }

    #botoes { /* fundo_botao: altura 25 */
        background-image: url(imagens/fundo_botao.png); background-repeat: repeat-x; background-position: top; /* botao.png */
        font-size: 10px; font-weight: bold; color: #fff; padding-right: 12px; text-align: right;
        }
    #botoes a { /* altura de 'imagens/fundo_botao.png' é 25 */
        /*  line-height: 25px; vertical-align: middle;  */
        color: #000; display: inline;
        border-left-width: thin; border-left-style: solid; border-left--color: #CCCCCC;
        border-right-width: thin; border-right-style: solid; border-right--color: #CCCCCC;
        padding-left: 10px; padding-right: 3px;
        }
    #botoes a:hover {
      text-decoration: none; background-color: #011; color: #E0E0E0;
      }

    table          { background-color: #989898; border: none; }

    td             { background-color: #D8D8E0; vertical-align: top;
                     font: normal 10pt Arial, Helvetica, "sans-serif"; padding: 2px; }

    td.titulo      { width: 100%; background-color: #346CA5; padding: 4px; }

    td.botaoTitulo { background-color: #797989; border: thin solid;
                     font-family: "Arial", "Helvetica", "sans-serif"; font-size:  10pt; vertical-align: top; }

    td.botao       { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10pt; 
                     width: 55px; vertical-align: top; }

    div.definicao1 { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 105%; font-weight: bold;
                     font-style: oblique; color: #000;
                   }

    div.definicao2 { font-family: "Arial", "Helvetica", "sans-serif"; font-style: italic; text-align: justify; color: #000; }

    .definicao2 { font-family: "Arial", "Helvetica", "sans-serif"; font-style: italic; }

    div.center      { text-align: center; background-color: #153D75; border: thin solid #052D65; }

    /*border-color: #ffffff; border: 1pt;*/
    td.cod         { background-color: #568baf; /* 052D65; */
                     border: 1pt solid; border-color: #FFF; padding: 0pt; padding-left: 3pt; padding-right: 3pt; 
                     font-family: "Arial", "Helvetica", "sans-serif"; font-size:  10pt;  vertical-align: top; } 

    .codigo { font-family: "Courier", "Courier New", "sans-serif"; text-align: left; border-style: solid; 
                     background-color: #568baf; border-color: #FFF; /* #104082 */
                     margin: 2px; /* para espaço até bordo da página */
                     border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
                     padding-left: 10em; padding-top: 5px; padding-right: 1em; padding-bottom: 1px; }

    .codigoTxt { font-family: "Courier", "Courier New", "sans-serif"; }

    /* links para partes de página */
    .links         { font-family: "Arial", "Helvetica", "sans-serif"; color: #FFFFFF; background-color: #104082;
                     text-align: center; border: thin solid #052D65; border-style: solid; 
                     border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
                     padding-left: 2px; padding-right: 2px; font-size: 10pt; }

    div.algoritmo { font-family: "Courier", "Courier New", "sans-serif"; border-style: solid; 
                     margin: 2px; /* para espaço até bordo da página */
                     border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
                     background-color: #8494A5; text-align: left; /* #0C3F78 #104082 */
                     padding-left: 5em; padding-top: 5px; padding-right: 1em; padding-bottom: 1px;
                     }


    div.texto      { font-family: "Arial", "Helvetica", "sans-serif";
                     border: none; 
                     background-image: url(imagens/fundo-cabecalho1.gif); background-color: #104082; 
                     font-size: 11pt; color: #FFFFFF; padding: 10px; }

    td.textoPar1  { font-family: "Arial", "Helvetica", "sans-serif";
                     border: none;  font-size: 11pt; color: #000; padding: 10px; }

    td.textoPar2  { font-family: "Arial", "Helvetica", "sans-serif"; background-color: #A4A4A5;
                     border: none; font-size:  8pt; color: #000; padding: 10px; }

    .exemplo    { font-family: "Courier", "Courier New", "sans-serif";
                     border: thin dashed; font-size: 100%; color: #000; }

    div.exemplo    { font-family: "Arial", "Helvetica", "sans-serif";
                     border: thin dashed; font-size: 100%; color: #000; padding: 10px; }

    div.links     { font-family: "Arial", "Helvetica", "sans-serif";
                     text-align: center; font-size: 100%; color: #FFFFFF; }

    /* nome do conceito */
    div.gloss      { font-family: "Arial", "Helvetica", "sans-serif"; font-weight: bold; font-size: 105%;
                     background-image: url(imagens/fundo_titulo.png); background-color: #356DA5;
                     margin: 2px; /* para espaço até bordo da página */
                     border:solid 1px #FFFFFF;
                     padding-top: 5; padding-left: 5; padding-right: 5; }

    /* definição */
    /* background-color: #053D75;border:dashed 1px #FFFFFF; */
    div.gloss_def  { font-family: "Arial", "Helvetica", "sans-serif"; font-weight: normal;
                     background-color: #848495; border:dashed 1px #FFFFFF;
                     margin: 2px; /* para espaço até bordo da página */
                     padding-top: 5; padding-left: 5; padding-right: 5; padding-bottom: 10; }
    /* background-color: #053D75; */
    table.gloss_def  { background-color: #848495; }
    /* background-color: #053D75; */
    td.gloss_def  { font-family: "Arial", "Helvetica", "sans-serif"; font-weight: normal; 
                     background-color: #848495; vertical-align: top; }

    div.gloss_ref  { background:transparent;
                     text-decoration: underline; font-weight: bold;
                     padding-top: 5; padding-left: 5; padding-bottom: 10; }

    /* título de construção iGeom */
    div.construcao { font-family: "Courier", "Arial", "Helvetica", "sans-serif";
                     font-style: italic;
                     text-align: justify;
                     padding-left: 15; padding-right: 15;
                   }

    /* forma para figura */
    div.problema { font-family: "Arial", "Helvetica", "sans-serif";
                     font-size: 10pt; font-style: italic;
                     text-align: center;
                     text-align: justify;
                     padding-top: 5; padding-left: 15; padding-right: 15; padding-bottom: 10;
                   }