@charset "utf-8";

/**
  * 
  * NTI - Nucleo de Tecnologia da Informacao<br>
  *
  * Faculdade Joaquim Nabuco - Estilo do Portal de Talentos.
  *
  *  @hack 
  *  @created   
  *  @updated   No updates yet
  *  @author    WebNti  <webnti@esbj.com.br>
  *  @copyright 2008 ESBJ.
  *  @license   http://esbj.com.br/licencaweb.html ESBJ License
  *  @version   "SVN: <1>"
  *  @link      http://biblioteca.mauriciodenassau.edu.br
  */ 
  /**
    * Folha de estilos do biblioteca.mauriciodenassau.edu.br - CSS DA HOME e COMUM A TUDO
  **/ 
  /** Elementos gerais a tudo **/
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,a,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td,tt,img,table,caption
	{
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-weight: inherit;
 font-style: inherit;
 list-style: none;
 font-size: 100%;
 line-height: inherit;
 font-family: inherit;
 vertical-align: baseline;
 text-decoration: none;
}

body {
 background: #1b3d6b url(../images/bg.jpg) top repeat-x;
 color: #5f5f5a;
 font: 1em arial;
}

ol,ol li {
 list-style: decimal
}

ol li {
 padding: 3px 0px;
}

a,#divLocalidade option {
 color: #668bb7;
 cursor: pointer;
}

a:hover {
 color: #95b2d5;
}

a:hover img {
 filter: progid : DXImageTransform . Microsoft . Alpha(opacity = 80);
 -moz-opacity: 0.8;
 opacity: 0.8;
}

#divCorpo {
 width: 760px;
 margin: 0px auto;
 margin-top: 40px;
}

#divCorpo1 {
 float: left;
 margin-top: 5px;
 width: 760px;
 background: #ffffff url(../images/corpobottom.png) bottom no-repeat;
}

.divCorpoTop {
 width: 760px;
 height: 15px;
 overflow: hidden;
 float: left;
 background: url(../images/corpotop.png) top no-repeat;
}

/** Menu Principal **/
#divMenu {
 height: 40px;
}

#divMenuPrincipal {
 width: 760px;
 height: 90px;
 position: absolute;
 z-index: 2;
 font: 0.8em arial;
 margin-top: -40px;
 background: url(../images/bgmenu24.png) no-repeat !important;
 background: url(../images/bgmenu.png) no-repeat;
}

#menuList {
 margin-top: 10px;
}

#divMenuPrincipal ul,#divMenuPrincipal li {
 float: left;
}

#divMenuPrincipal li li {
 float: none;
 border-bottom: 1px solid silver;
}

* :first-child+html #divMenuPrincipal li li {
 height: 22px;
 overflow: hidden;
}

* html #divMenuPrincipal li li {
 height: 22px;
 overflow: hidden;
}

#divMenuPrincipal ul li {
 position: relative;
}

#divMenuPrincipal ul li span {
 padding: 3px 10px;
}

* :first-child+html #divMenuPrincipal ul li span {
 padding: 0px 10px;
}

* html #divMenuPrincipal ul li span {
 padding: 0px 10px;
}

#divMenuPrincipal li ul {
 position: absolute;
 z-index: 99;
 display: block;
 margin: 61px 0px 0px 1px;
 left: 0px;
 background-color: white;
 border-left: 1px solid silver;
 border-right: 1px solid silver;
}

* :first-child+html #divMenuPrincipal li ul {
 padding-top: 4px;
 background: white url(../images/bgsubmenu.png) bottom repeat-x;
 border-bottom: 1px solid silver;
}

* html #divMenuPrincipal li ul {
 padding-top: 4px;
 background: white url(../images/bgsubmenu.png) bottom repeat-x;
 border-bottom: 1px solid silver;
}

#divMenuPrincipal ul li li {
 z-index: 51;
}

#divMenuPrincipal li:hover ul {
 display: block;
}

#divMenuPrincipal li:hover ul {
 visibility: visible;
}

#divMenuPrincipal ul ul {
 visibility: hidden;
}

.aMenu {
 clear: both;
 float: left;
 height: 41px;
 padding: 20px 17px 0px 18px;
 border-left: 1px solid #c1bfc0;
 border-right: 1px solid #fff;
}

#divMenuPrincipal a:hover {
 background: url(../images/menuseta.png) bottom center no-repeat;
}

#divMenuPrincipal li li a {
 background-color: #fff;
}

#divMenuPrincipal li li a:hover {
 background: none;
 color: #1b3d6b;
 text-decoration: underline;
}

.liABiblioteca ul,.liABiblioteca a span {
 width: 180px !important;
 width: 150px;
 display: block;
 cursor: pointer;
}

.liAcervo ul,.liAcervo a span {
 width: 180px !important;
 width: 150px;
 display: block;
 cursor: pointer;
}

.liServicos ul,.liServicos a span {
 width: 130px !important;
 width: 110px;
 display: block;
 cursor: pointer;
}

.divSubMenu2 {
 background: #fff url(../images/bgsubmenu1.png) left bottom no-repeat;
 float: left;
}

.divSubMenu2 div {
 height: 25px;
 float: left;
 background: url(../images/bgsubmenu2.png) right bottom no-repeat;
}

/** FIM Menu Principal **/
#divHeader {
 width: 760px;
 height: 130px;
}

#divHeader img {
 position: absolute;
 z-index: 1;
 margin: 25px 0px 0px 30px;
}

#divLocalidade {
 position: absolute;
 width: 550px;
 z-index: 1;
 margin: 25px 0px 0px 200px;
 text-align: center;
}

#divLocalidade label {
 font: bold 1.1em arial;
}

#divLocalidade .a16 {
 height: 54px;
 margin-top: 17px;
}

#divLocalidade .titLocREC {
 background: url(../images/headerrecife.png) center no-repeat;
}

#divLocalidade .titLocSSA {
 background: url(../images/headersalvador.png) center no-repeat;
}

#divLocalidade .titLocCPV {
 background: url(../images/headercampina.png) center no-repeat;
}

#divLocalidade .titLocLFR {
 background: url(../images/headerlauro.png) center no-repeat;
}

#divLocalidade .titLocJPA {
 background: url(../images/headerjoao.png) center no-repeat;
}

#divLocalidade .titLocMCZ {
 background: url(../images/headermaceio.png) center no-repeat;
}

#divLocalidade .titLocNAT {
 background: url(../images/headernatal.png) center no-repeat;
}

#divLocalidade p b,.divAreasBases  h2 b,#divAquisicoes h2 b,#divAreaClube h2 b,#divAreaAtendimento a b,#formAreaBusca h2 b,button b	{
 display: none;
}

#divAreas {
 width: 336px;
 height: 767px;
 float: left;
 margin: 8px 0px 0px 2px;
 background: url(../images/bgareas.png) top no-repeat;
}

.divConteudo {
 float: left;
}

#formAreaBusca {
 width: 336px;
 height: 143px;
 float: left;
 color: black;
}

#formAreaBusca ul,#divAreaClube ul {
 float: left;
 padding-left: 10px;
 font: 0.9em arial;
 margin-top: 13px;
}

#formAreaBusca li,#divAreaClube li {
 float: left;
 padding: 6px 0px 0px 8px;
}

#formAreaBusca h2 {
 background: url(../images/areasbuscalogo.png) top left no-repeat;
 float: left;
 margin: 18px 0px 0px 17px !important;
 margin: 18px 0px 0px 8px;
 width: 283px;
 height: 47px;
}

#formAreaBusca label {
 color: gray;
}

.inputNormal {
 background: #fff url(../images/bginput.gif) bottom repeat-x;
 height: 21px;
 border-top: 1px solid #666666;
 border-left: 1px solid #666666;
 border-bottom: 1px solid #b7b7b7;
 border-right: 1px solid #b7b7b7;
 font: 14px arial;
}

input:focus {
 background-color: white;
}

button {
 cursor: pointer;
}

#formAreaBusca .inputNormal {
 width: 131px;
 margin-left: 9px;
}

#formAreaBusca button {
 width: 31px;
 height: 31px;
 border: 0px;
 margin: -3px 0px 0px 4px;
 background: url(../images/btnbusca.gif) no-repeat;
}

#divAreaAtendimento {
 width: 336px;
 height: 120px;
 float: left;
 font: 0.9em arial;
}

#divAreaAtendimento a {
 background: url(../images/areasatendimentologo.png) top left no-repeat;
 display: block;
 margin: 17px 0px 0px 17px;
 width: 283px;
 height: 100px;
}

#divAreaClube {
 width: 336px;
 height: 120px;
 float: left;
}

#divAreaClube h2 {
 background: url(../images/areasclubelogo.png) top left no-repeat;
 display: block;
 margin: 17px 0px 0px 17px;
 width: 283px;
 height: 100px;
}

#divAreaClube form {
 width: 250px;
 position: relative;
 margin: -85px 0px 0px 56px;
}

#divAreaClube .inputNormal {
 width: 109px;
 margin-left: 9px;
}

#divAreaClube label {
 float: left;
 width: 65px;
 color: black;
 text-align: right;
}

#divAreaClube button {
 width: 31px;
 height: 31px;
 border: 0px;
 margin: -3px 0px 0px 4px;
 background: url(../images/btnclube.gif) no-repeat;
}

#divAreaClube form p {
 width: 326px;
 margin: 10px 0px 0px -60px;
 float: left !important;
 float: none;
 position: static !important;
 position: relative;
 text-align: center;
}

#divClubeHome {
 margin: 10px 0px 0px 18px;
 width: 290px;
}

#divClubeHome p {
 float: left;
 text-align: left;
 margin-top: 18px;
 font: .95em arial;
 line-height: 1.3em;
}

#divConteudoHome {
 width: 405px;
}

#divConteudoHome #divAquisicoes {
 width: 397px;
 height: 730px;
 margin: 13px 0px 0px 5px;
 float: left;
 background: url(../images/areasaquisicoes.png) top left no-repeat;
 font: 0.9em arial;
}

#divAquisicoes h2 {
 display: block;
 margin: 17px 0px 0px 17px;
 width: 340px;
 height: 60px;
}

#divAquisicoes .aquisicoes {
 background: url(../images/areasaquisicoeslogo.png) top left no-repeat;
}

#divAquisicoes .modelos {
 background: url(../images/areasaquisicoeslogo2.png) top left no-repeat;
}

#divAquisicoes li {
 width: 320px;
 float: left;
 margin: 13px 0px 0px 30px !important;
 margin: 13px 0px 0px 15px;
}

#divAquisicoes p strong {
 color: #4b5d76;
 width: 320px;
 display: block;
 text-align: center;
 margin: 13px 0px 0px 25px;
}

#divConteudoHome .divAquisicoesListar {
 width: 373px;
 height: 245px;
 float: left;
 overflow: auto;
}

#divAquisicoes p b {
 width: 320px;
 float: left;
 clear: both;
 text-align: center;
 margin: 13px 0px 0px 25px;
}

#divAquisicoes .table td {
 padding: 5px 7px;
}

.divAquisicoesExibir .table tr {
 vertical-align: top;
}

#tdImagem {
 position: absolute;
 margin: -6px 0px 0px 450px;
}

.divAreasBases {
 width: 397px;
 margin: -10px 0px 30px 5px;
 float: left;
}

.divAreasBases  h2 {
 background: url(../images/areabaseslogo.png) top left no-repeat;
 display: block;
 margin: 8px 0px 0px 17px;
 width: 340px;
 height: 40px;
}

.divAreasBases li {
 display: inline;
}

li.basesinter,li.basesusp {
 clear: left;
}

.divAreasBases li img {
 padding: 12px 9px 0px 9px;
}

#divRodape {
 width: 760px;
 margin: 10px auto 10px auto;
 color: #f1f1f1;
 font: 0.9em arial;
 text-align: center;
}

#divRodape p {
 margin-top: 5px;
 display: block;
}

#divRodape a {
 color: white;
 text-decoration: underline;
}

#divConteudoInternas {
 padding-top: 1px;
 font: 0.9em arial;
}

#divMenuInternas {
 float: left;
 width: 65px;
}

#divMenuInternas li,#divMenuInternas li a {
 width: 65px;
 height: 65px;
 float: left;
 clear: both;
}

#divMenuInternas li a {
 border-bottom: 1px solid #f2f2f2;
 border-right: 1px solid #f2f2f2;
}

#liConsulta a {
 border-top: 1px solid #f2f2f2;
 background: url(../images/iconconsulta.png) no-repeat;
}

#liAtendimento a {
 border-top: 1px solid #f2f2f2;
}

#liClube a {
 background: url(../images/iconclube.png) no-repeat;
}

#divMenuInternas2 {
 float: left;
 width: 1px;
}

#divConteudoInternas #formAreaBusca,#divConteudoInternas #divAreaAtendimento,#divConteudoInternas #divAreaClube	{
 position: absolute;
 z-index: 2;
 margin-left: -10px;
 opacity: 0.95;
 -moz-opacity: 0.95;
 filter: alpha(opacity = 95);
}

#divConteudoInternas #formAreaBusca {
 height: 160px;
 margin-top: -25px;
 background: url(../images/bgbusca.png) no-repeat;
}

#divConteudoInternas #formAreaBusca h2 {
 margin-top: 15px;
}

#divConteudoInternas #divAreaAtendimento {
 height: 130px;
 margin-top: 40px;
 background: url(../images/bgatendimento.png) no-repeat;
}

#divConteudoInternas #divAreaClube {
 height: 150px;
 margin-top: 105px;
 background: url(../images/bgbusca.png) no-repeat;
}

.btnfechar {
 width: 20px;
 height: 21px;
 margin-left: 309px;
 position: absolute;
 background: url(../images/btn_x.gif) no-repeat;
 cursor: pointer;
}

* :first-child+html .btnfechar {
 margin-left: 292px;
}

* html .btnfechar {
 margin-left: 292px;
}

* :first-child+html #formAreaBusca .btnfechar {
 margin-left: 310px;
}

* html #formAreaBusca .btnfechar {
 margin-left: 310px;
}

#divInternas {
 float: left;
 width: 620px;
 padding-left: 15px;
}

#pNavegacaoLocal {
 color: silver;
}

#divInternas p {
 padding-top: 13px;
}

#divSubMenuInternas {
 margin-top: 20px;
 font-weight: bold;
}

#divInternas ul li {
 list-style: disc;
 margin: 5px 0px 0px 40px;
}

#divInternas .table {
 background-color: white;
 width: 600px;
}

#divInternas .table td {
 border: 1px solid #f1f1f1;
}

.hTitulo {
 font: bold 1.6em arial;
}

#divInternas #divAquisicoes {
 width: 597px;
}

#divInternas #divAquisicoes li {
 width: 520px;
 margin-left: 30px !important;
 margin-left: 20px;
 padding-top: 5px !important;
 padding-top: 10px;
 list-style: circle;
}

#divInternas .divAquisicoesListar {
 width: 573px;
 float: left;
 padding-bottom: 20px;
}

#forContato label {
 float: left;
 width: 90px;
 text-align: right;
}

#forContato input,#forContato textarea {
 width: 300px;
 margin-left: 10px;
}

#forContato .pButton {
 width: 400px;
 text-align: right;
}

#overlay img {
 border: none;
}

/** Lightbox Integration **/
#lightbox {
 background-color: #eee;
 padding: 10px;
 border-bottom: 2px solid #666;
 border-right: 2px solid #666;
}

#lightboxCaption {
 font-size: 0.8em;
 padding-top: 0.4em;
 float: left;
}

#lightbox img {
 border: none;
}

#keyboardMsg {
 float: right;
}

#closeButton {
 top: 5px;
 right: 5px;
}

#overlay img {
 border: none;
}

#overlay {
 background-image: url('../images/overlay.png');
}

* html #overlay {
 filter: progid : DXImageTransform . Microsoft . Alpha(opacity = 90);
}

/** FIM Lightbox Integration **/
.a12 {
 font: 12px arial
}

.a14 {
 font: 14px arial
}

.a16 {
 font: 16px arial
}

.a18 {
 font: 18px arial
}

.a22 {
 font: 22px arial
}