/* Folha de estilo principal */

      body {
                  text-align: center;
                  margin: 0px;
                  font: 1em "Arial", "bitstream vera sans", sans-serif;
                  text-align: center;
                  border-top: 9px solid #A9062C;  border-bottom: 9px solid #A9062C;
                  background-image: url(estilo_tres/fundo_toda.gif);
                  line-height: 150%;

     }

     #toda {
            width: 96%;
            background: #FFF;
            margin-left:auto;
            margin-right:auto;
            text-align: left;
            padding: 9px;
            margin-top: 5px;
            margin-bottom: 10px;
            font-size: 120%;
     }

     #logo {
            background-image: url(estilo_tres/topo.gif);
            height: 127px;
     }

     #logo h1 {
            background-image: url(estilo_tres/titulo2.gif); width: 747px;  height: 127px;
             margin: 0px;
             padding: 0px;
             text-indent:     -900%;
            border: none;
       }


  /* ================ Menu da página ====================== */
       #menu {
               background-image: url(estilo_tres/fundo_menu.gif);
        }

        #menu ul {
                 margin: 0px;
                 padding: 0px;
                 margin-top: 3px;
                 padding: 8px;
        }


        #menu ul li {
              list-style-type: none;
              display: inline;
        }


        #menu ul li a{
              color: #FFF;
              font-size: 70%;
              padding: 8px;
              text-decoration: none;
              _border: none;
        }

        #menu ul li a:hover {
              background-color: #2E2E2E;
              border-bottom: 5px solid #FFF;
               padding-bottom: 6px;
         }

         #menu ul li a.atual {
              background-color: #2E2E2E;
              border-bottom: 5px solid #FFF;
               padding-bottom: 6px;
         }

        em {
            font-style: normal;
            text-decoration: underline;
        }


        /* =================== Engloba a página toda ====================== */
        #sim {
               background:  url(estilo_tres/fundo_pagina.jpg) repeat-x;
               margin-top: 3px;
               padding: 7px;
               font-size: 70%;
               text-align: justify;

         }


        /* ============ Onde fica o que é o NAI?, Dicas, e Busca =============== */
        #informacoes {
              float: left;
              width: 25%;
           /*  border-right: 1px solid #484949;  */
             /* border-right: 5px solid #FFF;  */
              padding: 7px;
        }

       #principal li {
                      margin-bottom: 0.8em;


       }

        /* Onde fica as últimas notícas */
        #principal {
                      float: right:
                      width: 100%;
                      margin-left: 27%;  padding: 7px;
                      border-left: 1px solid #484949;
                      margin-bottom: 0px;
                      min-height: 440px;
                      height: auto;
                      _height: 500px; /* hack para o explorer */
         }



/* ================ Rodapé e endereço ==========================*/
#rodape {
                clear: both;
                background: url(estilo_tres/fundo_rodape.jpg) repeat-x;
                border-top: 2px solid #484949;
                padding: 8px;
                height: 100%;
                margin: 0px;
}

#toda>#rodape {
            min-height: 128px;
}

#rodape address {
               font-size: 60%;  font-style:  normal; width: 70%;
               float: left;
}

#rodape #selos {
             float: right;
}

         /* -------------- Títulos da página ------------------- */
         h1 {
             font-size: 100%;
             font-weight: normal;
             letter-spacing: 0.1em;
             color: #5e0318;
             background: url(estilo_tres/fundo_titulo.gif);
             border: 1px solid #A0B3BA;
             border-bottom: 2px solid #9E495D;
             padding: 2px;
             margin-bottom: 0.2em;
             margin-top: 0.2em;
          }


         /* Dicas do */
         ul.dicas {
                margin: 3px;
                margin-top: 0em;
                padding: 0em;
         }

         ul.dicas li {
                list-style-type: none;
                color: #585858;
                margin-bottom: 0.3em;
                padding: 0px;

                height: 10px;
         }

         ul.dicas>li {
              height: auto;
          }

          ul.dicas li a {
                   padding-left: 0.5em;
                   border-bottom: none; border-left:3px solid #A9062C;
                   color: #585858;
                   display: block;
                   text-decoration: none;
          }

          ul.dicas li a:hover {

                 color: #000;
                 background: #ebebeb;
                 border-left:3px solid #000;
                 border-bottom: none;
          }

          dt {

              font-weight: bold;
          }

          #logo_puc {
                     position: absolute;
                     left: 40px;
                     top: 40px;
          }

          #logo_puc a {
                    display: block;
                    width: 105px;
                     height: 104px;
          }
          #logo_puc a:hover {
                    border: none;
          }
           #logo_puc a span {
                     display: none;
           }



        /* ========================== ESTILOS DE INPUT ========================== */

        input, select, radio, textarea {
                          border: 1px solid #ad9ba4;
        }
        input:focus, textarea:focus {
                background: #CCC;
        }
        .mao {
              cursor: pointer;
        }
        fieldset {

                  padding: 20px;
        }


        #estilos {
                position: absolute;
                top: 15px;
                left: 70%;;
                background: #FFF;
                padding-left: 35px;
                padding: 0.4em;
                color: #1F4A50;
                font-size: 80%;
        }
        #estilos a {
                 color:  #3A3A3A;
        }
         #estilos a:hover {
                 color:  #FFF;
                 background: #A9062C;
                 text-decoration: none;
        }
        .float {

                float: left;
                margin-right: 6px;
                border: 1px solid #A0B3BA;
        }



        /* ícones */


        .seta {
                 background: url(estilo_tres/seta_link.gif) no-repeat;
                 padding-left: 13px;
                 font-weight: bold;
        }

       .tel {
                 background: url(estilo_tres/tel.gif) no-repeat;
                 padding-left: 20px;
        }

        .pagina {
                 background: url(estilo_tres/copy.gif) left no-repeat;
                 /* background: url(estilo_tres/copy.gif) left top no-repeat; */
                     padding-left: 14px;
        }
.word {
        background: url(estilo_tres/doc.gif) left no-repeat;
        padding: 6px;
        padding-left: 22px;
        text-decoration: underline;
}


.impressora {
        background: url(estilo_tres/impressora.gif) left no-repeat;
        padding: 6px;
        padding-left: 22px;
        text-decoration: underline;
}

.pdf {
        background: url(estilo_tres/pdf.gif) left no-repeat;
        padding: 6px;
        padding-left: 22px;
}

.email {
        background: url(estilo_tres/email.gif) left no-repeat;
        padding-left: 15px;
}

a.sublinhado {
  text-decoration: underline;
}
a.sublinhado:hover {
  text-decoration: none;
}

a {
  color: #242525;
  border-bottom: 2px solid #242525;
  text-decoration: none;
}
a:hover {
  border-bottom: 2px solid #A9062C;
}

a.mais {
  background: url(estilo_tres/folhinha_leia_mais.gif) no-repeat;
  padding-left: 14px;
  color: #B74560;
  font-weight: bold;
}
a.mais:hover {
  color: #A9062C;
}

img {
          border: none;
}

/* Título das sub_paginas */
h1.titulo_sub {
             border: none;
             background: none;
             font-size: 150%;
             border-bottom: 1px solid #5e0318;
             padding-bottom: 0.2em;
}


/*
#imagem {
         border: 3px solid #FFF;
         padding: 0.8em;
         padding-left: 100px;
         color: #F6DBE1;
         margin-bottom: 0.8em;
         background: #5e0318 url(estilo_tres/fundo_frase.jpg) left no-repeat;
}

#imagem quote{
            font-size: 170%;
            line-height: 1.5em;

}
  */

  /* ==================== Exibição das notícias na página principal ================ */

div div.data {
          border: 1px solid #282828;
          background: #4B4B4B;
          color: #FFF;
          display: inline;
          float: left;
          width: 7%;
          text-align: center;
  }

div div.not {
      display: inline;
      border-left: 1px solid #484949;
      margin-left: 0.2em;
      padding-left: 0.2em;
      width: 91%;
      float: right;
      margin-left: 0.3em;
  }

div div.not h4 {
                 display: inline;
                 margin: 0px;
                 color: #A9062C;
  }

div div.not p {
                  margin: 0px;
                  margin-top: 0.2em;
   }
div div.not a {
                    border: none;
   }
div div.not a:hover {
                    text-decoration: underline;
                    border: none;
   }
  #institucional div, #principal div {
                 margin-bottom: 0.9em;
                 clear: right;
   }

   .sem {
        list-style-type: none;
        /* hack para o I.E */
   }

   .destaque {
              color: #A9062C;
   }


   .alfabeto {
              margin: 0.2em;
              float: left;
   }

   /* ====================== Imagem do alfabeto ========================= */
   .alfabeto img {
             border: 1px solid #484848;
   }

   .clear_left {
                clear: left;
   }

     /* ====================== Imagem do Loco-Motora ========================= */

     .coluna {
          display: block;
          height: 96px;
          margin: 0.6em;
     }

     .coluna img {
           border: 1px solid #484848;
           float: left;
     }

     .coluna p{
              float: left;
              margin-left: 0.5em;
     }